html, body {
    background: white !important;
}

#wrapper {
    background:none;
    width: unset !important;
}


@media (min-width: 1351px) { 
    .wpb_row.in_container {
        width: 1350px !important;
    }
} 

@media (max-width: 1350px) { 
    .wpb_row.in_container {
        width: 100% !important;
    }
}

div[class*=parallax-] {
    background-position: center;
}

.wpb_column {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#header {
    background: none;
}

#footer {
    background: none;
    color: black;
}

.footer_container_sub h3 {
    color: #444;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 2px;
}

.footer_container_sub a {
    color: #666;
}

.totop {
    background: #fff;
}

.wpb_single_image {
    margin-top: 20px;
}

@media (max-width: 600px) { 
    .wpb_single_image {
        margin-top: 8px;
        margin-bottom: 8px !important;
    }
}

@media (max-width: 600px) { 
    .mobile_margin {
        margin-left: 24px;
        margin-right: 24px;
    }
}

#first_page_container {
    height: 100vh;
    width: 100vw;
}

#first_page_image_container {
    position: relative;
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    height: 70vh;
    width: 70vw; 
    z-index: 4;
}

#emotion_photo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 38%;
    height: 90%;
    background: #222;
    z-index: 3;
    box-shadow: 0px 0px 177px 0px rgba(0,0,0,0.2);
}

@media (max-width: 800px) { 
    #emotion_photo {
        display: none; 
    }
} 

#emotion_photo2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #222;
    z-index: 3;
    display: none;
}

@media (max-width: 800px) { 
    #emotion_photo2 {
        display: block;
    }
} 

#show_reel {
    position: relative;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 68%;
    height: 92%;
    background: #ebebeb;
    box-shadow: 0px 0px 177px 0px rgba(0,0,0,0.2);
    overflow:hidden;
}

@media (max-width: 800px) { 
    #show_reel {
        width: 100%;
        height: auto;
    }
}

#show_reel_text_container {
    height: 94px;
    padding: 15px 36px 20px 60px; 
    background: #fff;
    position: relative;
    position: absolute;
    z-index: 5;
    top: 17px;
    right: 18px;
}

@media (max-width: 1024px) { 
    #show_reel_text_container {
        height: 80px;
        padding: 12px 22px 12px 40px; 
        top: 14px;
        right: 15px;
    }
}

#show_reel_text {
    text-align: right;
}

#show_reel_text_year {
    color: #777;
    font-size: 15px;
    font-weight: 400;
}

@media (max-width: 1024px) { 
    #show_reel_text_year {
        font-size: 12px;
    }
}

#show_reel_text_brand {
    color: #000;
    font-size: 29px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: -2px;
}

@media (max-width: 1024px) { 
    #show_reel_text_brand {
        font-size: 21px;
        margin-top: -5px;
    }
}

#show_reel_image_container {
    width: 100%;
    height: 100%;
    white-space: nowrap;    
}

.show_reel_image {
    width:100%;
    margin-left: -2px;
}

#show_reel_slider_button_container {
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: 0px;
    right: 7px;
    z-index: 5;
}

@media (max-width: 600px) { 
    #show_reel_slider_button_container {
        height: 30px;
    }
}

.show_reel_slider_button {
    background: rgba(255,255,255,0.4);
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    float: right;
}

@media (max-width: 600px) { 
    .show_reel_slider_button {
        margin-right: 5px;
        width: 12px;
        height: 12px;
    }
}

.show_reel_slider_button.active {
    background: #fff;
}

.shadow_on {
    box-shadow: 0px 0px 177px 0px rgba(0,0,0,0.1);
    background: #f6f6f6;
}

#first_page_scroll_reminder {
    position: absolute;
    color: #444;
    bottom: 5%;
    left: 50vw;
    transform: translate(-50%, -50%);
}

#first_page_scroll_reminder_text {
    font-weight:  600;
    letter-spacing: 2px;
    font-size: 14px;
}

#first_page_scroll_reminder_border {
    width: 40px;
    height: 3px;
    background: #666;
    margin: 2px auto 0px auto;
}

.new_title {
    font-size: 38px;
    font-weight: 400;  
    letter-spacing: 2px;  
    color: black;
    text-align: center;
}

@media (max-width: 1024px) { 
    .new_title {
        font-size: 22px;
    }
} 

.new_title_white {
    font-size: 38px;
    font-weight: 300;  
    letter-spacing: 2px;  
    color: #fff;
    text-align: center;
}

@media (max-width: 1024px) { 
    .new_title_white {
        font-size: 30px;
    }
}

.new_title .wpb_wrapper p {
    line-height: 130% !important;
}

.new_title_white .wpb_wrapper p {
    line-height: 130% !important;
}

.new_big_title {
    font-size: 56px;
    font-weight: 400;  
    letter-spacing: 2px;  
    color: black;
}

@media (max-width: 1024px) { 
    .new_big_title {
        font-size: 50px;
        margin-bottom: -5px;
    }
}

.new_big_title .wpb_wrapper p {
    line-height: 110% !important;
}

.new_sub_title {
    font-size: 18px;
    font-weight: 400;
    color: black;
    letter-spacing: 2px;
    margin-bottom: 0px !important;
}

@media (max-width: 1024px) { 
    .new_sub_title p {
        font-size: 16px;
    }
}

.new_text p {
    color: #787878;
    line-height: 170% !important;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 14px;
}

.new_text_link p {
    color: #000;
    line-height: 100% !important;
    letter-spacing: 2px;
    font-weight: 400;
    text-decoration: underline;
    font-size: 14px;
}

.new_text_list p {
    color: #787878;
    line-height: 220% !important;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 1024px) { 
    .new_text_list p {
        font-size: 12px;
    }
}

.new_text_list_white p {
    color: #fff;
    line-height: 121% !important;
    font-weight: 400;
    font-size: 24px;
}

.new_text_white p {
    color: #fff;
    line-height: 170% !important;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 1024px) { 
    .new_text_white p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) { 
    .vc_empty_space {
        zoom: 0.6;
    }
}

.new_button {
    background: #444;
    font-size: 14px;
    overflow: auto;
    color: white;
    font-weight: 400;
    letter-spacing: 2px; 
    padding: 10px 42px;
    float: left;
    text-transform: uppercase;
}

.new_button_white {
    background: white;
    overflow: auto;
    color: black;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 10px; 
    padding: 16px 46px;
    float: left;
    text-transform: uppercase;
}

@media (max-width: 600px) { 
    .new_button_white {
        margin-bottom: 24px; 
        font-size: 14px;
        padding: 12px 42px;
    }
}

.opportunities_list {
    color: white;
    margin-bottom: 26px;
    float: left;
    clear: left;
}

.opportunities_list.active {
    color: white;
    margin-bottom: 26px;
    float: left;
    clear: left;
    font-weight: 400;
}

.opportunities_list_number {
    font-size: 36px;
    float: left;
    margin-top: 16px;
    margin-right: 38px;
}

@media (max-width: 1024px) { 
    .opportunities_list_number {
        font-size: 28px;
    }
}

.opportunities_list_number.active {
    font-weight: 400;
}

.opportunities_list_text {
    float: left;
    cursor: pointer;
    font-size: 24px;
}

@media (max-width: 1024px) { 
    .opportunities_list_text {
        font-size: 20px;
    }
}

.opportunities_list_text.active {
    font-weight: 400;
}

#opportunities_text {
    text-align: right;
}

@media (max-width: 600px) { 
    #opportunities_text {
        text-align: left;
    }
}

/* grid */
.final-tiles-gallery .tile .caption-block {
    background: white;
    padding: 24px 38px;
    left: 0px;
    max-width: 66%;
    right: unset;
}

@media (max-width: 1240px) { 
    .final-tiles-gallery .tile .caption-block {
        padding: 8px 8px;
        max-width: 80%;
    }
}

.final-tiles-gallery .newsblog .caption-block {
    bottom: 12% !important;
}

.final-tiles-gallery .caption-block {
    bottom: 76px !important;
}

@media (max-width: 599px) { 
    .final-tiles-gallery .showcase {
     
    }
    
    .final-tiles-gallery .subtitle {
        font-size: 15px !important;
        line-height: 14px !important;
    }

    .final-tiles-gallery .subtitle .tiny {
        font-size: 9px !important;
        font-weight: 100 !important; 
    }

    .final-tiles-gallery .subtitle .regular {
        font-size: 14px !important;
    }

    .final-tiles-gallery .subtitle .light {
        font-size: 14px !important;
        font-weight: 100 !important;
    }

    .final-tiles-gallery .subtitle2 {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 150%;
    }

}

@media (max-width: 1023px) and (min-width: 599px) { 
    .final-tiles-gallery .showcase {

    }
    
    .final-tiles-gallery .subtitle {
        font-size: 20px !important;     
        line-height: 20px !important;
    }

    .final-tiles-gallery .subtitle .tiny {
        font-size: 13px !important;        
    }

    .final-tiles-gallery .subtitle .regular {
        font-size: 19px !important;
    }

    .final-tiles-gallery .subtitle .light {
        font-size: 19px !important;
    }

    .final-tiles-gallery .subtitle2 {
        font-size: 18px !important;
    }

}

@media (max-width: 1299px) and (min-width: 1024px) { 
    .final-tiles-gallery .showcase {

    }
    
    .final-tiles-gallery .subtitle {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    .final-tiles-gallery .subtitle .tiny {
        font-size: 15px !important;
    }

    .final-tiles-gallery .subtitle .regular {
        font-size: 21px !important;
    }

    .final-tiles-gallery .subtitle .light {
        font-size: 21px !important;
    }

    .final-tiles-gallery .subtitle2 {
        font-size: 20px !important;
    }

}

.final-tiles-gallery .showcase {
    text-transform: capitalize;
    letter-spacing: 0px;
    color: #777;
    font-size: 15px;
    font-weight: 400;
}

.final-tiles-gallery .newsblog .showcase {
    
}

.final-tiles-gallery .subtitle {
    text-transform: capitalize;
    color: #000;
    font-size: 29px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: -2px;
}

.final-tiles-gallery .subtitle .tiny {
    color: black;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.final-tiles-gallery .subtitle .regular {
    color: black;
    font-size: 22px;
    font-weight: 400;
    float: left;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.final-tiles-gallery .subtitle .light {
    font-weight: 100;
}

.final-tiles-gallery .subtitle2 {
    text-transform: capitalize;
    color: #000;
    font-size: 29px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: -2px;
}

.final-tiles-gallery .overlay {
    display:none;
}

.final-tiles-gallery .gradient {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    background-image: -webkit-gradient(
      linear, left top, left bottom, from(rgba(0,0,0,0)),
      to(rgba(0,0,0,0.5))
    );
}

.final-tiles-gallery .loading-bar {
    display:none;
}

.wpb_column {
    padding-left: 10px;
    padding-right: 10px;
}

html .wpb_column .wpb_wrapper .wpb_content_element p {
    line-height: 140%;
    margin-bottom: 0px;
}

.vc_col-sm-6 wpb_column column_container p {
    margin-bottom: 0px;
}

.innerrow {
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 10px;
    margin-right: 0px;
    margin-top: -19px;
}

.innerrow .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.innerrow2 {
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 10px;
    margin-right: 0px;
    margin-top: -27px;
}

.innerrow2 .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.wpb_row div.innerrow:nth-child(2) {
    padding-right: 15px;
    padding-left: 10px;
}

.wpb_row {
    margin-left: unset; 
    margin-right: unset;
}


/* subpages */
.imageheaderparent {
    flex: 1;
}

.imageheader {
    margin-left: -15px !important;
    margin-bottom: 0px !important;
}

.imageheader2 img{
    position: absolute;
    bottom: -60px;
    max-width: 90%;
}

.imageheader3 img{
    position: absolute;
    bottom: 0px;
    max-width: 90%;
}

.lighter-overlay .submenu_header {
    color: black;
}

.submenu_header {
    font-size: 21px;
    text-transform: uppercase;
    color: white;
    font-weight: 400;
    padding-bottom: 2px;
    border-bottom: 1px solid #999;
}

.submenu_header b {
    font-weight: 700;   
}

.lighter-overlay .submenu_header.active {
    color: black;
}

.submenu_header.active {
    color: white;
}

.lighter-overlay .submenu_choice.active {
    color: black;
}

.indent {
    padding-left: 36px;
    font-size: 14px !important;
}

.submenu_choice {
    font-size: 18px;
    color: #999;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 4px;
    padding-bottom: 2px;
    border-bottom: 1px solid #999;
}

.submenu_choice.sub {
    margin-left: 30px;
    font-size: 16px;
}

.submenu_choice.active {
    color: white;
}

.subheader {
    text-transform: uppercase;
    font-size: 29px;
    line-height: 30px;
}

.darker-overlay .subheader {
    color: white;
}

.lighter-overlay .subheader {
    font-size: 25px;
    color: black;
    font-weight: 400;
    line-height: 100% !important;
}

.subheader b {
    font-weight: 700;
}

.subheadersub {
    text-transform: uppercase;
    font-size: 21px;  
    line-height: 100% !important;
}

.darker-overlay .subheadersub {
    color: #999;
}

.darker-overlay p {
    color: #999;
}


.footer_column {
    padding-left: 0px !important;
    padding-right: 0px !important;    
}

.footerline2 {
    background: #999;
}

.footer_column_inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.footer_column_inner .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.bigpicture {
    position:relative;
    margin-bottom: -28px;
}

.bigpicture2 {
    max-width: 500px;
    width: 100%; 
}

.bigheader {
    position:absolute;
    bottom: 40px;
    right: 6%;
}

@media (max-width: 599px) { 
    span.bigfont.small {
        font-size: 64px !important;  
        margin-bottom: 2px !important;
    }
    .bigfont {
        font-size: 72px !important;  
        margin-bottom: -1px !important;
    }    
    .littlefont { 
         font-size: 19px !important;
    }
}

@media (max-width: 900px) and (min-width: 600px) { 
    .bigfont {
        font-size: 86px !important;  
        margin-bottom: 6px !important;
    }
    .bigfont.small {
        font-size: 65px !important;  
        margin-bottom: 0px !important;
    }
    .littlefont { 
         font-size: 21px !important;
    }
}

.bigfont {
    font-family: 'Futura';
    text-align: right; 
    font-size: 98px;
    height: 56px;
    margin-bottom: 14px;
    float:right;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
}

span.bigfont.small {
    font-size: 76px;  
    margin-bottom: 1px;
}

.littlefont {
    text-transform: uppercase;
    float:right;
    margin-right: 20px;
    text-align: right;
    font-size: 24px;
    line-height: 22px;
    color: white;
}

.littlefont b {
    font-weight: 700;
    letter-spacing: -2px;
}

@media (max-width: 599px) { 
    .mobilespace {
        width: 100%;
        height: 20px;        
    }    
    
    #wrapper {
        width:  100% !important; 
    }
    
    #ftg-66 {
        display:none;
    }
    
    #ftg-1313 {
        display: none;
    }
}

.mobilespace {
    margin-bottom: 0px !important;
}

@media (min-width: 1024px) {
    
    #navigation {
        display:block !important;
        overflow: visible !important;
    }
    
    .team-text h3 span, ul#mainnav>li.current>a span, ul#mainnav>li.highlighted-state>a span {
        border-bottom: none;
        color: #444;
    }
    
    ul#mainnav li a { 
        margin: 0 0px;
        text-align: center;
    }
    
    .scrolled-header ul#mainnav li ul li a {
        background: #fff !important;
        color: #444 !important;
    }
    
    #mainnav .menu-item span {   
        font-weight: 400 !important;
        color: #444;
        font-size: 14px;
        text-transform: capitalize;        
        letter-spacing: 2px;
    }

    .scrolled-header .sf-menu ul {
        padding-top: 8px;
    }

    ul#mainnav li ul li a {
        background: white;
        font-weight: 300 !important;
        color: #444 !important;
        font-size: 14px !important;
        text-transform: capitalize !important;        
        letter-spacing: 2px !important;
        margin-left: -10px;
        width: 140px !important;
        padding: 5px 20px !important;
        line-height: 160%;
    }

    .scrolled-header ul#mainnav li a {
        font-weight: 400!important;
    }

    ul#mainnav li ul li {
        display: block;
        text-align: center;
    }
    
    html ul#mainnav li a {
        line-height: 18px;
    }
    
    #header .percent-one-fourth {
        width: 18% !important;
        margin-right: 0px;        
    }
    
    #header .percent-three-fourth {
        width: 82%;        
    }
}

@media (max-width: 1023px) { 
    #navigation {
        position: fixed;
        background: #fff;
        width: 88% !important;
        overflow: visible !important;
        padding: 22px;
        display: none;
        left: 4%;
        margin-top: 0px;
        z-index: 34000;    
        top: 0%;
    }

    .scrolled-header ul#mainnav li ul li a {
        font-size: 14px !important;
        padding: 0;
        font-weight: 400 !important;
    }

    .scrolled-header ul#mainnav li ul li a.active {
        color: #000 !important;
    }
    
    .scrolled-header ul#mainnav li ul {
        display: none !important;
    }

    .scrolled-header ul#mainnav li ul.active{
        display: block !important;
    }


    .scrolled-header ul#mainnav li ul li ul {
        display: none !important;
        margin-top: -2px;
    }

    ul#mainnav li ul li {
        border-top: none;
        float:left;
    }

    ul#mainnav li ul {
        margin-top: -6px;
        margin-bottom: 6px;
        float: left;
        min-height: 6px;
    }

    ul#mainnav li ul li ul li a {    
        padding: 0;
    }

    #mainnav .menu-item a {
        color: #444 !important;       
        font-size: 16px !important;
        float:left !important;
        width: 90%;
        padding: 4px 0;
    }
    
    #mainnav .menu-item a .active {
         color: #444 !important;    
    }

    #mainnav .menu-item span {
        color: #444 !important;   
        font-weight: 400 !important;
        font-size: 16px !important;
    }
    
    #mainnav .menu-item span .active {
         color: #000 !important;    
    }

    #mainnav .menu-item {
        border-top-color: #ccc !important;   
        border-bottom-color: #ccc !important;
        text-transform: uppercase;
    }

    .arrowdown {
        float:right;
        margin-top: 4px;
    }

    ul#mainnav li ul li .arrowdown {
        margin-top: 0px;
    }

    #mobile_menu_logo {
        float:left;
    }

    #close {
        color: #000;
        float: right;
        font-weight: 700;
    }
    
    .logo img {
        margin-left: 4px !important;
    }

    #socialmedia_menu {
        width: 100%;
        float: left;
        margin-top: 18px;
        height: 34px;
    }

    #socialmedia_menu img {
        margin-right: 20px;
    }

    #contact_menu {
        border-top: 1px solid #ccc;
        width: 100%;
        float: left;
        letter-spacing: -0.5px;
        font-size: 14px;
        font-weight: 600;
        color: #1d1d1d;
        padding-top: 8px;
    }    
}

.language-wrapper { 
   top: 29px;   
}

.team-text h3 span, ul#mainnav>li.current>a span, ul#mainnav>li.highlighted-state>a span {
    border-bottom: none;
}

.darker-overlay p a {
    color:white;
} 

.hide {
    display: none;
}

.social_footer {
    text-align:center;
    float: left;
    width: 100%;
}

.social_footer a {
    display: inline-block;
    margin-right: 20px;
}

.lang-item-jp {
    display:none;
}