@charset "utf-8";

@font-face {
    font-family: 'swis721_blkcn_btblack';
    src: url('../font/swz721kc-webfont.eot');
    src: url('../font/swz721kc-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/swz721kc-webfont.woff') format('woff'),
        url('../font/swz721kc-webfont.ttf') format('truetype'),
        url('../font/swz721kc-webfont.svg#swis721_blkcn_btblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    margin: 0px;
    padding: 0px;
}

/* page loader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    /* change if the mask should have another color then white */
    z-index: 20000;
    /* makes sure it stays on top */
    width: 100%;
    height: 1080px;
    background-image: url(../images/aloadingbg.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
}

#loaderMask {
    padding-top: 212px;
}

#loaderMask span {
    font-family: "Myriad Pro", Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #900;
    display: block;
    margin: auto;
    width: 129px;
    height: 128px;
    padding-left: 321px;
    padding-top: 68px;
}

/* page content */
.container {
    width:100%;
    height:13000px;
    margin:auto;
    position:relative;
}

.header {
    width:100%;
    /* height:78px; */
    background-color:rgba(25,31,33,0.4);
    position:fixed;
    z-index:1000;
}

.head_content {
    width: 1136px;
    /* height: 78px; */
    margin: 0 auto;
    display: flex;
    align-items: flex-end;    
    justify-content: space-between;
}

.logo {
    /* width:344px;
    height:78px;
    float:left; */
}
.logo a.active{
    background-color: transparent;
}

#nav {
    /*width:680px;
     height:78px; 
    float:left;*/
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
}

#nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    /* margin-top: 45px; */
    /* padding-left: 14px; */
    /* position: absolute; */
    z-index: 1100;
    display: flex;
    justify-content: space-between;   
}
#nav ul li {
        /* float: left; */
        position: relative;
    }
#nav ul li:hover {
    background-color:#ca373c;
}
#nav ul li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    padding: 16px 28px;
    /* padding: 0 14%; */
    /* height: 19px; */
    position: relative;
    transition: all 0.2s ease-out;
}

#nav ul li a:hover, a.active {
    background-color:#ca373c;
}
#nav ul li ul {
        /* visibility: hidden; */
    /* width: 110px; 
    top: -26px;*/
    background-color: transparent;
    position: absolute;
    top: 47px;
    flex-direction: column;
    right: -50px;
    left: 0;
display: none;
}
#nav ul li:hover ul {
    display:block;
}
#nav ul li ul li {
        /* float: none; */
    /* margin-bottom: 1px;*/
}

#nav ul li ul li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    padding: 12px 25px;
    background-color: #ca373c;
    /* height: 19px; */
    /* float: none;*/
}
#nav ul li ul li a:hover{
    background-color: #fff;
    color: #ca373c;
    text-decoration: none;
}

.copyright {
    width:256px;
    height:78px;
    float:left;
    background-image:url(../images/copyright.png);
}

#home {
    width:100%;
    height:1080px;
    background-image:url(../images/slide1bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.content {
    width:1086px;
    margin:auto;
    padding-left:50px;
    position:relative;
}

.left {
    width:641px;
    height:811px;
    background-image:url(../images/parachute.png);
    float:left;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.right {
    width:390px;
    height:279px;
    float:left;
    font-family: 'swis721_blkcn_btblack';
    font-size:30px;
    color:#FFF;
    padding-left:55px;
    padding-top:145px;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.parachutebg {
    width:100%;
    height:1080px;
    background-image:url(../images/parachutebg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#aboutus {
    width:100%;
    height:1080px;
    background-image:url(../images/slide2bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:1080px;
}

.content1 {
    width:1086px;
    margin:auto;
    padding-left:50px;
    position:static;
    z-index:100;
    top:0px;
}

.aboutus_left {
    width:227px;
    height:473px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#FFF;
    padding-left:190px;
    padding-top:179px;
    text-align:justify;
    line-height:normal;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.aboutus_right {
    width:627px;
    height:473px;
    float:left;
    padding-top:179px;
    line-height:normal;
    background-image:url(../images/bigdiamond.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.diamonds {
    width:100%;
    height:1080px;
    background-image:url(../images/diamonds.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#what_we_do {
    width:100%;
    height:1080px;
    background-image:url(../images/slide3bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:2160px;
}

.we_do_left {
    width:237px;
    height:464px;
    float:left;
    font-family: 'swis721_blkcn_btblack';
    font-size:46px;
    line-height:38px;
    color:#aadf1b;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
    padding-top:215px;
    padding-left:91px;
}

.we_do_center {
    width:329px;
    height:1080px;
    float:left;
    background-image:url(../images/bulb.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.we_do_right {
    width:293px;
    height:464px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#FFF;
    padding-top:215px;
    text-align:justify;
}

.bulbbg {
    width:100%;
    height:1080px;
    background-image:url(../images/bulbbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#capabilities {
    width:100%;
    height:1080px;
    background-image:url(../images/slide4bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:3240px;
}

.capabilities_left {
    width:425px;
    height:1080px;
    float:left;
    background-image:url(../images/capabilities_leftbg.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.capabilities_right {
    width:549px;
    height:1080px;
    float:left;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.capabilities_right_top {
    width:549px;
    height:165px;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#FFF;
    text-align:justify;
    padding-top:130px;
}

.capabilities_right_btm {
    width:549px;
    height:785px;
    background-image:url(../images/capabilities_right_btm.png);
}

.capabilitiesbg {
    width:100%;
    height:1080px;
    background-image:url(../images/capabilitiesbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#creative {
    width:100%;
    height:1080px;
    background-image:url(../images/slide5bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:4320px;
}

.creative_left {
    width:265px;
    height:393px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#FFF;
    padding-left:162px;
    padding-top:197px;
    text-align:justify;
    line-height:normal;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.creative_right {
    width:464px;
    height:1080px;
    float:left;
    background-image:url(../images/ball.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.ballsbg {
    width:100%;
    height:1080px;
    background-image:url(../images/ballsbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#branding {
    width:100%;
    height:1080px;
    background-image:url(../images/slide6bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:5400px;
}

.branding_left {
    width:270px;
    height:513px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#5a5a5a;
    padding-left:57px;
    padding-top:217px;
    text-align:justify;
    line-height:normal;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.branding_right {
    width:759px;
    height:1080px;
    float:left;
    background-image:url(../images/building.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.cloudsbg {
    width:100%;
    height:1080px;
    background-image:url(../images/cloudsbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#research {
    width:100%;
    height:1080px;
    background-image:url(../images/slide7bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:6480px;
}

.research_left {
    width:663px;
    height:1080px;
    float:left;
    background-image:url(../images/quote_left.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.research_right {
    width:290px;
    height:527px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#5a5a5a;
    text-align:justify;
    line-height:normal;
    padding-top:190px;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.quotebg {
    width:100%;
    height:1080px;
    background-image:url(../images/quotebg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#media {
    width:100%;
    height:1080px;
    background-image:url(../images/slide8bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:7560px;
}

.media_left {
    width:279px;
    height:526px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#1e1e1e;
    text-align:justify;
    line-height:normal;
    padding-top:240px;
    padding-left:69px;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.media_right {
    width:738px;
    height:1080px;
    float:left;
    background-image:url(../images/media_right.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.iconsbg {
    width:100%;
    height:1080px;
    background-image:url(../images/iconsbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#marketing {
    width:100%;
    height:1080px;
    background-image:url(../images/marketingslide.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:8640px;
}

.marketing_left {
    width:634px;
    height:1080px;
    float:left;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.marketing_left_top {
    width:634px;
    height:143px;
    font-family: 'swis721_blkcn_btblack';
    font-size:46px;
    color:#cc9f38;
    line-height:38px;
    text-align:right;
    padding-top:150px;
}

.marketing_left_btm {
    width:634px;
    height:479px;
    background-image:url(../images/marketing_left_btm.png);
}

.marketing_right {
    width:319px;
    height:628px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#FFF;
    text-align:justify;
    line-height:normal;
    padding-top:144px;
    padding-left:19px;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.chessbg {
    width:100%;
    height:1080px;
    background-image:url(../images/chessbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#interactive {
    width:100%;
    height:1080px;
    background-image:url(../images/slide9bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:9720px;
}

.interactive_left {
    width:297px;
    height:513px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#1e1e1e;
    text-align:justify;
    line-height:normal;
    padding-top:225px;
    padding-left:70px;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.interactive_right {
    width:719px;
    height:1080px;
    float:left;
    background-image:url(../images/interactive_right.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

#offering {
    width:100%;
    height:1080px;
    background-image:url(../images/slide10bg.jpg);
    background-position:50% -40px;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:10800px;
}

.offering_left {
    width:431px;
    height:588px;
    float:left;
    padding-top:90px;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.offering_left_top {
    width:266px;
    height:90px;
    font-family: 'swis721_blkcn_btblack';
    font-size:46px;
    color:#d59018;
    line-height:38px;
    padding-left:165px;
}

.offering_left_btm {
    width:431px;
    height:462px;
}

.offering_right {
    width:655px;
    height:1080px;
    float:left;
    background-image:url(../images/pencil_right.png);
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.pencilsbg {
    width:100%;
    height:1080px;
    background-image:url(../images/pencilsbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}

#clients {
    width:100%;
    height:1080px;
    background-image:url(../images/slide12bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:11800px;
}

#contact {
    width:100%;
    height:1420px;
    background-image:url(../images/slide11bg.jpg);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:12960px;
}

.contact_left {
    width:513px;
    height:1080px;
    float:left;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.contact_right {
    width:297px;
    height:1080px;
    float:left;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:14px;
    color:#303030;
    text-align:center;
    line-height:normal;
    padding-top:335px;
    background-repeat:no-repeat;
    background-attachment:absolute;
    top:0px;
}

.contact_right_top {
    width:297px;
    height:88px;
}

.contact_right_bottom {
    width:297px;
    height:314px;
    padding-top:12px;
}

.contactbg {
    width:100%;
    height:1080px;
    background-image:url(../images/contactbg.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    top:0px;
    z-index:10;
}