* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

@font-face {

	font-family: careerpath;

	src: url("../fonts/DINPRO.OTF") format("opentype");

	font-style: normal;

}



@font-face {

	font-family: careerpathMediumItalic;

	src: url("../fonts/DINPRO-MEDIUMITALIC.OTF") format("opentype");

	font-style: normal;

}



@font-face {

	font-family: careerpathBold;

	src: url("../fonts/DINPRO-BOLD.OTF") format("opentype");

	font-style: normal;

}



body {

    height: 100%;

    overflow-x: hidden;

}

body {

    font-family: 'careerpath', arial, sans-serif;

    background: #fff;

    color: #333;

    overflow-x: hidden;

    font-weight: normal;

}



.logo {

    background: url("../images/logo_w.svg") no-repeat;

    width: 111px;

    height: 98px;

    display: block;

    margin: 20px 0 0 20px;

    background-size: 85px;

}

/*.logo:hover {

    background: url("../images/logo_b.svg") no-repeat;

    width: 111px;

    height: 98px;

    display: block;

    margin: 20px 0 0 20px;

    background-size: 110px;

}*/

#header {

    position: absolute;

    z-index: 99999;

    top:0;

    left: 0;

    width: 100%;

}

#header ul {

    text-align: right;

    list-style: none;

    padding: 30px 40px 0 0;

}

#header ul li { 

    display: inline-block;

}

#header li a {

    font-family: 'careerpathMediumItalic';

    font-size: 18px;

    color: #FFF;

    padding-left: 40px;

    text-transform: uppercase;

    text-decoration: none;

}

#header li a:hover {

    text-decoration: none;

    color: #E11F27;

}



.body_content h2{

    font-family: careerpathBold;

    color: #E5097F;

    text-align: left;

    padding-bottom: 30px;

    font-size: 3.5rem;

    font-weight: bolder;

    padding-top: 0rem;

    line-height: 58px;

}

/* Identity start */

#identity h2, #clients h2{

    text-align: right;

    padding-right: 1rem;

}

#story p {

    font-size: 1.2rem;

    padding: 1rem 1rem 2rem 0rem;

    line-height: 30px;

}

#story span {

    color: #E4097F;

    font-style: italic;

    font-weight: bold;

}



#story .icon1 {

    position: absolute;

    left: -60px;

    top: 160px;

    z-index: 999999;

}



#story {

    position: relative;

}



#story .icon2 {

    position: absolute;

    left: 20px;

    bottom: 40px;

    z-index: 999999;

}

.btns, .btn {

    text-align: center;

    display: block;

}



.moveToTop {

    position: absolute;

    right: 30px;

}

.moveToTop img {

    width: 40px;

    position: relative;

    z-index: 9999999999;

}



.clear {

    clear: both;

}



#identity h3{

    text-align: left;

    font-size: 2rem;

    text-transform: uppercase;

    font-weight: bold;

}

#identity h3 span{

    color: #E4097F;

    font-style: italic;

} 

#identity p {

    font-size: 1.2rem;

    line-height: 30px;

    padding-right: 4rem;

}



#contact h3{

    color: #E4097F;

    font-size: 1.8rem;

    font-weight: bolder;

}

#contact p {

    font-size: 1.8rem;

    line-height: 30px;

    font-weight: bold;

}

.sublogo {

    position: absolute;

    top: 20px;

    left: 40px;

}

.sublogo img {

    width: 80px;

}

.mobile_menu {

    display: none;

}

#contactForm label {

    font-weight: bold;

}

#contactForm p {

    font-size: 1.2rem;

    line-height: 30px;

    text-align: right;

}

.close {

    position: absolute;

    right: 20px;

    top: 10px;

    font-size: 1.5rem;

    font-weight: bold;

    color: #000;

}



.ws_playpause, .ws_next, .ws_prev {

    display: none !important;

}



.btns img {

    width: 60%;

}



#process .w100 {

    width: 80%;

}



.mobileProcessPadding {

    padding: 0 2rem;

}

.thinLine {

   position: relative;

   padding-bottom: 3rem;

}

.bottom_bg {

    position: absolute;

    height: 150px;

    width: 100%;

    bottom: 30px;

    z-index: 999999;

}

.bottom_banner_bg {

    background: url("../images/banner_bottom_bg.png") no-repeat center top;

    width: 100%;

    height: 100%;

    background-size: 100%;

}

.ws_bullets, .ws_controls {

    display: none  !important;

}

.contact_padding {

    padding: 10rem 5rem 4rem 5rem;

}

.address {

    text-align: left;

    font-size: 1rem;

}

.send_mail {

    text-align: center;

    font-size: 1.2rem;

    padding-top: 1rem;

}

.submitBtn {

    border: none;

    background: #FFF;

    cursor: pointer;

}

.submitBtn span {

    background: url("../images/submit_button.jpg") no-repeat;

    width: 147px;

    height: 48px;

    display: block;

    background-size: 100%;

    color: #FFF;

    padding-top: 7px;

    font-family: 'careerpathBold';

    font-size: 20px;

}

.submitBtn:focus {

    border: none;

    outline: none;

}

.curve1 {

    background: url("../images/curve1.png") no-repeat center top;

    width: 967px;

    height: 706px;

    display: block;

    background-size: 70%;

    position: absolute;

    top: 477px;

    left: 100px;

    z-index: 999999;

}

.curve2 {

    background: url("../images/curve2.png") no-repeat center top;

    width: 621px;

    height: 602px;

    display: block;

    background-size: 75%;

    position: absolute;

    top: 420px;

    left: 340px;

    z-index: 999999;

}

.curve3 {

    background: url("../images/curve3.png") no-repeat left top;

    width: 832px;

    height: 692px;

    display: block;

    background-size: 72%;

    position: absolute;

    top: 320px;

    left: 0;

    z-index: 999999;

}



.curve4 {

    background: url("../images/curve4.png") no-repeat left top;

    width: 1094px;

    height: 334px;

    display: block;

    background-size: 78%;

    position: absolute;

    top: -50px;

    left: 0;

    z-index: 999999;

}



.curve5 {

    background: url("../images/curve5.png") no-repeat right top;

    width: 1116px;

    height: 150px;

    display: block;

    background-size: 78%;

    position: absolute;

    top: 40px;

    right: 110px;

    z-index: 999999;

}



.curve6 {

    background: url("../images/curve6.png") no-repeat left top;

    width: 926px;

    height: 190px;

    display: block;

    background-size: 70%;

}

.copyright {

    padding: 1rem 0;

    font-size: 1rem;

}

.socialIcons {

    position: absolute;

    bottom: 140px;

    z-index: 999999;

    right: 30px;

}

.socialIcons a {

    display: block;

    margin-bottom: -20px;

}

.socialIcons a img {

    transform: scale(0.6);

}

#deskSlider {

    min-height: 100vh;

    height: 100%;

}

.pad5 {

    padding-top: 3rem;

}

.visionBanner {

    display: none;

}

#feedback {

	color: red;

    text-align: left;

    font-size: 1rem;

    padding-top: 1rem;

}

#clients img {

    transform: scale(0.85);

}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {

    .curve1 {

        background-size: 50%;

        top: 641px;

        left: -40px;

    }

    .curve2 {

        top: 620px;

    }

    .curve4 {

        background-size: 60%;

        width: 100%;

        top: 120px;

    }

    .curve5 {

        width: 100%;

        background-size: 61%;

    }

    .contactbg img {

        width: 100%;

    }

}



@media only screen and (min-width: 720px) and (max-width: 800px) {

    .body_content h2 {

        padding-left: 2rem;

    }

    #story p {

        padding:0 2rem;

    }

    .curve1 {

        width: 100%;

        height: 346px;

        display: block;

        background-size: 60%;

        position: absolute;

        top: 1107px;

        left: -160px;

        z-index: 999999;

    }

    .curve2 {

        top: 780px;

    }

    .identityPadding {

        padding: 3rem;

    }

    .curve3 {

        background: url("../images/curve3.png") no-repeat right top;

        width: 100%;

        height: 480px;

        display: block;

        background-size: 52%;

        position: absolute;

        top: 1000px;

        right: 0;

    }

    .curve4 {

        background-size: 50%;

        top: -70px;

    }

    .curve5 {

        background-size: 60%;

        width: 100%;

        right: 0;

        top: 160px;

    }

    .address {

        padding-left: 6rem;

        padding-bottom: 2rem;

    }

}



@media only screen and (min-width: 720px) {

    .body_content {

        position: relative;

        max-width: 1300px;

        margin: 0 auto;

        padding-top: 3rem;

    }

}

@media only screen and (max-width: 700px) {

    .scroll {

        overflow: scroll;

    }

    .visionBannerEnlarge {

        cursor: -moz-zoom-in; 

        cursor: -webkit-zoom-in;

        cursor: zoom-in;

    }

    .visionBanner {

        display: none;

        position: fixed;

        top: 0;

        width: 100%;

        left: 0;

        height: 100%;

        background: #FFF;

        z-index: 99999999999;

    }

    .visionBanner button {

        position: fixed;

        top: 10px;

        right: 10px;

    }

    .body_content {

        padding: 0 2rem;

    }

    .body_content h2 {

        line-height: 44px;

        font-size: 2rem;

        padding-top: 1rem;

    }

    .pad5 {

        padding: 0;

    }

    .logo {

        background-size: 80%;

        width: 70px;

        height: 70px;
    margin: 10px 0 0 0px;

    }

    /*.logo:hover {

        background: url("../images/logo_b.svg") no-repeat;

        width: 80px;

        height: 80px;

        display: block;

        margin: 20px 0 0 20px;

        background-size: 80%;

    }*/

    .mobile_menu {

        display: block;

        position: absolute;

        right: 0px;

        z-index: 99999999;

        top: 10px;

    }

    #header ul.menuList {

        display: none;

        background: #000;

        border: 1px solid #FFF;

        padding: 0;

        top: 70px;

        text-align: center;

        width: 180px;

        position: absolute;

        opacity: 0.8;

        margin-bottom: 0;

        right: 0;

    }

    #header ul.menuList li {

        display: block;

        border-bottom: 1px solid #FFF;

        padding: 10px;

    }

    #header li a {

        padding: 0;

        font-size: 16px;

    }

    #header ul.menuList li:last-child {

        border-bottom: none;

    }

    .mobile_menu a {

        display: block;

        background: url("../images/menu.png") no-repeat;

        width: 30px;

        height: 30px;

        text-align: right;

        margin: 10px 10px;

        background-size: contain;

    }

   img.w100 {

        width: 100%;

    }

     #identity h2, #clients h2 {

        text-align: left;

        padding-right: 0rem;

    }

    

    .contact_padding {

        padding: 0rem;

        padding-top: 2rem;

    }

    #story p {

        padding: 0;

    }

    .thinLine {

        padding: 0;

    }

    #contactForm p {

        font-size: 1.1rem;

        line-height: 30px;

        text-align: left;

    }

    .btns img {

        width: 70%;

    }

    .mobileProcessPadding {

        padding: 1rem;

    }

    .icon2 {

        display: none;

    }

    .jumpToContact img{

        width: 90%;

    }

    .send_mail {

        font-size: 1.1rem;

    }

    .address {

        font-size: 0.9rem;

        padding: 2rem 0rem;

        text-align: center;

    }

    

    .curve1 {

        position: relative;

        top: 0;

        width: 100%;

        left: 0;

        height: 220px;

    }

    .curve2 {

        position: relative;

        width: 100%;

        top: 0;

        left: 0;

        height: 260px;

    }

    .curve3 {

        position: relative;

        width: 100%;

        top: 0;

        height: 220px;

    }

    .curve4 {

        position: relative;

        background-size: 80%;

        width: 100%;

        top: 0;

        height: 100px;

    }

    .curve5 {

        position: relative;

        top: 0;

        background-size: 90%;

        right: 11px;

        width: 100%;

        height: 48px;

    }

    .curve6 {

        width: 100%;

        height: 125px;

        margin-top: 30px;

        background-size: contain;

    }

    .socialIcons {

        bottom: 180px;

        right: 5px;

    }

    .socialIcons a {

        margin-bottom: -20px;

    }

    .copyright {

        font-size: 0.9rem;

    }

    .socialIcons a img {

        transform: scale(0.4);

    }

    .padding0 {

        padding:0 !important;

    }

    .margin0 {

        margin: 0 !important;

    }

    .imgCenter {

        text-align: center;

    }

    #clients .imgCenter img {

        width: 75%;

        transform: scale(1);

    }

    #mobSlider {

        min-height: 500px;

    }

    #storyTop, #identityTop, #visionTop, #processTop, #clientsTop,  #contactTop{

        top: 1000px;

    }
#identity h3 {
    font-size: 1.3rem;
}

}