@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);
@keyframes jumpUpDown {
    0% {
        -moz-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    50% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -moz-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes jumpUpDownreverse {
    0% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -moz-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    100% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 1.5
}

body {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    color: #000
}

body img {
    width: 100%
}

body.modal-open {
    padding-right: 0!important;
    /*background: red*/
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: surannaregular;
    margin: 0;
    font-weight: 400
}

h1 {
    font-size: 5.625rem;
    line-height: 1;
    letter-spacing: .172rem
}

h3 {
    font-size: 2.813rem;
    line-height: 1
}

p {
    font-size: 1rem;
    margin: 0;
    line-height: 1.8
}

p b,
p strong {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700
}

button {
    background: 0 0;
    border: 0;
    box-shadow: none
}

a.generalbtn,
button.generalbtn {
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 10;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-size: .9em;
    line-height: 1;
    padding: .2em .1em;
    padding-left: .2em;
    margin-left: 1.5em;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    text-align: center!important
}

a.generalbtn.widthlong,
button.generalbtn.widthlong {
    font-size: .9em;
    padding: .2em .1em;
    line-height: 1
}

a.generalbtn:focus,
button.generalbtn:focus {
    border-bottom: 1px solid rgba(0, 0, 0, .5)
}

a.generalbtn:before,
button.generalbtn:before {
    font-size: .85rem;
    color: #676767;
    font-family: Ionicons;
    content: "\f3d1";
    margin-left: -1.1em;
    padding-right: .2rem;
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

a.generalbtn:hover,
button.generalbtn:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border-bottom: 1px solid #000;
    color: #000
}

a.generalbtn:hover:before,
button.generalbtn:hover:before {
    color: #000;
    -webkit-transform: translateX(.3em);
    -moz-transform: translateX(.3em);
    -ms-transform: translateX(.3em);
    -o-transform: translateX(.3em);
    transform: translateX(.3em)
}

@media (max-width:767px) {
    a.generalbtn,
    button.generalbtn {
        font-size: .9em;
        padding: .2em .1em
    }
}

a.generalbtnsm,
button.generalbtnsm {
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 10;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-size: .95em;
    line-height: 1;
    padding: .6em 1.8em;
    border: 1px solid rgba(0, 0, 0, .5);
    min-width: 150px;
    text-align: center!important
}

a.generalbtnsm:hover,
button.generalbtnsm:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid rgba(0, 0, 0, .5);
    background: #000;
    color: #fff
}

@media (max-width:767px) {
    a.generalbtnsm,
    button.generalbtnsm {
        font-size: .85em;
        padding: .6em 1.8em
    }
}

a.generalbtnsm.dark,
button.generalbtnsm.dark {
    background: #000;
    color: #fff
}

a.generalbtnsm.dark:hover,
button.generalbtnsm.dark:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: #fff;
    color: #000
}

a.largebtn,
button.largebtn {
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 10;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 1.1em;
    line-height: 1;
    padding: .1em .1em;
    padding-left: .2em;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    text-align: center!important
}

a.largebtn:before,
button.largebtn:before {
    font-size: .9rem;
    color: #676767;
    font-family: Ionicons;
    content: "\f3d1";
    margin-left: -1.1em;
    padding-right: .2rem;
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

a.largebtn:hover,
button.largebtn:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border-bottom: 1px solid #000;
    color: #000
}

a.largebtn:hover:before,
button.largebtn:hover:before {
    color: #000;
    -webkit-transform: translateX(.3em);
    -moz-transform: translateX(.3em);
    -ms-transform: translateX(.3em);
    -o-transform: translateX(.3em);
    transform: translateX(.3em)
}

@media (max-width:767px) {
    a.largebtn,
    button.largebtn {
        font-size: 1em;
        padding: .15em .1em
    }
}

a:focus,
a:hover,
button:focus,
button:hover {
    text-decoration: none;
    outline: 0;
    border: 0
}

.svglight {
    -webkit-filter: contrast(0) brightness(1000%) saturate(0) grayscale(100%) hue-rotate(360deg);
    filter: contrast(0) brightness(1000%) saturate(0) grayscale(100%) hue-rotate(360deg)
}

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

.martop10 {
    margin-top: 10px
}

.martop15 {
    margin-top: 15px
}

.martop20 {
    margin-top: 20px
}

.martop30 {
    margin-top: 30px
}

.martop40 {
    margin-top: 40px
}

.martop50 {
    margin-top: 50px
}

.martop60 {
    margin-top: 60px
}

.martop80 {
    margin-top: 80px
}

.martop110 {
    margin-top: 110px
}

.matop70 {
    margin-top: 70px
}

@media (max-width:1199px) {
    .matop70 {
        margin-top: 50px
    }
}

.secpad80 {
    padding-top: 110px;
    padding-bottom: 110px
}

@media (max-width:767px) {
    .secpad80 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.contactaddress {
    padding-top: 60px;
    padding-bottom: 110px
}

@media (max-width:767px) {
    .contactaddress {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.secpad8040 {
    padding-top: 110px;
    padding-bottom: 40px
}

.secpad140 {
    padding-top: 140px;
    padding-bottom: 140px
}

@media (max-width:767px) {
    .secpad140 {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.secpad185 {
    padding-top: 185px;
    padding-bottom: 155px
}

@media (max-width:767px) {
    .secpad185 {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.secpad210 {
    padding-top: 210px;
    padding-bottom: 210px
}

.secpad20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.secpad0100 {
    padding-top: 0;
    padding-bottom: 100px
}

.secpad0100 span {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    color: #575757
}

.secpad100100 {
    padding-top: 100px;
    padding-bottom: 100px
}

span.errormsg {
    font-weight: 400;
    margin-top: 6px;
    font-size: .7rem;
    display: none;
    color: #575757
}

footer {
    font-family: 'Work Sans', sans-serif;
    font-size: .7rem;
    padding-top: 70px;
    padding-bottom: 50px;
    background: #000;
    color: #fff
}

footer.affix {
    background: #fff;
    display: block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

footer.affix a,
footer.affix h2,
footer.affix i {
    color: #000
}

footer.affix p {
    color: #575757
}

footer .foowpartner {
    text-align: center
}

footer .foowpartner .txt {
    margin: 40px 0 20px;
    display: inline-block
}

@media (min-width:992px) {
    footer .foowpartner .txt {
        margin: 15px 0 10px
    }
}

footer .foowpartner .txt a {
    color: #fff;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, .5)
}

@media (min-width:581px) {
    footer .foowpartner .txt.association {
        padding-right: 15px
    }
}

footer .foowpartner ul.footerpartner {
    display: inline-block;
    margin: 30px 0 0
}

@media (min-width:768px) {
    footer .foowpartner ul.footerpartner {
        margin: 10px 0 0
    }
}

@media (min-width:992px) {
    footer .foowpartner ul.footerpartner {
        margin-left: 90px
    }
}

footer .foowpartner ul.footerpartner.empty li a {
    cursor: default
}

footer .foowpartner ul.footerpartner.empty li a img {
    width: 90px
}

@media (max-width:991px) {
    footer .foowpartner ul.footerpartner.empty li a img {
        display: none
    }
}

footer .foowpartner ul.footerpartner li {
    margin: 0;
    padding: 0
}

footer .foowpartner ul.footerpartner li a {
    cursor: default;
    margin: 0;
    padding: 0
}

footer .foowpartner ul.footerpartner li a img {
    width: 50px;
    margin-top: -10px
}

@media (min-width:581px) {
    footer .foowpartner ul.footerpartner li a img {
        width: 60px
    }
}

footer.airasiabg {
    background-color: #efeae1
}

footer.pepsi-bg {
    background-color: #000;
    color: #fff
}

footer.pepsi-bg ul li a {
    color: #fff
}

footer.pepsi-bg .liner {
    background: rgba(255, 255, 255, .45)
}

footer .fooimg {
    max-width: 140px
}

@media (min-width:581px) {
    footer .fooimg {
        max-width: 190px
    }
}

footer ul {
    display: block;
    margin: 45px 0 20px;
    padding: 0
}

@media (min-width:581px) {
    footer ul {
        margin: 50px 0 40px
    }
}

footer ul li {
    display: inline-block
}

footer ul li a {
    margin: 0 .7rem;
    color: #fff
}

@media (min-width:581px) {
    footer ul li a {
        margin: 0 .8rem
    }
}

footer ul li a i {
    font-size: .9rem!important
}

@media (min-width:581px) {
    footer ul li a i {
        font-size: 1rem!important
    }
}

footer ul li a:hover {
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600
}

@media (max-width:767px) {
    footer ul {
        display: block
    }
}

footer .liner {
    width: 30px;
    margin: 0 6px;
    height: 1px;
    background: rgba(0, 0, 0, .45);
    display: inline-block;
    vertical-align: middle
}

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

main.header {
    overflow: hidden
}

header {
    position: relative;
    height: 100vh
}

header .cover .txt-cover h1 {
    display: inline-block;
    font-size: 2.55rem;
    line-height: 1;
    letter-spacing: .172rem
}

@media (max-width:320px) {
    header .cover .txt-cover h1 {
        font-size: 2.4rem
    }
}

@media (min-width:768px) {
    header .cover .txt-cover h1 {
        font-size: 3.8rem;
        line-height: 1;
        letter-spacing: .172rem
    }
}

@media (min-width:1200px) {
    header .cover .txt-cover h1 {
        font-size: 4.5rem;
        line-height: 1;
        letter-spacing: .172rem
    }
}

@media (max-width:767px) {
    header .cover .txt-cover p {
        font-size: .8rem
    }
}

header .cover .txt-cover i {
    font-size: 3.6rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 10px
}

@media (max-width:1199px) {
    header .cover .txt-cover i {
        font-size: 2.5rem
    }
}

@media (max-width:320px) {
    header .cover .txt-cover i {
        font-size: 2rem;
        padding-right: 5px
    }
}

@media (max-width:320px) {
    header .cover .txt-cover a.generalbtn {
        font-size: .7rem;
        margin-top: 10px
    }
    header .cover .txt-cover a.generalbtn:before,
    header .cover .txt-cover button.generalbtn:before {
        font-size: .8em
    }
}

@media (min-width:992px) {
    header .cover .txt-cover {
        position: absolute;
        left: 8%;
        right: 0;
        top: 40%;
        -ms-transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }
}

@media (min-width:1200px) {
    header .cover .txt-cover {
        left: 12%;
        top: 40%;
        -ms-transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }
}

@media (min-width:1600px) {
    header .cover .txt-cover {
        left: 20%
    }
}

@media (max-width:991px) {
    header .cover .txt-cover {
        padding: 60px 10px 350px;
        min-height: 380px
    }
}

@media (max-width:767px) {
    header .cover .txt-cover {
        padding: 60px 10px 350px;
        padding-left: 40px;
        min-height: 320px
    }
}

@media (max-width:400px) {
    header .cover .txt-cover {
        padding: 30px 10px 350px;
        padding-left: 28px;
        min-height: 380px
    }
}

@media (max-width:991px) {
    header .cover .txt-cover.whyenbanner {
        background: url(../img/why-entropia.png) right bottom no-repeat;
        background-size: 73%;
        margin-right: -10px
    }
}

@media (max-width:767px) {
    header .cover .txt-cover.whyenbanner {
        background-size: 80%
    }
}

@media (max-width:580px) {
    header .cover .txt-cover.whyenbanner {
        background-size: 90%
    }
}

@media (max-width:480px) {
    header .cover .txt-cover.whyenbanner {
        background-size: 90%;
        background-position: 100% 80%
    }
}

@media (max-width:991px) {
    header .cover .txt-cover.aboutbanner {
        background: url(../img/about-banner.png) right bottom no-repeat;
        background-size: 73%;
        margin-right: -10px
    }
}

@media (max-width:767px) {
    header .cover .txt-cover.aboutbanner {
        background-size: 80%
    }
}

@media (max-width:580px) {
    header .cover .txt-cover.aboutbanner {
        background-size: 90%
    }
}

@media (max-width:480px) {
    header .cover .txt-cover.aboutbanner {
        background-size: 90%;
        background-position: 100% 80%
    }
}

@media (max-width:991px) {
    header .cover .txt-cover.servicesbanner {
        background: url(../img/services-banner.png) right bottom no-repeat;
        background-size: 73%;
        margin-right: -10px
    }
}

@media (max-width:767px) {
    header .cover .txt-cover.servicesbanner {
        background-size: 80%
    }
}

@media (max-width:580px) {
    header .cover .txt-cover.servicesbanner {
        background-size: 90%
    }
}

@media (max-width:480px) {
    header .cover .txt-cover.servicesbanner {
        background-size: 90%;
        background-position: 100% 80%
    }
}

@media (max-width:991px) {
    header .cover .txt-cover.culturebanner {
        background: url(../img/culture-banner.png) right bottom no-repeat;
        background-size: 73%;
        margin-right: -10px
    }
}

@media (max-width:767px) {
    header .cover .txt-cover.culturebanner {
        background-size: 80%
    }
}

@media (max-width:580px) {
    header .cover .txt-cover.culturebanner {
        background-size: 90%
    }
}

@media (max-width:480px) {
    header .cover .txt-cover.culturebanner {
        background-size: 90%;
        background-position: 100% 80%
    }
}

@media (max-width:991px) {
    header .cover .txt-cover.mediabanner {
        background: url(../img/media-banner.png) right bottom no-repeat;
        background-size: 73%;
        margin-right: -10px
    }
}

@media (max-width:767px) {
    header .cover .txt-cover.mediabanner {
        background-size: 80%
    }
}

@media (max-width:580px) {
    header .cover .txt-cover.mediabanner {
        background-size: 90%
    }
}

@media (max-width:480px) {
    header .cover .txt-cover.mediabanner {
        background-size: 90%;
        background-position: 100% 80%
    }
}

@media (max-width:991px) {
    header .cover .txt-cover.workbanner {
        background: url(../img/work-banner.png) right bottom no-repeat;
        background-size: 73%;
        margin-right: -10px
    }
}

@media (max-width:767px) {
    header .cover .txt-cover.workbanner {
        background-size: 80%
    }
}

@media (max-width:580px) {
    header .cover .txt-cover.workbanner {
        background-size: 90%
    }
}

@media (max-width:480px) {
    header .cover .txt-cover.workbanner {
        background-size: 90%;
        background-position: 100% 80%
    }
}

header .slick-dotted.slick-slider {
    margin-bottom: 0!important
}

header .mainslider .slick-dots {
    width: auto;
    left: 20px;
    top: 40%
}

@media (max-width:991px) {
    header .mainslider .slick-dots {
        left: 5px;
        top: 50%
    }
}

header .mainslider .slick-dots li {
    display: block
}

header .mainslider .slick-dots li button {
    display: inline-block!important
}

header .mainslider .slick-dots li {
    width: 10px;
    height: 10px
}

header .mainslider .slick-dots li+li {
    margin-top: 8px
}

header .mainslider .slick-dots li.slick-active button:before {
    background: url(../img/icon-entropia.svg) center center no-repeat
}

header .mainslider .slick-dots li button:before {
    background: url(../img/icon-circle.svg) center center no-repeat
}

header .mainslider .items {
    padding-top: 40px
}

@media (max-width:320px) {
    header .mainslider .items {
        padding-top: 30px
    }
}

@media (min-width:992px) {
    header .mainslider .items {
        padding-top: 70px
    }
}

@media (min-width:1600px) {
    header .mainslider .items {
        padding-top: 118px
    }
}

header .mainslider .items h1 {
    -webkit-animation: flipOutX .9s ease-in;
    animation: flipOutX .9s ease-in;
    margin: 0
}

header .mainslider .items h1.delays {
    -webkit-animation: flipOutX .9s ease-in .3s;
    animation: flipOutX .9s ease-in .3s;
    animation-fill-mode: both
}

header .mainslider .items img {
    -webkit-animation: fadeOutRight .6s both;
    animation: fadeOutRight .6s both
}

header .mainslider .items .entropiashape {
    max-width: 480px;
    float: right;
    margin-bottom: -10px;
    margin-right: -40px
}

@media (max-width:991px) {
    header .mainslider .items .entropiashape {
        width: 100%
    }
}

@media (max-width:991px) {
    header .mainslider .items .entropiashape {
        display: none
    }
}

@media (min-width:992px) {
    header .mainslider .items .entropiashape {
        margin-right: -80px
    }
}

@media (min-width:1200px) {
    header .mainslider .items .entropiashape {
        max-width: 620px;
        margin-right: 20px
    }
}

@media (min-width:1440px) {
    header .mainslider .items .entropiashape {
        max-width: 820px;
        margin-right: -50px;
        margin-top: -15px
    }
}

@media (min-width:1600px) {
    header .mainslider .items .entropiashape {
        max-width: 920px;
        margin-top: -25px;
        margin-right: -40px
    }
}

header .mainslider .items.slick-active h1 {
    -webkit-animation: flipInX .9s ease-out;
    animation: flipInX .9s ease-out;
    margin: 0
}

header .mainslider .items.slick-active h1.delays {
    -webkit-animation: flipInX .9s ease-out .3s;
    animation: flipInX .9s ease-out .3s;
    animation-fill-mode: both
}

header .mainslider .items.slick-active img {
    -webkit-animation: pulse .6s;
    animation: pulse .6s
}

header+footer {
    position: fixed;
    bottom: 10px;
    margin-top: -20px;
    font-family: 'Work Sans', sans-serif;
    font-size: .65rem;
    padding: 0;
    color: #000;
    background: 0 0
}

@media (min-width:768px) {
    header+footer {
        position: fixed;
        bottom: 20px;
        margin-top: -20px
    }
}

@media (min-width:768px) {
    header+footer {
        font-size: .7rem
    }
}

header+footer .homefooter .ppolicy {
    color: #000;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 12px;
    border-right: 1px solid rgba(0, 0, 0, .8)
}

@media (min-width:768px) {
    header+footer .homefooter {
        padding-left: 30px
    }
}

@media (min-width:992px) {
    header+footer .homefooter {
        padding-left: 4.5rem
    }
}

header+footer ul.headerfoo {
    display: inline-block;
    margin: 0;
    margin-right: 5rem;
    padding: 0
}

header+footer ul.headerfoo li {
    display: inline-block
}

header+footer ul.headerfoo li a {
    padding: 0 .4rem!important;
    margin: 0;
    color: #000
}

header+footer ul.headerfoo li a i {
    font-size: .85rem!important
}

header+footer ul.headerfoo li a:hover {
    color: #000;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300
}

@media (max-width:767px) {
    header+footer ul.headerfoo li a {
        padding: 0 .4rem!important;
        padding-left: 0
    }
}

@media (max-width:767px) {
    header+footer ul.headerfoo {
        margin: 8px 0 10px!important
    }
}

header+footer .liner {
    width: 20px;
    margin: -1px 6px 0;
    height: 1px;
    background: rgba(0, 0, 0, .45);
    display: inline-block;
    vertical-align: middle
}

@media (max-width:767px) {
    header+footer .liner {
        display: none
    }
}

.culturecareer {
    padding-top: 90px;
    padding-bottom: 200px;
    margin-bottom: 50px;
    position: relative;
    background: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

@media (max-width:991px) {
    .culturecareer {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -40px
    }
}

.culturecareer .cover .txt-cover {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px
}

@media (max-width:991px) {
    .culturecareer .cover .txt-cover {
        position: relative;
        top: auto;
        left: auto
    }
}

@media (min-width:992px) {
    .culturecareer .cover .txt-cover {
        left: 16%;
        right: 10%;
        padding: 0
    }
}

.culturecareer .cover .txt-cover h2 {
    display: inline-block;
    font-size: 4.375rem;
    line-height: 1;
    letter-spacing: .172rem;
    color: #000
}

@media (max-width:767px) {
    .culturecareer .cover .txt-cover h2 {
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: .12rem
    }
}

.culturecareer .cover .txt-cover i {
    font-size: 3.6rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    color: #000
}

@media (max-width:767px) {
    .culturecareer .cover .txt-cover i {
        font-size: 3rem
    }
}

.culturecareer .cover .txt-cover p {
    color: #575757;
    margin-top: 1.875rem
}

@media (max-width:767px) {
    .culturecareer .cover .txt-cover p {
        font-size: .89rem
    }
}

@media (min-width:768px) {
    .culturecareer .cover .txt-cover p {
        width: 80%
    }
}

@media (min-width:1200px) {
    .culturecareer .cover .txt-cover p {
        width: 70%
    }
}

.culturecareer .cover .txt-cover a {
    color: #000;
    margin-top: 1.875rem
}

.navbar-custom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

@media only screen and (min-width:992px) {
    .navbar-custom {
        padding-right: 40px;
        padding-left: 40px
    }
}

.navbar-custom .navbar-brand {
    padding: .625rem .8rem
}

@media (min-width:992px) {
    .navbar-custom .navbar-brand {
        padding: 1rem .8rem .4rem
    }
}

.navbar-custom .navbar-brand img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 160px
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-custom .navbar-brand img {
        width: 140px
    }
}

@media only screen and (min-width:768px) {
    .navbar-custom .navbar-brand {
        margin-left: 0!important
    }
}

.navbar-custom .navbar-toggle {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    font-size: 12px;
    padding: 10px 0 8px;
    margin-right: 15px
}

.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:hover {
    background-color: transparent
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #333
}

.navbar-custom #navbar ul li {
    padding: .625rem .375rem
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-custom #navbar ul li {
        padding: .4rem .2rem
    }
}

@media (max-width:767px) {
    .navbar-custom #navbar ul li {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-custom #navbar ul li a {
    font-family: 'Work Sans', sans-serif;
    font-size: .875rem;
    color: #33373a;
    text-transform: uppercase
}

@media (min-width:768px) {
    .navbar-custom #navbar ul li a {
        padding-left: .8em;
        padding-right: .8em
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-custom #navbar ul li a {
        font-size: .8rem
    }
}

.navbar-custom #navbar ul li a:focus,
.navbar-custom #navbar ul li a:hover {
    background: 0 0
}

.navbar-custom #navbar ul li.active a {
    color: #000;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    cursor: default
}

@media only screen and (min-width:768px) {
    .navbar-custom {
        background: 0 0;
        border-bottom: 1px solid transparent
    }
}

@media only screen and (min-width:1170px) {
    .navbar-custom {
        -webkit-transition: background-color .3s;
        -moz-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .navbar-custom.is-fixed {
        position: fixed;
        top: -71px;
        background-color: rgba(255, 255, 255, .9);
        border-bottom: 1px solid #f2f2f2;
        -webkit-transition: -webkit-transform .3s;
        -moz-transition: -moz-transform .3s;
        transition: transform .3s
    }
    .navbar-custom.is-visible {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    .navbar-custom.is-visible .navbar-brand {
        padding: .625rem .8rem
    }
}

.navbar-custom.lightnav .navbar-brand {
    padding: .625rem .8rem
}

@media (min-width:992px) {
    .navbar-custom.lightnav .navbar-brand {
        padding: 1rem .8rem .4rem
    }
}

.navbar-custom.lightnav .navbar-brand img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-filter: contrast(0) brightness(1000%) saturate(0) grayscale(100%) hue-rotate(360deg);
    filter: contrast(0) brightness(1000%) saturate(0) grayscale(100%) hue-rotate(360deg)
}

.navbar-custom.lightnav #navbar ul li a {
    color: #fff
}

.navbar-custom.lightnav #navbar ul li.active a {
    color: #fff
}

@media only screen and (max-width:1199px) {
    .navbar-custom.lightnav {
        position: fixed;
        background: #000;
        border-bottom: 1px solid rgba(0, 0, 0, .15)
    }
}

.navbar-custom.lightnav .navbar-toggle .icon-bar {
    background-color: #fff
}

@media only screen and (max-width:1199px) {
    .navbar-custom.lightnav.affix {
        position: fixed;
        background: #ffff;
        border-bottom: 1px solid rgba(0, 0, 0, .15)
    }
}

.navbar-custom.lightnav.affix .navbar-toggle .icon-bar {
    background-color: #000
}

.navbar-custom.lightnav.affix img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-filter: none;
    filter: none
}

.navbar-custom.lightnav.affix #navbar ul li a {
    color: #000
}

.navbar-custom.lightnav.affix #navbar ul li.active a {
    color: #000
}

@media only screen and (max-width:1199px) {
    .navbar-custom {
        position: fixed;
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .15)
    }
    .navbar-custom #navbar ul li {
        padding: .1rem .12rem
    }
}

@media only screen and (max-width:1199px) and (max-width:767px) {
    .navbar-custom #navbar ul li {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:1199px) {
    .navbar-custom #navbar ul li a {
        font-family: 'Work Sans', sans-serif;
        font-size: .8rem;
        color: #33373a;
        text-transform: uppercase
    }
    .navbar-custom #navbar ul li a:focus,
    .navbar-custom #navbar ul li a:hover {
        background: 0 0
    }
    .navbar-custom #navbar ul li.active a {
        color: #000;
        font-family: 'Work Sans', sans-serif;
        font-weight: 700
    }
}

@media (max-width:1199px) {
    .navbar-custom .navbar-brand img {
        width: 140px
    }
}

@media only screen and (max-width:767px) {
    .navbar-custom .navbar-brand img {
        width: 130px
    }
}

.sidemenu {
    z-index: 1;
    position: absolute;
    left: 20px;
    top: 25%;
    max-width: 150px;
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.sidemenu.affix {
    position: fixed;
    left: 20px;
    top: 20%;
    max-width: 150px;
    -ms-transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%)
}

@media (max-width:1110px) {
    .sidemenu {
        display: none
    }
}

.sidemenu ul {
    margin: 0 0 40px;
    padding: 0
}

.sidemenu ul li {
    list-style: none;
    border-left: 1px solid #c7c7c7;
    padding: 6px 0
}

.sidemenu ul li a {
    padding-left: 15px;
    color: #c7c7c7;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .75rem
}

.sidemenu ul li+li {
    padding-top: 10px
}

.sidemenu ul li.active {
    border-color: #000
}

.sidemenu ul li.active a {
    color: #000
}

.sidemenu ul li:hover {
    border-color: #575757
}

.sidemenu ul li:hover a {
    color: #575757
}

.sidemenu a i {
    font-size: 2.1em;
    margin-left: -5px;
    color: #c7c7c7
}

.sidemenu a.active i {
    color: #000
}

.sidemenu a:hover i {
    color: #575757
}

#videomodal {
    background: rgba(0, 0, 0, .95)
}

#videomodal .modal-content {
    border-radius: 0;
    padding: 10px 0 0 0;
    background: 0 0!important;
    border: none;
    box-shadow: none
}

#videomodal .modal-content .modal-body {
    padding: 40px 20px;
    background: 0 0!important
}

#videomodal .modal-content .modal-body iframe {
    min-height: 520px
}

#videomodal .close-btn {
    position: absolute;
    z-index: 110;
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px
}

#videomodal .close-btn:after,
#videomodal .close-btn:before {
    content: "";
    display: block;
    background-color: #fff
}

#videomodal .close-btn:hover:after,
#videomodal .close-btn:hover:before {
    background-color: #fff;
    border-color: #ccc
}

#videomodal .close-btn:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 0;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -12px
}

#videomodal .close-btn:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 24px;
    width: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -12px
}

#videomodal .close-btn:after,
#videomodal .close-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.groupsingles * {
    outline: 0
}

.groupsingles .slider {
    box-shadow: 0 20px 50px -25px #000
}

.groupsingles .slider-track {
    transition: all .8s cubic-bezier(.7, 0, .3, 1)
}

.groupsingles div {
    height: 100%;
    position: relative;
    z-index: 1
}

.groupsingles div img {
    width: 100%;
    transition: all .8s cubic-bezier(.7, 0, .3, 1);
    transform: scale(1.15)
}

.groupsingles div.slick-active img {
    transform: scale(1)
}

form .form-group textarea {
    resize: none
}

form .form-group input.form-control,
form .form-group textarea.form-control {
    padding: 0;
    border: 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    font-size: 1.3rem;
    font-family: 'Work Sans', sans-serif
}

@media (min-width:768px) {
    form .form-group input.form-control,
    form .form-group textarea.form-control {
        width: 80%
    }
}

form .form-group input.form-control:focus,
form .form-group textarea.form-control:focus {
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    box-shadow: none;
    border-radius: 0
}

form .form-group label {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 10px
}

form .form-group label b {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem
}

form .form-group .image-upload img {
    cursor: pointer
}

form .form-group .image-upload>input {
    display: none
}

.specialform {
    margin: 70px 0 35px;
    display: block
}

@media (min-width:992px) {
    .specialform {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        left: 30%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center
    }
}

.specialform2 {
    margin: 35px 0;
    display: block
}

@media (min-width:992px) {
    .specialform2 {
        margin: 0;
        padding-bottom: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center
    }
}

@media (max-width:767px) {
    section.media-bg .covertxt {
        padding-right: 15px;
        padding-left: 15px
    }
}

section.media-bg .covertxt h1 {
    font-size: .94rem;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: normal;
    font-weight: 400;
    color: #575757;
    margin-bottom: 20px
}

section.media-bg .covertxt h2 {
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 40px
}

section.media-bg .covertxt h2.nomarbtm {
    margin-bottom: 25px
}

@media (min-width:768px) {
    section.media-bg .covertxt h2 {
        font-size: 4rem;
        margin-bottom: 60px
    }
}

section.media-bg .covertxt p {
    font-size: .875rem;
    color: #575757;
    line-height: 1.7
}

@media (min-width:768px) {
    section.media-bg .covertxt p {
        font-size: .95rem;
        line-height: 1.8
    }
}

section.media-bg .covertxt p+p {
    margin-top: 1.563rem
}

section.media-bg .covertxt p b {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700
}

section.media-bg .covertxt p .entropia-logo {
    display: block;
    max-width: 200px;
    padding-top: 10px
}

section.airasiabg {
    background-color: #efeae1
}

section.kfcbg {
    background: url(../../assets/img/work/kfc/kfc-banner.jpg) center top no-repeat;
    min-height: 550px
}

@media (max-width:991px) {
    section.kfcbg {
        background: url(../../assets/img/work/kfc/kfc-banner-mid.jpg) center top no-repeat;
        min-height: 500px
    }
}

@media (max-width:767px) {
    section.kfcbg {
        background: 0 0;
        min-height: auto
    }
}

section.redbusbg {
    background-color: #d95057
}

section.redbusbg img {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto
}

section.wondalane {
    min-height: 250px;
    background-size: 165%
}

@media (max-width:767px) {
    section.wondalane {
        background: 0 0
    }
    section.wondalane .imgbanner {
        display: block
    }
}

@media (min-width:768px) {
    section.wondalane {
        background-size: 120%;
        min-height: 380px;
        background: url(../../assets/img/work/wondalane/wondalane-banner.jpg) #fff top center no-repeat
    }
}

@media (min-width:992px) {
    section.wondalane {
        background-size: 100%;
        min-height: 400px
    }
    section.wondalane .imgbanner {
        display: none
    }
}

@media (min-width:1200px) {
    section.wondalane {
        background-size: 100%;
        min-height: 450px
    }
    section.wondalane .imgbanner {
        display: none
    }
}

@media (min-width:1600px) {
    section.wondalane {
        background-size: 100%;
        min-height: 600px
    }
    section.wondalane .imgbanner {
        display: none
    }
}

section.fonterrabg {
    background: url(../../assets/img/work/fonterra/fonterra-banner.jpg) #e7f5ff bottom left no-repeat;
    background-size: 110%
}

@media (min-width:768px) {
    section.fonterrabg {
        background-size: 100%
    }
}

section.grabbg {
    background: 0 0;
    background-color: #009d3b;
    background-size: 100%;
    position: relative
}

@media (min-width:581px) {
    section.grabbg {
        background: url(../../assets/img/work/fonterra/banner-grab.jpg) #009d3b top left no-repeat;
        background-size: 50%;
        min-height: 400px
    }
}

@media (min-width:768px) {
    section.grabbg {
        background: url(../../assets/img/work/grab/banner-grab.jpg) #009d3b center left no-repeat;
        background-size: 55%;
        min-height: 340px
    }
}

@media (min-width:992px) {
    section.grabbg {
        background-size: 56%
    }
}

@media (min-width:1200px) {
    section.grabbg {
        background-size: 50%;
        min-height: 450px
    }
}

@media (min-width:1600px) {
    section.grabbg {
        background-size: 45%;
        min-height: 530px
    }
}

section.grabbg .txtcover {
    position: relative;
    padding: 60px 0
}

section.grabbg .txtcover h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    padding-left: 0;
    text-align: center
}

@media (min-width:581px) {
    section.grabbg .txtcover h1 {
        font-size: 35px;
        line-height: 45px;
        padding-left: 20px;
        text-align: left
    }
}

@media (min-width:1200px) {
    section.grabbg .txtcover h1 {
        font-size: 45px;
        line-height: 55px;
        padding-left: 40px
    }
}

@media (min-width:768px) {
    section.grabbg .txtcover {
        position: absolute;
        left: 0;
        right: 10%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.posmalaysia {
    background: 0 0;
    background-color: #ea0026;
    background-size: 50%;
    background: #ea0026 no-repeat;
    position: relative;
    background-position: left bottom
}

@media (min-width:992px) {
    section.posmalaysia {
        background: url(../../assets/img/work/posmalaysia/banner-posmalaysia.jpg) #ea0026 no-repeat;
        background-position: left bottom
    }
}

@media (min-width:1200px) {
    section.posmalaysia {
        background-position: center bottom
    }
}

section.posmalaysia .txtcover {
    padding: 40px 20px 50px
}

@media (min-width:992px) {
    section.posmalaysia .txtcover {
        padding: 60px 20px 60px
    }
}

@media (min-width:1200px) {
    section.posmalaysia .txtcover {
        padding: 120px 10px 20px
    }
}

section.project-bg {
    padding: 70px 0
}

@media (min-width:768px) {
    section.project-bg {
        padding: 160px 0
    }
}

section.project-bg.mountaindew {
    background: #000
}

@media (min-width:768px) {
    section.project-bg.mountaindew {
        padding: 80px 0 160px
    }
}

section.project-bg.mountaindew .generalbtn {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.1
}

section.project-bg.mountaindew .generalbtn:before {
    color: #fff
}

section.project-bg.mountaindew .workcover .titletxt {
    color: #fff;
    margin-top: 120px
}

section.project-bg.mountaindew .t3drsolo {
    -webkit-animation: jumpUpDown 3s infinite ease;
    -moz-animation: jumpUpDown 3s infinite ease;
    -o-animation: jumpUpDown 3s infinite ease;
    animation: jumpUpDown 3s infinite ease;
    top: -40px;
    max-width: 130px;
    z-index: 10;
    right: 0;
    margin-top: -40px;
    float: right
}

@media (max-width:767px) {
    section.project-bg.mountaindew .t3drsolo {
        margin-right: 0
    }
}

@media (min-width:581px) {
    section.project-bg.mountaindew .t3drsolo {
        max-width: 160px
    }
}

@media (min-width:992px) {
    section.project-bg.mountaindew .t3drsolo {
        margin-right: 0;
        right: 80px;
        position: absolute;
        max-width: 200px;
        top: -80px;
        margin-top: 0
    }
}

section.project-bg.npcontentbg {
    background: #fff;
    position: relative
}

@media (min-width:768px) {
    section.project-bg.npcontentbg {
        padding: 100px 0 160px
    }
}

@media (max-width:991px) {
    section.project-bg.npcontentbg {
        padding-top: 0!important
    }
}

section.project-bg.npcontentbg .objectimg img {
    padding: 0
}

section.project-bg.npcontentbg .objectimg img.laptop {
    max-width: 900px;
    z-index: 10;
    position: relative;
    display: inline-block
}

@media (min-width:581px) {
    section.project-bg.npcontentbg .objectimg img {
        padding: 0 45px
    }
}

section.project-bg.npcontentbg .pinkyclient {
    -webkit-animation: jumpUpDownreverse 3s infinite ease;
    -moz-animation: jumpUpDownreverse 3s infinite ease;
    -o-animation: jumpUpDownreverse 3s infinite ease;
    animation: jumpUpDownreverse 3s infinite ease;
    position: absolute;
    z-index: 0
}

@media (max-width:991px) {
    section.project-bg.npcontentbg .pinkyclient {
        display: none
    }
}

@media (min-width:581px) {
    section.project-bg.npcontentbg .pinkyclient {
        max-width: 320px;
        top: 17%;
        right: -4%
    }
}

@media (min-width:1200px) {
    section.project-bg.npcontentbg .pinkyclient {
        margin-left: 0;
        position: absolute;
        max-width: 350px;
        top: 17%;
        right: 3%
    }
}

section.project-bg.npcontentbg .kids {
    position: absolute;
    z-index: 0
}

@media (max-width:991px) {
    section.project-bg.npcontentbg .kids {
        display: none
    }
}

@media (min-width:581px) {
    section.project-bg.npcontentbg .kids {
        max-width: 300px;
        top: -6%;
        right: -5%
    }
}

@media (min-width:1200px) {
    section.project-bg.npcontentbg .kids {
        margin-left: 0;
        position: absolute;
        max-width: 320px;
        top: -10%;
        right: -4%
    }
}

section.project-bg.npcontentbg .mobileview {
    max-width: 680px;
    margin: 0 auto 20px
}

section.project-bg.npcontentbg .yellowblobby {
    -webkit-animation: jumpUpDown 3s infinite ease;
    -moz-animation: jumpUpDown 3s infinite ease;
    -o-animation: jumpUpDown 3s infinite ease;
    animation: jumpUpDown 3s infinite ease;
    top: -50px;
    max-width: 110px;
    z-index: 10;
    right: 0;
    margin-top: -60px;
    float: right
}

@media (max-width:767px) {
    section.project-bg.npcontentbg .yellowblobby {
        margin-right: 15px
    }
}

@media (min-width:581px) {
    section.project-bg.npcontentbg .yellowblobby {
        max-width: 190px
    }
}

@media (min-width:992px) {
    section.project-bg.npcontentbg .yellowblobby {
        margin-right: 0;
        position: absolute;
        max-width: 300px;
        top: -210px;
        margin-top: 0
    }
}

section.project-bg.npcontentbg .showcase {
    margin-top: 180px;
    padding-bottom: 160px
}

@media (max-width:767px) {
    section.project-bg.npcontentbg .showcase {
        margin-top: 80px
    }
}

section.project-bg.npcontentbg .blueblobby {
    -webkit-animation: jumpUpDown 3s infinite ease;
    -moz-animation: jumpUpDown 3s infinite ease;
    -o-animation: jumpUpDown 3s infinite ease;
    animation: jumpUpDown 3s infinite ease;
    top: -50px;
    max-width: 110px;
    z-index: 10;
    left: 0;
    margin-top: -60px;
    float: left
}

@media (max-width:767px) {
    section.project-bg.npcontentbg .blueblobby {
        margin-left: 15px
    }
}

@media (min-width:581px) {
    section.project-bg.npcontentbg .blueblobby {
        max-width: 170px;
        margin-top: -80px
    }
}

@media (min-width:992px) {
    section.project-bg.npcontentbg .blueblobby {
        margin-left: 0;
        position: absolute;
        max-width: 230px;
        top: -140px;
        margin-top: 0
    }
}

section.project-bg.kfccontentbg {
    background: #a71933;
    position: relative
}

section.project-bg.kfccontentbg .objectimg img {
    padding: 0
}

@media (min-width:581px) {
    section.project-bg.kfccontentbg .objectimg img {
        padding: 0 45px
    }
}

section.project-bg.kfccontentbg .generalbtn {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.1
}

section.project-bg.kfccontentbg .generalbtn:before {
    color: #fff
}

section.project-bg.kfccontentbg .workcover .titletxt {
    color: #fff;
    margin-top: 120px
}

@media (max-width:991px) {
    section.project-bg.kfccontentbg {
        padding-top: 0!important
    }
}

section.project-bg.kfccontentbg .vidthumb {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px
}

@media (min-width:768px) {
    section.project-bg.kfccontentbg .vidthumb {
        margin-bottom: 80px
    }
}

section.project-bg.kfccontentbg .wedges {
    -webkit-animation: jumpUpDownreverse 3s infinite ease;
    -moz-animation: jumpUpDownreverse 3s infinite ease;
    -o-animation: jumpUpDownreverse 3s infinite ease;
    animation: jumpUpDownreverse 3s infinite ease;
    position: absolute
}

@media (max-width:767px) {
    section.project-bg.kfccontentbg .wedges {
        display: none
    }
}

@media (min-width:581px) {
    section.project-bg.kfccontentbg .wedges {
        max-width: 220px;
        top: 40%;
        right: -2%
    }
}

@media (min-width:1200px) {
    section.project-bg.kfccontentbg .wedges {
        margin-left: 0;
        position: absolute;
        max-width: 240px;
        top: 40%;
        right: 4%
    }
}

section.project-bg.kfccontentbg .zingerburger {
    -webkit-animation: jumpUpDown 3s infinite ease;
    -moz-animation: jumpUpDown 3s infinite ease;
    -o-animation: jumpUpDown 3s infinite ease;
    animation: jumpUpDown 3s infinite ease;
    top: -50px;
    max-width: 140px;
    left: 0;
    margin-top: -30px
}

@media (max-width:767px) {
    section.project-bg.kfccontentbg .zingerburger {
        margin-left: 15px
    }
}

@media (min-width:581px) {
    section.project-bg.kfccontentbg .zingerburger {
        max-width: 220px
    }
}

@media (min-width:992px) {
    section.project-bg.kfccontentbg .zingerburger {
        margin-left: 0;
        position: absolute;
        max-width: 330px;
        top: -250px;
        margin-top: 0
    }
}

section.project-bg.pepsibg {
    background: #000;
    padding-top: 15px
}

section.project-bg.pepsibg .generalbtn {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.1
}

section.project-bg.pepsibg .generalbtn:before {
    color: #fff
}

section.project-bg.fonterrapro {
    padding-top: 80px
}

section.project-bg.nipponpaint {
    background: #fff
}

section.project-bg.airasia {
    background: #efeae1
}

section.project-bg.wondoalanebg {
    background-color: #fff;
    padding-top: 0
}

section.project-bg.wondoalanebg .object1 {
    position: absolute;
    left: 30px;
    max-width: 250px;
    bottom: -25px;
    display: none
}

section.project-bg.wondoalanebg .object2 {
    position: absolute;
    right: 60px;
    max-width: 150px;
    bottom: -25px;
    display: none
}

@media (min-width:768px) {
    section.project-bg.wondoalanebg .object1,
    section.project-bg.wondoalanebg .object2 {
        display: inline-block
    }
}

@media (min-width:768px) {
    section.project-bg.wondoalanebg .object1 {
        left: -20px;
        max-width: 180px;
        bottom: -25px
    }
    section.project-bg.wondoalanebg .object2 {
        right: -30px;
        max-width: 120px;
        bottom: -25px
    }
}

@media (min-width:992px) {
    section.project-bg.wondoalanebg .object1 {
        position: absolute;
        left: 20px;
        max-width: 220px;
        bottom: -25px
    }
    section.project-bg.wondoalanebg .object2 {
        position: absolute;
        right: 30px;
        max-width: 150px;
        bottom: -25px
    }
}

@media (min-width:1200px) {
    section.project-bg.wondoalanebg .object1 {
        position: absolute;
        left: 30px;
        max-width: 280px;
        bottom: -25px
    }
    section.project-bg.wondoalanebg .object2 {
        position: absolute;
        right: 60px;
        max-width: 180px;
        bottom: -25px
    }
}

@media (min-width:1600px) {
    section.project-bg.wondoalanebg .object1 {
        position: absolute;
        left: 30px;
        max-width: 280px;
        bottom: -25px
    }
    section.project-bg.wondoalanebg .object2 {
        position: absolute;
        right: 60px;
        max-width: 180px;
        bottom: -25px
    }
}

section.project-bg.wondoalanebg .videthumb {
    margin-bottom: 80px
}

@media (min-width:768px) {
    section.project-bg.wondoalanebg .videthumb {
        margin-bottom: 150px
    }
}

section.project-bg.wondoalanebg .vidthumb {
    max-width: 800px;
    margin: 0 auto
}

section.project-bg.redbus {
    background: url(../../assets/img/work/redbus/redbus-chup-tempat-vidbanner.jpg) #fff top center no-repeat
}

@media (min-width:1490px) {
    section.project-bg.redbus {
        background-repeat: repeat-x
    }
}

section.project-bg.grabg {
    background-color: #fff;
    padding-top: 80px
}

section.project-bg.grabg .contactbg {
    background: url(../../assets/img/work/grab/double-strape.png) top center repeat-x;
    margin-top: -120px;
    min-height: 60px;
    margin-bottom: 40px
}

@media (max-width:767px) {
    section.project-bg.grabg .contactbg {
        margin-top: 0;
        min-height: 60px;
        margin-bottom: 80px
    }
}

section.project-bg.grabg .contactbg .minicar {
    max-width: 280px;
    margin-top: -200px;
    margin-left: 100px
}

@media (max-width:767px) {
    section.project-bg.grabg .contactbg .minicar {
        max-width: 200px;
        margin-top: -15px;
        margin-left: 10px
    }
}

section.project-bg.posmalaysiabg {
    background-color: #fff;
    padding-top: 80px
}

section.project-bg.posmalaysiabg .contactbg {
    background: url(../../assets/img/work/posmalaysia/double-strape.png) top center repeat-x;
    margin-top: -120px;
    min-height: 60px;
    margin-bottom: 40px
}

@media (max-width:767px) {
    section.project-bg.posmalaysiabg .contactbg {
        margin-top: 0;
        min-height: 60px;
        margin-bottom: 80px
    }
}

section.project-bg .vidthumb {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 70px
}

@media (min-width:768px) {
    section.project-bg .vidthumb {
        margin-bottom: 160px
    }
}

section.bgcolor-section {
    min-height: 100vh;
    position: relative;
    background: #000;
    -webkit-transition: all 1.25s ease-in-out;
    -moz-transition: all 1.25s ease-in-out;
    -o-transition: all 1.25s ease-in-out;
    transition: all 1.25s ease-in-out
}

section.bgcolor-section .generalbtn {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.1
}

section.bgcolor-section .generalbtn:before {
    color: #fff
}

section.bgcolor-section.affix .generalbtn {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    line-height: 1.1
}

section.bgcolor-section.affix .generalbtn:before {
    color: #000
}

section.bgcolor-section.contactus .secpad80 {
    padding-top: 90px;
    padding-bottom: 5px
}

@media (max-width:767px) {
    section.bgcolor-section.contactus .secpad80 {
        padding-top: 40px;
        padding-bottom: 20px
    }
}

section.bgcolor-section.contactus h2 {
    color: #fff;
    font-size: 4.1rem;
    margin: 5rem 0 2rem
}

@media (max-width:767px) {
    section.bgcolor-section.contactus h2 {
        font-size: 3rem;
        padding: 30px 20px
    }
}

@media (min-width:1400px) {
    section.bgcolor-section.contactus h2 {
        font-size: 4.5rem;
        margin: 6rem 0
    }
}

section.bgcolor-section.contactus a.scrollarrow {
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin: 40px auto 0;
    bottom: -5px;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 50px
}

@media (max-width:991px) {
    section.bgcolor-section.contactus a.scrollarrow {
        display: none
    }
}

@media (min-width:1400px) {
    section.bgcolor-section.contactus a.scrollarrow {
        bottom: 30px
    }
}

section.bgcolor-section.contactus p.my_enquiry_status {
    color: #fff;
    font-weight: 400;
    margin-top: 3px;
    display: inline-block;
    font-size: .7rem
}

section.bgcolor-section.contactus .form-group input.form-control,
section.bgcolor-section.contactus .form-group textarea.form-control {
    background: 0 0;
    color: #fff!important;
    font-size: 1.1rem
}

section.bgcolor-section.contactus .form-group input.form-control:focus,
section.bgcolor-section.contactus .form-group textarea.form-control:focus {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

section.bgcolor-section.contactus .form-group button,
section.bgcolor-section.contactus .form-group label {
    color: #fff
}

section.bgcolor-section.contactus .form-group button.generalbtn,
section.bgcolor-section.contactus .form-group label.generalbtn {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.1
}

section.bgcolor-section.contactus .form-group button.generalbtn:hover,
section.bgcolor-section.contactus .form-group label.generalbtn:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.1
}

section.bgcolor-section.contactus.affix {
    background: #fff;
    -webkit-transition: all 1.25s ease-in-out;
    -moz-transition: all 1.25s ease-in-out;
    -o-transition: all 1.25s ease-in-out;
    transition: all 1.25s ease-in-out
}

section.bgcolor-section.contactus.affix h2,
section.bgcolor-section.contactus.affix i {
    color: #000
}

section.bgcolor-section.contactus.affix p {
    color: #575757
}

section.bgcolor-section.contactus.affix a i {
    color: #c8c8c8
}

section.bgcolor-section.contactus.affix p.my_enquiry_status {
    color: #575757
}

section.bgcolor-section.contactus.affix .form-group input.form-control,
section.bgcolor-section.contactus.affix .form-group textarea.form-control {
    border-bottom: 1px solid #c7c7c7;
    color: #555!important
}

section.bgcolor-section.contactus.affix .form-group input.form-control:focus,
section.bgcolor-section.contactus.affix .form-group textarea.form-control:focus {
    border-bottom: 1px solid #c7c7c7
}

section.bgcolor-section.contactus.affix .form-group button,
section.bgcolor-section.contactus.affix .form-group label {
    color: #000
}

section.bgcolor-section.contactus.affix .form-group button.generalbtn,
section.bgcolor-section.contactus.affix .form-group label.generalbtn {
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    line-height: 1.1
}

section.bgcolor-section.contactus.affix .form-group button.generalbtn:hover,
section.bgcolor-section.contactus.affix .form-group label.generalbtn:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    line-height: 1.1
}

section.bgcolor-section .cover .txt-cover {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px
}

@media (min-width:992px) {
    section.bgcolor-section .cover .txt-cover {
        left: 16%;
        right: 10%;
        padding: 0
    }
}

section.bgcolor-section .cover .txt-cover h2 {
    display: inline-block;
    font-size: 4.375rem;
    line-height: 1;
    letter-spacing: .172rem;
    color: #fff
}

@media (max-width:767px) {
    section.bgcolor-section .cover .txt-cover h2 {
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: .12rem
    }
}

section.bgcolor-section .cover .txt-cover i {
    font-size: 3.6rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    color: #fff
}

@media (max-width:767px) {
    section.bgcolor-section .cover .txt-cover i {
        font-size: 3rem
    }
}

section.bgcolor-section .cover .txt-cover p {
    color: #fff;
    margin-top: 1.875rem
}

@media (max-width:767px) {
    section.bgcolor-section .cover .txt-cover p {
        font-size: .92rem
    }
}

@media (min-width:768px) {
    section.bgcolor-section .cover .txt-cover p {
        width: 70%
    }
}

@media (min-width:1200px) {
    section.bgcolor-section .cover .txt-cover p {
        width: 64%
    }
}

section.bgcolor-section .cover .txt-cover a {
    color: #fff;
    margin-top: 1.875rem
}

section.bgcolor-section.affix {
    background: #fff;
    -webkit-transition: all 1.25s ease-in-out;
    -moz-transition: all 1.25s ease-in-out;
    -o-transition: all 1.25s ease-in-out;
    transition: all 1.25s ease-in-out
}

section.bgcolor-section.affix .cover .txt-cover a,
section.bgcolor-section.affix .cover .txt-cover h2,
section.bgcolor-section.affix .cover .txt-cover i {
    color: #000
}

section.bgcolor-section.affix .cover .txt-cover p {
    color: #575757
}

section.bgcolor-section.affix .cover .txt-cover a {
    border-bottom: 1px solid rgba(0, 0, 0, .5)
}

section.halfbgcolor-section {
    height: 100%;
    position: relative;
    background: #000;
    padding: 120px 0;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear
}

section.halfbgcolor-section .cover {
    position: relative
}

section.halfbgcolor-section .cover .txt-cover {
    left: 0;
    right: 0;
    padding: 0 30px
}

@media (min-width:992px) {
    section.halfbgcolor-section .cover .txt-cover {
        margin-left: 16%;
        right: 10%;
        padding: 120px 0
    }
}

section.halfbgcolor-section .cover .txt-cover h2 {
    display: inline-block;
    font-size: 4.375rem;
    line-height: 1;
    letter-spacing: .172rem;
    color: #fff;
    -webkit-animation: flipInX .9s ease-out both;
    animation: flipInX .9s ease-out both
}

section.halfbgcolor-section .cover .txt-cover h2.delays {
    -webkit-animation: flipInX .9s ease-out both .3s;
    animation: flipInX .9s ease-out both .3s
}

section.halfbgcolor-section .cover .txt-cover i {
    font-size: 3.6rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    color: #fff
}

section.halfbgcolor-section .cover .txt-cover p {
    color: #fff;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

@media (min-width:768px) {
    section.halfbgcolor-section .cover .txt-cover p {
        width: 70%
    }
}

@media (min-width:1200px) {
    section.halfbgcolor-section .cover .txt-cover p {
        width: 64%
    }
}

section.halfbgcolor-section .cover .txt-cover a {
    color: #fff
}

section.halfbgcolor-section.affix {
    background: #fff;
    -webkit-transition: all 1.25s ease-in-out;
    -moz-transition: all 1.25s ease-in-out;
    -o-transition: all 1.25s ease-in-out;
    transition: all 1.25s ease-in-out
}

section.halfbgcolor-section.affix .cover .txt-cover a,
section.halfbgcolor-section.affix .cover .txt-cover h2,
section.halfbgcolor-section.affix .cover .txt-cover i {
    color: #000
}

section.halfbgcolor-section.affix .cover .txt-cover p {
    color: #575757
}

section.whitebg-section {
    position: relative;
    background: #fff;
    padding-top: 250px;
    padding-bottom: 200px;
    -webkit-transition: all 1.25s ease-in-out;
    -moz-transition: all 1.25s ease-in-out;
    -o-transition: all 1.25s ease-in-out;
    transition: all 1.25s ease-in-out
}

section.whitebg-section.smallpad {
    padding-top: 150px;
    padding-bottom: 200px
}

section.whitebg-section.ccareer {
    padding-top: 250px;
    padding-bottom: 80px
}

section.whitebg-section .cover .txt-cover {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px
}

@media (min-width:992px) {
    section.whitebg-section .cover .txt-cover {
        left: 16%;
        right: 10%;
        padding: 0
    }
}

section.whitebg-section .cover .txt-cover h2 {
    display: inline-block;
    font-size: 4.375rem;
    line-height: 1;
    letter-spacing: .172rem;
    color: #000
}

@media (max-width:767px) {
    section.whitebg-section .cover .txt-cover h2 {
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: .12rem
    }
}

section.whitebg-section .cover .txt-cover i {
    font-size: 3.6rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    color: #000
}

@media (max-width:767px) {
    section.whitebg-section .cover .txt-cover i {
        font-size: 3rem
    }
}

section.whitebg-section .cover .txt-cover p {
    color: #575757;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

@media (max-width:767px) {
    section.whitebg-section .cover .txt-cover p {
        font-size: .89rem
    }
}

@media (min-width:768px) {
    section.whitebg-section .cover .txt-cover p {
        width: 80%
    }
}

@media (min-width:1200px) {
    section.whitebg-section .cover .txt-cover p {
        width: 64%
    }
}

section.whitebg-section .cover .txt-cover a {
    color: #000
}

section.bgimg-section {
    position: relative
}

section.bgimg-section.servicesbg {
    min-height: 450px;
    background: url(../img/banner-services-m.jpg) center center;
    background-size: cover
}

@media (min-width:581px) {
    section.bgimg-section.servicesbg {
        min-height: 520px;
        background: url(../img/banner-services.jpg) center center fixed
    }
}

section.bgimg-section.whyentropia {
    min-height: 450px;
    background: url(../img/banner-whyentropia-m.jpg) center center;
    background-size: cover
}

@media (min-width:581px) {
    section.bgimg-section.whyentropia {
        min-height: 600px;
        background: url(../img/banner-whyentropia.jpg) center center fixed
    }
}

section.bgimg-section.aboutbg {
    min-height: 450px;
    background: url(../img/banner-about-m.jpg) center center;
    background-size: cover
}

@media (min-width:581px) {
    section.bgimg-section.aboutbg {
        min-height: 600px;
        background: url(../img/banner-about.jpg) center center fixed
    }
}

section.bgimg-section.aboutbrands {
    background: url(../img/bg-about-brands.jpg) center center;
    padding: 80px 0;
    z-index: 10
}

section.bgimg-section.aboutbrands .brandslogo .items {
    margin-top: 35px;
    margin-bottom: 35px;
    padding: 0 20px
}

section.bgimg-section.aboutbrands .brandslogo .items img {
    max-width: 200px;
    padding: 0 13px;
    margin: 0 auto 15px
}

section.bgimg-section.aboutbrands .brandslogo .items p {
    font-size: .93rem;
    color: #575757;
    line-height: 1.7
}

section.general-section {
    position: relative
}

section.general-section.contactmaps .brandsimg {
    margin: 2rem 0
}

section.general-section.contactmaps .brandsimg img {
    max-width: 170px;
    margin: 0 auto 15px;
    text-align: center;
    padding: 0 15px
}

section.general-section.contactmaps .brandsimg p {
    padding-left: 25px;
    font-size: .9rem;
    color: #000;
    line-height: 1.4
}

section.general-section.contactmaps .brandsimg p+p {
    margin-top: 1rem
}

section.general-section.contactmaps .mapcover {
    height: 480px;
    margin-top: 40px
}

section.general-section .coverservice {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block
}

@media (max-width:767px) {
    section.general-section .coverservice {
        text-align: center
    }
}

section.general-section .coverservice .alignleft {
    float: left;
    padding-right: 35px
}

section.general-section .coverservice .alignright {
    float: right;
    padding-left: 35px
}

@media (max-width:767px) {
    section.general-section .coverservice .alignleft,
    section.general-section .coverservice .alignright {
        float: none;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        padding: 0
    }
}

section.general-section .coverservice .items {
    padding: 10px 0
}

@media (min-width:768px) {
    section.general-section .coverservice .items {
        padding: 30px 0
    }
}

@media (max-width:767px) {
    section.general-section .coverservice .items {
        padding: 10px 20px
    }
}

section.general-section .coverservice .items h3 {
    font-size: 2.7rem;
    margin-bottom: 15px
}

@media (max-width:767px) {
    section.general-section .coverservice .items h3 {
        font-size: 2.5rem
    }
}

section.general-section .coverservice .items p {
    font-size: .95rem
}

@media (max-width:767px) {
    section.general-section .coverservice .items p {
        font-size: .9rem;
        line-height: 1.7
    }
}

@media (max-width:767px) {
    section.general-section .coverservice .items {
        text-align: left
    }
}

section.general-section .coverservice .vectorimg {
    max-width: 260px;
    width: 100%;
    margin-bottom: 2em;
    display: inline-block
}

@media (max-width:767px) {
    section.general-section .coverservice .vectorimg {
        display: block;
        max-width: 190px;
        margin-top: 20px
    }
}

section.general-section .coversec {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block
}

section.general-section .coversec .vectorimg {
    max-width: 250px;
    width: 100%
}

@media (min-width:768px) {
    section.general-section .coversec .vectorimg {
        position: absolute;
        left: 10%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width:768px) {
    section.general-section .coversec.inverter .vectorimg {
        position: absolute;
        left: auto;
        right: 25%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.general-section .coversec .txtcover {
    background: url(../img/icon-entropia-grey.svg) left center no-repeat;
    min-height: 300px
}

section.general-section .coversec .txtcover .shapeone {
    padding: 40px 15px 15px 40px
}

@media (min-width:768px) {
    section.general-section .coversec .txtcover .shapeone {
        padding: 100px 70px 20px 110px
    }
}

section.general-section .coversec .txtcover p {
    font-size: .95rem;
    margin-top: 1.3rem
}

section.general-section .content .culture h1.special-charater {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #ebebeb;
    letter-spacing: 2.5rem;
    text-align: center;
    font-size: 5rem;
    line-height: 190px;
    vertical-align: middle
}

@media (max-width:767px) {
    section.general-section .content .culture h1.special-charater {
        letter-spacing: 2rem;
        font-size: 3.2rem
    }
}

@media (max-width:340px) {
    section.general-section .content .culture h1.special-charater {
        letter-spacing: 1rem
    }
}

section.general-section .content .culture p {
    font-size: .95rem;
    color: #575757
}

section.general-section .content .culture p+p {
    margin-top: 1.6rem
}

section.general-section .content .txtcover {
    background: url(../img/icon-entropia-grey.svg) left center no-repeat;
    min-height: 300px;
    background-size: 45%
}

@media (max-width:767px) {
    section.general-section .content .txtcover {
        background-size: 100%
    }
}

section.general-section .content .txtcover .shapeone {
    padding: 40px 15px 15px 15px
}

@media (min-width:768px) {
    section.general-section .content .txtcover .shapeone {
        padding: 20px 50px 20px 260px
    }
}

section.general-section .content .txtcover p {
    font-size: .95rem
}

section.general-section .content .txtcover p+p {
    margin-top: 1.6rem
}

section .inbetweendiv {
    position: relative;
    z-index: 21
}

section.darkbg {
    background: #000;
    z-index: 10
}

section.darkbg .cultureblk {
    padding: 50px 25px 20px
}

@media (min-width:1200px) and (max-width:1599px) {
    section.darkbg .cultureblk {
        margin-left: 10%
    }
}

section.darkbg .cultureblk .cover .items {
    padding-left: 40px
}

section.darkbg .cultureblk .cover .items:after {
    content: "";
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    background: rgba(255, 255, 255, .6);
    width: 30px;
    height: 1px
}

section.darkbg .cultureblk .cover .items:before {
    content: "C";
    color: rgba(255, 255, 255, .1);
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-size: 9.5rem;
    position: absolute;
    top: 10px;
    left: 0;
    line-height: 0;
    z-index: 0!important
}

section.darkbg .cultureblk .cover .items.letter-a:before {
    content: "A"
}

section.darkbg .cultureblk .cover .items.letter-p:before {
    content: "P"
}

section.darkbg .cultureblk .cover .items.letter-r:before {
    content: "R"
}

section.darkbg .cultureblk .cover .items.letter-i:before {
    content: "I"
}

section.darkbg .cultureblk .cover .items h2 {
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-size: 1.75rem;
    letter-spacing: .45rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    z-index: 2
}

section.darkbg .cultureblk .cover .items p {
    color: #fff;
    font-size: .95rem;
    z-index: 2
}

@media (min-width:768px) {
    section.darkbg .cultureblk .cover .items p {
        padding-right: 35px
    }
}

section.darkbg .cultureblk .cover .items p+p {
    padding-top: .65rem
}

section.darkbg .cultureblk .cover+.cover {
    margin-top: 100px
}

.centerstagepad {
    z-index: 10;
    position: relative
}

.centerstagepad .slidercenter {
    padding-top: 50px
}

.centerstagepad .slidercenter .slick-slide {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    filter: grayscale(100)!important;
    position: relative;
    z-index: -1
}

.centerstagepad .slidercenter .slick-active {
    padding: 20px 0
}

.centerstagepad .slidercenter .slick-current {
    transform: scale(1.1);
    filter: grayscale(0)!important;
    position: relative;
    z-index: 10
}

.centerstagepad .slidercenter .slick-slide:not(.slick-active) {
    margin: 20px 0
}

.centerstagepad .slidercenter .namepostion {
    padding: 20px 15px
}

.centerstagepad .slidercenter .namepostion p {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0 0 5px;
    line-height: 1
}

.centerstagepad .slidercenter .namepostion span {
    margin: 0;
    font-size: .8rem
}

.centerstagepad .slidercenter .slick-dots {
    margin-bottom: 60px;
    z-index: 1;
    position: relative
}

.centerstagepad .slidercenter .slick-dots li {
    width: 25px;
    height: 2px;
    margin: 0;
    padding: 0
}

.centerstagepad .slidercenter .slick-dots li.slick-active button {
    height: 2px;
    padding: 0;
    background: #000;
    width: 25px
}

.centerstagepad .slidercenter .slick-dots li.slick-active button:before {
    display: none
}

.centerstagepad .slidercenter .slick-dots li button {
    width: 25px;
    height: 2px;
    padding: 0;
    background: #c7c7c7
}

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

.centerstagepad .slider-pagination {
    text-align: center;
    color: #000;
    width: 45px;
    height: 30px;
    font-size: .75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    display: inline-block
}

.centerstagepad .slider-arrow {
    z-index: 99;
    position: relative;
    margin-top: -10px
}

.centerstagepad .slider-arrow i {
    font-size: 2.5rem;
    color: #333;
    padding: 0 6px;
    margin-top: -.5rem
}

.centerstagepad .slider-arrow i:hover {
    color: #000
}

.centerclients,
.centerclientsmob {
    background: #000;
    padding: 50px 0 80px;
    z-index: 10;
    position: relative
}

.centerclients .slidercenter .items,
.centerclientsmob .slidercenter .items {
    display: inline-block
}

.centerclients .slidercenter .items .imgcover,
.centerclientsmob .slidercenter .items .imgcover {
    display: inline-block;
    width: 50%
}

@media (min-width:1200px) {
    .centerclients .slidercenter .items .imgcover,
    .centerclientsmob .slidercenter .items .imgcover {
        width: 18%
    }
}

.centerclients .slidercenter .items .imgcover img,
.centerclientsmob .slidercenter .items .imgcover img {
    max-width: 170px;
    margin: 0 auto;
    display: inline-block
}

.centerclients .slidercenter img,
.centerclientsmob .slidercenter img {
    max-width: 180px;
    margin: 0 auto;
    padding: 0 30px;
    display: inline-block
}

@media (min-width:768px) {
    .centerclients .slidercenter img,
    .centerclientsmob .slidercenter img {
        max-width: 200px;
        padding: 0 50px
    }
}

.centerclients .slidercenter .slick-dots,
.centerclientsmob .slidercenter .slick-dots {
    margin-bottom: 60px;
    z-index: 1;
    position: relative
}

.centerclients .slidercenter .slick-dots li,
.centerclientsmob .slidercenter .slick-dots li {
    width: 25px;
    height: 2px;
    margin: 0;
    padding: 0
}

.centerclients .slidercenter .slick-dots li.slick-active button,
.centerclientsmob .slidercenter .slick-dots li.slick-active button {
    height: 2px;
    padding: 0;
    background: #fff;
    width: 25px
}

.centerclients .slidercenter .slick-dots li.slick-active button:before,
.centerclientsmob .slidercenter .slick-dots li.slick-active button:before {
    display: none
}

.centerclients .slidercenter .slick-dots li button,
.centerclientsmob .slidercenter .slick-dots li button {
    width: 25px;
    height: 2px;
    padding: 0;
    background: #868686
}

.centerclients .slidercenter .slick-dots li button:before,
.centerclientsmob .slidercenter .slick-dots li button:before {
    display: none
}

.centerclients .slider-pagination,
.centerclientsmob .slider-pagination {
    text-align: center;
    color: #fff;
    width: 45px;
    height: 30px;
    font-size: .75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    display: inline-block
}

.centerclients .slider-arrow,
.centerclientsmob .slider-arrow {
    z-index: 99;
    position: relative;
    margin-top: -10px
}

.centerclients .slider-arrow i,
.centerclientsmob .slider-arrow i {
    font-size: 2.5rem;
    color: #e2e2e2;
    padding: 0 6px;
    margin-top: -.5rem
}

.centerclients .slider-arrow i:hover,
.centerclientsmob .slider-arrow i:hover {
    color: #fff
}

.centerclientsingle,
.centerclientsinglemob {
    background: #fff;
    padding: 50px 0 80px
}

.centerclientsingle .slidercenter .imgcover,
.centerclientsinglemob .slidercenter .imgcover {
    display: inline-block;
    width: 50%
}

@media (min-width:768px) {
    .centerclientsingle .slidercenter .imgcover,
    .centerclientsinglemob .slidercenter .imgcover {
        width: 16%
    }
}

.centerclientsingle .slidercenter .imgcover img,
.centerclientsinglemob .slidercenter .imgcover img {
    max-width: 125px;
    margin: 0 auto 25px;
    display: inline-block
}

@media (max-width:767px) {
    .centerclientsingle .slidercenter .imgcover img,
    .centerclientsinglemob .slidercenter .imgcover img {
        margin-bottom: 45px
    }
}

.centerclientsingle .slidercenter img,
.centerclientsinglemob .slidercenter img {
    max-width: 150px;
    padding: 0 15px;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 40px
}

.centerclientsingle .slidercenter .slick-dots,
.centerclientsinglemob .slidercenter .slick-dots {
    margin-bottom: 60px;
    z-index: 1;
    position: relative
}

.centerclientsingle .slidercenter .slick-dots li,
.centerclientsinglemob .slidercenter .slick-dots li {
    width: 25px;
    height: 2px;
    margin: 0;
    padding: 0
}

.centerclientsingle .slidercenter .slick-dots li.slick-active button,
.centerclientsinglemob .slidercenter .slick-dots li.slick-active button {
    height: 2px;
    padding: 0;
    background: #000;
    width: 25px
}

.centerclientsingle .slidercenter .slick-dots li.slick-active button:before,
.centerclientsinglemob .slidercenter .slick-dots li.slick-active button:before {
    display: none
}

.centerclientsingle .slidercenter .slick-dots li button,
.centerclientsinglemob .slidercenter .slick-dots li button {
    width: 25px;
    height: 2px;
    padding: 0;
    background: #c7c7c7
}

.centerclientsingle .slidercenter .slick-dots li button:before,
.centerclientsinglemob .slidercenter .slick-dots li button:before {
    display: none
}

.centerclientsingle .slider-pagination,
.centerclientsinglemob .slider-pagination {
    text-align: center;
    color: #000;
    width: 45px;
    height: 30px;
    font-size: .75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    display: inline-block
}

.centerclientsingle .slider-arrow,
.centerclientsinglemob .slider-arrow {
    z-index: 99;
    position: relative;
    margin-top: -10px
}

.centerclientsingle .slider-arrow i,
.centerclientsinglemob .slider-arrow i {
    font-size: 2.5rem;
    color: #333;
    padding: 0 6px;
    margin-top: -.5rem
}

.centerclientsingle .slider-arrow i:hover,
.centerclientsinglemob .slider-arrow i:hover {
    color: #000
}

.singleslider,
.singleslidermob {
    padding: 50px 0 30px
}

@media (max-width:767px) {
    .singleslider,
    .singleslidermob {
        padding: 0 0 30px
    }
}

.singleslider .slidercenter .slick-dots,
.singleslidermob .slidercenter .slick-dots {
    margin-bottom: 60px;
    z-index: 1;
    position: relative
}

.singleslider .slidercenter .slick-dots li,
.singleslidermob .slidercenter .slick-dots li {
    width: 20px;
    height: 2px;
    margin: 0;
    padding: 0
}

@media (max-width:1159px) {
  .singleslider .slidercenter .slick-dots li {
      width: 16px;
      height: 2px;
  }
}

.singleslider .slidercenter .slick-dots li.slick-active button,
.singleslidermob .slidercenter .slick-dots li.slick-active button {
    height: 2px;
    padding: 0;
    background: #000;
    width: 25px
}

.singleslider .slidercenter .slick-dots li.slick-active button:before,
.singleslidermob .slidercenter .slick-dots li.slick-active button:before {
    display: none
}

.singleslider .slidercenter .slick-dots li button,
.singleslidermob .slidercenter .slick-dots li button {
    width: 20px;
    height: 2px;
    padding: 0;
    background: #c7c7c7
}

@media (max-width:1159px) {
  .singleslider .slidercenter .slick-dots li button {
      width: 16px;
      height: 2px;
  }
}

.singleslider .slidercenter .slick-dots li button:before,
.singleslidermob .slidercenter .slick-dots li button:before {
    display: none
}

.singleslider .slider-pagination,
.singleslidermob .slider-pagination {
    text-align: center;
    color: #000;
    width: 45px;
    height: 30px;
    font-size: .75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    display: inline-block
}

.singleslider .slider-arrow,
.singleslidermob .slider-arrow {
    z-index: 99;
    position: relative;
    margin-top: -10px
}

.singleslider .slider-arrow i,
.singleslidermob .slider-arrow i {
    font-size: 2.5rem;
    color: #333;
    padding: 0 6px;
    margin-top: -.5rem
}

.singleslider .slider-arrow i:hover,
.singleslidermob .slider-arrow i:hover {
    color: #000
}

.mediacover .media-grid {
    overflow: hidden;
    position: relative
}

.mediacover .media-grid .inner-grid {
    overflow: hidden;
    position: relative
}

.mediacover .media-grid a .imgcover {
    z-index: 8;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
    transform: scale(1.02)
}

.mediacover .media-grid a:hover .imgcover {
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all 1.3s ease;
    transform: scale(1)
}

.mediacover .media-grid a .gradientbg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80%;
    z-index: 8;
    background: 0 0;
    background: -moz-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(30%, transparent), color-stop(100%, rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
    background: -o-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
    background: -ms-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
    background: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, .9) 100%)
}

.mediacover .media-grid a .covertxt {
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    position: absolute
}

.mediacover .media-grid a .covertxt.lightxt {
    color: #fff
}

.mediacover .media-grid a .covertxt.bottomtxt {
    bottom: 5%
}

.mediacover .media-grid a .covertxt.toptxt {
    top: 5%
}

@media (max-width:767px) {
    .mediacover .media-grid a .covertxt.toptxt {
        top: auto;
        bottom: 5%
    }
}

.mediacover .media-grid a .covertxt.centertxt {
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mediacover .media-grid a .covertxt.txtcenter {
    text-align: center
}

.mediacover .media-grid a .covertxt h2 {
    font-size: 2.3rem;
    margin: 0 auto
}

.mediacover .media-grid a .covertxt span {
    font-size: .85rem;
    margin: 0 auto 13px;
    display: block;
    text-transform: uppercase;
    color: #fff
}

@media (max-width:767px) {
    .mediacover .media-grid a .covertxt h2 {
        font-size: 1.8rem
    }
    .mediacover .media-grid a .covertxt span {
        font-size: .7rem
    }
}

.mediacover .specialgrid .imgcover {
    z-index: 8;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
    transform: scale(1.02)
}

.mediacover .specialgrid:hover .imgcover {
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all 1.3s ease;
    transform: scale(1)
}

.mediacover .specialgrid a .covertxt {
    left: 6%
}

.mediacover .specialgrid a .covertxt h2 {
    font-size: 1.8rem;
    margin: 0 auto;
    color: #000
}

.mediacover .specialgrid a .covertxt span {
    font-size: .8rem;
    margin: 0 auto 12px;
    display: block;
    text-transform: uppercase;
    color: #000
}

@media (max-width:767px) {
    .mediacover .specialgrid a .covertxt h2 {
        font-size: 1.82rem;
        margin: 0 auto;
        color: #fff
    }
    .mediacover .specialgrid a .covertxt span {
        font-size: .7rem;
        margin: 0 auto 12px;
        display: block;
        text-transform: uppercase;
        color: #fff
    }
}

@media (max-width:1199px) {
    .mediacover .specialgrid a .covertxt h2 {
        font-size: 1.6rem
    }
    .mediacover .specialgrid a .covertxt span {
        font-size: .8rem
    }
}

@media (max-width:1199px) {
    .mediacover .specialgrid a .covertxt h2 {
        font-size: 1.7rem
    }
    .mediacover .specialgrid a .covertxt span {
        font-size: .8rem
    }
}

.mediacover .specialgrid .arrowleft:before {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    content: '';
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 0;
    height: 0;
    z-index: 10;
    border-top: solid 20px transparent;
    border-left: solid 20px #fff;
    border-bottom: solid 20px transparent
}

@media (max-width:767px) {
    .mediacover .specialgrid .arrowleft:before {
        display: none
    }
}

.mediacover .specialgrid .arrowleft.greybg:before {
    border-left: solid 20px #f7f7f7
}

.mediacover .specialgrid .arrowleft.darkbg:before {
    border-left: solid 20px #313131
}

.mediacover .specialgrid .arrowright:before {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    content: '';
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 0;
    height: 0;
    z-index: 10;
    border-top: solid 20px transparent;
    border-right: solid 20px #fff;
    border-bottom: solid 20px transparent
}

@media (max-width:767px) {
    .mediacover .specialgrid .arrowright:before {
        display: none
    }
}

.mediacover .specialgrid .arrowright.greybg:before {
    border-right: solid 20px #f7f7f7
}

.mediacover .specialgrid .arrowright.darkbg:before {
    border-right: solid 20px #313131
}

.mediacover .specialgrid:hover .inner-grid {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: #000
}

.mediacover .specialgrid:hover .inner-grid h2,
.mediacover .specialgrid:hover .inner-grid span {
    color: #fff
}

.mediacover .specialgrid:hover .arrowleft:before {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    content: '';
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 0;
    height: 0;
    z-index: 10;
    border-top: solid 26px transparent;
    border-left: solid 26px #000;
    border-bottom: solid 26px transparent
}

.mediacover .specialgrid:hover .arrowleft.greybg:before {
    border-left: solid 26px #f7f7f7
}

.mediacover .specialgrid:hover .arrowleft.darkbg:before {
    border-left: solid 26px #313131
}

.mediacover .specialgrid:hover .arrowright:before {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    content: '';
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 0;
    height: 0;
    z-index: 10;
    border-top: solid 26px transparent;
    border-right: solid 26px #000;
    border-bottom: solid 26px transparent
}

.mediacover .specialgrid:hover .arrowright.greybg:before {
    border-right: solid 26px #f7f7f7
}

.mediacover .specialgrid:hover .arrowright.darkbg:before {
    border-right: solid 26px #313131
}

.workcover h3.titletxt {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: .98rem;
    text-transform: uppercase;
    margin-bottom: 1.8rem;
    letter-spacing: .15rem
}

.workcover * {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.workcover .items {
    margin-bottom: 30px
}

.workcover .items a {
    color: #000
}

.workcover .items a:hover {
    color: #000
}

.workcover .items a.worklisting {
    height: 100%;
    background: #f9f9f9;
    position: relative;
    display: block;
    padding-bottom: 75px;
    padding-bottom: 30px;
    min-height: 440px;
    max-width: 400px;
    margin: 0 auto
}

.workcover .items a.worklisting .copycover {
    padding: 10px 20px
}

.workcover .items a.worklisting .copycover h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: .95rem;
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: .5rem
}

.workcover .items a.worklisting .copycover p {
    font-family: 'Work Sans', sans-serif;
    font-size: .89rem
}

.workcover .items a.worklisting .copycover .taglabel {
    width: 100%;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    padding: 0 20px
}

.workcover .items a.worklisting .copycover .taglabel ul {
    border-top: 1px solid rgba(0, 0, 0, .18);
    margin: 15px 0 0;
    padding: 15px 0 0;
    text-align: right;
    list-style: none;
    display: none
}

.workcover .items a.worklisting .copycover .taglabel ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: .7rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400
}

.workcover .items a.worklisting .copycover .taglabel ul li+li {
    padding-left: 20px
}

.bounce {
    -moz-animation: bounce 2s infinite ease;
    -webkit-animation: bounce 2s infinite ease;
    animation: bounce 2s infinite ease
}

@media (max-width:767px) {
    .groupsingles,
    .groupsinglesmob {
        margin-bottom: 30px
    }
}

.projectslider-nav .items {
    padding: 0 5px
}

@media (max-width:767px) {
    .projectslider-nav .items .imgthumb {
        max-width: 250px;
        margin: 0 auto
    }
}

.projectslider-nav .slick-next,
.projectslider-nav .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    height: auto;
    width: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.projectslider-nav .slick-next:before,
.projectslider-nav .slick-prev:before {
    font-family: slick;
    font-size: 70px;
    line-height: 1;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width:980px) {
    .projectslider-nav .slick-next:before,
    .projectslider-nav .slick-prev:before {
        font-size: 50px
    }
}

.projectslider-nav .slick-prev {
    left: -45px;
    z-index: 10
}

@media screen and (min-width:769px) and (max-width:980px) {
    .projectslider-nav .slick-prev {
        left: -35px
    }
}

@media screen and (max-width:768px) {
    .projectslider-nav .slick-prev {
        left: 0
    }
}

.projectslider-nav [dir=rtl] .slick-prev {
    right: -45px;
    left: auto
}

.projectslider-nav .slick-prev:before {
    content: "\f117";
    font-family: Ionicons
}

.projectslider-nav [dir=rtl] .slick-prev:before {
    content: "\f117";
    font-family: Ionicons
}

.projectslider-nav .slick-next {
    right: -45px;
    z-index: 10
}

@media screen and (min-width:769px) and (max-width:980px) {
    .projectslider-nav .slick-next {
        right: -35px
    }
}

@media screen and (max-width:768px) {
    .projectslider-nav .slick-next {
        right: 0
    }
}

.projectslider-nav [dir=rtl] .slick-next {
    right: auto;
    left: -45px
}

.projectslider-nav .slick-next:before {
    content: "\f119";
    font-family: Ionicons
}

.projectslider-nav [dir=rtl] .slick-next:before {
    content: "\f119";
    font-family: Ionicons
}

.projectslider-for a {
    cursor: default
}

.projectslider-for a img {
    cursor: pointer
}

.radiocover {
    border: 1px solid rgba(0, 0, 0, .5);
    padding: 1em 2em;
    margin-bottom: 4em
}

.radiocover .viewlabbel {
    margin: -5px 0 0
}

@media (max-width:991px) {
    .radiocover .viewlabbel {
        width: 100%;
        padding: 0 0 3px 10px
    }
}

@media (max-width:767px) {
    .radiocover {
        margin-bottom: 2em
    }
    .radiocover label {
        width: 100%
    }
}

.radiocover [type=radio]:checked,
.radiocover [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.radiocover [type=radio]:checked+label,
.radiocover [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 22px;
    margin: 3px 5px 0;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-weight: 300
}

.radiocover [type=radio]:checked+label:before,
.radiocover [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

.radiocover [type=radio]:checked+label:after,
.radiocover [type=radio]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.radiocover [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.radiocover [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.quote {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1rem;
    background-color: rgba(0, 0, 0, .02);
    margin: 2em 0
}

.quote__body {
    z-index: 1;
    position: relative;
    margin: 0;
    padding: .75rem 2.75rem;
    font-family: surannaregular;
    color: #575757;
    font-size: 1.6em;
    font-style: italic;
    line-height: 1.2
}

.quote__body::after,
.quote__body::before {
    z-index: -1;
    position: absolute;
    color: #d2d2d2;
    font-size: 3.3rem;
    font-style: normal;
    font-weight: 700
}

.quote__body::before {
    content: "“";
    top: 0;
    left: 0;
    line-height: 1
}

.quote__body::after {
    content: "”";
    bottom: 0;
    right: 0;
    line-height: 0
}

.quote__credits {
    margin-left: 2.75rem;
    padding-right: 2.75rem;
    color: #8c8c8c;
    font-size: .8125rem
}

blockquote {
    border: none
}

@font-face {
    font-family: surannaregular;
    src: url(../fonts/suranna-regular-webfont.eot);
    src: url(../fonts/suranna-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/suranna-regular-webfont.woff2) format("woff2"), url(../fonts/suranna-regular-webfont.woff) format("woff"), url(../fonts/suranna-regular-webfont.ttf) format("truetype"), url(../fonts/suranna-regular-webfont.svg#webfontregular) format("svg");
    font-weight: 400;
    font-style: normal
}





section.whitebg-section2 {
  position: relative;
  background: #fff;
  padding-top: 120px;
  padding-bottom: 60px;
  -webkit-transition: all 1.25s ease-in-out;
  -moz-transition: all 1.25s ease-in-out;
  -o-transition: all 1.25s ease-in-out;
  transition: all 1.25s ease-in-out;
}

  

section.whitebg-section2 .cover .txt-cover2 {
    /*position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
    margin-left: 0;
    padding: 0 30px;
}

@media (min-width:992px) {
    section.whitebg-section2 .cover .txt-cover2 {
       /* left: 16%;
        right: 10%;*/
        margin-left: 12%;
        padding: 0
    }
}

@media (min-width:1590px) {
    section.whitebg-section2 .cover .txt-cover2 {
        margin-left: 2%;
    }
}

section.whitebg-section2 .cover .txt-cover2 h2 {
    display: inline-block;
    font-size: 4.375rem;
    line-height: 1;
    letter-spacing: .172rem;
    color: #000
}

@media (max-width:767px) {
    section.whitebg-section2 .cover .txt-cover2 h2 {
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: .12rem
    }
}

section.whitebg-section2 .cover .txt-cover2 i {
    font-size: 3.6rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    color: #000
}

@media (max-width:767px) {
    section.whitebg-section2 .cover .txt-cover2 i {
        font-size: 3rem
    }
}

section.whitebg-section2 .cover .txt-cover2 p {
    color: #575757;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

@media (max-width:767px) {
    section.whitebg-section2 .cover .txt-cover2 p {
        font-size: .89rem
    }
}

@media (min-width:768px) {
    section.whitebg-section2 .cover .txt-cover2 p {
        width: 80%
    }
}

@media (min-width:1200px) {
    section.whitebg-section2 .cover .txt-cover2 p {
        width: 70%
    }
}

section.whitebg-section2 .cover .txt-cover2 a {
    color: #000
}



.maincareer-content {
  padding: 70px 0 0;
}

.maincareer-content h3 {
  font-size: 37px;
  margin-bottom: 35px;
}



.maincareer-content .position-col h3.smaller {
  font-size: 30px;
  margin-bottom: 10px;
  min-height: 45px;
  line-height: 1.1;
}

@media (min-width:768px) {
  .maincareer-content .position-col h3.smaller {
    font-size: 25px;
    margin-bottom: 10px;
    min-height: 75px;
    line-height: 1.1;
  }
}

@media (min-width:1440px) {
  .maincareer-content .position-col h3.smaller {
    font-size: 27px;
    margin-bottom: 10px;
    min-height: 80px;
  }  
}

@media (min-width:1600px) {
  .maincareer-content .position-col h3.smaller {
    font-size: 30px;
  }  
}

/*.maincareer-content .position-col h3 span {
  display: block;
}*/


.maincareer-content .position-col {
  padding: 30px 35px;
  background-color: rgba(0,0,0,.045);
  border: 1px solid #fff;
}

.maincareer-content .position-col:hover {
  background-color: rgba(0,0,0,1);
  cursor: pointer;
  color: #fff;
}

.maincareer-content .position-col:hover .generalbtn {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.maincareer-content .position-col:hover .generalbtn:before {
  color: #fff;
}

.position-col + .position-col {
 
}


.maincareer-content .position-col h3.smaller {
  
}




.generalmodal {
  text-align: center;
  padding: 0!important;
}



.generalmodal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin: 50px auto;
}

.generalmodal .modal-body {
  height:calc(100vh - 300px);
 /* max-height: 500px;*/
  overflow-y: auto;
  padding: 25px 30px 15px;
}

.generalmodal .modal-body p+p{
  margin-top: 25px;
}

.generalmodal .modal-body p+ul {
  margin-bottom: 25px;
  padding-top: 10px;
}

.generalmodal .modal-body ul li+li {
  margin-top: 10px;
}

.generalmodal .modal-body p {
  font-size: 15px;
  line-height: 1.4;
}

.generalmodal .modal-body ul {
  font-size: 15px;
  line-height: 1.2;
}

.generalmodal .modal-header h3{
  font-size: 30px;
}

.generalmodal .modal-header p {
  font-size: 14px;
  color: rgba(0,0,0,.65);
}

@media (min-width: 768px) {
  .generalmodal .modal-dialog {
      width: 800px;
      margin: 30px auto;
  }

  .generalmodal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }

  .generalmodal .modal-body {
    height:calc(100vh - 200px);
   /* max-height: 500px;*/
    overflow-y: auto;
    padding: 25px 30px 15px;
  }
}


  .generalmodal .modal-header {
    position: relative;
    z-index: 2;
    border-bottom: 0;
    padding: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
  }


  .generalmodal .modal-header .close {
    color:#fff; opacity: 1; font-size: 1.8rem; position: absolute; top: -35px; right: 10px;
  }

  .generalmodal .modal-header a.careerapplynowbtn {
    position: absolute; right: 25px; top: 56.5%;
  }

@media (min-width: 768px) {
  .generalmodal .modal-header a.careerapplynowbtn {
    font-size: 1.05em;
  }

  .generalmodal .modal-header h3 {
    padding-right: 100px;
  }
}


.generalmodal.vidmodal .modal-header {
  padding: 0;
}


.generalmodal.vidmodal .modal-content{
  background-color: transparent; box-shadow: none; border: 0;
}

.generalmodal.vidmodal .modal-body{
  height: auto; width: 100%; padding: 0; margin-bottom: -6px;
}


.footermem {
    text-align: left; font-size: 12px; margin-top: -20px; padding-bottom: 5px; padding-left: 5px;
}