@charset "utf-8";
/* CSS Document */

/* Fonts */ 
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-lig-webfont.eot');
    src: url('../fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-lig-webfont.woff') format('woff'),
         url('../fonts/lato-lig-webfont.ttf') format('truetype'),
         url('../fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol-webfont.eot');
    src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body  a:focus { text-decoration: none; outline:none;}
img.greyscale{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);}
img.greyscale:hover{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); cursor:pointer}
.ourteam img{margin:0 auto; text-align:center;}
.ourteam{margin:0 auto; text-align:center;}
.ourteam a{display:block; margin:0px atuo; text-align:center; color:#000; padding-top:20px; font-size:16px;}
.ourteam a span{display:block; margin-top:5px; color:#717171;}
.ourteam a:hover{color:#5c5c5c; text-decoration:none;}
.mar-top50{margin-top:50px;}
.mar-top100{margin-top:100px;}
.navbar-brand > img {margin:0 auto;}
.navbar-nav{float:none;}
.navbar-nav > li{float:none; display:inline-block; margin:0 15px 7px;}
.navbar-default{border-bottom:2px solid #ccc;}
.navbar-default .navbar-nav > li > a{font-size:16px; text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#aaaaaa;}
.navbar-default .navbar-nav>li>a{font-size:16px; padding:5px 7px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{background-color:#000;color:#fff;}
#top-tagline{overflow:hidden;}
.firsthalf{padding-top:160px; overflow:hidden;}
.knowmore{color:#e44b00; font-size:18px;}
.knowmore:hover{color:#000; text-decoration:none;}
.recent-work{border-bottom:1px solid #ccc; padding-bottom:50px;}
.recent-work p, .whatwedo-section-1 p, .whatwedo-section-4 p, .whatwedo-section-3 p,.whatwedo-section-2 p, .whatwedo p, .whoweare p{font-size:18px;line-height:26px;color:#000;}
.shaded-border{display:block; margin:50px auto;}
/* Who we are section*/
.recent-work h2,.ourwork h2, .ourteam h2, .whoweare h2{margin:40px auto;font-family:'latobold';}
.ourteam h2 img, .whoweare h2 img{margin:10px;}
.shortlink a{display:inline-block;font-size:20px;color:#e44b00;margin-right:20px;}
.shortlink {margin-top:20px;}
.shortlink a:hover{color:#000; text-decoration:none;}
.bx-wrapper .bx-pager{display:none}
#social-objectives{padding:100px 0px;}
#about{padding-bottom:0px;}
#brandinganddesign, #seams, #hcworldwide, #intangible-tourism, #art-pedagogy, #csr, #mission{ padding-top:100px;}

.internaltext p{font-size:18px; line-height:26px;}
.internaltext .knowmore{display:block; margin-top:5px;}
.internaltext strong{display:block; margin-bottom:5px;}
.news{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.news a.title{color:#000;}
.news a.title:hover{color:#000; text-decoration:none;}


/* what we do section*/
.member{border-radius:50%; width:78%; overflow:hidden;}
#whatwedo-section-3, #whatwedo-section-2, #whatwedo-section-4, #whatwedo-section-6{padding-top:0px}
.whatwedo h2{margin:40px auto;font-family:'latobold';}
.whatwedo h2 img{margin:10px;}
.shortnav{margin:40px auto; text-align:center;}
.shortnav li{ display:inline-block; margin-right:5px;}
.shortnav li a{font-size:18px; color:#000; text-decoration:none;}
.shortnav li a:hover{color:#8a8a8a}
.shortnav li:before {content: "• "; color: #000; font-size:20px; padding-right: 2px;}
.whatwedo{border-top:1px solid #ccc;}
.whatwedo h3{font-size:50px; color:#db0000; font-family:'latobold'; line-height:50px; margin-top:0px; border-bottom:4px solid #414143;}
.whatwedo h3 span{display:block; color:#6f6f6f; font-size:32px;}

/* What we do section 2*/
#whatwedo-section-1{padding:0px}
.whatwedo-section-1 h3, .whatwedo-section-4 h3, .whatwedo-section-3 h3, .whatwedo-section-2 h3{color:#6f6f6f; font-size:32px; margin-bottom:10px; font-family:'latobold'; line-height:42px;margin-top:0;}

/* Our Team */
#ourteam{background-color:#f5f5f5;padding-bottom:50px; margin-top:100px; padding:150px 0;}
.ourteam .col-lg-3 img{border:1px solid #ccc;}

/*what we do page*/
#topbanner{max-height:580px;}

.centerBlock h2{font-size:28px;font-family:'latoregular';margin-top:0; text-align:left; line-height:36px;}
.centerBlock h2 span{font-size:20px;font-family:'latoregular';margin-top:0; text-align:left;display:block; margin-bottom:15px; line-height:22px;}
.centerBlock p.internaltext{font-size:18px;line-height:26px;color:#000;margin:0px auto; text-align:left; }
.centerBlock p.internaltext.last{border-bottom:0px;}
.centerBlock p.internaltext strong{display:block; font-size:20px; margin-bottom:10px;}
.centerBlock ul{margin-left:0px; padding-left:20px; margin-top:20px;}
.centerBlock ul li{margin-bottom:10px; font-size:18px; line-height:26px;}
.centerBlock img{margin-top:15px; margin-bottom:15px;}
#topbanner img{width:100%;}

@media (max-width:400px) {
	.navbar-brand>img{width:70%;}
	#top-tagline h1{font-size:22px !important;}
	#top-tagline{padding-top:80px !important;}
    #about{padding-top:0px;}
	.whatwedo-section-1 h3, .whatwedo-section-4 h3, .whatwedo-section-3 h3, .whatwedo-section-2 h3{font-size:20px; line-height:26px; margin-top:20px;}
	.col-xs-12{margin:20px auto;}
}
section{overflow:hidden;}
/*header*/
#top-tagline h1{font-size:30px; margin:30px auto; width:82%;}
#top-tagline h1 span{font-family:'latoregular'}
/*header*/




/* Footer */
footer{border-top:1px solid #ccc; margin-top:50px; padding-top:10px}
footer .fl{float:left}
footer .fl p{font-size:12px; color:#767676; }
footer .fr{float:right}
footer .fr p{font-size:12px; color:#767676;}
footer .fr p a{color:#000;}
footer .fr p a:hover{color:#767676;}

/* Footer */