html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* element.scss */

body {
    background: #fff;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
    color: #333333;
}

p {
    line-height: 22px;
    margin-bottom: 10px;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
}

a,
a:hover,
a:focus,
a:active {
    color: #000000;
    text-decoration: none;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
	font-size: 16px;
	  font-weight: 500;
	   font-family: 'Quicksand', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Quicksand', sans-serif !important;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    p {
        font-size: 14px;
        line-height: 22px;
    }
}


/* common */

.cm-not-in-page {
    left: -99999px;
    position: absolute;
    top: -99999px;
}

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

.cm-mail-waiting {
    width: 21px;
    height: 21px;
    background: url("../images/mail_waiting.gif") no-repeat;
    margin: 0 auto 20px;
    display: table;
    z-index: 1;
}

.cm-result {
    color: #219eff ;
    display: block;
    margin: 0 0 20px;
    padding: 15px;
    width: 100%;
    float: left;
    text-align: center;
}

.cm-graphic-divider {
    width: 58px;
    height: 18px;
    position: relative;
    display: table;
    margin: 0 auto;
}

.cm-graphic-divider .icon {
    font-size: 125px;
    height: 20px;
    display: block;
    width: 140px;
    color: #219eff;
    text-align: center;
}

.cm-graphic-divider .icon:before {
    position: absolute;
    top: 10px;
    line-height: 0;
    right: 0;
    left: 0;
}

.cm-graphic-divider .icon.icon-subtitle-separator {
    font-size: 75px;
}

.cm-scroll {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
    right: -38px;
    font-size: 13px;
    color: #219eff;
    padding-left: 38px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
}

.cm-scroll:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -10px;
    width: 31px;
    height: 9px;
    background: url(../images/icon/arrow.png) no-repeat;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: arrowshake;
    animation-name: arrowshake;
}

@-webkit-keyframes arrowshake {

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

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
    }
}

@keyframes arrowshake {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}

.cm-scroll.mobile-scroll {
    display: none;
}

.cm-phone {
    width: 42px;
    height: 42px;
    position: fixed;
    right: 0;
    bottom: 40px;
    cursor: pointer;
    background-color: #219eff;
    z-index: 3;
    cursor: pointer;
    display: block;
}

.cm-phone.mobile-phone {
    display: none;
}

.cm-phone:before {
    content: "d";
    font-family: "birla-estates" !important;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.padding-zero {
    padding: 0;
}

.cm-cursor {
    position: fixed;
    top: 50%;
    margin-top: -26px;
    left: 4%;
    width: 52px;
    height: 52px;
    border: 1px solid #219eff;
    padding: 15px;
    border-radius: 50%;
    z-index: 11;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: leaves 1s ease-in-out infinite alternate;
    animation: leaves 1s ease-in-out infinite alternate;
    cursor: pointer;
}

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

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

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

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

.cm-cursor .cursor-shape {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #219eff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    right: 15px;
    animation: none;
}

.cm-cursor.open {
    background: #219eff ;
    border: 1px solid #219eff ;
    transform: none;
    animation: none;
}

.cm-cursor.open .cursor-shape {
    background: #219eff ;
}

.cm-cursor.open .cursor-shape:before {
    content: "x";
    position: absolute;
    top: -2px;
    left: 5px;
    font-size: 22px;
    color: #219eff;
}

.padding-both {
    padding: 0 112px;
}

.cm-loader {
    background: rgba(255, 255, 255, 0.97);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

.cm-loader:before {
    content: "loading...";
    background: url("../images/logo-big.png") no-repeat;
    position: absolute;
    width: 100px;
    height: 100px;
    background-size: contain;
    left: 50%;
    top: 47%;
    transform: translateX(-50%) translateY(-50%);
    line-height: 92px;
    padding-top: 62px;
    text-align: center;
    text-transform: capitalize;
    color: #219eff ;
    font-weight: 300;
}

.no-birdeye .cm-cursor {
    display: none;
}

@-webkit-keyframes contfadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes contfadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.contfadeInDown {
    animation-name: contfadeInDown;
}

.svg-icon.active .path {
    animation: draw 1.8s 1s linear forwards;
    -webkit-animation: draw 1.8s 1s linear forwards;
    -moz-animation: draw 1.8s 1s linear forwards;
    -o-animation: draw 1.8s 1s linear forwards;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-o-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .cm-scroll {
        top: auto;
        bottom: 30px;
        left: 0;
        right: 0;
        padding: 25px 0px 0px;
        font-size: 3vw;
        background-position: top center;
        transform: none;
    }

    .cm-scroll.mobile-scroll {
        display: block;
        text-align: center;
    }

    .cm-scroll.mobile-scroll:before {
        left: 0;
        right: 0;
        display: table;
        margin: 0 auto;
    }

    .cm-phone {
        display: none;
    }

    .cm-phone.mobile-phone {
        display: block;
    }

    .cm-cursor {
        position: absolute;
        top: auto;
        bottom: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .cm-graphic-divider .icon-seperator {
        font-size: 27.8vw;
    }

    .padding-both {
        padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cm-scroll {
        top: auto;
        bottom: -133px;
        left: 0;
        right: 0;
        padding: 25px 0px 0px;
        font-size: 15px;
        background-position: top center;
        transform: none;
    }

    .cm-scroll:before {
        left: 0;
        right: 0;
        display: table;
        margin: 0 auto;
    }

    .padding-both {
        padding: 0 20px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 960px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
    }
}


/* base include */

.bs-social-media .social-media-item {
    display: inline-block;
    margin-right: 10px;
}

.bs-social-media .social-media-item a {
    color: #cccccc;
    padding: 5px 7px;
    border-radius: 50%;
    border: 1px solid #cccccc;
    width: 38px;
    height: 38px;
    transition: all 0.5s ease 0s;
}

.bs-social-media .social-media-item a .icon {
    position: relative;
    top: 2px;
}

.bs-social-media .social-media-item a:last-child {
    margin-right: 0;
}

.bs-social-media .social-media-item a:hover .icon {
    color: #fff;
}

.bs-social-media .social-media-item a:hover.fb {
    background: #3b5998;
    border-color: #3b5998;
}

.bs-social-media .social-media-item a:hover.twitter {
    background: #1da1f2;
    border-color: #1da1f2;
}

.bs-social-media .social-media-item a:hover.linkedin {
    background: #0077b5;
    border-color: #0077b5;
}

.bs-sec {
    display: block;
}
.digital-heading {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.bs-sec .sec-header {
    text-align: center;
}

.bs-sec .sec-header .sec-title {
    font-size: 72px;
    font-family: 'Quicksand', sans-serif !important;
    color: #219eff ;
    font-weight: 100;
    line-height: 65px;
}

.bs-sec .sec-header .sec-title.typ-leadership {
    font-size: 52px;
    line-height: 45px;
}

.bs-sec .sec-header .sec-caption {
    width: 625px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    font-family: 'Quicksand', sans-serif !important;
    margin: 15px auto 23px;
    color: #333333;
}

.bs-sec .sec-header.less-margin {
    margin-bottom: 30px;
}

.bs-sec .sec-container {
    display: block;
    overflow: hidden;
}

.bs-sec .sec-container .sec-form {
    width: 790px;
    margin: 0 auto;
    overflow: hidden;
}

.bs-sec .sec-container.overflow {
    overflow: visible;
}

.bs-sec.typ-no-margin {
    margin-bottom: 0;
}

.bs-sec.typ-padding {
    padding-bottom: 190px;
    background: #f2f2f2;
}

.bs-sec.typ-grey {
    background: #f2f2f2;
}

.bs-sec.typ-grey .sec-header {
    margin-top: 55px;
}

.bs-sec.typ-grey .cm-graphic-divider {
    margin: 30px auto 45px;
}

.bs-sec.typ-grey .bs-summary .desc {
    width: 70%;
}

.bs-sec.typ-yellow {
    background: #219eff;
}

.bs-sec.typ-ful-width .sec-header {
    margin-bottom: 64px;
}

.bs-sec.typ-ful-width .sec-title {
    text-align: center;
    font-size: 76px;
    font-family: 'Quicksand', sans-serif !important;
    line-height: 86px;
    margin-bottom: 60px;
    text-transform: capitalize;
    color: #219eff ;
    font-weight: 100;
}

.bs-sec.typ-ful-width .desc {
    text-align: center;
    border: none;
    font-family: "Source Sans Pro", sans-serif;
    color: #a3a3a3;
    font-size: 16px;
    line-height: 18px;
    font-weight: 200;
    margin: 0px auto 25px;
    display: block;
    width: 600px;
}

.bs-sec.typ-news .list-item {
    padding-left: 0px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.bs-sec.typ-leadership .sec-container {
    display: none;
    padding: 60px 0 100px;
}

.bs-sec.typ-leadership .sec-container.active {
    display: block;
}

.bs-sec.typ-leadership .sec-header {
    margin: 50px 0;
}

.bs-sec.typ-leadership .sec-header .sec-title.typ-leadership {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.bs-sec.typ-leadership .sec-header .arrow {
    width: 23px;
    height: 13px;
    background: url(../images/down-arrow.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0 10px;
    cursor: pointer;
}

.bs-sec.typ-leadership .sec-header.active .arrow {
    background: url(../images/down-arrow2.png) no-repeat;
}

.bs-sec.typ-leadership .sec-container .board-wrap {
    display: block;
    text-align: center;
}

.bs-sec.typ-leadership .sec-container .board-wrap .inner-wrap {
    width: 226px;
    height: 150px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #cccccc;
    margin: 0 9px 20px;
    padding: 30px;
}

.bs-sec.typ-leadership .sec-container .board-wrap .inner-wrap .name {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
}

.bs-sec.typ-leadership .sec-container .board-wrap .inner-wrap .design {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #999999;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
}

.bs-sec .band-wrap {
    width: 60%;
    margin: 0px auto;
}

.bs-sec .band-wrap img {
    width: 100%;
}

.bs-sec .download-link {
    text-align: center;
    margin-top: 40px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-sec {
        margin-bottom: 135px;
    }

    .bs-sec .sec-header {
        margin-bottom: 57px;
    }

    .bs-sec .sec-header .sec-title {
        font-size: 43px;
        line-height: 53px;
    }

    .bs-sec .sec-header .sec-title.typ-leadership {
        font-size: 25px;
        line-height: 35px;
    }

    .bs-sec .sec-header .sec-caption {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        padding: 0 20px;
    }

    .bs-sec.typ-leadership .sec-container {
        padding: 0 0 50px;
    }

    .bs-sec .sec-container .sec-form {
        width: 100%;
    }

    .bs-sec.typ-grey .bs-summary .desc {
        width: 100%;
    }

    .bs-sec.typ-ful-width .sec-header {
        margin-bottom: 20px;
    }

    .bs-sec.typ-ful-width .sec-header .sec-title {
        margin-bottom: 20px;
        font-size: 34px;
        line-height: 38px;
    }

    .bs-sec.typ-ful-width .desc {
        width: 100%;
    }

    .bs-sec.typ-news .list-item {
        padding-right: 15px;
        padding-left: 15px;
        display: inline-block;
    }

    .bs-sec .band-wrap {
        width: 100%;
    }

    .bs-sec .download-link {
        margin-top: 20px;
    }

    .bs-sec .download-link .btn-default {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bs-sec .sec-container .sec-form {
        width: 90%;
    }
}

.bs-home {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.bs-home .bottom-content {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 11;
}

.bs-home .bottom-content .header {
    display: table;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 15px;
    text-transform: capitalize;
    padding: 0 20px;
}

.bs-home .bottom-content .list {
    display: inline-block;
    clear: both;
}

.bs-home .bottom-content .list .list-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.bs-home .bottom-content .list .list-item:last-child {
    border-right: none;
}

.bs-home .bottom-content .list .list-item .title {
    display: table;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    margin-bottom: 6px;
}

.bs-home .bottom-content .list .list-item .content {
    display: table;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    color: #219eff;
}

.bs-home .video-wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url("../images/poster.png") no-repeat;
    background-size: cover;
}

.bs-home .video-wrap .home-video {
    position: fixed;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
    background-size: cover;
    object-fit: cover;
}

.bs-home .video-wrap .before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: -90;
    background: rgba(0, 0, 0, 0.7);
}

.bs-home .mod-svg-text {
    display: inline-block;
}

.bs-home .item {
    display: block;
}

.bs-home .item .mod-journey {
    display: inline-block;
    position: relative;
    top: 50%;
    width: 50%;
    transform: translateY(-80px);
    padding: 80px 0 0 102px;
    box-sizing: border-box;
}

.bs-home .item .mod-journey .icon-wrap {
    position: absolute;
    left: 102px;
    top: 0;
    height: 80px;
}

.bs-home .item .mod-journey .icon-wrap {
    width: 80px;
}

.bs-home .item .mod-journey .count {
    position: absolute;
    left: 70px;
    top: 51%;
    opacity: 0;
    -webkit-transition: all 0.5s 0.8s ease;
    -moz-transition: all 0.5s 0.8s ease;
    -ms-transition: all 0.5s 0.8s ease;
    -o-transition: all 0.5s 0.8s ease;
    transition: all 0.5s 0.8s ease;
    display: none;
}

.bs-home .item .mod-journey .info-wrap .tag-line {
    display: block;
    /* changes by darshan 28092917 */
    font-size: 16px;
    color: #fff;
    /* changes by darshan 28092917 */
}

.bs-home .item .mod-journey .info-wrap .desc {
    position: relative;
    left: -100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.bs-home .item .mod-journey .info-wrap .desc .link {
    display: inline-block;
}

.bs-home .item .mod-journey .info-wrap .nav-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.bs-home .item .mod-journey:hover .info-wrap .desc {
    left: 0;
}

.bs-home .item .mod-journey:hover .count {
    opacity: 0;
    display: none;
}

.bs-home .item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #219eff;
    z-index: 2;
}

.bs-home .item.typ-single-item {
    width: 100%;
}

.bs-home .item.typ-single-item .mod-journey {
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: auto;
    padding: 0;
    overflow: visible;
    cursor: auto;
}

.bs-home .item.typ-single-item .mod-journey .info-wrap {
    height: auto;
    overflow: visible;
    padding-top: 0;
    margin: 0;
}

.bs-home .item.typ-single-item .mod-journey .info-wrap .title {
    /* font-size: 105px; */
    font-size: 20px;
    margin-bottom: 0;
    min-height: 105px;
    transition: none;
    opacity: 1;
    transform: none;
}

.bs-home .item.typ-single-item .mod-journey .info-wrap .tag-line {
    left: 0;
    top: -20px;
    position: absolute;
    transform: translateY(-100%);
}

.bs-home .item.typ-single-item .mod-journey .info-wrap .tag-line.bottom-line {
    top: auto;
    bottom: -18px;
}

.bs-home .item.typ-single-item .mod-journey .info-wrap .desc {
    width: 500px;
    left: 0;
    position: absolute;
    margin-top: 20px;
}

.bs-home .item.typ-single-item .mod-journey:hover .info-wrap .title {
    color: #fff;
}

.bs-home .item.typ-single-item .mod-journey:hover .info-wrap .tag-line {
    color: #fff;
}

.bs-home .item.typ-single-item:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 16vw;
    left: auto;
    right: 0;
    height: 1px;
    background: #219eff;
    z-index: 2;
}

.bs-home .item.typ-single-item.swiper-slide-active .mod-journey .info-wrap .title {
    transition: none;
}

.bs-home .item .slide-wrap {
    overflow: hidden;
    padding: 0 10%;
    position: relative;
    height: 100%;
    width: 100%;
}

.bs-home .item .slide-wrap .mod-journey {
    float: left;
}

.bs-home #homeslider {
    display: block;
}

.bs-home #mobileslider {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-home {
        position: absolute;
        width: auto;
        height: auto;
        overflow: hidden;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .bs-home .bottom-content {
        bottom: auto;
        top: 120px;
        left: 0;
        right: 0;
        text-align: center;
    }

    .bs-home .bottom-content .header {
        display: block;
    }

    .bs-home .video-wrap .home-video {
        display: none;
    }

    .bs-home .item {
        width: 100%;
    }

    .bs-home .item .mod-journey {
        height: auto;
        padding: 80px 0 15px;
        width: 100%;
    }

    .bs-home .item .mod-journey .count {
        display: none;
    }

    .bs-home .item .mod-journey .icon-wrap {
        left: 0;
    }

    .bs-home .item .mod-journey .info-wrap {
        text-align: left;
        height: auto;
    }

    .bs-home .item .mod-journey .info-wrap .title {
        font-size: 9.3vw;
        margin-bottom: 2vh;
        color: #219eff;
    }

    .bs-home .item .mod-journey .info-wrap .title .tag-line {
        font-size: 3.8vw;
        left: 0;
        color: #219eff;
    }

    .bs-home .item .mod-journey .info-wrap .desc {
        width: 100%;
        left: 0;
        height: auto;
    }

    .bs-home .item .mod-journey .info-wrap .desc p {
        font-size: 4.2vw;
        line-height: 3vh;
    }

    .bs-home .item .mod-journey .link {
        top: auto;
        left: 0;
        bottom: 0;
        opacity: 1;
    }

    .bs-home .item.typ-single-item .mod-journey {
        top: 0;
        transform: none;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
    }

    .bs-home .item.typ-single-item .mod-journey .cm-scroll {
        display: none;
    }

    .bs-home .item.typ-single-item .mod-journey .info-wrap {
        top: 50%;
        width: auto;
        transform: translateY(-60%);
        min-height: auto;
        display: inline-block;
        padding-top: 20px;
    }

    .bs-home .item.typ-single-item .mod-journey .info-wrap .title {
        min-height: auto;
        font-size: 10vw;
        color: #fff;
    }

    .bs-home .item.typ-single-item .mod-journey .info-wrap .title .tag-line {
        left: 3px;
        font-size: 13px;
        color: #fff;
        top: -16px;
    }

    .bs-home .item.typ-single-item .mod-journey .info-wrap .desc {
        width: auto;
        right: 0;
    }

    .bs-home .item.typ-single-item:before {
        width: 12vw;
    }

    .bs-home #homeslider {
        display: none;
    }

    .bs-home #mobileslider {
        display: block;
    }

    .bs-home #mobileslider .item {
        width: 100%;
        padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bs-home .item.typ-single-item .mod-journey .info-wrap .title {
        font-size: 0;
        min-height: auto;
    }
}

.bs-steps-infography {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.bs-steps-infography .step-wrap {
    display: block;
    position: relative;
    margin-bottom: 40px;
    min-height: 128px;
}

.bs-steps-infography .step-wrap .step-box {
    width: 114px;
    height: 62px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-49%);
    background: #cccccc;
    z-index: 1;
}

.bs-steps-infography .step-wrap .step-box .step-icon {
    width: 98.3%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 2;
}

.bs-steps-infography .step-wrap .step-box .step-icon .svg-icon {
    width: 60px;
    height: 28px;
    margin: 0 auto;
}

.bs-steps-infography .step-wrap .step-box .step-icon:before,
.bs-steps-infography .step-wrap .step-box .step-icon:after {
    content: "";
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
    position: absolute;
}

.bs-steps-infography .step-wrap .step-box .step-icon:before {
    top: -29px;
    border-bottom: 29px solid #fff;
}

.bs-steps-infography .step-wrap .step-box .step-icon:after {
    bottom: -29px;
    border-top: 29px solid #fff;
}

.bs-steps-infography .step-wrap .step-box:before,
.bs-steps-infography .step-wrap .step-box:after {
    content: "";
    border-left: 57px solid transparent;
    border-right: 57px solid transparent;
    position: absolute;
}

.bs-steps-infography .step-wrap .step-box:before {
    top: -30px;
    border-bottom: 30px solid #cccccc;
}

.bs-steps-infography .step-wrap .step-box:after {
    bottom: -30px;
    border-top: 30px solid #cccccc;
}

.bs-steps-infography .step-wrap .step-info-wrap {
    width: 44%;
    display: inline-block;
    padding: 0px 30px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.bs-steps-infography .step-wrap .step-info-wrap .step-title {
    display: block;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    color: #219eff ;
    font-size: 25px;
    text-transform: uppercase;
}

.bs-steps-infography .step-wrap .step-info-wrap .step-info {
    font-weight: 300;
    margin-top: 5px;
    width: 322px;
}

.bs-steps-infography .step-wrap .step-info-wrap.left {
    left: 0;
}

.bs-steps-infography .step-wrap .step-info-wrap.left .step-title {
    text-align: right;
    position: relative;
}

.bs-steps-infography .step-wrap .step-info-wrap.left .step-info {
    text-align: right;
    width: auto;
}

.bs-steps-infography .step-wrap .step-info-wrap.right {
    right: 0;
}

.bs-steps-infography .step-wrap .step-info-wrap.right .step-title {
    text-align: left;
}

.bs-steps-infography .step-wrap .step-info-wrap.before-dot:before {
    content: "";
    position: absolute;
    left: -60px;
    width: 10px;
    height: 10px;
    background: #219eff;
    border-radius: 50%;
    top: -50px;
}

.bs-steps-infography .step-wrap .step-info-wrap.after-dot:after {
    content: "";
    position: absolute;
    left: 49.5%;
    width: 10px;
    height: 10px;
    background: #219eff;
    border-radius: 50%;
    top: -4px;
}

.bs-steps-infography .step-wrap:last-child {
    min-height: 211px;
    margin-bottom: 0px;
}

.bs-steps-infography .step-wrap:last-child .step-box {
    display: none;
}

.bs-steps-infography .step-wrap:last-child .step-info-wrap {
    width: 100%;
    text-align: center;
    background: #fff;
    top: 99px;
    height: 100%;
}

.bs-steps-infography .step-wrap:last-child .step-info-wrap .step-title {
    margin-bottom: 10px;
}

.bs-steps-infography .step-wrap:last-child .step-info-wrap .logo-wrap {
    margin: 20px 0;
}

.bs-steps-infography .step-wrap:last-child .step-info-wrap .step-info {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
    text-align: center;
}

.bs-steps-infography:before {
    content: "";
    width: 2px;
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: 50%;
    width: 1px;
    border-right: 1px solid #cccccc;
}

.bs-steps-infography.typ-legacy .step-wrap .step-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: none;
    padding: 20px;
    top: 0;
}

.bs-steps-infography.typ-legacy .step-wrap .step-box .step-icon {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #219eff;
}

.bs-steps-infography.typ-legacy .step-wrap .step-box .step-icon:before,
.bs-steps-infography.typ-legacy .step-wrap .step-box .step-icon:after {
    display: none;
}

.bs-steps-infography.typ-legacy .step-wrap .step-box:before,
.bs-steps-infography.typ-legacy .step-wrap .step-box:after {
    display: none;
}

.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap {
    width: 45%;
    transform: none;
    top: 15px;
}

.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap .step-title {
    font-size: 3.5vw;
    color: #219eff ;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 100;
}

.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap.left:before,
.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap.left:after,
.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap.right:before,
.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap.right:after {
    display: none;
}

.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap.left .step-info {
    float: right;
    text-align: right;
}

.bs-steps-infography.typ-legacy .step-wrap .step-info-wrap.right .step-info {
    float: left;
    text-align: left;
}

.bs-steps-infography.typ-legacy .step-wrap:last-child {
    min-height: 250px;
}

.bs-steps-infography.typ-legacy .step-wrap:last-child .step-info-wrap {
    width: 100%;
    text-align: center;
    background: #fff;
    top: 50px;
    height: 100%;
}

.bs-steps-infography.typ-legacy .step-wrap:last-child .step-info-wrap .step-title {
    margin-bottom: 10px;
}

.bs-steps-infography.typ-legacy .step-wrap:last-child .step-info-wrap .step-info {
    float: none;
    width: 195px;
    margin: 0 auto 10px;
    text-align: center;
}

.bs-steps-infography.typ-legacy:before {
    width: 1px;
    background: none;
    border-right: 1px solid #219eff;
    opacity: 0.2;
}

.bs-steps-infography.typ-horizontal {
    width: auto;
    height: 220px;
    margin: 0 auto;
    display: table;
    float: none;
}

.bs-steps-infography.typ-horizontal .step-wrap {
    width: 25%;
    float: left;
    margin-bottom: 0;
}

.bs-steps-infography.typ-horizontal .step-wrap .step-box {
    transform: none;
    left: auto;
    position: relative;
    margin: 30px auto 0px;
    top: auto;
}

.bs-steps-infography.typ-horizontal .step-wrap .step-info-wrap {
    transform: none;
    top: auto;
    position: static;
    width: 100%;
    float: left;
    padding: 44px 15px 0px;
}

.bs-steps-infography.typ-horizontal .step-wrap .step-info-wrap .step-info {
    text-align: center;
    width: 100%;
}

.bs-steps-infography.typ-horizontal .step-wrap .step-info-wrap:before {
    display: none;
}

.bs-steps-infography.typ-horizontal .step-wrap:first-child {
    margin-left: 0px;
}

.bs-steps-infography.typ-horizontal .step-wrap:last-child {
    margin-right: 0px;
}

.bs-steps-infography.typ-horizontal .step-wrap:last-child .step-box {
    display: table;
}

.bs-steps-infography.typ-horizontal:before {
    left: 12%;
    right: 12%;
    top: 60px;
    height: 2px;
    width: auto;
    background-image: linear-gradient(to right, #c0c0c0 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 6px 2px;
    bottom: auto;
    background-repeat: repeat-x;
}

.bs-steps-infography.typ2 {
    width: 940px;
    height: 240px;
    margin: 30px auto 0;
}

.bs-steps-infography.typ2 .step-wrap {
    width: 155px;
    float: left;
    margin-bottom: 0;
}

.bs-steps-infography.typ2 .step-wrap .step-box {
    transform: none;
    left: auto;
    position: relative;
    margin: 30px auto 0px;
    top: auto;
}

.bs-steps-infography.typ2 .step-wrap .step-info-wrap {
    transform: none;
    top: auto;
    position: static;
    width: 100%;
    float: left;
    padding: 55px 15px 0px;
}

.bs-steps-infography.typ2 .step-wrap .step-info-wrap .step-title {
    color: #333333;
    font-size: 16px;
}

.bs-steps-infography.typ2 .step-wrap .step-info-wrap .step-info {
    text-align: center;
    width: 100%;
}

.bs-steps-infography.typ2 .step-wrap .step-info-wrap.left .step-title {
    text-align: center;
}

.bs-steps-infography.typ2 .step-wrap .step-info-wrap.left:after {
    display: none;
}

.bs-steps-infography.typ2 .step-wrap .step-info-wrap.right .step-title {
    text-align: center;
}

.bs-steps-infography.typ2 .step-wrap .step-info-wrap:before {
    display: none;
}

.bs-steps-infography.typ2 .step-wrap:first-child {
    margin-left: 0px;
}

.bs-steps-infography.typ2 .step-wrap:last-child {
    margin-right: 0px;
}

.bs-steps-infography.typ2 .step-wrap:last-child .step-box {
    display: table;
}

.bs-steps-infography.typ2 .step-wrap:nth-child(even) {
    top: 62px;
}

.bs-steps-infography.typ2:before {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-steps-infography .step-wrap .step-box {
        transform: none;
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto;
    }

    .bs-steps-infography .step-wrap .step-info-wrap {
        padding: 50px 30px 0;
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
        text-align: center;
    }

    .bs-steps-infography .step-wrap .step-info-wrap .step-title {
        font-size: 18px;
    }

    .bs-steps-infography .step-wrap .step-info-wrap .step-info {
        width: 100%;
    }

    .bs-steps-infography .step-wrap .step-info-wrap.right {
        right: auto;
    }

    .bs-steps-infography .step-wrap .step-info-wrap.right .step-title {
        text-align: center;
    }

    .bs-steps-infography .step-wrap .step-info-wrap.left .step-title {
        text-align: center;
    }

    .bs-steps-infography .step-wrap .step-info-wrap.left .step-info {
        text-align: center;
    }

    .bs-steps-infography .step-wrap .step-info-wrap.before-dot:before {
        display: none;
    }

    .bs-steps-infography .step-wrap .step-info-wrap.after-dot:after {
        display: none;
    }

    .bs-steps-infography .step-wrap:last-child .step-info-wrap {
        top: auto;
        padding: 0px 30px;
    }

    .bs-steps-infography.typ2 {
        width: 220px;
        height: auto;
        overflow: hidden;
        min-height: 190px;
        margin: 0 auto;
    }

    .bs-steps-infography.typ2 .step-wrap {
        top: 0;
        width: 50%;
        height: auto;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box {
        width: 70px;
        height: 40px;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box .step-icon {
        width: 97.3%;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box .step-icon .svg-icon {
        width: 40px;
        height: auto;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box .step-icon:before {
        top: -20px;
        border-bottom: 20px solid #fff;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box .step-icon:after {
        bottom: -21px;
        border-top: 22px solid #fff;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box .step-icon:before,
    .bs-steps-infography.typ2 .step-wrap .step-box .step-icon:after {
        border-left: 34px solid transparent;
        border-right: 34px solid transparent;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box:before {
        top: -21px;
        border-bottom: 21px solid #ccc;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box:after {
        bottom: -22px;
        border-top: 22px solid #ccc;
    }

    .bs-steps-infography.typ2 .step-wrap .step-box:before,
    .bs-steps-infography.typ2 .step-wrap .step-box:after {
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
    }

    .bs-steps-infography.typ2 .step-wrap .step-info-wrap {
        padding: 35px 15px 0px;
    }

    .bs-steps-infography.typ2 .step-wrap .step-info-wrap .step-title {
        font-size: 13px;
    }

    .bs-steps-infography.typ-horizontal .step-wrap {
        width: 100%;
    }

    .bs-steps-infography.typ-horizontal .step-wrap:last-child .step-info-wrap {
        padding: 44px 15px 0px;
    }

    .bs-steps-infography:before {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bs-steps-infography .step-wrap .step-info-wrap.before-dot:before {
        left: -47px;
    }

    .bs-steps-infography.typ2 {
        width: 430px;
        height: 560px;
    }

    .bs-steps-infography.typ2 .step-wrap {
        width: 50%;
    }
}

.bs-accordians {
    display: block;
    overflow: hidden;
    padding-bottom: 72px;
}

.bs-accordians .panel-group {
    width: 820px;
    margin: 0 auto;
}

.bs-accordians .panel-group .panel {
    border: none;
    margin-top: 0;
}

.bs-accordians .panel-group .panel .panel-heading {
    border: none;
    background: none;
    padding: 18px 0px;
    border-top: 1px solid #f2f2f2;
    border-radius: 0;
    position: relative;
    cursor: pointer;
}

.bs-accordians .panel-group .panel .panel-heading .panel-title,
.bs-accordians .panel-group .panel .panel-heading .panel-title a {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    font-size: 16px;
    color: #484848;
    text-transform: uppercase;
    padding-right: 35px;
    line-height: 150%;
    display: block;
}

.bs-accordians .panel-group .panel .panel-heading .icon {
    position: absolute;
    top: 16px;
    right: -5px;
    font-size: 15px;
    border: 1px solid #cccccc;
    padding: 0px 6px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.bs-accordians .panel-group .panel .panel-heading .icon::before {
    color: #484848;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.bs-accordians .panel-group .panel .panel-collapse .panel-body {
    border: none;
    padding: 0 30px 20px 0;
    font-family: 'Quicksand', sans-serif !important;
    color: #333333;
    font-size: 16px;
    line-height: 20px;
}

.bs-accordians .panel-group .panel .panel-collapse .panel-body .tag {
    font-family: 'Quicksand', sans-serif !important;
    color: #000000;
    font-size: 13px;
    font-weight: 200;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.bs-accordians .panel-group .panel .panel-collapse .panel-body ol {
    padding-left: 10px;
}

.bs-accordians .panel-group .panel .panel-collapse .panel-body li {
    list-style-type: decimal;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.bs-accordians .panel-group .panel .panel-collapse .panel-body .btn-wrap {
    display: block;
    margin-top: 25px;
}

.bs-accordians .panel-group .panel .panel-collapse .panel-body .btn-wrap .btn {
    font-size: 12px;
    margin-right: 18px;
}

.bs-accordians .title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #333333;
    font-weight: 500;
}

.bs-accordians .faq-desc {
    margin-bottom: 50px;
}

.bs-accordians .img-wrap {
    text-align: center;
}

.bs-accordians .img-wrap img {
    height: 480px;
}

.bs-accordians b {
    font-weight: 600;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-accordians .container {
        width: 100%;
    }

    .bs-accordians .panel-group {
        width: 100%;
    }

    .bs-accordians .panel-group .panel .panel-heading .panel-title {
        font-size: 14px;
        line-height: 18px;
        padding-right: 15px;
    }

    .bs-accordians .panel-group .panel .panel-heading .panel-title a {
        font-size: 14px;
        line-height: 18px;
        padding-right: 10px;
    }

    .bs-accordians .panel-group .panel .panel-heading .icon {
        top: 14px;
    }

    .bs-accordians .panel-group .panel .panel-collapse .panel-body {
        padding: 0 0px 20px 0;
        font-size: 14px;
        line-height: 18px;
    }

    .bs-accordians .img-wrap img {
        height: auto;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bs-accordians .panel-group {
        width: 100%;
    }
}

.bs-slider {
    position: relative;
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px 0px 70px;
    box-sizing: border-box;
}

.bs-slider .bs-summary {
    display: block;
}

.bs-slider .bs-summary .logo-wrap {
    width: 100%;
}

.bs-slider .bs-summary .desc {
    width: 100%;
}

.bs-slider .bs-summary .desc p {
    color: #707070;
}

.bs-slider .bs-summary.typ4 {
    width: 100%;
}

.bs-slider .swiper-button-next,
.bs-slider .swiper-button-prev {
    visibility: visible;
    background: none;
    top: auto;
    bottom: 25px;
    font-size: 12px;
    width: auto;
    height: auto;
    color: #707070;
    z-index: 1;
}

.bs-slider .swiper-button-prev {
    left: 48.2%;
    border-right: 1px solid #333333;
    padding-right: 3px;
}

.bs-slider .swiper-button-prev .icon-prev {
    position: relative;
}

.bs-slider .swiper-button-next {
    right: 47.9%;
}

.bs-slider.typ2 {
    width: 100%;
    margin: 15px auto 0;
    padding: 0 0 70px;
}

.bs-slider.typ2 .swiper-button-prev {
    left: 48.2%;
}

.bs-slider.typ2 .swiper-button-next {
    right: 48.4%;
}

.bs-slider.mobile_otherProj {
    width: 100%;
    text-align: center;
}

.bs-slider.mobile_otherProj .swiper-wrapper {
    width: 80%;
    float: none;
    margin: 0 auto;
}

.bs-slider.mobile_otherProj .swiper-wrapper .swiper-slide {
    width: 46%;
    margin: 0 15px;
    float: left;
}

.bs-slider.mobile_otherProj .swiper-wrapper .swiper-slide .mod-info-card {
    width: 100%;
}

.bs-slider.mobile_otherProj .swiper-button-next,
.bs-slider.mobile_otherProj .swiper-button-prev {
    visibility: hidden;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-slider {
        width: 100%;
        padding: 0 0 25px;
    }

    .bs-slider .bs-summary {
        margin: 0;
    }

    .bs-slider .swiper-button-prev {
        left: 45%;
        padding-right: 6px;
        bottom: 0;
    }

    .bs-slider .swiper-button-next {
        right: 45%;
        bottom: 0;
    }

    .bs-slider.mobile_otherProj {
        padding: 0 20px 20px;
    }

    .bs-slider.mobile_otherProj .swiper-wrapper {
        width: 100%;
    }

    .bs-slider.mobile_otherProj .swiper-wrapper .swiper-slide {
        width: 80%;
        margin: 0 5px;
    }

    .bs-slider.mobile_otherProj .swiper-button-next,
    .bs-slider.mobile_otherProj .swiper-button-prev {
        visibility: visible;
    }

    .bs-slider.typ2 .swiper-button-next {
        right: 45%;
    }

    .bs-slider.typ2 .swiper-button-prev {
        left: 45%;
        padding-right: 6px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bs-slider {
        width: 700px;
    }

    .bs-slider .bs-summary.typ4 {
        width: 72%;
    }

    .bs-slider.typ2 .swiper-button-prev {
        padding-right: 2px;
    }

    .bs-slider.typ2 .swiper-button-next {
        right: 47%;
    }

    .bs-slider .swiper-button-next {
        right: 47.5%;
    }
}

.bs-summary {
    display: block;
}

#youtube-modal .modal-body {
    padding: 20px;
}

.life-video {
    width: 100%;
    height: 320px;
}

.bs-summary.typ-life .btn {
    display: table;
    margin: 0 auto 30px;
    z-index: 99;
}

.bs-summary .logo-wrap {
    display: table;
    margin: 0 auto;
}

.bs-summary .title {
    display: block;
    text-align: center;
    font-family: 'Quicksand', sans-serif !important;
    color: #333333;
    font-size: 28px;
    font-weight: 300;
    margin: 25px 0px;
    line-height: 130%;
}

.bs-summary .desc {
    display: block;
    width: 804px;
    margin: 30px auto;
}

.bs-summary .desc p {
    margin: 38px 0 0;
    text-align: center;
}

.bs-summary .desc p:last-child {
    margin-bottom: 0px;
}

.bs-summary .desc p:first-child {
    margin: 0;
}

.bs-summary .desc p a {
    font-size: 1.3vw;
    line-height: 3.6vh;
    font-weight: 200;
    font-family: 'Quicksand', sans-serif !important;
    text-align: center;
    color: #333333;
}

.bs-summary .desc.typ2 {
    width: 550px;
}

.bs-summary .svg-icon {
    width: 45px;
    margin: 0 auto;
}

.bs-summary .icon {
    font-size: 34px;
    cursor: pointer;
}

.bs-summary .icon.icon-plus {
    font-size: 14px;
    border: 1px solid #333333;
    padding: 5px 7px;
    border-radius: 50%;
    margin-top: 20px;
}

.bs-summary .icon.icon-plus:before {
    position: relative;
    top: 2px;
}

.bs-summary .icon.icon-minus {
    font-size: 14px;
    border: 1px solid #333333;
    padding: 5px 7px;
    border-radius: 50%;
    margin-top: 20px;
}

.bs-summary .icon.icon-minus:before {
    position: relative;
    top: 2px;
}

.bs-summary.typ2 {
    margin: 0 35px;
}

.bs-summary.typ2 .logo-wrap {
    margin-bottom: 10px;
    min-height: 63px;
}

.bs-summary.typ2 .logo-wrap img {
    filter: grayscale(100%);
    opacity: 0.7;
}

.bs-summary.typ2 .title {
    margin: 12px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

.bs-summary.typ2 .desc {
    margin: 0;
    margin-bottom: 22px;
}

.bs-summary.typ2 .desc p {
    margin: 0;
}

.bs-summary.typ2 .desc.readmore {
    height: auto;
}

.bs-summary.typ2 .desc.readless {
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bs-summary.typ3 .title {
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0px 10px;
    line-height: 4vh;
    text-transform: uppercase;
}

.bs-summary.typ3 .desc {
    margin: 0;
}

.bs-summary.typ3 .desc p {
    margin: 0;
}

.bs-summary.typ4 {
    width: 50%;
    float: left;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
}

.bs-summary.typ4 .title {
    display: block;
    float: none;
    margin: 10px 0px 7px;
    text-transform: uppercase;
    font-size: 18px;
}

.bs-summary.typ4 .meta-info {
    font-size: 15px;
    color: #333333;
}

.bs-summary.typ4 .desc {
    margin: 5px 0;
}

.bs-summary.typ5 {
    width: 186px;
    padding: 0px 10px;
    display: inline-block;
    text-align: center;
}

.bs-summary.typ5 .logo-wrap {
    height: 44px;
}

.bs-summary.typ5 .title {
    display: block;
    float: none;
    margin: 10px 0px 7px;
    text-transform: uppercase;
    font-size: 15px;
}

.bs-summary.typ5 .meta-info {
    font-size: 15px;
    color: #333333;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-summary .logo-wrap {
        width: 25%;
        margin-bottom: 30px;
    }

    .bs-summary .icon {
        font-size: 10.5vw;
    }

    .bs-summary .icon.icon-plus {
        display: none;
    }

    .bs-summary .title {
        font-size: 21px;
        margin: 15px 0px 10px;
        font-weight: 200;
        line-height: 25px;
    }

    .bs-summary .desc {
        width: 100%;
        padding: 0px;
        box-sizing: border-box;
    }

    .bs-summary .desc p {
        margin: 3.2vh 0 0;
    }

    .bs-summary .desc p a {
        font-size: 4.3vw;
    }

    .bs-summary .desc.typ2 {
        width: 100%;
    }

    .bs-summary.typ2 .desc.readless {
        height: auto;
        overflow: visible;
        text-overflow: none;
        display: block;
        -webkit-line-clamp: none;
        -webkit-box-orient: vertical;
    }

    .bs-summary.typ5 {
        margin: 0 auto;
        float: none;
        display: table;
    }

    .bs-summary.typ5 .logo-wrap {
        margin-bottom: 0;
    }

    .bs-summary.typ4 {
        padding-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bs-summary .desc {
        width: 570px;
    }
}

.bs-navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
	    background: #2b2b2b;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    visibility: hidden;
}

.bs-navbar .nav-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 20px 0px;
    z-index: 3;
    height: 100px;
}

.bs-navbar .nav-header .logo-wrap {
    display: block;
    margin-bottom: 35px;
    float: left;
}

.bs-navbar .nav-header .close {
    display: inline-block;
    float: right;
    position: relative;
    font-size: 14px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    opacity: 1;
    padding-right: 19px;
    line-height: 11px;
    text-transform: uppercase;
    margin: 15px;
    cursor: pointer;
    text-shadow: none;
    color: #fff;
}

.bs-navbar .nav-header .close .icon-popup-close {
    color: #219eff;
    font-size: 12px;
    position: absolute;
    top: -2px;
    right: 0;
}

.bs-navbar .nav-header .close:focus {
    outline: none;
}

.bs-navbar .nav-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 0 20px 15px;
}

.bs-navbar .nav-footer .social-list {
    display: inline-block;
    float: left;
}

.bs-navbar .nav-footer .social-list .social-icon {
      float: left;
    margin-right: 28px;
    display: block;
}

.bs-navbar .nav-footer .social-list .social-icon .icon {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
}

.bs-navbar .nav-footer .bottom-line {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    font-size: 14px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 10px;
    float: left;
    cursor: pointer;
}

.bs-navbar .nav-footer .bottom-line.right {
    float: right;
    position: relative;
    top: 22px;
    cursor: pointer;
}

.bs-navbar .nav-footer .bottom-line.left {
    width: 100%;
}

.bs-navbar .part1 {
    float: left;
    position: absolute;
    top: 0;
    left: 30%;
    right: 30%;
    padding: 40px 20px;
    box-sizing: border-box;
    z-index: 10;
}

.bs-navbar .part1 .search-wrap {
    display: none;
    transition-duration: .5s;
}

.bs-navbar .part1 .search-wrap .form-control {
    font-size: 30px;
    color: #fff;
    border: none;
    height: 47px;
    padding: 10px 0;
    border-bottom: 1px solid #730b60;
}

.bs-navbar .part1 .search-wrap .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.bs-navbar .part1.typ-lg .search-wrap {
    margin: 0 20%;
}

.bs-navbar .part2 {
    width: 75%;
    height: 68vh;
    float: right;
    display: table;
    vertical-align: middle;
    box-sizing: border-box;
    position: absolute;
    bottom: 85px;
    left: 26%;
}

.bs-navbar .part2 .menu-wrap {
    display: table-cell;
    vertical-align: middle;
}

.bs-navbar .part2 .menu-wrap .menu-list .padding-o {
    padding-left: 0;
    padding-right: 0;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap {
    position: relative;
    float: left;
    clear: both;
    padding: 0 15px;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .count {
    display: block;
    font-size: 10px;
    color: #219eff;
    line-height: 12px;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .menu {
    font-size: 24px;
    color: #fff;
	font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    padding: 5px 0 10px;
    text-align: left;
    float: left;
    text-transform: capitalize;
    display: inline-block;
    width: 225px;
    opacity: 0;
    cursor: pointer;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .menu.typ2 {
    font-size: 23px;
    font-weight: 500;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .menu.typ2 a {
    color: #fff;
    font-weight: 300;
    font-size: 25px;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .menu.typ2 .sup {
    font-size: 13px;
    display: inline-block;
    vertical-align: super;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .menu.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 10px;
    padding-right: 30px;
    transform: translateX(-100%) translateY(-30%);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list.typ2 {
    width: 293px;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list {
    width: 275px;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu {
    color: #fff;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    margin-bottom: 13px;
    font-size: 18px;
    display: block;
    line-height: 24px;
    position: relative;
    text-align: right;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu.typ2 .child-menu {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    clear: both;
    display: block;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu.typ2 .child-menu .icon {
    margin-right: 0;
    background: url(../images/icon/new.svg) no-repeat;
    width: 43px;
    height: 20px;
    padding: 3px;
    font-weight: 500;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu.typ2 .child-menu span {
    display: inline-block;
    vertical-align: middle;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu a {
    width: 100%;
    color: #fff;
    cursor: pointer;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu:hover {
    color: #219eff;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu:hover a {
    color: #219eff;
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list:before {
    content: "";
    position: absolute;
    right: 0;
    top: 5%;
    bottom: 5%;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}

.bs-navbar .part2 .menu-wrap .menu-list .inner-wrap:hover .sub-menu-list {
    opacity: 1;
    right: 0;
    visibility: visible;
    transform: translateX(-100%) translateY(0%);
}

.bs-navbar.color .nav-header .close {
    color: #fff;
}

.bs-navbar.color .nav-footer .bottom-line.right {
    color: #fff;
}

.bs-navbar.active {
    -webkit-animation: slide-from-top 0.6s ease both;
    animation: slide-from-top 0.6s ease both;
    z-index: 12;
    visibility: visible;
}

.bs-navbar.close-ani {
    -webkit-animation: slide-to-top 0.6s ease both;
    animation: slide-to-top 0.6s ease both;
    z-index: 10;
}

@-webkit-keyframes slide-to-top {
    to {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes slide-to-top {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes slide-from-top {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes slide-from-top {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-navbar {
        overflow-y: auto;
        background: #333 ;
    }

    .bs-navbar .nav-header {
        z-index: 999;
        height: 77px;
        position: fixed;
    }

    .bs-navbar .nav-header .logo-wrap {
        margin-bottom: 20px;
    }
.bs-navbar a.logo-wrap {
    width: 200px;
}
    .bs-navbar .nav-header .logo-wrap img {
        width: 70px;
    }

    .bs-navbar .nav-header .close {
        font-size: 12px;
        padding-right: 15px;
        margin: 15px 0px;
    }

    .bs-navbar .nav-header .close .icon-popup-close {
        font-size: 9px;
        top: 1px;
    }

    .bs-navbar .part1 {
        background: #219eff ;
        width: 100%;
        height: auto;
        float: none;
        padding: 80px 15px 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .bs-navbar .part1 .search-wrap .form-group {
        margin: 0;
    }

    .bs-navbar .part1 .search-wrap .form-group .form-control {
        font-size: 24px;
        color: #fff;
    }

    .bs-navbar .part2 {
        width: 100%;
        height: auto;
        float: none;
        padding: 145px 0px 20px;
        position: relative;
        bottom: auto;
        left: auto;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap {
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .menu {
           font-size: 20px;
    padding: 5px 0px;
        width: 100%;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list {
        opacity: 1;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        padding: 0;
        float: left;
        visibility: visible;
        display: none;
        transform: none;
        transition: none;
        transition-duration: 0s;
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list .sub-menu {
        float: left;
        width: 100%;
        font-size: 15px;
        margin-bottom: 8px;
        text-align: left;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list:before {
        display: none;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap:hover .sub-menu-list {
        transform: none;
    }

    .bs-navbar .nav-footer {
        padding: 36px 0px;
        background: #219eff ;
        display: block;
        float: none;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .bs-navbar .nav-footer .social-list {
        display: table;
        float: none;
        margin: 0 auto 8px;
    }

    .bs-navbar .nav-footer .social-list a .social-icon .icon {
        font-size: 17px;
    }

    .bs-navbar .nav-footer .social-list a:last-child .social-icon .icon {
        margin-right: 0;
    }

    .bs-navbar .nav-footer .bottom-line {
        font-size: 12px;
    }

    .bs-navbar .nav-footer .bottom-line.left,
    .bs-navbar .nav-footer .bottom-line.right {
        display: block;
        float: none;
        text-align: center;
        top: 0;
        color: #fff;
        margin: 13px 0 10px;
    }

    .bs-navbar .nav-footer .bottom-line.right {
        width: 90%;
        margin: 0 auto 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .bs-navbar.active {
        z-index: 99;
        -webkit-animation: moveFromRight .6s ease both;
        animation: moveFromRight .6s ease both;
        visibility: visible;
    }

    .bs-navbar.close-ani {
        -webkit-animation: moveToRight .3s ease both;
        animation: moveToRight .3s ease both;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bs-navbar .part2 {
        left: 19%;
        width: 80%;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .sub-menu-list {
        left: 0px;
        padding-right: 15px;
        width: 135px;
        word-wrap: break-word;
    }
}

.bs-select {
    border-radius: 2px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 43px;
    padding: 10px 25px 10px 0px;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    color: #999;
    border: none;
    background: none;
    opacity: 0.8;
    border-bottom: 1px solid #f0f0f0;
}

.bs-select option[selected] {
    color: #999;
}

.bs-floorplan {
    position: relative;
}

.bs-floorplan .img-area-box {
    position: relative;
    display: inline-block;
}

.bs-floorplan .img-area-box .floorpic {
    width: 560px;
    height: 397px;
}

.bs-floorplan .img-area-box .area-wrap {
    width: 100%;
    height: 397px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.bs-floorplan .img-area-box .area-wrap .circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #219eff ;
    position: absolute;
    border: 1px solid transparent;
    cursor: pointer;
}

.bs-floorplan .img-area-box .area-wrap .circle .popup {
    position: absolute;
    width: 155px;
    top: -7px;
    transform: translateY(-110%);
    padding: 15px;
    background: #219eff ;
    color: #fff;
    font-size: 15px;
    border-radius: 20px;
    right: -142px;
    z-index: 2;
    display: none;
}

.bs-floorplan .img-area-box .area-wrap .circle .popup:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 19px;
    height: 22px;
    background: url("../images/popup-bg.png") no-repeat;
    z-index: 2;
}

.bs-floorplan .img-area-box .area-wrap .circle:before {
    content: "+";
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 1;
    font-size: 23px;
    width: 23px;
    height: 23px;
}

.bs-floorplan .img-area-box .area-wrap .circle:hover {
    background: #fff;
    border: 1px solid #219eff ;
}

.bs-floorplan .img-area-box .area-wrap .circle:hover:before {
    content: "i";
    font-size: 15px;
    padding: 3px 0;
    color: #219eff ;
}

.bs-floorplan .img-area-box .area-wrap .circle:hover .popup {
    display: block;
}

.bs-floorplan .img-area-box .area-wrap .circle-black {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #333333;
    position: absolute;
    border: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
    transition: all 0.2s;
    cursor: pointer;
}

.bs-floorplan .img-area-box .area-wrap .circle-black:hover {
    transform: scale(1.2, 1.2);
}

.bs-floorplan .img-area-box .overlay-wrap {
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
}

.bs-floorplan .img-area-box .overlay-wrap img {
    position: absolute;
    transition: all 2s;
    display: none;
    animation: backward_move 2s ease forwards;
    -webkit-animation: backward_move 2s ease forwards;
}

.bs-floorplan .img-area-box .overlay-wrap img.active {
    display: block;
    animation: forward_move 2s ease forwards;
    -webkit-animation: forward_move 2s ease forwards;
}

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

    100% {
        transform: scale(1.2, 1.2);
    }
}

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

    100% {
        transform: scale(1.2, 1.2);
    }
}

@keyframes backward_move {
    0% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes backward_move {
    0% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.bs-floorplan .img-area-box .tag {
    width: 100%;
    text-align: center;
    color: #219eff ;
    font-size: 28px;
    position: absolute;
    bottom: -52px;
    text-transform: capitalize;
}

.bs-floorplan .bs-slider {
    padding-top: 60px;
}

.bs-floorplan .bs-slider .swiper-button-next {
    right: 31%;
    border-left: 1px solid #ccc;
    padding-left: 6px;
}

.bs-floorplan .bs-slider .swiper-button-prev {
    left: 31%;
}

.bs-floorplan .btn-wrap {
    position: absolute;
    bottom: 18px;
}

.bs-floorplan .btn-wrap .icon {
    display: block;
    font-size: 46px;
    text-align: left;
}

.bs-floorplan .btn-wrap.typ1 {
    left: 0;
}

.bs-floorplan .btn-wrap.typ2 {
    right: 0;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .bs-floorplan .bs-slider {
        padding-bottom: 200px;
    }

    .bs-floorplan .bs-slider .swiper-button-next {
        right: 18%;
        bottom: 150px;
    }

    .bs-floorplan .bs-slider .swiper-button-prev {
        left: 18%;
        bottom: 150px;
    }

    .bs-floorplan .img-area-box {
        width: 100%;
    }

    .bs-floorplan .img-area-box .tag {
        font-size: 20px;
    }

    .bs-floorplan .img-area-box img {
        width: 100%;
    }

    .bs-floorplan .img-area-box .area-wrap {
        display: none;
    }

    .bs-floorplan .img-area-box .floorpic {
        width: 100%;
        height: auto;
    }
}

.bs-birdeye {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10;
    display: none;
}

.bs-birdeye .bs-slider {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}

.bs-birdeye .bs-slider .swiper-slide {
    visibility: hidden;
}

.bs-birdeye .bs-slider .swiper-slide .grid-wrap {
    width: 500px;
    height: 230px;
    background: url("../images/banner/about-award.jpg") no-repeat top center;
    position: relative;
    cursor: pointer;
}

.bs-birdeye .bs-slider .swiper-slide .grid-wrap .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    text-align: center;
    left: 0;
    right: 0;
    text-transform: uppercase;
    color: #fff;
}

.bs-birdeye .bs-slider .swiper-slide:first-child {
    visibility: visible;
}

.bs-birdeye .bs-slider .swiper-slide:first-child .grid-wrap {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    animation: backward_move 1s ease forwards;
    -webkit-animation: backward_move 1s ease forwards;
}

@keyframes backward_move {
    0% {
        width: 90vw;
        height: 90vh;
    }

    100% {
        width: 500px;
        height: 230px;
    }
}

@-webkit-keyframes backward_move {
    0% {
        width: 90vw;
        height: 90vh;
    }

    100% {
        width: 500px;
        height: 230px;
    }
}

.bs-birdeye:before {
    content: "";
    width: 100%;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid #219eff;
}

.bs-blogs .part1 .blog-wrap {
    display: none;
}

.bs-blogs .part1 .blog-wrap .img-wrap {
    width: 100%;
    height: 360px;
    margin-bottom: 35px;
}

.bs-blogs .part1 .blog-wrap .img-wrap img {
    max-width: 100%;
    height: 100%;
}

.bs-blogs .part1 .blog-wrap .time {
    font-size: 12px;
    color: #999999;
    margin-bottom: 20px;
    display: block;
}

.bs-blogs .part1 .blog-wrap .title {
    font-size: 18px;
    line-height: 24px;
    color: #219eff ;
    display: block;
    text-transform: uppercase;
}

.bs-blogs .part1 .blog-wrap .author {
    font-size: 12px;
    color: #999999;
    margin-bottom: 20px;
    display: block;
    margin-top: 8px;
}

.bs-blogs .part1 .blog-wrap:first-child {
    display: block;
}

.bs-blogs .part2 {
    padding: 34px 0;
    background: #fafafa;
}

.bs-blogs .part2 .tab-wrap {
    padding: 0 34px 17px;
    display: block;
    cursor: pointer;
}

.bs-blogs .part2 .tab-wrap .img-wrap {
    height: 165px;
    width: 100%;
}

.bs-blogs .part2 .tab-wrap .img-wrap img {
    width: 100%;
    height: 100%;
}

.bs-blogs .part2 .tab-wrap .title {
    font-size: 14px;
    text-transform: uppercase;
    color: #333333;
    line-height: 24px;
    margin: 10px 0 5px;
}

.bs-blogs .part2 .tab-wrap .para {
    font-size: 14px;
    overflow: hidden;
    color: #707070;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: left;
    height: 68px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*bootstrap extended*/

.btn {
    background: none;
    position: relative;
}

.btn.btn-default {
    color: #219eff ;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    border: none;
    padding-left: 0;
    padding-right: 0;
    transition: all 0.5s ease 0s;
}

.btn.btn-default:after {
    content: '';
    position: absolute;
    width: 35%;
    height: 1px;
    background: #219eff ;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn.btn-default:hover {
    background: transparent;
    font-weight: 300;
}

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

.btn.btn-default:focus,
.btn.btn-default:active {
    outline: none;
    box-shadow: none;
}

.form-group {
    margin-bottom: 25px;
}

.form-group .form-control {
    height: 40px;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    padding: 6px 0px;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 14px;
    color: #333333;
    font-weight: 200;
    resize: none;
}

.form-group .form-control::placeholder {
    color: #999;
}

.form-group .form-control:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.form-group.select-wrap {
    position: relative;
}

.form-group.select-wrap:after {
    content: "f";
    font-family: "birla-estates";
    font-size: 14px;
    position: absolute;
    top: 15px;
    right: 10px;
    pointer-events: none;
    color: #cccccc;
}

.form-group.select-wrap:focus {
    outline: 0px;
}

.form-group.upload {
    display: inline-block;
    position: relative;
}

.form-group.upload .sec-one .btn.btn-upload {
    border: 1px dashed #e6e6e6;
    border-radius: 0px;
    color: #cccccc;
}

.form-group.upload .sec-one .btn.btn-upload .icon-upload {
    position: relative;
    top: 3px;
    left: -4px;
    color: #cccccc;
}

.form-group.upload .sec-one .form-control {
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
}

.form-group.upload .sec-two {
    display: none;
}

.form-group.upload .sec-two .file-name {
    border: 1px dashed #e6e6e6;
    padding: 10px;
    color: #484848;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    display: inline-block;
    font-size: 15px;
    line-height: 100%;
    float: left;
}

.form-group.upload .sec-two .action {
    display: inline-block;
    float: left;
    margin-left: 12px;
    color: #219eff ;
    margin-top: 5px;
}

.form-group.upload .sec-two .action .icon {
    margin: 0 6px;
    font-size: 24px;
    line-height: 100%;
}

:-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    opacity: 1;
}

#dot-nav {
    position: fixed;
    right: 30px;
    top: 50%;
    height: auto;
    z-index: 1;
    transform: translateY(-50%);
    margin-top: 0;
    list-style-type: none;
}

.vNav ul {
    position: relative;
    padding: 3px;
    padding-left: 35%;
}

.vNav ul li {
    position: relative;
    padding-bottom: 5px;
    padding-left: 35%;
    color: #718785;
}

.vNav a {
    display: block;
    width: 18px;
    text-decoration: none;
    position: relative;
}

.vNav a span {
    width: 100%;
    height: 2px;
    text-indent: -9999px;
    background: #219eff;
    opacity: 0.5;
    float: left;
}

.vNav a:hover span {
    opacity: 1;
    text-decoration: none;
}

.vNav a.active span {
    opacity: 1;
    text-decoration: none;
}

.label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -600%;
    width: 100px;
    text-align: right;
    font-size: 12px;
    color: #219eff;
    display: none;
    white-space: normal;
    font-weight: 300;
}

#dot-nav a {
    outline: 0;
    vertical-align: top;
    position: relative;
    padding: 5px 0;
    display: block;
    margin: 2px 0;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    #dot-nav {
        display: none;
    }
}

.modal {
    background: rgba(255, 255, 255, 0.9);
}

.modal.typ-onload {
    background: rgba(0, 0, 0, 0.5);
}


/* .modal.typ-onload .modal-dialog {
    width: 900px;
    height: 600px;
    top: 50%;
    transform: translateY(-53%);
} */

.modal.typ-onload .modal-dialog {
    width: 675px;
    height: 448px;
    top: 50%;
    transform: translateY(-53%);
}

.modal.typ-onload .modal-dialog .modal-content {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 0;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body {
    padding: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner/onloadpopup_v2.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .img-wrap {
    width: 655px;
    height: 428px;
    display: block;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .logo-wrap {
    width: 154px;
    height: 110px;
    margin: 0 auto 120px;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .logo-wrap img {
    width: 124px;
    height: 69px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .title {
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-align: center;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .title .sup {
    display: inline-block;
    font-size: 16px;
    vertical-align: super;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .btn {
    width: 235px;
    height: 36px;
    background: transparent;
    color: #219eff ;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 6px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 12px;
    cursor: pointer;
    border: 2px solid #219eff ;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .call-wrap {
    display: block;
    margin-top: 30px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .call-wrap .no {
    font-weight: 600;
    color: #fff;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .call-wrap .no a {
    font-weight: 600;
    color: #fff;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .seperator {
    width: 93%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    margin: 50px auto 10px;
    display: block;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .desc {
    display: block;
    font-size: 9px;
    line-height: 11px;
    color: #ccc;
    text-align: center;
    text-transform: none;
    padding: 0 30px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .desc .bold {
    font-weight: 600;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .docktext {
    right: auto;
    position: absolute;
    left: 20px;
    transform: rotate(270deg) translateY(-50%);
    transform-origin: left;
    top: 60%;
    z-index: 1;
    color: #fff;
    font-size: 10px;
    font-style: italic;
}

.modal.typ-onload .modal-dialog .close {
    top: 26px;
    right: 24px;
    width: 20px;
    height: 20px;
    background: url(../images/loadpopupclose1.png) no-repeat;
    color: #fff;
    z-index: 9;
}

.modal.typ-onload .modal-dialog .close:before {
    display: none;
}


/* updated css */

.modal.typ-onload .modal-dialog {
    width: 675px;
    height: 448px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .header-wrap {
    display: block;
    overflow: hidden;
    padding-top: 40px;
    margin-bottom: 15px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .header-wrap .logo-wrap {
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    background: none;
    border-right: 1px solid rgba(132, 21, 11, 0.4);
    border-radius: 0;
    padding: 0 15px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .header-wrap .logo-wrap img {
    width: 96px;
    height: 53px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .header-wrap .title {
    color: #461f13;
    font-size: 13px;
    width: calc(100% - 166px);
    float: left;
    text-align: left;
    padding: 10px 15px;
    line-height: 20px;
    margin-bottom: 0;
    letter-spacing: 3px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap {
    position: absolute;
    top: 116px;
    left: 0;
    right: 0;
    /* height: 68vh; */
    bottom: 0;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 195px;
    width: 100%;
    background: url(../images/popupbg.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .seperator {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 2;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .desc {
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0 15px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .call-wrap {
    margin-top: 18px;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .call-wrap .text {
    color: #461f13;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .call-wrap .no a {
    color: #461f13;
    font-size: 17px;
    font-weight: 500;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .docktext {
    top: 55%;
}

.modal.typ-onload .modal-dialog .modal-content .modal-body .docktext {
    color: #461f13;
}


/* updated css */

.modal.in .modal-dialog {
    top:10%;
    transform: translateY(-50%);
}

.modal .modal-dialog .modal-content {
    border: none;
}

.modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 65px;
    text-align: center;
}

.modal .modal-dialog .modal-content .modal-body .title {
    font-size: 20px;
    margin-bottom: 18px;
    color: #333333;
    font-weight: 300;
}

.modal .modal-dialog .modal-content .modal-body .desc {
    display: block;
}

.modal .modal-dialog .modal-content .modal-body .sec-form {
    width: 100%;
    overflow: hidden;
}

.modal.galleryModal .modal-dialog {
    background: transparent;
    overflow: hidden;
    padding: 30px 40px 50px;
    width: 90%;
}

.modal.galleryModal .modal-dialog .modal-content {
    background-color: transparent;
    box-shadow: none;
}

.modal.galleryModal .modal-dialog .modal-content .modal-header {
    position: absolute;
    top: -40px;
    z-index: 10;
    left: 0;
    padding: 15px 0px;
    right: 0;
}

.modal.galleryModal .modal-dialog .modal-content .modal-body {
    padding: 0;
    width: 100%;
}

.modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container {
    height: 480px;
    width: 100%;
}

.modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container .swiper-slide .img-wrap {
    height: 100%;
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
}

.modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container .swiper-slide .img-wrap img {
    display: inline-block;
}

.modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container .swiper-slide .title {
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
    font-weight: 300;
    color: #333333;
    text-transform: uppercase;
    font-size: 18px;
}

.modal.galleryModal .swiper-button-next {
    visibility: visible;
    background: none;
    right: -40px;
    font-size: 12px;
}

.modal.galleryModal .swiper-button-next .icon-next {
    border-left: 1px solid #dedfe0;
    padding: 2px 0 0 5px;
    color: #727272;
}

.modal.galleryModal .swiper-button-prev {
    visibility: visible;
    background: none;
    font-size: 12px;
    left: -40px;
}

.modal.galleryModal .swiper-button-prev .icon-prev {
    border-right: 1px solid #dedfe0;
    padding: 2px 5px 0 0;
    color: #727272;
}

.modal.galleryModal .swiper-pagination {
    bottom: -52px;
    color: #707070;
    font-size: 16px;
}

.modal .close {
    color: #219eff;
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 36px;
    text-shadow: none;
    font-size: 28px;
}

.modal .close:focus {
    outline: none;
}

.modal .close:before {
    position: absolute;
    content: "CLOSE";
    top: 9px;
    left: -50px;
    color: #000000;
    font-size: 14px;
    font-weight: 200;
    padding-right: 10px;
}

#para-view .modal-dialog {
    height: 100vh;
    padding: 0;
    width: 100vw;
    margin: 0;
    top: 50%;
}

#para-view .modal-dialog .modal-content {
    height: 100%;
}

#para-view .modal-dialog .modal-content .modal-body {
    height: 100%;
    padding: 0;
}

#para-view .modal-dialog .modal-content .modal-body .panorama {
    height: 100%;
}

#para-view .modal-dialog .modal-content .modal-body .panorama img {
    display: none;
}

#virtual-view .modal-dialog {
    height: 100vh;
    padding: 0;
    width: 100vw;
    margin: 0;
    top: 50%;
}

#virtual-view .modal-dialog .modal-content {
    height: 100%;
}

#virtual-view .modal-dialog .modal-content .modal-body {
    height: 100%;
    padding: 0;
}

#virtual-view .modal-dialog .modal-content .modal-body .panorama {
    height: 100%;
}

#virtual-view .modal-dialog .modal-content .modal-body .panorama.scale {
    animation: hotspot_scale 2s ease forwards;
    -webkit-animation: hotspot_scale 2s ease forwards;
}

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

    100% {
        transform: scale(1.2, 1.2);
    }
}

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

    100% {
        transform: scale(1.2, 1.2);
    }
}

#select-floor .modal-body .title {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
}

#select-floor .modal-body .floor-grid {
    display: block;
    text-align: center;
    overflow: hidden;
}

#select-floor .modal-body .floor-grid .floorlist {
    overflow: hidden;
    width: 57%;
    margin: 0 auto;
}

#select-floor .modal-body .floor-grid .floorlist .floor {
    display: inline-block;
    padding: 0 2px;
    margin: 0 15px;
    cursor: pointer;
    float: left;
    text-align: center;
    color: #707070;
    font-size: 14px;
    margin-top: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .modal.typ-onload .modal-dialog {
        width: 85%;
        height: 78vh;
        margin: 10px auto;
        top: 49%;
        transform: translateY(-50%);
    }

    .modal.typ-onload .modal-dialog .close {
        top: 20px;
        right: 20px;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body {
        background-size: cover;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .logo-wrap {
        width: 128px;
        height: 75px;
        padding: 10px;
        text-align: center;
        margin: 0 auto 25px;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .logo-wrap img {
        width: 85%;
        height: auto;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .title {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 2px;
        text-align: center;
        margin-bottom: 25px;
        position: absolute;
        top: 37%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .title .sup {
        font-size: 10px;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap {
        top: 165px;
        /* display: none; */
        text-align: center;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .btn {
        width: 150px;
        letter-spacing: 1px;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .call-wrap {
        font-size: 14px;
        margin: 20px 0;
    }

    /* updated css */
    .modal.typ-onload .modal-dialog .modal-content .modal-body {
        background: url(../images/banner/onloadpopup_mobile_v1.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .header-wrap {
        padding-top: 15px;
        margin-bottom: 35px;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .header-wrap .logo-wrap {
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        border: none;
        display: table;
        margin: 0 auto 15px;
        float: none;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .header-wrap .title {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
        text-align: center;
        font-size: 13px;
        letter-spacing: 1px;
        padding: 0 10px;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap {}

    .modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .desc {
        bottom: 8px;
        font-size: 8px;
        line-height: 9px;
    }

    .modal.typ-onload .modal-dialog .modal-content .modal-body .action-wrap .seperator {
        bottom: 66px;
    }

    /* updated css */
    .modal .modal-dialog .modal-content .modal-body {
        padding: 35px 20px;
        text-align: justify;
    }

    .modal .modal-dialog .modal-content .modal-body .desc p {
        font-size: 14px;
        line-height: 18px;
    }

    .modal .close {
        right: 12px;
    }

    .modal.galleryModal .swiper-pagination {
        font-size: 4.2vw;
    }

    .modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container {
        height: 40vh;
    }

    .modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container .swiper-slide .title {
        text-align: center;
        font-size: 15px;
    }

    .modal.galleryModal .modal-dialog .modal-content .modal-body .swiper-container .swiper-slide .img-wrap img {
        height: 100%;
    }

    .modal .swiper-button-next,
    .modal .swiper-button-prev {
        top: 57%;
    }
}

.tab {
    display: block;
}

.tab .nav-tabs {
    border: none;
    display: table;
    margin: 0 auto 25px;
    float: none;
}

.tab .nav-tabs li {
    padding: 10px 0px;
}

.tab .nav-tabs li a {
    padding: 0px 20px;
    border: none;
    border-right: 1px solid #eeeeee;
    color: #219eff;
    line-height: 14px;
    font-size: 14px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
}

.tab .nav-tabs li a:hover {
    background: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    color: #219eff ;
}

.tab .nav-tabs li.active a {
    border: none;
    border-right: 1px solid #eeeeee;
    color: #219eff ;
}

.tab .nav-tabs li:last-child a {
    border: none;
}

.tab .tab-content {
    display: block;
}

.tab .tab-content .tab-pane {
    position: relative;
}

.tab .tab-content .tab-pane .meta-desc {
    width: 645px;
    text-align: center;
    margin: 0 auto 30px;
}

.tab .tab-content .swiper-button-next,
.tab .tab-content .swiper-button-prev {
    visibility: visible;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .tab .nav-tabs li a {
        padding: 0 10px;
        font-size: 10px;
    }

    .tab .tab-content .tab-pane .meta-desc {
        width: 100%;
    }
}


/*plugin extended*/

.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 999;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    background: #219eff;
}

.swiper-button-next,
.swiper-button-prev {
    visibility: hidden;
}

.bs-home .item.swiper-slide-active .mod-journey .count {
    opacity: 1;
}

.bs-home .item.swiper-slide-active .mod-journey .info-wrap .title {
    transform: translateY(0px);
    opacity: 1;
}

.bs-home .item.swiper-slide-active .mod-journey:hover .count {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

#para-view .modal-body {
    position: relative;
}

#para-view .modal-body .dragdealer {
    position: absolute;
    bottom: 30px;
    left: 40%;
    right: 40%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
}

#para-view .modal-body .dragdealer .red-bar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    margin-top: -13px;
    color: #000;
}

#para-view .modal-body .floor-change {
    position: absolute;
    text-align: center;
    left: 10%;
    right: 10%;
    top: 20px;
    text-align: center;
}

#para-view .modal-body .floor-change ul {
    display: inline-block;
    background: #fff;
    padding: 10px 12px;
}

#para-view .modal-body .floor-change ul li {
    display: inline-block;
    padding: 12px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    float: left;
    cursor: pointer;
}

#para-view .modal-body .floor-change ul li:hover {
    background: #219eff ;
    color: #fff;
}

#para-view .modal-body .floor-change ul li.active {
    background: #219eff ;
    color: #fff;
}

#para-view .modal-body .title {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    text-transform: uppercase;
    color: #333333;
    font-size: 18px;
}

#para-view .modal-body .panorama {
    background-size: cover;
    width: 2000px;
    height: 100vh;
    position: absolute;
    left: 0;
}

#para-view .modal-body .panorama img {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    #para-view .modal-body .title {
        text-align: center;
    }

    #para-view .modal-body .dragdealer {
        left: 20%;
        right: 20%;
    }

    #para-view .modal-body .panorama {
        width: 2000px;
    }
}

#virtual-view .modal-content {
    background: transparent;
}

.pnlm-load-button {
    background: #219eff ;
}

.pnlm-load-button p {
    color: #fff;
}

.pnlm-load-button:hover {
    background: #219eff ;
}

.pnlm-container {
    background: rgba(255, 255, 255, 0.5);
}

.pnlm-load-box {
    background: #219eff ;
    color: #fff;
    opacity: 0;
}

.pnlm-load-box p {
    color: #fff;
}

.custom-hotspot {
    height: 40px;
    width: 40px;
    background-image: url("../images/hotspot.gif");
    background-size: cover;
    background-position: 0 0;
}

div.custom-tooltip span {
    visibility: hidden;
    position: absolute;
    border-radius: 7px;
    background-color: #219eff ;
    color: #fff;
    text-align: center;
    max-width: 200px;
    padding: 5px 10px;
    margin-left: -220px;
    cursor: default;
}

div.custom-tooltip:hover span {
    visibility: visible;
}

div.custom-tooltip:hover span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #219eff  transparent transparent transparent;
    bottom: -20px;
    left: -10px;
    margin: 0 50%;
}


/* modules */

.mod-nav {
    display: inline-block;
    margin: 14px 0 0;
}

.mod-nav .title {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    margin: 0 10px 0px 0px;
    padding-right: 26px;
    display: inline-block;
    line-height: 16px;
    position: relative;
    cursor: pointer;
}

.mod-nav .title .icon-header-menu {
    color: #219eff;
    position: absolute;
    right: 0;
    top: 0;
}

.mod-nav .title:first-child {
    padding: 0;
    margin: 0;
}

.mod-nav .title.typ2 {
    color: #333333;
    font-weight: 300;
}

.mod-nav .title.typ2 .icon-header-menu {
    color: #219eff ;
}

.mod-nav .seperator {
    width: 1px;
    height: 15px;
    margin: 0 20px;
    display: inline-block;
    opacity: 0.2;
    background: #fff;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-nav .title {
        font-size: 15px;
        background-position: 50px -218px;
        padding-right: 22px;
    }
}

@media (min-width: 1400px) {
    .mod-nav .title {
        background-position: 52px -216px;
    }
}

.mod-quick-link {
    display: block;
    margin-bottom: 22px;
}

.mod-quick-link .title {
    display: block;
    font-family: 'Quicksand', sans-serif !important;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
}

.mod-quick-link .title .icon {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 14px;
}

.mod-quick-link .link-list .link {
    display: block;
    font-family: 'Quicksand', sans-serif !important;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    opacity: 0.6;
    transition: all 0.8s ease;
}

.mod-quick-link .link-list .link:hover {
    opacity: 1;
}

.mod-quick-link.typ2 .title {
    color: #333333;
    margin-top: 20px;
}

.mod-quick-link.typ2 .link-list .link {
    font-size: 16px;
    color: #219eff ;
    opacity: 1;
}

.mod-quick-link.typ2 .link-list ul {
    margin-left: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-quick-link .title .icon {
        display: block;
    }

    .mod-quick-link .link-list {
        display: none;
    }
}

.mod-subscribe {
    display: block;
    text-align: center;
}

.mod-subscribe .title {
    color: #219eff;
    font-size: 30px;
    font-weight: 300;
}

.mod-subscribe .input-group .form-control {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
}

.mod-subscribe .input-group .btn-arrow {
    font-size: 25px;
    color: rgba(255, 255, 255, 0.3);
}

.mod-team {
    display: inline-block;
    width: 277px;
    float: left;
    height: 277px;
    position: relative;
    overflow: hidden;
    background: red;
    cursor: pointer;
}

.mod-team .img-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mod-team .img-wrap .team-img {
    width: 100%;
    height: 100%;
}

.mod-team .info-wrap {
    top: 277px;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.7s ease;
    position: absolute;
    z-index: 3;
    background: rgba(0, 0, 0, 0.9);
    padding: 15px 20px;
}

.mod-team .info-wrap .info-title {
    display: block;
    font-family: 'Quicksand', sans-serif !important;
    color: #fff;
    font-size: 15px;
    margin: 70px 0px 5px;
    font-weight: 200;
    text-transform: uppercase;
}

.mod-team .info-wrap .meta-tag {
    display: block;
    font-family: 'Quicksand', sans-serif !important;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.mod-team .info-wrap .info-desc {
    color: #333333;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 16px;
    font-weight: 200;
}

.mod-team:hover .info-wrap {
    top: 0;
}

.mod-journey {
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.mod-journey .icon-wrap {
    display: block;
}

.mod-journey .count {
    text-transform: uppercase;
    color: #219eff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bolder;
}

.mod-journey .info-wrap {
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    text-align: left;
}

.mod-journey .info-wrap .title {
    display: block;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 100;
    color: #fff;
    font-size: 3.3vw;
    text-align: left;
    display: inline-block;
    margin-bottom: 39px;
    transform: translateY(-180px);
    opacity: 0;
    -webkit-transition: transform 1s 0.6s ease, opacity 1s 0.6s ease;
    -moz-transition: transform 1s 0.6s ease, opacity 1s 0.6s ease;
    -ms-transition: transform 1s 0.6s ease, opacity 1s 0.6s ease;
    -o-transition: transform 1s 0.6s ease, opacity 1s 0.6s ease;
    transition: transform 1s 0.6s ease, opacity 1s 0.6s ease;
    position: relative;
}

.mod-journey .info-wrap .tag-line {
    display: block;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    color: #b1b1b1;
    font-size: 19px;
    text-align: left;
}

.mod-journey .info-wrap .desc {
    width: 100%;
    display: block;
    overflow: hidden;
}

.mod-journey .info-wrap .desc p {
    text-align: left;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    font-size: 16px;
    color: #b1b1b1;
}

.mod-journey .link {
    text-transform: uppercase;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bolder;
}

.mod-journey:hover .info-wrap .title {
    color: #219eff;
}

.mod-journey:hover .info-wrap .tag-line {
    color: #219eff;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mod-journey .info-wrap .title {
        font-size: 34px;
    }
}

.mod-overview {
    display: block;
    height: 442px;
}

.mod-overview .img-wrap {
    width: 330px;
}

.mod-overview .img-wrap img {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.mod-overview .info-wrap {
    width: 650px;
}

.mod-overview .info-wrap.typ-leadership {
    width: 65%;
}

.mod-overview .info-wrap .icon {
    font-size: 36px;
    margin-bottom: 10px;
    color: #595959;
}

.mod-overview .info-wrap .title {
    display: block;
    margin: 10px 0 35px;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    color: #333333;
}

.mod-overview .info-wrap .title.typ-leadership {
    margin-bottom: 10px;
}

.mod-overview .info-wrap .bold-title {
    font-size: 16px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 600;
    color: #333333;
    display: block;
    margin-bottom: 30px;
}

.mod-overview .info-wrap .desc {
    display: inline-block;
}

.mod-overview .info-wrap:before {
    content: "";
    width: 30px;
    height: 1px;
    background: #333333;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mod-overview .info-wrap {
        width: 50%;
    }
}

.mod-banner .banner-info {
    text-align: center;
}

.mod-banner .banner-info .title {
    font-family: 'Quicksand', sans-serif !important;
    font-size: 72px;
    color: #fff;
    font-weight: 100;
}

.mod-banner .banner-info .desc P {
    color: #fff;
}

.mod-banner .baaner-img {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-banner .banner-info .title {
        font-size: 48px;
        padding: 0px 10px;
    }

    .mod-banner .banner-info .desc p {
        font-size: 16px;
        line-height: 22px;
    }
}

.mod-info-card {
    width: 100%;
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    height: 543px;
    position: relative;
}

.mod-info-card .img-wrap {
    width: 100%;
    height: 177px;
}

.mod-info-card .img-wrap img {
    width: 100%;
    height: 100%;
}

.mod-info-card .content-wrap {
    padding: 15px 20px 20px;
}

.mod-info-card .content-wrap .bs-summary {
    margin: 0;
}

.mod-info-card .content-wrap .bs-summary .title {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.mod-info-card .content-wrap .bs-summary .desc {
    width: 100%;
}

.mod-info-card .content-wrap .bs-summary .desc p {
    margin: 0 0 10px;
    color: #707070;
    font-size: 14px;
    line-height: 20px;
}

.mod-info-card .meta-info-wrap {
    overflow: hidden;
    margin-bottom: 20px;
}

.mod-info-card .meta-info-wrap .item {
    float: left;
}

.mod-info-card .meta-info-wrap .item:after {
    content: '|';
    margin-left: 5px;
    margin-right: 10px;
    color: #333333;
}

.mod-info-card .meta-info-wrap .item:last-child:after {
    content: none;
}

.mod-info-card .meta-info-wrap .meta-timestamp,
.mod-info-card .meta-info-wrap .meta-tag {
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    text-transform: capitalize;
}

.mod-info-card .full-infocard-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15%;
    z-index: 2;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-info-card {
        margin-bottom: 20px;
        height: 525px;
    }

    .lyt-project .new-wrap .mod-info-card.typ2 {
        height: 560px;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    .mod-info-card .bs-summary .logo-wrap {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mod-info-card {
        height: 570px;
    }
}

.mod-location-info {
    background: #fff;
    padding: 15px 0;
    text-align: center;
    height: 135px;
}

.mod-location-info .title {
    display: block;
    padding-top: 60px;
    font-family: 'Quicksand', sans-serif !important;
    color: #000000;
    font-size: 15px;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 19px;
}

.mod-location-info .meta-info {
    display: block;
    color: #219eff ;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 30px;
    font-weight: 200;
}

.mod-location-info .meta-info .info {
    font-size: 12px;
    color: #333333;
    margin-top: 6px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-location-info {
        padding: 10px 0;
        height: 120px;
    }

    .mod-location-info .title {
        top: 10px;
        font-size: 13px;
        font-weight: 200;
        line-height: 15px;
    }
}

.mod-gallery-grid {
    height: 205px;
    margin-bottom: 22px;
}

.mod-gallery-grid .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mod-gallery-grid .title {
    font-size: 12px;
    font-family: 'Quicksand', sans-serif !important;
    color: #333333;
    font-weight: 300;
}

.mod-gallery-grid.vertical {
    height: 434px;
}

.mod-gallery-grid.horizontal .title {
    width: 205px;
    text-align: left;
    height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-gallery-grid {
        height: 130px;
    }

    .mod-gallery-grid .title {
        width: 130px;
        text-align: left;
        height: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .mod-gallery-grid.vertical {
        height: 130px;
    }

    .mod-gallery-grid.horizontal .title {
        width: 130px;
    }

    .mod-gallery-grid .img-wrap {
        height: 100%;
    }

    .mod-gallery-grid .img-wrap img {
        height: 100%;
        width: 100%;
    }
}

.mod-list {
    position: relative;
}

.mod-list .title {
    display: block;
    text-transform: uppercase;
    font-size: 1.5vw;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    color: #000000;
    margin-bottom: 14px;
}

.mod-list .desc {
    display: block;
}

.mod-list .desc p {
    font-weight: 200;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-list .title {
        font-size: 17px;
        margin-bottom: 10px;
    }
}

.mod-testimonial {
    box-sizing: border-box;
    min-height: 228px;
}

.mod-testimonial .name {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    display: block;
    margin-bottom: 10px;
}

.mod-testimonial .desgiction {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}

.mod-testimonial .img-wrap img {
    width: 100%;
    height: 100%;
}

.mod-testimonial .info {
    display: block;
    font-weight: 200;
    font-size: 16px;
    text-align: left;
    line-height: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-testimonial .name {
        text-align: center;
    }

    .mod-testimonial .info {
        text-align: center;
    }
}

.mod-workplace {
    position: relative;
}

.mod-workplace .img-wrap {
    width: 784px;
    margin: 0 auto;
}

.mod-workplace .img-wrap img {
    width: 100%;
}

.mod-workplace .view {
    display: inline-block;
    padding: 40px 0px;
    position: absolute;
    top: 50%;
    margin: 0px auto;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    width: 255px;
    background-color: #ffffff;
}

.mod-workplace .view .view-tour {
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 4px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-workplace .img-wrap {
        width: 100%;
    }

    .mod-workplace .view {
        padding: 15px 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mod-workplace .img-wrap {
        width: 720px;
    }
}

.mod-ceo-wrap {
    display: block;
    overflow: hidden;
    height: 472px;
}

.mod-ceo-wrap .title {
    display: inline-block;
    font-size: 28px;
    color: #000000;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 100;
    margin: 97px 0px 15px;
}

.mod-ceo-wrap .img-wrap {
    width: 420px;
    height: 470px;
}

.mod-ceo-wrap .desc {
    width: 462px;
}

.mod-ceo-wrap .desc p {
    font-family: 'Quicksand', sans-serif !important;
    color: #000000;
    font-weight: 200;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px;
}

.mod-svg-text {
    display: inline-block;
}

.mod-svg-text .svg-text-ani {
    display: none;
}

.mod-svg-text .sup {
    display: none;
}

.mod-svg-text .cust-svg-char {
    display: inline-block;
    position: relative;
    margin: 0 4px;
}

.mod-svg-text .cust-svg-char * {
    stroke: #fff;
}

.mod-svg-text .tmText {
    vertical-align: top;
}

.mod-svg-text .tmText svg {
    stroke-width: 7;
}

.mod-svg-text .cust-svg-char .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw 5s linear forwards;
    -webkit-animation: draw 8s linear forwards;
    -moz-animation: draw 8s linear forwards;
    -o-animation: draw 8s linear forwards;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-o-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-svg-text .cust-svg-char {
        margin: 0 2px;
    }

    .mod-svg-text .tmText {
        vertical-align: top;
        margin-top: -15px;
    }
}

.mod-blog {
    border: 1px solid #eeeeee;
    margin-top: 15px;
}

.mod-blog .img-wrap img {
    width: 100%;
}

.mod-blog .info {
    padding: 10px 20px 10px 20px;
}

.mod-blog .info .stamp {
    font-size: 12px;
    line-height: 14px;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    color: #999999;
}

.mod-blog .info .stamp .date {
    float: left;
    margin-top: 5px;
    font-weight: 600;
    font-family: bold;
}

.mod-blog .info .stamp .sta {
    float: right;
    background-color: #f2f2f2;
    color: black;
    padding: 5px 10px;
    font-family: bold;
    font-weight: 600;
}

.mod-blog .info .title {
    font-size: 18px;
    font-family: extra-bold;
    line-height: 20px;
    text-transform: uppercase;
    margin: 10px 0px;
    padding: 0px 30px 0px 0px;
}

.mod-blog .info .desc {
    color: #333333;
    font-size: 15px;
    line-height: 17px;
    padding-right: 20px;
}

.mod-blog .info .btn.btn-default {
    font-size: 12px;
    line-height: 14px;
    font-family: bold;
}

.mod-term-condition {
    width: 75%;
    margin: 0px auto;
}

.mod-term-condition .list-item {
    margin-bottom: 60px;
}

.mod-term-condition .list-item .title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mod-term-condition .list-item .desc {
    font-size: 17px;
    color: #acacac;
    line-height: 22px;
    margin: 0px 0px 10px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-term-condition {
        width: 90%;
    }
}

.mod-news {
    border: 1px solid #eeeeee;
    height: 432px;
}

.mod-news .img-wrap img {
    width: 100%;
}

.mod-news .info {
    padding: 10px 50px 10px 20px;
}

.mod-news .info .date-stamp {
    margin-bottom: 10px;
    font-size: 14px;
    color: #cdcdcd;
    line-height: 16px;
}

.mod-news .info .title {
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #333333;
}

.mod-news .info .desc {
    color: #333333;
    margin-bottom: 25px;
}

.mod-news .info .btn-default {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 15px;
}

.mod-news .info .social-media {
    margin: 20px 0 0;
    position: absolute;
    bottom: 30px;
}

.mod-news .info .social-media .icon {
    border: 1px solid;
    margin-right: 8px;
    border-radius: 50%;
    color: #cccccc;
    width: 45px;
    font-size: 20px;
    height: 45px;
    display: inline-block;
    text-align: center;
}

.mod-news .info .social-media .icon:before {
    position: relative;
    top: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .mod-news {
        height: 300px;
    }

    .mod-news .info {
        padding: 10px;
    }

    .mod-news .info .title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .mod-news .info .date-stamp {
        font-size: 12px;
        line-height: 14px;
    }

    .mod-news .info .desc {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 15px;
    }

    .mod-news .info .social-media .icon {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .mod-news .info .social-media .icon:before {
        top: 8px;
    }
}

.mod-grid .name {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.mod-grid .designation {
    font-size: 16px;
    line-height: 22px;
    color: #999999;
    text-align: center;
    margin-top: 5px;
}


/* layout */

.lyt-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 18px 25px 0px;
    transition: all 1s ease-in-out;
}

.lyt-header .sec-left {
    float: left;
}

.lyt-header .sec-left .logo-img {
    display: inline-block;
}

.lyt-header .sec-left .logo-img img {
    width: 300px;
}

.lyt-header .sec-right {
    float: right;
}
.bs-navbar .nav-header .logo-wrap img {
    width: 300px;
}
@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-header {
        padding: 15px 20px 0px;
        position: absolute;
    }

    .lyt-header .sec-left .logo-img img {
        width: 170px;
    }

    .lyt-header.slide-down {
        position: fixed;
        animation: down_move 0.5s ease forwards;
        -webkit-animation: down_move 0.5s ease forwards;
    }

    .lyt-header.slide-up {
        animation: up_move 0.5s ease forwards;
        -webkit-animation: up_move 0.5s ease forwards;
        position: absolute;
    }

    @keyframes down_move {
        0% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    @-webkit-keyframes down_move {
        0% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    @keyframes up_move {
        0% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    @-webkit-keyframes up_move {
        0% {
            transform: translateY(0%);
        }

        100% {
            transform: translateY(-100%);
        }
    }
}

.lyt-footer {
    display: block;
    background:#053f6b;
    background-size: 100% 100%;
    padding: 90px 0px 30px;
}

.lyt-footer .footer-top {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    position: relative;
}

.lyt-footer .footer-top .social-wrap {
    display: block;
    text-align: right;
}

.lyt-footer .footer-top .social-wrap .social-list {
    display: inline-block;
}

.lyt-footer .footer-top .social-wrap .social-list a .social-icon {
    float: left;
    margin-right: 30px;
}

.lyt-footer .footer-top .social-wrap .social-list a .social-icon .icon {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
}

.lyt-footer .footer-top .social-wrap .social-list a:last-child .social-icon {
    margin-right: 0;
}

.lyt-footer .footer-bottom {
    padding-top: 20px;
}

.lyt-footer .footer-bottom .mod-subscribe .input-group {
    width: 350px;
    height: 40px;
    margin: 18px auto 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.lyt-footer .footer-bottom .mod-subscribe .input-group .form-control {
    border: none;
    padding: 6px 15px;
}

.lyt-footer .footer-bottom .mod-subscribe .input-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.lyt-footer .footer-bottom .mod-subscribe .input-group .btn.btn-arrow {
    padding: 9px 12px;
    line-height: 21px;
    background: transparent;
}

.lyt-footer .footer-bottom .bottom-line {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.lyt-footer .bottom-line-wrap {
    display: block;
    text-align: right;
    overflow: hidden;
}

.lyt-footer .bottom-line-wrap .bottom-line {
    display: inline-block;
    float: right;
    padding: 0 10px;
    font-size: 12px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.3);
}

.lyt-footer .bottom-line-wrap .bottom-line:first-child {
    margin-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-footer {
        padding: 40px 0 10px;
    }

    .lyt-footer .footer-top {
        padding-bottom: 30px;
    }

    .lyt-footer .footer-top .social-wrap {
        right: 0;
        left: 0;
        margin: 20px 0;
    }

    .lyt-footer .footer-top .social-wrap .social-list {
        display: table;
        margin: 0 auto;
    }

    .lyt-footer .footer-top .social-wrap .social-list .social-icon {
        margin: 0 10px;
    }

    .lyt-footer .bottom-line {
        text-align: center;
    }

    .lyt-footer .bottom-line-wrap {
        display: table;
        margin: 0 auto;
    }
}

.lyt-banner {
    display: block;
}

.lyt-banner .mod-banner {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    background: #fff;
    background-size: cover;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    animation: scale 1s ease forwards;
    -webkit-animation: scale 1s ease forwards;
}

@keyframes scale {
    0% {
        transform: scale(0.5, 0.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(0.5, 0.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.lyt-banner .mod-banner .banner-info {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(0%);
}

.lyt-banner .mod-banner .banner-info .title {
    transform: translateY(0%);
    -webkit-transition-delay: 5s;
    /* Safari */
    transition-delay: 5s;
    -webkit-animation: mymove 1s ease;
    /* Safari 4.0 - 8.0 */
    animation: mymove 1s ease;
}

.lyt-banner .mod-banner .banner-info .desc {
    transform: translateY(0%);
    -webkit-transition-delay: 5s;
    /* Safari */
    transition-delay: 5s;
    -webkit-animation: mymove1 1s ease;
    /* Safari 4.0 - 8.0 */
    animation: mymove1 1s ease;
    position: absolute;
    bottom: -120px;
    left: 0;
    right: 0;
}

@-webkit-keyframes mymove {
    from {
        transform: translateY(50%);
    }

    to {
        transform: translateY(0%);
    }
}

@keyframes mymove {
    from {
        transform: translateY(50%);
    }

    to {
        transform: translateY(0%);
    }
}

@-webkit-keyframes mymove1 {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translateY(0%);
    }
}

@keyframes mymove1 {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translateY(0%);
    }
}

.lyt-banner .mod-banner .banner-info.reverse {
    padding-top: 50px;
}

.lyt-banner .mod-banner .banner-info.reverse .title {
    font-size: 102px;
}

.lyt-banner .mod-banner .banner-info.reverse .desc {
    position: absolute;
    width: 100%;
    top: 0;
    margin: 0;
}

.lyt-banner .mod-banner .cm-scroll {
    width: 100%;
    text-align: center;
    padding: 0 0 35px;
    bottom: 30px;
    left: auto;
    right: auto;
    top: auto;
    background: none;
    transform: none;
}

.lyt-banner .mod-banner .cm-scroll:before {
    content: "\6d";
    width: 9px;
    height: 31px;
    position: absolute;
    bottom: -20px;
    left: 49%;
    color: #219eff;
    font-family: "birla-estates" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    background: none;
    top: auto;
    font-size: 28px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: bounce 2s infinite;
    -webkit-animation: arrowbounce 2s infinite;
    -moz-animation: arrowbounce 2s infinite;
    -o-animation: arrowbounce 2s infinite;
}

@-webkit-keyframes arrowbounce {

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

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

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

@-moz-keyframes arrowbounce {

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

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

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

@-o-keyframes arrowbounce {

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

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

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

@keyframes arrowbounce {

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

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

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

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-banner .mod-banner {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: auto;
    }

    .lyt-banner.typ-center-bg-mobile .mod-banner {
        background-size: cover !important;
        background-position: top center !important;
    }


    .lyt-banner .mod-banner.typ-bg {
        background: url(../images/banner/lifedesigned-bg.jpg) no-repeat !important;
        background-size: 100% 100% !important;
    }

    .lyt-banner .mod-banner .banner-info .desc {
        padding: 0 10px;
        position: relative;
        bottom: auto;
        margin-top: 30px;
    }

    .bs-navbar .part2 .menu-wrap .menu-list .inner-wrap .menu.typ2 a {
        font-size: 20px !important;
    }

    .lyt-banner .mod-banner .banner-info.reverse .title {
        font-size: 48px;
    }

    .lyt-banner .mod-banner.typ-bg .banner-info .title {
        font-size: 38px !important;
        text-align: center !important;
    }

    .lyt-banner .mod-banner .cm-scroll {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .lyt-banner .mod-banner .banner-info .desc {
        width: 70%;
        margin: 0 auto;
    }
}

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

.lyt-content li {
    display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-content {
        padding: 50px 0px 0px;
    }
}

.lyt-overview {
    display: block;
}

.lyt-overview .mod-overview {
    position: relative;
}

.lyt-overview .mod-overview .img-wrap {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
}

.lyt-overview .mod-overview .info-wrap {
    position: absolute;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    left: 415px;
}

.lyt-overview .mod-overview .info-wrap .desc {
    width: 100%;
}

.lyt-overview .mod-overview .info-wrap.no-before:before {
    display: none;
}

.lyt-overview .mod-overview .info-wrap:before {
    position: absolute;
    left: 0;
    top: -25px;
}

.lyt-overview.typ2 .mod-overview .img-wrap {
    left: auto;
    right: 0;
}

.lyt-overview.typ2 .mod-overview .info-wrap {
    left: auto;
    right: 500px;
    transform: translate(18%, -50%);
}

.lyt-overview.typ2 .mod-overview .info-wrap.typ-leadership {
    width: 50%;
    right: auto;
    left: 13%;
}

.lyt-overview.typ21 {
    margin-bottom: 0;
}

.lyt-overview.typ21 .mod-overview {
    background: none;
}

.lyt-overview.typ21 .mod-overview .img-wrap {
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    height: auto;
}

.lyt-overview.typ21 .mod-overview .img-wrap img {
    height: auto;
}

.lyt-overview.typ21 .mod-overview .title {
    display: inline-block;
    font-size: 28px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 200;
    color: #000000;
    margin: 97px 0px 15px;
}

.lyt-overview.typ21 .mod-overview .desc {
    width: 462px;
}

.lyt-overview.typ21 .mod-overview .desc p {
    font-weight: 200;
    margin-bottom: 15px;
}

.bs-summary.typ-sus {
    text-align: center;
}

.bs-summary.typ-sus .btn {
    margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-overview {
        margin-bottom: 40px;
    }

    .bs-summary.typ-sus .btn {
        font-size: 12px;
    }

    .lyt-overview .mod-overview {
        height: 585px;
        padding-top: 40px;
    }

    .lyt-overview.typ-leadership .mod-overview {
        height: auto !important;
        padding-bottom: 300px;
    }

    .lyt-overview.typ2 .mod-overview .info-wrap.typ-leadership {
        width: 100%;
    }

    .lyt-overview .mod-overview .img-wrap {
        width: auto;
        height: 310px;
        top: auto;
        padding-top: 0px;
        bottom: -40px;
    }

    .lyt-overview .mod-overview .img-wrap img {
        width: auto;
        height: 100%;
    }

    .lyt-overview .mod-overview .info-wrap {
        width: 100% !important;
        position: static;
        transform: translateY(0%) !important;
    }

    .lyt-overview .mod-overview .info-wrap .title {
        font-size: 4vw;
    }

    .lyt-overview .mod-overview .info-wrap .desc {
        top: 0;
    }

    .lyt-overview.typ2 .mod-overview {
        text-align: left;
        height: 486px;
        padding-top: 0;
    }

    .lyt-overview.typ2 .mod-overview .info-wrap {
        transform: none;
        right: auto;
    }

    .lyt-overview.typ2 .mod-overview .title {
        display: block;
        margin: 0px 0px 30px;
        text-align: left;
    }

    .lyt-overview.typ2 .mod-overview .desc {
        width: 100%;
        text-align: left;
    }

    .lyt-overview.typ2 .mod-overview .desc p {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .lyt-overview .mod-overview .info-wrap {
        left: 338px;
        width: 60%;
    }

    .lyt-overview.typ-leadership .mod-overview {
        height: 500px;
    }

    .lyt-overview.typ2 .mod-overview .info-wrap {
        right: 338px;
    }

    .lyt-overview.typ2 .mod-overview .info-wrap.typ-leadership {
        width: 100%;
        width: 50%;
        left: 100px;
        transform: translateX(0);
        transform: translate(0%, -50%);
    }

    .bs-sec .sec-header .sec-title.typ-leadership {
        line-height: 58px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .lyt-overview.typ2 .mod-overview .info-wrap.typ-leadership {
        width: 100%;
    }
}

.lyt-project {
    display: block;
}

.lyt-project .tab .nav-tabs {
    margin: 0 auto 33px;
}

.lyt-project .mod-info-card {
    text-align: center;
}

.lyt-project .new-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.lyt-project .new-wrap .mod-info-card.typ2 {
    width: 290px;
    /* margin: 0 15px 20px; */
    margin: 0 6px 20px;
    display: inline-block;
    vertical-align: middle;
}

.lyt-project .new-wrap .mod-info-card.typ2 .img-wrap.typ2 {
    padding: 32px 45px;
}

.lyt-project .mod-info-card .bs-summary .logo-wrap {
    display: table;
    margin: 0 auto;
    margin: -58px auto 12px;
}

.lyt-project .mod-info-card .bs-summary .title {
    margin: 40px 0px;
}

.lyt-project .mod-info-card .bs-summary .btn-default {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}

.lyt-project .mod-info-card .action {
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    bottom: 30px;
    text-align: center;
}

.lyt-download {
    display: block;
}

.lyt-download .bs-summary .title {
    font-size: 28px;
    margin: 30px 0 10px;
}

.lyt-download .bs-summary .desc {
    margin: 0 auto;
}

.lyt-download .bs-summary .desc p {
    margin: 0;
}

.lyt-download .cm-graphic-divider {
    margin-top: 35px;
}

.lyt-download .download-wrap {
    display: block;
    margin-top: 50px;
}

.lyt-download .download-wrap .icon-download {
    font-size: 30px;
    color: #000000;
}

.lyt-download .download-wrap .btn-default {
    margin-top: -10px;
    color: #333333;
    font-size: 12px;
    margin: -32px 0 0 5px;
}

.lyt-download .download-wrap .btn-default:hover {
    color: #219eff ;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-download .bs-summary .title {
        font-size: 21px;
    }
}

.lyt-testimonials {
    display: block;
}

.lyt-testimonials .tab {
    padding: 0 100px;
}

.lyt-testimonials .tab .tab-content {
    text-align: left;
}

.lyt-testimonials .tab .nav-tabs {
    margin: 35px 0 0 255px;
}

.lyt-testimonials .tab .nav-tabs li a {
    padding: 0;
    border: none;
}

.lyt-testimonials .tab .nav-tabs li a .img-wrap {
    padding: 0;
    margin: 0 20px;
    border: none;
    display: inline-block;
    width: 93px;
    height: 93px;
    border-radius: 50%;
    border: 1px solid transparent;
    overflow: hidden;
}

.lyt-testimonials .tab .nav-tabs li a .img-wrap img {
    width: 100%;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.lyt-testimonials .tab .nav-tabs li:hover .img-wrap,
.lyt-testimonials .tab .nav-tabs li.active .img-wrap {
    border: 1px solid #219eff ;
}

.lyt-testimonials .mod-testimonial {
    padding-left: 275px;
    position: relative;
    padding-top: 5%;
}

.lyt-testimonials .mod-testimonial .img-wrap {
    position: absolute;
    top: 0;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    overflow: hidden;
    left: 0;
}

.lyt-testimonials .mod-testimonial .info {
    display: block;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-testimonials .tab {
        padding: 0;
    }

    .lyt-testimonials .tab .tab-content {
        text-align: center;
    }

    .lyt-testimonials .tab .tab-content .mod-testimonial .img-wrap {
        width: 128px;
        height: 128px;
    }

    .lyt-testimonials .tab .nav-tabs {
        margin: 35px auto 0;
    }

    .lyt-testimonials .tab .nav-tabs li a .img-wrap {
        margin: 0 10px;
        width: 54px;
        height: 54px;
    }

    .lyt-testimonials .mod-testimonial {
        padding: 150px 0 0;
        text-align: center;
    }

    .lyt-testimonials .mod-testimonial .img-wrap {
        top: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .lyt-testimonials .tab .nav-tabs {
        display: table;
        margin: 40px auto;
    }

    .lyt-testimonials .mod-testimonial {
        padding: 260px 0 0;
    }

    .lyt-testimonials .mod-testimonial .name {
        text-align: center;
    }

    .lyt-testimonials .mod-testimonial .info {
        text-align: center;
    }

    .lyt-testimonials .img-wrap {
        right: 0;
        margin: 0 auto;
    }
}

.lyt-location {
    display: block;
    position: relative;
}

.lyt-location #map {
    width: 100%;
    height: 550px;
}

.lyt-location .mapoverlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(237, 237, 237, 0.2);
    z-index: 1;
}

.lyt-location .bs-sec .sec-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding-top: 50px;
}

.lyt-location .mod-location-info {
    position: relative;
}

.lyt-location .mod-location-info .meta-info {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
}

.lyt-location .bs-slider {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    z-index: 2;
    width: auto;
}

.lyt-location .bs-slider .swiper-button-prev {
    left: 48.8%;
    border-right: 1px solid #000000;
    bottom: 20px;
}

.lyt-location .bs-slider .swiper-button-next {
    right: 48.3%;
    bottom: 20px;
}

.lyt-location .btn {
    position: absolute;
    bottom: 20px;
    left: 10%;
    z-index: 2;
    font-size: 12px;
    font-weight: 300;
}

.lyt-location .infowindow {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 300;
    font-size: 1.1vw;
    color: #000000;
    line-height: 130%;
    position: absolute;
    bottom: 39%;
    left: 30%;
    right: 30%;
    background: url("../images/blur.png") no-repeat 100% 100%;
    z-index: 2;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-location .btn-default {
        display: none;
    }

    .lyt-location .mod-location-info {
        width: 40%;
        margin: 0 5px;
    }

    .lyt-location .mod-location-info .meta-info {
        top: 10px;
        left: 0;
        right: 0;
    }

    .lyt-location .bs-slider .swiper-button-next {
        right: 44.5%;
    }

    .lyt-location .bs-slider .swiper-button-prev {
        left: 44.5%;
        padding-right: 6px;
    }

    .lyt-location .infowindow {
        font-size: 14px;
        line-height: 19px;
        left: 10%;
        right: 10%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .lyt-location .bs-slider .swiper-button-next {
        right: 44.5%;
    }

    .lyt-location .bs-slider .swiper-button-prev {
        left: 44.5%;
    }
}

.lyt-gallery {
    display: block;
}

.lyt-gallery .gallery-wrap {
    padding: 0px 22px;
    box-sizing: border-box;
}

.lyt-gallery .gallery-wrap .mod-gallery-grid {
    position: relative;
    cursor: pointer;
}

.lyt-gallery .gallery-wrap .mod-gallery-grid .title {
    position: absolute;
    bottom: 38px;
    left: -11px;
    text-transform: uppercase;
    transform-origin: left;
    transform: translateY(350%) rotate(-90deg);
}

.lyt-gallery .gallery-wrap .col-md-12 .mod-gallery-grid,
.lyt-gallery .gallery-wrap .col-sm-12 .mod-gallery-grid,
.lyt-gallery .gallery-wrap .col-xs-12 .mod-gallery-grid {
    margin-bottom: 25px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-gallery .bs-slider .swiper-button-next {
        right: 45%;
    }

    .lyt-gallery .bs-slider .swiper-button-prev {
        left: 45%;
        padding-right: 6px;
    }

    .lyt-gallery .bs-slider.typ2 {
        padding: 0 0 25px;
    }
}

.lyt-outlook {
    display: block;
}

.lyt-outlook .info-list-wrap {
    margin: 0 auto 45px;
    padding: 0;
    display: table;
    overflow: hidden;
}

.lyt-outlook .info-list-wrap .list {
    margin: 0px 20px;
    width: 398px;
    float: left;
    border: 1px solid #cccccc;
}

.lyt-outlook .info-list-wrap .list .mod-list {
    padding: 30px 35px;
}

@media only screen and (min-width: 320px) and (max-width: 785px) {
    .lyt-outlook .info-list-wrap {
        display: block;
        margin: 0px;
    }

    .lyt-outlook .info-list-wrap .list {
        width: 100%;
        margin: 0px 0px 20px;
    }

    .lyt-outlook .info-list-wrap .list .mod-list {
        padding: 20px 10px 10px;
    }
}

.lyt-workplace {
    display: block;
}

.lyt-workplace .mod-workplace {
    display: block;
}

.lyt-ceo {
    display: block;
}

.lyt-ceo .mod-ceo-wrap {
    position: relative;
    padding: 0px 50px;
}

.lyt-ceo .mod-ceo-wrap .img-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
}

.lyt-blog .list-item {
    padding-left: 0px;
}

.lyt-grid {
    display: block;
    margin-bottom: 55px;
    overflow: hidden;
}

.lyt-grid [class*="col-"] {
    padding-left: 9px;
    padding-right: 9px;
}

.lyt-grid .grid-box {
    display: table;
    height: 100px;
    width: 100%;
    margin-bottom: 18px;
    padding: 0 10px;
}

.lyt-grid .grid-box .mod-grid {
    display: table-cell;
}

.lyt-grid .grid-box:after {
    content: "";
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 9px;
    transform: translateX(-50%);
    height: 1px;
    background: #219eff;
    margin: 0 auto;
}

.lyt-grid .grid-box.no-sep:after {
    display: none;
}


/* templates */

.template-contact .cm-phone {
    display: none;
}

.template-nobanner {
    display: block;
}

.template-nobanner .lyt-header .sec-right .mod-nav .title {
    color: #333333;
}

.template-nobanner .lyt-header .sec-right .mod-nav .seperator {
    background: #707070;
}

.template-home .lyt-header .mod-nav .title:first-child {
    display: none;
}

.template-home .lyt-header .mod-nav .seperator {
    display: none;
}

.validation-errors {
    font-size: 0.8em;
    color: red;
}

.web-features {
    background: #f1f1f1;
	padding:50px 0px;
}

.digital-heading h2 {
    color: #0876cc;
    font-size: 40px;
    font-weight: 600;
}
.make-icon .hover-fx {
  font-size: 36px;
  display: inline-block;
  cursor: pointer;
  margin: 15px;
  width: 80px;
  height: 80px;
  line-height: 84px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  color: #219eff;
  background-color: rgba(255, 255, 255, 0.1);
  transition: 300ms;
}

.make-icon:hover .hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
  box-shadow: 0 0 0 3px #219eff;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}

.make-icon:hover .hover-fx {
  background-color: #219eff;
  color: #fff;
}

.make-icon:hover .hover-fx {
  opacity: 1;
  transform: scale(1.15);
}

.make-icon {
    background: #fff;
    padding: 20px;
}

.make-top{
	padding-top:30px
}
.make-top .col-md-3 {
    margin-top: 30px;
}
.make-icon h3 {
    font-size: 20px;
    font-weight: 600;
}
.bottom-text {
    text-align: center;
    width: 100%;
    float: left;
   padding: 60px 0px 0px 0px;
}
.bottom-text h4{
    width: 100%;
    float: left;
	font-size:30px;
	font-weight:600;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:'Arial',sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2rem;margin:.67rem 0}h2{font-size:1.5rem;margin:.83rem 0}h3{font-size:1.17rem;margin:1rem 0}h4{font-size:1rem;margin:1.33rem 0}h5{font-size:.83rem;margin:1.67rem 0}h6{font-size:.75rem;margin:2.33rem 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1rem 0}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1rem 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1rem}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5rem}sub{bottom:-.25rem}dl,menu,ol,ul{margin:1rem 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}li{margin:0 0 10px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:none;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Pictos';src:url('../styles/pictos/pictos-web.eot');src:local('?'),url('../styles/pictos/pictos-web.woff') format('woff'),url('../styles/pictos/pictos-web.ttf') format('truetype'),url('../styles/pictos/pictos-web.svg#webfontIyfZbseF') format('svg');font-weight:400;font-style:normal}.skip-to-content{padding:8px 20px;position:absolute;top:-40px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:#bf1722;transition:top .1s ease-out;z-index:100;z-index:100000000}.skip-to-content:focus{position:absolute;left:0;top:0;outline-color:transparent;transition:top .1s ease-in}.col{margin:0 1%;float:left;position:relative}.col--1wide{width:6.33%}.col--2wide{width:14.66%}.col--3wide{width:23%}.col--4wide{width:31.33%}.col--5wide{width:39.67%}.col--6wide{width:47.99%}.col--7wide{width:56.33%}.col--8wide{width:64.66%}.col--9wide{width:73%}.col--10wide{width:81.33%}.col--11wide{width:89.67%}.col--12wide{width:98%}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1;}.hidden{display:none !important;visibility:hidden}.metainfo{display:none !important}img{max-width:100%}iframe{width:100%;height:auto;border:none}.page{display:block !important}.warning{width:calc(100% - 40px);padding:20px;margin:0 0 1rem;text-align:center;color:#fff}.warning.fail{background-color:#a00;color:#fff}.warning.success{background-color:#0a0;color:#fff}.warning a{color:#fff;text-decoration:underline}.sitemap{list-style-type:none}.mobile-test-element{display:none}table{text-align:left;font-size:1rem !important;border:1px solid #1d9eda}table thead tr th{background-color:#1d9eda;color:#fff;padding:10px}table tbody tr td{background-color:#fff;color:#000;padding:10px;vertical-align:top}table tbody tr td a{text-decoration:none}table tbody tr:nth-child(odd) td{background-color:#eee}table tbody tr:hover td{background-color:#32465c;color:#fff}table tbody tr:hover td p{color:#fff}table tbody tr:hover td a{color:#fff}.table--fullwidth{width:100%}.table--noborder{border:none}.table--bottom-margin{margin-bottom:3rem}@media only screen and (max-width:640px){.col{margin:10px 0;padding:0 5%;float:none}.col--1wide,.col--2wide,.col--3wide,.col--4wide,.col--5wide,.col--6wide,.col--7wide,.col--8wide,.col--9wide,.col--10wide,.col--11wide,.col--12wide{width:90% !important}.mobile-test-element{display:block}}.block{width:100%;position:relative;background-color:#fff}.block--topline{background-color:#0e0845;color:#fff}.block--header{background-color:#fff}.block--header__logo{cursor:pointer}.block--menu{background-color:#eee}.block--content{background-color:#ccc;min-height:1000px}.block--footer{background-color:#bbb}.block--subfooter{background-color:#aaa}.block--cookies{background-color:#999}.block__wrapper{width:960px;margin:0 auto}.block__wrapper--fullwidth{width:100%}@media only screen and (max-width:640px){.block__wrapper{width:100% !important;text-align:center}}h1,h2,h3,h4,h5,h6{color:#000}#maincontent .segment img.left{height:auto;width:auto;float:left;clear:left;margin:0 20px 20px 0}#maincontent .segment img.right{height:auto;width:auto;float:right;clear:right;margin:0 0 20px 20px}#maincontent .segment img.block{height:auto;width:auto;margin:20px auto;float:none;display:block}.block--cookies{position:fixed;width:100%;height:100%;text-align:center;top:0;z-index:2000;background-color:rgba(100,100,100,.9);display:none}.block--cookies .col--12wide{background-color:#fff;width:40%;min-width:22rem;float:none;padding:40px 10%;margin:10% auto 0 auto}.block--cookies__logo{margin-bottom:40px}.block--cookies .col--12wide p{width:20rem;margin:20px auto}.cookies-accept-button{position:relative}.cookies-accept-button a{text-decoration:none;width:20rem;margin:20px auto 0 auto;padding:20px 0;background-color:#01a1df;text-transform:uppercase;display:inline-block;color:#fff;font-size:2rem;cursor:pointer}.drop-first-cap p:first-child:first-letter {float:left;font-size:3.9rem;line-height:60px;padding-top:9px;padding-right:5px;padding-left:3px;font-weight:800}.expandable-area{background-color:#eee;padding:1rem 2rem}.expandable-area h3{font-weight:200;font-size:1.6rem;margin:.8rem 0 1.2rem}.expandable-area p:last-child{margin-bottom:1rem}.expandable-area--enabled{background:#eee url() no-repeat 98% 1.8rem;background-size:2rem;transition:2s height}.expandable-area--closed{height:2.8rem;background-image:url(../images/plus.svg);background-position-y:25px;overflow:hidden;cursor:pointer}.expandable-area--open{height:auto;background-image:url(../images/minus.svg)}@media only screen and (max-width:640px){.block--cookies .col--12wide{width:40vh !important;min-width:0}.block--cookies .col--12wide p{width:auto}.cookies-accept-button a{width:100%;padding:20px 0}.expandable-area--enabled{background-size:1rem;background-position-y:2.3rem}}.menu--inline{display:inline-block}.menu--inline li{display:inline-block;margin:0 20px 0 0}.menu__mobile-control{display:none !important}@media only screen and (max-width:640px){.menu--inline{display:block !important}.menu--hidden li{display:none !important}.menu__mobile-control{display:block !important}.menu--hidden li.menu__mobile-control{display:block !important}}.segment--full-width{padding:0 !important}.segment__wrapper{width:960px;margin:0 auto}.segment__wrapper--fullwidth{width:100% !important;max-width:100% !important;padding:0}.segment{padding:30px 0}.segment ul,.segment ol{padding-left:20px}.segment--2col-imageleft img{width:auto !important;max-width:100%}.segment--2col-right img{width:auto !important;max-width:100%}.segment--1col-expandable+.segment--1col-expandable{margin-top:-3rem !important}.segment--2col-expandable+.segment--2col-expandable{margin-top:-3rem !important}@media only screen and (max-width:640px){.segment__wrapper{width:100% !important;text-align:left}.segment--full-image .headline{position:static !important;margin:0 !important;width:100% !important;margin-top:-20px !important}}.form__legend{display:none}.form__fieldset{margin:0;padding:0;border:none}.form__column{width:100%;float:left;display:flex;flex-wrap:wrap}.form__column--narrow{width:33%}.form__column--wide{width:67%}.form__column--half{width:48%}.form__column--half+.form__column--half{margin-left:4%}.form__column--fullpad{width:calc(100% - 40px);padding:0 20px}.form__column--halfpad{width:calc(50% - 40px);padding:0 20px}.form__column--halfpad-vertical{flex-direction:column}.form__label{text-align:right;width:calc(40% - 15px);line-height:1.35rem;padding:5px 10px 5px 5px;margin:10px 0;display:inline-block;vertical-align:top;font-size:1rem}.form__input{width:calc(60% - 16px);padding:0 7px;height:30px;margin:10px 0;display:inline-block;vertical-align:top;font-size:1rem;border:1px solid #ccc}.form__select{width:60%;padding:0;height:30px;margin:10px 0;display:inline-block;vertical-align:top;font-size:1rem;border:1px solid #ccc}.form__textarea{width:calc(60% - 16px);padding:5px 7px;margin:10px 0;display:inline-block;vertical-align:top;font-size:1rem;border:1px solid #ccc}.form__p{font-size:.85rem;line-height:1.2rem}.form__p--formheading{margin-bottom:0}.form__input--nomargin{margin:0 !important}.form__select--nomargin{margin:0 !important;width:auto !important}.form__label--leftalign{text-align:left}.form__label--vertical{display:block;width:calc(100% - 16px);text-align:left;padding:0;margin-bottom:0}.form__input--vertical{display:block;width:calc(100% - 16px)}.form__select--vertical{display:block;width:100%}.form__textarea--vertical{display:block;width:calc(100% - 16px)}.form__input:required:focus:invalid,.form__select:required:invalid,.form__select:required:focus:invalid,.form__textarea:required:focus:invalid{border:1px solid rgba(255,0,0,.4);background:#fff url("../images/exclamation.png") no-repeat 97.5% 50%}.form__input:required:valid,.form__input:required:focus:valid,.form__select:required:valid,.form__select:required:focus:valid,.form__textarea:required:valid,.form__textarea:required:focus:valid{border:1px solid #29bf0d;background:#fff url("../images/tick.png") no-repeat 97.5% 50%}.form__select:required:invalid,.form__select:required:valid{background-position:95% 50% !important}.form__select--auto-width{display:block;width:auto}.form__checkbox{width:100%;position:relative;padding-bottom:1rem}.form__label--checkbox{width:calc(95% - 15px) !important;text-align:left;margin-left:5% !important;font-size:.8rem}.form__input--checkbox{width:calc(5% - 6px);position:absolute;top:2px;left:0}.form__multicheckbox{display:flex}.form__multicheckboxheading{margin-bottom:0}.form__label--multicheckbox{width:calc(90% - 15px);text-align:left}.form__input--multicheckbox{width:calc(10% - 2px)}.form__input--radio{width:auto}.form__covertlabel{display:none}.form__covertinput{display:none}@media only screen and (max-width:640px){.form__select--auto-width{margin:10px auto}.form__p--formheading{text-align:left}.form__multicheckboxheading{text-align:left}}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.page{font-family:'Open Sans',sans-serif}a{color:#0b52a2}blockquote{border-left:10px solid #0b52a2;padding:1rem 1.5rem;margin:1.614rem 2rem;font-style:italic;font-size:1.2rem;font-weight:400;line-height:2rem}.block--topline{text-align:right;min-height:31px}.block--topline nav{display:inline-block}.block--topline__hamburger{width:25px;height:25px;position:absolute;right:0;top:3px;cursor:pointer}.login-messsage{position:absolute;top:0;left:0;margin:5px 0}.block__wrapper{width:80%;max-width:1250px}.block--header{position:absolute;z-index:1000;background:0 0;color:#fff;font-weight:600}.block--header p{font-size:3rem;font-weight:800;letter-spacing:-.2rem;color:inherit;line-height:2.5rem;text-transform:uppercase;z-index:99999;cursor:pointer}.block--header__logo{width:150px;margin:0;font-size:0rem}.block--header--short{color:#3467ac !important;position:relative}.block--header--short .menu--main li:last-child a{border:3px solid #376cb4;border-radius:32px;padding:0 30px;margin-top:-3px;transition:.2s all ease-in-out}.block--header--short .menu--main li:last-child a:hover{background-color:#376cb4;color:#fff}.block--content{background-color:#fff}.block--footer{background-color:#346db4;color:#fff;padding-top:50px;font-size:.8rem}.block--footer a{color:inherit;font-weight:400}.block--footer__header{color:inherit;font-weight:600;text-transform:uppercase;font-size:inherit;margin-top:0;color:#fff}.block--footer .col:first-child{font-size:.75rem;padding-right:13.37%;width:17.99%;text-align:left}.block--footer .col:first-child p:nth-child(2){margin-top:0 !important}.block--footer img{margin-bottom:2rem;width:100px}.block--footer__bottom-line{border-top:3px solid #fff;padding-bottom:0;margin-top:20px}.block--footer__bottom-line p{font-size:.8rem;color:#fff;display:inline-block;width:70%;font-weight:600}.block--footer__line-links a{display:inline-block;vertical-align:middle;text-decoration:none;font-weight:600}.block--footer__line-links a:nth-child(7){margin-left:40px}.block--footer .social-media-icon{width:36px;vertical-align:middle;margin-bottom:0;margin-right:2px}.footer__copyright{text-align:right;width:29.5% !important}.cookies-heading{font-size:3rem;font-weight:800;letter-spacing:-.2rem;color:#3467ac;line-height:2.5rem;text-transform:uppercase;display:inline-block;text-align:left}.back-to-top{position:fixed;bottom:0;left:50%;width:50px;height:22px;background-color:#1ea4e3;text-align:center;font-size:.8rem;line-height:1rem;padding-top:5px}.back-to-top a{text-decoration:none;color:#fff;margin:0;padding:0}.back-to-top img{width:30px}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-container iframe,.video-container embed,.video-container object{position:absolute;width:100%;height:100%}.google-map{width:100%;height:700px}.grecaptcha-badge{visibility:hidden}.clutch-widget{width:85%;margin:0 auto;display:block}div.code-snippet{background-color:#000;display:block;border-left:4px solid #f0c648;color:#fff;font-family:Courier,serif;padding:15px 20px;font-size:.9rem;line-height:1.4rem;white-space:pre-wrap}@media only screen and (max-width:1560px){.block__wrapper{width:100%}}@media only screen and (max-width:1024px){.block--header__logo{width:100px}}@media only screen and (max-width:640px){.block--header--fixed{display:none !important}.block--header{position:relative;background-color:#316cb9;border-bottom:20px solid #fff;min-height:100px;padding:0;margin:0}.block--header__logo{width:100px;position:absolute;left:5%;top:5px}.block--header h1{text-align:left;display:inline-block;width:auto;margin:0 auto}.block--header p{margin:0}.block--footer .col:first-child{padding:0 2.5%;width:95%;text-align:center}.block--footer .col--2wide{margin-top:2rem}.block--footer__bottom-line p{width:100%}.block--footer__line-links a:nth-child(7){display:block;margin-top:30px;margin-left:0}.block--footer__line-links a:nth-child(8){display:block}.block--footer__line-links a:nth-child(9){display:block}.block--footer__bottom-line p{width:100% !important;text-align:center}.clutch-widget{width:100%}.segment--3-columns .col .clutch-widget{margin:0 auto !important;width:55%}}.menu--main{list-style-type:none;padding:0;margin:0 0 0 220px;width:calc(100% - 220px);font-size:0;height:3.6rem;position:absolute;top:8px;z-index:1000}.menu--main li{display:inline-block;margin:0;font-size:.9rem;padding:0 50px 0 0;width:auto}.menu--main li.has-children{background-image:url(../images/menu-down-arrow.svg);background-position:center right;background-repeat:no-repeat;background-size:20px 20px;padding-right:20px;margin-right:30px}.menu--main li a{display:inline-block;letter-spacing:-.05rem;color:inherit;margin:0;text-decoration:none;text-transform:uppercase;line-height:1.8rem;vertical-align:top}.menu--main li:last-child a{position:absolute;right:0;top:0;border:3px solid #fff;border-radius:32px;padding:0 30px;margin-top:-3px;transition:.2s all ease-in-out}.menu--main li:last-child a:hover{background-color:#fff;color:#376cb4}.page--solutions .menu--main li.has-children{background-image:url(../images/menu-down-arrow-blue.svg)}.submenu{width:250px;position:absolute;top:35px;margin-left:-5px;background-color:#fff;border-radius:5px;padding:30px 30px 0;display:none;opacity:0;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07),0 -4px 4px rgba(0,0,0,.07)}.submenu--double-col{width:500px}.submenu__item{width:47%;display:inline-block;vertical-align:top;padding-bottom:20px}.submenu--double-col .submenu__item{padding-bottom:40px}.submenu__item--right{margin-left:5%}.submenu__item--fullwidth{width:100%}.submenu_image{width:25px;height:25px;position:absolute}.submenu_image--support{width:22px;height:22px;margin-top:3px}.submenu_image--process{margin-top:3px}.submenu__item h3{font-size:1rem;letter-spacing:normal;text-transform:none;font-weight:600;margin:0 0 10px 35px}.submenu__item h3 a{text-transform:none;border:none !important;color:#444}.submenu__item p{font-size:.75rem;color:#777;letter-spacing:normal;text-transform:none;font-weight:400;line-height:1.2rem;margin:0}.submenu__notes{font-size:.5rem;color:#999;display:none}.submenu__item--noimage h3{margin:0}.submenu__item:hover h3 a{color:#376bb4}.submenu__item:hover p{color:#222}.submenu__item .submenu__contact-details{cursor:auto}.submenu__item .submenu__contact-details a{text-transform:none;font-size:inherit;display:inline;letter-spacing:normal;text-decoration:underline;line-height:inherit;font-weight:600}.menu--main li:hover .submenu{display:block;opacity:1;transition:all .25s}.menu--main li:hover .submenu:before{content:" ";position:absolute;width:30px;height:30px;top:-17px;left:30px;background-image:url(../images/menu-down-arrow.svg);background-position:center right;background-repeat:no-repeat;background-size:30px 30px;transform:rotateZ(180deg)}.menu--main li:hover .submenu:after{content:" ";position:absolute;width:100%;height:30px;top:-17px;left:0;background-color:transparent}.menu--footer{list-style-type:none;margin:0;padding:0;width:100%}.menu--footer li a{text-decoration:none;color:#fff}.menu--footer li a:hover{text-decoration:underline}.menu--footer li:first-child{padding-left:0}.menu--footer li:last-child{border-right:none}.bigmenu-helper{height:20px;overflow:hidden;margin-top:0 !important;z-index:10000 !important}@media only screen and (max-width:1024px){.menu--main{margin-left:150px;width:calc(100% - 150px)}}@media only screen and (max-width:640px){.menu--main li a{border-bottom:none !important}.menu--main li ul{position:static !important;margin:0 !important;padding:0 !important}.menu--main li ul li{width:92% !important}.menu--main li ul li a{width:100% !important}.menu--main{margin-left:0;position:relative;bottom:auto;width:100%;height:auto}.menu--main li{display:block;height:auto;padding:10px 0;text-align:left;border-top:2px solid #fff}.menu--main li:nth-child(2){border-top:none !important}.menu--main li a{border:none;padding:10px 0;width:50%;font-size:1.2rem;text-transform:uppercase}.menu--main li:last-child a{border:none !important;padding:20px 0 !important;position:relative !important;right:auto !important;top:auto !important}.menu--main li.has-children{background-image:none;padding:0;margin:0 !important}.menu--main li .submenu{display:block !important;text-align:left;width:100%;margin:0;top:auto;position:relative;color:#fff;padding:0 0 10px;background-color:transparent;opacity:1;box-shadow:none}.menu--main li .submenu div{width:49%;display:inline-block}.menu--main li .submenu a{color:#fff;display:block !important;font-size:1rem;text-transform:none;width:100%}.menu--main li:hover .submenu:after{display:none}.menu--main li:hover .submenu:before{display:none}.menu--main li .submenu__item{padding-bottom:0}.menu--main li .submenu__item h3{margin:0}.menu--main li .submenu__item p{display:none}.submenu--double-col .submenu__item{padding:0;width:100%;margin:0}.menu--main li .submenu img{display:none}.submenu__notes{display:none !important}.menu--main li.menu__mobile-control{text-align:right;border:none}.menu--main li.menu__mobile-control a{background-image:url(../images/menu-white.svg);background-repeat:no-repeat;background-position:center;width:55px;height:55px;margin-top:-15px}.page--solutions .menu--main li.menu__mobile-control a{background-image:url(../images/menu-blue.svg)}.page--web-softwaresolutions .menu--main li.menu__mobile-control a{background-image:url(../images/menu-blue.svg)}.page--website-designsolutions .menu--main li.menu__mobile-control a{background-image:url(../images/menu-blue.svg)}.page--solutions .menu--main li.menu__mobile-control a{background-image:url(../images/menu-blue.svg)}.page--website-designsolutions .menu--main li{border-top-color:#0b52a2}.page--website-designsolutions .menu--main li .submenu a{color:#0b52a2}}.segment h2{color:#3b536f;font-size:2.5rem;font-weight:800;line-height:2.8rem}.segment h2 strong{color:#376bb4;font-weight:800}.segment h3{color:#3b536f;font-size:2rem;font-weight:800;line-height:2rem}.segment__wrapper{width:100%;max-width:1250px}.segment--central-text h2{font-size:1.6rem;font-weight:600;letter-spacing:-.1rem}.segment--central-text h2 strong{color:inherit;font-weight:600}.segment--central-text h3{font-size:1rem;font-weight:600;letter-spacing:-.1rem}.segment--central-text ul{line-height:1.7rem;font-size:1rem}.segment--central-text p{line-height:1.7rem}.segment--2col h2{color:#3b536f;font-size:3.5rem;font-weight:800;line-height:3.8rem;letter-spacing:-.2rem;margin-top:0}.segment--2col h2:first-line {color:#376bb4}.segment--2col p{line-height:1.8rem;font-size:1rem;max-width:90%;color:#3e5273}.segment--2col li{line-height:1.8rem;font-size:1rem;max-width:90%;color:#3e5273}.slidey-segment{animation-duration:1.5s;animation-delay:0s;animation-fill-mode:forwards;animation-timing-function:ease-out}.slidey-segment-in-from-left{animation-name:anim-slidey-segment-in-from-left}.slidey-segment-in-from-right{animation-name:anim-slidey-segment-in-from-right}@keyframes anim-slidey-segment-in-from-left{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0px)}}@keyframes anim-slidey-segment-in-from-right{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0px)}}@media only screen and (max-width:1560px){.segment__wrapper{width:100%}}.segment--2col-imageright-new{padding:50px 0}.segment--2col-imageright-new h2{color:#3b536f;font-size:3.5rem;font-weight:800;line-height:3.8rem;letter-spacing:-.2rem;margin-top:0}.segment--2col-imageright-new h2:first-line {color:#376bb4}.segment--2col-imageright-new p{line-height:1.8rem;font-size:1rem;max-width:90%;color:#3e5273}.segment--2col-imageright-new li{line-height:1.8rem;font-size:1rem;max-width:90%;color:#3e5273}.segment--2col-imageright-new img{max-width:80%;margin-left:20%;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07),0 32px 32px rgba(0,0,0,.07)}.segment--2col-imageright-new img:nth-child(2){position:absolute;bottom:30px;max-width:40%;margin:0 !important;left:30px;box-shadow:none}.segment--2col-imageright-new .col:nth-child(2):after{content:" ";display:block;width:10px;height:100px;background-color:#2e5da7;position:absolute;bottom:-40px;right:10px;z-index:-1;transform-origin:center;transform:rotateZ(42deg)}.segment--2col-imageright-new .col:nth-child(2):before{content:" ";display:block;width:10px;height:100px;background-color:#adbabd;position:absolute;bottom:-40px;right:-20px;z-index:-1;transform-origin:center;transform:rotateZ(42deg)}.segment--header-home+.segment--2col-imageleft-new{padding:100px 0 150px}.segment--2col-imageleft-new{padding:50px 0}.segment--2col-imageleft-new h2{color:#3b536f;font-size:3.5rem;font-weight:800;line-height:3.8rem;letter-spacing:-.2rem;margin-top:0}.segment--2col-imageleft-new h2:first-line {color:#376bb4}.segment--2col-imageleft-new p{line-height:1.8rem;font-size:1rem;max-width:90%;color:#3e5273}.segment--2col-imageleft-new li{line-height:1.8rem;font-size:1rem;max-width:90%;color:#3e5273}.segment--2col-imageleft-new img{max-width:80%;margin-right:20%;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07),0 32px 32px rgba(0,0,0,.07)}.segment--2col-imageleft-new img:nth-child(2){position:absolute;bottom:30px;max-width:40%;margin:0 !important;right:30px;box-shadow:none}.segment--2col-imageleft-new .col:first-child:after{content:" ";display:block;width:10px;height:100px;background-color:#2e5da7;position:absolute;bottom:-40px;left:10px;z-index:-1;transform-origin:center;transform:rotateZ(-42deg)}.segment--2col-imageleft-new .col:first-child:before{content:" ";display:block;width:10px;height:100px;background-color:#adbabd;position:absolute;bottom:-40px;left:-20px;z-index:-1;transform-origin:center;transform:rotateZ(-42deg)}@media only screen and (max-width:1280px){.segment--2col-imageright-new img{max-width:75%}.segment--2col-imageright-new .col:nth-child(2):after{right:30px}.segment--2col-imageright-new .col:nth-child(2):before{right:60px}.segment--2col-imageleft-new img{margin-left:10%}.segment--2col-imageleft-new .col:first-child:after{left:30px}.segment--2col-imageleft-new .col:first-child:before{left:60px}}@media only screen and (max-width:1024px){.segment--2col-imageright-new{overflow-x:hidden}.segment--2col-imageright-new h2{font-size:3rem;line-height:3.3rem}.segment--2col-imageright-new p{max-width:100%;text-align:left}.segment--2col-imageright-new li{max-width:100%;text-align:left}.segment--2col-imageleft-new img{margin-left:10%}}@media only screen and (max-width:640px){.segment--header-home+.segment--2col-imageleft-new{padding-bottom:0}.segment--2col-imageleft-new{overflow-x:hidden}.segment--2col-imageleft-new h2{font-size:3rem;line-height:3.3rem}.segment--2col-imageleft-new img{max-width:100%;margin-right:0;margin-left:0}.segment--2col-imageleft-new p{max-width:100%;text-align:left}.segment--2col-imageleft-new li{max-width:100%;text-align:left}.segment--2col-imageleft-new .col:first-child{margin-bottom:4rem}.segment--2col-imageleft-new .col:first-child:after{bottom:-40px;left:40px;height:80px}.segment--2col-imageleft-new .col:first-child:before{bottom:-40px;left:10px;height:80px}.segment--2col-imageright-new{overflow-x:hidden}.segment--2col-imageright-new img{max-width:100%;margin-left:0}.segment--2col-imageright-new img:nth-child(2){left:auto;right:30px;bottom:-50px}}.segment--header+.segment--2col-balanced .segment__wrapper:before{display:none}.segment--2col-balanced{margin:70px 0}.segment--2col-imageright-new+.segment--2col-balanced{margin-top:0}.segment--2col-imageleft-new+.segment--2col-balanced{margin-top:0}.segment--2col-balanced .segment__wrapper{display:flex;align-items:center}.segment--2col-balanced-fat h2{font-size:4rem;font-weight:800;line-height:4.5rem;margin-top:0;color:#346db4;letter-spacing:-.2rem;width:90%}.segment--2col-balanced-fat p{font-size:.9rem;color:#444;width:90%}.segment--2col-balanced-thin{border-left:1px solid #ccc;width:calc(48.99% - 1px);padding:2rem 0;margin-left:0}.segment--2col-balanced-thin div{max-width:70%;margin-left:15%}.segment--2col-balanced-thin h3{font-size:1.6rem;font-weight:800;margin-bottom:.5rem;margin-top:2rem;color:#2f4a6c;letter-spacing:-.1rem}.segment--2col-balanced-thin h3:first-child{margin-top:0}.segment--2col-balanced-thin p{margin-top:0;font-size:.9rem;color:#444}.segment--2col-balanced-image-right{margin:30px 0}.segment--2col-balanced-image-right .segment__wrapper{display:flex}.segment--2col-balanced-image-right .col--6wide{margin:0;width:50%}.segment--2col-balanced-image-right .col--6wide:nth-child(2){border-radius:0 5px 5px 0}.segment--2col-balanced-image-right__text{background-color:#ecf8fb}.segment--2col-balanced-image-right__text div{padding:5rem}.segment--2col-balanced-image-right__text h2{font-size:2.4rem;font-weight:400;line-height:2.8rem;margin-top:0;color:#222}.segment--2col-balanced-image-right__text h3{font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:0;color:#444}.segment--2col-balanced-image-right__text h3:after{content:" ";width:20%;border-bottom:5px solid #93b2da;display:block;margin:3rem 0}.segment--2col-balanced-image-right__text h4{font-size:1.1rem;font-weight:600;line-height:1.6rem;margin-bottom:.5rem;color:#2f4a6c}.segment--2col-balanced-image-right__text p{margin-top:0;font-size:1rem;color:#666}.segment--2col-balanced-image-right__text blockquote{border-left:none;padding:0;margin:1rem 0 .5rem;color:#444;font-size:1rem;line-height:1.614rem}.segment--2col-balanced-image-right__image{background-color:#5686c5;text-align:center}.segment--2col-balanced-image-right__image img{top:50%;position:absolute;transform:translateY(-50%) translateX(-50%);left:50%;max-width:60%;max-height:80%;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.segment--2col-balanced-image-left{margin:30px 0}.segment--2col-balanced-image-left .segment__wrapper{display:flex}.segment--2col-balanced-image-left .col--6wide{margin:0 1% 0 0;width:49%}.segment--2col-balanced-image-left .col--6wide:nth-child(1){border-radius:5px 0 0 5px;margin:0 0 0 1%}.segment--2col-balanced-image-left__text{background-color:#f8f8f8}.segment--2col-balanced-image-left__text div{padding:5rem}.segment--2col-balanced-image-left__text h2{font-size:2.4rem;font-weight:400;line-height:2.8rem;margin-top:0;color:#373b52}.segment--2col-balanced-image-left__text h3{font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:0;color:#5b6279}.segment--2col-balanced-image-left__text h3:after{content:" ";width:20%;border-bottom:5px solid #b6c2d9;display:block;margin:3rem 0}.segment--2col-balanced-image-left__text h4{font-size:1.1rem;font-weight:600;line-height:1.6rem;margin-bottom:.5rem;color:#373b52}.segment--2col-balanced-image-left__text p{margin-top:0;font-size:1rem;color:#666}.segment--2col-balanced-image-left__text blockquote{border-left:none;padding:0;margin:1rem 0 .5rem;color:#444;font-size:1rem;line-height:1.614rem}.segment--2col-balanced-image-left__image{background-color:#b6c2d9;text-align:center}.segment--2col-balanced-image-left__image img{top:50%;position:absolute;transform:translateY(-50%) translateX(-50%);left:50%;max-width:60%;max-height:80%;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.segment--header+.segment--2col-balanced-image-left{margin-top:-60px}.segment--header+.segment--2col-balanced-image-left .segment__wrapper:before{width:auto !important;margin-left:0}@media only screen and (max-width:1024px){.segment--2col-balanced-fat div{margin-left:10%;width:85%}.segment--2col-balanced-fat h2{font-size:3.5rem;line-height:3.5rem}.segment--2col-balanced-thin div{max-width:90%;margin-left:5%}.segment--2col-balanced-thin h3{font-size:1.5rem;margin-bottom:1rem !important}}@media only screen and (max-width:640px){.segment--2col-balanced{margin:30px 0}.segment--2col-balanced .segment__wrapper{display:block;align-items:left}.segment--2col-balanced-fat div{width:100%;margin-left:0}.segment--2col-balanced-fat h2{width:100%;font-size:2.4rem;line-height:2.6rem;letter-spacing:normal}.segment--2col-balanced-fat p{width:100%;font-size:1rem;color:#3e5273}.segment--2col-balanced-thin{border-left:none;width:48.99%;padding:0 5%}.segment--2col-balanced-thin div{max-width:100%;margin-left:0}.segment--2col-balanced-thin h3{font-size:1.2rem;margin-top:0;letter-spacing:normal}.segment--2col-balanced-thin p{width:100%;font-size:1rem;color:#3e5273}.segment--header+.segment--2col-balanced-image-left{margin-top:0}.segment--2col-balanced-image-left{margin:0;padding:0}.segment--2col-balanced-image-left .segment__wrapper{display:block}.segment--2col-balanced-image-left .col--6wide{width:90% !important}.segment--2col-balanced-image-left__text{border-radius:0}.segment--2col-balanced-image-left__text div{padding:2rem 0}.segment--2col-balanced-image-left__text h2{font-size:2rem;line-height:2.4rem}.segment--2col-balanced-image-left__image{border-radius:0 !important;margin:0 !important}.segment--2col-balanced-image-left__image img{position:relative;top:auto;transform:none;left:auto;max-width:80%;max-height:100%;margin:20px 0}.segment--2col-balanced-image-right{margin:0;padding:0}.segment--2col-balanced-image-right .segment__wrapper{display:block}.segment--2col-balanced-image-right .col--6wide{width:90% !important}.segment--2col-balanced-image-right__text{border-radius:0}.segment--2col-balanced-image-right__text div{padding:2rem 0}.segment--2col-balanced-image-right__text h2{font-size:2rem;line-height:2.4rem}.segment--2col-balanced-image-right__image{border-radius:0 !important;margin:0 !important}.segment--2col-balanced-image-right__image img{position:relative;top:auto;transform:none;left:auto;max-width:80%;max-height:100%;margin:20px 0}}.segment--2-box:before{content:"";position:absolute;width:100%;height:300px;background-color:#f5f6fa;margin-top:80px}.segment--2-box .col{background-color:#376bb4;border-bottom:14px solid #224370;box-shadow:-3px -3px 10px 3px rgba(100,100,100,.1);text-align:center;padding:50px 0;min-height:350px}.segment--2-box .col h2{color:#fff;font-size:2rem;font-weight:800}.segment--2-box .col p{color:#fff;margin:1rem 100px;line-height:1.6rem}.segment--2-box .col p:last-child{margin-bottom:0}.segment--2-box .col:first-child{background-color:#fff;border-bottom-color:#376bb4}.segment--2-box .col:first-child h2{color:#3b536f}.segment--2-box .col:first-child p{color:#3b536f}.segment--2-box .col a{color:#fff;text-decoration:none;border:3px solid #fff;border-radius:32px;padding:15px 50px;margin-top:1rem;text-transform:uppercase;font-size:.9rem;font-weight:600;display:inline-block;transition:.2s all ease-in-out}.segment--2-box .col a:hover{background-color:#fff;color:#3567ac}.segment--2-box .col:first-child a{color:#346db4;border-color:#346db4}.segment--2-box .col:first-child a:hover{background-color:#346db4;color:#fff}.segment--2-box .col:nth-child(2) div{position:absolute}.segment--2-box .col:nth-child(2):before{content:"";background-color:#3d74b7;clip-path:polygon(102% 0%,130% 0%,95% 100%,67% 100%);width:100%;height:100%;position:absolute;top:0;right:0;z-index:0}@media only screen and (max-width:1024px){.segment--2-box .col p{margin:1rem 30px}}@media only screen and (max-width:640px){.segment--2-box .col{padding:50px 5%}.segment--2-box .col:first-child{border-bottom:none}.segment--2-box .col:nth-child(2) div{position:relative}.segment--2-box .col p{margin:1rem 2.5%}}.segment--3-grey-boxes{padding:80px 0}.segment--3-grey-boxes .col{background-color:#f5f6fa;text-align:center;padding:50px 0}.segment--3-grey-boxes .col h3{color:#3b536f;font-size:1.5rem;font-weight:800;margin-bottom:.3rem}.segment--3-grey-boxes .col p{color:#3b536f;margin:0 70px;font-size:1rem;line-height:1.6rem}.segment--3-columns .col{text-align:center}.segment--3-columns .col .clutch-widget{margin:0 25% !important;text-align:center;padding-top:40px}.segment--3-image-boxes{padding:80px 0;background-color:#f5f6fa}.segment--3-image-boxes .col{background-color:#fff;text-align:center;padding:0 0 50px}.segment--3-image-boxes .col h3{color:#3c536f;font-size:1.5rem;font-weight:800;margin-bottom:.3rem}.segment--3-image-boxes .col p{color:#3c536f;margin:0 70px;font-size:1rem;line-height:1.6rem}.segment--3-image-boxes .col a{color:#346db4;text-decoration:none;border:3px solid #346db4;border-radius:32px;padding:15px 50px;margin-top:1rem;text-transform:uppercase;font-size:1rem;font-weight:600;display:inline-block;transition:.2s all ease-in-out}.segment--3-image-boxes .col a:hover{color:#fff;background-color:#346db4}.segment--mid-page-heading-blue+.segment--3-image-boxes{padding-top:0}@media only screen and (max-width:1024px){.segment--3-grey-boxes .col p{margin:0 20px}.segment--3-image-boxes .col p{margin:0 20px}}@media only screen and (max-width:640px){.segment--3-image-boxes .col{padding:0 5% 20px}.segment--3-grey-boxes{padding:30px 0}.segment--3-grey-boxes .col{padding:50px 0;margin:20px 5%}}.segment--call-to-action{text-align:center;padding:100px 0}.segment--3-columns+.segment--call-to-action{padding-top:0}.segment--header+.segment--call-to-action{padding:30px 0}.segment--call-to-action h3{text-transform:uppercase;color:#346db4;font-weight:800;font-size:1.1rem;margin-bottom:0}.segment--call-to-action h2{color:#414a59;font-weight:800;font-size:2.5rem;margin:0}.segment--call-to-action p{margin:0}.segment--call-to-action a{color:#346db4;text-decoration:none;border:3px solid #346db4;border-radius:32px;padding:15px 50px;margin-top:1rem;text-transform:uppercase;font-size:1rem;font-weight:600;display:inline-block;transition:.2s all ease-in-out}.segment--call-to-action a:hover{color:#fff;background-color:#346db4}@media only screen and (max-width:640px){.segment--call-to-action .segment__wrapper{text-align:center !important;padding-top:50px}.segment--call-to-action h3{line-height:1.4rem;font-size:1rem;font-weight:600;margin-bottom:1rem}.segment--call-to-action h2{margin-bottom:.5rem}}.segment--image-grid-4{margin-top:-20px;margin-bottom:50px}.segment--image-grid-4 .col--3wide{height:50px;padding-top:50px}.segment--image-grid-4 img{max-height:100%;max-width:50% !important;margin:0 0 0 50%;transform:translateX(-50%) translateY(-50%);transition:transform .2s}.segment--image-grid-4+.segment--image-grid-4{padding-top:0;margin-top:-50px}.segment--image-grid-4 img:hover{transform:translateX(-50%) translateY(-50%) scale(1.4);transition:transform .2s}@media only screen and (max-width:640px){.segment--image-grid-4 .col--3wide{width:39% !important;display:inline-block}.segment--image-grid-4 img{max-width:60% !important}}.segment--header{overflow:hidden;min-height:300px;position:relative;text-align:center;padding-top:150px;background:#316cb9}.segment--header h1{color:#fff;font-weight:800;font-size:4rem;letter-spacing:-.05rem;line-height:4rem;margin:3.5rem 0 1.5rem}.segment--header p{padding:0;margin:0 0 1rem;color:#fff;font-size:1.1rem}.segment--header p a{color:#fff}.segment--header .diagonal{width:55%;height:100%;display:block;position:absolute;top:0;left:5%;transform:skewX(-25deg);background:#5686c5}.segment--header .corner{width:50%;height:100%;display:block;position:absolute;top:0;left:60%;transform:skewX(-25deg);background:#4379bf}.segment--header--short{min-height:115px;padding-top:0}.segment--header--short .corner{right:-34%}.segment--header--image{background-size:cover;background-position:center center}.segment--header--image:before{content:" ";background:rgba(43,84,152,.3);margin-top:-150px;width:100%;height:100%;display:block;position:absolute}.segment--header--image .diagonal{width:134%;height:100%;display:block;position:absolute;top:0;left:0;transform:skewX(-86deg);transform-origin:top left;background:#2d589f;background:linear-gradient(0deg,rgba(45,88,159,.8) 0%,rgba(45,88,159,.9) 80%)}.segment--header--image .corner{background:rgba(88,144,196,.4)}.segment--header--image .backgroundimage{display:none}.segment--header+.segment .segment__wrapper:before{content:" ";display:block;position:relative;margin-top:-80px;background:#fff;height:50px;width:calc(100% + 50px);margin-left:-50px}.segment--header--image+.segment .segment__wrapper:before{display:none}.segment--mid-page-heading{padding:50px 0;position:relative;margin-top:50px}.segment--mid-page-heading:before{content:" ";display:block;width:100%;height:3px;font-size:0;line-height:0;position:absolute;top:0;left:0;z-index:1000;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07),0 32px 32px rgba(0,0,0,.07)}.segment--mid-page-heading h2{color:#3b536f;font-size:3rem;font-weight:800;line-height:2.8rem;text-align:center}.segment--mid-page-heading h2 strong{color:#376bb4;font-weight:800}.segment--mid-page-heading p{width:50%;margin:0 auto;text-align:center}.segment--mid-page-heading-blue{background-color:#f5f6fa;margin-top:0}.segment--mid-page-heading-blue:before{display:none}@media only screen and (max-width:640px){.segment--header{padding-top:0;min-height:0}.segment--header h1{font-size:3rem;line-height:3rem}.segment--header .diagonal{display:none}.segment--header .corner{display:none}.segment--header+.segment .segment__wrapper:before{margin-top:0;width:100%;box-shadow:none}.segment--header--image{min-height:200px}.segment--header--image:before{display:none}.segment--mid-page-heading h2{text-align:center;font-size:2.8rem}.segment--mid-page-heading p{width:100%}}.form__column--wide label{width:calc(20% - 14px)}.form__column--wide textarea{min-height:226px;width:calc(80% - 8px)}.form__column--wide .checkboxdiv label{width:calc(70% - 14px);margin-left:19%}.button--remove{background-color:#f13333}.button--pictosicon{font-family:Pictos}.button--removepictosicon{background:0 0;color:#f13333}.button--removeslim{padding:8px 20px}.button--smallfont{font-size:.9rem}.form--double-border{border:2px solid #ccc;border-width:20px 0;padding:20px 0}.form--contact{background-color:#f5f6fa;padding:30px}.form--register .checkboxdiv{width:60%;margin-left:40%}.form--register table{margin-left:calc(40%);width:60% !important;border-color:#eee}.form--register table td{width:50%;padding:0}.form--register table td label{width:100%;text-align:left}.form--register table td:first-child{text-align:right;padding-right:20px}.form--groups{width:100%}.form--groups fieldset{width:100%}.form--groups .form__column{width:100%}.form--groups .table--groups-list{width:100%}.form--groups .table--groups-list th:first-child{text-align:right;padding-right:calc(10% - 15px)}.form__label{width:auto;text-align:left;padding-left:0;margin:0;display:inline-block}.form__input{width:calc(100% - 14px);text-align:left;margin:0 0 1rem;border:none}.form__textarea{width:calc(100% - 14px);text-align:left;margin:0 0 1rem;height:10rem;border:none}.form input[type=checkbox]{text-align:right;width:auto;display:block}.form__button{width:100% !important;text-transform:uppercase;font-weight:800;float:none;font-family:"Open Sans",sans-serif;display:block;color:#fff;text-align:center;background-color:#316cb9;padding:20px;border:none;font-size:1.3rem;text-decoration:none}.form__section{margin-bottom:40px;padding-bottom:20px;display:flex;flex-flow:row wrap;box-shadow:-1px 5px 15px -5px #888}.form__section--padded{padding:10px 20px}.form__section--flex{display:flex;flex-flow:row wrap}.form__header{color:#fff;font-size:1.5rem;font-weight:400;flex-basis:100%;background-color:#1d9eda;padding:10px 20px;margin:0 0 10px}.form__para{padding:10px 20px;margin:0 0 10px}.form--public-solutions-search{padding:0 0 50px;z-index:1000}.form--public-solutions-search legend{display:none}.form--public-solutions-search label{display:none}.form--public-solutions-search select{width:33%;padding:0 0 0 20px;height:60px;text-align:left;font-weight:500;font-size:1.2rem}.form--public-solutions-search select{font-family:'apple',Arial,Helvetica;width:calc(33% - 22px);color:#324154;border:none;cursor:pointer;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/chevron-down.svg') 96%/15% no-repeat #e6edf5;background-size:35px}.form--public-solutions-search .tab{display:inline-block;width:100%}.form--public-solutions-search .searchbutton{display:inline-block;display:none}.form--public-solutions-search .clear-search-link{display:none}.input-container--zoomy{display:block;width:100%;position:relative;padding-top:10px}.input-container--zoomy label{font-size:.95rem;position:absolute;top:8px;left:5px;transition:transform .3s,font-size .3s;cursor:text}.input-container--zoomy label.focus{font-size:.7rem;top:0;transform:translate3d(0,-15px,0)}.input-container--zoomy label.not-empty{font-size:.7rem;top:0;transform:translate3d(0,-15px,0)}.form__p--recaptcha{color:#9c9c9c;margin:40px 0 10px}.form__a--recaptcha{color:#9c9c9c}@media only screen and (max-width:640px){.form__button{width:100% !important}}@keyframes fadein{0%{opacity:0}25%{opacity:0}75%{opacity:1}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}25%{opacity:1}75%{opacity:0}100%{opacity:0}}@keyframes fadeinout{0%{opacity:1}33%{opacity:1}66%{opacity:0}100%{opacity:0}}@keyframes turnoff{0%{transform:scale(1)}33%{transform:scale(1.2)}100%{transform:scale(0)}}@keyframes turnon{0%{transform:scale(0)}66%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes clicked{0%{transform:scale(1)}66%{transform:scale(.95)}100%{transform:scale(1)}}.segment--infographic-flow{padding:30px 0 80px}.segment--infographic-flow .col--2wide{width:18%;margin-left:-3%}.segment--infographic-flow .col--2wide:first-child{margin-left:1%}.segment--infographic-flow .col--2wide .text{box-shadow:-1px 5px 15px -2px rgba(0,0,0,.3);padding:20px 0;text-align:center;height:175px}.segment--infographic-flow .col--2wide .text h3{font-size:20px;margin:10px 20px;color:#3b5473}.segment--infographic-flow .col--2wide .text p{font-size:14px;margin:0 20px}.segment--infographic-flow .col--2wide .icon{margin:-20px auto 0 auto;text-align:center}.segment--infographic-flow .col--2wide:nth-child(odd){margin-top:220px}.segment--infographic-flow .col--2wide:nth-child(odd) .icon{position:absolute;top:-20px;left:50%;margin-left:-30px}.segment--infographic-flow .col--2wide:nth-child(odd):before{content:" ";display:block;border:7px solid #325f9a;width:85px;height:100px;position:absolute;left:100%;border-width:0 7px 7px 0}.segment--infographic-flow .col--2wide:nth-child(even):before{content:" ";display:block;border:7px solid #325f9a;width:88px;height:100px;position:absolute;left:100%;border-width:7px 7px 0 0;top:50%}.segment--infographic-flow .col--2wide:nth-child(2):before{border-color:#ae527b}.segment--infographic-flow .col--2wide:nth-child(3):before{border-color:#fc823f}.segment--infographic-flow .col--2wide:nth-child(4):before{border-color:#5eced0}.segment--infographic-flow .col--2wide:nth-child(5):before{border-color:#9ecbec}.segment--infographic-flow .col--2wide:nth-child(6):before{border:none;width:0;height:0}.segment--infographic-flow--frontend .col--2wide{opacity:0}.js-infographic-flow-appear{animation-duration:1.5s;animation-delay:0s;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-name:anim-infographic-appear}.js-infographic-flow-appear-0{animation-delay:0s}.js-infographic-flow-appear-1{animation-delay:1s}.js-infographic-flow-appear-2{animation-delay:2s}.js-infographic-flow-appear-3{animation-delay:3s}.js-infographic-flow-appear-4{animation-delay:4s}.js-infographic-flow-appear-5{animation-delay:5s}@keyframes anim-infographic-appear{from{opacity:0}to{opacity:1}}@media only screen and (max-width:640px){.segment--infographic-flow{padding:0}.segment--infographic-flow .col--2wide:before{display:none !important}.segment--infographic-flow .col--2wide{margin-left:0}.segment--infographic-flow .col--2wide:first-child{margin-left:0}.segment--infographic-flow .col--2wide:nth-child(odd){margin-top:50px}.segment--infographic-flow .col--2wide:nth-child(2n+1) .icon{margin-left:-32px}}.segment--infographic-arrows-across{padding:100px 0}.segment--infographic-arrows-across .col--2wide{width:18%;margin-left:-3%}.segment--infographic-arrows-across .col--2wide:first-child{margin-left:1%}.segment--infographic-arrows-across .col--2wide .text{padding:0 0 30px;text-align:center;height:110px}.segment--infographic-arrows-across .col--2wide .text h3{font-size:1.2rem;margin:10px 20px;color:#3b5473}.segment--infographic-arrows-across .col--2wide .text p{font-size:.9rem;margin:0 20px}.segment--infographic-arrows-across .col--2wide .icon{margin:10px auto 0px auto;text-align:center}.segment--infographic-arrows-across .col--2wide .icon img{max-height:66px;max-width:66px}.segment--infographic-arrows-across .col--2wide:nth-child(even){margin-top:231px}.segment--infographic-arrows-across .col--2wide:nth-child(odd){border-bottom:40px solid #325f9a}.segment--infographic-arrows-across .col--2wide:nth-child(even){border-top:40px solid #325f9a;padding-top:20px}.segment--infographic-arrows-across .col--2wide:nth-child(2){border-color:#376bb4}.segment--infographic-arrows-across .col--2wide:nth-child(3){border-color:#ae527b}.segment--infographic-arrows-across .col--2wide:nth-child(4){border-color:#fc823f}.segment--infographic-arrows-across .col--2wide:nth-child(5){border-color:#5eced0}.segment--infographic-arrows-across .col--2wide:nth-child(6){border-color:#9ecbec}.segment--infographic-arrows-across .col--2wide:after{content:"";position:absolute;right:-15px;z-index:1000;width:0;height:0;border:20px solid #325f9a;position:absolute;border-bottom-color:transparent;border-top-color:transparent;border-right-color:transparent}.segment--infographic-arrows-across .col--2wide:nth-child(even):after{top:-40px}.segment--infographic-arrows-across .col--2wide:nth-child(6):after{display:none}.segment--infographic-arrows-across .col--2wide:nth-child(2):after{border-left-color:#376bb4}.segment--infographic-arrows-across .col--2wide:nth-child(3):after{border-left-color:#ae527b}.segment--infographic-arrows-across .col--2wide:nth-child(4):after{border-left-color:#fc823f}.segment--infographic-arrows-across .col--2wide:nth-child(5):after{border-left-color:#5eced0}.segment--infographic-arrows-across .col--2wide:nth-child(6):after{border-left-color:#9ecbec}.segment--infographic-arrows-across .col--2wide:before{content:"1";position:absolute;width:100%;color:#fff;bottom:-40px;font-size:2rem;font-weight:800;text-align:center;z-index:1002}.segment--infographic-arrows-across .col--2wide:nth-child(even):before{top:-44px}.segment--infographic-arrows-across .col--2wide:nth-child(2):before{content:"2"}.segment--infographic-arrows-across .col--2wide:nth-child(3):before{content:"3"}.segment--infographic-arrows-across .col--2wide:nth-child(4):before{content:"4"}.segment--infographic-arrows-across .col--2wide:nth-child(5):before{content:"5"}.segment--infographic-arrows-across .col--2wide:nth-child(6):before{content:"6"}.segment--infographic-arrowsacross--frontend .col--2wide div{opacity:0}.js-infographic-arrowsacross-appear{animation-duration:1.5s;animation-delay:0s;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-name:anim-infographic-appear}.js-infographic-arrowsacross-appear-0{animation-delay:0s}.js-infographic-arrowsacross-appear-1{animation-delay:1s}.js-infographic-arrowsacross-appear-2{animation-delay:2s}.js-infographic-arrowsacross-appear-3{animation-delay:3s}.js-infographic-arrowsacross-appear-4{animation-delay:4s}.js-infographic-arrowsacross-appear-5{animation-delay:5s}@media only screen and (max-width:640px){.segment--infographic-arrows-across{display:none}}.segment--flipchart{text-align:right;padding:80px 0}.segment--flipchart h2{color:#376bb4;font-size:2.5rem;font-weight:800;line-height:2.8rem;margin-top:8rem;margin-right:100px}.segment--flipchart h2 strong{color:#3b536f;font-weight:800}.segment--flipchart p{line-height:1.8rem;font-size:1rem;color:#3e5273;margin-right:100px}.segment--flipchart-left{text-align:left}.segment--flipchart-left h2{margin-left:0;margin-right:0}.segment--flipchart-left p{margin-left:0;margin-right:0}.flipchart--enabled{min-height:400px}.flipchart--enabled .flipchart-image-wrapper{position:absolute;opacity:1;border:20px solid #fafafa;border-radius:10px;transform-origin:bottom center;box-shadow:1px 1px 5px 0 rgba(26,26,67,.05),12px 20px 125px -25px rgba(50,50,93,.25),18px 20px 75px -37.5px rgba(0,0,0,.2);background-size:cover;width:80%;height:300px;margin-left:-10%}.flipchart--enabled .flipchart-image-front{z-index:3;transform:translate(50px,50px) perspective(2038px) rotateY(-33deg) rotateX(2deg) scale(1)}.flipchart--enabled .flipchart-image-middle{z-index:2;transform:translate(100px,30px) perspective(2038px) rotateY(-33deg) rotateX(2deg) scale(.9)}.flipchart--enabled .flipchart-image-back{z-index:1;transform:translate(150px,15px) perspective(2038px) rotateY(-33deg) rotateX(2deg) scale(.8)}.flipchart--enabled .flipchart-image-hidden{z-index:0;transform:translate(150px,15px) perspective(2038px) rotateY(-33deg) rotateX(2deg) scale(.8);opacity:0}.flipchart--enabled .flipchart-image-flip-off{z-index:3;transform:translate(50px,50px) perspective(2038px) rotateY(-33deg) rotateX(-80deg) scale(1);opacity:0}.flipchart__number{background-color:#e65c00;color:#fff;display:block;position:absolute;top:-40px;left:50%;margin-left:-20px;width:20px;height:20px;padding:5px 10px 10px 9px;font-weight:400;text-align:center;border-radius:50%}.flipchart--enabled .flipchart-image-wrapper:nth-child(2) .flipchart__number{background-color:#0bc9cd}.flipchart--enabled .flipchart-image-wrapper:nth-child(3) .flipchart__number{background-color:#2ba931}.flipchart--enabled .flipchart-image-wrapper:nth-child(4) .flipchart__number{background-color:#fb3640}.flipchart--enabled.flipchart--left .flipchart-image-wrapper{box-shadow:1px 1px 5px 0 rgba(26,26,67,.05),-12px 20px 125px -25px rgba(50,50,93,.25),-18px 20px 75px -37.5px rgba(0,0,0,.2)}.flipchart--enabled.flipchart--left .flipchart-image-front{transform:translate(50px,50px) perspective(2038px) rotateY(33deg) rotateX(2deg) scale(1)}.flipchart--enabled.flipchart--left .flipchart-image-middle{transform:translate(0px,30px) perspective(2038px) rotateY(33deg) rotateX(2deg) scale(.9)}.flipchart--enabled.flipchart--left .flipchart-image-back{transform:translate(-50px,15px) perspective(2038px) rotateY(33deg) rotateX(2deg) scale(.8)}.flipchart--enabled.flipchart--left .flipchart-image-hidden{transform:translate(50px,15px) perspective(2038px) rotateY(33deg) rotateX(2deg) scale(.8)}.flipchart--enabled.flipchart--left .flipchart-image-flip-off{transform:translate(50px,50px) perspective(2038px) rotateY(33deg) rotateX(-80deg) scale(1)}@media only screen and (max-width:640px){.segment--flipchart{overflow-x:hidden;padding:20px 0}.flipchart--enabled{padding-bottom:20px}.segment--flipchart h2{margin-top:0;margin-right:0}.segment--flipchart p{margin-right:0}}.segment--need-software{text-align:left;position:relative;z-index:10}.segment__wrapper--need-software{position:relative;overflow:hidden;box-shadow:-5px -10px 25px rgba(255,255,255,.2)}.segment--need-software__box{padding:0 20px 0 100px;width:calc(31.33% - 120px);margin:0;background-color:#eee;color:#2a4a73;height:151px;position:absolute;left:0;top:0;z-index:100000}.segment--need-software__box:nth-child(2){top:151px;border-top:1px solid #fff}.segment--need-software__box:nth-child(3){top:302px;border-top:1px solid #fff}.segment--need-software__box img:nth-child(2){display:none}.segment--need-software__box--active{cursor:pointer}.segment--need-software__box--selected{background:#2a4a73;color:#fff}.segment--need-software__box--selected img:nth-child(1){display:none}.segment--need-software__box--selected img:nth-child(2){display:block}.segment--need-software__box h3{color:inherit;font-size:1.5rem;margin:45px 0 0;line-height:1.8rem;font-weight:800;letter-spacing:-.02rem}.segment--need-software__box p{color:inherit;font-size:1.05rem;margin:0;display:none}.segment--need-software__box img{height:60px;position:absolute;left:20px;top:45px}.segment--need-software__info{background-color:#315585;margin:0;width:48.77%;padding:30px 8% 0 43.33%;min-height:420px}.segment--need-software__info--hidden{display:none !important}.segment--need-software__info h3{color:#fff;font-size:2.6rem;font-weight:800;line-height:2.9rem;letter-spacing:-.1rem;margin-bottom:2rem}.segment--need-software__info p{color:#fff;font-size:1.1rem;line-height:1.75rem}.segment--need-software__info ul{list-style:none;margin:0;padding:0}.segment--need-software__info ul li{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 8px}.segment--need-software__info a{color:#fff;text-decoration:none;border:3px solid #fff;border-radius:32px;padding:15px 50px;margin-top:1rem;text-transform:uppercase;font-size:1rem;font-weight:600;display:inline-block;transition:.2s all ease-in-out}.segment--need-software__info a:hover{color:#315585;background-color:#fff}.down-arrow{display:block;position:absolute;z-index:10;bottom:50px;right:-25px;width:0;height:0;border-bottom:25px solid transparent;border-top:25px solid transparent;border-left:25px solid #2a4a73}.down-arrow--hidden{display:none}.segment--header-image-full-width+.segment--need-software{margin-top:-121px;margin-bottom:50px}.segment--need-software__info+.segment--need-software__info{display:none}.segment--need-software--active .segment--need-software__info+.segment--need-software__info{display:block}@media only screen and (max-width:640px){.segment--header-image-full-width+.segment--need-software{margin-bottom:0}.segment--need-software__box{width:calc(100% - 100px) !important;display:none}.segment--need-software__info h3{font-size:2rem;line-height:2.5rem}.segment--need-software__info{display:block;padding:20px 5%;margin-top:20px;width:90% !important}.segment--need-software__info:after{display:none}.segment--need-software__info__left{width:100%;padding:0;text-align:center}.segment--need-software__info__left h3{font-size:1.8rem;line-height:2.2rem}.segment--need-software__info__right{width:100%;padding:0;margin:0;text-align:center}.segment--need-software__info a{width:100%;padding:15px 0;text-align:center}}.segment--testimonial{height:570px;width:100%;background-color:#f5f6fa;margin-top:0;margin-bottom:30px;position:relative;overflow:hidden;padding-top:0}.segment--testimonial__wrapper{position:relative;z-index:10;height:370px;overflow:hidden;margin-top:100px;background-color:#fff;box-shadow:-3px -3px 10px 3px rgba(100,100,100,.1)}.segment--testimonial:after{content:"";background-color:rgba(55,108,180,.4);clip-path:polygon(78.5% 0%,115% 0%,39% 173%,36.5% 100%);width:666px;height:100%;position:absolute;top:0;right:0;z-index:1}.segment--testimonial:before{content:"";background-color:rgba(86,149,202,.7);clip-path:polygon(133.5% 0%,166% 0%,39% 138%,36% 100%);width:300px;height:100%;position:absolute;top:0;right:-87px;z-index:1}.segment--testimonial__wrapper .col--12wide{width:100%;margin:0 !important;height:370px}.segment--testimonial .segment--testimonial__wrapper .col--12wide img:first-child{position:absolute;right:55%;clip-path:polygon(0% 0%,94% 0%,100% 3%,82% 100%,0% 100%);transition:clip-path 1s}.segment--testimonial__text img{position:absolute;bottom:-80px;right:20px}.segment--testimonial__text{margin-left:400px;background-color:#fff;width:50%;margin-left:50%;padding-top:50px}.segment--testimonial__text h2{color:#3b536f;font-size:2.6rem;font-weight:600;margin:1rem 0}.segment--testimonial__text p{color:#3b536f;margin:0;line-height:2rem;width:80%;font-weight:400;font-size:1.25rem;font-style:italic;letter-spacing:-.025rem}.segment--testimonial__text a{color:#3567ac;text-decoration:none;border:3px solid #3567ac;border-radius:32px;padding:10px 40px;margin-top:1rem;text-transform:uppercase;font-size:.9rem;font-weight:600;display:inline-block;transition:.2s all ease-in-out}.segment--testimonial__text a:hover{background-color:#3567ac;color:#fff}.segment--testimonial__arrow{cursor:pointer;position:absolute;z-index:1000;top:285px;left:50%;margin-left:590px;width:25px;height:25px;padding:15px;background-color:#fff;box-shadow:0px 1px 15px rgba(0,0,0,.2)}.segment--testimonial__arrow--left{position:absolute;left:50%;margin-left:-645px}.segment--testimonial-item{display:none}.segment--testimonial-item img{opacity:0}.segment--testimonial-item .segment--testimonial__text{opacity:0}.segment--testimonial-item--previous img{opacity:1;animation:fadeout 1.25s cubic-bezier(.455,.03,.515,.955) -.4s !important;animation-fill-mode:forwards}.segment--testimonial-item--previous .segment--testimonial__text{opacity:1;animation:fadeout 1.25s cubic-bezier(.455,.03,.515,.955) -.1s !important;animation-fill-mode:forwards}.segment--testimonial-item--current{display:block}.segment--testimonial-item--current img{opacity:1;animation:fadein 2.25s cubic-bezier(.455,.03,.515,.955) -.4s;animation-fill-mode:forwards}.segment--testimonial-item--current .segment--testimonial__text{opacity:1;animation:fadein 2.25s cubic-bezier(.455,.03,.515,.955) -.1s;animation-fill-mode:forwards}.segment--testimonial-logo-holder{width:100%;text-align:center;padding-top:40px;position:absolute;z-index:100}.segment--testimonial-logo-holder img{display:inline-block;clip-path:none !important;position:relative !important;left:auto !important;margin:0 25px;max-width:130px;max-height:70px;vertical-align:middle}.segment--testimonial-logo{cursor:pointer}.segment--testimonial+.segment--testimonial{display:none}.segment--testimonial-full-width{background-color:#d8315b;padding:60px}.segment--testimonial-full-width blockquote{color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.1);font-size:2rem;border:none;padding:0;font-family:Georgia,serif;line-height:2.5rem;display:block;width:70%;margin:0 auto;text-align:center}.segment--testimonial-full-width p{color:#fff;text-transform:uppercase;font-weight:800;margin:2rem auto 0 auto;width:70%;text-align:center;text-shadow:2px 2px 2px rgba(0,0,0,.1)}.segment--testimonial-full-width+.segment--mid-page-heading{margin-top:0;padding-top:30px}.segment--testimonial-full-width+.segment--mid-page-heading:before{display:none}@media only screen and (max-width:1024px){.segment--testimonial__wrapper{width:90%}.segment--testimonial__arrow{margin-left:43%}.segment--testimonial__arrow--left{margin-left:-49%}.segment--testimonial__text p{font-size:1.1rem;line-height:1.8rem}}@media only screen and (max-width:640px){.segment--testimonial{height:auto;background-color:transparent}.segment--testimonial__wrapper{height:auto;margin-top:0;padding-top:20px;background-color:#f5f6fa}.segment--testimonial__wrapper .col--12wide{height:auto;min-height:600px}.segment--testimonial .segment--testimonial__wrapper .col--12wide img:first-child{position:relative;right:auto;clip-path:none}.segment--testimonial__text{width:100%;padding:0;margin:0;background-color:transparent}.segment--testimonial__text h2{font-size:1.6rem;text-align:center;line-height:2rem;font-weight:800}.segment--testimonial__text p{width:100%;text-align:center}.segment--testimonial__arrow{display:none}.segment--testimonial-logo-holder{display:none}.segment--testimonial:before{display:none}.segment--testimonial:after{display:none}.segment--testimonial-full-width{padding:40px 20px}.segment--testimonial-full-width blockquote{width:100%;font-size:1.5rem;line-height:2rem}}.header__lines{position:absolute;width:100%;top:-150px;height:50vh;min-height:450px;background-color:#fff;transform:skewY(4deg);transform-origin:bottom right}.header__lines div{position:absolute}.header__lines div:nth-child(1){width:20%;height:20%;top:60%;background-color:#4379bf}.header__lines div:nth-child(2){width:20%;height:20%;top:45%;right:0;background-color:#4379bf}.header__lines div:nth-child(3){width:15%;height:20%;top:77.5%;background-color:#5686c5}.header__lines div:nth-child(4){width:15%;height:20%;top:62.5%;right:0;background-color:#5686c5}.segment--solution-header{text-align:center;padding:80px 0}.segment--solution-header-proper{padding:50px 0}.segment--solution-header--single-line{border-top:none;padding-top:100px;padding-bottom:20px}.segment--solution-header--single-line h2{color:#414a59;font-weight:800;font-size:1.8rem;margin:0 auto;font-weight:600}.segment--solution-header--single-line h2 strong{color:#346db4}.segment--solution-header a{font-size:1.3rem;color:#346db4;text-transform:uppercase;display:block;font-weight:800;text-decoration:none}.segment--solution-header h1{color:#414a59;font-weight:600;font-size:3.2rem;margin:0 auto;max-width:800px;line-height:4rem}.segment--solution-header p{margin:0}.segment--solution-middle{padding:100px 0 80px;overflow:hidden}.segment--solution-middle h2{color:#3b536f;font-size:2rem;font-weight:600;line-height:2.6rem;margin-top:0}.segment--solution-middle h2 strong{color:#376bb4;font-weight:600}.segment--solution-middle p{line-height:1.8rem;font-size:1rem;color:#3e5273}.segment--solution-middle img{position:absolute}.segment-solution-mini-boxes{display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}.segment-solution-mini-boxes .solution-mini-box{align-items:initial;width:31%;min-height:300px;padding:0;border-radius:5px;border-bottom:0;margin-bottom:20px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);transition:transform .1s;overflow:hidden}.segment-solution-mini-boxes .solution-mini-box h3{padding:0 10px;color:#666;margin:.5rem 0 0;font-weight:400;width:calc(100% - 20px);font-size:1.35rem;line-height:2rem;text-align:center}.segment-solution-mini-boxes .solution-mini-box .solution-mini-box__link{position:absolute;width:100%;bottom:0;padding:0;margin:0;color:#414a59;margin-top:0;font-weight:600;text-align:center}.segment-solution-mini-boxes .solution-mini-box .solution-mini-box__link a{color:#fff;text-decoration:none;z-index:2000;position:absolute;left:50%;transform:translateX(-50%);bottom:15px}.segment-solution-mini-boxes .solution-mini-box .solution-mini-box__link:before{content:" ";position:absolute;bottom:0;background-color:#a00;width:100%;height:60px;left:0;border-radius:110% 110% 0 0;padding-bottom:20px}.segment-solution-mini-boxes .solution-mini-box .solution-mini-box__service{text-transform:uppercase;font-size:.7rem;display:block;text-align:center;color:#999;padding-top:20px;margin:0}.segment-solution-mini-boxes .solution-mini-box:nth-child(5n+1) p:before{background-color:#e6c229}.segment-solution-mini-boxes .solution-mini-box:nth-child(5n+2) p:before{background-color:#72a276}.segment-solution-mini-boxes .solution-mini-box:nth-child(5n+3) p:before{background-color:#a480cf}.segment-solution-mini-boxes .solution-mini-box:nth-child(5n+4) p:before{background-color:#f17105}.segment-solution-mini-boxes .solution-mini-box:nth-child(5n+5) p:before{background-color:#c97064}.segment-solution-mini-boxes .solution-mini-box:hover{transform:scale(1.05);transition:transform .1s}.segment-solution-mini-boxes .solution-mini-box:hover .screen{transform:scale(1.3);transition:transform .1s}.segment--solution-images{min-height:320px;background-color:#fff;padding:20px 0;margin-bottom:0;background-color:#4379bf;overflow:hidden !important;border-bottom:10px solid #13315c;position:relative}.segment--solution-images:after{content:" ";display:block;width:100%;background-color:#28587b;height:80%;position:absolute;top:10%;transform:skewY(3deg)}.segment--solution-images .segment__wrapper{position:relative;transform-origin:center;z-index:1001}.solution-image{background-size:cover;background-position:center;position:absolute;border:5px solid #fff;z-index:1002;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11);background-color:#4379bf}.solution-image--1{width:500px;height:350px;top:0;left:40px;border-radius:10px}.solution-image--2{width:160px;height:310px;top:175px;left:1020px;border-radius:10px;border:none;background-position:top center;border:8px solid #eee;border-bottom-width:14px;border-top-width:12px}.solution-image--2:before{content:" ";width:5px;height:5px;display:block;background-color:#222;position:absolute;top:-8px;left:50%;margin-left:-2.5px;z-index:10000;border-radius:50%}.solution-image--2:after{content:" ";width:40%;height:2px;display:block;background-color:#222;position:absolute;bottom:-8px;left:30%;z-index:1000}.solution-image--3{width:400px;height:310px;top:100px;left:570px;border-radius:10px;border:none;background-size:contain;background-position:top center;border:8px solid #eee;border-left-width:14px;border-right-width:12px}.solution-image--3:before{content:" ";width:5px;height:5px;display:block;background-color:#222;position:absolute;right:-8px;top:50%;margin-top:-2.5px;z-index:10000;border-radius:50%}.solution-image--3:after{content:" ";height:30%;width:2px;display:block;background-color:#222;position:absolute;left:-8px;top:35%;z-index:900}.segment--solution-images+.segment-solution-mini-boxes{padding-top:0 !important}.segment--solution-images+.segment-solution-mini-boxes h2{border-top:none}.screen{width:120px;position:absolute;bottom:50px;left:50%;margin-left:-60px;border:2px solid #fff;-webkit-background-clip:content-box;transition:.2s transform cubic-bezier(.215,.61,.355,1);transform-origin:bottom center;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}.screen__browser{font-size:1rem;text-align:center;color:#888;width:100%;min-height:80px;border-top:10px solid #fff;background:#444;border-radius:4px;border-radius:0;background-size:cover;background-position:top center}.screen__circle{width:4px;height:4px;position:absolute;left:5px;top:3px;background-color:#999;border-radius:50%;background-color:#a6c8e2}.screen__circle:nth-child(2){left:11px;background-color:#5395ca}.screen__circle:nth-child(3){left:17px;background-color:#316cb9}.screen__address-bar{border:2px solid #e6ebf1;height:2px;background-color:#4b5a79;width:30%;position:absolute;top:3px;left:33%}.screen__tab{display:none}.segment-solution-mini-boxes .solution-mini-box.fade-out{opacity:0;transition:opacity .2s}.segment-solution-mini-boxes h2{color:#376cb4 !important;font-size:1.6rem;font-weight:900;margin-bottom:3.5rem;text-align:center;border-top:20px solid #e2e9f0;padding-top:2rem}.segment-solution-mini-boxes h2 span{color:#3c5470 !important}.big-screen{width:calc(90% - 32px);border:16px solid #222;border-top-width:25px;border-width-bottom:8px;background-color:#ddd;-webkit-background-clip:content-box;transition:.2s transform cubic-bezier(.215,.61,.355,1);transform-origin:bottom center;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);border-radius:12px;margin-left:10%}.big-screen__browser{font-size:1rem;text-align:center;color:#888;width:100%;min-height:350px;background:#5686c5;border-radius:0;background-size:cover;background-position:top center}.big-screen__circle{width:10px;height:10px;position:absolute;left:55%;margin-left:-5px;top:8px;background-color:#eee;border-radius:50%}.big-screen__circle:nth-child(2){position:absolute;top:380px;left:5%;width:100%;border-radius:0 0 16px 16px;background-color:#222;height:20px;margin-left:0}.big-screen__circle:nth-child(3){display:none}.big-screen__address-bar{border:4px solid #fff;background-color:#4b5a79;width:30%;position:absolute;left:33%;border-radius:2px}@media only screen and (max-width:1280px){.segment--solution-header h1{max-width:60%}}@media only screen and (max-width:1024px){.segment--solution-header h1{font-size:2.7rem;line-height:3.5rem}.segment-solution-mini-boxes .solution-mini-box h3{font-size:1.25rem;line-height:1.7rem}.big-screen__browser{min-height:250px}.big-screen__circle:nth-child(2){top:280px}.solution-image--1{width:400px;height:280px;top:60px}.solution-image--2{width:110px;height:210px;left:830px}.solution-image--3{width:300px;height:210px;top:120px;left:470px}.segment--solution-images+.segment-solution-mini-boxes{padding-top:0 !important}.segment--solution-images+.segment-solution-mini-boxes h2{border-top:none}}@media only screen and (max-width:640px){.header__lines div:nth-child(1){height:10%;top:45%}.header__lines div:nth-child(2){height:10%;top:45%;right:0}.header__lines div:nth-child(3){height:10%;top:52.5%}.header__lines div:nth-child(4){height:10%;top:52.5%;right:0}.page--solutions .block--header{background-color:transparent}.page--web-softwaresolutions .block--header{background-color:transparent}.page--website-designsolutions .block--header{background-color:transparent}.page--solutions .block--header{background-color:transparent}.segment--solution-header{padding:40px 0 0}.segment--solution-header h1{max-width:100%;text-align:center;line-height:2rem;font-size:1.6rem;max-width:70%;font-weight:800;margin-bottom:2rem;letter-spacing:-.05rem}.segment--solution-header p{text-align:center}.segment--solution-header a{text-align:center;font-size:1rem}.segment--solution-middle{padding-top:0}.big-screen{margin-left:5%;margin-top:4rem}.big-screen__browser{min-height:150px}.big-screen__circle{left:50%}.big-screen__circle:nth-child(2){top:180px;left:2.5%;width:95%;height:15px}.solution-image--1{position:relative;width:calc(90% - 10px);margin:0 5%;height:280px;top:auto;left:auto;margin-bottom:2rem}.solution-image--2{position:relative;width:calc(40% - 16px);margin:0 30%;height:280px;top:auto;left:auto;margin-bottom:2rem}.solution-image--3{position:relative;width:80%;margin:0 5%;height:200px;top:auto;left:auto}.segment-solution-mini-boxes{padding-top:0}.segment-solution-mini-boxes h2{width:90%;padding:2rem 5% 0;line-height:2rem}.segment-solution-mini-boxes .solution-mini-box{margin:2rem 5% 0}}.segment--header-image-full-width{position:relative;height:600px;background-size:cover;background-position:center bottom;display:block;padding-top:200px}.segment--header-image-full-width .backgroundimage{display:none}.segment--header-image-full-width__headline h1{color:#fff;font-weight:800;font-size:4rem;letter-spacing:-.05rem;line-height:4rem;text-align:left;margin:3.5rem 0 1.5rem}.segment--header-image-full-width__headline p{padding:0;margin:0 0 1rem;color:#fff;font-size:1.1rem}.segment--header-image-full-width__headline a{color:#fff;text-decoration:none;border:3px solid #fff;border-radius:32px;padding:15px 50px;margin-top:1rem;text-transform:uppercase;font-size:.8rem;font-weight:600;display:inline-block;transition:.2s all ease-in-out}.segment--header-image-full-width__headline a:hover{background-color:#fff;color:#3567ac}.segment--header-image-full-width__image__incidental-1{width:100px;position:absolute;top:100px;left:20px}.segment--header-image-full-width__image__incidental-2{width:100px;position:absolute;top:100px;right:20px}.segment--header-image-full-width__image__incidental-3{width:100px;position:absolute;top:100px;left:20px}.segment--header-image-full-width__image__incidental-1{width:200px;position:absolute;top:280px;left:50%;margin-left:350px;box-shadow:3px 3px 10px 4px rgba(100,100,100,.2)}.segment--header-image-full-width__image__incidental-2{width:120px;position:absolute;top:580px;left:50%;margin-left:280px;box-shadow:3px 3px 10px 4px rgba(100,100,100,.2)}.segment--header-image-full-width__image__incidental-3{width:60px;position:absolute;top:450px;left:50%;margin-left:-20px;box-shadow:3px 3px 10px 4px rgba(100,100,100,.2)}.spreadsheet-anim{animation:fadein 2s;border-radius:10px;width:100%;height:400px;overflow:hidden;transform:perspective(3000px) rotateY(-30deg) rotateX(3deg) rotate(1deg)}.spreadsheet-anim__slide{width:100%;height:100%;background-color:#fff;display:flex;flex-wrap:wrap;position:absolute}.spreadsheet-anim__ex-header{background-color:#185e36;color:#fff;padding:12px 10px 10px;flex-basis:100%;font-style:italic;text-align:right}.spreadsheet-anim__ex-logo{color:#fff;border:1px solid #fff;position:absolute;left:10px;top:10px;padding:2px 6px;font-weight:800}.cursor{animation:fadeinout 1s infinite;margin-left:-3px}.cell{flex-basis:31%;align-items:initial;border:1px solid #eee;text-align:center;padding:5px 1%;position:relative}.cell-header{text-align:center;background:#c4c4c4;border:1px solid #c4c4c4}.cell--right{text-align:right}.cell--border-top{border-top:2px solid #444}.cell--active{border-color:#666}.cell--error{background-color:#fee}.spreadsheet-anim__error{animation:fadein 1s;position:absolute;top:6px;right:20px;z-index:100;display:block;font-weight:800;display:block;width:20px;background-color:#ff0;border:1px solid #000;transform:rotateZ(45deg)}.spreadsheet-anim__error .spreadsheet-anim__error__point{display:block;transform:rotateZ(-45deg)}.spreadsheet-anim__slide--2{z-index:200;opacity:0;background-color:rgba(100,100,100,.5);display:block}.spreadsheet-anim__slide--2.active{opacity:1;transition:1s opacity}.spreadsheet-anim__slide--2__error-dialog{background-color:#fff;width:calc(60% - 20px);margin:25% 20% 0;padding:10px;text-align:left;box-shadow:0 2.5px 5px -1px rgba(50,50,93,.25),0 1.5px 3px -1.5px rgba(0,0,0,.3);position:relative;border-top:25px solid #888}.spreadsheet-anim__slide--2__error-dialog__close{background-color:#a00;color:#fff;width:30px;height:25px;display:block;position:absolute;top:-25px;right:0;text-align:center}.spreadsheet-anim__slide--2__error-dialog__triangle{background-color:#f4dd37;color:#222;width:40px;height:48px;display:block;position:absolute;top:22px;left:15px;text-align:center;font-size:2rem;font-weight:800;border:1px solid #999}.spreadsheet-anim__slide--2__error-dialog p{margin-left:60px;font-size:.8rem;margin-top:10px}.spreadsheet-anim__slide.turnedoff{animation:.2s turnoff;transform-origin:center center;will-change:transform;animation-fill-mode:forwards}.spreadsheet-anim__slide--3{transform:scale(0)}.spreadsheet-anim__slide.turnedon{animation:.2s turnon;transform-origin:center center;will-change:transform;animation-fill-mode:forwards}.spreadsheet-anim__slide--3__screen{font-size:1rem;text-align:center;color:#888;display:block;width:100%;border-top:25px solid #e0e0e0;background:#444}.spreadsheet-anim__slide--3__circle{width:10px;height:10px;position:absolute;right:10px;top:8px;background-color:#999;border-radius:50%;background-color:#0a0}.spreadsheet-anim__slide--3__circle:nth-child(2){right:25px;background-color:#ffb83e}.spreadsheet-anim__slide--3__circle:nth-child(3){right:40px;background-color:#a00}.spreadsheet-anim__slide--3__address-bar{background-color:#bbb;height:12px;width:60%;position:absolute;top:8px;left:25%}.spreadsheet-anim__slide--3__tab{width:20%;height:20px;position:absolute;background-color:#444;top:5px;left:10px;border-radius:5px 5px 0 0;color:#fff;font-size:.6rem;padding-left:10px;padding-top:2px}.spreadsheet-anim__slide--3__tab:after{content:"x";color:#fff;position:absolute;display:block;right:5px;top:0;font-size:.8rem}.spreadsheet-anim__slide--3__screen h2{color:#fff;font-size:.8rem;background:radial-gradient(20% 40% at bottom left,rgba(206,103,34,1),rgba(226,110,46,1));border:3px solid #fff;width:20%;left:calc(40% - 10px);padding:10px;border-radius:10px;position:absolute;box-shadow:0 2.5px 5px -1px rgba(50,50,93,.25),0 1.5px 3px -1.5px rgba(0,0,0,.3)}.spreadsheet-anim__slide--3__screen h3{font-weight:800;color:#ce6722}.spreadsheet-anim__slide--3__form{background-color:#fff;width:80%;padding-top:30px;margin:40px auto 0 auto;min-height:270px;border-radius:10px;box-shadow:0 2.5px 5px -1px rgba(250,50,93,.25),0 1.5px 3px -1.5px rgba(0,0,0,.3)}.spreadsheet-anim__slide__label{font-size:.8rem;width:50%;margin:0 25%;text-align:left;display:block;color:#444;font-weight:600}.spreadsheet-anim__slide__input{font-size:.8rem;width:50%;margin:0 25% 20px;padding:2px 0;border-radius:5px;text-align:left;height:20px;background-color:#eee;color:#444;display:block}.spreadsheet-anim__slide__button{background-color:#409e44;color:#fff;font-size:.8rem;width:50%;margin:0 25%;padding:10px 0;border-radius:10px}.spreadsheet-anim__slide__button--clicked{animation:.2s clicked;transform-origin:center center;will-change:transform;animation-fill-mode:forwards;background-color:#308e34}@media only screen and (max-width:1024px){.segment--header-image-full-width__headline h1{text-align:left;font-size:3.5rem;line-height:3.5rem}.cell{font-size:.7rem;flex-basis:30.7%}.spreadsheet-anim__slide--3__tab{text-align:left;padding-left:5px}.spreadsheet-anim__slide--3__tab:after{top:-1px}}@media only screen and (max-width:640px){.segment--header-image-full-width{padding-top:0}.segment--header-image-full-width{height:auto;padding-bottom:50px}.segment--header-image-full-width__image{padding:30px 0}.segment--header-image-full-width__headline h1{text-align:center;font-size:2.5rem;line-height:3rem}.segment--header-image-full-width__headline p{text-align:center}.segment--header-image-full-width__headline a{width:100%;padding:15px 0;text-align:center}}.segment--header-home{position:relative;height:calc(100vh - 100px);min-height:780px;display:block;padding-top:250px;overflow:hidden;background-color:#5686c5;background-image:url(../images/home-curve-3.svg);background-image:url(../images/home-curve-3.svg),radial-gradient(circle at 20%,#5686c5,#2c497f);background-repeat:no-repeat;background-size:102%;background-position:100% 101%}.segment--header-home .segment__wrapper{height:100%}.segment--header-home__headline{max-width:50%}.segment--header-home__headline h1{color:#fff;font-weight:800;font-size:4rem;letter-spacing:-.15rem;line-height:5rem;text-align:left;margin:0 0 1.5rem -4px}.segment--header-home__headline p{padding:0;margin:0 0 1rem;color:#fff;font-size:1.1rem;max-width:65%}.segment--header-home__headline a{color:#fff;text-decoration:none;border:3px solid #fff;border-radius:32px;padding:15px 50px;margin-top:1rem;text-transform:uppercase;font-size:.8rem;font-weight:600;display:inline-block;transition:.2s all ease-in-out}.segment--header-home__headline a:hover{background-color:#fff;color:#3567ac}.anim-screen-subtitles{position:absolute;width:100%;bottom:-300px;left:6%}.anim-screen-subtitle{position:absolute;opacity:0;width:25%;text-align:right;border-right:1px solid #fff;padding:10px 20px;min-height:40px;transition:opacity 1s ease-in-out}.anim-screen-subtitle h3{font-size:1rem;color:#fff;font-weight:600;margin:0;display:none}.anim-screen-subtitle p{font-size:.8rem;color:#fff;margin:0}.anim-screen-logo-holder{display:block;text-align:right;margin-top:20px;position:absolute;right:20px;opacity:0}.anim-screen-logo{width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:100%;display:inline-block;box-shadow:10px 10px 5px 1px rgba(0,0,0,.05);border-radius:50%;margin-left:10px}.anim-screen-logo--sage{background-image:url(../images/static/logos/sage.png);background-size:100%;border-radius:50%}.anim-screen-logo--paypal{background-image:url(../images/static/logos/pp-logo-150px.png);background-size:70%;background-color:#fff}.anim-screen-logo--xero{background-image:url('../images/static/logos/Logo - White.png')}.anim-screen-logo--vend{background-image:url(../images/static/logos/Vend-Logo-Small-Green-Inversed.png);border-radius:0;box-shadow:none}.anim-screen-logo--apc{background-image:url(../images/static/logos/apc-logo.png);background-size:100%;border-radius:40%}.anim-screen-logo--loqate{background-image:url(../images/static/logos/loqate.png);background-size:70%;background-color:#14c5bd}.anim-screen-logo--salesforce{background-image:url(../images/static/logos/salesforce-cloud-logo-sm.png);background-size:90%;background-color:#fff}.anim-screen-logo--stripe{background-image:url('../images/static/logos/Stripe logo - white.svg');background-size:90%;background-color:#32325d}.anim-screen-logo--broadbean{background-image:url('../images/static/logos/broadbean.png');background-size:100%}.anim-screen-logo--excel{background-image:url('../images/static/logos/excel.png');background-size:90%;border-radius:0}.anim-screen-logo--chartsjs{background-image:url('../images/static/logos/chartjs-logo.svg');background-size:90%;background-color:#444}.anim-screen-logo--googlemaps{background-image:url('../images/static/logos/google-maps.png');background-size:90%;background-color:transparent}.anim-screen-logo--payzone{background-image:url('../images/static/logos/payzone.svg');background-size:90%;background-color:#fff}.anim-screen-logo--mailchimp{background-image:url('../images/static/logos/mailchimp-circle.svg');background-size:70%;background-color:#fff}.anim-screen-logo--mailgun{background-image:url('../images/static/logos/mailgun-circle.svg');background-size:70%;background-color:#fff}.anim-screen-logo--worldpay{background-image:url('../images/static/logos/worldpay.svg');background-size:90%;background-color:#fff}.anim-screen-logo--hubspot{background-image:url('../images/static/logos/hubspot-circle.svg');background-size:50%;background-color:#fff}.anim-screen-logo--pdf{background-image:url('../images/static/logos/pdf.png');background-size:100%;background-color:#fff}.anim-screen-logo--twitter{background-image:url('../images/static/logos/twitter.png');background-size:100%;background-color:transparent}.anim-screen-logo--facebook{background-image:url('../images/static/logos/facebook.png');background-size:100%;background-color:transparent}.anim-screen-logo--linkedin{background-image:url('../images/static/logos/linkedin.png');background-size:100%;background-color:transparent}.anim-screen-logo--analytics{background-image:url('../images/static/logos/analytics.svg');background-size:100%;background-color:transparent}.anim-screen-holder{width:100%;height:100%;display:block;position:absolute;top:0;perspective:3000px;top:-80px;right:-50px}.anim-screen{width:500px;height:400px;border-radius:10px;position:absolute;right:10%;top:5%;backface-visibility:hidden;transform:rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-style:preserve-3d;background-color:#ebebe3;background-size:contain;background-position:top center;background-repeat:no-repeat;transition:all .2s;box-shadow:10px 10px 5px 1px rgba(0,0,0,.05)}.anim-screen:before{content:" ";display:block;position:absolute;height:10px;width:10px;background-color:#555;border-radius:50%;top:50%;left:8px;margin-top:-5px}.anim-screen:after{content:" ";display:block;position:absolute;height:100px;width:4px;background-color:#555;border-radius:5px;top:50%;right:12px;margin-top:-50px}.anim-screen:last-child{box-shadow:10px 10px 5px 1px rgba(0,0,0,.2)}.anim-screen:nth-child(even){background-color:#535150}.anim-screen:nth-child(even):before{background-color:#fff}.anim-screen:nth-child(even):after{background-color:#fff}.anim-screen--layer-1{background-image:url(../images/static/website.png);background-size:90%;background-position:center center;z-index:10000;transition:all .2s;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.anim-screen--layer-2{background-image:url(../images/static/ecommerce.png);background-size:90%;background-position:center center;z-index:9999}.anim-screen--layer-3{background-image:url(../images/static/logistics.png);background-size:90%;background-position:center center;z-index:9998}.anim-screen--layer-4{background-image:url(../images/static/crm.png);background-size:90%;background-position:center center;z-index:9997}.anim-screen--layer-5{background-image:url(../images/static/hr.png);background-size:90%;background-position:center center;z-index:9996}.anim-screen--layer-6{background-image:url(../images/static/invoicing.png);background-size:90%;background-position:center center;z-index:9995}.anim-screen--layer-7{background-image:url(../images/static/reporting.png);background-size:90%;background-position:center center;z-index:9994}.anim-screen .anim-screen__department{position:absolute;bottom:-5rem;text-align:center;width:100%;color:#fff;text-transform:uppercase;font-weight:600;opacity:0;transition:opacity 1s ease}.anim-screen{opacity:0;transition:all .2s}.anim-step--initial-display.anim-screen--layer-1{opacity:1;transition:all .2s;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.anim-step--initial-fallback.anim-screen--layer-1{opacity:1;transition:transform 1s;transform:rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--fade-in.anim-screen{opacity:1;transition:all .2s ease .4s}.anim-step--fade-in.anim-screen--layer-1{transition:all .2s;transform:rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--stacked.anim-screen--layer-1{transform:rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all .2s}.anim-step--stacked.anim-screen--layer-2{transform:translate3d(0,40px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all .2s}.anim-step--stacked.anim-screen--layer-3{transform:translate3d(0,80px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all .4s}.anim-step--stacked.anim-screen--layer-4{transform:translate3d(0,120px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all .6s}.anim-step--stacked.anim-screen--layer-5{transform:translate3d(0,160px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all .8s}.anim-step--stacked.anim-screen--layer-6{transform:translate3d(0,200px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1.2s}.anim-step--stacked.anim-screen--layer-7{transform:translate3d(0,240px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1.4s}.anim-step--stacked-faded-out.anim-screen--layer-1{opacity:.1;transition:all .2s}.anim-step--stacked-faded-out.anim-screen--layer-2{opacity:.1;transition:all .4s}.anim-step--stacked-faded-out.anim-screen--layer-3{opacity:.1;transition:all .8s}.anim-step--stacked-faded-out.anim-screen--layer-4{opacity:.1;transition:all 1s}.anim-step--stacked-faded-out.anim-screen--layer-5{opacity:.1;transition:all 1.2s}.anim-step--stacked-faded-out.anim-screen--layer-6{opacity:.1;transition:all 1.4s}.anim-step--stacked-faded-out.anim-screen--layer-7{opacity:.1;transition:all 1.6s}.anim-step--slide-out.anim-screen--layer-7{opacity:1;transform:translate3d(-160px,370px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1s ease-in-out}.anim-step--slide-out.anim-screen--layer-6{opacity:1;transform:translate3d(-160px,330px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1s ease-in-out}.anim-step--slide-out.anim-screen--layer-5{opacity:1;transform:translate3d(-160px,290px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1s ease-in-out}.anim-step--slide-out.anim-screen--layer-4{opacity:1;transform:translate3d(-160px,250px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1s ease-in-out}.anim-step--slide-out.anim-screen--layer-3{opacity:1;transform:translate3d(-160px,210px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1s ease-in-out}.anim-step--slide-out.anim-screen--layer-2{opacity:1;transform:translate3d(-160px,170px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1s ease-in-out}.anim-step--slide-out.anim-screen--layer-1{opacity:1;transform:translate3d(-160px,130px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg);transform-origin:center;transition:all 1s ease-in-out}.anim-step--slide-out.anim-screen .anim-screen__department{opacity:1;transition:opacity 1s ease 1s}.anim-step--slide-out.anim-screen-subtitle{opacity:1;transition:opacity 1s ease-in-out 1s}.anim-step--slide-out.anim-screen-logo-holder{opacity:1;transition:opacity .5s ease-in-out 2s}@media only screen and (max-width:1024px){.segment--header-home__headline h1{font-size:3rem;line-height:3.2rem}.anim-screen-holder{top:-120px}.anim-screen{width:400px;height:320px}.anim-screen-subtitles{left:0;width:120%}}@media only screen and (max-width:640px){.segment--header-home{padding-top:0;background-position:100% 100%}.segment--header-home__headline{width:100%;margin:0;max-width:100%;text-align:center}.segment--header-home__headline h1{width:100%;margin:0;text-align:center;font-size:2.5rem !important}.segment--header-home__headline p{max-width:100%;margin-top:1rem}.anim-screen-holder{position:relative;top:-30px !important;right:auto;margin-top:0;height:450px}.anim-screen{width:200px !important;height:160px !important}.anim-screen-subtitles{position:absolute;width:90% !important;bottom:0;left:0;margin-left:5%}.anim-screen-subtitle{position:absolute;width:90%;text-align:right;border-right:1px solid #fff;padding:0 5% 0 0}.anim-step--slide-out.anim-screen--layer-7{transform:translate3d(-60px,280px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--slide-out.anim-screen--layer-6{transform:translate3d(-60px,240px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--slide-out.anim-screen--layer-5{transform:translate3d(-60px,200px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--slide-out.anim-screen--layer-4{transform:translate3d(-60px,160px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--slide-out.anim-screen--layer-3{transform:translate3d(-60px,120px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--slide-out.anim-screen--layer-2{transform:translate3d(-60px,80px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-step--slide-out.anim-screen--layer-1{transform:translate3d(-60px,40px,0) rotateX(60deg) rotateY(0deg) rotateZ(35deg)}.anim-screen .anim-screen__department{font-size:1.6rem;bottom:-4rem}}.segment--image-grid__innercontainer{display:flex;flex-wrap:wrap;justify-content:center}.segment--image-grid__text-box{align-items:initial;flex-grow:2;flex-basis:37%;min-height:calc(399px - 20px);padding:10px 60px}.segment--image-grid__text-box h3{color:#376cb4;font-size:3.5rem;font-weight:800;line-height:3.8rem;letter-spacing:-.2rem;margin-top:0;margin-bottom:14px}.segment--image-grid__text-box h3 strong{color:#3c5470}.segment--image-grid__text-box p{color:#3c536f;margin:0 0 15px;font-size:1.05rem;line-height:1.8rem}.segment--image-grid__wrapper{align-items:initial;flex-basis:25%;height:399px;overflow:hidden}.segment--image-grid__image-box{transition:all 6s;transform:scale(1);opacity:.8;cursor:pointer;background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;height:100%}.segment--image-grid__image-box:hover{opacity:1;transition:all 2s;transform:scale(1.2)}.segment--image-grid__image-box img{display:none}@media only screen and (max-width:640px){.segment--image-grid__innercontainer{display:block;width:95%;padding:0 2.5%}.segment--image-grid__text-box{padding:10px 0}}.segment--header--blog a{font-size:1.6rem;color:#fff;text-transform:uppercase;display:block;font-weight:800;text-decoration:none}.segment--header--blog h1{font-size:3rem;max-width:65%;margin:0 auto}.segment--blog{font-size:1.6rem;padding:inherit 600px !important;font-family:georgia,serif}.segment--blog .col--6wide{margin:0 26%;line-height:2.56rem}.segment--blog p:first-child:first-letter {color:#316cb9;float:left;font-size:10rem;line-height:8rem;padding-right:18px}.segment--blog p{margin-bottom:2rem}.segment--blog h3{margin:2rem 0 1rem;font-size:1.6rem}.segment--blog img.left{max-width:40%}.segment--blog img.right{max-width:40%}.segment--blog .blog__author-bio{position:absolute;width:200px;font-size:1rem;margin:15px 0 0 -270px}.segment--blog .blog__author-bio img{width:100%;margin:0}.segment--blog .blog__author-bio p{width:100%;margin:0;padding:0;font-weight:600;font-family:'Open Sans',sans-serif;color:#444;letter-spacing:-.05rem}.blog-list-container{display:flex;flex-wrap:wrap;justify-content:center}.blog-list-container .blog-list-item{box-shadow:-3px 9px 15px 5px rgba(0,0,0,.1);margin:30px 2%;width:calc(28% - 40px);padding:20px;display:flex}.blog-list-container .blog-list-item:hover{background-color:#f3f3f3}.blog-list-container .blog-list-item .author-image{width:25%;text-align:right}.blog-list-container .blog-list-item .author-image img{max-width:100%}.blog-list-container .blog-list-item .blog-summary{width:74%}.blog-list-container .blog-list-item .blog-summary h3{margin:0 1rem 10px 0;font-weight:400;font-size:1.5rem;line-height:1.9rem}.blog-list-container .blog-list-item .blog-summary h3 a{text-decoration:none;color:#316cb9}@media only screen and (max-width:1024px){.segment--blog .blog__author-bio{margin-left:-240px}}@media only screen and (max-width:640px){.page--blog .segment--header+.segment .segment__wrapper:before{height:0}.segment--blog{padding:0}.segment--blog .col--6wide{margin:0 auto;text-align:left}.segment--header--blog a{margin-bottom:1rem}.segment--header--blog h1{max-width:100%}.segment--blog .blog__author-bio{position:relative;margin:auto;text-align:center;margin-bottom:4rem}.segment--blog+.segment--blog p:first-child:first-letter {color:#fff;float:none;font-size:1.6rem;line-height:auto;padding-right:0}.segment--blog .form__button{width:calc(100% - 40px) !important}.blog-list-container .blog-list-item{width:calc(100% - 40px)}.segment--blog img.left{max-width:100%;float:none;width:100% !important;margin:0 0 20px}.segment--blog img.right{max-width:100%;float:none;width:100% !important;margin:0 0 20px}}.codebox-anim{position:relative;margin-bottom:50px;border-radius:15px 15px 0 0;width:700px;height:400px;overflow:hidden;display:flex;flex-direction:column;background-color:#265499;background:linear-gradient(0deg,#1b4886 0%,#265499 80%);transform:perspective(3000px) rotateY(-30deg) rotateX(3deg) rotate(1deg);box-shadow:20px 30px 120px -30px #495e7d,15px 36px 75px -36px rgba(0,0,0,.43)}.codebox-anim__tabheader__tabs{list-style:none;display:flex;padding:0 !important;margin:0 !important}.codebox-anim__tabheader__tabs__tab{cursor:pointer;line-height:3rem;flex-basis:25%;text-align:center;background-color:#233f66;color:#fff;border-right:1px solid #627ca2;border-bottom:1px solid #627ca2}.codebox-anim__tabheader__tabs__tab--active{background-color:#265499;border-bottom:none}.codebox-anim__tabheader__tabs__tab--first{border-left:none}.codebox-anim__tabheader__tabs__tab--last{border-right:none}.codebox-anim__tabboxes{display:flex;transition:transform .8s}.codebox-anim__tab{padding:0 30px;color:#fff}.codebox-anim__tab__language{margin:0}.codebox-anim__tab__language__code{font-size:.9rem}.code--comment{color:#adadad}.code--construct{color:#3bf93b}.code--function{color:#ff60ff}.code--privacy{color:#25a725}.code--variable{color:#ff6363}@media only screen and (max-width:640px){.codebox-anim{width:100%}}.segment--2col-scroller-header .segment__wrapper{background-color:#eaf2f5;font-size:1rem;line-height:1.8rem;color:#485063}.segment--2col-scroller-header h2{margin-top:4rem;font-size:2.2rem;color:#485063;font-weight:800}.segment--2col-scroller-header p{max-width:85%}.segment--2col-scroller-header img{margin-top:4rem;max-width:70%;margin-left:15%;margin-bottom:4rem}.segment--2col-scroller-subsection .segment__wrapper{background-color:#eaf2f5;font-size:1rem;line-height:1.8rem;color:#485063}.segment--2col-scroller-subsection h2{margin-top:4rem;font-size:2.2rem;color:#485063;font-weight:800}.segment--2col-scroller-subsection p{max-width:85%}.segment--2col-scroller-subsection img{margin-top:4rem;max-width:70%;margin-left:15%;margin-bottom:4rem}.scroller-section__control-holder{background-color:#fff !important;display:flex;position:relative}.scroller-section__control-item{margin:0 !important;padding:20px 0;position:relative;cursor:pointer}.scroller-section__control-logo{margin:0 auto 10px auto !important;width:40%;display:block}.scroller-section__control-logo--inverse{margin:0 auto 10px auto !important;width:40%;display:none}.scroller-section__control-heading{font-size:1.2rem !important;text-align:center;margin:0 !important;color:#939aaa !important;font-weight:600 !important}.scroller-section__control-holder--num-items-6 .scroller-section__control-item{width:calc(100%/6)}.scroller-section__control-holder--num-items-5 .scroller-section__control-item{width:calc(100%/5)}.scroller-section__control-holder--num-items-4 .scroller-section__control-item{width:calc(100%/4)}.scroller-section__control-holder--num-items-3 .scroller-section__control-item{width:calc(100%/3)}.scroller-section__control-holder--num-items-2 .scroller-section__control-item{width:calc(100%/2)}.scroller-section__control-holder--num-items-1 .scroller-section__control-item{width:calc(100%/1)}.scroller-section__control-item:hover{background-color:#f6fafd}.scroller-section__control-item--selected{background-color:#376bb4 !important}.scroller-section__control-item--selected .scroller-section__control-logo{display:none}.scroller-section__control-item--selected .scroller-section__control-logo--inverse{display:block}.scroller-section__control-item--selected:after{content:" ";width:0;height:0;display:block;background-color:transparent;position:absolute;bottom:-30px;left:50%;margin-left:-10px;border:15px solid #376bb4;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:100}.scroller-section__control-item--selected .scroller-section__control-heading{color:#fff !important}.scroller-section__section{display:none;position:relative}.scroller-section__section .col--6wide{opacity:0}.scroller-section__section--active{display:block}.scroller-section__arrow{position:absolute;width:75px;height:100px;margin:0 !important;bottom:-20px;right:100px;cursor:pointer}.scroller-section__arrow--up{right:150px}.scroller-section__arrow--inactive{opacity:.1;cursor:auto}.scroller-section__arrow--left{width:100px;right:auto;left:-80px;bottom:-260px;z-index:100}.scroller-section__arrow--right{width:100px;right:-80px;bottom:-260px;z-index:100}.segment--header+.segment--2col-scroller-header .segment__wrapper:before{display:none}.segment--header+.segment--2col-scroller-header .scroller-section__control-holder{margin-top:-80px}@media only screen and (max-width:640px){.segment--2col-scroller-header{display:none}}.segment--case-study-header{font-family:Georgia,serif;padding-bottom:0 !important}.segment--case-study-header h1{font-size:2.8rem;color:#333;font-weight:600;text-align:center;width:55%;text-align:left}.segment--2col-case-study{font-family:Georgia,serif;font-size:1.2rem;line-height:1.9rem;color:#333}.segment--2col-case-study .col:first-child div{padding-right:8rem}.segment--2col-case-study .col:first-child p:first-child{margin-top:0}.segment--2col-case-study .col:first-child p{margin-top:1.8rem;margin-bottom:0}.segment--2col-case-study .col:first-child h2{margin-top:3.6rem;color:#333;font-size:2rem;line-height:2.6rem;font-weight:600;margin-bottom:0}.segment--2col-case-study .col:first-child h3{margin-top:3.6rem;color:#333;font-size:1.4rem;font-weight:600}.segment--2col-case-study .col:first-child p strong{font-weight:600}.segment--2col-case-study .col:first-child h2+h3{margin-top:1.6rem}.segment--2col-case-study .col:first-child h2+p{margin-top:1rem}.segment--2col-case-study .col:first-child h3+p{margin-top:1rem}.segment--2col-case-study .col:last-child{background-color:#f5f6fa;text-align:center;padding:50px 0}.segment--2col-case-study .col:last-child h3{color:#3b536f;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.segment--2col-case-study .col:last-child p{color:#3b536f;margin:0 40px;font-size:1.2rem;line-height:1.8rem}.segment--2col-case-study--right-image{padding-top:1rem}.segment--2col-case-study--right-image h2:first-child{margin-top:0 !important}.segment--2col-case-study--right-image h3:first-child{margin-top:0 !important}.segment--2col-case-study--right-image .col:last-child{background-color:transparent;padding:0;margin-bottom:3rem}.case-study__image-wrapper{width:100%;height:250px}.case-study__image-wrapper:after{content:" ";position:absolute;width:100%;height:100%;top:30px;left:40px;background-color:transparent;z-index:1;border:5px solid #5686c5}.case-study__image-tablet{border:20px solid #f4f4f4;border-width:20px 30px 20px 20px;width:calc(100% - 40px);height:220px;border-radius:10px;position:absolute;z-index:2000;box-shadow:0 -1px 1px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05),0 32px 32px rgba(0,0,0,.05)}.case-study__image-tablet__screen{overflow:hidden;height:100%;border:1px solid #dadada;background-color:#ddd;background-size:cover;background-position:center top}.case-study__image-tablet__home{content:" ";position:absolute;width:17px;height:17px;background-color:#fff;border:1px solid #ddd;border-radius:50%;z-index:3000;right:-25px;top:50%;margin-top:-9px}.case-study__image-tablet__camera{content:" ";position:absolute;width:6px;height:6px;background-color:#aaa;border-radius:50%;z-index:3000;left:-12px;top:50%;margin-top:-3px}.case-study__image-tablet img{display:none}.segment--2col-case-study--right-image .case-study__image-wrapper__incidental{z-index:2001;width:25px;height:25px;background-color:#34528c;position:absolute;top:10px;right:10px;transform:rotate(-25deg);transform-origin:center center}.segment--2col-case-study--right-image .case-study__image-wrapper__incidental:after{content:" ";width:25px;height:25px;background-color:#5686c5;position:absolute;top:15px;right:-20px}.segment--2col-case-study--right-image .case-study__image-wrapper__incidental-2{z-index:2001;width:12px;height:80px;background-color:#d7ecf4;position:absolute;bottom:-45px;left:-3px;transform:rotate(-45deg);transform-origin:center center}.segment--2col-case-study--right-image .case-study__image-wrapper__incidental-2:after{content:" ";width:12px;height:80px;background-color:#5686c5;position:absolute;right:-20px}.segment--2col-case-study--right-image--alt{padding-top:1rem}.segment--2col-case-study--right-image--alt h2:first-child{margin-top:0 !important}.segment--2col-case-study--right-image--alt .col h3:first-child{margin-top:0}.segment--2col-case-study--right-image--alt .col:last-child{background-color:transparent;padding:0;margin-bottom:3rem;position:relative}.segment--2col-case-study--right-image--alt img{max-width:95%;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07),0 32px 32px rgba(0,0,0,.07);position:absolute;left:5%}.segment--2col-case-study--right-image--alt img:nth-child(2){position:absolute;top:180px;max-width:40%;margin:0 !important;left:0}.segment--2col-case-study--right-image--alt .col:nth-child(2):after{content:" ";display:block;width:10px;height:100px;background-color:#2e5da7;position:absolute;top:200px;right:10px;z-index:0;transform-origin:center;transform:rotateZ(42deg)}.segment--2col-case-study--right-image--alt .col:nth-child(2):before{content:" ";display:block;width:10px;height:100px;background-color:#adbabd;position:absolute;top:200px;right:-20px;z-index:0;transform-origin:center;transform:rotateZ(42deg)}.segment--case-study-3col{font-family:Georgia,serif}.segment--case-study-3col .segment__wrapper{display:flex}.segment--case-study-3col .col--4wide:nth-child(1){color:#3e536e}.segment--case-study-3col .col--4wide:nth-child(1) h3{margin:1rem 0;color:#3b536f;font-size:1.4rem}.segment--case-study-3col .col--4wide:nth-child(1) p{font-size:1.2rem;line-height:1.7rem}.segment--case-study-3col .col--4wide:nth-child(2){background-color:#f5f6fa;color:#3b536f}.segment--case-study-3col .col--4wide:nth-child(2) h3{margin:1.5rem;color:#3b536f}.segment--case-study-3col .col--4wide:nth-child(2) p{font-size:1.2rem;line-height:1.7rem;margin:1rem 1.5rem}.segment--case-study-3col .col--4wide:nth-child(2) ul{font-size:1.4rem;font-weight:600;padding:0;margin:1.5rem}.segment--case-study-3col .col--4wide:nth-child(2) ul li{font-size:1.2rem;letter-spacing:-.05rem;font-weight:600;list-style-type:none;padding-left:40px;padding-top:2px;min-height:35px;background-image:url('../images/case-studies-tick.svg');background-position:top left;background-size:31px 31px;background-repeat:no-repeat}.segment--case-study-3col .col--4wide:nth-child(3){background-color:#376bb4;color:#fff}.segment--case-study-3col .col--4wide:nth-child(3) blockquote{margin:30px 3rem 0;padding:0;border:none;font-weight:400;font-size:1.4rem;line-height:2rem;font-style:normal}.segment--case-study-3col .col--4wide:nth-child(3) p{margin:10px 3rem 30px;padding:0;border:none;font-weight:400;font-size:1.2rem;line-height:1.6rem}.segment--case-studies-call-to-action{background-color:#ae527b;margin-top:100px}.segment--case-studies-call-to-action h2{color:#fff}.segment--case-studies-call-to-action h3{color:#fff}.segment--case-studies-call-to-action a{color:#fff;border-color:#fff}.segment--case-studies-call-to-action a:hover{background-color:#fff;color:#ae527b}.segment--case-studies-call-to-action+.segment--mid-page-heading{margin-top:0;padding-top:30px}.segment--case-studies-call-to-action+.segment--mid-page-heading:before{display:none}.segment--header+.segment--casestudy-3-boxes .segment__wrapper:before{margin-top:-147px !important;height:150px !important;margin-bottom:-87px;border-radius:50% 50% 0 0}.segment--casestudy-3-boxes+.segment--call-to-action{border-top:1px solid #ddd;background-color:#eaeaea;margin-top:0;padding-top:70px}.segment--casestudy-3-boxes{padding-bottom:0}.segment--casestudy-3-boxes .col--12wide{min-height:550px !important;overflow:hidden;position:relative;margin-bottom:0 !important}.segment--casestudy-3-boxes h2{color:#346db4;font-weight:800;font-size:3rem !important;margin-bottom:0;text-align:center;margin-bottom:1rem;line-height:3.8rem}.segment--casestudy-3-boxes p{text-align:center;margin-top:0;color:#555;margin-bottom:2rem;margin-bottom:100px !}.casestudy-box{color:#fff;position:absolute;border-radius:10px;width:30%;bottom:-20px;transform:translateX(-50%);box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.casestudy-box__heading{text-align:center;color:#fff !important;width:auto;margin:1rem 2rem;padding:0;font-size:1.6rem !important;text-shadow:2px 2px 2px rgba(0,0,0,.4);line-height:3.8rem}.casestudy-box__heading a{color:inherit;text-decoration:none}.casestudy-box__subtitle{font-size:.9rem !important;color:#fff !important;margin:1rem 10% !important;text-align:left !important;min-height:65px}.casestudy-box__image{width:80%;margin:1rem 10%;height:200px}.casestudy-box{z-index:1000;background-color:#21897e;left:16%;bottom:-50px;transform:translateX(-50%) rotateZ(-5deg);transition:transform .2s}.casestudy-box+.casestudy-box{z-index:2000;background-color:#291f1e;left:36%;bottom:-100px;transform:translateX(-50%) rotateZ(-2deg)}.casestudy-box+.casestudy-box+.casestudy-box{z-index:1000;background-color:#f64740;left:60%;bottom:-40px;transform:translateX(-50%) rotateZ(2deg)}.casestudy-box+.casestudy-box+.casestudy-box+.casestudy-box{z-index:1000;background-color:#88498f;left:82%;bottom:-100px;transform:translateX(-50%) rotateZ(5deg)}.casestudy-box:hover{z-index:3000;transform:translateX(-50%) rotateZ(-5deg) translateY(-30px);transition:transform .1s}.casestudy-box+.casestudy-box:hover{z-index:3000;transform:translateX(-50%) rotateZ(-2deg) translateY(-30px);transition:transform .1s}.casestudy-box+.casestudy-box+.casestudy-box:hover{z-index:3000;transform:translateX(-50%) rotateZ(2deg) translateY(-30px);transition:transform .1s}.casestudy-box+.casestudy-box+.casestudy-box+.casestudy-box:hover{z-index:3000;transform:translateX(-50%) rotateZ(5deg) translateY(-30px);transition:transform .1s}.page--casestudiesbritishpowerlifting .segment--2col-case-study--right-image--alt img:last-child{box-shadow:none}@media only screen and (max-width:1280px){.casestudy-box__heading{font-size:1.2rem !important;line-height:1.8rem !important}.segment--2col-case-study--right-image .col--4wide{margin-left:-60px}.segment--2col-case-study--right-image--alt .col--4wide{margin-left:-60px}}@media only screen and (max-width:640px){.segment--case-study-3col .segment__wrapper{display:block}.segment--case-study-header h1{font-size:2rem;width:100%}.segment--2col-case-study .col:first-child div{padding-right:0}.segment--2col-case-study .col:last-child{padding:50px 5%;margin-top:2rem}.segment--2col-case-study--right-image--alt .col--4wide{margin-left:0 !important;margin-bottom:0 !important}.segment--2col-case-study--right-image--alt img{position:relative}.segment--2col-case-study--right-image--alt .col:nth-child(2):after{height:50px;right:55px;top:250px}.segment--2col-case-study--right-image--alt .col:nth-child(2):before{height:50px;right:25px;top:250px}.segment--2col-case-study--right-image .col--4wide{margin-left:0 !important}.case-study__image-tablet{position:relative;position:relative}.case-study__image-wrapper:after{display:none}.segment--2col-case-study--right-image .case-study__image-wrapper__incidental{top:30px;right:40px}.segment--2col-case-study--right-image .case-study__image-wrapper__incidental-2{bottom:-10px;left:30px}.segment--case-study-3col{padding:0}.segment--case-study-3col .col--4wide{margin:0}.segment--case-study-3col .col--4wide:nth-child(2){padding:10px 5%}.segment--case-study-3col .col--4wide:nth-child(2) h3{margin:1rem 0}.segment--case-study-3col .col--4wide:nth-child(2) p{margin:1rem 0}.segment--case-study-3col .col--4wide:nth-child(3){padding:50px 5%}.segment--case-study-3col .col--4wide:nth-child(3) blockquote{margin:0 10%}.segment--case-study-3col .col--4wide:nth-child(3) p{margin:1rem 10% 0}.segment--case-studies-call-to-action{padding:50px 0;margin-top:0}.segment--case-studies-call-to-action .segment__wrapper{padding-top:0}.segment--header+.segment--casestudy-3-boxes .segment__wrapper:before{border-radius:0;margin-top:0 !important;height:auto !important;margin-bottom:0}.segment--casestudy-3-boxes h2{text-align:left;font-size:2.7rem;line-height:2.8rem}.segment--casestudy-3-boxes p{text-align:left}.casestudy-box{position:relative;border-radius:0;width:100%;bottom:auto !important;transform:none !important;left:auto !important;padding-top:20px}.casestudy-box__heading{text-align:left}}.googlemap{width:100%;height:700px}.infobox{background-color:#fff;display:flex}.infobox__leftcol{flex-basis:70%;padding-right:10%}.infobox__rightcol{flex-basis:20%}.infobox a{color:#3a84df;font-weight:500;text-decoration:none;opacity:1;transition:color .25s linear}.infobox a:hover{text-decoration:underline;color:#3b536f;opacity:.8}.infobox__heading{font-weight:500;font-size:14px;color:#000}.infobox__address{color:#5b5b5b;margin-top:6px;font-weight:400;font-size:.85rem}.infobox__phone{color:#5b5b5b;margin-top:6px;font-weight:400;font-size:.85rem}.infobox__ratings{padding-top:5px}.infobox__ratings__rating{display:inline-block;color:#e7711b;font-weight:500;font-size:14px;margin:0 5px 0 0}.infobox__ratings__rating-star{background-image:url("../images/maps.png");background-size:70px 210px;background-position:48px 165px;display:inline-block;width:11px;height:11px;overflow:hidden}.infobox__ratings__rating-star--half{background-position:35px 165px}.infobox__ratings__rating-star--empty{background-position:22px 165px}.infobox__ratings__total-rating{padding-left:8px}.infobox__view-map{padding-top:10px}.infobox__directions{display:block;text-align:center;text-decoration:none;margin:0 auto 5px auto}.infobox__directions__icon{margin:0 auto;background-image:url("../images/maps.png");background-size:70px 210px;background-position:0 0;width:22px;height:22px}


h1.work-progress {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 40px;
    font-weight: 600;
    color: #0876cc;
    text-transform: capitalize;
}


.left-heading1{
	width: 100%;
    float: left;
    font-weight: 600;
    color: #0876cc;
    text-transform: capitalize;
}
.features-include {
    width: 100%;
    background: #f1f1f1;
    padding: 50px 0px;
}
.choose-text ul li {
    width: 100%;
    float: left;
}

.full-text-row{
	float:left;
	width:100%;
	background: #219eff;
    padding: 30px;
}

.text-box-1{
	float:left;
	width:49%;
	height:50px;
	border:0px;
	border-radius:4px;
	margin-top:10px;
	padding-left:2%;
}
.text-box-1.c1{
	margin-left:2%;
}
.text-box-2{
	float:left;
	width:100%;
	height:50px;
	border:0px;
	border-radius:4px;
	margin-top:10px;
	padding-left:2%;
}
.text-box-1-btn{
	float:left;
	width:100%;
	background:#f99217;
	font-size:24px;
	text-transform:uppercase;
	color:#fff;
	border-radius:4px;
	border:0px;
	height:60px;
	margin-top:10px;
}
.text-box-1-btn:hover{
	background:#03ab9d;
}
.full-text-row{
	float:left;
	width:100%;
}
.full-services{
	float:left;
	width:100%;
	text-align:center;
	margin-top:30px;
}
.full-services span{
	padding:30px 28px;
	background:#dd4434;
	border-radius:80px;
	padding-top:45px;
}
.full-services span:hover{
	background:#d5310c;
}

.text-box-1-btn{
	    float: left;
    width: 100%;
    background: #219eff;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    border: 0px;
    height: 60px;
    margin-top: 10px;
    border: 1px solid #fff;
}
.text-box-1-btn:hover{
	background:#03ab9d;
}

.full-text-row h2 {
    margin-top: 0px;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.full-text-row span {
    color: #fff;
	width:100%;
	float:left;
    text-align: center;

}

#footer .footQuote {
    background: #2e7fe1;
    padding: 65px 0;
}
.wrapper {
    width: 1170px;
}

.wrapper {
    max-width: 100%;
    margin: 0 auto;
	    display: flow-root;
}
#footer .footQuote .fqText {
    float: left;
}
#footer .footQuote .fqText h1, #footer .footQuote .fqText p.fTitle {
    background: none;
    text-transform: none;
    font-size: 30px;
    color: #fff;
    padding: 0;
    margin-bottom: 12px;
}
#footer a.quote.button {
    display: block;
    float: right;
    font-size: 14px;
    color: #FFF;
    -webkit-transition: background 0.25s linear;
    -moz-transition: background 0.25s linear;
    -ms-transition: background 0.25s linear;
    -o-transition: background 0.25s linear;
    transition: background 0.25s linear;
    padding: 10px 34px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
    background: #004a94;
    margin-top: 8px;
    opacity: 1;
}
#footer .one_fourth, #footer .one_fourth .textwidget {
    margin-bottom: 0;
}

.one_fourth {
    width: 22%;
}
#footer .footBox {
    box-sizing: border-box;
    border: 1px solid #1a5c9f;
    border-radius: 2px;
    padding: 20px;
    margin: 20px 0 50px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    text-align: center;
    min-height: 185px;
}
#footer .footBox img.fbMain {
    background: #2e7fe1;
    border-radius: 2px;
    margin: 0 auto 20px;
    display: block;
}
#footer .footBox span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
    margin-right: 4%;
    float: left;
    line-height: 21px;
    margin-bottom: 20px;
    position: relative;
}
.last {
    margin-right: 0!important;
}
#footer_bottom {
    background: #2e7fe1;
    padding: 20px 0;
}
#footer_bottom, #footer_bottom p, #footer_bottom a, #footer_bottom ul, #footer_bottom ol, #footer_bottom h3 {
    color: #FFF;
    font-size: 13px;
}
#footer {
    background: #004a94;
    padding-top: 0;
	width: 100%;
    float: left;
}

#footer .one_fourth, #footer .one_fourth .textwidget {
    margin-bottom: 0;
}
.one_fourth {
    width: 22%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
    margin-right: 4%;
    float: left;
    line-height: 21px;
    margin-bottom: 20px;
    position: relative;
}
#footer .footBox {
    box-sizing: border-box;
    border: 1px solid #1a5c9f;
    border-radius: 2px;
    padding: 20px;
    margin: 20px 0 50px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    text-align: center;
    min-height: 185px;
}

#footer .one_fourth, #footer .one_fourth .textwidget {
    margin-bottom: 0;
}


#footer .one_fourth, #footer .one_fourth .textwidget {
    margin-bottom: 0;
}

#footer .one_fourth, #footer .one_fourth .textwidget {
    margin-bottom: 0;
}
#footer .one_fourth, #footer .one_fourth .textwidget {
    margin-bottom: 0;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
    margin-right: 4%;
    float: left;
    line-height: 21px;
    margin-bottom: 20px;
    position: relative;
}
.one_fourth.first h3 {
    color: #fff;
}

.textwidget ul li a {
    color: #fff;
}
.one_fourth.second h3 {
    color: #fff;
}
.one_fourth.third h3 {
    color: #fff;
}
.one_fourth.last.fourth h3{
	color: #fff;
}

.footBox.three a {
    color: #fff;
}
.footBox.two a {
    color: #fff;
}
#footer_bottom {
    background: #2e7fe1;
    padding: 20px 0;
    width: 100%;
    float: left;
}
#foot_left {
    width: 50%;
	float: left;
}
#foot_right {
    width: 50%;
	float: left;
}
#footer_bottom ul {
       margin: 0;
}
#footer_bottom ul li {
    float: left;
}
#footer_bottom ul li.first a {
    padding-left: 0;
}
#footer_bottom ul li a {
    border-right: 2px solid #fff;
    padding: 0 12px;
}

#footer_bottom a {
    text-decoration: none;
}
#footer_bottom, #footer_bottom p, #footer_bottom a, #footer_bottom ul, #footer_bottom ol, #footer_bottom h3 {
    color: #FFF;
    font-size: 13px;
}

#footer_bottom ul {
    float: right;
}
#footer_bottom ul li {
    float: left;
    margin: 0px;
}

.use_architecture_area {
    padding: 45px 0;
    background: #fff;
}


.custom_container_pading {
    padding: 0 50px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.new_sec_title {
    position: relative;
    text-align: center;
    margin-bottom: 55px;
}
.use_architecture_area .new_sec_title h2 {
    color: #333;
    margin: 0;
}

.new_sec_title h2 {
    font-family: poppins,sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 42px;
    text-transform: capitalize;
    margin-bottom: 45px;
}
.new_sec_title h3 {
    font-size: 50px;
}

.new_sec_title h3 {
    color: #034d92;
    font-family: poppins,sans-serif;
    font-size: 72px;
    font-weight: 700;
    text-transform: uppercase;
}
.architechVideo {
    width: 90%;
}
section#sect1 {
    padding-bottom: 80px;
}
#footer .footQuote .fqText p {
    color: #fff;
    font-size: 21px;
}
.make-spaceing-work{
    width: 100%;
    float: left;
    padding: 50px 0px;
}
.make-bottom-right{
	margin-bottom:70px;
}

.make-progress-work{
	overflow: inherit !important;
}