/*End Generated Styles*//****************** MEDIA QUERY ******************/
@import "//fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic|Bree+Serif";
/*	24 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */


/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/scripts/boxsizing.htc); 
	/*	If you need support for IE7 and lower make 
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}


/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
#container { 
	margin: 0 auto; 
}


/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
#container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
.row { padding-bottom: 0; }
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
	width: 100%;
}

@media ( min-width : 768px ) {
	
	.gutters .col {
		margin-left: 2%;
	}
	
	.gutters .col:first-child { 
		margin-left: 0; 
	}
}


/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media ( min-width : 768px ) {
	.span_1 { width: 4.16666666667%; }
    .span_2 { width: 8.33333333333%; }
    .span_3 { width:12.5%; }
    .span_4 { width: 16.6666666667%; }
    .span_5 { width: 20.8333333333%; }
    .span_6 { width: 25%; }
    .span_7 { width: 29.1666666667%; }
    .span_8 { width: 33.3333333333%; }
    .span_9 { width: 37.5%; }
    .span_10 { width: 41.6666666667%; }
    .span_11 { width: 45.8333333333%; }
    .span_12 { width: 50%; }
    .span_13 { width: 54.1666666667%; }
    .span_14 { width: 58.3333333333%; }
    .span_15 { width: 62.5%; }
    .span_16 { width: 66.6666666667%; }
    .span_17 { width: 70.8333333333%; }
    .span_18 { width: 75%; }
    .span_19 { width: 79.1666666667%; }
    .span_20 { width: 83.3333333333%; }
    .span_21 { width: 87.5%; }
    .span_22 { width: 91.6666666667%; }
    .span_23 { width: 95.8333333333%; }
    .span_24 { width: 100%; }
    
    .gutters .span_1 { width: 2.25%; }
	.gutters .span_2 { width: 6.5%; }
	.gutters .span_3 { width: 10.75%; }
	.gutters .span_4 { width: 15.0%; }
	.gutters .span_5 { width: 19.25%; }
	.gutters .span_6 { width: 23.5%; }
	.gutters .span_7 { width: 27.75%; }
	.gutters .span_8 { width: 32.0%; }
	.gutters .span_9 { width: 36.25%; }
	.gutters .span_10 { width: 40.5%; }
	.gutters .span_11 { width: 44.75%; }
	.gutters .span_12 { width: 49.0%; }
	.gutters .span_13 { width: 53.25%; }
	.gutters .span_14 { width: 57.5%; }
	.gutters .span_15 { width: 61.75%; }
	.gutters .span_16 { width: 66.0%; }
	.gutters .span_17 { width: 70.25%; }
	.gutters .span_18 { width: 74.5%; }
	.gutters .span_19 { width: 78.75%; }
	.gutters .span_20 { width: 83.0%; }
	.gutters .span_21 { width: 87.25%; }
	.gutters .span_22 { width: 91.5%; }
	.gutters .span_23 { width: 95.75%; }
	.gutters .span_24 { width: 100%; }
}
body {
    font-family: 'Roboto', arial, helvetica, sans-serif, 'PT Serif', serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
.browsehappy {
    font-family: 'Roboto' arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    background: #5a5a5a;
    font-size: 16px;
    padding: 20px 0;
    color: #fff;
}
.browsehappy a {
    color: #999;
}
.browsehappy a:hover {
    color: #333;
}
#header,
#whatsnew,
#footer .social-media,
#footer .webdexpress_navigation {
    display: none;
}
#mainbody,
#content.whatsnew_present,
#content.whatsnew_empty {
    width: 100%!important;
    max-width: 1400px;
    padding: 0;
}
#mainbody {
    padding: 0 20px;
}
#mainbody_container {
    float: left;
}
.psp_header {
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    max-width: 1400px;
    padding: 0 10px;
    margin: 0 auto;
    width: 100%;
}
.psp_header {
    text-align: center;
}
.psp_header .logo img {
    margin: 10px 0 0;
}
.psp_header .psp_nav {
    margin: 10px 0 20px;
    text-align: center;
    font-size: 1.25em;
    color: #565656;
}
.psp_header .psp_nav.jpn {
    display: none;
}
.psp_header .psp_nav a {
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    border-right: 1px solid #565656;
    display: inline-block;
    padding: 0 12px;
    color: #565656;
}
.psp_header .psp_nav a.phone {
    border-right-width: 0;
    padding-right: 0;
}
.psp_header .psp_nav a:hover {
    color: #000;
}
.psp_header .psp_nav span {
    display: inline-block;
    padding: 0 0 0 12px;
}
.page_title {
    display: none;
}
#content p,
#content {
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
#footer {
    padding: 0;
    background: #e5e5e5;
}
#footer_nav {
    font-size: 16px;
    text-align: left;
    line-height: 1.6;
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
} 
#footer_nav > div > .row {
    padding: 20px;
    margin: 0 0 20px;
}
#footer_nav .col {
    margin-bottom: 10px;
    color: #565656;
}
#footer_nav b {
    color: #242d37;
    display: block;
    float: left;
    clear: both;
}
#footer_nav a {
    float: left;
    clear: both;
    color: #565656;
    font-size: 16px;
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
#footer_nav a:hover {
    color: #232c36;
}
#footer_nav a.social_link {
    clear: none;
    margin: 0 5px 0 0;
}
#footer_nav #languages a {
    float: none;
    border-width: 0;
    font-size: 16px;
    background-color: transparent;
}
#footer_nav .address {
    float: none;
    clear: both;
    font-size: 16px;
    margin: 0 0 10px;
}
#footer_nav .nav {
    padding-bottom: 10px;
}
#footer_nav .jpn {
    display: none;
}
.footer_signup {
    margin: 0 auto 10px;
    text-align: left;
    width: 100%;
}
.footer_signup h4 {
    color: #242d37;
    margin: 0 0 5px;
    font-weight: bold;
}
.footer_signup .email input {
    box-shadow: inset 1px 1px 3px #999;
    border: 1px solid #999;
    margin: 0 10px 10px 0;
    border-radius: 5px;
    border-width: 0;
    font-size: 16px;
    padding: 10px;
    width: 100%;
}
#footer_nav .blogfeed b,
#footer_nav .blogfeed a,
.blogfeed span,
.blogfeed p {
    float: none;
    display: block;
}
.blogfeed p:last-child {
    border-bottom: 1px solid #ccc;
    padding: 5px 0 2px;
}
.blogfeed p {
    padding: 5px 0 0;
    margin: 0 0 2px;
    border-top: 1px solid #ccc;
}
.blogfeed span {
    font-size: 11px;
}
#footer_nav .row.bottom_footer {
    background: #ccc;
    margin: 0;
}
.footer_signup .button {
    margin: 0 0 5px;
    min-width: 0;
    width: auto;
}
#footer_nav .footer_copyright a {
    display: inline;
    float: none;
}
#footer_nav .footer_copyright {
    text-align: center;
    font-size: 16px;
    width: 100%;
    float: left;
}
#footer_nav .footer_copyright a {
    font-size: 16px;
}
#contact_form .submit input,
.button {
    cursor: pointer;
    box-shadow: none;
    display: inline-block;
    background: #2e3a42;
    font-weight: normal;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    min-width: 145px;
    border-width: 0;
    font-size: 16px;
    color: #fff;
}
#contact_form .submit input:hover,
.button.light:hover,
.button:hover {
    color: #fff;
    background: #000;
}
.captcha #captcha_image {
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.captcha a {
    width: 25px;
    height: 25px;
    font-size: 0;
    border-radius: 5px;
    color: transparent;
    display: inline-block;
    vertical-align: middle;
    background: url('/uploads/2016/04/06/reload-icon.png') no-repeat center center #2e3a42;
    background-size: 100% 100%;
}
.captcha a:hover {
    background-color: #000;
}
.button.light {
    background: #929292;
}
#content h2,
#content h3 {
    color: #00a2b8;
    font-size: 1.5em;
    text-align: center;
    font-weight: normal;
    font-family: 'Bree Serif', times, serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
#content h2 {
    font-size: 2em;
    margin: 0 0 25px;
}
.home_banner {
    color: #fff;
    padding: 15%;
    padding-top: calc(35px + 15%);
    min-height: 560px;
    font-size: 20px;
    line-height: normal;
    margin: -70px 0 35px;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    background: url('/uploads/2016/03/05/home-header.jpg') no-repeat center center transparent;
    background-size: cover;
}
.home_banner h1 {
    font-family: 'Bree Serif', times, serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    font-size: 3em!important;
    font-weight: normal;
    text-align: center;
    margin: 0 0 .5em;
    color: #fff;
}
.page_banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ccc;
    background-size: cover;
    padding: 5%;
    padding-top: calc(60px + 5%);
    margin-top: -70px;
}
.page_banner.about_banner {background-image:url('/uploads/2016/03/17/aboutus_bg.jpg');}
.page_banner.leadership_banner {background-image:url('/uploads/2016/03/23/leadership_bg.jpg');}
.page_banner.awards_banner {background-image:url('/uploads/2016/03/23/awards_bg.jpg');}
.page_banner.community_banner {background-image:url('/uploads/2016/03/23/community_bg.jpg');}
.page_banner.contact_banner {background-image:url('/uploads/2016/03/23/contact_bg.jpg');}
.page_banner.careers_banner {background-image:url('/uploads/2016/03/23/careers_bg.jpg');}
.page_banner.press_banner {background-image:url('/uploads/2016/03/24/press_bg.jpg');}
.page_banner.products_banner {background-image:url('/uploads/2016/03/25/products_bg.jpg');}
.page_banner.error_banner {background-image:url('/uploads/2016/03/23/leadership_bg.jpg');}
.page_banner.error_banner .jpn {
    display: none;
}

.page_banner h2 {
    font-family: 'Bree Serif', times, serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    font-size: 3em!important;
    font-weight: normal;
    text-align: center;
    color: #fff;
    margin: 0;
}
#content .psp_page {
    padding: 20px 0;
}
#content .psp_page h3 {
    text-align: left;
}
#content .psp_page h4 {
    font-size: 17px;
    color: #2a2a2a;
}
#content .psp_page p {
    margin: 0 0 1em;
    line-height: 1.5;
}
#content .psp_page ul {
    font-size: 1.1em;
}
#content .psp_page a {
    color: #028db1;
}
#content .psp_page a:hover {
    color: #999;
}
#content .psp_page .page_aside {
    border: 10px solid #eaeaea;
    padding: 10px 20px 20px;
    text-align: center;
}
#content .psp_page .page_aside h3 {
    font-size: 17px;
}
#content .psp_page .page_aside p {
    text-align: left;
}
#content .available_jobs {
    text-align: left;
    margin: 0;
}
.posting {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 2px dotted #ccc;
}
.center,
.center h3,
.center_button {
    text-align: center !important;
}
.center_button {
    margin: 20px 0 0;
    position: relative;
}
.grey_bg {
    background: #737373;
    padding: 10px 0;
    color: #fff;
}
.grey_bg p {
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
}
.blue_bg {
    background: #303c46;
    padding: 20px 10px;
    color: #fff;
}
.blue_bg a {
    color: #fff;
}
.blue_bg a:hover {
    color: #ccc;
}
#footer .blue_bg .jpn {
    display: none;
}
.font_18 {
    font-size: 18px;
}
.company_logos .col {
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
}
.company_logos .col a img {
    filter: grayscale();
    -webkit-filter: grayscale();
    opacity: .7;
}
.company_logos .col a:hover img {
    opacity: 1;
    filter: none;
    -webkit-filter: none;
}
#content .clientlogo {
    max-width: 300px;
    display: block;
    margin: 0 auto;
    padding: 2%;
    width: auto;
}
#content .clientlogo:last-child {
    max-width: 150px;
}
.three_col .col {
    padding: 20px;
    background: #fff;
    position: relative;
    line-height: normal;
    border: 10px solid #eaeaea;
}
.three_col .col+.col,
.three_col .col+.col+.col {
    border-width: 0 10px 10px;
}
#content .three_col .col h3 {
    margin: 0 0 20px;
    font-size: 24px;
}
#content .three_col .col p {font-size: 14px;}
#content .testimonials p {
    font-size: 1.25em;
    line-height: 1.5;
    margin: 0 0 25px;
}
#content .testimonials .client {
    display: none;
}
#content .testimonials .client.active {
    display: block;
}
#content .testimonials p.client_name {
    font-weight: bold;
    font-size: 1.3em;
}
.leader_social img {
    width: 31px;
}
.leadership .headshot {
    text-align: center;
    margin: 0 0 5px;
}
.awards {
    margin: 10px 0 0;
}
.awards .row {
    margin: 0 0 5px;
}
.awards .award .span_8 {
    text-align: center;
}
.community_links img {
    margin: 1% 1% 0;
    width: 30%;
}
.pspcf img {
    width: 80%;
}
.offices {
    margin: 20px 0;
}
.offices .col .location {
    font-family: 'Bree Serif', times, serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    font-size: 1.5em;
    margin: 0 0 5px;
    display: block;
    color: #00a2b8;
}
.offices .col {
    text-align: left;
    margin: 0 0 15px;
}
.offices .col br {
    display: none;
}
.offices .col .left_text {
    display: inline-block;
    text-align: left;
}
.offices .col a {
    color: #028db1
}
.offices .col a:hover {
    color: #999;
}
.contact_notice {
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    padding: 0 0 .5em;
}
#contact_form .submit {
    margin: 0;
}
#contact_form .submit input {
    width: auto;
}
#contact_form {
    max-width: 100%;
}
#contact_content_before {
    border-bottom-width: 0;
    padding: 0;
    margin: 0;
}
#contact_content_before div {
    width: auto;
    display: block;
}
#contact_content_after {
    width: 50%;
    margin: 0;
}
#contact_form label {
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    padding: 10px 10px 0 0;
    width: 100px;
}
#contact_form .required label {
    background-position: right 10px;
}
#contact_form input, #contact_form textarea {
    width: 65%;
    width: calc(100% - 125px);
    padding: 10px;
    border-radius: 5px;
    font-weight: normal;
    box-shadow: inset 1px 1px 3px #999;
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
#contact_form textarea {
    height: 200px;
}
#contact_form .flash_error {
    margin: 0 0 15px !important;
}
#contact_form .error-message {
    text-align: left;
    float: right;
    width: 65%;
    width: calc(100% - 125px);
    margin: 2px 0 0 !important;
}
#content .press_release {
    text-align: center;
}
#content .blog_list,
#content .press_release_list {
    display: inline-block;
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
#content .psp_page .blog {
    
}
#content .blog_list li,
#content .press_release_list li {
    margin: 20px 0;
}
#content .blog_list li a,
#content .press_release_list li a {
    font-size: 21px;
}
#content .blog_list li .date,
#content .press_release_list li div {
    font-size: 16px;
}
#content .blog_list li .blog_title {
    padding: 0 0 5px;
}
#content .blog_list li .blog_link {
    display: inline-block;
    padding: 0;
}
#content .blog_list li .blog_link::after {
    background: url("/uploads/2016/05/03/blog-external.png") no-repeat center center transparent;
    background-size: 15px;
    display: inline-block;
    margin: 0 0 0 10px;
    height: 15px;
    width: 15px;
    content: '';
}
#content .blog_list li .date {
    display: block;
    color: #000;
}
#content .blog_list li .description {
    margin: 5px 0 0;
    line-height: 1.5;
}
#content .blog_list li.hide {
    display: none;
}
#content .press_list {
    margin-bottom: 1em;
}
#content .package h3 {
    text-align: center;
}
.package {
    border: 5px solid #eaeaea;
    margin: 0 0 10px;
}
.package .price_details {
    background: #eaeaea;
    padding: 10px;
}
.package strong {
    display: block;
    margin: 0 20px;
    text-align: center;
}
#content .package p {
    margin: 0 20px 1em;
}
.package ul {
    display: none;
}
.package .price {
    font-family: 'Bree Serif', times, serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    font-size: 21px;
}
.showcase_collection {
    margin: 20px auto 0;
}
.showcase_collection .showcase {
    display: none;
}
.showcase_collection .showcase.active {
    display: block;
}
.showcase_switch {
    margin: 0 0 10px;
}
.showcase_switch a {
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 10px 20px;
    text-align: center;
    background: #2e3a42;
    border: 3px solid #2e3a42;
}
.showcase_switch a.active {
    background: #fff;
    color: #2e3a42;
}
.showcase .row {
    margin: 0 0 10px;
}
.showcase a.col {
    background: #ccc;
}
.showcase a.col img {
    display: block;
    opacity: .7;
    width: 100%;
}
.showcase a.col:hover img {
    opacity: 1;
}
.showcase_lightbox {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    position: fixed;
    text-align: center;
    background: url('/uploads/2016/04/05/black-60.png') repeat center center transparent;
}
.showcase_lightbox .box {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 20px;
    width: auto;
}
.showcase_lightbox .box img {
    height: auto;
    max-width: 100%;
}
.showcase_lightbox .box .close {
    top: 25px;
    right: 28px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    border-radius: 50%;
    box-shadow: 3px 3px 0px #000;
    background: url('/uploads/2016/04/06/close-icon.png') no-repeat center center #b40a0a;
}
.showcase_lightbox .box .visit {
    font-family: 'Roboto', arial, helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    box-shadow: 3px 3px 0px #000;
    background: #303c46;
    border-radius: 5px;
    position: absolute;
    padding: 10px 20px;
    font-size: 16px;
    display: block;
    color: #fff;
    left: 25px;
    top: 25px;
}
.showcase_lightbox .box .close:hover,
.showcase_lightbox .box .visit:hover {
    background-color: #000;
}
.social_nav .social_link img {
    width: 48px;
}
#footer #Bloguru-default {
    display: none;
}
#container_redeem .input_container {
    margin: 20px 0;
}
#container_redeem .input_container input {
    box-shadow: inset 1px 1px 3px #999;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 0 10px;
    font-size: 16px;
    padding: 10px;
}
#redeem_btn_container .button:active,
#redeem_btn_container .button:focus {
    background: #2e3a42;
}
#redeem_btn_container .button:hover {
    background: #000;
}
/**************/
/* Navigation */
/**************/
#navigation .nav li a {
    font-weight: bold;
}
#navigation .nav li ul li a {
    font-weight: normal;
}
#navigation .nav li a,
#navigation .nav li ul li a {
    color: #fff;
    font-family: 'Roboto', arial, helvetica, sans-serif, 'PT Serif', serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
#navigation .nav > li:first-child {
    display: none;
}
#navigation {
    /*background: rgba(176,16,30,.8);*/
    background: url('/uploads/2016/03/17/top-nav-bg.png') repeat center center transparent;
    position: relative;
    border-width: 0;
    z-index: 1;
    padding: 0
}
#navigation:after {
    display: none;
}
#navigation .nav li {
    margin: 0;
    float: none;
    text-align: left;
    display: inline-block;
}
#navigation .nav li li a,
#navigation .nav li li a:hover,
#navigation .nav li:hover ul li a:hover {
    /*background: rgba(192,164,165,.8);*/
    background: url('/uploads/2016/03/25/top-subnav-bg.png') repeat center center transparent;
    color: #e7d4d4;
}
#navigation ul.nav li li.active > a:hover {
    color: #fff;
}
#navigation .nav li li,
#navigation .nav li li:hover,
#navigation .nav li li a:focus,
#navigation ul.nav li li.active > a,
#navigation ul.nav li.active ul li a,
#navigation ul.nav li.active ul li a:focus,
#navigation ul.nav li ul li.active a, #navigation ul.nav li ul li a:hover {
    /*background: rgba(192,164,165,.8);*/
    background: url('/uploads/2016/03/25/top-subnav-bg.png') repeat center center transparent;
}
#navigation .nav {
    text-align: center;
}
#navigation .nav li a {
    border-width: 0;
    padding: 26px 12px;
}
#navigation .nav li a:focus {
    background: transparent;
}
#navigation .nav a:hover {
    background: transparent;
    color: #e7d4d4;
}
#navigation .nav li ul li a {
    /*color: #e7d4d4;*/
}
#navigation .nav li li:hover a {
    /*color: #fff;*/
    color: #e7d4d4;
}
#navigation .nav-toggle {
    height: 30px;
    width: 30px;
}
/*************/
/* Touch nav */
/*************/
@media screen and (max-device-width: 767px) and (min-width: 40em) {
    #navigation .webdexpress_navigation {
        background: transparent;
    }
    .home_banner {
        min-height: 0;
        padding-top: 5%;
        margin-top: 0;
    }
    .page_banner {
        padding-top: 5%;
        margin-top: 0;
    }
}
@media screen and (max-width: 39.99em) {
    .home_banner {
        padding-top: 15%;
        margin-top: 0;
    }
    .page_banner {
        padding-top: 5%;
        margin-top: 0;
    }
    #navigation .nav {
        font-size: 1em;
    }
    .webdexpress_navigation {
        background: transparent;
    }
    #navigation .nav li {
        float: left;
    }
    #navigation .nav li a,
    #navigation .nav li a:hover {
        /*background: rgba(183,74,78,.8) !important;*/
        background: url('/uploads/2016/03/18/top-nav-mobile-bg.png') repeat center center transparent !important;
    }
    #navigation .nav li li a,
    #navigation .nav li li a:hover {
        /*background: rgba(192,164,165,.8) !important;*/
        background: url('/uploads/2016/03/25/top-subnav-bg.png') repeat center center transparent !important;
    }
    #navigation .nav li a,
    #navigation .nav li ul li a {
        padding: 4px 12px;
    }
    #navigation .nav li ul li a {
        padding-left: 35px;
    }
}
/**********/
/* TABLET */
/**********/
@media ( min-width: 480px ) and ( max-width: 768px ) {
    #footer_nav .span_6 {
        width: 50%;
    }
    .leadership .headshot {
        float: left;
        width: auto;
    }
    .leadership .span_18 {
        width: calc(100% - 155px);
    }
    .awards .award {
        width: 49%;
        float: none;
        vertical-align: top;
        display: inline-block;
    }
    .awards .award .span_8 {
        margin: 0 1% 0 0;
        width: 19%;
    }
    .awards .award .span_16 {
        width: 79%;
    }
    #contact_content_after {
        margin: 20px 0 0;
        width: 100%;
    }
    #contact_form {
        text-align: center;
    }
    .contact_notice {
        margin: 0 0 5px;
    }
    .contact_notice,
    #contact_form form {
        display: inline-block;
        text-align: left;
        float: none;
        width: 70%;
    }
    #contact_form label {
        text-align: left;
        float: none;
    }
    #contact_form input, #contact_form textarea {
        width: 100%;
    }
    .showcase .row {
        margin: 0;
    }
    .showcase .col {
        width: 49%;
        margin: 0 0 10px 2%;
    }
    .showcase .col:nth-child(odd) {
        margin-left: 0;
    }
}
/**********/
/* MOBILE */
/**********/
@media ( max-width : 480px ) {
    .footer_signup .button {
        width: 100%;
    }
    #footer_nav .span_6 {
        width: 100%;
    }
    .awards .award .span_8 {
        margin: 0 1% 0 0;
        width: 19%;
    }
    .awards .award .span_16 {
        width: 79%;
    }
    #contact_form input, #contact_form textarea {
        width: 100%;
    }
    #contact_form .captcha {
        width: 100%;
    }
    #contact_content_after {
        margin: 20px 0 0;
        width: 100%;
    }
    #contact_form .submit input {
        width: 100%;
    }
    .contact_notice {
        margin: 0;
    }
    #contact_form label {
        width: auto;
    }
}
/**********************/
/* Larger than MOBILE */
/**********************/
@media ( min-width : 480px ) {
    #footer_nav .nav {
        border-bottom-width: 0;
        padding-bottom: 0;
    }
    .psp_header .psp_nav {
        font-size: 1.5em;
    }
    #footer_nav a.social_link img {
        width: 31px;
    }
    .footer_signup .email input {
        width: calc(100% - 120px);
    }
    .footer_signup .button {
        width: 100px;
    }
    .social_nav .social_link img {
        width: 31px;
    }
}
/**********************/
/* Larger than TABLET */
/**********************/
@media ( min-width : 768px ) {
    .footer_signup {
        width: 49%;
    }
    #footer_nav,
    #footer_nav b {
        font-size: 18px;
    }
    .footer_signup .col {
        padding: 0 25.5%;
    }
    .psp_header {
        text-align: left;
    }
    .psp_header .logo img {
        margin: 20px 0;
    }
    .psp_header .psp_nav {
        margin: 40px 0 0;
        float: right;
    }
    .center_button {
        left: 0;
        width: 100%;
        bottom: 20px;
        position: absolute;
    }
    .three_col .col,
    .three_col.jpn .col {
        height: 290px;
    }
    .three_col .col+.col {
        border-width: 10px 0;
    }
    .three_col .col+.col+.col {
        border-width: 10px;
    }
    #content .three_col .col h3 {
        font-size: 2vw;
    }
    #contact_form label {
        width: auto;
        display: inline-block;
    }
    #contact_form input,
    #contact_form textarea,
    .contact_notice,
    #contact_form .submit {
        text-align: left;
        float: right;
        width: 65%;
        width: calc(100% - 125px);
        margin: 0;
    }
    #contact_form .captcha {
        float: right;
        width: calc(100% - 125px);
    }
    #contact_form .submit {
        margin: 0 0 10px;
    }
    #contact_form .submit input {
        float: none;
    }
    #contact_content_after {
        width: 48%;
        margin: 0 0 0 2%;
    }
    .offices .col {
        text-align: center;
    }
    .offices .col br {
        display: block;
        line-height: 0;
    }
    #user_content p.error,
    #content .thank_you p {
        text-align: center;
        padding: 50px 0;
    }
    #content .clientlogo {
        max-width: none;
        display: block;
        float: left;
        width: 13%;
    }
    #content .clientlogo:first-child {
        width: 25.5%;
    }
    #content .clientlogo:nth-child(2) {
        width: 17.5%;
    }
    #content .clientlogo:nth-child(3) {
        width: 24%;
    }
    #content .clientlogo:nth-child(4) {
        width: 20%;
    }
    #content .blog_list li .date {
        float: right;
    }
    #content .blog_list li .blog_title {
        border-bottom: 1px solid #028db1;
    }
}
/**********************/
/* Larger than LAPTOP */
/**********************/
@media ( min-width : 1200px ) {
    .home_banner {
        padding: 200px;
    }
    #content .three_col .col h3 {
        font-size: 24px;
    }
    .three_col .col {
        height: 240px;
    }
}

  /***********************/
 /* GOLF TOURNEY STYLES */
/***********************/
.page_banner.golf_banner {background-image:url('/uploads/2016/06/15/golf_bg.jpg');}
.golfing input, .golfing select  {
    text-align: left;
    float: right;
    width: 65%;
    width: calc(100% - 225px);
    margin: 0;
}
.golfing .error-message {
    color:red;
    width:100%;
    margin-left:225px;
}
.golfing .input {
    width:100%;
    margin:5px 0;
    float:left;
    clear:both;
}
.golfing label {
    width: auto;
    display: inline-block;
    font-weight:normal!important;
}
.golfing input, .golfing textarea, .golfing select {
    padding: 10px;
    border:1px solid #ccc;
    border-radius: 5px;
    font-weight: normal;
    box-shadow: inset 1px 1px 3px #999;
    font-family: 'Roboto', arial, helvetica, sans-serif;
}
.golfing select {
    box-shadow:none;
    padding:8px;
}
.golfing textarea {
    width:100%;
}

.golfing input[type="text"]:focus, .golfing textarea:focus {
    box-shadow: inset 1px 1px 3px #999;
    border:1px solid #ccc;
}

.golfing .submit {
    float:left;
    margin:5px 0 15px 0;
}
.golfing .submit input:hover {
    color: #fff;
    background: #000;
}
.golfing .submit input {
    cursor: pointer;
    box-shadow: none;
    width:auto;
    display: inline-block;
    background: #2e3a42;
    font-weight: normal;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    min-width: 145px;
    border-width: 0;
    font-size: 16px;
    color: #fff;
}

.golfing fieldset {
    float: right;
    width: 65%;
    width: calc(100% - 225px);
    margin: 0;
}

.golfing fieldset input {
    float:left;
    width:auto;
    margin-right:4px;
}

.glfmobile {
        display:none;
}
.glfdesktop {
        display:block;
}

@media screen and (max-width:767px) {
    .golfing input, .golfing select, .golfing fieldset  {
        width:100%;
    }
    .golfing .error-message {
        margin-left:0;
    }
    .glfmobile {
        display:block;
        margin-top:0;
    }
    .glfdesktop {
        display:none;
    }
}

@media screen and (max-device-width: 767px) and (min-width: 40em) {
    .golfing label, .golfing .form-label, .golfing input, .golfing textarea, .golfing select {
        font-size:1rem;
    }
}
@media screen and (max-width: 39.99em) {
    .golfing label, .golfing input, .golfing textarea, .golfing select {
        font-size:1rem;
    }
}

#content .survey input, #content .survey fieldset, #content .survey textarea, #content .survey div.input, #content .survey div.formInstructions {
font-family: 'Roboto', arial, helvetica, sans-serif, 'PT Serif', serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}

#content div.survey div.generated-form .formInstructions {
float:none;
width:100%;
margin-bottom:0;
padding:0;
text-indent:0;
font-size:1.1em;
background-color:#fff;
text-align:center;
line-height:1.5em;
}
#content div.survey div.generated-form .formInstructions p {
margin:1em 0;
}
div.survey div.input span.form-label {
font-weight:bold;
font-size:1.4em;
margin:1em 0 0.4em 0;
display:block;
}
#content div.survey div.generated-form fieldset, #content div.survey div.generated-form label {
font-size:1.1em;
}
#content div.survey div.generated-form fieldset input {
clear:none;
}
#content div.survey div.generated-form fieldset label {
width:14%;
position:relative;
top:-3px;
}
#content div.survey div.generated-form textarea, 
#content div.survey div.generated-form input[type="text"] {
width:90%;
padding:6px;
}
#content div.survey div.generated-form div.text {
margin-top:1em;
}

#content div.survey div.generated-form #formSubmitButtonActive div.submit {
float:none;
margin:0 auto;
}
#content div.survey div.generated-form #formSubmitButtonActive div.submit input {
float:none;
margin:0 auto;
width:20%;
height:35px;
}
#content div.survey div.generated-form #formSubmitButtonActive {
margin-bottom:2em;
}

#content .privacy {
text-align:center;
}

#content .survey {
margin:2em 0;
}

@media screen and (max-width: 808px) {
#content div.survey div.generated-form fieldset label {
width:90%;
}
#content div.survey div.generated-form fieldset input {
clear:both;
}
#content div.survey div.generated-form textarea, 
#content div.survey div.generated-form input[type="text"] {
width:100%;
}
}