@font-face {
	font-family: 'Roboto';
	src: url('/fonts/RobotoWeb-Light.eot');
	src: url('/fonts/RobotoWeb-Light.eot?#iefix')
		format('embedded-opentype'), url('fonts/RobotoWeb-Light.woff2')
		format('woff2'), url('fonts/RobotoWeb-Light.woff') format('woff'),
		url('fonts/RobotoWeb-Light.ttf') format('truetype'),
		url('fonts/RobotoWeb-Light.svg#RobotoWeb-Light') format('svg');
	font-weight: 300;
	font-style: normal;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/RobotoWeb-Regular.eot');
        src: url('fonts/RobotoWeb-Regular.eot?#iefix')
            format('embedded-opentype'), url('fonts/RobotoWeb-Regular.woff2')
            format('woff2'), url('fonts/RobotoWeb-Regular.woff') format('woff'),
            url('fonts/RobotoWeb-Regular.ttf') format('truetype'),
            url('fonts/RobotoWeb-Regular.svg#RobotoWeb-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/RobotoWeb-Bold.eot');
        src: url('fonts/RobotoWeb-Bold.eot?#iefix')
            format('embedded-opentype'), url('fonts/RobotoWeb-Bold.woff2')
            format('woff2'), url('fonts/RobotoWeb-Bold.woff') format('woff'),
            url('fonts/RobotoWeb-Bold.ttf') format('truetype'),
            url('fonts/RobotoWeb-Bold.svg#RobotoWeb-Regular') format('svg');
        font-weight: bold;
        font-style: normal;
    }
    *{
        margin :0;
    }
    html, body {
        height: 100%;
    }
    body {
        font-family: 'Roboto';
        background-color: #f8f8f8 !important;
        font-size: 20px;
        color: #444444;
        font-weight: lighter;
        height: 100vh;
    }
    h1{
        color:#1263AB;
        font-weight: normal;
        font-size: 32px;
    }
    footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
    }
    header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
    }
    
    /* overlay styles, all needed */
    .overlay {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background-color: #ffffff;
        display: none;
        z-index: 10;
    }
    /* just some content with arbitrary styles for explanation purposes */
    .modal {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        top: 0%; 
        margin-top: -100px;
        margin-left: -150px;
        text-align: center;
        z-index: 11; /* 1px higher than the overlay layer */
    }
    h2.main,h2.sub-main{
        font-size: 28px;
        font-weight: normal;
    }

    h2.main{
        color: #30AD4A;
    }

    h2.sub-main{
        color: #1B6DB4;
    }

    h3{
        font-size: 24px;
        color: #1B6DB4;
    }
    h4{
        color: #444444;
        font-weight: normal;
    }
    .greenlink {
        color: #30AD4A !important;
    }
    .green {
        color: #30AD4A !important;
    }
    .contentpad {
        padding-top: 15px;
        padding-left: 86px;
        padding-right: 86px;
        padding-bottom: 25px;
    }
    .action{
        display:block;
        margin:100px auto;
        width:100%;
        text-align:center;
      }
      .action a {
        display:inline-block;
        /* padding:5px 10px;  */
        text-decoration: none;
        font-size: 20px;
      }
    .inactive {
        background-color: #D7DFE2 !important;
    }
    .nav-link.active {
        color: #1B6DB4 !important;
        font-weight: bold;
        font-size: 20px;
    }
    .active-nav {
        background-color: #00A5E8 !important;
    }
    .navtext {
        font-weight: normal !important;
        color: #1B506B !important;
        font-size: 20px;
    }
    .active-navtext {
        font-weight: normal !important;
        color: #ffffff !important;
        font-size: 20px;
    }
    .navbutton-border {
        border-left: 1.5px solid #f8f8f8;
        border-right: 1.5px solid #f8f8f8;
        border-bottom:3px solid #f8f8f8;
    }
    .mobile-padtop-15 {
        padding-top: 0px;
    }
    .mobile-padbt-15 {
        padding-bottom: 0px;
    }
    .head-banner {
        width: 100%;
        height: 134px;
        background: linear-gradient(to right, #1b506b, #1c532d);
    }
    .copyright-bar {
        width:100%;
        background-color: #1B506B;
        color: #F2F1F1;
        text-align: center;
    }

    .faq-question:after {
        content: url('images/greena-down.png');
      }

      .faq-question.open:after {
        content: url('images/greena-up.png');
      }

      .hidden {
        display: none;
      }

      h1 {
        margin-bottom: 2em;
      }

      .container {
        width: 90%;
        max-width: 900px;
        margin: 0 auto;
      }

      .bottomnav {
        overflow: hidden;
        display:none;
    }
    .slider.slider-for.slick-initialized.slick-slider{
        height: auto !important;
        /* max-height: 500px; */
    }
    .slick-slide.slick-current.slick-active{
        height: auto !important;
    }
    .slider.slider-for{
        height: auto !important;
    }
    .slick-track{
        height: auto !important;
        display: flex;
        align-items: stretch; 
        justify-content: center;
    }

        .slick-slide{
            display: flex;
            height: auto;
        }
    .slick-track::before{
        height: auto !important;
    }
    .slick-list.draggable{
        height: auto !important;
    }
    .innocontent.innocontentlimiter {
        height: auto !important;
        padding-top: 0px !important;
    }
    .innocontentlimiter {
        height: auto !important;
        /* width: auto !important; */
        max-height: 231px !important;
        /* max-width: 830px !important; */
    }
    .nav-content-separator {
        height: 34px;
    }
    .bottom-separator {
        height: 80px;
    }
    .bottomnav a {
        display: inline-block;
        color: #ffffff;
        /* background-color: #00A5E8; */
        text-align: center;
        padding: 5px;
        text-decoration: none;
        font-weight: normal;
        font-size: 20px;
    }

    .bottomnav a:hover {
        /* background-color: #1484b8; */
        color: #ffffff !important;
    }

    .bottomnav .icon {
        display: none;
    }

    .copyright-text {
        padding-top:7px;
        padding-bottom:7px;
        color: #b0c1c9;
        font-size: 14px;
    }
    .padding-top10 {
        padding-top: 10px;
    }
    .pl-14 {
        padding-left: 14px;
    }
    .contentbox-padding {
        padding-top:15px;
        padding-right: 95px;
        padding-bottom:0px;
        padding-left: 95px;
    }
    .contentbox-padding-bt {
        padding-top:0px;
        padding-right: 95px;
        padding-bottom:0px;
        padding-left: 95px;
    }
    .align-center {
        text-align: center !important;
    }
    .align-left {
        text-align: left !important;
    }
    .padtop50 {
        padding-top: 50px;
    }
    .padbot10 {
        padding-bottom: 10px;
    }
    .align-right {
        text-align: right !important;
    }
    .content-subheader {
        color: #30AD4A;
        font-size: 28px;
    }
    .content-subheadercenter {
        text-align: center;
        color: #30AD4A;
        font-size: 28px;
    }
    .background-header {
        background: url("images/header.jpg") center center no-repeat;
        width: 100%;
        height: 100%;
    }
    .page-wrap{
        min-height: 100%;margin-bottom: -41px;
    }
    .page-wrap:after {
      content: "";
      display: block;
    }
    .dropbtn {
        background-color: #D7DFE2;
        color: #1B506B !important;
        font-size: 20px;
        border: none;
        cursor: pointer;
    }
    .dropdown-item.active {
        background-color: #D7DFE2;
        color: #1B506B !important;
    }
    .dropdown-menu-title {
        font-size: 20px;
        padding-bottom:0px !important;
    }
    .whoarewe-year {
        color:#1B6DB4;
        font-size:20px;
    }
    .threelogospad{
        padding-left: 45px;
        padding-right: 0px;
    }
    .whoarewe-text {
        font-size:20px;
        font-weight: lighter;
    }
    .pic-padbottom {
        padding-bottom: 5px;
    }
    .valign-top {
        vertical-align:top;
    }
    .valign-middle {
        vertical-align: middle;
    }
    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        will-change: transform;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        display: none;
        height: 50px;
        background-color: #fff;
      }
      .mobile-bottom-nav__item {
        flex-grow: 1;
        text-align: center;
        font-size: 12px;
        display: none;
        flex-direction: column;
        justify-content: center;
      }
      .mobile-bottom-nav__item--active {
        color: red;
      }
      .mobile-bottom-nav__item-content {
        display: none;
        flex-direction: column;
      }
    .waw-tg {
        max-width: 100%;
        height: auto;
    }
    .waw-jtg {
        max-width: 100%;
        height: auto;
    }
    .waw-sr {
        max-width: 100%;
        height: auto;
    }
    .valign-baseline {
        vertical-align: baseline;
    }
    .cultural-content {
        padding-left: 30px;
    }
    .fontsize24 {
        font-size:24px;
    }
    .fontsize20 {
        font-size:20px;
    }
    .boldfont {
        font-weight: bold;
    }
    .normalfont {
        font-weight: normal;
    }
    .activeyear {
        color: #1B6DB4 !important;
        font-weight: bold;
        font-size: 24px;
    }
    .timeline-link {
        text-decoration: none;
        color:#444444;
    }
    .index-link {
        text-decoration: none;
        color:#444444;
    }
    .words-separator {
        padding-left: 10px;
        padding-right: 10px;
    }
    .pic-width {
        width:100%;
    }
    .pic-height {
        height:100%;
        max-width: 282px;
        max-height: 283px;
    }
    .align-center {
        text-align: center;
    }
    .pic-maxwidthCultureCareer {
        max-width: 248px;
    }
    .inno-picwidth {
        max-width: 606px;
    }
    .pad-top {
        padding-top: 60px;
    }
    .padtop8 {
        padding-top: 8px;
    }
    .padtop16 {
        padding-top: 16px;
    }
    .inno-padleft {
        padding-left: 10px
    }
    .inno-padright {
        padding-right: 10px
    }
    .pan {
        padding: 0px !important;
    }
    .innocontent {
        padding-top: 15px;
        padding-left: 6px;
        padding-right: 6px;
        padding-bottom: 25px;
    }
    .padleft150padright150 {
        padding-left: 150px;
        padding-right: 150px;
    }
    .productscontent {
        margin-left:150px;
        margin-right:150px;
    }
    .marn {
        margin: 0px;
    }
    .padtop0padbottom0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav-item-c {
        width: 30px;
        height: 30px;
        text-align: center;
    }
    .menu-arrow-image {
        max-width: 17px !important;
        max-height: 20px !important;
    }
    .menu-contact-image {
        max-width: 48px !important;
        max-height: 38px !important;
    }
    .menu-career-image {
        max-width: 48px !important;
        max-height: 50px !important;
    }
    .menu-culture-image {
        max-width: 48px !important;
        max-height: 41px !important;
    }
    .navitemtab {
        padding: 0px 5px 5px 5px;
    }
    .rotate {
        transform: rotate(180deg);
    }
    .pointer {
        cursor: pointer;
    }
    .borderline-length {
        height:20px !important;
        padding-bottom: 0px !important;
    }
    .borderline-height {
        padding: 5px !important;
        line-height: 0.5 !important;
    }
    .tab-pane {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padleft0 {
        padding-left: 0px;
    }
    .indicator-separator {
        border-right: 1px solid #444444;
    }
    .picwidth {
        max-width: 712px;
        width:712px;
    }
    .picwidth606 {
        max-width: 606px;
        width: 606px;
    }
    .width66{
        width:66px;
    }
    .backgroundcolorf1f2f3{
        background-color: #f1f2f3;
    }
    .padtopbottom15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .padbottom10 {
        padding-bottom: 10px !important;
    }
    .padbt10DTpadbt20MB {
        padding-bottom: 10px !important;
    }
    .padtop47 {
        padding-top: 47px;
    }
    .padleft53 {
        padding-left: 53px;
    }
    .marginleft50 {
        margin-left: 50px;
    }
    .padtop30 {
        padding-top: 30px;
    }
    .width389{
        width: 389px;
    }
    .padtopbottom10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pad30 {
        padding: 30px;
    }
    .padleftright86 {
        padding-left: 86px;
        padding-right: 86px
    }
    .marginleftright86 {
        margin-left: 86px;
        margin-right: 86px;
    }
    .fa-angle-down {
        vertical-align: middle;
    }
    .picture-contact {
        background-image:url('images/map.jpg');
        background-repeat:no-repeat;
        background-position: center;
        height: 300px;
        width: 100px;
        margin:  0 auto;
        border: 1px solid #e6e6e6;
    }
    .nav-link {
        padding: 6px;
    }
    .marginauto {
        margin:  0 auto;
    }
    .display_inline_block {
        display: inline-block;
    }
    .marginleftright1point5 {
        margin-left: 1.5px;
        margin-right: 1.5px;
    }
    .mar-lr-1point5 {
        margin-left: 1.5px;
        margin-right: 1.5px;
    }
    .navdisplay {
        display: table;
        margin: 0 auto;
    }
    .imgresponsive2006 {
        width: auto;
        height: 139px;
    }
    #backTotop {
      display: inline-block;
      position: fixed;
      bottom: 50px;
      right: 30px;
      z-index: 99;
      font-size: 18px;
      border: none;
      outline: none;
      background-color: #09b9e4;
      color: white;
      cursor: pointer;
      padding: 10px 19px 10px 19px;
      border-radius: 4px;
    }
    #backTotop:hover {
      background-color: #1484b8;
    }
    .padrightD15padrightM0 {
        padding-right: 15px;
    }
    .imgresponsive {
        width: 100%;
        max-width: 606px;
        height: auto;
    }
    .production-imgresponsive {
        width:446px;
        height: auto;
    }
    .contacting {
        width: 606px;
        height: 349px;
    }
    .youtuberesponsive {
        width: 100%;
        max-width: 606px;
        height: auto;
    }

    .imgsmallresponsive {
        max-width:100%;
        height: auto;
    }

    .pointerresponsive {
        max-width: 35%;
        height: auto;
    }

    .martopbottom10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .dropdown {
        float: left;
        overflow: hidden;
    }
    .hiddenDTshowMD {
        display: none !important;
    }
    .hiddenMDshowDT {
        display: inline !important;
    }
    .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }
    .responsiveness {
        max-width: 100%;
        height: auto;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        z-index: 1;
    }

    .dropdown-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

    .culturecontentalign {
        text-align: left !important;
    }
    .margin-right-0 {
        margin-right: 0px !important;
    }

    /* Add a black background color to the top navigation */
    .topnav {
        overflow: hidden;
    }
    .leftheader {
        text-align: left;
        padding-left:40px;
    }
    .rightheader{
        text-align: right;
        padding-top:5px;
        padding-right:0px;
    }
    /* Style the links inside the navigation bar */
    .topnav a {
        float: left;
        display: block;
        color: #1B506B;
        background-color: #D7DFE2;
        text-align: center;
        padding: 6px 44px;
        text-decoration: none;
        font-weight: normal;
        font-size: 20px;
    }

    /* Change the color of links on hover */
    .topnav a:hover {
        background-color: #1484b8;
        color: #ffffff !important;
    }

    /* Add an active class to highlight the current page */
    .marginleftright1point5.active {
        background-color: #00A5E8 !important;
        color: #ffffff !important;
    }
    /* Hide the link that should open and close the topnav on small screens */
    .topnav .icon {
        display: none;
    }
    /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
    @media screen and (max-width: 1024px) {
        .topnav a:not(.active) {display: none;}
        .topnav a.icon {
        float: right;
        display: block;
        }
    }

  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
    @media screen and (max-width: 1024px) {
        .topnav.responsive {
            position: relative;
            float: none;
            display: block;
            text-align: left;
        }
        .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
        }
        .topnav{
            background-color: #00A5E8;
        }
        .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        }
        .marginleftright1point5 {
            margin: 0px;
        }
        .navdisplay {
            display: block;
            margin: auto;
        }
        .threelogospad {
            padding-left: 0px;
        }
        .imgresponsive {
            width: auto;
            height: 164px;
        }
        .imgresponsive2006 {
            width: auto;
            height: 139px;
        }
        .production-imgresponsive {
            width:223px;
            height: auto;
        }
        .youtuberesponsive {
            width: 100%;
            max-width: 303px;
            height: auto;
        }
        .imgsmallresponsive {
            max-width: 100%;
        }
        .innocontent {
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
        }
        .careercontent {
            padding-left:0px;
            padding-right:0px
        }
        .culturecontent {
            padding-left:50px;
            padding-right:100px
        }
        .productscontent {
            margin-left:0px;
            margin-right:0px;
        }
        .mobilepadrightzero{
            padding-right: 0px !important;
        }
        .marginleftright1point5.active {
            background-color: #00A5E8 !important;
            color: #ffffff !important;
        }
        .culturecontent {
            padding-left:25px;
            padding-right:50px
        }
        .culturecontentalign {
            text-align: center !important;
        }
        .contacting {
            width: auto;
            max-width: 303px;
            max-height: 175px;
        }
        .padrightD15padrightM0 {
            padding-right: 0px;
        }
        .background-header {
            background: url("images/header.jpg") left no-repeat;
            background-position: 13%;
            background-size: 500% auto;
            width: 100%;
            height: 100%;
        }
        .picture-contact {
            background-position: 50% 75%;
        }
        .topnav a.icon{
            padding: 6px 12px;
        }
        .leftheader {
            text-align: center;
            padding-left:10px;
        }
        .rightheader {
            display: none;
        }
        .contentbox-padding {
            padding-top:15px;
            padding-right: 40px;
            padding-bottom:0px;
            padding-left: 40px;
        }
        .contentbox-padding-bt {
            padding-top:0px;
            padding-right: 0px;
            padding-bottom:0px;
            padding-left: 0px;
        }
        .padbt10DTpadbt20MB {
            padding-bottom: 20px !important;
        }
        .hiddenDTshowMD {
            display: inline !important;
        }
        .hiddenMDshowDT {
            display: none !important;
        }
        .bottomnav {
            overflow: hidden;
            display: inline-block;
        }
        .bottomnav.responsive {
            position: relative;
            float: none;
            display: inline-block;
            text-align: left;
        }
        .bottomnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
        }
        .bottomnav{
            background-color: #f8f8f8;
        }
        .bottomnav.responsive a {
        float: none;
        display: inline-block;
        text-align: left;
        }
        .bottomnav a.icon{
            padding: 6px 12px;
        }
        .mobile-bottom-nav {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            will-change: transform;
            -webkit-transform: translateZ(0);
                    transform: translateZ(0);
            display: flex;
            height: 50px;
            border-top:1px solid #dbdfe3;
            background-color: #fff;
          }
          .mobile-bottom-nav__item {
            flex-grow: 1;
            text-align: center;
            font-size: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
          }
          .mobile-bottom-nav__item--active {
            color: red;
          }
          .mobile-bottom-nav__item-content {
            display: flex;
            flex-direction: column;
          }
          header {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
        }
        /* button.slick-prev.slick-arrow {
            display:none !important;
        }
        button.slick-next.slick-arrow {
            display:none !important;
        } */
        /* overlay styles, all needed */
        .overlay {
            position: fixed;
            left: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            background-color: #ffffff;
            display: block;
            z-index: 10;
        }
        /* just some content with arbitrary styles for explanation purposes */
        .modal {
            width: 100%;
            height: 100%;
            display: block;
            position: fixed;
            top: 0%; 
            margin-top: -100px;
            margin-left: -150px;
            text-align: center;
            z-index: 11; /* 1px higher than the overlay layer */
        }
        #backTotop {
            display: none !important;
        }
        .innocontent.innocontentlimiter {
            height: auto !important;
            padding-bottom: 0px;
            padding-left: 40px;
            padding-right: 40px;
        }
        .innocontentlimiter {
            height: auto !important;
            width: auto !important;
            max-height: 290px !important;
            /* max-width: 300px !important; */
            overflow: auto;
        }
        .mobile-padtop-15 {
            padding-top: 15px;
        }
        .mobile-padbt-15 {
            padding-bottom: 15px;
        }
        .nav-content-separator {
            height: 17px;
        }
        .bottom-separator {
            height: 80px;
        }
    }
    @media (min-width: 1200px){
        .container {
            max-width: 1010px;
        }
    }
    @media (max-width: 400px){
      .imgresponsive {
          width: 100%;
          max-width: 295px;
          height: auto;
      }
    }