/*
Theme Name: GreyStone 2014
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'SohoGothicPro-Light';
    src: url('fonts/SohoGothicPro-Light/SohoGothicPro-Light.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-Light/SohoGothicPro-Light.otf')  format('opentype'),
        url('fonts/SohoGothicPro-Light/SohoGothicPro-Light.woff') format('woff'), 
        url('fonts/SohoGothicPro-Light/SohoGothicPro-Light.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-Light/SohoGothicPro-Light.svg#SohoGothicPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothicPro-Regular';
    src: url('fonts/SohoGothicPro-Regular/SohoGothicPro-Regular.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-Regular/SohoGothicPro-Regular.otf')  format('opentype'),
        url('fonts/SohoGothicPro-Regular/SohoGothicPro-Regular.woff') format('woff'), 
        url('fonts/SohoGothicPro-Regular/SohoGothicPro-Regular.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-Regular/SohoGothicPro-Regular.svg#SohoGothicPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothicPro-Bold';
    src: url('fonts/SohoGothicPro-Bold/SohoGothicPro-Bold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-Bold/SohoGothicPro-Bold.otf')  format('opentype'),
        url('fonts/SohoGothicPro-Bold/SohoGothicPro-Bold.woff') format('woff'), 
        url('fonts/SohoGothicPro-Bold/SohoGothicPro-Bold.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-Bold/SohoGothicPro-Bold.svg#SohoGothicPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothicPro-ExtraBold';
    src: url('fonts/SohoGothicPro-ExtraBold/SohoGothicPro-ExtraBold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-ExtraBold/SohoGothicPro-ExtraBold.otf')  format('opentype'),
        url('fonts/SohoGothicPro-ExtraBold/SohoGothicPro-ExtraBold.woff') format('woff'), 
        url('fonts/SohoGothicPro-ExtraBold/SohoGothicPro-ExtraBold.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-ExtraBold/SohoGothicPro-ExtraBold.svg#SohoGothicPro-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothicPro-Italic';
    src: url('fonts/SohoGothicPro-Italic/SohoGothicPro-Italic.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-Italic/SohoGothicPro-Italic.otf')  format('opentype'),
        url('fonts/SohoGothicPro-Italic/SohoGothicPro-Italic.woff') format('woff'), 
        url('fonts/SohoGothicPro-Italic/SohoGothicPro-Italic.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-Italic/SohoGothicPro-Italic.svg#SohoGothicPro-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothicPro-LightItalic';
    src: url('fonts/SohoGothicPro-LightItalic/SohoGothicPro-LightItalic.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-LightItalic/SohoGothicPro-LightItalic.otf')  format('opentype'),
        url('fonts/SohoGothicPro-LightItalic/SohoGothicPro-LightItalic.woff') format('woff'), 
        url('fonts/SohoGothicPro-LightItalic/SohoGothicPro-LightItalic.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-LightItalic/SohoGothicPro-LightItalic.svg#SohoGothicPro-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SohoGothicPro-Medium';
    src: url('fonts/SohoGothicPro-Medium/SohoGothicPro-Medium.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-Medium/SohoGothicPro-Medium.otf')  format('opentype'),
        url('fonts/SohoGothicPro-Medium/SohoGothicPro-Medium.woff') format('woff'), 
        url('fonts/SohoGothicPro-Medium/SohoGothicPro-Medium.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-Medium/SohoGothicPro-Medium.svg#SohoGothicPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SohoGothicPro-Thin';
    src: url('fonts/SohoGothicPro-Thin/SohoGothicPro-Thin.eot?#iefix') format('embedded-opentype'),  
        url('fonts/SohoGothicPro-Thin/SohoGothicPro-Thin.otf')  format('opentype'),
        url('fonts/SohoGothicPro-Thin/SohoGothicPro-Thin.woff') format('woff'), 
        url('fonts/SohoGothicPro-Thin/SohoGothicPro-Thin.ttf')  format('truetype'), 
        url('fonts/SohoGothicPro-Thin/SohoGothicPro-Thin.svg#SohoGothicPro-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Body part Start*/
body { color: #444; font: 14px "SohoGothicPro-Regular";}
.container { padding: 0 15px;}
a { color: #111; outline: none; border: none;}
a:hover { text-decoration: none;}
.align-center { text-align: center;}
.align-right { text-align: right;}
.bg-layer { background-image: url("images/top-shadow.png"); background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}
.bg-layer.layer-bottom { background-position: center bottom;}
.bg-layer.layer-left { background-image: url("images/left-shadow.png"); background-position: left top; background-size: auto auto;}

/* Header */
#header { background: #FFF; border-top: 6px solid #82a182; box-shadow: 0 -2px 18px #000000;}
#header { position: absolute; top: 0px; left: 0; right: 0; transition: top 0.25s linear; z-index: 99999; min-height: 57px;}
#header .fixed-logo { display: none;}
#header.fixed { position: fixed; top: 0px; border: none;}
#header.fixed .main-logo { display: none;}
#header.fixed .fixed-logo { display: block;}
.header-inner { position: relative;}
.logo-wrapper { position: absolute; left: 50%; margin-left: -85px; top: 0px; z-index: 99;}
.logo-mobile { display: none; }
#header.fixed .logo-wrapper { margin-left: -72px; margin-top: 14px;}
.main-menu ul { padding: 0px; list-style: none; margin:0px;}
.main-menu ul li { float: left; width: 20%; height: 57px; line-height: 57px; padding:0px;}
.main-menu ul li:hover > ul.sub-menu {display: block;}
.main-menu ul li a { color: #111111; text-transform: uppercase; letter-spacing: 1px;}
.main-menu ul li a:hover { color: #82a182;}
.main-menu ul li.home-menu a { display: none;}
.main-menu .sub-menu { display: none; width: 170px;}
.main-menu ul ul { background: #FFF; position: absolute; right: -116px; top: 57px; box-shadow: 0px 2px 8px #ccc;}
.main-menu ul ul li { float: none; text-align: left; width: 100%; padding: 0 15px; line-height: 40px; height: 40px; border-bottom: 1px solid #cfcfcf; font-size: 12px;}

/* About */
h3.page-title { margin: 0px;}
h3.page-title strong {font: 24px "SohoGothicPro-Bold"; text-transform: uppercase; margin-left: 32px;}
h3.page-title span { background: url("images/aboutus.png") no-repeat left top; color: #fff; font: 24px/50px "SohoGothicPro-Bold"; min-height: 78px; min-width: 136px; position: relative; display: inline-block; text-align: center; text-transform: uppercase; z-index: 9;}
h3.page-title-fancy { margin: 15px 0 20px; line-height: 140%; padding-bottom: 12px; border-bottom: 1px solid #444444;}
.section-home { margin-top: 57px;}
.section-about { padding: 0 0 70px;}
.section-about h3.page-title { margin: 0 0 16px;}
.section-about-info { background: #eaeaea; padding: 40px 0; }
.section-about-info h2 { color: #6c755a; font-size: 18px; margin: 0px; line-height: 120%; font-family: SohoGothicPro-Bold; text-align: right;}
.section-about-info p {  font-size: 12px; line-height: 160%; margin: 0px;}
.address2 h2 {
    /*color: #696f6f;*/
    /*margin-top: 10px;*/
}
.section-about-info .abt-phone { background: url(images/abt-phone-icon.png) no-repeat left center; padding-left: 25px;}
.section-about-info .abt-fax { background: url(images/abt-fax-icon.png) no-repeat left center; padding-left: 25px;}

.section-team { padding: 60px 0 ; }
.section-team h3.page-title { color: #8ca07b; font: 32px "SohoGothicPro-Bold"; margin: 0 0 15px; text-align: left; text-transform: uppercase; padding: 0 25px;}
.section-team .tab-content { padding: 0px;}
.section-team .nav-tabs li { width: 100%; margin: 0 10px 8px; padding: 0px;}
.section-team .nav-tabs li a { height: 24px; line-height: 24px;}
.tab-content-wrapper { min-height: 370px; padding: 0 20px;}
.about-left h3 { margin: 0 0 15px; color: #8ca07b; font: 32px "SohoGothicPro-Bold"; text-transform: uppercase; text-align: right;}
.about-left h3 span { color: #444; font: 32px/32px "SohoGothicPro-Light"; display: block;}
.about-right h3 {color: #737d7e; font: 36px/40px "SohoGothicPro-Light"; margin: 6px 0 28px; width: 90%;}
.gpd-team-full { background: #edf0e9; padding: 30px; display: inline-block; width: 100%; margin: 50px 0 100px; position: relative;}
.gpd-team-full .gpd-team-title {color: #90a178; font: 28px "SohoGothicPro-Bold"; margin: 0px;}
.gpd-team-full .gpd-team-content { padding-top: 60px;}
.bio-image { margin-top: 5px; padding: 0 0 0 20px; width: 100%;}
.bio-image img { width: auto; max-width: 100%; box-shadow: 0 0 10px #cccccc; padding: 3px;}
.nav-tabs li { width: 100%; padding: 0 0 8px 0; text-align: left;}
.nav-tabs li a { color: #636362; font-family:"SohoGothicPro-Light"; font-size: 14px; }
.tab-content { padding-left: 40px;}
.tab-content h3 { color: #444444; font-family: "SohoGothicPro-Regular"; font-size: 20px; font-weight: bold; letter-spacing: 0; margin: 0 0 35px;}

.section-team .teamCatNav .nav-tabs { margin: 6px 0 0;}
.section-team .teamCatNav .nav-tabs li { display: inline-block; width: auto; margin: 0 !important;}
.section-team .teamCatNav .nav-tabs li a { display: block; color: #909f78; background: #FFF; border-radius: 8px; padding: 0 10px; height: 38px; line-height: 38px; font-size: 16px; margin: 0 6px 5px; outline: none !important;}

.section-team .teamCatNav .nav-tabs li.active a {color: #FFF; background: #909f78;}
.section-team .teamCatNav .nav-tabs li:hover a {color: #FFF; background: #dce1d5;}

/* Projects */
.section-projects { background-color: #7E9090; padding: 50px 0;}
.section-projects .page-title {color: #ffffff; font: 28px "SohoGothicPro-Bold"; padding: 0 0 50px; text-transform: uppercase; margin: 0px;}
.project-block { text-align: center; position: relative; margin-bottom: 20px;}
.project-block .project-image { position: relative; background: url("images/project-blocks-shadow.png") no-repeat center bottom; padding-bottom: 18px;}
.project-block .project-image img { width: auto; max-width: 100%; height: auto; /*min-height: 186px;*/ box-shadow: 0 0 10px #333333;}
.project-block .project-title h3 { margin: 0px; color: #FFF; font: 14px/20px "SohoGothicPro-Light";}
.project-block .project-title h3 b {font-family: "SohoGothicPro-Medium" }
.project-block .project-title span {display: block; font-size: 12px; font-style: italic;}
.project-block .project-image .project-link { position: absolute; width: 100%; height: 100%; top: 0px; text-align: center; display: none;}
.project-block .project-image .project-link a { background-color: rgba(0, 0, 0, 0.3); border: 1px solid #fff; color: #fff; display: block; font: 12px "SohoGothicPro-Bold"; margin: 28% auto 0; padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; width: 75%; line-height: 100%; max-width: 170px; z-index: 999;}
.project-block .project-image:hover .project-link {display: block;}

/* News Page */
.section-news h3.page-title span {background: url("images/news.png") no-repeat scroll left top;}
.section-news h3.page-title { margin: 0 0 55px;}
.news-content { margin-bottom: 46px;}
.nav-tabs.tabs-right { padding-right: 15px;}
.nav-tabs.tabs-right li { text-align: right;}
.tabs-right.nav-tabs > li.active > a, 
.tabs-right.nav-tabs > li.active > a:hover, 
.tabs-right.nav-tabs > li.active > a:focus {color: #90A178;}
.tabs-right.nav-tabs > li > a:hover { color: #90A178;}
.tab-content h1 { font: 20px/24px "Times New Roman"; text-transform: uppercase; margin: 0 0 10px;}
.tab-content h2 { font: 28px "SohoGothicPro-Regular" !important; margin: 0 0 10px;}
.tab-content h4 { color: #535353;line-height: 140%;}
.tab-content .post-content h1 { color: #888888; font: 26px/34px "SohoGothicPro-Light"; text-transform: none; margin: 0 0 35px;}
.social-block { margin: 15px 0 35px;}
.post-image { margin: 0 0 20px;}
.post-image img { max-width: 100%; width: auto;}
.news-link { text-align: right; margin: 10px 0 0;}
.news-link a { border: 1px solid #88A27F; color: #88A27F; display: inline-block; font: 12px/28px "SohoGothicPro-Medium"; height: 30px; padding: 0 15px; text-transform: uppercase; text-decoration: none !important;}
.news-content .nav-tabs.tabs-right { max-height: 400px; overflow-y: scroll;}

/* GPD Coverage */
.section-gpd-coverage { background-color:#88A27F; padding: 35px 0;}
.section-gpd-coverage h1.page-title { color: #fff; font: 22px/24px "SohoGothicPro-Bold"; text-transform: uppercase; margin: 0px; height: 44px; line-height: 44px;}
.read-article { text-align: right;}
.read-article a { color: #444; font: 13px/13px "SohoGothicPro-Regular"; text-transform: uppercase; height: 44px; line-height: 44px; background: #AEC99B; padding: 0 20px; display: inline-block;}
.gpd-blocks { margin-top: 55px;}
.gpd-item h3.item-title { border-left: 1px solid #ffffff; font: 20px/26px "SohoGothicPro-Light"; padding: 0 0 7px 20px; margin: 0 0 40px;}
.gpd-item h3.item-title span { width: 100%; display: block;}
.gpd-item .gpd-desc { color: #FFF; font: 14px "SohoGothicPro-Light"; padding-right: 10px;}
.gpd-item .learn-more { display: block; margin-top: 25px;}
.gpd-item .learn-more a { border: 1px solid #fff; color: #fff; font: 12px "SohoGothicPro-Medium"; padding: 0 15px; text-transform: uppercase; height: 30px; line-height: 28px; display: inline-block;}
.section-gpd-coverage .press-enquiry p {background: url("images/enquiry-icon.png") no-repeat left center; height: 33px; line-height: 33px; padding-left: 54px; color: #FFF; margin: 50px 0 0;}
.section-gpd-coverage .press-enquiry a { color: #FFF; font-weight: bold; font-style: italic;}
.section-gpd-coverage .press-enquiry a:hover { color: #111;}

/* Careers */
.section-careers { background: #7E9090; padding: 0 0 45px;}
.section-careers h3.page-title { margin-bottom: 12px;}
.section-careers p {color: #fff; font: 24px/34px "SohoGothicPro-Light"; padding-left: 25px;}
.careers-page-link { text-align: right;}
.careers-page-link a { border: 1px solid #fff; color: #fff; font: 13px "SohoGothicPro-Medium"; padding: 0 20px; text-transform: uppercase; height: 38px; line-height: 36px; display: inline-block;}

/* Footer */
.section-footer { padding: 35px 0;}
.section-footer p { margin: 15px auto 10px;}
.section-footer .footer-col-address,
.section-footer .footer-col-links,
.section-footer .footer-col-phone { text-align: center;}
.section-footer .footer-col-address, 
.section-footer .footer-col-phone { font-family: "Georgia";}
.section-footer .footer-col-phone p { background: url("images/phone.png") no-repeat left center; color: #8da17c; padding-left: 25px;width: 115px; max-width: 100%;}
.section-footer .footer-col-links a { color: #8da17c; font-size: 13px; line-height: 100%; display: block;}
.section-footer .footer-col-links a:hover { color: #111;}
#scrollToTop { display: none;}
#scrollToTop a { background: url('images/scroll-top-icon.png') no-repeat center center rgba(0, 0, 0, 0.3); height: 50px; width: 50px; border-radius: 5px; position: fixed; bottom: 20px; right: 20px;}
#scrollToTop a:hover {background-color: rgba(0, 0, 0, 0.6);}

/* Inner Page */
.page-inner #header .main-logo {display: none;}
.page-inner #header .fixed-logo {display: block;}
.page-inner #header .logo-wrapper {margin-left: -72px; margin-top: 14px;}

/*.full-width-page { position: relative; z-index: -1;}*/
.full-width-page .container {width: 100%;}
.full-width-page .col-lg-4 {padding: 0px;}
.gpd-left-full {background: #a6bca6; height: 100%; padding: 84px 0 20px; /*z-index: -1;*/}
.gpd-right-full {height: 100%; padding: 84px 0 20px;}
.gpd-left-full .nav-tabs li a {color: #FFF;}
.gpd-left-full .nav-tabs > li.active > a, 
.gpd-left-full .nav-tabs > li.active > a:hover, 
.gpd-left-full .nav-tabs > li.active > a:focus{ font-size: 16px; color: #FFF;}
.gpd-left-full .tabs-right.nav-tabs > li > a:hover { font: 16px "SohoGothicPro-Medium"; color: #FFF;}
h3.page-title.gpd-heading {font: 24px/30px "SohoGothicPro-Medium"; color: #FFF; text-align: right; padding-right: 15px; margin-bottom: 90px; text-transform: uppercase;}
.fancybox-close { background: url("images/fancybox-close.png") no-repeat right center; height: 32px; width: 32px; right: 10px; top: 10px;}
.proj-wrapper { display: inline-block; width: 100%;}
.proj-gallery {box-shadow: 0 0 10px #000000;}
.proj-left { float: left; width: 68%;} 
.proj-right { float: right; width: 28%; margin: 0 2%;} 
.proj-bottom .proj-navi { float: left; width: 68%;}
.proj-bottom .proj-link {float: right; width: 28%; margin-right: 15px; text-align: right;}
.proj-link a { height: 36px; border: 2px solid #494949; color: #494949; font: 12px/32px "SohoGothicPro-Bold"; display: inline-block; padding: 0 15px; text-transform: uppercase; border-radius: 3px; text-decoration: none !important;}
.proj-link a:hover { color: #494949; }
.proj-bottom {float: left; width: 100%; margin: 15px 0 10px;}
.nav-links a { height: 32px; display: block; color: #333; font: 12px/32px "SohoGothicPro-Bold"; margin: 0 12px; text-transform: uppercase; text-decoration: none !important;}
.nav-links a[rel="prev"] { float: left; background: url(images/nav-prev.png) no-repeat left center; padding-left: 47px;}
.nav-links a[rel="next"] { float: right; background: url(images/nav-next.png) no-repeat right center; padding-right: 47px;}
.proj-wrapper .proj-title { margin: 30px 0 15px; color: #A8B79B; font:30px/34px "SohoGothicPro-Light";}
.proj-wrapper .proj-title span {font-size: 24px; font-style: italic; display: block;}
.proj-logo { text-align: center; margin: 15px 0 10px;}
.proj-logo { max-width: 100%; width: auto;}
.org-img { width: 100%; text-align: center;}
.org-img img { margin: 12% 0;}
#owl-project .item img { width: 100%;}
#owl-project .owl-item .item { width: 100%;}
#owl-project { position: relative;}
#owl-project.owl-theme .owl-controls { position: absolute; right: 12px; bottom: 12px;}
#owl-project.owl-theme .owl-controls .owl-buttons div {margin: 0px; padding: 0px; height: 40px; width: 41px; opacity: 1;border-radius: 0px;} 
#owl-project.owl-theme .owl-controls .owl-buttons .owl-prev { background: url('images/owl-prev.png') no-repeat left top;}
#owl-project.owl-theme .owl-controls .owl-buttons .owl-next { background: url('images/owl-next.png') no-repeat left top;}
#owl-project .owl-pagination { display: none;}
#owl-project.owl-theme .owl-controls .owl-buttons div.owl-middle { float:left; background: none; color: #999999; font: 24px/40px "SohoGothicPro-Light"; width: 56px; text-align: center;}
#owl-project .owl-prev { float:left;}
#owl-project .owl-next { float:right;}
.section-term h3.page-title span { background: url('images/title-bg.png') no-repeat left top; padding: 0 15px; min-height: 56px;}
.section-404 h3.page-title span { background: url('images/title-bg.png') no-repeat left top; padding: 0 15px; min-height: 56px;}
.inner-page-content h3 { font: 18px "SohoGothicPro-Medium";}
.tp-caption.mediumlarge_light_white { font-family: "SohoGothicPro-Bold" !important; text-shadow: 0 2px 2px #111 !important;}
.tp-caption.green { font-family: "SohoGothicPro-Regular" !important; text-shadow: 0 2px 2px #111 !important;}
.tp-caption.light-green { font-family: "SohoGothicPro-Medium" !important; text-shadow: 0 2px 2px #111 !important;}
.tp-caption.medium_light_white { font-family: "SohoGothicPro-Light" !important; text-shadow: 0 2px 2px #111 !important;}
.tp-caption.small_light_white { font-family: "SohoGothicPro-Regular" !important; text-shadow: 0 2px 2px #111 !important;}
.fancybox-overlay {z-index: 999999;}
.fancybox-opened { z-index: 9999999;}
.project-close-btn { display: none;}
.plink-mobile { display: none !important;}

@media (max-width:1200px) {
    .section-team h3.page-title { font-size: 28px; padding: 0px;}
}

@media (max-width:800px) {
    .about-left h3 { font: 25px "SohoGothicPro-Bold";}
    .about-left h3 span { font: 25px/25px "SohoGothicPro-Light";}
}

@media (max-width:767px) {
    #header {position: fixed;}
    #header.fixed { border-top: 6px solid #82a182;}
    .logo-wrapper { display: none !important;}
    .logo-mobile { display: block; left: 31px; position: absolute; top: -1px;}
    .navbar-header { margin: 0 30px 0 0; width: 32px;}
    .navbar-toggle { padding: 0px; border: none; background: none; margin:0px;}
    .header-inner { margin: 16px 15px 0; position: relative;}
    .main-menu { margin-top: 18px; background: #8a9694; margin: 15px -30px 0; padding: 0 30px; background-image: url("images/top-shadow.png"); background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}
    .main-menu ul li { width: 100%; text-align: left !important; border-bottom: 1px solid #9aa4a2; display:inline-block;}
    .main-menu ul li.home-menu { display: none;} 
    .main-menu ul li { height: 75px; line-height: 75px;}
    .main-menu ul li a { color: #FFF; font-size: 14px; letter-spacing: 2px;}
    .main-menu ul li a:hover, .main-menu ul li.active a, .main-menu ul li a:focus { color: #FFF; font-family: "SohoGothicPro-Medium";}
    .main-menu .sub-menu { width: 100%; display: none !important;}
    .main-menu ul ul { position: relative; top: -1px; left: 0px; box-shadow: none; background: #8A9694;}
    .main-menu ul ul li { width: 100%; padding: 0 15px; font-size: 12px;}
    .about-left h3, .about-left h3 span { font-size: 28px; line-height: 28px; text-align: left;}
    .section-about-info h2 { text-align: left; margin-bottom: 15px;}
    .section-about-info .about-address, 
    .section-about-info .about-contacts { margin-bottom: 15px;}
    .section-team h3.page-title { margin: 0 0 30px !important;}
    .section-team .nav-tabs li { padding: 0px 10px !important; margin: 0; width: auto;}
    .section-team .nav-tabs li a { height: 30px; line-height: 30px; padding: 0 15px; font-size: 14px;}
    .section-team .bio-image { width: 200px; margin: 0 auto 20px;}
    .tab-content-wrapper { min-height: 100px;}
    .gpd-team-full {margin: 30px -15px 10px; padding: 0 15px; background: none; width: auto;}
    .bg-layer.layer-left { background-image: none;}
    .tab-content { padding: 0px;}
    .gpd-team-full .gpd-team-content { padding-top: 10px;}
    .nav-tabs { background: url(images/down-arrow.png) no-repeat center bottom -19px #dddddd; margin: 0 -15px 40px; padding: 10px 15px; width: auto;}
    .nav-tabs li { padding: 4px 10px !important; width: 50%;}
    .nav-tabs li a { font-size: 12px;}
    .nav-tabs li:nth-child(2n+1) { text-align: right;}
    .nav-tabs.tabs-right li { text-align: left;}
    .nav-tabs.tabs-right li:nth-child(2n+1) { text-align: right;}
    
    .section-team .teamCatNav .nav-tabs { background: none !important; padding: 0 0 10px; margin: 0px;}
    .section-team .teamCatNav .nav-tabs li { padding: 0px !important;}
    
    .gpd-blocks { margin-top: 35px;}
    .gpd-item { margin-bottom: 35px;}
    .gpd-item h3.item-title { border: none; padding-left: 0px; margin-bottom: 0px;}
    .section-gpd-coverage .press-enquiry p {margin-top: 0px; display: inline-block; height: auto; width: 100%; line-height: 140%;}
    h3.page-title.gpd-heading {padding-right: 0px; text-align: left; margin-bottom: 20px !important;}
    .gpd-left-full .nav-tabs { background: none; margin: 0px; padding: 0px;}
    .full-width-page .container { width: auto;} 
    .gpd-left-full, .gpd-right-full { height: auto !important;}
    .gpd-right-full { height: 100%; padding: 35px 20px 20px;}
    .gpd-left-full { padding: 35px 20px 20px;}
    .footer-col-logo { text-align: center;}
    .gpd-left-full .nav-tabs > li.active > a, 
    .gpd-left-full .nav-tabs > li.active > a:hover, 
    .gpd-left-full .nav-tabs > li.active > a:focus{ font-size: 12px;}
    .gpd-left-full .tabs-right.nav-tabs > li > a:hover { font-size: 12px;}
    .proj-left { float: left; width: 100%;}
    .proj-right { float: left; width: 100%;}
    .proj-wrapper .proj-title {font: 18px/24px "SohoGothicPro-Regular"; margin: 25px 0 15px;}
    .proj-wrapper .proj-title span {font-size: 15px;}
    .project-block .project-title h3 b {font-family: "SohoGothicPro-Light"; font-size: 12px;}
    .project-block .project-title span { font-size: 11px;}
    .proj-link a { font: 10px/28px "SohoGothicPro-Bold"; height: 32px; padding: 0 10px;}
    .nav-links a { background-size: 24px 24px !important; font: 10px/24px "SohoGothicPro-Bold"; height: 24px; margin: 0 5px;}
    .nav-links a[rel="prev"] { padding-left: 30px;}
    .nav-links a[rel="next"] { padding-right: 30px;}
    .proj-bottom .proj-navi { width: 100%;}
    .proj-bottom .proj-link { width: 100%; text-align: right; margin-top: 20px;}
    #owl-project.owl-theme .owl-controls .owl-buttons div { width: 24px; height: 24px; background-size: 24px 24px !important;}
    #owl-project.owl-theme .owl-controls .owl-buttons div.owl-middle { font: 16px/24px "SohoGothicPro-Regular";}
}

@media (max-width:480px) {
    .about-left h3 { font-size: 25px;}
    .about-left h3 span { font-size: 25px; line-height: 25px;}
    .about-right h3 { width: 100%; font: 26px/32px "SohoGothicPro-Light";}
    h3.page-title { margin: 0 !important;}
    .section-projects { padding: 30px 0;}
    .section-projects .page-title { padding: 0 0 30px;}
    h3.page-title span { background-size: 90px 55px; min-height: 55px; min-width: 90px; font: 16px/36px "SohoGothicPro-Bold";}
    .section-news h3.page-title span {  background-size: 90px 48px;}
    h3.page-title strong { font-size: 13px; margin-left: 15px;}
    .section-gpd-coverage h1.page-title { line-height: 40px; font: 16px/40px "SohoGothicPro-Bold";}
    .read-article a { font: 11px/40px "SohoGothicPro-Regular"; height: 40px; padding: 0 15px;}
    .gpd-blocks .col-xs-6 { width: 100%;}
    .section-careers p { font: 20px/30px "SohoGothicPro-Light";}
    .careers-page-link a { margin-top: 10px; font: 11px/34px "SohoGothicPro-Medium"; height: 36px; padding: 0 15px;}
    .fancybox-close { height: 24px; width: 24px; background-size: 24px 24px !important;}
    .section-term h3.page-title span {min-height: 42px;}
    .inner-page-content h3 { font: 16px "SohoGothicPro-Medium";}
    .tab-content h2 { font-size: 34px;}
    .tab-content .post-content h1 { font: 18px/24px "SohoGothicPro-Light";}
    .section-footer { padding: 20px 0;}
    .plink-mobile { display: block !important;;}
    .plink-desktop { display: none !important;;}
    .project-block .project-image .project-link {display: block;}
    .proj-left { position: relative;}
    .project-close-btn { display: block !important; position: absolute; right: 15px; top: 10px; z-index: 99999;}
    .project-close-btn a { color: #FFF; display: block; background: #A8B79B; line-height: 30px; height: 30px; width: 30px; text-align: center; text-decoration: none !important; font-size: 14px; border-radius: 50%;}
    .section-team .teamCatNav .nav-tabs li a { font-size: 13px; height: 32px; line-height: 32px;}
}