/*==========================================
*** HTML TAG STYLES
==========================================*/

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    position: relative;
    overflow-x: hidden !important;
    color: #000000;
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Fix blinking animated blocks on page load */

*[class*='animate-'] {
    visibility: hidden;
}

.font-above {
    font-family: 'ATBScript-Rg';
}

.font-schnee {
    font-family: 'schnee';
}


/*==========================================
*** SHELL STYLES
==========================================*/

a {
    text-decoration: none;
    color: #000000;
    outline: none !important;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

a:hover {
    text-decoration: none;
    color: #d62924;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

a.white-hover:hover {
    color: #ffffff;
}

button {
    border: none;
    outline: none !important;
}

.image-auto {
    width: auto;
    max-width: 100%;
}

.image-full {
    width: 100%;
    max-width: 100%;
}

.auto
ul {
    margin: 0;
    padding: 0;
}

strong,
b {
    font-weight: 700;
}

h2,
.h2 {
    font-size: 38px;
    line-height: 38px;
    margin: 0 0 24px 0;
}

h3,
.h3 {
    font-size: 29px;
    line-height: 29px;
    margin: 0 0 22px 0;
    letter-spacing: -0.58px;
    font-weight: 700;
}

.form-control,
.form-control:focus {
    background-color: #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .1);
    font-size: 16px;
    line-height: 18px;
    outline: none !important;
    border: 1px solid #a7a8aa;
    height: auto;
    padding: 12px 15px;
}

.form-control:focus {
    border-color: #4fd2f7;
}

textarea.form-control,
textarea.form-control:focus {
    height: 150px;
}

.btn {
    font-size: 13px;
    line-height: 16px;
    padding: 9px 25px 8px 25px;
    text-decoration: none;
    color: #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #d62924;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: none;
    border: 1px solid #d62924;
    text-align: center;
    position: relative;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    letter-spacing: 0.13px;
}

.btn:hover,
.btn.focus,
.btn:focus,
.btn:active {
    opacity: 1;
    color: #FFF;
    background-color: #c0231f;
    border-color: #c0231f;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.btn .follow-us {
    width: 16px;
    margin-bottom: -4px;
    height: 16px;
    background-image: url('../images/icon-instagram-small.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn.black {
    background-color: #000;
    border-color: #000;
}

.btn.black:hover,
.btn.black.focus,
.btn.black:focus,
.btn.black:active,
.btn.black.active,
.btn.black.active:hover {
    background-color: #161616;
    border-color: #161616;;
}

.has-dark-overlay {
    -webkit-transition: background-color 600ms ease-in-out;
    -moz-transition: background-color 600ms ease-in-out;
    -o-transition: background-color 600ms ease-in-out;
    transition: background-color 600ms ease-in-out;
    background-color: rgba(51, 51, 51, .00);
    background-blend-mode: overlay;
}

.has-dark-overlay:hover {
    background-color: rgba(51, 51, 51, .30);
}

/* HOME PAGE DOWN ARROW ANIMATION */

.scroll-down-arrow {
    position: absolute;
    bottom: 75px;
    left: 50%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50;
}

.scroll-down-arrow a, .scroll-down-arrow a span {
    width: 44px;
    height: 44px;
    display: block;
}

.scroll-down-arrow a span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 16px;
    height: 16px;
    margin: -12px 0 0 -8px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-down-arrow a span::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 44px;
    height: 44px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .2);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: scrollArrowAnimation 3s infinite;
    -moz-animation: scrollArrowAnimation 3s infinite;
    -o-animation: scrollArrowAnimation 3s infinite;
    animation: scrollArrowAnimation 3s infinite;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@-webkit-keyframes scrollArrowAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes scrollArrowAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes scrollArrowAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes scrollArrowAnimation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.page-banner {
    height: 373px;
    background-color: #d62924;
    color: #FFF;
    padding-top: 130px;
    position: relative;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.19px;
}

.page-banner.banner-404 {
    height: auto;
    padding-top: 25%;
    padding-bottom: 25%;
}

@media screen and (min-width: 1500px) {
    .page-banner.banner-404 {
        padding-top: 300px;
        padding-bottom: 300px;
    }
}

.page-banner h2 {
    position: relative;
    display: inline-block;
    font-size: 80px;
    line-height: 150px;
    letter-spacing: -1.5px;
    color: #FFF;
    font-family: 'ATBScript-Rg';
    font-weight: 400;
    margin-bottom: 20px;
}

.page-banner h2 span {
    display: inline-block;
    position: relative;
    z-index: 10;
}

.page-banner h2:before {
    background-image: url('../images/page-banner-title-dots-bg.svg');
    width: 122px;
    height: 103px;
    position: absolute;
    left: -44px;
    top: 30px;
    z-index: 10;
    content: "";
}

.page-banner .image {
    position: absolute;
    right: -87px;
    top: 0px;
}

.text-red {
    color: #d62924 !important;
}

.intro-text {
    width: 100%;
    display: block;
    padding-top: 120px;
    padding-bottom: 60px;
    line-height: 28px;
}

.expertises {
    display: block;
    position: relative;
    padding-top: 135px;
    padding-bottom: 130px;
    background-color: #f9f9f9;
}

.expertises .single {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 16px;
    line-height: 28px;
    padding-right: 100px;
}

.expertises .single:nth-child(2n) {
    padding-right: 0;
    padding-left: 100px;
}

.expertises .single h3 {
    line-height: 19px;
    display: inline-block;
    margin-top: -2px;
    margin-bottom: 15px;
}

.expertises .single h4 {
    font-size: 1.1rem;
}

.expertises .single .height {
    min-height: 170px;
}

.expertises .single:first-child,
.expertises .single:nth-child(2) {
    padding-bottom: 70px;
    border-bottom: 1px solid #d7d8d8;
}

.expertises .single:last-child,
.expertises .single:nth-child(3) {
    padding-top: 60px;
}

.expertises .single:first-child,
.expertises .single:nth-child(3) {
    border-right: 1px solid #d7d8d8;
}

.expertises .single ul,
.list-squares {
    display: inline-block;
    padding-right: 40px;
    vertical-align: top;
}

.expertises .single ul li,
.list-squares li {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 13px;
    padding-left: 25px;
    position: relative;
}

.expertises .single ul li:before,
.list-squares li:before {
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #d62924;
    content: "";
}

.big-red-banner {
    display: block;
    padding-bottom: 108px;
}

.big-red-banner .banner {
    width: 100%;
    position: relative;
    padding: 107px 69px 63px 65px;
    background-color: #e30014;
    color: #FFF;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    overflow: hidden;
    -webkit-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.big-red-banner .banner:hover {
    background-color: #fd8424;
    -webkit-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.big-banner:hover .bounceright-single {
    -webkit-animation: bounceright 1.5s infinite ease-in-out;
    -moz-animation: bounceright 1.5s infinite ease-in-out;
    -o-animation: bounceright 1.5s infinite ease-in-out;
    animation: bounceright 1.5s infinite ease-in-out;
}

.big-red-banner .banner:before {
    background-image: url('../images/big-banner-ta-letters-bg.png');
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 675px;
    height: 384px;
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    display: block;
    -webkit-transition: -webkit-transform 350ms ease-out;
    transition: -webkit-transform 350ms ease-out;
}

.big-red-banner .banner .overall {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    display: block;
}

.big-red-banner .banner:hover:before {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transition: -webkit-transform 350ms ease-out;
    transition: -webkit-transform 350ms ease-out;
}

.big-red-banner .banner .position-relative {
    z-index: 20;
}

.big-red-banner .banner .logo {
    margin-bottom: 87px;
}

.big-red-banner .banner .logo svg {
    width: 80px;
}

.big-red-banner .banner .left {
    max-width: 240px;
}

.big-red-banner .banner .right {
    max-width: 620px;
}

.big-red-banner .banner .getintouch {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    line-height: 38px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.3px;
}

.big-red-banner .banner .getintouch span {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    font-size: 45px;
    margin-left: 25px;
    -webkit-transition: color 300ms ease-out;
    -o-transition: color 300ms ease-out;
    -moz-transition: color 300ms ease-out;
    transition: color 300ms ease-out;
}

.big-red-banner .banner .getintouch:hover {
    text-decoration: underline;
}

.big-red-banner .banner .getintouch:hover span {
    color: #FFF;
    -webkit-transition: color 300ms ease-out;
    -o-transition: color 300ms ease-out;
    -moz-transition: color 300ms ease-out;
    transition: color 300ms ease-out;
}

.big-red-banner .banner .big {
    width: auto;
    display: inline-block;
    padding-right: 120px;
    padding-top: 60px;
    text-align: right;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../images/question-big.svg');
    margin-top: -20px;
    position: relative;
}

.big-red-banner .banner .big small {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    text-align: right;
    position: absolute;
    right: 125px;
    top: 25px;
}

.big-red-banner .banner .big h2 {
    font-size: 130px;
    line-height: 130px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: -5.2px;
    margin-top: -5px;
    margin-bottom: 23px;
}

.big-red-banner .banner .text {
    display: inline-block;
    max-width: 423px;
    text-align: left;
}

.big-red-banner .banner .big h2 span {
    display: none;
}

footer {
    background-color: #2e2e2e;
    font-size: 13px;
    line-height: 20px;
    color: rgba(255, 255, 255, .4);
    padding: 0;
    overflow: hidden;
    position: relative;
}

footer .container {
    padding-top: 100px;
    padding-bottom: 60px;
    position: relative;
}

footer .container .bg {
    width: 806px;
    height: 535px;
    background-image: url('../images/ta-letters-transparent-footer.svg');
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: -278px;
    top: -184px;
    content: "";
}

footer .inside {
    position: relative;
    z-index: 15;
}

footer .logo {
    margin-bottom: 67px;
}

footer .logo > a {
    max-width: 100%;
    width: 350px;
    display: inline-block;
}

footer .menu li {
    line-height: 14px;
    position: relative;
    margin-right: 13px;
    padding-right: 13px;
}

footer .menu li:last-child {
    padding-right: 0;
    margin-right: 0;
}

footer a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, .6);
    letter-spacing: 0.28px;
}

footer .form {
    width: 270px;
    max-width: 100%;
    margin-top: 18px;
    display: inline-block;
}

footer .form h5 {
    font-size: 18px;
    line-height: 22px;
    color: #FFF;
    margin-bottom: 10px;
}

footer .form p {
    margin-bottom: 12px;
}

footer .form div.wpcf7-response-output {
    margin: 15px 0px;
    padding: 0px 15px 0px 0px;
    border: none !important;
    float: left;
    font-weight: 400;
}

footer .form div.wpcf7-validation-errors {
    display: none !important;
}

footer .form span.wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #d62924;
    float: left;
}

footer .form form {
    position: relative;
    display: block;
    width: 100%;
}

footer form input {
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    border: none;
    border-bottom: 2px solid #979797;
    outline: none;
    background-color: transparent;
    padding: 15px 0;
    padding-right: 30px;
    font-weight: 600;
    display: block;
    width: 100%;
}

footer form button {
    position: absolute;
    background-color: transparent;
    right: -5px;
    top: 50%;
    margin-top: -13px;
    cursor: pointer;
    z-index: 10;
}

footer .copy {
    padding: 17px 0;
    border-top: 1px solid rgba(255, 255, 255, .25);
}

footer .copy .menu li:not(:last-child):before {
    content: "|";
    position: absolute;
    top: 50%;
    right: -1px;
    margin-top: -6px;
}

footer .copy .menu li,
footer .copy .menu li a {
    font-size: 14px;
    line-height: 16px;
    color: rgba(255, 255, 255, .46);
    letter-spacing: 0.22px;
    position: relative;
}

footer a:hover {
    color: #d62924 !important;
}

footer .d-flex {
    position: relative;
    z-index: 20;
}

footer .copy .social > a {
    font-size: 20px;
    line-height: 22px;
}

/* OUR WORK CSS */

.our-work-div {
    padding-top: 127px;
    padding-bottom: 90px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.single-project .hidden-work-list {
    display: none;
}

.single-project {
    display: block;
    padding: 81px 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    position: relative;
}

.single-project .boxed {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.single-project .boxed:before {
    width: 23px;
    height: 23px;
    background-image: url('../images/dots-pattern-four.svg');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    display: block;
    top: 0px;
    right: 0px;
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project.right .boxed:before {
    right: auto;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project .boxed:after {
    width: 83px;
    height: 83px;
    background-image: url('../images/dots-pattern-5x5.svg');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    display: block;
    top: -40px;
    left: -55px;
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project.right .boxed:after {
    left: auto;
    right: -55px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project:hover .boxed:after,
.single-project.right:hover .boxed:before,
.single-project:hover .boxed:before,
.single-project.right:hover .boxed:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project .inside {
    padding-left: 80px;
}

.single-project.right .inside {
    padding-left: 0px;
    padding-right: 80px;
}

.single-project .client-name {
    margin-top: 78px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.single-project .image {
    height: 414px;
    position: relative;
}

.single-project .image .img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.single-project:hover .image .img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.single-project .image .plus {
    background-image: url('../images/icon-plus-orange.svg');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    display: block;
    top: -54px;
    right: -50px;
    width: 107px;
    height: 107px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project.right .image .plus {
    left: -50px;
    right: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project:hover .image .plus,
.single-project.right:hover .image .plus {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project .image .pattern {
    width: 103px;
    height: 103px;
    background-image: url('../images/dots-pattern-6x6-two-row-left.svg');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    display: block;
    bottom: -50px;
    left: -55px;
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project.right .image .pattern {
    background-image: url('../images/dots-pattern-6x6-two-row.svg');
    left: auto;
    right: -55px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project:hover .image .pattern,
.single-project.right:hover .image .pattern {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project .learn-more {
    font-family: 'ATBScript-Rg';
    font-size: 48px;
    letter-spacing: -0.96px;
    color: #d62924;
    line-height: 88px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project:hover .learn-more {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.single-project .hover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 100;
}

.grey-light-bg {
    background-color: #f9f9f9 !important;
}


/* OUR TEAM CSS */

.our-team .view-more {
    font-size: 19px;
    line-height: 24px;
    padding: 50px 0;
    letter-spacing: 0;
    font-weight: 700;
}

.our-team .single {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    height: 349px;
    position: relative;
}

.our-team .single .inside {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.our-team .single .inside .image {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
    z-index: 10;
    visibility: visible;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.our-team .single:hover .inside .image {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.our-team .single .inside .info {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    padding: 30px 40px 25px 40px;
    font-size: 13px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    background-color: #fd8424;
}

.our-team .single:nth-of-type(odd) .inside .info {
    background-color: #fd8424;
}

.our-team .single:nth-of-type(even) .inside .info {
    background-color: #d62924;
}

.our-team .single .inside .info:before {
    position: absolute;
    right: 48px;
    top: 70px;
    content: "+";
    font-size: 100px;
    color: rgba(0, 0, 0, .09);
    display: inline-block;
    font-weight: bold;
}

.our-team .single .inside .info ul li {
    color: #FFF;
    margin-bottom: 1px;
}

.our-team .single .inside .info h3 {
    margin-bottom: 1px;
}

.our-team .single .hover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

.fun-hours {
    padding: 105px 0 128px 0;
}

.fun-hours .single {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    height: 278px;
}

.fun-hours .double {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    height: 278px;
    position: relative;
    font-size: 26px;
    line-height: 29px;
    font-weight: 400;
}

.fun-hours .double .font-above {
    font-size: 80px;
    line-height: 70px;
    color: #000;
    display: block;
    margin-bottom: 60px;
}

.fun-hours .single a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}

.fun-hours .single .view-more {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #f6f6f6;
    font-size: 17px;
    padding: 35px 35px;
    text-align: right;
    font-weight: 600;
}

.fun-hours .single .view-more:before {
    position: absolute;
    left: 40px;
    top: 62px;
    content: "+";
    font-size: 100px;
    color: #e0e0e0;
    display: inline-block;
    font-weight: bold;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.fun-hours .single .view-more:hover {
    background-color: #ebebeb;
}

.fun-hours .single .view-more:hover:before {
    color: #d0d0d0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}


/* CAREERS CSS */

.job-open-positions {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 35px;
}

.job-open-positions .single {
    height: 95px;
    border-bottom: 1px solid rgba(161, 161, 161, .6);
    font-size: 16px;
    line-height: 18px;
    color: #9b9b9b;
    display: block;
    font-weight: 700;
}

.job-open-positions .single:last-child {
    border-bottom: none;
}

.job-open-positions .single a span {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

.job-open-positions .single .state {
    padding-left: 36px;
}

.stroke-text {
    -webkit-text-stroke: 2px #000;
    -webkit-text-fill-color: #FFF;
    color: #FFF;
    font-weight: 600;
}

.stroke-text.big {
    font-size: 150px;
    letter-spacing: -4.5px;
}

.benefits-overview {
    width: 100%;
    display: block;
    padding: 127px 0 65px 0;
    background-color: #f9f9f9;
    margin-top: 20px;
}

.benefits-overview .stroke-text {
    color: #f9f9f9;
    -webkit-text-fill-color: #f9f9f9;
}

.benefits-overview .left {
    padding-right: 50px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.16px;
}

.benefits-overview .right {
    padding-left: 50px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    padding-top: 80px;
}

.benefits-overview .text {
    display: inline-block;
    position: relative;
    padding: 101px 0 108px 0;
}

.benefits-overview .text small {
    font-size: 27px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    position: absolute;
    right: 0;
    bottom: 25px;
}

.benefits-overview .text span {
    font-size: 70px;
    color: #d62924;
    position: absolute;
    left: 30px;
    top: 35px;
    font-family: 'ATBScript-Rg';
}

.benefits-overview .benefit-single {
    padding-left: 65px;
    position: relative;
    margin-bottom: 52px;
    margin-left: 40px;
}

.benefits-overview .benefit-single .icon {
    position: absolute;
    left: 0;
    top: 0;
}

.hungry-for-more {
    width: 100%;
    padding: 130px 0 140px 0;
    font-size: 21px;
    line-height: 29px;
    font-weight: 600;
    letter-spacing: 0.525px;
}

.hungry-for-more h2 {
    font-size: 70px;
    color: #d62924;
    font-family: 'ATBScript-Rg';
    padding-bottom: 60px;
}

.hungry-for-more a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}

.hungry-for-more a:hover {
    color: #d62924;
}

.hungry-for-more a .icon {
    display: block;
    text-align: center;
    height: 50px;
}


/* INSIGHTS CSS */

.insights-banner {
    width: 100%;
    position: relative;
    padding: 140px 0;
    text-align: center;
    overflow-x: unset !important;
}

.insights-banner h1 {
    font-size: 110px;
    line-height: 88px;
    font-family: 'ATBScript-Rg';
    position: relative;
    display: inline-block;
}

.insights-banner h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: 400;
    position: absolute;
    bottom: -97px;
    right: -40px;
    display: inline-block;
}

header.insights .bottom-border {
    border-bottom: none;
}

.insights-main {
    width: 100%;
    display: block;
    padding-top: 37px;
    padding-bottom: 130px;
}

.insights-main .filter {
    display: block;
    border-bottom: 2px solid #000000;
    margin-bottom: 88px;
}

.insights-main .filter li {
    display: block;
    float: left;
    padding: 0 51px 0 51px;
}

.insights-main .filter li:last-child {
    float: right;
}

.insights-main .filter li {
    border-bottom: 3px solid transparent;
}

.insights-main .filter li.hover,
.insights-main .filter li.active {
    border-bottom: 3px solid #000;
}

.insights-main .filter li.active a,
.insights-main .filter li.active:hover a {
    font-weight: bold;
}

.insights-main .filter li a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #000000;
    padding-bottom: 28px;
    display: block;
}

.insights-main .filter li.hover a,
.insights-main .filter li.active a,
.insights-main .filter li:hover a {
    color: #d62924;
}

.news-single {
    display: block;
    position: relative;
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 20px;
    color: rgba(0, 0, 0, .8);
}

.news-single.featured {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 80px;
}

.news-single.featured h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 200;
    margin-bottom: 20px;
}

.news-single.featured .category {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 40px;
}

.news-single .image {
    position: relative;
    height: 265px;
    display: block;
    width: 100%;
    margin-bottom: 44px;
}

.news-single.featured .image {
    position: relative;
    height: 415px;
    display: block;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    margin-bottom: 0;
}

.news-single.featured .image:before {
    width: 23px;
    height: 63px;
    position: absolute;
    right: -32px;
    top: 49px;
    display: inline-block;
    content: url('../images/dots-pattern-2x4.svg')
}

.news-single .image .inside,
.news-single .image a:not([rel="category tag"]) {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.news-single .image .category {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    color: #000;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    padding: 15px 25px 0px 0;
}

.news-single .text {
    height: 170px;
    overflow: hidden;
}

.news-single .text .title {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 11px;
    display: block;
}

.news-single .read-more {
    font-size: 16px;
    line-height: 18px;
    color: #d62924;
    font-weight: 700;
}

.news-single .read-more span {
    padding-left: 15px;
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.news-single .read-more:hover {
    color: #f68a1f
}

.insights-single-banner .hidden-work-single {
    display: none;
}

.insights-single-banner {
    display: block;
    height: 820px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px;
    color: #FFF;
    font-size: 19px;
    line-height: 22px;
}

.insights-single-banner.scroll-effect {
    background-attachment: fixed;
}

.insights-single-banner .inside {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    display: block;
    position: relative;
}

.insights-single-banner .container:before {
    background-image: url('../images/dots-pattern-8x7-right.svg');
    width: 143px;
    height: 123px;
    position: absolute;
    right: -27px;
    bottom: 118px;
    content: "";
}

.insights-single-banner .container {
    padding-top: 100px;
    padding-bottom: 112px;
}

.insights-single-banner h1 {
    font-size: 66px;
    line-height: 85px;
    font-weight: 300;
    letter-spacing: -0.7px;
    margin-bottom: 100px;
}

.insights-single-banner a.back {
    color: #FFF;
    padding-left: 25px;
    position: relative;
}

.insights-single-banner a.back:before {
    content: "";
    width: 5px;
    height: 8px;
    background-image: url('../images/keyboard-right-arrow-button.svg');
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

header.insights-internal .container {
    max-width: -webkit-calc(100vw - 250px);
    max-width: -moz-calc(100vw - 250px);
    max-width: calc(100vw - 250px);
}

header.insights-internal {
    top: 80px;
}

.insights-details {
    padding-top: 130px;
    padding-bottom: 80px;
    font-size: 16px;
    line-height: 32px;
}

.insights-details p {
    margin-bottom: 20px;
}

.insights-details a {
    color: #d62924 !important;
    font-weight: 600;
}

.insights-content ul {
    padding-left: 40px;
    margin-bottom: 20px;
}

.insights-details h2 {
    font-size: 35px;
    line-height: 41px;
    margin-bottom: 8px;
}

.insights-details .end,
.insights-details .source {
    display: block;
    margin-bottom: 50px;
}

.insights-details .back-to-insights {
    padding-left: 25px;
    position: relative;
    font-size: 19px;
    line-height: 22px;
    display: inline-block;
    margin-left: -25px;
    letter-spacing: 0.19px;
}

.insights-details .back-to-insights:before {
    content: "";
    width: 5px;
    height: 8px;
    background-image: url('../images/keyboard-right-arrow-button-black.svg');
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.insights-main.more {
    padding: 80px 0 60px 0;
    background-color: #f9f9f9;
}

.insights-main.more .title-big {
    display: block;
    text-align: center;
    font-size: 34px;
    line-height: 38px;
    font-weight: 200;
    margin-bottom: 65px;
}

.insights-details .post-detais {
    font-size: 16px;
    line-height: 26px;
}

.insights-details .post-detais p {
    margin-bottom: 27px;
}

.insights-details .post-detais ul li a {
    font-weight: 600;
    font-size: 16px;
    color: #df3e44;
}

.insights-details .post-detais ul li a:hover {
    color: #f68a1f;
}

.insights-details a {
    word-wrap: break-word;
}

.insights-details .post-detais .list-inline-item:not(:last-child) {
    margin-right: 20px;
}


/* CONTACT CSS */

.contact-block {
    width: 100%;
    display: block;
    overflow: hidden;
}

.contact-1 {
    height: 445px;
    padding-bottom: 90px;
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
}

.contact-block .bottom-line {
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    background-color: #d7d7d7;
    height: 1px;
    display: block;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.contact-block.viewpointin .bottom-line {
    -webkit-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.contact-block .middle-line {
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 0;
    width: 1px;
    background-color: #d7d7d7;
    height: 100%;
    display: block;
    top: 100%;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.contact-block.viewpointin .middle-line {
    -webkit-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.contact-1 .text {
    display: inline-block;
    position: relative;
}

.contact-1 .text .stroke-text {
    font-size: 225px;
    line-height: 127%;
}

.contact-1 .text span {
    font-size: 70px;
    color: #d62924;
    font-family: 'ATBScript-Rg';
    position: absolute;
    bottom: 42px;
    right: -25px;
}

.pull-left {
    margin-left: -30px;
}

.contact-2 {
    height: 135px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

.contact-2 .phone {
    font-size: 26px;
}

.contact-2 small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 3px;
}

.contact-2 .middle-line,
.contact-2.viewpoitnin .middle-line {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.contact-3 {
    background-color: #d62924;
    /* background-color: #fd8424; */
    color: #FFF;
    height: 340px;
}

.contact-3 .middle-line,
.contact-3 .bottom-line {
    background-color: rgba(0, 0, 0, .1);
    z-index: 10000;
}

.contact-3 .text {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 22px;
}

.contact-3 .row .custom-bg-left {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: #d62924;
    -webkit-transform: translate(-3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(-3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(-3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(-3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(-3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}


.contact-3 .row .custom-bg-right {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #d62924;
    -webkit-transform: translate(3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(3000px, 0) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.contact-3.viewpointin .row .custom-bg-left,
.contact-3.viewpointin .row .custom-bg-right {
    -webkit-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.contact-3 .row .custom-bg-left:before {
    width: 150000px;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    content: "";
    display: block;
    background-color: #d62924;
}

.contact-3 .row .custom-bg-right:before {
    width: 150000px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    content: "";
    display: block;
    background-color: #d62924;
}

.contact-3 .text .location {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}

.contact-3 .text .location span {
    font-family: 'schnee';
    font-size: 18px;
    line-height: 18px;
    -webkit-transform-origin: 13px -8px;
    -moz-transform-origin: 13px -8px;
    -ms-transform-origin: 13px -8px;
    -o-transform-origin: 13px -8px;
    transform-origin: 13px -8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    letter-spacing: 2.52px;
}

.contact-3 .text .location span.ny {
    -webkit-transform-origin: 28px -25px;
    -moz-transform-origin: 28px -25px;
    -ms-transform-origin: 28px -25px;
    -o-transform-origin: 28px -25px;
    transform-origin: 28px -25px;
}

.contact-3 .text .location span.dc {
    -webkit-transform-origin: 4px 1px;
    -moz-transform-origin: 4px 1px;
    -ms-transform-origin: 4px 1px;
    -o-transform-origin: 4px 1px;
    transform-origin: 4px 1px;
}

.contact-3 .text .location span.ny {
    -webkit-transform-origin: 27px -22px;
    -moz-transform-origin: 27px -22px;
    -ms-transform-origin: 27px -22px;
    -o-transform-origin: 27px -22px;
    transform-origin: 27px -22px;
}

.contact-3 .text .location span.ca {
    -webkit-transform-origin: 36px -32px;
    -moz-transform-origin: 36px -32px;
    -ms-transform-origin: 36px -32px;
    -o-transform-origin: 36px -32px;
    transform-origin: 36px -32px;
}

.contact-3 .text .location:before {
    content: "+";
    position: absolute;
    top: 7px;
    right: -2px;
    color: #470406;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
}

.contact-3 .text h3 {
    font-size: 25px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 7px;
}

.contact-3 .text p {
    margin-bottom: 30px;
}

.contact-3 .text a {
    font-size: 25px;
    line-height: 28px;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 1.125px;
}

.text-black {
    color: #000 !important;
}

.contact-4 {
    height: auto;
    padding: 145px 0;
    font-size: 21px;
    line-height: 32px;
}

.contact-4 h2 {
    position: relative;
    font-size: 47px;
    line-height: 53px;
    font-weight: 200;
    margin-bottom: 35px;
    margin-top: -8px;
}

.contact-4 h2:before {
    background-image: url('../images/icon-square-with-arrow-down-red.jpg');
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    left: 0;
    top: -50px;
    z-index: 10;
}

.contact-4 .container:before {
    background-image: url('../images/dots-pattern-3x3.svg');
    width: 43px;
    height: 43px;
    content: "";
    position: absolute;
    right: 17px;
    bottom: -10px;
    z-index: 10;
}


/* MENU */

.custom-menu {
    width: 100%;
    position: fixed;
    top: -770px;
    left: 0;
    background-color: #FFF;
    height: 770px;
    display: block;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    max-height: 100%;
    overflow: hidden;
    z-index: 1002;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
    line-height: 26px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.custom-menu.opened {
    -webkit-transform: translate(0%, 770px) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(0%, 770px) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(0%, 770px) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(0%, 770px) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(0%, 770px) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.custom-menu .inside-over {
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow-y: auto;*/
    padding-bottom: 110px;
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-menu .inside.left {
    padding-right: 95px;
    transition: -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    -o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transform: translate(-200px, 0);
    -moz-transform: translate(-200px, 0);
    -ms-transform: translate(-200px, 0);
    -o-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    opacity: 0;
    visibility: hidden;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
}

.custom-menu.opened .inside.left {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition: -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    -o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    opacity: 1;
    visibility: visible;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
}

.custom-menu .inside.left p {
    padding-right: 50px;
    margin-bottom: 44px;
}

.custom-menu .inside.left label {
    font-size: 11px;
    margin-bottom: 10px;
}

.custom-menu .inside.left a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.custom-menu .inside.left a:hover {
    color: #d31a26;
}

.custom-menu .inside.right {
    padding-left: 103px;
    transition: -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    -o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    transform: translate(200px, 0);
    opacity: 0;
    visibility: hidden;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
}

.custom-menu.opened .inside.right {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition: -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    -o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    opacity: 1;
    visibility: visible;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
}

.custom-menu .close-menu {
    position: absolute;
    right: 50%;
    margin-right: -555px;
    top: 30px;
    opacity: 0;
    z-index: 1000;
    visibility: hidden;
    -webkit-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -moz-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -ms-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -o-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.custom-menu.opened .close-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -moz-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -ms-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -o-transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transform: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.custom-menu .middle-line {
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 0;
    width: 1px;
    background-color: #d7d7d7;
    height: 100%;
    display: block;
    top: 100%;
    -webkit-transform: matrix(0.99254, 0.12186, 0, 1, 0, 80);
    -moz-transform: matrix(0.99254, 0.12186, 0, 1, 0, 80);
    -ms-transform: matrix(0.99254, 0.12186, 0, 1, 0, 80);
    -o-transform: matrix(0.99254, 0.12186, 0, 1, 0, 80);
    transform: matrix(0.99254, 0.12186, 0, 1, 0, 80);
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
}

.custom-menu.opened .middle-line {
    -webkit-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
}

.custom-menu .container {
    max-width: 1284px;
}

.custom-menu .right ul {
}

.custom-menu .right ul li {
    display: block;
    margin-bottom: 43px;
    position: relative;
}

.custom-menu .right ul li:last-child {
    margin-bottom: 0;
}

.custom-menu .right ul li a {
    font-size: 45px;
    font-weight: 200;
    line-height: 45px;
    letter-spacing: -1.35px;
}

.custom-menu .right ul li a:hover,
.custom-menu .right ul li a.active,
.custom-menu .right ul li a.active:hover {
    color: #d31a26;
}

.custom-menu .ta-bg {
    content: "";
    width: 476px;
    height: 662px;
    background-image: url('../images/ta-menu-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -770px;
    transition: -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    -o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transform: translate(-200px, 0);
    -moz-transform: translate(-200px, 0);
    -ms-transform: translate(-200px, 0);
    -o-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    opacity: 0;
    visibility: hidden;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.custom-menu.opened .ta-bg {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition: -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out;
    -o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transition: transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    opacity: 1;
    visibility: visible;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}


/* OUR WORK SINGLE PAGE */

.contact-block.work-1 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    padding: 110px 0 80px;
}

.contact-block.work-1 h2 {
    margin-bottom: 30px;
}

.contact-block.work-1 h2 span {
    font-family: 'ATBScript-Rg';
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -25px;
    font-size: 33px;
    margin-left: 3px;
}

.contact-block.work-1 .pattern {
    background-image: url('../images/dots-pattern-3x3.svg');
    width: 43px;
    height: 43px;
    content: "";
    position: absolute;
    left: 15px;
    bottom: -29px;
    z-index: 10;
}

.contact-block.work-1 .plus {
    color: #e8e8e8;
    position: absolute;
    right: -44px;
    bottom: -22px;
    z-index: 10;
    font-size: 121px;
    font-weight: 600;
}

.contact-block.work-2 {
    height: 430px;
    font-size: 19px;
    line-height: 23px;
    font-weight: 700;
    background-color: #d62924;
    color: #FFF;
}

.contact-block.work-2 .middle-line,
.contact-block.work-2 .bottom-line {
    background-color: #a9151e;
}

.contact-block.work-2 .text h2 {
    font-family: 'ATBScript-Rg';
    font-size: 135px;
    line-height: 275px;
    display: block;
    position: relative;
}

.contact-block.work-2 .text h2 span {
    color: #000000;
    font-size: 28px;
    line-height: 29px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: block;
}

.contact-block.work-2 .text h2:before {
    width: 15px;
    height: 15px;
    position: absolute;
    content: url('../images/icon-square-with-arrow-down-red.jpg');
    display: block;
    right: -150px;
    bottom: 5px;
    line-height: 0;
    font-size: 1px;
}

.contact-block.work-2 .box {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    height: 215px;
    margin-left: -15px;
    padding-left: 80px;
}

.contact-block.work-2 .box.pattern:before {
    background-image: url('../images/dots-pattern-3x3.svg');
    width: 43px;
    height: 43px;
    content: "";
    position: absolute;
    right: 0px;
    bottom: 37px;
    z-index: 10;
}

.contact-block.work-2 .box ul li {
    display: block;
    float: left;
    width: 180px;
    padding-right: 50px;
}

.contact-block.work-2 .box .see-more {
    margin-top: 38px;
}

.contact-block.work-2 .box .bottom-line {
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 10000px;
    height: 1px;
    display: block;
    -webkit-transform: translate(1000px, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(1000px, 0%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(1000px, 0%) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(1000px, 0%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(1000px, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.contact-block.viewpointin.work-2 .box .bottom-line {
    -webkit-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.video-slider-div {
    width: 100%;
    display: block;
}

.video-slider-div .container {
    max-width: 1500px;
}

.video-slider-div .video-slider {
    position: relative;
}

.video-slider .item {
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.video-slider .item .play-video {
    width: auto;
    max-width: 1110px;
    margin: 0 auto;
    height: 100%;
    display: block;
    position: relative;
}

.video-slider .item .play-video .play {
    position: absolute;
    left: 0;
    bottom: 248px;
    padding-left: 185px;
    width: 100%;
}

.video-slider .item .play-video .play:before {
    width: 60px;
    position: absolute;
    height: 2px;
    background-color: #FFF;
    left: 83px;
    content: "";
    top: 50%;
    margin-top: -1px;
}

.video-slider .item .play-video .play:after {
    width: 530px;
    position: absolute;
    height: 2px;
    background-color: #FFF;
    right: 83px;
    content: "";
    top: 50%;
    margin-top: -1px;
}

.video-slider .item .play-video a {
    font-family: 'schnee';
    font-size: 35px;
    line-height: 35px;
    color: #FFF;
    padding-left: 160px;
    position: relative;
}

.video-slider .item .play-video a:before {
    width: 130px;
    height: 130px;
    background-color: #FFF;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -65px;
    text-align: center;
    line-height: 130px;
    color: #d62924;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    font-size: 15px;
}

.video-slider .item .inside {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.video-slider .item .play-video:before {
    background-color: rgba(0, 0, 0, .4);
    width: 11500px;
    height: 100%;
    position: absolute;
    right: -webkit-calc(100% - 315px);
    right: -moz-calc(100% - 315px);
    right: calc(100% - 315px);
    top: 0;
    content: "";
    display: block;
}

.video-slider .new-prev {
    font-family: 'schnee';
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    left: 50%;
    margin-left: -555px;
    bottom: 248px;
    z-index: 100;
    color: #FFF;
}

.video-slider .new-next {
    font-family: 'schnee';
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    right: 50%;
    margin-right: -570px;
    bottom: 248px;
    z-index: 100;
    color: #FFF;
}

.video-slider-div .slider-pagination {
    position: absolute;
    left: 50%;
    margin-left: -550px;
    bottom: 85px;
    z-index: 100;
    color: #FFF;
    z-index: 100;
    font-size: 45px;
    line-height: 45px;
    font-weight: 500;
}

.video-slider-div .slider-pagination ul li {
    display: inline-block;
    vertical-align: middle;
}

.video-slider-div .slider-pagination ul li:last-child {
    vertical-align: top;
    font-size: 13px;
    line-height: 17px;
    border-bottom: 2px solid #FFF;
    margin-top: 7px;
}

.client-review {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.32px;
    padding-top: 160px;
}

.client-review strong {
    font-size: 17px;
}

.client-review h3 {
    font-weight: 200;
    font-size: 34px;
    line-height: 51px;
}

.client-review .text-review {
    margin-left: -35px;
}

.client-image-big {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.32px;
    padding-top: 140px;
}

.client-image-big .container:before {
    background-image: url('../images/dots-pattern-8x7-right-black.svg');
    width: 143px;
    height: 123px;
    position: absolute;
    right: -25px;
    bottom: -70px;
    content: "";
}

.center-slider-div {
    width: 100%;
    margin: 0 auto;
    padding-top: 200px;
}

.center-slider-div h3 {
    font-weight: 200;
    font-size: 34px;
    line-height: 49px;
    letter-spacing: 0;
}

.center-slider-div h3 strong {
    font-weight: 700;
}

.center-slider-div .item {
    width: 1100px;
}

.slick-slider .item {
    outline: none !important;
}

.center-slider-div .center-slider {
    margin-top: 80px;
}

.center-slider-div .new-prev {
    font-family: 'schnee';
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    right: 50%;
    margin-right: -370px;
    top: -116px;
    z-index: 100;
    color: #000000;
}

.center-slider-div .new-next {
    font-family: 'schnee';
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    right: 50%;
    margin-right: -456px;
    top: -116px;
    z-index: 100;
    color: #000000;
}

.center-slider-div .slider-pagination-center {
    position: absolute;
    right: 15px;
    bottom: 4px;
    z-index: 100;
    color: #000000;
    z-index: 100;
    font-size: 45px;
    line-height: 45px;
    font-weight: 500;
}

.center-slider-div .slider-pagination-center ul li {
    display: inline-block;
    vertical-align: middle;
}

.center-slider-div .slider-pagination-center ul li:last-child {
    vertical-align: top;
    font-size: 13px;
    line-height: 17px;
    border-bottom: 2px solid #000000;
    margin-top: 7px;
}

.every-device {
    width: 100%;
    display: block;
    padding: 210px 0 180px 0;
}

.every-device h2 {
    font-size: 40px;
    line-height: 47px;
    font-weight: 200;
    padding-bottom: 65px;
    margin-bottom: 65px;
    position: relative;
}

.every-device h2:before {
    content: "+";
    position: absolute;
    left: 0;
    bottom: -2px;
    color: #000;
    font-size: 27px;
    line-height: 0;
    font-weight: 400;
    display: inline-block;
}

.every-device .mobile-2 {
    padding-top: 120px;
}

.every-device .mobile-2 .pattern {
    position: absolute;
    right: 15px;
    top: 0;
}

.every-device .mobile-3 {
    margin-top: -220px;
}

.every-device .mobile-4 {
    margin-top: -220px;
    padding-top: 220px;
}

.every-device .mobile-4 .pattern {
    position: absolute;
    right: 15px;
    top: 0;
}

.every-device .mobile-3 .pattern {
    margin-top: 50px;
    margin-left: 15px;
}

.every-device .container:before {
    width: 150px;
    height: 160px;
    position: absolute;
    left: 170px;
    bottom: 70px;
    content: "";
    background-color: #d62924;
}

.next-project {
    height: 690px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-size: 31px;
    line-height: 37px;
    color: #FFF;
    padding-top: 140px;
}

.next-project .link {
    margin-bottom: 85px;
}

.next-project .link a {
    color: #FFF;
}

.next-project .link a span {
    margin-left: 25px;
}

.next-project h3 {
    font-size: 81px;
    line-height: 85px;
    letter-spacing: -2.43px;
    font-weight: 300;
}

.next-project h3:before {
    width: 183px;
    height: 123px;
    background-image: url('../images/dots-pattern-10x7.svg');
    position: absolute;
    left: -90px;
    bottom: -63px;
    content: "";
    display: block;
}

.big-red-banner.ourwork {
    padding-top: 130px;
}

.three-image-div {
    width: 100%;
    display: block;
    position: relative;
    background-color: #f6f6f6;
    padding: 140px 0;
}

.scroll-down-to-section {
    width: 17px;
    height: 44px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 100px;
    z-index: 100;
}

.insights-single-banner.home {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.32px;
    font-weight: 500;
    position: relative;
}

.insights-single-banner.home .container {
    padding-top: 170px;
}

.insights-single-banner.home h1 {
    font-size: 75px;
    line-height: 85px;
    font-weight: 500;
    letter-spacing: -1.5px;
    margin: 0 0 30px 0;
}

.insights-single-banner.home h3 {
    font-family: 'ATBScript-Rg';
    font-size: 90px;
    line-height: 95px;
    font-weight: normal;
}

.insights-single-banner.home h3 small {
    font-family: 'ATBScript-Rg';
    font-size: 60px;
    line-height: 65px;
    font-weight: normal;
    display: inline-block;
    margin: 0 10px;
}

.insights-single-banner.home h3 span {
    font-family: 'schnee';
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 4px;
    font-weight: normal;
}

.insights-single-banner.home .container:before {
    display: none;
}

.intro-text.home {
    padding: 0;
    font-size: 15px;
    line-height: 26px;
}

.intro-text.home .container {
    position: relative;
    padding-top: 200px;
    padding-bottom: 205px;
}

.intro-text.home .bg {
    position: absolute;
    right: 30px;
    top: 54px;
    z-index: 10;
}

.intro-text.home .inside {
    position: relative;
    z-index: 20;
}

.intro-text.home h2 {
    font-size: 100px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: -4.9px;
}

.intro-text.home h4 {
    font-weight: 700;
    font-size: 27px;
    line-height: 30px;
    margin: 0 0 22px 0;
}

.intro-text.home .text {
    padding-right: 85px;
}

.intro-text.home .text p:first-child {
    margin-bottom: 60px;
}

.btn.fixed {
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    padding-left: 45px;
    padding-right: 15px;
}

.btn.fixed span {
    padding-left: 6px;
}

.contact-block.home-1 {
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    padding: 250px 0 40px 0;
    background-color: #d31a26;
}

.contact-block.home-1 .single-thing {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    color: #FFF;
    text-align: center;
    height: 95px;
    margin-top: 80px;
    position: relative;
}

.contact-block.home-1 .single-thing:before {
    background-color: rgba(252, 249, 249, .17);
    height: 100%;
    width: 1px;
    position: absolute;
    right: -15px;
    top: 0;
    content: "";
    display: block;
}

.contact-block.home-1 .single-thing.last:before {
    display: none;
}

.contact-block.home-1 .bottom-div {
    max-width: 1500px;
    margin: 0 auto;
}

.contact-block.home-1 .single-thigs.last {
    border: none;
}

.contact-block.home-1 h2 {
    margin-bottom: 30px;
}

.contact-block.home-1 h2 span {
    font-family: 'ATBScript-Rg';
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -25px;
    font-size: 33px;
    margin-left: 3px;
}

.contact-block.home-1 .text.right .pattern {
    background-image: url('../images/dots-pattern-3x3.svg');
    width: 43px;
    height: 43px;
    content: "";
    position: absolute;
    left: 15px;
    bottom: -29px;
    z-index: 10;
}

.contact-block.home-1 .text {
    position: relative;
    padding-left: 35px;
    padding-right: 25px;
}

.contact-block.home-1 .text.left {
    padding-left: 0;
}

.contact-block.home-1 .text.right {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    letter-spacing: 0.525px;
    position: relative;
    color: #FFF;
    margin-left: -15px;
}

.contact-block.home-1 .text.right .vertical {
    font-family: 'schnee';
    font-size: 32px;
    line-height: 32px;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    -o-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    position: absolute;
    bottom: 195px;
    right: -250px;
    letter-spacing: 5.12px;
    font-weight: 400;
    padding-right: 74px;
    color: rgba(0, 0, 0, .7);
}

.contact-block.home-1 .vertical {
    font-family: 'schnee';
    font-size: 32px;
    line-height: 32px;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    -o-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    position: absolute;
    bottom: 195px;
    right: -250px;
    letter-spacing: 5.12px;
    font-weight: 400;
    padding-right: 74px;
    color: rgba(0, 0, 0, .7);
    display: none;
}

.contact-block.home-1 .text.right:before {
    background-image: url('../images/dots-pattern-4x4.svg');
    width: 63px;
    height: 63px;
    content: "";
    position: absolute;
    left: 100px;
    top: -140px;
    z-index: 10;
}

.contact-block.home-1 .text.right .vertical:before {
    position: absolute;
    right: 0;
    top: 3px;
    content: url('../images/icon-square-with-arrow-down-red.jpg');
    width: 15px;
    height: 15px;
    display: block;
}

.contact-block.home-1 .text.left .plus {
    color: rgba(0, 0, 0, .09);
    position: absolute;
    left: 10px;
    top: -100px;
    z-index: 10;
    font-size: 121px;
    font-weight: 600;
    display: block;
}

.contact-block.home-1 .title {
    position: relative;
}

.contact-block.home-1 .title .top {
    font-size: 48px;
    line-height: 32px;
    color: #000;
    font-family: 'ATBScript-Rg';
    position: absolute;
    top: -100px;
    right: -20px;
}

.contact-block.home-1 .title .bottom {
    font-size: 145px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    background-color: #d31a26;
    color: #d31a26;
    -webkit-text-stroke: 1px #FFF;
    -webkit-text-fill-color: #d31a26;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
    letter-spacing: -4.35px;
}

.contact-block.home-1 .bottom-div {
    padding: 50px 0 30px 0;
}

.contact-block.home-2 {
    font-size: 15px;
    line-height: 27px;
    background-color: #d31a26;
    color: #FFF;
}

.contact-block.home-2 .text {
    padding-top: 55px;
    max-width: 420px;
}

.contact-block.home-2 .text p:first-child {
    margin-bottom: 54px;
}

.contact-block.home-2 .box.first {
    margin-left: -15px;
}

.contact-block.home-3 {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #d31a26;
}

.contact-block.home-2 .box {
    height: 100%;
    width: 50%;
    padding: 50px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    font-size: 26px;
    line-height: 36px;
    font-weight: 400;
}

.contact-block.home-2 .box.last {
    width: -webkit-calc(100% - 400px);
    width: -moz-calc(100% - 400px);
    width: calc(100% - 400px);
    padding-right: 0;
}

.contact-block.home-2 .box ul li {
    margin-bottom: 15px;
}

.contact-block.home-2 .box ul li:last-child {
    margin-bottom: 0;
}

.contact-block .right-line {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #d7d7d7;
    height: 100%;
    display: block;
    top: 100%;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.contact-block.viewpointin .right-line {
    -webkit-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -o-transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.contact-block.home-1 .middle-line,
.contact-block.home-1 .bottom-line,
.contact-block.home-2 .right-line,
.contact-block.home-2 .middle-line,
.contact-block.home-2 .bottom-line {
    background-color: rgba(0, 0, 0, .2);
}

.contact-block.home-2 .text h2 {
    font-family: 'ATBScript-Rg';
    font-size: 135px;
    line-height: 133px;
    display: block;
    position: relative;
}

.contact-block.home-2 .text h2 span {
    color: #000000;
    font-size: 28px;
    line-height: 29px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 40px;
}

.contact-block.home-2 .text h2:before {
    width: 15px;
    height: 15px;
    position: absolute;
    content: url('../images/icon-square-with-arrow-down-red.jpg');
    display: block;
    right: -150px;
    bottom: 5px;
    line-height: 0;
    font-size: 1px;
}

.brands-home {
    width: 100%;
    padding: 230px 0 110px 0;
}

.brands-home .text {
    position: relative;
}

.brands-home .text p:first-child {
    margin-bottom: 55px;
}

.brands-home .text:before {
    position: absolute;
    bottom: 5px;
    left: 0;
    content: "+";
    color: #000;
    font-weight: 400;
    font-size: 22px;
}

.brands-home .title {
    position: relative;
    display: inline-block;
    padding-top: 150px;
    margin-top: -100px;
    padding-bottom: 80px;
}

.brands-home .title:before {
    position: absolute;
    top: 12px;
    right: 25px;
    content: "+";
    color: #000;
    font-weight: 400;
    font-size: 26px;
}

.brands-home .title .top {
    font-size: 55px;
    line-height: 55px;
    color: #000;
    font-family: 'ATBScript-Rg';
    position: absolute;
    top: 60px;
    left: 50px;
}

.brands-home .title .float {
    font-size: 27px;
    line-height: 27px;
    color: #000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    bottom: 33px;
    right: 0;
}

.brands-home .title .bottom {
    font-size: 145px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    background-color: #FFF;
    color: #FFF;
    -webkit-text-stroke: 2px #f38920;
    -webkit-text-fill-color: #FFF;
    letter-spacing: -4.35px;
}

.marquee {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 85px;
}

.marquee-right {
    width: 100%;
    overflow: hidden;
}

.marquee img,
.marquee-right img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px;
}

.expertise-home {
    background-color: #f6f6f6;
    padding: 260px 0 215px 0;
}

.expertise-home .title {
    position: relative;
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
    margin-bottom: 65px;
}

.expertise-home .title .expertise {
    font-size: 165px;
    line-height: 165px;
    color: #FFF;
    font-family: 'ATBScript-Rg';
    position: absolute;
    top: -140px;
    left: -25px;
    letter-spacing: -3.3px;
    content: "";
    z-index: 10;
}

.expertise-home .title .expertise svg {
    width: 724px;
    height: 298px;
}

.expertise-home .title .position-relative {
    z-index: 20;
}

.expertise-home .text p {
    z-index: 11;
    position: relative;
}

.expertise-home .text p:first-child {
    margin-bottom: 50px;
}

.expertise-home .text:before {
    position: absolute;
    bottom: 5px;
    right: 0;
    content: "+";
    color: #000;
    font-weight: 400;
    font-size: 28px;
}

.expertise-home .text.right {
    position: relative;
    z-index: 30;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    letter-spacing: 0.14px;
    padding-top: 25px;
    padding-left: 78px;
}

.expertise-home .text.right:before {
    position: absolute;
    top: -66px;
    right: 5px;
    content: "+";
    color: #000;
    font-weight: 300;
    font-size: 28px;
}

.expertise-home .text ul li {
    margin-bottom: 19px;
}

.expertise-home .text ul li:last-child {
    margin-bottom: 0;
}

.expertise-home .box {
    height: 100%;
    width: 190px;
    padding-right: 40px;
    overflow: hidden;
    position: relative;
    float: left;
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    display: block;
}

.expertise-home .box.last {
    width: -webkit-calc(100% - 380px);
    width: -moz-calc(100% - 380px);
    width: calc(100% - 380px);
    padding-right: 0;
}


/* BRAND LOGOS ROTATOR */

.brands-row-2 {
    padding-top: 55px;
    overflow: hidden;
}

.brands-row-2 img {
    max-width: 70%;
    max-height: 70%;
}

.brands-logos-wrap {
    width: 250%;
    pointer-events: none;
}

.brands-row-2 ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.brands-row-2 li {
    display: block;
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
    text-align: center;
}

.brands-decor-plus-1 {
    top: 47.9%;
    left: 0;
}

.brands-decor-plus-2 {
    top: 22.3%;
    right: -1px;
}

.brands-logos-row-1 .brands-logos-wrap {
    -webkit-animation: logos-right 40s linear infinite;
    -moz-animation: logos-right 40s linear infinite;
    -o-animation: logos-right 40s linear infinite;
    animation: logos-right 40s linear infinite;
}

.brands-logos-row-2 .brands-logos-wrap {
    -webkit-animation: logos-left 40s linear infinite;
    -moz-animation: logos-left 40s linear infinite;
    -o-animation: logos-left 40s linear infinite;
    animation: logos-left 40s linear infinite;
}

@-webkit-keyframes logos-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-moz-keyframes logos-right {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-o-keyframes logos-right {
    0% {
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes logos-right {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes logos-left {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes logos-left {
    0% {
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    100% {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes logos-left {
    0% {
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    100% {
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes logos-left {
    0% {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}


/* PRELOADER ON HOMEPAGE */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    min-height: 740px;
    background: #555854 url(../images/video-thumb.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 9999;
    pointer-events: none;
}

.preloader svg {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 57px;
    margin: -28px 0 0 -38px;
    opacity: 0;
}


/* FROM ANIMATION PAGE */

header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 60px;
    padding: 130px 110px 0 110px;
    z-index: 1000;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;
}

header.internal {
    height: 100px;
    padding: 0;
    margin-top: 60px;
}

header .logo svg {
    width: 77px;
    height: 52px;
}

header.internal .logo svg {
    width: 60px;
    height: 40px;
}

/*header.internal:not(.pin) .d-flex {*/
/*    border-bottom: 1px solid rgba(0, 0, 0, .25);*/
/*}*/

header.internal.insights .d-flex {
    border-bottom: none !important;
}

header .logo path {
    fill: #fff;
    -webkit-transition: fill .2s ease;
    -o-transition: fill .2s ease;
    -moz-transition: fill .2s ease;
    transition: fill .2s ease;
}

header.insights.internal .logo path,
header.insights.internal .logo:hover path,
header.insights.internal .logo:active path {
    fill: #d31a26;
}

header.insights.internal .menu path,
header.insights.internal .menu:hover path,
header.insights.internal .menu:active path {
    fill: #000;
}

header .logo:hover path,
header .logo:active path {
    fill: #d31a26;
}

header .menu {
    padding: 0px;
    margin-top: -5px;
}

header .menu svg {
    height: 18px;
    width: 26px;
}

header .menu path {
    fill: #fff;
    -webkit-transition: fill .2s ease;
    -o-transition: fill .2s ease;
    -moz-transition: fill .2s ease;
    transition: fill .2s ease;
}

header .menu:hover path,
header .menu:active path {
    fill: #d31a26;
}

header:not(.pin) .container {
    width: 100%;
    max-width: 100%;
}

header.internal:not(.pin) .container {
    max-width: 1140px;
}

header:not(.pin) .logo {
    margin-top: -13px;
}

header.pin {
    position: fixed;
    top: -65px;
    height: 64px;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #ececec;
    -webkit-transform: translateY(65px);
    -moz-transform: translateY(65px);
    -ms-transform: translateY(65px);
    -o-transform: translateY(65px);
    transform: translateY(65px);
}

header.pin .logo {
    padding-top: 4px;
}

header.pin .logo svg {
    width: 50px;
    height: 34px;
}

header.pin .logo path {
    fill: #d31a26;
}

header.pin .logo:hover path,
header.pin .logo:active path {
    fill: #000;
}

header.internal .logo:hover path,
header.internal .logo:active path,
header.internal .menu:hover path,
header.internal .menu:active path {
    fill: #FFF;
}

header.pin .menu path {
    fill: #000;
}

header.internal.pin .logo:hover path,
header.internal.pin .logo:active path,
header.internal.pin .logo path {
    fill: #d62924
}

header.internal.pin .menu path {
    fill: #000;
}

header.internal.pin .menu:hover path,
header.internal.pin .menu:active path {
    fill: #000;
}

section.sc-hero {
    position: relative;
    height: 100vh;
    min-height: 575px;
}

.sc-hero {
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.32px;
    font-weight: 500;
    position: relative;
}

.sc-hero h1 {
    font-size: 75px;
    line-height: 85px;
    font-weight: 500;
    letter-spacing: -1.5px;
    margin: 0 0 50px 0;
    text-transform: lowercase;
}

.sc-hero .video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* min-height: 818px; */
    overflow: hidden;
    z-index: -1;
}

.sc-hero .video video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

.sc-hero .hero-wrap {
    height: 100%;
    width: 100%;
    padding: 3.2em;
}

.sc-hero .hero {
    width: 100%;
    height: 100%;
    padding: 5% 80px 0;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sc-hero .uptitle {
    display: inline-block;
    margin: 0 0 35px 0;
}

.sc-hero .uptitle svg {
    position: absolute;
    left: 6.4em;
    top: -4.6em;
    width: 11.2666666em;
    height: 10.2666666em;
}

.sc-hero .uptitle span {
    margin-left: 5.575em;
    font-family: 'schnee', sans-serif;
    /* font-size: 50px; */
    font-size: 3.33em;
    line-height: 0.55;
    letter-spacing: 4px;
}

.sc-hero .uptitle sub {
    font-size: inherit;
    bottom: 4px;
}

.sc-hero .hero p {
    margin: 59px 0 0;
}

.sc-hero .scroll {
    display: block;
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.sc-hero .scroll::before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 28px;
    width: 23px;
    height: 40px;
    border: 1px solid #fff;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.sc-hero .scroll::after {
    content: "";
    display: block;
    position: absolute;
    top: 29px;
    left: 39px;
    width: 1px;
    height: 8px;
    background: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-animation: scroll 2s ease 2s infinite;
    -moz-animation: scroll 2s ease 2s infinite;
    -o-animation: scroll 2s ease 2s infinite;
    animation: scroll 2s ease 2s infinite;
}

.sc-hero .scroll:hover,
.sc-hero .scroll:active {
    opacity: .5;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        height: 8px;
    }
    20% {
        opacity: 1;
        height: 8px;
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        height: 18px;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform: translateY(19px);
        transform: translateY(19px);
        opacity: 0;
        height: 0;
    }
    81% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        height: 8px;
    }
    100% {
        opacity: 1;
        height: 8px;
    }
}

@-moz-keyframes scroll {
    0% {
        opacity: 1;
        height: 8px;
    }
    20% {
        opacity: 1;
        height: 8px;
    }
    30% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        height: 18px;
    }
    40% {
        opacity: 1;
    }
    80% {
        -moz-transform: translateY(19px);
        transform: translateY(19px);
        opacity: 0;
        height: 0;
    }
    81% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        height: 8px;
    }
    100% {
        opacity: 1;
        height: 8px;
    }
}

@-o-keyframes scroll {
    0% {
        opacity: 1;
        height: 8px;
    }
    20% {
        opacity: 1;
        height: 8px;
    }
    30% {
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        height: 18px;
    }
    40% {
        opacity: 1;
    }
    80% {
        -o-transform: translateY(19px);
        transform: translateY(19px);
        opacity: 0;
        height: 0;
    }
    81% {
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        height: 8px;
    }
    100% {
        opacity: 1;
        height: 8px;
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        height: 8px;
    }
    20% {
        opacity: 1;
        height: 8px;
    }
    30% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        height: 18px;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform: translateY(19px);
        -moz-transform: translateY(19px);
        -o-transform: translateY(19px);
        transform: translateY(19px);
        opacity: 0;
        height: 0;
    }
    81% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        height: 8px;
    }
    100% {
        opacity: 1;
        height: 8px;
    }
}

section.sc-data {
    position: relative;
    height: auto;
    min-height: 760px;
}

.sc-data {
    padding-top: 187px;
}

.sc-data h2 {
    margin: 0 0 0 -10px;
    font-size: 6.666666em;
    font-weight: 200;
    line-height: 0.8;
    color: #000;
    letter-spacing: -0.03em;
}

.sc-data h2 strong {
    display: inline-block;
    margin-right: 0.07em;
    font-weight: 200;
    color: #d31a26;
}

.sc-data h2 span {
    display: inline-block;
}

.sc-data h3 {
    margin: 0.51852em 0 0.962963em;
    font-size: 1.8em;
    font-weight: 500;
    color: #010101;
}

.sc-data h3 + p {
    max-width: 31.466666em;
    margin-bottom: 4.4em;
}

.sc-data .btn {
    margin-left: -2px;
}

.sc-data-decor-logo {
    top: -46px;
    right: -10px;
    opacity: .1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sc-data-decor-plus-1 {
    bottom: 6px;
    left: 454px;
}

.sc-data-decor-plus-2 {
    top: 11px;
    right: 70px;
}

.sc-data .pat-dots {
    width: 163px;
    height: 43px;
    right: 207px;
    bottom: 7px;
    opacity: .8;
}

.sc-data-decor-title {
    position: absolute;
    right: -130px;
    top: 255px;
    width: 320px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sc-data-decor-title div {
    position: absolute;
    font-family: 'schnee', sans-serif;
    font-size: 47px;
    letter-spacing: 4.7px;
    color: #7f7f7f;
}

.sc-data-decor-title-2 {
    top: 32px;
    left: 50px;
}

div.sc-data-decor-sub {
    top: -7px;
    right: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.4px;
}

.btn.new {
    position: relative;
    display: inline-block;
    height: 34px;
    background-color: #000;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    border: none;
}

.btn.new.invers {
    background-color: #000;
}

.btn.new:hover,
.btn.new:active {
    text-decoration: none;
}

.btn.new::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #d31a26;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    -o-transition: -o-transform .4s ease-out;
    -moz-transition: transform .4s ease-out, -moz-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out, -moz-transform .4s ease-out, -o-transform .4s ease-out;
    z-index: 0;
}

.btn.new.invers::after {
    background-color: #FFF;
    color: #000;
}

.btn.new:hover::after,
.btn.new:active::after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.btn.new > span {
    position: relative;
    display: block;
    padding: 10px 17px 8px 40px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: lowercase;
    letter-spacing: 0.2px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    -o-transition: -o-transform .4s ease-out;
    -moz-transition: transform .4s ease-out, -moz-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out, -moz-transform .4s ease-out, -o-transform .4s ease-out;
    z-index: 1;
}

.btn.new.invers:hover > span {
    color: #000;
}

.btn.new > span:last-child {
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
}

.btn.new > span:last-child > i {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: -webkit-transform .2s ease-out .3s;
    transition: -webkit-transform .2s ease-out .3s;
    -o-transition: -o-transform .2s ease-out .3s;
    -moz-transition: transform .2s ease-out .3s, -moz-transform .2s ease-out .3s;
    transition: transform .2s ease-out .3s;
    transition: transform .2s ease-out .3s, -webkit-transform .2s ease-out .3s, -moz-transform .2s ease-out .3s, -o-transform .2s ease-out .3s;
}

.btn.new:hover span:first-child,
.btn.new:active span:first-child {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.btn.new:hover span:last-child,
.btn.new:active span:last-child {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.btn.new > span > i {
    display: inline-block;
    margin-left: 8px;
    font-style: normal;
}

.btn.new.invers:hover > span > i {
    color: #000;
}

.btn.new:hover > span:last-child > i,
.btn.new:active > span:last-child > i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.decor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

.decor img,
.decor hr,
.decor svg {
    position: absolute;
}

.pat-dots {
    position: absolute;
    background: url(../images/pats/dot.svg);
}

/* our-work-results */

.our-work-results {
    width: 100%;
    display: block;
    position: relative;
    padding: 50px 0;
    background-color: #272726;
    color: #FFF;
    font-size: 20px;
    line-height: 24px;
}

.our-work-results .title {
    font-weight: 300;
    font-size: 38px;
    line-height: 42px;
    background-image: url('../images/dots-pattern-7x8.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 210px;
    height: 150px;
    display: inline-block;
    padding-left: 90px;
    padding-top: 22px;
}

.our-work-results strong {
    font-weight: 500;
}

/* RESPONSIVE CSS */

@media (max-width: 1350px) {
    .insights-single-banner .container {
        padding-left: 50px;
        padding-right: 50px;
    }

    header.insights-internal .container {
        max-width: -webkit-calc(100vw - 180px);
        max-width: -moz-calc(100vw - 180px);
        max-width: calc(100vw - 180px);
    }

    .insights-single-banner .container:before {
        right: 50px;
        bottom: 50px;
    }

    .insights-details {
        padding-top: 100px;
    }

    .brands-logos-wrap {
        width: 400%;
    }
}

@media (max-width: 1300px) {
    .custom-menu .close-menu {
        right: 25px;
        margin-right: 0;
    }

    .custom-menu .ta-bg {
        left: -115px;
        margin-left: 0;
    }
}

@media (max-width: 1199.98px) {
    .btn {
        white-space: normal;
    }

    .container {
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .big-red-banner .banner {
        padding: 100px 49px 63px 45px;
    }

    .big-red-banner .banner .big h2 {
        font-size: 110px;
    }

    .big-red-banner .banner .logo {
        margin-bottom: 75px;
    }

    .big-red-banner .banner .getintouch {
        font-size: 26px;
    }

    .big-red-banner .banner .getintouch span {
        font-size: 38px;
        margin-left: 18px;
    }

    .single-project .image .plus {
        width: 70px;
        height: 70px;
        -webkit-background-size: 70px auto;
        -moz-background-size: 70px auto;
        -o-background-size: 70px auto;
        background-size: 70px auto;
        right: -35px;
        top: -35px;
    }

    .single-project.right .image .plus {
        left: -35px;
        top: -35px;
    }

    .single-project .inside {
        padding-left: 60px;
    }

    .single-project.right .inside {
        padding-right: 60px;
    }

    .single-project .learn-more {
        font-size: 34px;
        line-height: 50px;
        letter-spacing: -0.66px;
    }

    .our-work-div {
        padding-top: 65px;
        padding-bottom: 45px;
    }

    .insights-main .filter {
        border-bottom: none;
    }

    .insights-main .filter li {
        border: none !important;
        padding: 10px 15px !important;
        padding: 0;
    }

    .insights-main .filter li a {
        border: 2px solid #000;
        padding: 10px 25px;
        min-width: 120px;
        text-align: center;
    }

    .insights-main .filter li:last-child {
        float: left;
    }

    .insights-details .back-to-insights {
        margin-left: 0;
    }

    .insights-banner {
        position: relative;
    }

    .insights-banner:before {
        position: absolute;
        bottom: 0;
        left: 25px;
        width: -webkit-calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: calc(100% - 50px);
        content: "";
        display: block;
        height: 1px;
        background-color: #d62924;
    }

    .custom-menu .inside.left {
        padding-right: 30px;
    }

    .custom-menu.opened {
        -webkit-transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);
        -moz-transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);
        -o-transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);
        transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);
        padding-right: 0px;
    }

    body.opened-menu {
        padding-right: 0px;
    }

    .custom-menu .inside-over {
        position: relative;
        width: 100%;
        height: 100%;
        /*overflow-y: auto;*/
        padding-bottom: 110px;
        padding-top: 0px;
        margin-right: 0px;
    }

    .custom-menu .middle-line {
        position: fixed;
    }

    .custom-menu .close-menu {
        right: 28px;
        top: 16px;
    }

    .custom-menu .right ul li a {
        font-size: 34px;
        line-height: 38px;
    }

    .custom-menu .right ul li {
        margin-bottom: 30px;
    }

    .custom-menu .container:before {
        width: 320px;
        height: 445px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        left: -40px;
    }

    .custom-menu .inside {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .custom-menu {
        overflow: hidden !important;
    }

    .custom-menu .inside-over {
        padding: 40px 0;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }

    .center-slider-div .slider-pagination-center {
        right: 25px;
    }

    .contact-block.work-1 {
        height: auto;
        padding: 90px 0;
    }

    .contact-block.work-2 .text h2:before {
        right: -50px;
    }

    .contact-block.work-2 .box {
        padding-left: 65px;
    }

    .video-slider .new-prev,
    .video-slider-div .slider-pagination {
        left: 25px;
        margin-left: 0;
    }

    .video-slider .new-next {
        right: 25px;
        margin-right: 0;
    }

    .video-slider .item .play-video .play:before {
        width: 5%;
    }

    .video-slider .item .play-video .play:after {
        width: 35%;
    }

    .client-review,
    .client-image-big,
    .center-slider-div,
    .every-device,
    .three-image-div,
    .big-red-banner.ourwork {
        padding-top: 110px;
    }

    .every-device,
    .three-image-div {
        padding-bottom: 110px;
    }

    .client-review h3 {
        font-size: 28px;
        line-height: 48px;
    }

    .client-review .text-review {
        margin-left: 0;
    }

    .center-slider-div .new-next {
        margin-right: 0;
        right: 130px;
    }

    .center-slider-div .new-prev {
        margin-right: 0;
        right: 210px;
    }

    .every-device h2,
    .center-slider-div h3 {
        font-size: 32px;
        line-height: 48px;
    }

    .next-project {
        height: 580px;
        padding-top: 110px;
    }

    .next-project .link {
        margin-bottom: 60px;
    }

    .intro-text.home .container {
        padding-top: 150px;
        padding-bottom: 155px;
    }

    .intro-text.home .bg img {
        height: 500px;
    }

    .contact-block.home-1 .title .bottom {
        font-size: 120px;
    }

    .contact-block.home-1 .title .top {
        font-size: 40px;
        top: -90px;
    }

    .contact-block.home-1 .text.right .vertical {
        right: -221px;
    }

    .brands-home {
        padding: 150px 0 150px 0;
    }

    .brands-home .title .bottom {
        font-size: 120px;
    }

    .marquee {
        margin-top: 55px;
    }

    .expertise-home {
        padding-top: 200px;
        padding-bottom: 150px;
    }

    .expertise-home .text.right {
        padding-left: 0;
    }

    .expertise-home .box {
        width: -webkit-calc(33.3333% + 5px);
        width: -moz-calc(33.3333% + 5px);
        width: calc(33.3333% + 5px);
        padding-right: 30px;
    }

    .sc-hero .hero-wrap {
        padding: 40px;
    }

    header {
        padding: 100px 60px 0 60px;
    }

    .sc-hero .uptitle span {
        left: 1.9em;
        margin-left: 3em;
    }

    .sc-hero .uptitle svg {
        left: 0%;
        width: 9.2666666em;
    }

    .sc-hero h1 {
        font-size: 60px;
        line-height: 65px;
    }

    .brands-row-2 {
        padding-top: 50px;
    }

    .contact-block.home-1 {
        padding-top: 200px;
    }

    .contact-block.home-1 .single-thing {
        font-size: 26px;
        line-height: 30px;
    }
}

@media (max-width: 991.98px) {
    .page-banner .image {
        width: -webkit-calc(100vw - 60%);
        width: -moz-calc(100vw - 60%);
        width: calc(100vw - 60%);
        right: -20px;
        top: auto;
        bottom: -140px;
    }

    .intro-text,
    .expertises {
        padding: 80px 0;
    }

    .big-red-banner {
        padding-bottom: 80px;
    }

    .expertises .single {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #d7d8d8;
        padding: 50px 0 !important;
    }

    .expertises .single:first-child {
        padding-top: 0px !important;
    }

    .expertises .single:last-child {
        border: none !important;
        padding-bottom: 0px !important;
    }

    .expertises .single .height {
        min-height: 50px;
        margin-bottom: 40px;
    }

    .big-red-banner .banner .text {
        display: block;
        width: 100%;
    }

    .big-red-banner .banner .logo {
        margin-bottom: 10px;
    }

    footer .container {
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .page-banner .image {
        display: none;
    }

    .big-red-banner .banner .right {
        max-width: 100%;
        text-align: center;
    }

    .big-red-banner .banner .text {
        width: 100%;
        padding: 0 15%;
        text-align: center;
        max-width: 100%;
    }

    .single-project .inside {
        padding-left: 30px;
    }

    .single-project.right .inside {
        padding-right: 30px;
    }

    .single-project .client-name {
        margin-top: 50px;
    }

    .single-project,
    .fun-hours {
        padding: 50px 0;
    }

    .our-work-div {
        padding: 30px 0;
    }

    .our-team .single {
        -ms-flex: 0 0 33.33333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        height: auto;
        padding-top: 50%;
    }

    .fun-hours .single {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        height: auto;
        padding-top: 50%;
    }

    .fun-hours .double {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .job-open-positions .single {
        height: auto;
        padding: 20px 0;
    }

    .job-open-positions .single .state {
        padding-left: 0;
    }

    .benefits-overview {
        margin-top: 0;
        padding-top: 80px;
    }

    .benefits-overview .left,
    .benefits-overview .right {
        padding-left: 0;
        padding-right: 0;
    }

    .benefits-overview .benefit-single {
        margin-left: 0;
        max-width: 100%;
        width: 220px;
    }

    .hungry-for-more {
        padding: 120px 0 80px 0;
    }

    .insights-main {
        padding-bottom: 80px;
    }

    .news-single.featured .image {
        width: 100%;
        height: 350px;
    }

    .news-single.featured .image:before {
        display: none;
    }

    .insights-single-banner {
        padding: 25px;
        height: auto;
    }

    header.insights-internal .container {
        max-width: -webkit-calc(100vw - 100px);
        max-width: -moz-calc(100vw - 100px);
        max-width: calc(100vw - 100px);
    }

    header.insights-internal {
        top: 30px;
    }

    .insights-single-banner .container {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 160px;
        padding-bottom: 80px;
    }

    .insights-single-banner h1 {
        font-size: 54px;
        line-height: 60px;
        margin-bottom: 60px;
    }

    .insights-details {
        padding: 60px 0;
    }

    .insights-main.more {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .pull-left {
        margin-left: 30px;
    }

    .contact-3 .text.first {
        margin-right: 15px;
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: calc(100% - 15px);
    }

    .contact-1,
    .contact-4 {
        height: auto;
        padding: 80px 0;
    }

    .contact-1 .text .stroke-text {
        font-size: 155px;
        line-height: 155px;
        margin-top: -40px;
    }

    .contact-1 .text span {
        font-size: 45px;
        bottom: 6px;
        right: -16px;
    }

    .contact-2 {
        height: auto;
        padding: 30px 0;
    }

    .contact-3 {
        height: auto;
        padding: 50px 0;
    }

    .contact-4 {
        font-size: 16px;
        line-height: 28px;
    }

    .contact-4 h2 {
        font-size: 34px;
        line-height: 38px;
    }

    .contact-4 h2:before {
        top: -30px;
    }

    .contact-block.work-1 .plus {
        right: 25px;
    }

    .contact-block.work-2 .text h2 {
        font-size: 100px;
        line-height: 210px;
    }

    .contact-block.work-2 .text h2 span {
        font-size: 22px;
        line-height: 24px;
    }

    .contact-block.work-2 .box ul li {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .contact-block.work-2 .box ul li:last-child {
        margin-bottom: 0;
    }

    .video-slider .item {
        height: auto;
    }

    .video-slider-div .slider-pagination {
        bottom: 30px;
    }

    .video-slider .item .play-video .play {
        bottom: 150px;
        padding-left: 150px;
    }

    .video-slider .item .play-video a:before {
        width: 100px;
        height: 100px;
        margin-top: -50px;
        line-height: 95px;
    }

    .video-slider .item .play-video a {
        padding-left: 125px;
    }

    .video-slider .item .play-video:before {
        right: -webkit-calc(100% - 250px);
        right: -moz-calc(100% - 250px);
        right: calc(100% - 250px);
    }

    .video-slider .item .play-video .play:after {
        width: -webkit-calc(100% - 500px);
        width: -moz-calc(100% - 500px);
        width: calc(100% - 500px);
    }

    .video-slider .new-prev,
    .video-slider .new-next {
        bottom: 150px;
    }

    .contact-block.work-2 {
        font-size: 17px;
        line-height: 21px;
    }

    .client-review,
    .client-image-big,
    .center-slider-div,
    .every-device,
    .three-image-div,
    .big-red-banner.ourwork {
        padding-top: 80px;
    }

    .every-device,
    .three-image-div {
        padding-bottom: 80px;
    }

    .client-review img {
        width: 150px;
    }

    .client-review h3 {
        font-size: 30px;
        line-height: 47px;
    }

    .center-slider-div .slider-pagination-center {
        bottom: -70px;
    }

    .center-slider-div .new-next,
    .center-slider-div .new-prev {
        top: -42px;
    }

    .every-device .pattern,
    .every-device .container:before {
        display: none !important;
    }

    .every-device .mobile-1 {
        padding: 0;
        margin-top: 50px;
    }

    .every-device .mobile-2 {
        padding: 0;
        margin-top: -50px;
    }

    .every-device .mobile-3 {
        padding: 0;
        margin-top: 100px;
    }

    .every-device .mobile-4 {
        padding: 0;
        margin-top: 0;
    }

    .next-project {
        font-size: 26px;
        line-height: 34px;
    }

    .next-project h3 {
        font-size: 64px;
        line-height: 68px;
        letter-spacing: -2.43px;
    }

    .insights-single-banner.home h3 {
        font-size: 70px;
        line-height: 85px;
    }

    .insights-single-banner.home h3 small {
        font-size: 50px;
    }

    .insights-single-banner.home h3 span {
        font-size: 36px;
        line-height: 42px;
    }

    .insights-single-banner.home h1 {
        font-size: 60px;
        line-height: 70px;
        letter-spacing: -1px;
    }

    .scroll-down-to-section {
        bottom: 50px;
    }

    .insights-single-banner.home .container {
        padding-top: 140px;
    }

    .intro-text.home .container {
        padding-top: 80px;
        padding-bottom: 85px;
    }

    .intro-text.home h2 {
        font-size: 80px;
        line-height: 90px;
    }

    .intro-text.home h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .intro-text.home .bg img {
        height: 450px;
    }

    .contact-block.home-1 .text.right:before {
        display: none;
    }

    .contact-block.home-1 {
        height: auto;
        padding-top: 150px;
        padding-bottom: 50px;
    }

    .contact-block.home-1 .middle-line,
    .contact-block.home-2 .middle-line {
        display: none;
    }

    .contact-block.home-1 .title {
        margin-bottom: 40px;
    }

    .contact-block .right-line {
        display: none;
    }

    .contact-block.home-2 .text {
        padding-top: 0;
        max-width: 100%;
    }

    .brands-home {
        padding: 120px 0 100px 0;
    }

    .expertise-home {
        padding-top: 150px;
        padding-bottom: 80px;
    }

    .expertise-home .title .expertise {
        font-size: 130px;
        top: -141px;
        left: -25px;
    }

    .expertise-home .title .expertise svg {
        width: 400px;
        height: auto;
    }

    .expertise-home .box,
    .expertise-home .box.last {
        width: 33.333333%;
        padding-right: 10%;
    }

    .expertise-home .text.right {
        margin-top: 40px;
    }

    .expertise-home .text.right:before {
        display: none;
    }

    .brands-home .title:before {
        right: auto;
        left: 0;
    }

    .contact-block.home-1 .text.left .plus {
        top: -110px;
    }

    .brands-row-1 .d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .brands-row-2 {
        padding-top: 10%;
    }

    .brands-row-2 li {
        margin-right: 20px;
    }

    .sc-hero .hero-wrap {
        padding: 30px;
    }

    header {
        padding: 90px 50px 0 50px;
    }

    .sc-hero .uptitle span {
        left: 1.9em;
        margin-left: 2.7em;
        font-size: 2.9em;
    }

    .sc-hero .uptitle svg {
        left: 0%;
        width: 7.2666666em;
    }

    .sc-hero h1 {
        font-size: 60px;
        line-height: 65px;
    }

    .brands-row-2 {
        padding-top: 50px;
    }

    .sc-hero .hero {
        padding: 140px 5%;
    }

    .sc-hero h1 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 40px;
    }

    .sc-hero .hero p {
        margin-top: 0;
    }

    .sc-data-decor-plus-1 {
        display: none;
    }

    .sc-data h2 {
        font-size: 80px;
        line-height: 90px;
    }

    .sc-data h3 {
        font-size: 22px;
        line-height: 28px;
    }

    section.sc-data {
        min-height: 690px;
    }

    header.internal {
        height: 90px;
    }

    .brands-logos-wrap {
        width: 500%;
    }

    .our-work-results {
        font-size: 18px;
        line-height: 22px;
    }

    .our-work-results .title {
        font-size: 34px;
    }

    .contact-block.home-1 .single-thing {
        margin-top: 0;
        font-size: 22px;
        height: 55px;
    }

    .contact-block.home-1 .text {
        padding-left: 10px;
        padding-right: 5%;
    }

    .contact-block.home-1 {
        padding-bottom: 20px;
    }

    .contact-block.home-1 .title .top {
        left: 50%;
        margin-left: -141px;
        right: auto;
    }
}

@media (max-width: 767px) {
    .intro-text,
    .expertises {
        padding: 60px 0;
    }

    .big-red-banner {
        padding-bottom: 60px;
    }

    footer .container {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .expertises .single {
        padding: 40px 0 !important;
    }

    footer .copy {
        margin-top: 30px;
        border: none;
    }

    .big-red-banner .banner {
        padding: 40px 30px;
        font-size: 15px;
        line-height: 20px;
    }

    .big-red-banner .banner .big {
        padding-top: 0;
        margin-top: 10px;
        padding-right: 70px;
        -webkit-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -o-background-size: 60px auto;
        background-size: 60px auto;
    }

    .big-red-banner .banner .big small {
        position: relative;
        top: auto;
        right: auto;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .big-red-banner .banner .big h2 {
        font-size: 70px;
        line-height: 80px;
        letter-spacing: 1px;
    }

    .big-red-banner .banner .getintouch {
        font-size: 22px;
        line-height: 26px;
    }

    footer .logo {
        margin-bottom: 40px;
    }

    .expertises .single ul,
    .list-squares {
        padding-right: 0;
        width: 70%;
    }

    .single-project .image {
        height: auto;
        padding-top: 55%;
    }

    .single-project .image .pattern {
        display: none !important;
    }

    .single-project .inside {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .single-project .client-name {
        margin-top: 30px;
    }

    .single-project {
        padding: 30px 0;
    }

    .single-project .image .plus,
    .single-project.right .image .plus {
        top: auto !important;
        bottom: -35px !important;
        right: 30px !important;
        left: auto !important;
    }

    .our-team .single {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 55%;
    }

    .our-team .single .inside .info:before {
        right: 25px;
        top: 35px;
    }

    .benefits-overview,
    .hungry-for-more {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .benefits-overview {
        padding-bottom: 40px;
    }

    .hungry-for-more h2 {
        font-size: 60px;
        line-height: 110px;
        padding-bottom: 0;
    }

    .benefits-overview .right {
        padding-top: 60px;
    }

    .insights-main {
        padding-bottom: 60px;
    }

    .news-single.featured .image {
        width: 100%;
        height: auto;
        padding-top: 55%;
    }

    .news-single .text {
        height: auto;
    }

    .news-single {
        margin-bottom: 45px;
    }

    .news-single .image {
        margin-bottom: 20px;
    }

    .insights-main .filter {
        margin-bottom: 40px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .insights-banner h1 {
        font-size: 90px;
    }

    .insights-banner h1 span {
        font-size: 16px;
    }

    .news-single.featured .category {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 20px;
    }

    .news-single.featured h2 {
        font-size: 34px;
        line-height: 38px;
    }

    .insights-single-banner h1 {
        font-size: 45px;
        line-height: 55px;
        margin-bottom: 50px;
    }

    .insights-details h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .contact-1 .middle-line,
    .contact-4 .middle-line {
        display: none;
    }

    .contact-1 .pull-left {
        margin-left: 0;
        margin-top: 70px;
    }

    .contact-4 .pull-left {
        margin-left: 0;
    }

    .contact-1,
    .contact-4 {
        height: auto;
        padding: 60px 0;
    }

    .contact-1 .text .stroke-text {
        font-size: 155px;
        line-height: 155px;
        margin-top: -40px;
    }

    .contact-2 {
        height: auto;
        padding: 30px 0;
    }

    .contact-3 {
        height: auto;
        padding: 50px 0;
    }

    .contact-4 {
        font-size: 16px;
        line-height: 28px;
    }

    .contact-4 h2 {
        font-size: 34px;
        line-height: 38px;
    }

    .contact-4 h2:before {
        top: -30px;
    }

    .contact-3 .text {
        padding-right: 30px;
    }

    .custom-menu .inside.left {
        padding-right: 20px;
    }

    .custom-menu .inside.left p {
        padding-right: 0;
    }

    .custom-menu .inside.right {
        padding-left: 40px;
    }

    .custom-menu .ta-bg {
        width: 320px;
        height: 445px;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
        left: -65px;
    }

    .contact-block.work-1 {
        padding: 100px 0 60px;
    }

    .contact-block.work-1 .middle-line,
    .contact-block.work-1 .pattern,
    .contact-block.work-1 .plus {
        display: none;
    }

    .contact-block.work-1 .pull-left {
        margin-left: 0;
        margin-top: 50px;
    }

    .contact-block.work-2 {
        height: auto;
        padding: 60px 0;
    }

    .contact-block.work-2 .middle-line {
        display: none;
    }

    .contact-block.work-2 .box {
        padding-left: 0;
        margin-left: 0;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .contact-block.work-2 .box.pattern {
        margin-bottom: 10px;
    }

    .contact-block.viewpointin.work-2 .box .bottom-line {
        display: none;
    }

    .contact-block.work-2 .box ul li {
        display: block;
        width: 100%;
    }

    .contact-block.work-2 .text h2 {
        margin-bottom: 50px;
    }

    .client-review,
    .client-image-big,
    .center-slider-div,
    .every-device,
    .three-image-div,
    .big-red-banner.ourwork {
        padding-top: 60px;
    }

    .every-device,
    .three-image-div {
        padding-bottom: 60px;
    }

    .client-review img {
        width: 120px;
    }

    .client-review h3,
    .every-device h2,
    .center-slider-div h3 {
        font-size: 26px;
        line-height: 42px;
    }

    .client-image-big .container:before {
        display: none;
    }

    .every-device h2 {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .insights-single-banner.home h3 {
        font-size: 50px;
        line-height: 75px;
    }

    .insights-single-banner.home h3 small {
        font-size: 40px;
    }

    .insights-single-banner.home h3 span {
        font-size: 26px;
        line-height: 32px;
    }

    .insights-single-banner.home h1 {
        font-size: 50px;
        line-height: 50px;
        letter-spacing: -1px;
    }

    .scroll-down-to-section {
        bottom: 35px;
    }

    .insights-single-banner.home .container {
        padding-top: 90px;
    }

    .intro-text.home h2 {
        font-size: 65px;
        line-height: 65px;
    }

    .contact-block.home-1 .text.right {
        margin-left: 0;
        padding-left: 0;
        padding-right: 40%;
    }

    .contact-block.home-1 {
        padding-bottom: 40px;
    }

    .sc-hero .hero-wrap {
        padding: 15px;
    }

    header {
        padding: 70px 30px 0 40px;
    }

    .sc-hero .uptitle svg {
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 10px;
    }

    .sc-hero .uptitle span {
        left: auto;
        margin-left: 0;
        display: block;
        font-size: 2.2em;
        text-align: center;
    }

    section.sc-data {
        height: auto;
        min-height: 100px;
        padding: 50px 0;
        padding-top: 80px;
        overflow: hidden;
    }

    .brands-home {
        padding-bottom: 50px;
    }

    .insights-single-banner {
        padding: 15px;
    }

    .insights-single-banner .scroll-down-arrow {
        display: none;
    }

    .insights-single-banner .container:before {
        display: none;
    }

    .expertise-home .title .expertise svg {
        width: 500px;
    }

    .brands-logos-wrap {
        width: 600%;
    }

    .contact-block.home-1 .single-thing {
        font-size: 30px;
        height: auto;
        padding: 15px 0;
        border-bottom: 1px solid rgba(252, 249, 249, .17);
    }

    .contact-block.home-1 .bottom-div .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-block.home-1 .bottom-div {
        padding-bottom: 0;
    }

    .contact-block.home-1 .text.right {
        padding-right: 0;
    }

    .contact-block.home-1 .title .top {
        right: 165px;
    }

    .contact-block.home-1 .bottom-div {
        padding-top: 10px;
        width: auto;
        margin-left: -30px;
        margin-right: -30px;
    }

    .contact-block.home-1 .bottom-div .container {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-block.home-1 .text.right .vertical {
        right: -236px;
        bottom: auto;
        top: -159px;
    }

    .contact-block.home-1 .vertical {
        display: block !important;
        opacity: 0.3;
        top: 20px;
        right: -210px;
        bottom: auto;
    }

    .contact-block.home-1 .vertical:before {
        display: none;
    }

    .contact-block.home-1 .text.right .vertical {
        display: none !important;
    }

    .sc-data-decor-plus-2,
    .sc-data-decor-plus-1,
    .sc-data-decor-title {
        display: none !important;
    }

    .sc-data .pat-dots {
        right: 20px;
        bottom: -70px;
    }

    section.sc-data {
        padding-bottom: 90px;
    }

    .sc-data-decor-logo {
        right: 0;
        top: 0;
        width: 90px;
        opacity: 1;
    }

    .sc-data-decor-logo img {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .custom-menu {
        top: -100%;
        height: 100%;
    }

    .intro-text,
    .expertises {
        padding: 50px 0;
    }

    .big-red-banner {
        padding-bottom: 30px;
    }

    .page-banner h2 {
        font-size: 60px;
    }

    .page-banner {
        padding-top: 120px;
        height: auto;
        padding-bottom: 40px;
    }

    h2,
    .h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 20px 0;
    }

    h3,
    .h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .expertises .single {
        padding: 30px 0 !important;
    }

    .big-red-banner .banner .text {
        width: 100%;
        padding: 0%;
    }

    .our-team .single {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 65%;
    }

    .our-team .single .inside .info {
        padding: 20px 20px 25px 20px;
    }

    .benefits-overview,
    .hungry-for-more {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .benefits-overview {
        padding-bottom: 30px;
    }

    .benefits-overview .stroke-text {
        font-size: 115px;
    }

    .benefits-overview .text small {
        font-size: 22px;
        line-height: 26px;
    }

    .benefits-overview .text {
        padding: 60px 0 90px 0;
    }

    .benefits-overview .text span {
        font-size: 50px;
        top: 10px;
    }

    .hungry-for-more h2 {
        font-size: 50px;
        line-height: 90px;
    }

    .hungry-for-more {
        font-size: 19px;
        line-height: 26px;
    }

    .job-open-positions .single {
        line-height: 22px;
    }

    .benefits-overview .right {
        padding-top: 40px;
    }

    .news-single.featured .category {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .news-single.featured h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .insights-banner h1 {
        font-size: 80px;
    }

    .insights-banner h1 span {
        position: relative;
        right: auto;
        bottom: auto;
    }

    .insights-banner {
        padding-bottom: 40px;
    }

    .insights-main .filter li a {
        font-size: 10px;
        padding: 5px 10px;
        border: 1px solid #000;
        min-width: 70px;
    }

    .insights-main .filter {
        margin-left: -5px;
        margin-right: -5px;
    }

    .insights-main .filter li {
        padding: 5px 5px !important;
    }

    header.insights-internal .container {
        max-width: -webkit-calc(100vw - 60px);
        max-width: -moz-calc(100vw - 60px);
        max-width: calc(100vw - 60px);
    }

    .insights-single-banner .container {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .insights-single-banner h1 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 50px;
    }

    .insights-details {
        padding: 50px 0;
    }

    .insights-details .post-detais p {
        margin-bottom: 15px;
    }

    .insights-details h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .insights-details p,
    .insights-details .end,
    .insights-details .source {
        margin-bottom: 30px;
    }

    .insights-details .back-to-insights,
    .insights-single-banner a {
        font-size: 16px;
        line-height: 22px;
    }

    .insights-main.more {
        padding-top: 50px;
    }

    .insights-main.more .title-big {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .fun-hours .double {
        height: auto;
        margin-bottom: 30px;
    }

    .contact-block .middle-line,
    .contact-block .bottom-line {
        display: none !important;
    }

    .contact-block.home-1 .bottom-line {
        display: block !important;
    }

    .contact-1 .bottom-line {
        display: block !important;
    }

    .contact-block .pull-left {
        margin: 0;
    }

    .contact-1 .pull-left {
        margin-top: 60px;
    }

    .contact-3 .text.first {
        width: 100%;
        margin-right: 0;
    }

    .contact-3 .container {
        padding: 0 !important;
    }

    .contact-3 {
        padding: 15px 0;
    }

    .contact-3 .text {
        padding: 25px 45px 25px 25px;
        position: relative;
    }

    .contact-3.last {
        padding-top: 0;
        margin-top: -15px;
    }

    .contact-3 .text .location {
        right: 25px;
        bottom: 25px;
        top: 25px;
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px);
        height: calc(100% - 50px);
    }

    .contact-3 .text .mobile-line {
        position: absolute;
        left: -100%;
        bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .2);
        height: 1px;
        display: block;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0, 0, 1, 0, 0);
        -o-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        -moz-transition-duration: 2s;
        -o-transition-duration: 2s;
        transition-duration: 2s;
        -webkit-transition-duration: 2s;
        z-index: 100;
    }

    .contact-3.viewpointin .text .mobile-line {
        -webkit-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
        -moz-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
        -o-transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
        transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
        -moz-transition-duration: 2s;
        -o-transition-duration: 2s;
        transition-duration: 2s;
        -webkit-transition-duration: 2s;
    }

    .contact-4 h2 {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .custom-menu .middle-line {
        display: none;
    }

    .custom-menu .inside {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    .every-device .mobile-1,
    .every-device .mobile-2,
    .every-device .mobile-3,
    .every-device .mobile-4 {
        margin: 0;
        padding: 0;
    }

    .next-project h3 {
        font-size: 52px;
        line-height: 60px;
    }

    .video-slider .item .play-video .play:before,
    .video-slider .item .play-video .play:after {
        display: none;
    }

    .video-slider .item .play-video a:before {
        width: 60px;
        height: 60px;
        line-height: 58px;
        margin-top: -30px;
        font-size: 12px;
    }

    .video-slider .item .play-video .play {
        bottom: 120px;
    }

    .video-slider .new-prev,
    .video-slider .new-next {
        bottom: 120px;
    }

    .video-slider .item .play-video .play {
        padding-left: 75px;
    }

    .video-slider .item .play-video a {
        padding-left: 70px;
    }

    .video-slider .item .play-video:before {
        right: -webkit-calc(100% - 135px);
        right: -moz-calc(100% - 135px);
        right: calc(100% - 135px);
    }

    .next-project {
        height: auto;
        padding: 80px 0 120px 0;
    }

    .insights-single-banner.home {
        font-size: 14px;
        line-height: 20px;
    }

    .insights-single-banner.home h1 {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -0.5px;
    }

    .intro-text.home .bg {
        display: none;
    }

    .intro-text.home .container {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    .intro-text.home h2 {
        font-size: 45px;
        line-height: 45px;
        letter-spacing: 0.5px;
    }

    .intro-text.home h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .intro-text.home .text {
        padding-right: 0;
    }

    .intro-text.home .text p:first-child,
    .contact-block.home-2 .text p:first-child,
    .brands-home .text p:first-child {
        margin-bottom: 30px;
    }

    .contact-block.home-1 .title .bottom {
        font-size: 95px;
    }

    .contact-block.home-1 .title .top {
        font-size: 35px;
        top: -75px;
        right: -7px;
    }

    .contact-block.home-1 .title .top svg {
        width: 220px;
        height: auto;
    }

    .contact-block.home-1 .text.right {
        font-size: 18px;
        line-height: 22px;
    }

    .contact-block.home-2 .box,
    .contact-block.home-2 .box.last {
        width: 100%;
        padding: 20px 0px;
    }

    .contact-block.home-1 {
        padding-bottom: 30px;
    }

    .contact-block.home-2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .brands-home .title {
        padding-top: 120px;
        margin-top: -80px;
        padding-bottom: 60px;
    }

    .brands-home .title .bottom {
        font-size: 100px;
    }

    .brands-home .title .top {
        font-size: 40px;
        line-height: 40px;
        left: 20px;
        top: 40px;
    }

    .brands-home .title .float {
        font-size: 22px;
        line-height: 22px;
    }

    .marquee {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .brands-home {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .expertise-home {
        padding-top: 120px;
        padding-bottom: 40px;
    }

    .expertise-home .box {
        line-height: 20px;
    }

    .expertise-home .title .expertise {
        font-size: 91px;
        top: -130px;
        left: -11px;
    }

    .expertise-home .title {
        margin-bottom: 40px;
    }

    .brands-row-2 {
        padding-top: 15%;
    }

    header .logo svg {
        width: 55px;
        height: 47px;
    }

    header {
        padding: 50px 15px 0 15px;
    }

    .sc-hero .uptitle svg {
        width: 5.2666666em;
    }

    .sc-hero .uptitle span {
        font-size: 1.8em;
    }

    .sc-hero h1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .sc-hero .scroll {
        bottom: 30px;
    }

    .sc-data h2 {
        font-size: 50px;
        line-height: 50px;
        margin-left: -3px;
    }

    .sc-data h3 {
        font-size: 19px;
        line-height: 24px;
    }

    .sc-data h3 + p {
        margin-bottom: 30px;
    }

    .contact-block.home-1 .text.right .vertical {
        display: none !important;
    }

    .brands-row-2 li {
        max-width: 25%;
    }

    .brands-home {
        padding-bottom: 25px;
    }

    header.internal {
        height: 70px;
    }

    header.internal:not(.pin) .logo svg {
        margin-top: 8px;
    }

    .expertise-home .title .expertise svg {
        width: 400px;
    }

    .expertise-home .title .expertise {
        top: -115px;
    }

    .brands-logos-wrap {
        width: 900%;
    }
}

@media (max-width: 400px) {
    .big-red-banner .banner .big {
        padding-top: 0;
        margin-top: 10px;
        padding-right: 60px;
        background-image: none;
        padding-right: 0;
    }

    .big-red-banner .banner .big small {
        position: relative;
        top: auto;
        right: auto;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .big-red-banner .banner .big h2 {
        font-size: 70px;
        line-height: 80px;
        letter-spacing: 1px;
    }

    .big-red-banner .banner .big h2 span {
        display: inline-block;
    }

    .our-team .single {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 100%;
        margin: 10px 0;
    }

    .fun-hours .single {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        height: auto;
        padding-top: 100%;
        margin: 10px 0;
    }

    .benefits-overview .stroke-text {
        font-size: 85px;
    }

    .benefits-overview .text small {
        font-size: 22px;
        line-height: 26px;
    }

    .benefits-overview .text {
        padding: 50px 0 80px 0;
    }

    .benefits-overview .text span {
        font-size: 40px;
    }

    .hungry-for-more h2 {
        font-size: 40px;
        line-height: 80px;
    }

    .hungry-for-more {
        font-size: 16px;
        line-height: 22px;
    }

    .insights-banner h1 {
        font-size: 60px;
    }

    .insights-banner {
        padding-bottom: 0px;
        padding-top: 90px;
    }

    .insights-single-banner .container:before {
        display: none;
    }

    .insights-single-banner h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 40px;
    }

    .contact-4 .container:before {
        display: none;
    }

    .contact-1 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 300;
        padding: 45px 0;
    }

    .contact-1 .text .stroke-text {
        font-size: 127px;
        line-height: 150px;
        margin-top: -50px;
    }

    .insights-banner {
        padding-bottom: 10px;
    }

    .insights-main {
        padding-top: 25px;
    }

    .contact-block.work-2 .text h2:before {
        display: none;
    }

    .video-slider .item {
        height: auto;
    }

    .contact-block.work-2 .text h2 {
        font-size: 80px;
        line-height: 165px;
    }

    .contact-block.work-2 .text h2 span {
        font-size: 18px;
        line-height: 22px;
        margin-top: 25px;
        position: relative;
        z-index: 10;
    }

    .video-slider .item .play-video .play {
        bottom: 35px;
    }

    .client-review,
    .client-image-big,
    .center-slider-div,
    .every-device,
    .three-image-div,
    .big-red-banner.ourwork {
        padding-top: 45px;
    }

    .every-device,
    .three-image-div {
        padding-bottom: 45px;
    }

    .client-review img {
        width: 100px;
    }

    .client-review h3,
    .every-device h2,
    .center-slider-div h3 {
        font-size: 22px;
        line-height: 38px;
    }

    .next-project h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .center-slider-div .new-next,
    .center-slider-div .new-prev {
        font-size: 29px;
    }

    .center-slider-div .new-prev {
        right: 200px;
    }

    .video-slider .new-prev,
    .video-slider .new-next {
        top: 50%;
        margin-top: -25px;
        bottom: auto;
    }

    .expertise-home .box,
    .expertise-home .box.last {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .expertise-home .title {
        font-size: 35px;
    }

    .expertise-home .title .expertise {
        font-size: 71px;
        top: -120px;
    }

    .expertise-home {
        padding-top: 120px;
    }

    .brands-home .title .bottom {
        font-size: 75px;
    }

    .brands-home .title .float {
        font-size: 19px;
    }

    .brands-home .title {
        padding-top: 90px;
        margin-top: -70px;
    }

    .brands-home .title .top {
        font-size: 30px;
        top: 45px;
    }

    .contact-block.home-1 .text.right {
        padding-right: 20%;
    }

    .contact-block.home-1 .title .bottom {
        font-size: 75px;
    }

    .contact-block.home-1 .title .top {
        font-size: 27px;
        top: -59px;
    }

    .contact-block.home-1 .title .top svg {
        width: 190px;
    }

    .contact-block.home-1 .text.left .plus {
        font-size: 90px;
        left: 0;
    }

    .contact-block.home-1 .text.right .vertical {
        bottom: 162px;
        font-size: 24px;
        right: -208px;
    }

    .contact-block.home-1 .text.right .vertical:before {
        width: 10px;
    }

    .expertise-home .title .expertise svg {
        width: 400px;
        max-width: 100%;
    }

    .expertise-home .title .expertise {
        top: -110px;
    }

    .brands-home .title .top svg {
        width: 140px;
        height: auto;
    }

    .brands-home .title .top {
        top: 30px;
    }

    .brands-logos-wrap {
        width: 1100%;
    }

    .contact-block.home-1 .text.right {
        padding-right: 0;
    }

    .contact-block.home-1 {
        padding-bottom: 50px;
    }

    section.sc-hero .scroll-down-arrow {
        bottom: 50px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
}


@media only screen
and (min-device-width: 414px)
and (max-device-width: 820px)
and (orientation: landscape) {
    section.sc-hero {
        min-height: auto;
    }

    section.sc-hero .scroll-down-arrow {
        display: none;
    }

    .sc-hero h1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }
}


.lowercase {
    text-transform: lowercase;
}

.client-image-heading {
    text-align: center;
    padding-bottom: 40px;
    font-size: large;
}

/* Masonry Grid */

.grid {
    margin: 0 auto;
}

@media (max-width: 768px) {
    .grid-item {
        width: 32%;
    }
}

@media (max-width: 575px) {
    .grid-item {
        width: 49%;
    }
}

@media (max-width: 400px) {
    .grid-item {
        width: 99%;
    }
}

.standard-box {
    line-height: 28px;
    display: block;
    width: 100%;
    margin-bottom: 80px;
}

.result-percentage {
    font-size: 72px;
    font-weight: 900;
    line-height: 72px;
    display: block;
    text-align: center;
}

/*==============================================
***  Diversity + Inclusion Page CSS starts here
==============================================*/
body .fz-75 {
    font-size: 75px;
}

.team-member {
    padding-bottom: 60px;
}

.team-member .card-columns {
    column-count: 3;
}

.team-member .card {
    background: #ebebeb;
    border-radius: 0px;
    border: none;
    margin-bottom: 20px;
}

.team-member .card .card-body {
    padding: 1.875rem;
}

.team-member .card .card-body .card-img-top {
    border-radius: 0px;
}

.team-member .image .image-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 25px;
    z-index: 1;
}

.team-member .image .image-text .card-title {
    margin-bottom: 0px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.team-member .image .image-text p {
    color: #fff;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 18px;
}

.team-member .image:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#99000000', GradientType=0);
}

.team-member .card-text {
    font-size: 24px;
    line-height: 36px;
}

.team-member .read-more {
    font-size: 16px;
    line-height: 18px;
    color: #d62924;
    font-weight: 700;
}

.team-member .read-more span {
    padding-left: 15px;
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.team-member .read-more:hover {
    color: #f68a1f
}

.team-popup .modal-header {
    padding: 10px;
    border: none;
}

.team-popup .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
}

.team-member .team-popup .image {
    margin-bottom: 0px;
}

.team-popup .modal-body p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

.team-popup .modal-body {
    padding: 20px 40px 40px 40px;
}

.diversity_post .nav-tabs a {
    font-size: 20px;
    padding: 3px 10px;
    display: inline-block;
}

.diversity_post .nav-tabs li:not(:last-child) {
    border-right: solid 1px rgba(0, 0, 0, 0.5);
}

.diversity_post .nav-tabs li {
    padding: 0px 10px;
    margin: 7px 0px;
    line-height: 15px;
}

.diversity_post .nav-tabs a:before {
    content: '+';
    color: #d62924;
    font-weight: 700;
    margin-right: 10px
}

.diversity_post .nav-tabs li.active a,
.diversity_post .nav-tabs li a:hover {
    color: #c8c6c6;
}

.diversity_post .nav-tabs li.active a:before {
    content: '-';
}

/* Nov_01_2019 starts*/

/* Nov_01_2019 ends */

@media (max-width: 991px) {
    .page-banner h2 {
        font-size: 70px;
    }

    .team-member .card .card-body {
        padding: 1rem;
    }

    .team-member .image .image-text p {
        font-size: 16px;
    }

    .team-member .image .image-text .card-title {
        font-size: 20px;
    }

    .team-member .card-text {
        font-size: 20px;
        line-height: 30px;
    }

    .team-popup .modal-body p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .team-member .card-columns {
        column-count: 1;
    }

    .team-popup .modal-header .close img {
        max-width: 20px;
    }

    .team-popup .modal-header .close {
        right: 12px;
        top: 12px;
    }

    .team-popup .modal-body {
        padding: 20px;
    }

    .team-member .card-text {
        font-size: 17px;
        line-height: 25px;
    }

    .page-banner h2 {
        font-size: 46px;
    }
}


/*==============================================
***  Diversity + Inclusion Page CSS ends here
==============================================*/

/*==============================================
*** 4H Page Css start here
==============================================*/

.instagram-banner {
    margin-bottom: 250px;
}

.instagram-banner {
    background: url(../images/4h-bg.jpg) no-repeat top right !important;
    background-size: cover !important;
    padding-top: 75px;
    padding-bottom: 150px;
    margin-left: 20px;
    margin-right: 20px;
}

.instagram-banner .display-1 {
    font-weight: 700;
    line-height: 94px;
}

.small-text {
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
}

.post-row {
    margin-bottom: -321px;
    padding-top: 70px;
}

.mt-15 {
    margin-top: 15px;
}

.mmt-10 {
    margin-top: -10px;
}

.section-title {
    font-size: 60px;
    font-weight: 700;
    color: #000000;
    padding: 63px 0px;
    line-height: normal;
    margin-bottom: 0px;
    position: relative;
}

.section-title:before {
    content: '';
    background: #000;
    height: 6px;
    width: 148px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.doer-section {
    padding-bottom: 115px;
}

.more-story-section {
    padding-bottom: 100px;
}

.img-shadow {
    box-shadow: 6px 4px 8px rgba(0, 0, 0, 0.23);
}

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

.activity-guide {
    padding-bottom: 105px;
}

.web-banner, .pinterest-section {
    padding-bottom: 116px;
}

.landing-page-slider {
    padding-bottom: 190px;
}

.landing-main-slider {
    padding: 70px 0px 133px 0px;
}

.landing-main-slider .bg-slider {
    position: absolute;
    left: auto;
    left: 0px;
    top: 0;
}

.landing-main-slider .carousel {
    max-width: 472px;
    margin-left: 326px;
}

.landing-main-slider .carousel .carousel-item img {
    max-width: 100%;
}

.landing-main-slider .carousel-indicators {
    bottom: -255px;
}

.landing-main-slider .carousel-indicators img {
    max-width: 100%;
}

.landing-main-slider .carousel-indicators li {
    width: 280px;
    height: 98px;
    text-indent: inherit;
}

.landing-main-slider .carousel-indicators {
    margin: 0px;
}

.landing-main-slider .carousel-indicators li {
    width: 280px;
    height: 98px;
    text-indent: inherit;
}

.landing-main-slider .carousel-indicators {
    margin: 0px;
    width: 700px;
    transform: translateX(-50%);
    left: 50%;
}

.landing-main-slider .display-1 {
    position: relative;
    z-index: 1;
    font-weight: 700;
    text-align: center;
    font-size: 66px;
    margin-bottom: 67px;
}

.landing-main-slider .display-1 .cross-line {
    display: block;
    position: relative
}

.landing-main-slider .cross-line:after,
.landing-main-slider .cross-line:before {
    content: '';
    width: 65px;
    height: 5px;
    background: #000000;
    position: absolute;
}

.landing-main-slider .cross-line:after {
    top: 50%;
    transform: translate(30px, -50%);
}

.landing-main-slider .cross-line:before {
    top: 50%;
    transform: translate(-100px, -50%);
}

img {
    max-width: 100%;
}

/* diversity css */

.diversity_post .nav-tabs {
    text-align: center;
    justify-content: center;
    border: none;
    padding: 15px 0px;
}

.diversity_post .nav-tabs li {
    display: inline-block;
    /* padding: 8px; */
}

.logo-4h {
    max-width: 90%;
    height: inherit;
    margin-left: 170px;
}

/* diversity css */

.next-project {
    background-size: cover;
}

.next-project .link a {
    position: relative;
}

.landing-page-slider-text {
    padding-bottom: 50px;
}


@media (max-width: 1199px) {
    .landing-main-slider .display-1 {
        font-size: 56px;
    }

    .landing-main-slider .display-1 {
        margin-bottom: 49px;
    }

    .landing-main-slider .carousel {
        max-width: 402px;
        margin-left: 276px;
    }

    .post-row {
        margin-bottom: -303px;
    }
}

@media (max-width: 991px) {
    .instagram-banner .display-1 {
        font-size: 60px;
        line-height: 66px;
    }

    .post-row {
        margin-bottom: -263px;
    }

    .post-row .mmt-10 {
        margin-top: -7px;
    }

    .post-row .mt-15 {
        margin-top: 10px;
    }

    .instagram-banner {
        padding-bottom: 156px;
        margin-bottom: 150px;
    }

    .section-title {
        font-size: 40px;
        padding: 43px 0px;
    }

    .activity-guide,
    .web-banner,
    .pinterest-section,
    .doer-section {
        padding-bottom: 55px;
    }

    .activity-guide-heading {
        max-width: 80%;
    }

    .landing-main-slider .display-1 {
        font-size: 40px;
    }

    .landing-main-slider .cross-line:after,
    .landing-main-slider .cross-line:before {
        height: 3px;
    }

    .landing-main-slider {
        padding: 52px 0px 73px 0px;
    }

    .landing-main-slider .carousel {
        max-width: 311px;
        margin-left: 209px;
    }

    .landing-main-slider .carousel-indicators {
        width: 460px;
    }

    .landing-main-slider .carousel-indicators {
        bottom: -210px;
    }

    .landing-page-slider {
        padding-bottom: 160px;
    }

    .section-title:before {
        height: 3px;
    }
}

@media (max-width: 767px) {
    .instagram-banner .display-1 {
        font-size: 40px;
        line-height: 44px;
    }

    .post-row {
        margin-bottom: 0px;
        padding-top: 30px;
    }

    .post-row .mt-15,
    .post-row .mmt-10 {
        margin-top: 25px;
    }

    .instagram-banner .container {
        padding-bottom: 70px;
    }

    .instagram-banner {
        padding-bottom: 50px;
    }

    .section-title {
        font-size: 28px;
        padding: 28px 0px;
    }

    .more-story-section .pt-5,
    .doer-section .pt-5 {
        padding-top: 25px !important;
    }

    .activity-guide,
    .web-banner,
    .pinterest-section,
    .doer-section {
        padding-bottom: 35px;
    }

    .sm-text-center {
        text-align: center;
    }

    .pinterest-section img,
    .more-story-section img {
        margin: 10px 0px;
    }

    .landing-main-slider .display-1 {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .landing-main-slider .cross-line:after,
    .landing-main-slider .cross-line:before {
        height: 2px;
        width: 30px;
    }

    .landing-main-slider {
        padding: 0px 0px 73px 0px;
    }

    .landing-main-slider .carousel {
        max-width: 147px;
        margin-left: 91px;
    }

    .landing-main-slider .carousel-indicators {
        width: 260px;
    }

    .landing-page-slider {
        padding-bottom: 90px;
    }

    .landing-main-slider .carousel-indicators {
        bottom: -160px;
    }

    .instagram-banner {
        background-position: left top !important;
    }

    .logo-4h {
        max-width: 100px;
        margin-left: 0px;
    }

    .instagram-banner {
        margin-bottom: 50px;
    }

    .landing-page-slider {
        display: none;
    }

    .landing-page-slider-text {
        display: none;
    }
}


/*==============================================
*** 4H Page Css end here
==============================================*/

/* Team page css  */
.single .info .align-items-end div {
    margin-bottom: 10px;
}

.single .info .align-items-end * {
    transition: all ease-in-out 0.2s;
}

.single:hover .info .align-items-end div {
    margin-bottom: 0px;
    animation-delay: 0.5s;
}

.single .inside .info:before,
.single:hover .inside .info:before {
    transition: all ease-in-out 0.4s;
}

.single:hover .inside .info:before {
    transform: translate(-15px, 15px);
}

/* 06  November css here  */
.diversity_post img {
    display: block;
    margin: auto;
}


/*==============================================
*** SummitVista start here
==============================================*/

.video-slider .item .play-video a:before {
    background: url(../images/play-button@2x.svg) no-repeat left center;
    content: '';
    background-size: 100%;
}

.web-slideshow {
    background: #f9f9f9;
    padding: 50px 0px;
}

.fortune-section {
    padding: 70px 0px;
}

.email-section,
.print-section {
    padding-bottom: 100px;
}

.summit-side-image {
    margin-top: 100px;
}

.summit-side-image .right-content {
    padding: 32px 50px 31px;
}

.summit-side-image .right-content h3 {
    color: #006f93;
}

.summit-side-image h4 {
    font-size: 18px;
    color: #006f93;
    margin-top: 20px;
}

.cmt-5 {
    margin-top: 30px;
}

.call-btn,
.visit-btn {
    color: #006f93;
    display: block;
    font-weight: 500;
    font-size: 14px;
    padding-left: 35px;
}

.call-btn {
    background: url(../images/call-icon.jpg) no-repeat left center;
    margin-bottom: 5px;
}

.visit-btn {
    background: url(../images/visit-icon.jpg) no-repeat left center;
}

.web-slideshow .carousel .carousel-item img {
    max-width: 100%;
}

.web-slideshow .carousel-indicators img {
    max-width: 100%;
}

.web-slideshow .carousel-indicators li {
    width: 280px;
    height: inherit;
    text-indent: inherit;
}

.web-slideshow .carousel-indicators {
    position: inherit;
    height: inherit;
    width: 100%;
    margin: 0px;
}

.web-slideshow .slideshow-vertical-col:after {
    content: 'web';
    font-family: 'Poppins', sans-serif;
    position: absolute;
    left: -100px;
    top: 50%;
    margin-top: -33px;
    transform: rotate(-90deg);
    font-size: 66px;
    line-height: 66px;
}

.virtual-section {
    padding-bottom: 70px;
}


@media (min-width: 768px) {
    .web-slideshow .carousel-inner {
        width: 65%;
        float: right;
        padding: 0px 10px;
    }

    .web-slideshow .carousel-indicators {
        margin: 0px;
        position: inherit;
        width: calc(35%);
        float: left;
        display: block;
        padding: 0px 20px 0px 0px;
        border-right: solid 1px #808080;
    }

    .web-slideshow .carousel-indicators li {
        width: 100% !important;
        height: inherit;
        text-indent: inherit;
        display: block;
        flex: initial;
        border-top: 0px;
    }
}

@media (max-width: 991px) {
    .summit-side-image .right-content h3 {
        font-size: 30px;
    }

    .summit-side-image .right-content {
        padding: 25px;
    }

    .summit-side-image h4 {
        font-size: 16px;
    }

    .fortune-section {
        padding: 50px 0px 40px;
    }

    .summit-side-image {
        margin-top: 50px;
    }

    .email-section,
    .print-section {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .email-section, .print-section {
        padding-bottom: 50px;
    }

    .summit-side-image {
        margin-top: 50px;
    }

    .summit-side-image .right-content h3 {
        font-size: 24px;
    }

    .web-slideshow .slideshow-vertical-col:after {
        display: none;
    }
}

/*==============================================
*** SummitVista end here
==============================================*/

/* .contact-3 .row .custom-bg-left,
.contact-3 .row .custom-bg-right{ transform: initial; }

.contact-3 .row .custom-bg-left:hover,
.contact-3 .row .custom-bg-right:hover{ background: #2e2e2e; }

.contact-3 .row .custom-bg-section2,
.contact-3 .row .custom-bg-section3{
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}
.contact-3 .row .custom-bg-left:before,
.contact-3 .row .custom-bg-right:before,
.contact-3 .row .custom-bg-section2:after,
.contact-3 .row .custom-bg-section3:after{
    content:'';
    height:100%;
    width:100%;
    position:absolute;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}
.contact-3 .row .custom-bg-section3{
    left:0px
}
.contact-3 .row .custom-bg-section2:after,
.contact-3 .row .custom-bg-right:before{
    right:-100%;
}

.contact-3 .row .custom-bg-section3:after,
.contact-3 .row .custom-bg-left:after{
    right:initial;
    left:-100%;
}

.contact-3 .row .custom-bg-section2:hover,
.contact-3 .row .custom-bg-section2:hover:after,
.contact-3 .row .custom-bg-section3:hover,
.contact-3 .row .custom-bg-section3:hover:after,
.contact-3 .row .custom-bg-left:hover:before,
.contact-3 .row .custom-bg-right:hover:before{
    background:#2e2e2e;
}   */

.contact-3 .row .custom-bg-left,
.contact-3 .row .custom-bg-right,
.contact-3 .row .custom-bg-section2,
.contact-3 .row .custom-bg-section3 {
    display: none;
}

.contact-3 {
    height: inherit;
}


.contact-3 .col_right,
.contact-3 .col_right:after,
.contact-3 .col_left,
.contact-3 .col_left:after,
.contact-3 .col_right *,
.contact-3 .col_left .text-black,
.contact-3 .col_right .location:before,
.contact-3 .col_left * {
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.contact-3 .col_left,
.contact-3 .col_right {
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.contact-3 .col_left:after {
    content: '';
    position: absolute;
    left: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.contact-3 .col_right:after {
    content: '';
    position: absolute;
    right: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.contact-3 .col_right:hover,
.contact-3 .col_right:hover:after,
.contact-3 .col_left:hover,
.contact-3 .col_left:hover:after {
    background: #2e2e2e;
}

.contact-3 .col_left:hover .text-black,
.contact-3 .col_right:hover .text-black {
    color: #d62924 !important;
}

.contact-3 .col_left:hover .location:before,
.contact-3 .col_right:hover .location:before {
    color: #fff;
}

@media (min-width: 992px) {
    .contact-3 .col_left {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 8.333333%;
    }

    .contact-3 .col_right {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 8.333333%;
    }
}

@media (max-width: 991px) {
    .contact-3 .col_left,
    .contact-3 .col_right {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact-3 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .contact-3 .col_left {
        padding-right: 4.666667%;
    }

    .contact-3 .col_right {
        padding-left: 4.666667%;
    }

    .contact-3 .col_right .pull-left {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .contact-3 .col_left {
        padding-right: 15px;
    }

    .contact-3 .col_right {
        padding-left: 15px;
    }

    .contact-3 .col_left,
    .contact-3 .col_right {
        padding-top: 15px;
        padding-bottom: 15px;
    }

}

/*===============================================================
*** Diversity Page (taken from the old TA site)
===============================================================*/

.module-diversity {
    width: 100%;
    position: relative;
}

.module-diversity .container-fluid {
    width: 100%;
    max-width: 1530px;
}

.diversity-grid-sizer,
.diversity-grid-item {
    width: 23.5%;
}

.diversity-gutter-sizer {
    width: 15px;
}

.diversity-grid-item--width2 {
    width: 48.5%;
}

.diversity-grid-item,
.diversity-grid-item--width2 {
    margin-bottom: 20px;
}

.personal-card {
    width: 100%;
    position: relative;
    padding: 20px;
    background-color: #ebebeb;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.personal-card .image {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.personal-card .image .title {
    position: absolute;
    bottom: 0;
    padding: 0 15px 15px 15px;
    color: #FFF;
    font-weight: 600;
    font-style: italic;
    font-size: 12px;
    line-height: 14px;
}

.personal-card .image .title strong {
    display: block;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.personal-card a {
    font-weight: 700;
    color: #d31a26;
}

.personal-card h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.personal-card strong {
    font-weight: 700;
}

.personal-card .language-list li {
    font-size: 16px;
    line-height: 21px;
    padding-left: 130px;
    position: relative;
    height: 24px;
    display: block;
}

.personal-card .language-list li .text {
    width: 130px;
    position: absolute;
    left: 0;
}

.personal-card .language-list li .text span {
    position: absolute;
    left: 105px;
}

.personal-card .language-list li .bar {
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    background-color: #d21f28;
}

.personal-card .inside.white {
    background-color: #FFF;
    padding: 20px;
}

.personal-card .donut-segment.segment-1 {
    fill: transparent;
    stroke: #d21f28;
    stroke-width: 5;
    stroke-dasharray: 94 11;
    stroke-dashoffset: 30;
}

.personal-card .donut-segment.segment-2 {
    fill: transparent;
    stroke: #2f3f67;
    stroke-width: 5;
    stroke-dasharray: 6 123;
    stroke-dashoffset: 66;
}

.personal-card .donut-segment.segment-3 {
    fill: transparent;
    stroke: #44c6dd;
    stroke-width: 5;
    stroke-dasharray: 4 99;
    stroke-dashoffset: 34;
}

.personal-card .donut-segment.segment-4 {
    fill: transparent;
    stroke: #f6891f;
    stroke-width: 5;
    stroke-dasharray: 1 95;
    stroke-dashoffset: 23;
}

.personal-card .donut-segment.segment-5 {
    fill: transparent;
    stroke: #8a8987;
    stroke-width: 5;
    stroke-dasharray: 1 95;
    stroke-dashoffset: 22;
}

.personal-card .re-white {
    color: #d21f28;
}

.personal-card .re-asian {
    color: #2f3f67;
}

.personal-card .re-esp {
    color: #44c6dd;
}

.personal-card .re-black {
    color: #f6891f;
}

.personal-card .re-multi {
    color: #8a8987;
}

.personal-card .re-stats {
    margin-left: -10px;
    margin-right: -10px;
}

.personal-card .svg-item {
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    -webkit-animation: donutfade 1s;
    -moz-animation: donutfade 1s;
    -o-animation: donutfade 1s;
    animation: donutfade 1s;
}

@-webkit-keyframes donutfade {
    /* this applies to the whole svg item wrapper */
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes donutfade {
    /* this applies to the whole svg item wrapper */
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes donutfade {
    /* this applies to the whole svg item wrapper */
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes donutfade {
    /* this applies to the whole svg item wrapper */
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}


.personal-card .donut-ring {
    stroke: #f6891f;
    stroke-width: 6.5;
}

.personal-card .figure-content .donut-ring {
    stroke-width: 5;
}

.personal-card .donut-ring.big {
    stroke-width: 5;
}

.personal-card .donut-segment.big {
    stroke: #d21f28;

    stroke-dasharray: 56, 44;
    stroke-dashoffset: 25;
    stroke-width: 5;
}

.viewpointin .personal-card .donut-segment.big {
    -webkit-animation: donutbig 3s;
    -moz-animation: donutbig 3s;
    -o-animation: donutbig 3s;
    animation: donutbig 3s;
}

.personal-card .donut-segment {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    stroke: #d21f28;
}

.personal-card .donut-segment-1 {
    stroke: #d21f28;

    stroke-dasharray: 64, 36;
    stroke-dashoffset: 25;
    stroke-width: 6.5;
}

.viewpointin .personal-card .donut-segment-1 {
    -webkit-animation: donut1 3s;
    -moz-animation: donut1 3s;
    -o-animation: donut1 3s;
    animation: donut1 3s;
}

.personal-card .donut-segment-2 {
    stroke: #d21f28;

    stroke-dasharray: 79, 21;
    stroke-dashoffset: 25;
    stroke-width: 6.5;
}

.viewpointin .personal-card .donut-segment-2 {
    -webkit-animation: donut2 3s;
    -moz-animation: donut2 3s;
    -o-animation: donut2 3s;
    animation: donut2 3s;
}

.personal-card .donut-segment-3 {
    stroke: #d21f28;

    stroke-dasharray: 35, 65;
    stroke-dashoffset: 25;
    stroke-width: 6.5;
}

.viewpointin .personal-card .donut-segment-3 {
    -webkit-animation: donut3 3s;
    -moz-animation: donut3 3s;
    -o-animation: donut3 3s;
    animation: donut3 3s;
}

.personal-card .donut-segment-4 {
    stroke: #d21f28;

    stroke-dasharray: 64, 36;
    stroke-dashoffset: 25;
    stroke-width: 6.5;
}

.viewpointin .personal-card .donut-segment-4 {
    -webkit-animation: donut4 3s;
    -moz-animation: donut4 3s;
    -o-animation: donut4 3s;
    animation: donut4 3s;
}

.personal-card .donut-percent {
    -webkit-animation: donutfadelong 1s;
    -moz-animation: donutfadelong 1s;
    -o-animation: donutfadelong 1s;
    animation: donutfadelong 1s;
}


@-webkit-keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}


@-moz-keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}


@-o-keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}


@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}

@-webkit-keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 79, 21;
    }
}

@-moz-keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 79, 21;
    }
}

@-o-keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 79, 21;
    }
}

@keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 79, 21;
    }
}

@-webkit-keyframes donut3 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 35, 65;
    }
}

@-moz-keyframes donut3 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 35, 65;
    }
}

@-o-keyframes donut3 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 35, 65;
    }
}

@keyframes donut3 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 35, 65;
    }
}

@-webkit-keyframes donut4 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}

@-moz-keyframes donut4 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}

@-o-keyframes donut4 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}

@keyframes donut4 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 64, 36;
    }
}

@-webkit-keyframes donutbig {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 56, 44;
    }
}

@-moz-keyframes donutbig {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 56, 44;
    }
}

@-o-keyframes donutbig {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 56, 44;
    }
}

@keyframes donutbig {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 56, 44;
    }
}

.personal-card .donut-text {
    fill: #f6891f;
}

.personal-card .donut-label {
    font-size: 0.24em;
    font-weight: 700;
    line-height: 1;
    fill: #000;
    -webkit-transform: translateY(0.25em);
    -moz-transform: translateY(0.25em);
    -ms-transform: translateY(0.25em);
    -o-transform: translateY(0.25em);
    transform: translateY(0.25em);
}

.personal-card .donut-percent {
    font-size: 0.52em;
    line-height: 1;
    -webkit-transform: translateY(0.5em);
    -moz-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    -o-transform: translateY(0.5em);
    transform: translateY(0.5em);
    font-weight: bold;
    letter-spacing: -0.05em;
}

.personal-card .donut-percent.text-red {
    fill: #d32028;
}

.personal-card .donut-data {
    font-size: 0.20em;
    line-height: 1;
    -webkit-transform: translateY(0.8em);
    -moz-transform: translateY(0.8em);
    -ms-transform: translateY(0.8em);
    -o-transform: translateY(0.8em);
    transform: translateY(0.8em);
    text-align: center;
    text-anchor: middle;
    color: #666;
    fill: #666;
    -webkit-animation: donutfadelong 1s;
    -moz-animation: donutfadelong 1s;
    -o-animation: donutfadelong 1s;
    animation: donutfadelong 1s;
}

.personal-card .donut-text-big .donut-percent {
    font-size: 0.36em;
}

.personal-card .donut-text-big .donut-data {
    font-size: 0.14em;
}


.diversity-big-hero-image {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.diversity-big-hero-image .position-absolute {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 3% 4%;
    color: #FFF;
    font-size: 15px;
    line-height: 19px;
    font-style: italic;
    font-weight: 600;
}

.diversity-big-hero-image .position-absolute strong {
    font-size: 20px;
    line-height: 24px;
    display: block;
    font-style: normal;
    font-weight: 700;
}

.diversity-big-text {
    padding: 3% 4%;
    font-size: 16px;
    line-height: 23px;
}

@media (max-width: 1199.98px) {
    .diversity-grid-sizer,
    .diversity-grid-item {
        width: 32.33333%;
    }

    .diversity-gutter-sizer {
        width: 15px;
    }

    .diversity-grid-item--width2 {
        width: 32.3333%;
    }

    .personal-card .donut-ring,
    .personal-card .donut-segment-1,
    .personal-card .donut-segment-2,
    .personal-card .donut-segment-3,
    .personal-card .donut-segment-4 {
        stroke-width: 5;
    }
}

@media (max-width: 991.98px) {
    .diversity-grid-sizer,
    .diversity-grid-item {
        width: 49%;
    }

    .diversity-gutter-sizer {
        width: 11px;
    }

    .diversity-grid-item--width2 {
        width: 49%;
    }

    .personal-card .svg-item,
    .figure-content {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 600px) {
    .diversity-grid-sizer,
    .diversity-grid-item {
        width: 100%;
    }

    .diversity-gutter-sizer {
        width: 0px;
    }

    .diversity-grid-item--width2 {
        width: 100%;
    }

    .personal-card .svg-item,
    .figure-content {
        max-width: 65%;
        margin: 0 auto;
    }

    .diversity-big-hero-image .position-absolute {
        font-size: 13px;
        line-height: 16px;
    }

    .diversity-big-hero-image .position-absolute strong {
        font-size: 18px;
        line-height: 21px;
    }
}

@media (max-width: 575.98px) {
    .personal-card .svg-item,
    .figure-content {
        max-width: 70%;
        margin: 0 auto;
    }
}

@media (max-width: 400px) {
    .personal-card .svg-item,
    .figure-content {
        max-width: 90%;
        margin: 0 auto;
    }
}

.announcement .big-red-banner {
    padding-bottom: 0;
    z-index: 1001;
    position: absolute;
    width: 100%;
}

.announcement .big-red-banner .banner {
    padding: 15px 30px;
}

.announcement .big-red-banner .banner .getintouch {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

.announcement-internal header.internal:not(.pin) .d-flex {
    border-bottom: none;
}

@media (max-width: 991.98px) {
    .announcement header {
        padding: 90px 50px 0 50px;
    }

    .announcement header.pin {
        padding: 0px;
    }
}

@media (max-width: 480px) {
    .announcement header {
        padding: 110px 30px 0 40px;
    }
}

.awareness .expertises .single {
    padding-top: 0;
}

.awareness .expertises .height {
    min-height: auto;
}

.awareness .questions .icon img {
    max-width: 24px;
    cursor: pointer;
}

#survey-modal .modal-header {
    padding: 0.5rem 1rem;
    border-bottom: none;
}

#survey-modal .smcx-widget {
    margin: 0 auto;
}


/* work with us careers block */

.work-with-us-careers {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.13px;
    padding: 60px 0 25px 0;
    background-color: #d31a26;
    color: #FFF;
}

.work-with-us-careers .top-text {
    width: 100%;
    display: block;
    position: relative;
    padding-left: 53px;
}


.work-with-us-careers .top-text::before {
    width: 103px;
    height: 103px;
    display: block;
    content: "";
    position: absolute;
    left: 15px;
    bottom: -85px;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='104' height='104' viewBox='0 0 104 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.6511 0.899906C42.4511 0.899906 43.1511 1.59991 43.1511 2.39991C43.1511 3.19991 42.4511 3.89991 41.6511 3.89991C40.8511 3.89991 40.1511 3.19991 40.1511 2.39991C40.1511 1.49991 40.8511 0.899906 41.6511 0.899906ZM21.6511 0.899904C22.4511 0.899904 23.1511 1.5999 23.1511 2.3999C23.1511 3.1999 22.4511 3.8999 21.6511 3.8999C20.8511 3.8999 20.1511 3.1999 20.1511 2.3999C20.1511 1.4999 20.8511 0.899904 21.6511 0.899904ZM1.65113 0.899902C2.45113 0.899902 3.15113 1.5999 3.15113 2.3999C3.15113 3.1999 2.45113 3.8999 1.65113 3.8999C0.851132 3.8999 0.151132 3.1999 0.151132 2.3999C0.151132 1.4999 0.851132 0.899902 1.65113 0.899902Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.6511 0.999881C42.4511 0.999881 43.1511 1.69988 43.1511 2.49988C43.1511 3.29988 42.4511 3.99988 41.6511 3.99988C40.8511 3.99988 40.1511 3.29988 40.1511 2.49988C40.1511 1.69988 40.8511 0.999881 41.6511 0.999881ZM21.6511 0.99988C22.4511 0.99988 23.1511 1.69988 23.1511 2.49988C23.1511 3.29988 22.4511 3.99988 21.6511 3.99988C20.8511 3.99988 20.1511 3.29988 20.1511 2.49988C20.1511 1.69988 20.8511 0.99988 21.6511 0.99988ZM1.65113 0.999878C2.45113 0.999878 3.15113 1.69988 3.15113 2.49988C3.15113 3.29988 2.45113 3.99988 1.65113 3.99988C0.851132 3.99988 0.151132 3.29988 0.151132 2.49988C0.151132 1.69988 0.851132 0.999878 1.65113 0.999878ZM41.6511 20.9999C42.4511 20.9999 43.1511 21.6999 43.1511 22.4999C43.1511 23.2999 42.4511 23.9999 41.6511 23.9999C40.8511 23.9999 40.1511 23.2999 40.1511 22.4999C40.1511 21.6999 40.8511 20.9999 41.6511 20.9999ZM21.6511 20.9999C22.4511 20.9999 23.1511 21.6999 23.1511 22.4999C23.1511 23.2999 22.4511 23.9999 21.6511 23.9999C20.8511 23.9999 20.1511 23.2999 20.1511 22.4999C20.1511 21.6999 20.8511 20.9999 21.6511 20.9999ZM1.65113 20.9999C2.45113 20.9999 3.15113 21.6999 3.15113 22.4999C3.15113 23.2999 2.45113 23.9999 1.65113 23.9999C0.85113 23.9999 0.15113 23.2999 0.15113 22.4999C0.15113 21.6999 0.85113 20.9999 1.65113 20.9999ZM41.6511 40.9999C42.4511 40.9999 43.1511 41.6999 43.1511 42.4999C43.1511 43.2999 42.4511 43.9999 41.6511 43.9999C40.8511 43.9999 40.1511 43.2999 40.1511 42.4999C40.1511 41.6999 40.8511 40.9999 41.6511 40.9999ZM21.6511 40.9999C22.4511 40.9999 23.1511 41.6999 23.1511 42.4999C23.1511 43.2999 22.4511 43.9999 21.6511 43.9999C20.8511 43.9999 20.1511 43.2999 20.1511 42.4999C20.1511 41.6999 20.8511 40.9999 21.6511 40.9999ZM1.65113 40.9999C2.45113 40.9999 3.15113 41.6999 3.15113 42.4999C3.15113 43.2999 2.45113 43.9999 1.65113 43.9999C0.851128 43.9999 0.151128 43.2999 0.151128 42.4999C0.151128 41.6999 0.851128 40.9999 1.65113 40.9999ZM61.6511 60.9999C62.4511 60.9999 63.1511 61.6999 63.1511 62.4999C63.1511 63.2999 62.4511 63.9999 61.6511 63.9999C60.8511 63.9999 60.1511 63.2999 60.1511 62.4999C60.1511 61.6999 60.8511 60.9999 61.6511 60.9999ZM41.6511 60.9999C42.4511 60.9999 43.1511 61.6999 43.1511 62.4999C43.1511 63.2999 42.4511 63.9999 41.6511 63.9999C40.8511 63.9999 40.1511 63.2999 40.1511 62.4999C40.1511 61.6999 40.8511 60.9999 41.6511 60.9999ZM21.6511 60.9999C22.4511 60.9999 23.1511 61.6999 23.1511 62.4999C23.1511 63.2999 22.4511 63.9999 21.6511 63.9999C20.8511 63.9999 20.1511 63.2999 20.1511 62.4999C20.1511 61.6999 20.8511 60.9999 21.6511 60.9999ZM1.65113 60.9999C2.45113 60.9999 3.15113 61.6999 3.15113 62.4999C3.15113 63.2999 2.45113 63.9999 1.65113 63.9999C0.851126 63.9999 0.151126 63.2999 0.151127 62.4999C0.151127 61.6999 0.851127 60.9999 1.65113 60.9999ZM61.6511 80.9999C62.4511 80.9999 63.1511 81.6999 63.1511 82.4999C63.1511 83.2999 62.4511 83.9999 61.6511 83.9999C60.8511 83.9999 60.1511 83.2999 60.1511 82.4999C60.1511 81.5999 60.8511 80.9999 61.6511 80.9999ZM41.6511 80.9999C42.4511 80.9999 43.1511 81.6999 43.1511 82.4999C43.1511 83.2999 42.4511 83.9999 41.6511 83.9999C40.8511 83.9999 40.1511 83.2999 40.1511 82.4999C40.1511 81.5999 40.8511 80.9999 41.6511 80.9999ZM21.6511 80.9999C22.4511 80.9999 23.1511 81.6999 23.1511 82.4999C23.1511 83.2999 22.4511 83.9999 21.6511 83.9999C20.8511 83.9999 20.1511 83.2999 20.1511 82.4999C20.1511 81.5999 20.8511 80.9999 21.6511 80.9999ZM1.65112 80.9999C2.45112 80.9999 3.15112 81.6999 3.15112 82.4999C3.15112 83.2999 2.45112 83.9999 1.65112 83.9999C0.851125 83.9999 0.151125 83.2999 0.151125 82.4999C0.151125 81.5999 0.851125 80.9999 1.65112 80.9999ZM61.6511 101C62.4511 101 63.1511 101.7 63.1511 102.5C63.1511 103.3 62.4511 104 61.6511 104C60.8511 104 60.1511 103.3 60.1511 102.5C60.1511 101.6 60.8511 101 61.6511 101ZM41.6511 101C42.4511 101 43.1511 101.7 43.1511 102.5C43.1511 103.3 42.4511 104 41.6511 104C40.8511 104 40.1511 103.3 40.1511 102.5C40.1511 101.6 40.8511 101 41.6511 101ZM21.6511 101C22.4511 101 23.1511 101.7 23.1511 102.5C23.1511 103.3 22.4511 104 21.6511 104C20.8511 104 20.1511 103.3 20.1511 102.5C20.1511 101.6 20.8511 101 21.6511 101ZM1.65112 101C2.45112 101 3.15112 101.7 3.15112 102.5C3.15112 103.3 2.45112 104 1.65112 104C0.851123 104 0.151123 103.3 0.151123 102.5C0.151123 101.6 0.851123 101 1.65112 101Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M101.751 60.9999C102.551 60.9999 103.251 61.6999 103.251 62.4999C103.251 63.2999 102.551 63.9999 101.751 63.9999C100.951 63.9999 100.251 63.2999 100.251 62.4999C100.251 61.6999 100.951 60.9999 101.751 60.9999ZM81.7511 60.9999C82.5511 60.9999 83.2511 61.6999 83.2511 62.4999C83.2511 63.2999 82.5511 63.9999 81.7511 63.9999C80.9511 63.9999 80.2511 63.2999 80.2511 62.4999C80.2511 61.6999 80.9511 60.9999 81.7511 60.9999ZM101.751 80.9999C102.551 80.9999 103.251 81.6999 103.251 82.4999C103.251 83.2999 102.551 83.9999 101.751 83.9999C100.951 83.9999 100.251 83.2999 100.251 82.4999C100.251 81.5999 100.951 80.9999 101.751 80.9999ZM81.7511 80.9999C82.5511 80.9999 83.2511 81.6999 83.2511 82.4999C83.2511 83.2999 82.5511 83.9999 81.7511 83.9999C80.9511 83.9999 80.2511 83.2999 80.2511 82.4999C80.2511 81.5999 80.9511 80.9999 81.7511 80.9999ZM101.751 101C102.551 101 103.251 101.7 103.251 102.5C103.251 103.3 102.551 104 101.751 104C100.951 104 100.251 103.3 100.251 102.5C100.251 101.6 100.951 101 101.751 101ZM81.7511 101C82.5511 101 83.2511 101.7 83.2511 102.5C83.2511 103.3 82.5511 104 81.7511 104C80.9511 104 80.2511 103.3 80.2511 102.5C80.2511 101.6 80.9511 101 81.7511 101Z' fill='white'/%3E%3C/svg%3E%0A");
}

.work-with-us-careers .top-text .title-two {
    font-size: 90px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    background-color: #d31a26;
    color: #d31a26;
    -webkit-text-stroke: 1px #FFF;
    -webkit-text-fill-color: #d31a26;
    padding-left: 25px;
}

.work-with-us-careers .top-text .title-one {
    font-size: 66px;
    line-height: 110%;
    display: block;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.work-with-us-careers .f-14 {
    font-size: 14px;
    line-height: 120%;
}

.work-with-us-careers .pull-right-img {
    margin-left: -35px;
    position: relative;
    display: inline-block;
    z-index: 20;
}

.work-with-us-careers.updated .top-text {
    padding-left: 0;
}

.work-with-us-careers.updated .top-text::before {
    display: none;
}

.work-with-us-careers.updated .top-text::after {
    font-weight: bold;
    font-size: 100px;
    line-height: 150px;
    content: "+";
    position: absolute;
    letter-spacing: -0.127821px;
    left: -91px;
    top: -111px;
}

.work-with-us-careers.updated .top-text .title-one {
    transform: rotate(-7.18deg);
    margin-top: -30px;
    padding-left: 20px;
}

.work-with-us-careers.updated .top-text .title-two {
    padding-left: 0;
}

.work-with-us-careers.updated {
    padding-top: 120px;
}

.work-with-us-careers.updated .top-text {
    margin-bottom: 120px;
}

.work-with-us-careers.updated.white {
    background-color: #FFF;
}


@media (max-width: 1331px) {
    .work-with-us-careers.updated .top-text::after {
        left: auto;
        bottom: auto;
        right: 0;
        top: -80px;
        font-size: 70px;
        line-height: 110%;
        letter-spacing: -0.127821px;
    }
}

@media (max-width: 1199.98px) {
    .work-with-us-careers.updated .top-text .title-two {
        margin-bottom: 30px;
    }
}

@media (max-width: 991.98px) {
    .work-with-us-careers .top-text::before {
        width: 80px;
        height: 80px;
    }

    .work-with-us-careers.updated .top-text .title-one {
        font-size: 6vw;
    }
}

@media (max-width: 767px) {
    .work-with-us-careers .top-text .title-one {
        font-size: 8vw;
    }

    .work-with-us-careers .top-text .title-two {
        font-size: 11.5vw;
    }

    .work-with-us-careers {
        padding: 60px 0 40px 0;
    }

    .work-with-us-careers.updated {
        padding-top: 60px;
    }

    .work-with-us-careers.updated .top-text {
        margin-bottom: 12vw;
    }

    .work-with-us-careers.updated {
        padding-top: 6rem;
    }
}

@media (max-width: 575.98px) {
    .work-with-us-careers .top-text {
        padding-left: 0;
    }

    .work-with-us-careers .top-text::before {
        width: 70px;
        height: 70px;
        transform: rotate(180deg);
        left: auto;
        bottom: auto;
        right: 0;
        top: -40px;
    }

    .work-with-us-careers .top-text .title-two {
        padding-left: 0;
    }

    .work-with-us-careers .pull-right-img {
        margin-left: 0;
    }
}

.work-with-us-careers-boxed {
    width: 100%;
    display: block;
    position: relative;
    background-color: #FFF;
}

.work-with-us-careers-boxed .container {
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative;
}

.work-with-us-careers-boxed .triangle-bottom {
    background-image: url("data:image/svg+xml,%3Csvg width='104' height='104' viewBox='0 0 104 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5001 -5.38524e-06C42.3001 -5.3153e-06 43.0001 0.699995 43.0001 1.49999C43.0001 2.29999 42.3001 2.99999 41.5001 2.99999C40.7001 2.99999 40.0001 2.29999 40.0001 1.49999C40.0001 0.599995 40.7001 -5.45518e-06 41.5001 -5.38524e-06ZM21.5001 -7.1337e-06C22.3001 -7.06376e-06 23.0001 0.699993 23.0001 1.49999C23.0001 2.29999 22.3001 2.99999 21.5001 2.99999C20.7001 2.99999 20.0001 2.29999 20.0001 1.49999C20.0001 0.599993 20.7001 -7.20363e-06 21.5001 -7.1337e-06ZM1.50012 -8.88215e-06C2.30013 -8.81221e-06 3.00012 0.699991 3.00012 1.49999C3.00012 2.29999 2.30012 2.99999 1.50012 2.99999C0.700119 2.99999 0.000121869 2.29999 0.000121939 1.49999C0.000122018 0.599991 0.700119 -8.95209e-06 1.50012 -8.88215e-06Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5001 0.0999702C42.3001 0.0999703 43.0001 0.79997 43.0001 1.59997C43.0001 2.39997 42.3001 3.09997 41.5001 3.09997C40.7001 3.09997 40.0001 2.39997 40.0001 1.59997C40.0001 0.79997 40.7001 0.0999701 41.5001 0.0999702ZM21.5001 0.0999685C22.3001 0.0999685 23.0001 0.799969 23.0001 1.59997C23.0001 2.39997 22.3001 3.09997 21.5001 3.09997C20.7001 3.09997 20.0001 2.39997 20.0001 1.59997C20.0001 0.799968 20.7001 0.0999684 21.5001 0.0999685ZM1.50012 0.0999667C2.30013 0.0999668 3.00012 0.799967 3.00012 1.59997C3.00012 2.39997 2.30012 3.09997 1.50012 3.09997C0.700119 3.09997 0.00012186 2.39997 0.00012193 1.59997C0.000122 0.799967 0.700119 0.0999666 1.50012 0.0999667ZM41.5001 20.1C42.3001 20.1 43.0001 20.8 43.0001 21.6C43.0001 22.4 42.3001 23.1 41.5001 23.1C40.7001 23.1 40.0001 22.4 40.0001 21.6C40.0001 20.8 40.7001 20.1 41.5001 20.1ZM21.5001 20.1C22.3001 20.1 23.0001 20.8 23.0001 21.6C23.0001 22.4 22.3001 23.1 21.5001 23.1C20.7001 23.1 20.0001 22.4 20.0001 21.6C20.0001 20.8 20.7001 20.1 21.5001 20.1ZM1.50012 20.1C2.30012 20.1 3.00012 20.8 3.00012 21.6C3.00012 22.4 2.30012 23.1 1.50012 23.1C0.700117 23.1 0.000120112 22.4 0.000120182 21.6C0.000120252 20.8 0.700117 20.1 1.50012 20.1ZM41.5001 40.1C42.3001 40.1 43.0001 40.8 43.0001 41.6C43.0001 42.4 42.3001 43.1 41.5001 43.1C40.7001 43.1 40.0001 42.4 40.0001 41.6C40.0001 40.8 40.7001 40.1 41.5001 40.1ZM21.5001 40.1C22.3001 40.1 23.0001 40.8 23.0001 41.6C23.0001 42.4 22.3001 43.1 21.5001 43.1C20.7001 43.1 20.0001 42.4 20.0001 41.6C20.0001 40.8 20.7001 40.1 21.5001 40.1ZM1.50012 40.1C2.30012 40.1 3.00012 40.8 3.00012 41.6C3.00012 42.4 2.30012 43.1 1.50012 43.1C0.700115 43.1 0.000118364 42.4 0.000118434 41.6C0.000118503 40.8 0.700116 40.1 1.50012 40.1ZM61.5001 60.1C62.3001 60.1 63.0001 60.8 63.0001 61.6C63.0001 62.4 62.3001 63.1 61.5001 63.1C60.7001 63.1 60.0001 62.4 60.0001 61.6C60.0001 60.8 60.7001 60.1 61.5001 60.1ZM41.5001 60.1C42.3001 60.1 43.0001 60.8 43.0001 61.6C43.0001 62.4 42.3001 63.1 41.5001 63.1C40.7001 63.1 40.0001 62.4 40.0001 61.6C40.0001 60.8 40.7001 60.1 41.5001 60.1ZM21.5001 60.1C22.3001 60.1 23.0001 60.8 23.0001 61.6C23.0001 62.4 22.3001 63.1 21.5001 63.1C20.7001 63.1 20.0001 62.4 20.0001 61.6C20.0001 60.8 20.7001 60.1 21.5001 60.1ZM1.50012 60.1C2.30012 60.1 3.00012 60.8 3.00012 61.6C3.00012 62.4 2.30012 63.1 1.50012 63.1C0.700114 63.1 0.000116615 62.4 0.000116685 61.6C0.000116755 60.8 0.700114 60.1 1.50012 60.1ZM61.5001 80.1C62.3001 80.1 63.0001 80.8 63.0001 81.6C63.0001 82.4 62.3001 83.1 61.5001 83.1C60.7001 83.1 60.0001 82.4 60.0001 81.6C60.0001 80.7 60.7001 80.1 61.5001 80.1ZM41.5001 80.1C42.3001 80.1 43.0001 80.8 43.0001 81.6C43.0001 82.4 42.3001 83.1 41.5001 83.1C40.7001 83.1 40.0001 82.4 40.0001 81.6C40.0001 80.7 40.7001 80.1 41.5001 80.1ZM21.5001 80.1C22.3001 80.1 23.0001 80.8 23.0001 81.6C23.0001 82.4 22.3001 83.1 21.5001 83.1C20.7001 83.1 20.0001 82.4 20.0001 81.6C20.0001 80.7 20.7001 80.1 21.5001 80.1ZM1.50012 80.1C2.30012 80.1 3.00012 80.8 3.00011 81.6C3.00011 82.4 2.30012 83.1 1.50011 83.1C0.700112 83.1 0.000114867 82.4 0.000114937 81.6C0.000115015 80.7 0.700112 80.1 1.50012 80.1ZM61.5001 100.1C62.3001 100.1 63.0001 100.8 63.0001 101.6C63.0001 102.4 62.3001 103.1 61.5001 103.1C60.7001 103.1 60.0001 102.4 60.0001 101.6C60.0001 100.7 60.7001 100.1 61.5001 100.1ZM41.5001 100.1C42.3001 100.1 43.0001 100.8 43.0001 101.6C43.0001 102.4 42.3001 103.1 41.5001 103.1C40.7001 103.1 40.0001 102.4 40.0001 101.6C40.0001 100.7 40.7001 100.1 41.5001 100.1ZM21.5001 100.1C22.3001 100.1 23.0001 100.8 23.0001 101.6C23.0001 102.4 22.3001 103.1 21.5001 103.1C20.7001 103.1 20.0001 102.4 20.0001 101.6C20.0001 100.7 20.7001 100.1 21.5001 100.1ZM1.50011 100.1C2.30012 100.1 3.00011 100.8 3.00011 101.6C3.00011 102.4 2.30012 103.1 1.50011 103.1C0.70011 103.1 0.000113118 102.4 0.000113188 101.6C0.000113267 100.7 0.70011 100.1 1.50011 100.1Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M101.6 60.1C102.4 60.1 103.1 60.8 103.1 61.6C103.1 62.4 102.4 63.1 101.6 63.1C100.8 63.1 100.1 62.4 100.1 61.6C100.1 60.8 100.8 60.1 101.6 60.1ZM81.6001 60.1C82.4001 60.1 83.1001 60.8 83.1001 61.6C83.1001 62.4 82.4001 63.1 81.6001 63.1C80.8001 63.1 80.1001 62.4 80.1001 61.6C80.1001 60.8 80.8001 60.1 81.6001 60.1ZM101.6 80.1C102.4 80.1 103.1 80.8 103.1 81.6C103.1 82.4 102.4 83.1 101.6 83.1C100.8 83.1 100.1 82.4 100.1 81.6C100.1 80.7 100.8 80.1 101.6 80.1ZM81.6001 80.1C82.4001 80.1 83.1001 80.8 83.1001 81.6C83.1001 82.4 82.4001 83.1 81.6001 83.1C80.8001 83.1 80.1001 82.4 80.1001 81.6C80.1001 80.7 80.8001 80.1 81.6001 80.1ZM101.6 100.1C102.4 100.1 103.1 100.8 103.1 101.6C103.1 102.4 102.4 103.1 101.6 103.1C100.8 103.1 100.1 102.4 100.1 101.6C100.1 100.7 100.8 100.1 101.6 100.1ZM81.6001 100.1C82.4001 100.1 83.1001 100.8 83.1001 101.6C83.1001 102.4 82.4001 103.1 81.6001 103.1C80.8001 103.1 80.1001 102.4 80.1001 101.6C80.1001 100.7 80.8001 100.1 81.6001 100.1Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 104px;
    height: 104px;
    position: absolute;
    left: -55px;
    bottom: 10px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.work-with-us-careers-boxed .triangle-top {
    background-image: url("data:image/svg+xml,%3Csvg width='104' height='104' viewBox='0 0 104 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-2.69262e-06 41.5001C-2.65765e-06 42.3001 0.699997 43.0001 1.5 43.0001C2.3 43.0001 3 42.3001 3 41.5001C3 40.7001 2.3 40.0001 1.5 40.0001C0.599997 40.0001 -2.72759e-06 40.7001 -2.69262e-06 41.5001ZM-3.56685e-06 21.5001C-3.53188e-06 22.3001 0.699996 23.0001 1.5 23.0001C2.3 23.0001 3 22.3001 3 21.5001C3 20.7001 2.3 20.0001 1.5 20.0001C0.599996 20.0001 -3.60182e-06 20.7001 -3.56685e-06 21.5001ZM-4.44108e-06 1.50012C-4.40611e-06 2.30013 0.699996 3.00012 1.5 3.00012C2.3 3.00012 3 2.30012 3 1.50012C3 0.700119 2.3 0.00012197 1.5 0.000122005C0.599996 0.000122044 -4.47605e-06 0.700119 -4.44108e-06 1.50012Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0999729 41.5001C0.0999729 42.3001 0.799973 43.0001 1.59997 43.0001C2.39997 43.0001 3.09997 42.3001 3.09997 41.5001C3.09997 40.7001 2.39997 40.0001 1.59997 40.0001C0.799973 40.0001 0.0999729 40.7001 0.0999729 41.5001ZM0.099972 21.5001C0.0999721 22.3001 0.799972 23.0001 1.59997 23.0001C2.39997 23.0001 3.09997 22.3001 3.09997 21.5001C3.09997 20.7001 2.39997 20.0001 1.59997 20.0001C0.799972 20.0001 0.099972 20.7001 0.099972 21.5001ZM0.0999711 1.50012C0.0999712 2.30013 0.799971 3.00012 1.59997 3.00012C2.39997 3.00012 3.09997 2.30012 3.09997 1.50012C3.09997 0.700119 2.39997 0.000121965 1.59997 0.000122C0.799971 0.000122035 0.0999711 0.700119 0.0999711 1.50012ZM20.1 41.5001C20.1 42.3001 20.8 43.0001 21.6 43.0001C22.4 43.0001 23.1 42.3001 23.1 41.5001C23.1 40.7001 22.4 40.0001 21.6 40.0001C20.8 40.0001 20.1 40.7001 20.1 41.5001ZM20.1 21.5001C20.1 22.3001 20.8 23.0001 21.6 23.0001C22.4 23.0001 23.1 22.3001 23.1 21.5001C23.1 20.7001 22.4 20.0001 21.6 20.0001C20.8 20.0001 20.1 20.7001 20.1 21.5001ZM20.1 1.50012C20.1 2.30012 20.8 3.00012 21.6 3.00012C22.4 3.00012 23.1 2.30012 23.1 1.50012C23.1 0.700118 22.4 0.000121091 21.6 0.000121126C20.8 0.000121161 20.1 0.700118 20.1 1.50012ZM40.1 41.5001C40.1 42.3001 40.8 43.0001 41.6 43.0001C42.4 43.0001 43.1 42.3001 43.1 41.5001C43.1 40.7001 42.4 40.0001 41.6 40.0001C40.8 40.0001 40.1 40.7001 40.1 41.5001ZM40.1 21.5001C40.1 22.3001 40.8 23.0001 41.6 23.0001C42.4 23.0001 43.1 22.3001 43.1 21.5001C43.1 20.7001 42.4 20.0001 41.6 20.0001C40.8 20.0001 40.1 20.7001 40.1 21.5001ZM40.1 1.50012C40.1 2.30012 40.8 3.00012 41.6 3.00012C42.4 3.00012 43.1 2.30012 43.1 1.50012C43.1 0.700117 42.4 0.000120217 41.6 0.000120252C40.8 0.000120287 40.1 0.700117 40.1 1.50012ZM60.1 61.5001C60.1 62.3001 60.8 63.0001 61.6 63.0001C62.4 63.0001 63.1 62.3001 63.1 61.5001C63.1 60.7001 62.4 60.0001 61.6 60.0001C60.8 60.0001 60.1 60.7001 60.1 61.5001ZM60.1 41.5001C60.1 42.3001 60.8 43.0001 61.6 43.0001C62.4 43.0001 63.1 42.3001 63.1 41.5001C63.1 40.7001 62.4 40.0001 61.6 40.0001C60.8 40.0001 60.1 40.7001 60.1 41.5001ZM60.1 21.5001C60.1 22.3001 60.8 23.0001 61.6 23.0001C62.4 23.0001 63.1 22.3001 63.1 21.5001C63.1 20.7001 62.4 20.0001 61.6 20.0001C60.8 20.0001 60.1 20.7001 60.1 21.5001ZM60.1 1.50012C60.1 2.30012 60.8 3.00012 61.6 3.00012C62.4 3.00012 63.1 2.30012 63.1 1.50012C63.1 0.700116 62.4 0.000119343 61.6 0.000119378C60.8 0.000119413 60.1 0.700116 60.1 1.50012ZM80.1 61.5001C80.1 62.3001 80.8 63.0001 81.6 63.0001C82.4 63.0001 83.1 62.3001 83.1 61.5001C83.1 60.7001 82.4 60.0001 81.6 60.0001C80.7 60.0001 80.1 60.7001 80.1 61.5001ZM80.1 41.5001C80.1 42.3001 80.8 43.0001 81.6 43.0001C82.4 43.0001 83.1 42.3001 83.1 41.5001C83.1 40.7001 82.4 40.0001 81.6 40.0001C80.7 40.0001 80.1 40.7001 80.1 41.5001ZM80.1 21.5001C80.1 22.3001 80.8 23.0001 81.6 23.0001C82.4 23.0001 83.1 22.3001 83.1 21.5001C83.1 20.7001 82.4 20.0001 81.6 20.0001C80.7 20.0001 80.1 20.7001 80.1 21.5001ZM80.1 1.50012C80.1 2.30012 80.8 3.00012 81.6 3.00012C82.4 3.00012 83.1 2.30012 83.1 1.50012C83.1 0.700115 82.4 0.000118468 81.6 0.000118503C80.7 0.000118543 80.1 0.700116 80.1 1.50012ZM100.1 61.5001C100.1 62.3001 100.8 63.0001 101.6 63.0001C102.4 63.0001 103.1 62.3001 103.1 61.5001C103.1 60.7001 102.4 60.0001 101.6 60.0001C100.7 60.0001 100.1 60.7001 100.1 61.5001ZM100.1 41.5001C100.1 42.3001 100.8 43.0001 101.6 43.0001C102.4 43.0001 103.1 42.3001 103.1 41.5001C103.1 40.7001 102.4 40.0001 101.6 40.0001C100.7 40.0001 100.1 40.7001 100.1 41.5001ZM100.1 21.5001C100.1 22.3001 100.8 23.0001 101.6 23.0001C102.4 23.0001 103.1 22.3001 103.1 21.5001C103.1 20.7001 102.4 20.0001 101.6 20.0001C100.7 20.0001 100.1 20.7001 100.1 21.5001ZM100.1 1.50012C100.1 2.30012 100.8 3.00012 101.6 3.00012C102.4 3.00012 103.1 2.30012 103.1 1.50012C103.1 0.700115 102.4 0.000117594 101.6 0.000117629C100.7 0.000117669 100.1 0.700115 100.1 1.50012Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60.1 101.6C60.1 102.4 60.8 103.1 61.6 103.1C62.4 103.1 63.1 102.4 63.1 101.6C63.1 100.8 62.4 100.1 61.6 100.1C60.8 100.1 60.1 100.8 60.1 101.6ZM60.1 81.6001C60.1 82.4001 60.8 83.1001 61.6 83.1001C62.4 83.1001 63.1 82.4001 63.1 81.6001C63.1 80.8001 62.4 80.1001 61.6 80.1001C60.8 80.1001 60.1 80.8001 60.1 81.6001ZM80.1 101.6C80.1 102.4 80.8 103.1 81.6 103.1C82.4 103.1 83.1 102.4 83.1 101.6C83.1 100.8 82.4 100.1 81.6 100.1C80.7 100.1 80.1 100.8 80.1 101.6ZM80.1 81.6001C80.1 82.4001 80.8 83.1001 81.6 83.1001C82.4 83.1001 83.1 82.4001 83.1 81.6001C83.1 80.8001 82.4 80.1001 81.6 80.1001C80.7 80.1001 80.1 80.8001 80.1 81.6001ZM100.1 101.6C100.1 102.4 100.8 103.1 101.6 103.1C102.4 103.1 103.1 102.4 103.1 101.6C103.1 100.8 102.4 100.1 101.6 100.1C100.7 100.1 100.1 100.8 100.1 101.6ZM100.1 81.6001C100.1 82.4001 100.8 83.1001 101.6 83.1001C102.4 83.1001 103.1 82.4001 103.1 81.6001C103.1 80.8001 102.4 80.1001 101.6 80.1001C100.7 80.1001 100.1 80.8001 100.1 81.6001Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 104px;
    height: 104px;
    position: absolute;
    right: 15px;
    top: 80px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.work-with-us-careers-boxed .title {
    letter-spacing: -0.265867px;
    font-weight: 300;
    font-size: 80px;
    line-height: 110%;
}

.work-with-us-careers-boxed .plus-1 {
    font-weight: bold;
    font-size: 100px;
    line-height: 150px;
    position: absolute;
    color: #C4C4C4;
    letter-spacing: -0.127821px;
    right: 15px;
    top: 38%;
    display: inline-block;
    text-align: center;
    transform: translateY(-50%);
}

.work-with-us-careers-boxed .dot-2 {
    width: 21px;
    height: 21px;
    background-color: #C4C4C4;
    display: block;
    position: absolute;
    right: 15px;
    top: calc(45% + 25px);
}


.work-with-us-careers-boxed .awards-list .list-inline-item:not(:last-child) {
    margin-right: 25px;
}

.work-with-us-careers-boxed .bottom {
    padding-left: 60px;
    position: relative;
}

.work-with-us-careers-boxed .bottom .single {
    width: auto;
    margin-right: 20px;
}

.work-with-us-careers-boxed .bottom .single:last-child {
    margin-right: 0;
}

.work-with-us-careers-boxed .bottom .single .award-box {
    background: #F2F2F2;
    border: 1px solid #D62924;
    border-radius: 5px;
    width: 185px;
    padding: 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 123%;
}

.work-with-us-careers-boxed .bottom .single .type-title {
    font-family: 'ATBScript-Rg';
    font-style: normal;
    font-weight: normal;
    font-size: 44px;
    line-height: 92px;
    text-align: center;
    letter-spacing: -0.255642px;
    transform: rotate(-6.05deg);
    color: #D62924;
    padding-top: 40px;
}

.work-with-us-careers-boxed .bottom .single .left-padding {
    margin-left: 100px;
}

.work-with-us-careers-boxed .bottom .single .bottom-link {
    font-size: 14px;
    line-height: 120%;
}

@media (max-width: 1199.98px) {
    .work-with-us-careers-boxed .bottom {
        padding-left: 0;
    }

    .work-with-us-careers-boxed .bottom .single .left-padding {
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    .work-with-us-careers-boxed .container {
        padding-top: 75px;
    }

    .work-with-us-careers-boxed .title {
        font-size: 65px;
    }

    .work-with-us-careers-boxed .triangle-top {
        width: 80px;
        height: 80px;
        top: 40px;
    }

    .work-with-us-careers-boxed .triangle-bottom {
        width: 80px;
        height: 80px;
        left: 15px;
        bottom: 10px;
    }

    .work-with-us-careers-boxed .dot-1,
    .work-with-us-careers-boxed .dot-2 {
        display: none;
    }

    .work-with-us-careers-boxed .awards-list .list-inline-item img,
    .work-with-us-careers-boxed .awards-list .list-inline-item svg {
        max-width: 120px;
    }

    .work-with-us-careers-boxed .awards-list .list-inline-item:not(:last-child) {
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    .work-with-us-careers-boxed .container {
        padding-top: 55px;
    }

    .work-with-us-careers-boxed .title {
        font-size: 60px;
    }

    .work-with-us-careers-boxed .bottom .single {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .work-with-us-careers-boxed .bottom .single .type-title {
        padding-top: 0;
    }

    .work-with-us-careers-boxed .triangle-top {
        top: 15px;
    }

    .work-with-us-careers-boxed .triangle-bottom {
        bottom: 15px;
    }
}

@media (max-width: 575.98px) {
    .work-with-us-careers-boxed .triangle-top,
    .work-with-us-careers-boxed .triangle-bottom {
        width: 45px;
        height: 45px;
    }

    .work-with-us-careers-boxed .title {
        font-size: 50px;
    }

    .work-with-us-careers-boxed .bottom .single {
        margin-left: 20px;
    }
}


/* new vsp project page css */

.insights-single-banner .inside {
    position: relative;
    z-index: 50;
}

.insights-single-banner .bg-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
}

.insights-single-banner .bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.color-blue {
    color: #3A60FF;
}

.creativity-block {
    width: 100%;
    position: relative;
    display: block;
    padding: 96px 0;
    overflow: hidden;
}

.creativity-block .container {
    max-width: 1284px;
}

.creativity-block .box {
    width: 100%;
    padding: 100px;
    padding-top: 460px;
    background-color: #F7F8F9;
    border-radius: 20px;
    position: relative;
    font-size: 18px;
    line-height: 177.778%;
    letter-spacing: 0.18px;
}

.creativity-block.engagement .box {
    padding: 150px 100px;
}

.creativity-block .box h2 {
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 0, 0, .2);
    -webkit-text-fill-color: transparent;
    letter-spacing: -12px;
    font-size: 300px;
    line-height: 1;
    font-weight: bold;
    transform: translateX(-50%);
    top: 50px;
    left: 43%;
    position: absolute;
}

.creativity-block .box h2::before {
    content: "creative";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: inline-block;
    font-size: 38px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0px;
    color: #000;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 1);
    -webkit-text-fill-color: #000;
}

@media (max-width: 1500px) {
    .creativity-block .box {
        padding-top: 430px;
    }

    .creativity-block .box h2 {
        font-size: 300px;
    }
}

@media (max-width: 1300px) {
    .creativity-block .box {
        padding-top: 33.077vw;
    }

    .creativity-block .box h2 {
        font-size: 21.385vw;
    }

    .creativity-block .box h2::before {
        font-size: 2.885vw;
    }

    .creativity-block.engagement .box {
        padding: 100px;
    }
}

@media (max-width: 1199.98px) {
    .creativity-block .box {
        padding: 60px;
        padding-top: 30.077vw;
    }

    .creativity-block.engagement .box {
        padding: 60px;
    }
}

@media (max-width: 991.98px) {
    .creativity-block {
        padding: 60px 0;
    }

    .creativity-block .box {
        padding: 50px;
        padding-top: 30.077vw;
        font-size: 16px;
        line-height: 28px;
    }

    .creativity-block.engagement .box {
        padding: 50px;
    }

    .creativity-block .box h2 {
        letter-spacing: -5px;
    }
}

@media (max-width: 767.98px) {
    .creativity-block .box {
        padding: 40px;
        padding-top: 30.077vw;
    }

    .creativity-block .box h2 {
        top: 40px;
        letter-spacing: -3px;
        font-size: 19.385vw;
    }

    .creativity-block .box h2:before {
        font-size: 2.585vw;
    }

    .creativity-block.engagement .box {
        padding: 40px;
    }
}

@media (max-width: 575.98px) {
    .creativity-block {
        padding: 40px 0;
    }

    .creativity-block .box {
        padding: 40px 20px;
        padding-top: 30.077vw;
    }

    .creativity-block .box h2 {
        top: 25px;
    }

    .creativity-block.engagement .box {
        padding: 40px 20px;
    }
}

.page-wrapper {
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

.result-block {
    width: 100%;
    position: relative;
    display: block;
    padding: 96px 0;
    padding-top: 490px;
    overflow-x: hidden;
}

.result-block .container {
    max-width: 1284px;
}

.result-block .box {
    width: 100%;
    padding: 100px;
    padding-top: 460px;
    background-color: #F7F8F9;
    border-radius: 20px;
    position: relative;
    font-size: 18px;
    line-height: 177.778%;
    letter-spacing: 0.18px;
}

.result-block .big-title {
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 0, 0, .2);
    -webkit-text-fill-color: transparent;
    font-size: 300px;
    letter-spacing: -12px;
    line-height: 1;
    font-weight: bold;
    transform: translateX(-50%);
    top: 100px;
    left: 48%;
    position: absolute;
    margin-bottom: 0;
}

.result-block .big-title::before {
    content: "results";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: inline-block;
    font-size: 38px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0px;
    color: #000;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 1);
    -webkit-text-fill-color: #000;
}

.result-block .text {
    padding: 100px;
    padding-top: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 177.778%;
    letter-spacing: 0.18px;
}

.result-block .graphs {
    background-color: #3B60FC;
    border-radius: 20px;
    padding: 100px;
    padding-top: 125px;
    background-repeat: repeat;
    background-image: url('../images/blue-bg-circle-repeat.svg');
    background-position: top left;
}

.result-block .graphs .box-white {
    width: 100%;
    background-color: #FFF;
    padding: 14px 12px;
    border-radius: 160px;
}

.result-block .graphs .box-white .left {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #3B60FC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-block .graphs .box-white .right {
    flex-grow: 1;
    padding-left: 20px;
    font-size: 24px;
    line-height: 125%;
    color: #000;
    font-weight: 400;
    width: calc(100% - 64px);
}

.result-block .graphs .box-white .right .date {
    font-size: 16px;
    line-height: 120%;
}

.result-block .graphs .block-white {
    width: 100%;
    background-color: #FFF;
    padding: 24px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 135%;
    font-weight: 500;
    min-height: 380.5px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 0%;
}

.result-block .graphs .block-white.smaller {
    padding-top: 147px;
    min-height: 247px;
}

.result-block .graphs .block-white.smaller-2 {
    padding-top: 126px;
    min-height: 226px;
}

.result-block .graphs .block-white .num {
    font-weight: 300;
    font-size: 37px;
    line-height: 125%;
    letter-spacing: 1.48px;
}

.result-block .graphs .block-white .image {
    height: 244px;
}

.result-block .graphs .block-white .top {
    flex: 1 1 auto;
}

.result-block .graphs .block-white .image.bg {
    background-color: #F0F8FC;
    border-radius: 8px;
    padding: 10px;
    height: 210px;
}

.result-block .graphs .block-white .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
}

.result-block .graphs .block-white .icon {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0F8FC;
}

.result-block .smaller-row {
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
}

.result-block .smaller-row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}


@media (max-width: 1500px) {
    .result-block {
        padding-top: 430px;
    }

    .result-block .big-title {
        font-size: 300px;
    }
}

@media (max-width: 1300px) {
    .result-block {
        padding-top: 27.077vw;
    }

    .result-block .big-title {
        font-size: 25.385vw;
        top: 0px;
    }

    .result-block .big-title::before {
        font-size: 3.385vw;
    }

    .result-block .graphs {
        padding: 40px 20px;
    }
}

@media (max-width: 1199.98px) {
    .result-block .graphs .block-white .num {
        font-size: 32px;
    }

    .result-block .graphs .block-white.smaller-2 {
        padding-top: 132px;
        min-height: 232px;
    }
}

@media (max-width: 991.98px) {
    .result-block .text {
        padding: 60px;
    }

    .result-block .graphs .block-white.smaller-2 {
        padding-top: 146px;
        min-height: 246px;
    }

    .result-block .big-title {
        top: 5vw;
        letter-spacing: -5px;
    }
}

@media (max-width: 767.98px) {
    .result-block .text {
        padding: 40px 0;
        font-size: 16px;
    }
}

@media (max-width: 704px) {
    .result-block .graphs .block-white.smaller-2 {
        padding-top: 132px;
        min-height: 232px;
    }
}

@media (max-width: 575.98px) {
    .result-block .text {
        padding: 20px 0;
    }

    .result-block .graphs {
        padding: 20px;
    }

    .result-block .graphs .box-white {
        border-radius: 8px;
        padding: 20px;
    }

    .result-block .graphs .box-white .right {
        padding-left: 10px;
    }

    .result-block .graphs .block-white .bottom {
        text-align: center;
    }
}

@media (max-width: 420px) {
    .result-block .graphs .box-white {
        flex-direction: column !important;
        text-align: center;
    }

    .result-block .graphs .box-white .right {
        padding-left: 0;
        padding-top: 10px;
    }
}

.big-slider {
    width: 100%;
    display: block;
    position: relative;
}

.big-slider .slider {
    margin-bottom: 0 !important;
}

.big-slider .slide {
    width: 100%;
    height: 870px;
    position: relative;
}

.big-slider .slide .image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
}

.big-slider .slide .main-bg {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto;
    max-width: none;
}

.big-slider .banner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 9px;
    bottom: 64px;
    z-index: 100;
    width: 1080px;
    max-width: 100%;
    background-color: rgba(255, 255, 255, .9);
    padding: 13px 12px;
    padding-right: 24px;
}

.big-slider .banner .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}

.big-slider .banner #current {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    background-color: #000;
    font-size: 20px;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.big-slider .banner .custom-arrows {
    margin-left: -16px;
    margin-right: -16px;
}

.big-slider .banner .custom-arrows .single {
    padding-left: 16px;
    padding-right: 16px;
}

.big-slider .banner .custom-arrows .single .custom-arrow-next,
.big-slider .banner .custom-arrows .single .custom-arrow-prev {
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.big-slider .banner .custom-arrows .single .custom-arrow-next:hover,
.big-slider .banner .custom-arrows .single .custom-arrow-prev:hover {
    opacity: .5;
    transition: 0.3s all ease-in-out;
}

.big-slider .slick-dots {
    width: 156px;
    bottom: auto;
    transform: translate(0);
    left: auto;
    right: auto;
    z-index: 200;
    position: relative;
    display: flex;
    flex-direction: row;
}

.big-slider .slick-dots li {
    width: 12px;
    height: 12px;
    transition: 0.3s all ease-in-out;
}

.big-slider .slick-dots li button:before {
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    content: "";
    border-radius: 4px;
    opacity: 1;
    transition: 0.3s all ease-in-out;
}

.big-slider .slick-dots li.slick-active,
.big-slider .slick-dots li.slick-active button:before {
    width: 80px;
    transition: 0.3s all ease-in-out;
}

.slider-mobile-arrows {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 300;
    flex-direction: row;
}

.slider-mobile-arrows .custom-arrow-prev-mobile {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.slider-mobile-arrows .custom-arrow-next-mobile {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-mobile-arrows .custom-arrow-next-mobile img,
.slider-mobile-arrows .custom-arrow-prev-mobile img,
.slider-mobile-arrows .custom-arrow-next-mobile svg,
.slider-mobile-arrows .custom-arrow-prev-mobile svg {
    width: auto;
    height: auto;
    max-width: 12px;
    max-height: 12px;
}

@media (max-width: 1199.98px) {
    .big-slider .slide {
        height: 60vw;
    }

    .big-slider .banner {
        max-width: calc(100vw - 40px);
    }
}

@media (max-width: 991.98px) {
    .big-slider .banner {
        bottom: 3vw;
        max-width: calc(100vw - 6vw);
    }

    .big-slider .banner .title {
        font-size: 21px;
    }

}

@media (max-width: 767.98px) {
    .big-slider .banner #current {
        width: 32px;
        height: 32px;
    }

    .big-slider .banner .custom-arrows .single.hidden-on-mobile {
        display: none;
    }

    .big-slider .slide {
        height: 70vw;
    }
}

@media (max-width: 480px) {
    .slider-mobile-arrows {
        display: flex;
    }

    .big-slider .banner .custom-arrows .single.hidden-on-mobile-smaller {
        display: none;
    }

    .big-slider .banner .title {
        font-size: 4.5vw;
    }

    .big-slider .banner #current {
        width: 6vw;
        height: 6vw;
        font-size: 4vw;
    }

    .big-slider .banner .pl-3 {
        padding-left: 2vw !important;
    }
}

.emails-block {
    width: 100%;
    display: block;
    position: relative;
}

.emails-block .container {
    max-width: 1480px;
    padding: 0;
}

.emails-block .block {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
    padding-bottom: 60px;
}

.emails-block .block.second {
    padding-bottom: 60px;
}

.emails-block .block .top {
    width: 100%;
    height: 100px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: start;
}

.emails-block .block .top .line {
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0px;
}

.emails-block .block .top .separator {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    width: 160px;
    margin-left: -20px;
    position: relative;
    z-index: 2;
    top: -1px;
}

.emails-block .block .top .left-text {
    position: absolute;
    padding: 5px 22px;
    padding-left: 0;
    left: 140px;
    top: 0;
    background-color: #FFF;
    font-size: 12px;
    line-height: 120%;
    font-weight: 300;
    transform: translateY(-50%);
    z-index: 3;
    letter-spacing: 0.24px;
    white-space: nowrap;
}

.emails-block .block .top .left-text.right {
    left: 642px;
    padding-left: 22px;
    padding-right: 0;
}

.emails-block .block .top .separator-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    width: 160px;
    margin-left: 766px;
    position: relative;
    z-index: 2;
    top: -1px;
}

.emails-block .block .top .right-text {
    position: absolute;
    padding: 5px 22px;
    padding-left: 0;
    left: 1056px;
    top: 0;
    background-color: #FFF;
    font-size: 12px;
    line-height: 120%;
    font-weight: 300;
    transform: translateY(-50%);
    z-index: 3;
    letter-spacing: 0.24px;
    white-space: nowrap;
}

.emails-block .block .vertical-left {
    width: 1px;
    height: calc(100% - 170px);
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    left: 60px;
    top: 110px;
}

.emails-block .block .vertical-middle {
    width: 1px;
    height: calc(100% - 170px);
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    left: 525px;
    top: 110px;
}

.emails-block .block .vertical-right {
    width: 1px;
    height: calc(100% - 170px);
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    left: 985px;
    top: 110px;
}

.emails-block .block .vertical-text-left {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    padding: 22px 5px;
    padding-top: 0;
    left: 50px;
    top: 110px;
    background-color: #FFF;
    font-size: 12px;
    line-height: 120%;
    font-weight: 300;
    z-index: 3;
    letter-spacing: 0.24px;
    white-space: nowrap;
}

.emails-block .block .vertical-text-middle {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    padding: 22px 5px;
    left: 513px;
    bottom: 750px;
    background-color: #FFF;
    font-size: 12px;
    line-height: 120%;
    font-weight: 300;
    z-index: 3;
    letter-spacing: 0.24px;
    white-space: nowrap;
}

.emails-block .block .vertical-text-right {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    padding: 22px 5px;
    left: 974px;
    bottom: 890px;
    background-color: #FFF;
    font-size: 12px;
    line-height: 120%;
    font-weight: 300;
    z-index: 3;
    letter-spacing: 0.24px;
    white-space: nowrap;
}


.emails-block .block .images {
    box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.15);
    height: auto;
    width: 320px;
    display: block;
}

.emails-block .block .first {
    margin-left: 130px;
}

.emails-block .block .second {
    margin-left: 144px;
}

.emails-block .block .thirt {
    margin-left: 143px;
}

.emails-block .hidden-mobile {
    display: block;
}

.emails-block .show-mobile {
    display: none;
}

@media (max-width: 1400px) {
    .emails-block .container {
        width: 1480px;
        padding: 0;
        margin: 0 auto;
    }
}

@media (max-width: 991.98px) {
    .emails-block .block {
        margin-left: -30px;
    }
}

@media (max-width: 767.98px) {
    .emails-block .block .first {
        margin-left: 120px;
    }

    .emails-block .block .top {
        height: 70px;
    }

    .emails-block .block .vertical-text-left {
        top: 80px;
    }

    .emails-block .block {
        padding-bottom: 70px;
    }

    .emails-block .block .top .left-text.right {
        left: 150px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .emails-block .block .top .left-text {
        left: 120px;
    }

    .emails-block .block .vertical-middle {
        top: 80px;
        left: 505px;
    }

    .emails-block .block .second {
        margin-left: 130px;
    }

    .emails-block .block .vertical-text-middle {
        left: 495px;
    }
}


@media (max-width: 450px) {
    .emails-block .block .top .separator {
        width: 60px;
        top: -4px;
        margin-left: 26px;
    }

    .emails-block {
        height: 550px;
        overflow: hidden;
    }

    .emails-block .block .top .line {
        left: 107px;
    }

    .emails-block .block .vertical-text-left {
        left: 45px;
    }

    .emails-block .block .vertical-left {
        left: 55px;
    }

    .emails-block .block .first {
        width: 70vw;
        margin-left: 100px;
    }

    .emails-block .block .images {
        box-shadow: none;
        width: 320px;
        max-width: 100%;
    }

    .emails-block .block .first {
        box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
    }

    .emails-block .block .top .left-text {
        left: 100px;
    }

    .emails-block .block .top {
        height: 50px;
    }

    .emails-block .hidden-mobile {
        display: none;
    }

    .emails-block .show-mobile {
        display: block;
    }

    .emails-block .block {
        padding-bottom: 30px;
    }
}

.red-block {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 150px;
}

.red-block .container {
    max-width: 1320px;
}

.red-block .box {
    width: 100%;
    padding: 96px;
    padding-top: 128px;
    background-color: #D62924;
    color: #FFF;
    border-radius: 20px;
}

.red-block .box .top {
    position: relative;
}

.red-block .box .top .middle-line {
    position: absolute;
    left: 50%;
    top: 3rem;
    width: 1px;
    height: calc(100% - 3rem);
    background-color: rgba(255, 255, 255, 0.2);
}

.red-block .box .top .h3 {
    font-weight: 400;
    font-size: 26px;
    line-height: 125%;
}

.red-block .vertical-separator {
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);;
}

.red-block .inside {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 68px 48px;
    height: 100%;
}

.red-block .fw-medium {
    font-weight: 500 !important;
}

.red-block .fw-normal {
    font-weight: 400 !important;
}

.red-block .f-18 {
    font-size: 18px;
    line-height: 170%;
}

.red-block .circle {
    position: relative;
    font-weight: 300;
}

.red-block .circle::before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #FFF;
    content: "";
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
}

@media (max-width: 1199.98px) {
    .red-block {
        padding-bottom: 96px;
    }

    .red-block .box {
        padding: 90px 65px;
    }
}

@media (max-width: 991.98px) {
    .red-block .box .top .middle-line {
        display: none;
    }

    .red-block .box {
        padding: 60px 50px;
    }

    .red-block .vertical-separator {
        margin: 40px 0;
    }
}

@media (max-width: 767.98px) {
    .red-block .box,
    .red-block .inside {
        padding: 50px 40px;
    }

    .red-block .vertical-separator {
        margin: 30px 0;
    }
}

@media (max-width: 575.98px) {
    .red-block .box,
    .red-block .inside {
        padding: 40px 20px;
    }

    .red-block .vertical-separator {
        margin: 20px 0;
    }
}

.emails-block .block .slick-arrow::before {
    color: #d31a26;
}

.half-and-half {
    background: linear-gradient(to left, #d62924 50%, #d31a26 50%);
}

.header-section.get-in-touch header.internal {
    padding-top: 46px;
    margin-top: 0;
}

.header-section.get-in-touch header.internal.pin {
    padding-top: 0px;
    background: linear-gradient(to left, #d62924 50%, #d31a26 50%);
    border: 0;
}

.header-section.get-in-touch header.internal.pin .logo path,
.header-section.get-in-touch header.internal.pin .menu path {
    fill: #ffffff;
}

.header-section.get-in-touch header.internal .d-flex {
    border: 0 !important;
}

.header-section.get-in-touch header.internal.pin .shine-icon {
    display: none;
}

.header-section.get-in-touch header.internal.pin .d-flex {
    align-items: center !important;
}

.header-section.get-in-touch header .shine-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 98px;
    height: 98px;
}

.half-and-half h1 {
    font-size: 48px;
    line-height: 71px;
    font-weight: 200;
    font-family: Poppins;
    letter-spacing: 2%;
}

.half-and-half .sub-title {
    font-size: 25px;
    font-weight: 500;
    font-family: Poppins;
    margin-top: 12px;
    margin-bottom: 96px;
    line-height: 36px;
    letter-spacing: 3%;
}

.half-and-half .page-banner .shine-icon-left {
    height: 223px;
    position: absolute;
    top: 10rem;
}

.half-and-half .page-banner .shine-icon-right {
    height: 561px;
    position: absolute;
    right: 0;
    top: -8rem;
}

.half-and-half .page-banner .left-box,
.half-and-half .page-banner .right-box {
    padding: 112px 84px;
}

@media (max-width: 767px) {
    .half-and-half .page-banner .left-box,
    .half-and-half .page-banner .right-box {
        padding: 10px;
    }
}

.half-and-half .page-banner .left-box .info {
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 1%;
    font-weight: 300;
}

.half-and-half .page-banner .left-box .info .sub-info {
    font-size: 24px;
    line-height: 42px;
    letter-spacing: 1%;
    font-weight: 300;
}

.half-and-half .page-banner .left-box .info .sub-info strong {
    font-weight: 500;
}

.half-and-half .page-banner .form-container {
    background: url("/wp-content/themes/ta/assets/images/contact-form-bg.svg");
}

.half-and-half .page-banner .right-box .form {
    padding: 80px 48px 64px 48px;
    background: #000000;
}

.half-and-half .page-banner .right-box .form .form-title {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.half-and-half .page-banner .right-box .form .fields .field {
    display: flex;
    gap: 12px;
    flex-direction: row;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.82)), #DCDCDC;
    padding: 20px;
    color: #b0b0b0;
    font-size: 16px;
}

.half-and-half .page-banner .right-box .form .fields .field .form-input-control {
    width: 100%;
    box-sizing: border-box;
}

.half-and-half .page-banner .right-box .form .fields .field .form-input-control:focus-visible {
    outline: none;
}

.half-and-half .page-banner .right-box .form .fields .field img {
    width: 12px;
}

.half-and-half .page-banner .right-box .form .button {
    background: #D31A26;
    padding: 12px 16px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

.half-and-half .page-banner .right-box .form .wpcf7-not-valid-tip {
    font-size: 12px;
}

.half-and-half .page-banner .right-box .wpcf7-response-output {
    margin: 2em 0 0 0;
    color: #D31A26 !important;
}

.text-primary {
    color: #d62924 !important;
}

.bg-primary {
    background-color: #d62924 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #b0b0b0;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.top-banner {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.top-banner a {
    color: #d62924;
    font-weight: bold;
    cursor: pointer;
}