/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 9, 2017, 1:37:49 PM
    Author     : Your Name <praveenp at buzzbee.biz>
*/

/*@font-face {
    font-family: 'FuturaStdBook';
    src: url('../FUTURASTD-BOOK_0.OTF');
}
@font-face {
    font-family: 'FuturaStdHeavy';
    src: url('../FUTURASTD-HEAVY_0.OTF');
}
@font-face {
    font-family: 'FuturaStdBold';
    src: url('../FUTURASTD-HEAVY_0.OTF');
}*/


body{
    position: relative;
    color:#fff;
}
.no-padding
{
    padding: 0;
}
.overlay {
    position: absolute;
    opacity: 0.7;
    height: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    
}
.overlayBlack {
    position: absolute;
    /*opacity: 0.5;*/
    height: 100%;
    width: 100%;
    height: 100%;
    top: 0;
}
#menu {
   
    position: absolute;
    top: 0;
    bottom: 0;  
    left: 40px;
    /*margin: auto;*/

}
.navigation-mobile #menu li a {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
}
.colorbg
{
   width:20px;
   height: 40px;
   display: block;
}
.color-bar-wrapper {
    display: table;
}
.internal-page-nav .color-bar {
    /*position: fixed;*/
}
.color-bar {
    position: relative;
    z-index: 9999;
    background: #fff;
    padding-top: 0;
    display: table-cell;
    vertical-align: middle;
    opacity: 0;
}

.home-clr{
    background-color: #0083a9;
}
#mobile-menu li.home.menu-item {
    border-left: 15px solid #0083a9;
}
.story-clr{
    background-color:#7ab800;
}
#mobile-menu li.story.menu-item {
    border-left: 15px solid #7ab800;
}
.services-clr{
     background-color:#ca7700;
}
#mobile-menu li.services.menu-item {
    border-left: 15px solid #ca7700;
}
.work-clr{
    background-color:#00466D ;}

#mobile-menu li.work.menu-item {
    border-left: 15px solid #00466D;
}
.insight-clr{
     background-color:#003240 ;
}
#mobile-menu li.insights.menu-item {
    border-left: 15px solid #003240;
}
.people-clr{
     background-color:#5a245a  ;
}
#mobile-menu li.people.menu-item {
    border-left: 15px solid #5a245a;
}
.contact-clr{
     background-color:#018090 ;
}
#mobile-menu li.contact.menu-item {
    border-left: 15px solid #018090;
}
.career-clr{
     background-color:#626366 ;
}
#mobile-menu li.career.menu-item {
    border-left: 15px solid #626366;
}
.col-md-12.main-content {
    min-height: 115px;
}

.bgimg {
    display: table-cell;
    height: 100%;
    float: left;
    background-size: 100%;
}

.navigation-desktop {
    display: table-cell;
    vertical-align: top;
    position: relative;
    z-index: 9999;
}
.wrapper-table {
    display: table;
    height:100%;
}
.container-fluid
{
    position: absolute;
    height:100%;
}
.home-page {
    height: 100%;
    position: relative;
}
.navigation-desktop.internal-page-nav #menu {
    position: fixed;
}
#menu {
    position: absolute;
    z-index: 6666;
    color: #fff;
    display: table;
}
#menu-header-menu li {
    /*padding: 14px 0px 0;*/
    display: table;
    height: 40px;
}
.footer-wrapper-main.single-work {
    padding: 40px 50px 40px 50px;
}
.footer-wrapper-main {
    position: absolute;
    background-color: rgba(0,0,0,0.39);
    padding: 40px 50px;
    /*bottom: -30%;*/
    width: 100%;
}
.home-page .footer-wrapper-main{
    bottom: -12%;    
    padding: 40px 50px;
}
.story-service .footer-wrapper-main {
    bottom: 0;
}
.footer-wrapper-main.internal-page{
    background-color: transparent;    
}
.insights .overlayBlack{
    opacity: 0.39;
    left: 0;
}
.navigation-mobile .overlayBlack{
    display: none;
}
.footer-wrapper-main.insights .overlayBlack{
    left: 0;
}
.footer-wrapper-main.insights{
    background: #0083a9;
    bottom: 0;
    padding: 50px;
}
.footer-wrapper-main.insights,
.footer-wrapper-main.single-work{
    position: relative;
}
.insights #footer{
    position: relative;
}
.color-bar-wrapper {
    position: relative;
    
    /*top: 210px;*/
}
@media (min-width: 992px){
    .page-template-page-story .color-bar-wrapper,
    .page-template-page-service .color-bar-wrapper,
    .page-template-page-work .color-bar-wrapper,
    .page-template-page-people .color-bar-wrapper,
    .page-template-page-contact .color-bar-wrapper,
    .page-template-page-career .color-bar-wrapper,
    .page-template-page-insight .color-bar-wrapper,
    .work-template-default .color-bar-wrapper,
    .people-template-default .color-bar-wrapper,
    .insight-template-default .color-bar-wrapper {
        position: fixed;
    }
}
.insight-items .insight-single {
    padding-left: 50px;
    padding-right: 0;
    margin-left: 50px;
    width: 22%;
    border-left: 1px solid #fff;
}

.insight-items .insight-single:first-child {
    border-left: medium none;
}
.insight-items .insight-single:first-child{
    padding-left: 0;
    margin-left: 0;
}
.insight-items .insight-single:last-child{
    padding-left: 0;
}
.logo-wrapper a {
    display: block;
    text-align: right;
    margin-right: 50px;
}
.logo-internal-page {
    padding: 0;
    width: 270px;
}
/*.logo-home-page {
    display: table;
}*/
.logo-home-page aside.logo-wrapper { 
    /*margin-top: 102%;
    margin-top: -webkit-calc(100% + 10px);
    margin-top: -moz-calc(100% + 10px);    
    margin-top: calc(100% + 10px);*/
    display: table;
    opacity: 0;
    width: 100%;
}
.logo-home-page aside .logoHome {
    display: table-cell;
    vertical-align: middle;
}
aside.logo-wrapper img{
    max-width: 100%;
    width: 220px;
}
#mobile-menu aside.logo-wrapper {
    margin-top: 0;
}
.banner-link a {
    display: inline-block;
    color: #00808E;
    background: #fff;
    padding: 5px 20px;
    border-radius: 0px 10px 0px 10px;
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;    
}
.banner-subcontent {
    margin: 30px 0;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7em;
}
.banner-content h1 {
    font-size: 46px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
}
section#content {
   padding: 100px 20px 100px 130px;
/*    padding-left: 130px;
    padding-right: 20px;*/
}
.home-page .footer-wrapper-main h2 {
    margin-bottom: 30px;
}
.footer-wrapper-main h2 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;    
}
.insight-content a,
.insight-content a:active,
.insight-content a:focus,
.insight-content a:hover{
    color: #fff;
}
.menu-header-menu-container,.menu-header-menu-container .menu-header-menu {
    z-index: 999 !important;
    opacity: 2;
}

.insight-single .insight-content{
    font-size: 24px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
}
.insight-link a{
    font-size: 16px;
    color: #fff;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;    
}
.insight-link {
    margin-top: 10px;
}
.insight-link a:after,
.more-insight-link a:after{
    content: ">";
    font-family: futura-pt, sans-serif;
    font-size: 15px;
    margin-left: 5px;
    vertical-align: middle;
}
.footer-address:hover, 
.footer-address a:hover{
    text-decoration: none;
}

.backButton a:focus,
.backButton a:active,
.backButton a:hover{
    text-decoration: underline;
}

.backButton a,
.backButton {
    position: relative;
    z-index: 9;
    margin-top: 40px;
    color: #fff;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
}
.insights .backButton a{
    color: #0083a9;
}
.footer-address, 
.footer-address a{
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;    
    color: #fff;
}
.more-insight-link a {
    font-size: 16px;
    color: #fff;
    display: block;
    margin-top: 0;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;    
}
.footer-social-links img {
    width: 25px;
}
.footer-social-links a {
    display: inline-block;
}
.info-container .footer-social-links {
    margin-top: 0;
    margin-left: -10px;
}
.footer-social-links {
    margin-top: 20px;
}
/* Mobile Menu */
div#mobile-menu {
    position: relative;
    top: 0;
    z-index: 3;
}
div#mobile-menu img {
    width: 150px;
}
.hamburger-menu{
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 35px;
}
.hamburger-menu:focus,
.hamburger-menu:hover,
.hamburger-menu:active{
    color: #fff;
}

.navigation-mobile .header-container{
    border-bottom: 6px solid #fff;
    padding-bottom: 10px;
}
a.hamburger-menu {
    margin-top: 10px;
}
.menu-header-menu-container li a:active,
.menu-header-menu-container li a:focus,
.menu-header-menu-container li a:hover {
    text-decoration: none;
}
.menu-header-menu-container li a {
    color: #fff;
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
}
.navigation-mobile .menu-header-menu-container li a {
    color: #fff;
    font-size: 18px;
    padding: 10px;
    display: block;
}
.navigation-mobile .menu-header-menu-container {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.9);
    top: 0;
    display: none;
}
.menu-wrapper {position: relative;}
.menu-wrapper .close-button{
    background: none;
    border: medium none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    padding: 10px;
    display: none;
}
.menu-wrapper .close-button:active,
.menu-wrapper .close-button:focus{
    outline: none;
}
.menu-wrapper .close-button:after{
    content: "\2715";
    color: #fff;
    font-size: 16px;
    font-weight: 100;
}
.navigation-mobile .menu-header-menu-container li a:active,
.navigation-mobile .menu-header-menu-container li a:focus{
    color: #fff;
}
.navigation-mobile .menu-header-menu-container li a:hover{
/*    background: #fff;
    color:#00808E;*/
}
.navigation-mobile .menu-header-menu-container li:last-child a{
    border-bottom: medium none;
}
.navigation-mobile .menu-header-menu-container li a {
    color: #fff; 
    font-size: 14px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 11px 20px;
    display: block;
    /*border-bottom: 1px solid #444;*/
}
ul.menu {
    margin: 0;
    width: 130px;
}
.page-wrapper.insights {
    height: auto!important;
}
.story-service .page-wrapper {
    background-position: 0 -180px;
}
.page-wrapper {
    background-size: cover;
    min-height: 750px;
}
.contact-page .page-content .page-title {
    margin-bottom: 20px;    
}
.career-people .page-content .page-title {
    margin-bottom: 30px;
}
.main-content.insights .page-title {
    margin: 4.5% 0 0 7%;
}
.career-people.career .page-content .content-container {
    /*padding-bottom: 0;*/
}
.career-people .page-content .content-container {
    border-bottom: 2px solid #fff;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.career-people .tile-container .tiles {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid;
}
.career-people .page-content .tile-container a:active ,
.career-people .page-content .tile-container a:focus ,
.career-people .page-content .tile-container a:hover ,
.career-people .page-content .tile-container a{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.career.career-people .page-content .tile-container a{
    margin-bottom: 10px;
}
.career-people .page-content .tile-container .career-employment,
.career-people .page-content .tile-container .career-location{
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.career-people .page-content .tile-container .career-title{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.career-people .page-content .tile-container .career-excerpt{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
.career-people .page-content .tile-container a:after{
    content: ">";
    font-family: futura-pt, sans-serif;
    font-size: 15px;
    margin-left: 5px;    
    vertical-align: middle;
}
.career-people .page-content .tile-container {
    font-family: futura-pt, sans-serif;
    font-style: normal;

}
.story-service.contact-page .page-content .page-title {
    margin-bottom: 20px;
}
.story-service .page-content .page-title {
    margin-bottom: 30px;
}
.people .page-content .page-title{
    margin-bottom: 25px;
}
.page-content .page-title {
    font-size: 44px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 45px;
}
.contact-content-container .contact-title {
    font-size: 11px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px;
}
.contact-content-container .contact-content {
    font-size: 16px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
}
.contact-content-container .contact-address .contact-content{
    margin-bottom: 10px;
}
.info-container.contact-number .contact-content {
    /*margin-bottom: 0;*/
}
.contact-content-container a:active,
.contact-content-container a:hover,
.contact-content-container a:visited,
.contact-content-container a{
    color:#fff;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
}
.story-service #internal-content .content-container p:last-child {    
    margin-bottom: 0;
}
.story-service #internal-content .content-container p {    
    margin-bottom: 30px;
}
#internal-content .content-container p {
    margin-bottom: 35px;
}
.people-internal #internal-content .content-container p:first-child {
    margin-bottom: 0;
}
.work-people #internal-content .content-container p {
    margin-bottom: 20px;
}
.people #internal-content .content-container p {
    margin-bottom: 35px;
}
.career-people #internal-content .content-container p {
    margin-bottom: 30px;
}
.career-people #internal-content .content-container a:active ,
.career-people #internal-content .content-container a:focus ,
.career-people #internal-content .content-container a:hover ,
.career-people #internal-content .content-container a {
    color: #fff;
}
.content-container img {
    max-width: 100%;
}
.people-internal p.work-client {
    margin-top: 20px;
}
p.work-client {
    margin-top: 10px;
}
.work-people .page-content .content-container {
    padding-left: 0;
}
.page-content .content-container {
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7em;
    clear: both;
}
.gm-style-iw span {
    color: #000;
    font-size: 16px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
}
.story-service .page-content .content-container {
    font-size: 18px;
}
.internal-page-container.page-content{
    padding: 4%;
}
.story-service.contact-page .page-content {
    padding: 35px;
    width: 280px;
}
.story-service .page-content {
    padding: 30px 20px 35px 20px;
    margin: 95px 50px 0 70px;
    background: rgba(0,0,0,0.7);
}
.story-service .page-content p {
    margin-bottom: 20px;
}
/* Internal Page navigation */
.navigation-desktop #menu .menu-header-menu-container{
    position: relative;
    /*top: 210px;*/
    display: table-cell;
    vertical-align: middle;
    opacity: 0;
}
.navigation-desktop.internal-page-nav #menu{
    /*opacity: 0;*/
    left: -150px;
    z-index: 999;
/*    -webkit-animation: fadeOut 1s forwards;  Safari 4+ 
    -moz-animation:    fadeOut 1s forwards;  Fx 5+ 
    -o-animation:      fadeOut 1s forwards;  Opera 12+ 
    animation:         fadeOut 1s forwards;  IE 10+, Fx 29+ 
    animation-duration: 1s;
    animation-name: fadeOut;  
    animation-fill-mode: forwards;*/
}
.navigation-desktop.internal-page-nav #menu-wrapper{
    /*opacity: 1;*/
    position: fixed;
    left: -150px;
    background: rgba(0,0,0,0.8);
    width: 130px;
    z-index: 999;
    top: 0;
/*    -webkit-animation: fadeOut 1s forwards;  Safari 4+ 
    -moz-animation:    fadeOut 1s forwards;  Fx 5+ 
    -o-animation:      fadeOut 1s forwards;  Opera 12+ 
    animation:         fadeOut 1s forwards;  IE 10+, Fx 29+ 
    animation-duration: 1s;
    animation-name: fadeOut;  
    animation-fill-mode: forwards;*/
}

.navigation-desktop.internal-page-nav #menu-header-menu li {
    /*padding: 8px 20px 7px 20px;*/
    padding-left: 20px;
    padding-right: 20px;
}
.navigation-desktop.internal-page-nav .color-bar-wrapper{
    cursor: pointer;
}
/*.navigation-desktop.internal-page-nav:hover #menu,
.navigation-desktop.internal-page-nav:hover #menu-wrapper,
.navigation-desktop.internal-page-nav #menu-wrapper.hoverClass,
.navigation-desktop.internal-page-nav #menu:hover, 
.navigation-desktop.internal-page-nav #menu-wrapper:hover, 
.navigation-desktop.internal-page-nav #menu-wrapper:hover + #menu, 
.navigation-desktop.internal-page-nav .color-bar:hover ~ #menu, 
.navigation-desktop.internal-page-nav .color-bar:hover ~ #menu-wrapper{
    -webkit-animation: fadeIn 1s forwards;  Safari 4+ 
  -moz-animation:    fadeIn 1s forwards;  Fx 5+ 
  -o-animation:      fadeIn 1s forwards;  Opera 12+ 
  animation:         fadeIn 1s forwards;  IE 10+, Fx 29+ 
    animation-duration: 1s;
    animation-name: fadeIn;  
    animation-fill-mode: forwards;
}*/
@-webkit-keyframes fadeIn {
  from   { left: -150px; }
  to  { left: 20px; }
}
@-webkit-keyframes fadeOut {
  from   { left: 20px; }
  to  { left: -150px; }
}
.insights .logo-internal-page img {
    margin-bottom: 35px;
}
.logo-internal-page img {
    width: 60%;
    margin-top: 35px;
}

/* Work landing page */
.work-image img{
    max-width: 100%;
}
.tile-container .work-single {
    padding-left: 0;
}
.tile-container .section-title{
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
}
.tile-container .section-title {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 4px solid #fff;
    margin-bottom: 20px;
}
.footer-address p {
    margin: 0;
}
.contact-address .contact-content ~ p{
    margin-bottom: 10px;
}
.career-people.footer-wrapper-main,
.work-people.footer-wrapper-main{
    position: relative;
    padding-top:0;
    bottom: 0px;
}
.work-people.footer-wrapper-main{
    padding-top:15px;
}
.career-people .main-content{
    position: relative;
}
/*.internal-page .page-wrapper,*/
.work-people.page-wrapper{
    /*height: auto !important;*/
     height: auto;
}
.insights.insight-internal .page-content{
        padding: 65px 8% 45px 8%;
}
.insight-internal .featured-image{
    padding: 0;
}
.insight-internal.insights .featured-image .page-title {
    margin-top: 45px;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 36px;
    color:#0083a9;
}
.insight-internal .page-content .mid-page .content-container p:last-child{
    margin-bottom: 0;
}
.share-icon img{
    margin-right: 5px;
    vertical-align: middle;
}
.share-icon{
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    padding: 0;
    display: inline-block;
    width: 6%;
}
.share-container .separator-div {
    height: 1px;
    width: 92%;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5%;
}
.share-container{
    cursor: pointer;
}
section#internal-content {
    padding: 0;
}
.contact-page #internal-content {
    display: table;     
}
.insight-internal .page-content .mid-page .content-container p{
    margin-bottom: 35px;
}
.insight-internal .page-content .mid-page .content-container {
    font-size: 18px;
    padding-left: 0;
    margin-top: 35px;
}
.featured-image .image-content {
    max-height: 500px;
    overflow: hidden;
    text-align: center;
}
.insights .page-content.internal-page-container{
        padding: 100px 50px;
}
.featured-image .image-content img {
    max-width: 100%;
}
.people-internal .desktop{
    display: block;
}
.people-internal .mobile{
    display: none;
}
.people-internal .page-title.mobile {
    margin-top: 30px;
    font-size: 24px;
}
.people-internal p.work-client.mobile {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 19px;
}
.people-internal p.work-client.mobile {
    font-size: 16px;
}
p.work-client {
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
}
.work-people .page-content.internal-page-container{
    padding: 95px 50px 0 70px;
}

.page-content.internal-page-container{
    padding: 95px 50px 0 70px ;
}
.people .work-title{
    margin-top: 20px;
}
.work-title{
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}
.page-template-page-work .work-company{
    font-size: 12px;
}
.work-company{
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}
.tile-container .work-single,
.tile-container .people-single{
    margin-right: 4%;
    margin-bottom: 40px;
    width: 30.66%;
    padding: 0;
}
.people .tile-container .people-single{
    margin-bottom: 25px;
}
.tile-content:last-child .people-single:last-child{
    margin-bottom: 0;
}
.tile-container .people-single{
    padding: 0;
}
.tile-container .work-single:nth-child(3n),
.tile-content .people-single:nth-child(3n){
    margin-right: 0;    
}
.internal-page-container .page-title, .internal-page-container .tile-container{
    padding: 0;
}
.work-internal #internal-content {
    margin: 0 30px 0 70px;
    /*margin-top: 33px;*/
    /*width: 94.6%;*/
}
.mid-page .gallery-container, .mid-page img {
    padding-left: 0;
}
.mid-page .content-container {
    padding-right: 0;
}
.page-content .mid-page .content-container {
    font-size: 18px;
    padding-left: 50px;
    line-height: 1.7em;
}
.people-internal .mid-page {
    margin-top: 20px;
}
.work-internal .page-title {
    margin-bottom: 0;
}
.work-internal .mid-page {
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
}
.insight-internal .mid-page {
    margin-top: 0;
    min-height: 470px;
}
.mid-page {
    margin-top: 40px;
}
.image-large img {
    width: 100%;
    padding: 0;
}
.gallery-container .image-caption{
    padding-left: 0;
}
.image-large .image-caption{
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;    
    margin-top: 20px;
}
.people-internal .image-large .image-caption{
    margin-bottom: 0;
}
.people-internal .image-large {
    margin-bottom: 20px;
}
.image-large {
    margin-bottom: 40px;
}
.work-people.page-wrapper{
    background-size: cover;
}
.gallery-container img{
    cursor: pointer;
}
.slick-slider .slick-track .slick-slide:active,
.slick-slider .slick-track .slick-slide:focus,
.slick-slider .slick-track .slick-slide:hover {
    outline: none;
}
.slick-slider .slick-track .slick-slide {
    display: inline-block;
    /*max-height: 100px;*/
    height: auto;
    vertical-align: middle;
    min-width: auto !important;
}
/*.slick-track,*/
/*.gallery-wrapper,*/
.work-image{
    overflow: hidden;
}

.carousel-container img {
        margin-right: 5px;
    /* box-sizing: border-box !important; */
    /* border-right: 0px solid transparent; */
    /*padding-right: 10px;*/
}
.gallery-container.gallery-carousel {
    /*overflow: hidden;*/
}
.mid-page > .gallery-container{
    padding-right: 0;
}
a.thickboxLink img.imageLink{
    cursor: default;
}
a.thickboxLink{
    display: block;
    cursor: default;
}
.slick-prev.slick-arrow:active, 
.slick-next.slick-arrow:active,
.slick-prev.slick-arrow:focus, 
.slick-next.slick-arrow:focus,
.slick-prev.slick-arrow:hover, 
.slick-next.slick-arrow:hover{
    outline: none;
}
button.slick-next.slick-arrow {
    position: absolute;
    font-size: 0;
    z-index: 9999;
    width: 16px;
    height: 32px;
    background-color: transparent;
    border: medium none;
    background-image: url(../images/arrow-right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 28%;
    left: 102%;
    left: -webkit-calc(100% + 8px);
    left: -moz-calc(100% + 8px);    
    left: calc(100% + 8px);
    z-index: 700;
}
button.slick-prev.slick-arrow {
    position: absolute;
    top: 28%;
    right: 102%;
    right: -webkit-calc(100% + 8px);
    right: -moz-calc(100% + 8px);    
    right: calc(100% + 8px);
    font-size: 0;
    z-index: 9999;
    width: 16px;
    height: 32px;
    background-color: transparent;
    border: medium none;
    background-image: url(../images/arrow-left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 700;
}
#TB_iframeContent video {
    width: 100%;
}
#TB_iframeContent {
    width: 100% !important;
}
.main-content.insights #internal-content .insight-lever a,
.main-content.insights #internal-content{
    color: #282828;
}
.main-content.insights .page-title {
    margin: 4% 0 27px 50px;
    padding: 0;
    font-size: 44px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.insights .page-title-wrapper{
    background: #0083a9;
    position: relative;
}
.insight-icon img{
    width: 150px;
}
.insight-icon {
    width: 10%;
    padding: 0;
}
.insight-content .insight-title a{
    font-weight: 700;
    font-size: 36px;
    color: #0083a9;
    line-height: 1.3em;
    font-family: futura-pt, sans-serif;
    font-style: normal;
}
.insight-content .insight-excerpt{
    font-weight: 400;
    font-size: 18px;
    color: #282828;
    padding: 20px 0 10px 0;
    line-height: 1.7em;
}
.insight-content .insight-lever:after{
    content: ">";
    font-family: futura-pt, sans-serif;
    font-size: 15px;
    margin-left: 5px;   
    vertical-align: middle; 
}
.insight-content .insight-lever{
    font-weight: 700;
    font-size: 18px;
    color: #282828;
}

.tiles .insight-content {
    padding: 0;
    width: 87%;
    margin-left: 3%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    margin-top: -10px;
}
.insights .tile-container .tiles {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
}

.insights .tile-container .tiles:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: medium none;
}
.navigation-mobile .page-title{
    display: none;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
}
/* Related Projects section */
section.relatedProjects {
    padding: 0 50px;
    overflow: auto;
    margin-bottom: 65px;
}
.project-container article a:hover,
.project-container article a:focus,
.project-container article a:active,
.project-container article a {
    display: block;
    text-decoration: none;
    color: #282828;
    margin-top: 10px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
}
.project-container article p{
    text-align: left;
}
.project-container article {
    padding-left: 45px;
    padding-right: 45px;
    border-right: 1px solid #282828;
    text-align: center
}
.project-container article:first-child {
    padding-left: 0;
}
.project-container article:last-child {
    padding-right: 0;
    border-right: 0;
}
.project-container article img {
    max-width: 100%;
    max-height: 200px;
    overflow: hidden;
}
.relatedProjects .related-title {
    color: #0083a9;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 35px;
}
/* Social Sharing section */
.a2a_kit > a span{
    display: none !important;
}
.content-container .addtoany_share_save_container {
    background: #005068;
    overflow: auto;
    display: inline-block;
    padding: 5px 5px 8px 5px;
    position: absolute;
    margin: 0;
    top: 104%;
    top: -webkit-calc(100% + 30px);
    top: -moz-calc(100% + 30px);    
    top: calc(100% + 30px);
    left: 25px;
    display: none;
    z-index: 9;
}
a[title='Twitter'] {
    margin-left: 5px;
}
a[title='Google Plus'] img{
    width: 21px;
    margin-left: 10px;    
}
a[title='Pinterest'] img{
    width: 21px;
    margin-left: 8px;    
}
a[title='Instagram'] img {
    width: 21px;
    margin-left: 8px;
}
.a2a_kit .a2a_button_facebook{
    background: url('../images/footer/facebook.png');
}
.a2a_kit .a2a_button_twitter{
    background: url('../images/footer/twitter.png');
}
.a2a_kit .a2a_button_linkedin{
    background: url('../images/footer/linkedin.png');
}
.a2a_kit > a:hover,
.a2a_kit > a:active,
.a2a_kit > a:visited,
.a2a_kit > a:focus{
    text-decoration: none;
}

.a2a_kit .a2a_button_email:after{
    content: '@';
    color: #fff;
    font-size: 27px;
    font-weight: 800;
}
.a2a_kit > a{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}
/* Sort Functionality */
.sort-container {
    position: relative;
    overflow: auto;
    margin-bottom: 30px;
}

select.sort-category:focus {
    outline: none;
    background: #fff;
    background-image: url(../images/close.png);
    background-size: 12px;
    background-position: 96%;
    background-repeat: no-repeat;
    padding-right: 25px;
    padding-left: 10px;
}
select.sort-category option{
    border: medium none;
    display: block !important;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 700;
    outline: none;
    line-height: 2em;
}
select.sort-category {
    border: medium none;
    padding: 5px 10px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    outline: none;

    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;    
    background-image: url(../images/down_arrow.png);
    background-size: 20px;
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 25px;            
            
}
/* hover over links change in opacity */
.tile-container a.block-elements:hover,
.insight-title a:hover,
.insight-lever a:hover,
.content-container a:hover,
.career-lever a:hover,
.info-container a:hover,
.footer-social-links a:hover,
.more-insight-link a:hover,
.menu-item a:hover,
.banner-link a:hover,
.insight-link a:hover{
    opacity: 0.8;
}


/* change select appearance */
select::-ms-expand {
    display: none;
    border: medium none;
}
.home-page .banner {
    display: table;
}
.home-page .banner-data {
    display: table-cell;
    vertical-align: middle;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    .navigation-desktop.internal-page-nav #menu-wrapper,
    .navigation-desktop.internal-page-nav #menu{
/*        opacity: 0;
        visibility: hidden;*/
        left: -150px;
    }

    .navigation-desktop.internal-page-nav .color-bar:hover ~ #menu-wrapper,
    .navigation-desktop.internal-page-nav .color-bar:hover ~ #menu{
/*        visibility: visible;
        opacity: 1;*/
        left: 20px;
    }
.navigation-desktop.internal-page-nav:hover #menu,
.navigation-desktop.internal-page-nav:hover #menu-wrapper,
.navigation-desktop.internal-page-nav #menu-wrapper.hoverClass,
.navigation-desktop.internal-page-nav #menu:hover, 
.navigation-desktop.internal-page-nav #menu-wrapper:hover, 
.navigation-desktop.internal-page-nav #menu-wrapper:hover + #menu, 
.navigation-desktop.internal-page-nav .color-bar:hover ~ #menu, 
.navigation-desktop.internal-page-nav .color-bar:hover ~ #menu-wrapper{
        /*opacity: 1;*/
        left: 20px;
    }
}

/**INSIGHT VIMEO VEDIO IFRAME START**/

#vedio-container iframe {
   width: 100%;
   max-width: 640px;
}
@media (min-width: 320px) and (max-width: 479px) {
    #vedio-container iframe {
            min-height: 170px;
    }
}
@media (min-width: 480px) and (max-width: 639px) {
    #vedio-container iframe {
            height: 270px;
    }
}
@media (min-width: 640px) {
    #vedio-container iframe {
            min-height: 360px;
    }
}

/**INSIGHT VIMEO VEDIO IFRAME END**/

/**CONTACT COLLAPSE ICON START**/
.contact-collapse {
    
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: 0.7s easy-in-out;
    float: right;
    font-size: 20px;
    cursor: pointer;
    padding: 15px 10px;
    display: inline-block;
    position: relative;
    top: -13px;
}
.collapse-arror-up {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media (min-width: 992px) {
    #wpgmza_map{
        z-index: 0;
    }
    .contact-collapse {
        display: none;
    }
    .contact-content-container {
        display: block !important;
    }
    .story-service.contact-page .page-content {
        margin: 0;
        /*position: fixed;
        top: 211px;
        left: 70px;*/
    }
    .page-content-one {
        padding-left: 70px;
        opacity: 0;
        z-index: 1;
        position: relative;
    }
}
.page-content-one {
    display: table-cell;
    vertical-align: middle;
}
/**CONTACT COLLAPSE ICON END**/

/**MENU MOBILE SCROLL CSS START**/
@media (max-height: 480px) and (max-width: 991px) {
    .menu-header-menu-container {
        height: 207px;
        overflow-y: auto;
    }
    .menu-header-menu-container::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset #87d76b;
        background-color: #87d76b;
        border: 1px solid #87d76b;
    }

    .menu-header-menu-container::-webkit-scrollbar
    {
        width: 5px;
        background-color: #87d76b;
    }

    .menu-header-menu-container::-webkit-scrollbar-thumb
    {
        background-color: #228B22;
        border: 1px solid #228B22;
        border-radius: 10px;
    }
}

.people-template-default .gallery-container img {
    cursor: default;
} 
.single-work .image-large img {
    max-width: 100%;
}
a {
    outline:none;
} 
.logo-home-page aside.logo-wrapper img {
    width: 190px;
    max-width: 190px;
/*    max-width: 100%;*/
} 
.story-service .content-container {
    margin-bottom: 30px;
}
.content-columns .column1, .content-columns .column2,
.content-columns .column3 {
    padding: 0;
    padding-right: 20px;
}
.content-columns .heading a {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    font-family: futura-pt, sans-serif;
}
.content-columns .service-content {
    padding: 20px 0 10px 0;
}
.content-columns .service-content ul {
    list-style: disc;
    padding-left: 20px;
/*    line-height: 1.8;*/
}
.content-columns .service-content li{
/*    list-style-type:none;*/
    line-height: 1.7;
}
.content-columns .service-content li:before {
/*    content: '\2022';*/
    font-size: 40px;
/*    line-height: 34px;
    vertical-align: middle;*/
    color: #f9fcff;
    border-radius: 7px;
/*    margin-right: 15px;*/
}
.content-columns .service-content li {
    font-size: 18px;
    color: #f9fcff;
    font-family: futura-pt, sans-serif;
}
@media (max-width: 991px){
    .content-columns .heading a  {
        font-size: 16px;
        text-decoration: underline;
    }
    .content-columns .service-content li  {
        font-size: 14px;
    }
    .story-service .footer-wrapper-main.services {
        position: relative !important;
        margin: 0;
    }
    .home-page .footer-wrapper-main {
        margin-top: 50px !important;
    }
    .page-content-one {
        position: fixed;
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1010px){
    .home-page .logo-wrapper,  
    .page-content-one {
        opacity: 1 !important;
/*        padding-top: 125px !important;
        vertical-align: top;*/  
    }
    .color-bar,.menu-header-menu-container {
        opacity: 1 !important;
    }
    .logo-home-page .logo-wrapper a {
        margin-right: 30px;
    }
}
/*@media screen and (min-width:0\0) {
    .logo-home-page aside.logo-wrapper img {
        max-width: 55%;
    }
    .logo-wrapper a{
        margin-right: 0;
    }
}*/

@media (min-width: 992px) {
    .home-page .banner {
        opacity: 0;
    }
    body.home .logo-wrapper {
        min-height: 460px;
    }
    #header{
        width:20px;
    }
}
/**HOME PAGE LOGO RESPONSIVENESS CSS START**/

/**HOME PAGE LOGO RESPONSIVENESS CSS START**/

@media (min-width: 992px) and (max-width: 1008px) {
    .home-page .banner {
        opacity: 1 !important;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
/*    .logo-home-page aside.logo-wrapper { 
            margin-top: 190% !important;
    }*/
    .content-columns .heading {
        padding-right: 80px;
    }
    .logo-wrapper a {
        margin-right: 30px;
    }
}
@media (min-width: 1100px) and (max-width: 1199px) {
/*    .logo-home-page aside.logo-wrapper { 
            margin-top: 200% !important;
    }*/
    .content-columns .heading {
        padding-right: 120px;
    }
}
@media (min-width: 1100px) and (max-width: 1365px) {
    .banner-content h1 {
        font-size: 54px;
    }
}
@media (min-width: 1366px) {
    .banner-content h1 {
        font-size: 72px;
    }
    .banner-subcontent {
        font-size: 20px;
    }
    .banner-link a {
        font-size: 20px;
        padding: 8px 38px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
/*    .logo-home-page aside.logo-wrapper { 
            margin-top: 200% !important;
    }*/
    .content-columns .heading {
        padding-right: 44px;
    }
}
@media (min-width: 1400px) and (max-width: 1600px) {
/*    .logo-home-page aside.logo-wrapper { 
        margin-top: 125%;
        margin-top: -webkit-calc(100% + 50px);
        margin-top: -moz-calc(100% + 50px);    
        margin-top: calc(100% + 50px);
    }*/
    .content-columns .heading {
        padding-right: 80px;
    }
}
@media (min-width: 1601px) and (max-width: 1700px) {
/*    .logo-home-page aside.logo-wrapper { 
        margin-top: 121%;
        margin-top: -webkit-calc(100% + 50px);
        margin-top: -moz-calc(100% + 50px);    
        margin-top: calc(100% + 50px);
    }*/
    .content-columns .heading {
        padding-right: 80px;
    }
}
@media (min-width: 1701px) and (max-width: 1800px) {
/*    .logo-home-page aside.logo-wrapper { 
        margin-top: 96%;
        margin-top: -webkit-calc(92% + 10px);
        margin-top: -moz-calc(92% + 10px);    
        margin-top: calc(92% + 10px);
    }*/
    .content-columns .heading {
        padding-right: 110px;
    }
}
@media (min-width: 1801px) {
/*    .logo-home-page aside.logo-wrapper { 
        margin-top: 90%;
        margin-top: -webkit-calc(86% + 10px);
        margin-top: -moz-calc(86% + 10px);    
        margin-top: calc(86% + 10px);
    }*/
    .content-columns .heading {
        padding-right: 120px;
    }
}

/**HOME PAGE LOGO RESPONSIVENESS CSS END**/
/*
@media (min-width: 991px){
    .work-internal .footer-wrapper-main {
        position: absolute !important;
        bottom: 0 !important;
    }
}
*/