/*
Theme Name: freshtrax V3
Theme URI: http://blog.btrax.com
Author: btrax developers
Author URI: http://btrax.com
Description: The team for freshtrax V3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, 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
Text Domain: ftrax

Thisf theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.sidebar
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


table.companyList td, table.companyList th{ vertical-align:top;}
table.companyList img { width:auto; height:auto; display:block;}

.fltLft {float:left; }
.fltRgt {float:right; }
.clear {clear:both; }
.txtCenter { text-align:center; }


/** CLEARFIX ***/
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/* traditional clear*/
.clear{ display:block; clear:both; height:0; visibility: hidden; line-height:.1em; font-size:0;}

/* Global */
@font-face {
    font-family: 'Meta Normal';
    src: url(./fonts/MetaWeb-Normal.eot),
        url(./fonts/MetaWeb-Normal.eot?#iefix) format('embedded-opentype'),
        url(./fonts/MetaWeb-Normal.woff) format('woff'),
        url(./fonts/MetaWeb-Normal.ttf) format('truetype');
}

@font-face {
    font-family: 'Meta Normal Italic';
    src: url(./fonts/MetaWeb-NormalIta.eot),
        url(./fonts/MetaWeb-NormalIta.eot?#iefix) format('embedded-opentype'),
        url(./fonts/MetaWeb-NormalIta.woff) format('woff'),
        url(./fonts/MetaWeb-NormalIta.ttf) format('truetype');
}

@font-face {
    font-family: 'Meta Bold';
    src: url(./fonts/MetaWeb-Bold.eot),
        url(./fonts/MetaWeb-Bold.eot?#iefix) format('embedded-opentype'),
        url(./fonts/MetaWeb-Bold.woff) format('woff'),
        url(./fonts/MetaWeb-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('./fonts/fontawesome-webfont.eot?v=3.2.1');
    src: url('./fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('./fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: #fff;
    font-family: 'Meta Normal', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #363636;
}

html,
body {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3 {
    /* font-family: 'Meta Bold'; */
    font-weight: bold;
}

ul,
ol {
    list-style-position: outside;
}

ul li {
    list-style: none;
}


button {
    font-family: inherit;
}

.bold {
    font-family: 'Meta Bold';
    font-weight: normal;
}

.header,
.nav,
.contents,
.footer,
.copyright {
    overflow: hidden;
}

.constraint {
    display: block;
    max-width: 1490px;
    height: 100%;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
}

.constraint:after {
    content: '';
    display: block;
    clear: both;
}

.visible-phone {
    display: none !important;
}

.title-bar {
    background: #4b525F;
    color: #fff;
    font-family: 'Meta Bold';
    font-size: 19px;
    padding: 2px 20px 0;
    line-height: 38px;
}

.tab-bar {
    font-family: 'Meta Bold';
    text-align: center;
}

.tab-bar:after {
    /* content: ''; */
    /* display: block; */
    /* clear: both; */
}

.tab-bar > li {
    background: #4b525F;
    color: #fff;
    width: 50%;
    font-size: 19px;
    line-height: 38px;
    float: left;

}

.tab-bar > li.active {
    background: #fff;
    color: #4b525F;
}

.tab-bar > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding-top: 2px;
}

.tab-bar > li > a:hover {
    /* color: #3dbbb4; */
    background: #3dbbb4;
}

.tab-bar > li.active > a {
    color: #4b525F;
    cursor: default;
}

.tab-bar > li.active > a:hover {
    background: #fff;
}

.tab-bar-content {
    display: none;
}

.tab-bar-content.show {
    display: block;
}

/* ########## form elements ########## */

input {
    background: #f9f9f9;
    color: #363636;
    border: 1px solid #d5d5d5;
    font-family: inherit;
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
    margin: 0;
}

.wpcf7 {
    padding:30px;
    background:#f4f7fd;
}

.wpcf7 form {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.wpcf7 input:not(input[type="checkbox"]), .wpcf7 button, .wpcf7 textarea, .wpcf7 select {
    -webkit-appearance: none;
    border-radius: 0;
}

.wpcf7 form p {
    position: relative;
}

.wpcf7 .wpcf7-textarea {
    padding: 10px;
    background: #f9f9f9;
    color: #363636;
    border: 1px solid #d5d5d5;
}

.wpcf7 .wpcf7-submit {
    cursor: pointer;
    background:#30bbb5;
    font-weight:bold;
    padding:10px;
    width:160px;
    color:#ffffff;
}

.wpcf7 form p input.wpcf7-submit[disabled] {
    cursor: wait;
}

.wpcf7 .wpcf7-submit:hover {
    background:#87d7d3;
}

.wpcf7 .ajax-loader {
    display: none;
    width: 16px;
    height: 16px;
}



.btn-orange {
    background: #EB7049;
    border: none;
    border-bottom: 2px solid #d9d9d9;
    color: #fff;
    font-size: 16px;
    line-height: 1em;
    padding: 10px 20px 8px;
    margin: 0;
    text-align: center;
    cursor: pointer;
}

.btn-orange:active {
    margin-top: 2px;
    border-bottom: none;
}

.btn-orange:focus {
    outline: none;
}

.btn-orange a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.hide {
    opacity: 0;
}

.to-top {
    position: fixed;
    right: 25px;
    /* bottom: 25px; */
    bottom: -60px;
    z-index: 1000000;
}

.to-top a {
    background: #444;
    background: url(./images/arrow_to_top.png) 0 0 no-repeat;
    border-radius: 31px;
    display: block;
    width: 62px;
    height: 62px;
    color: #444;
    font-size: 14px;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.to-top a:hover {
    opacity: .8;
    text-decoration: none;
}

.to-top-show {
    bottom: 25px;
    -webkit-animation: to_top_show .5s;
    animation: to_top_show .5s;
}

.to-top-hide {
    -webkit-animation: to_top_hide .5s;
    animation: to_top_hide .5s;
}

@-webkit-keyframes to_top_show {
    0% {
        opacity: 0;
        bottom: -60px;
    }
    50% {
        bottom: 35px;
    }
    100% {
        opacity: 1;
        bottom: 25px;
    }
}
@keyframes to_top_show {
    0% {
        opacity: 0;
        bottom: -60px;
    }
    50% {
        bottom: 35px;
    }
    100% {
        opacity: 1;
        bottom: 25px;
    }
}

@-webkit-keyframes to_top_hide {
    from {
        opacity: 1;
        bottom: 25px;
    }
    to {
        opacity: 0;
        bottom: -60px;
    }
}
@keyframes to_top_hide {
    from {
        opacity: 1;
        bottom: 25px;
    }
    to {
        opacity: 0;
        bottom: -60px;
    }
}

/* Header */
.header {
    background: #1f2126;
    height: 125px;
}

.header > * {
    -webkit-transition: opacity .5s ;
    transition: opacity .5s;
}

.branding {
    position: relative;
    top: 42px;
}

.branding a {
    background: url(./images/logo_freshtrax.png) 0 bottom no-repeat;
    background-size: cover;
    display: block;
    width: 200px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.description {
    font-size: 16px;
    font-weight: normal;
    color: #DADFEC;
    position: absolute;
    left: 270px;
    bottom: 27px;
}

.jp .description {
    font-size: 14px;
}

.header-icons {
    position: absolute;
    right: 25px;
    bottom: 35px;
}

.header-icons > li {
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle;
    background: #4B525F;
    text-align: center;
    margin-left: 5px;
}

.header-icons > li > a:before {
    color: #fff;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
}

.header-icons .icon-facebook > a:before,
.footer-socials .icon-facebook > a:before,
.facebook-widget-title:before,
.author-social-icon.icon-facebook:before {
    content: "\f09a";
}

.header-icons .icon-twitter > a:before,
.footer-socials .icon-twitter > a:before,
.twitter-widget-title:before,
.author-social-icon.icon-twitter:before {
    content: "\f099";
}

.header-icons .icon-linkedin > a:before,
.author-social-icon.icon-linkedin:before {
    content: "\f0e1";
}

.header-icons .icon-rss > a:before,
.footer-socials .icon-rss > a:before {
    content: "\f09e";
}

.footer-statement {
    text-align:left;
    padding:20px 0 0px;
    color:#ffffff;
    font-size: 16px;
    width: 64%;
    line-height:140%;
}

.footer-statement > a {
    text-decoration: none;
    color: #3dbbb4;
    font-weight:bold;
}
.footer-statement > a:hover {
    text-decoration: underline;
}


.header-icons .icon-facebook:hover {
    background: #3b5998;
}

.header-icons .icon-twitter:hover {
    background: #00acee;
}

.header-icons .icon-linkedin:hover {
    background: #0e76a8;
}

.header-icons .icon-rss:hover {
    background: #ee802f;
}

.header-icons > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    line-height: 44px;
    width: 100%;
    height: 100%;
}

.header-icons > li > a:hover {
    /* color: #3dbbb4; */
}

/* Single navi Share btn */
.navi_share_btn {
    width: 122px;
    height: 60px;
    position: absolute;
    top: -60px;
    right: 0;
}

.navi_share_btn li {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.navi_share_btn li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    line-height: 60px;
    width: 100%;
    height: 100%;
    font-family: 'FontAwesome';
}

.navi_share_btn .icon-facebook {
    float: left;
    background: #3b5998;
}

.navi_share_btn .icon-facebook a:before {
    content: "\f09a";
}

.navi_share_btn .icon-twitter {
    float: right;
    background: #00acee;
}

.navi_share_btn .icon-twitter a:before {
    content: "\f099";
}


.header .nav-menu-toggle {
    display: none;
    background: #B4C1D2;
    width: 60px;
    height: 100%;
    position: absolute;
    right: 62px;
    top: 0;
    cursor: pointer;
}

.header .nav-menu-toggle:before {
    content: "\f0c9";
}

.header .nav-menu-toggle.active {
    background: #4b525F;
}

.header .nav-menu-toggle.active:before {
    color: #B4C1D2;
}

.header .nav-search {
    display: none;
    right: 0;
}

.header .nav-search .search-input {
    width: 60px;
    color: #B4C1D2;
}

.header .nav-search .search-input:focus {
    width: 220px;
    color: #363636;
}

.nav {
    background: #4b525F;
    width: 100%;
    height: 60px;
    z-index: 10001;
}

.nav-menu {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.nav-menu > li {
    display: inline-block;
    font-family: 'Meta Bold';
    font-size: 18px;
    margin-right: 50px;
    line-height: 60px;
}

.jp .nav-menu > li {
    font-family: 'Meta Normal';
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -1px;
}

.zh .nav-menu > li {
    font-family: 'Meta Normal';
    font-weight: bold;
}

.nav-menu > li > a {
    display: block;
    color: #9499A6;
    text-decoration: none;
}

.nav-menu > li > a:hover {
    color: #3dbbb4;
}

.nav-menu > li.active > a {
    color: #DADFEC;
}

.nav-menu-expand {
    display: none;
    background: #4b525F;
}

.nav-menu-expand.show {
    display: block;
}

.nav-search {
    position: absolute;
    right: 25px;
    top: 0;
    height: 100%;
    margin: 0;
}

.nav-search:hover {
    cursor: text;
}

.nav-search:before,
.nav-search .search-submit:before,
.nav-menu-toggle:before {
    font-family: 'FontAwesome';
    font-size: 25px;
    color: #4C525F;
    position: absolute;
    right: 18px;
    top: 18px;
}

.nav-search:before,
.nav-search .search-submit:before {
    content: "\f002";
}

.nav-search .search-input {
    background: #B4C1D2;
    font-size: 18px;
    width: 320px;
    height: 100%;
    border: 0;
    padding: 20px;
    margin: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-appearance: none;
    border-radius: 0;
}

.nav-search .search-input:focus {
    outline: 0;
    background: #fff;
}

.nav-search .search-submit {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    border: 0;
    cursor: pointer;
}

.nav-search .search-input:focus + .search-submit {
    display: block;
}

.logo-small {
    display: none;
    position: absolute;
    left: 25px;
    top: 10px;
}

.logo-small a {
    background: url(./images/logo_small_freshtrax.png) 0 0 no-repeat;
    background-size: cover;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.nav .header-icons {
    /* opacity: 0; */
    display: none;
    /* top: 10px; */
    top: 0;
    /* right: 100px; */
    right: 85px;
    margin-left: 0;
    /* -webkit-transition: opacity .5s; */
    /* transition: opacity .5s; */
}

.nav .header-icons > li {
    width: 60px;
    height: 60px;
    margin-left: 0;
}

.nav .header-icons > li > a {
    line-height: 60px;
}

.nav-sticky {
    position: fixed;
    left: 0;
    top: 0;
}

.nav-sticky + * {
    margin-top: 60px;
}

.nav-sticky .nav-menu {
    margin-left: 60px;
}

.nav-sticky .header-icons {
    /* opacity: 1; */
}

.nav-sticky .nav-search .search-input {
    width: 60px;
    color: #B4C1D2;
}

.nav-sticky .nav-search .search-input:focus {
    /* width: 260px; */
    /* width: 290px; */
    width: 320px;
    color: #363636;
}

/* Footer */
.footer {
    background: #4b525F;
    padding: 40px 0 60px;
}

.footer .logo-btrax a {
    background: url(./images/logo_btrax.png) 0 0 no-repeat;
    background-size: cover;
    display: block;
    width: 134px;
    height: 42px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.footer-contents {
    float: left;
    margin-top: 30px;
    color: #fff;
    width: 100%;
    margin-right: -330px;
}

.footer-contents > li {
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
}

.footer-contents-title {
    font-family: 'Meta Bold';
    font-size: 23px;
    width: 400px;
    margin: 10px 0 5px;
}

.jp .footer-contents-title {
    font-family: 'Meta Normal';
    font-weight: bold;
    font-size: 20px;
}

.footer-contents-description {
    font-size: 17px;
    line-height: 1.4em;
    width: 400px;
    margin-bottom: 10px;
}

.jp .footer-contents-description {
    font-size: 13px;
}

.footer-contents-link, .footer-contact-link {
    display: block;
    color: #3dbbb4;
    font-family: 'Meta Bold';
    font-size: 25px;
    /* font-weight: bold; */
    line-height: 22px;
    text-decoration: none;
}

.footer-contents-link:hover, .footer-contact-link:hover {
    /* color: #fff; */
    text-decoration: underline;
}

.footer-socials {
    width: 280px;
    margin: -30px 50px -40px 0;
    float: right;
}

.footer-socials > li {
    width: auto;
    height: 55px;
    margin: 0;
    margin-bottom: 20px;
}

.footer-socials > li a {
    text-decoration: none;
}

.footer-social-icon {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    float: left;
    width: 55px;
    height: 55px;
}

.footer-social-description {
    margin-left: 50px;
    padding-left: 10px;
    font-size: 19px;
    line-height: 1.25em;
}

.footer-social-description > p {
    color: #fff;
    /* margin-bottom: 5px; */
}

.footer-social-description > a {
    font-family: 'Meta Bold';
    color: #3DBBB4;
    text-decoration: none;
}

.footer-social-description > a:hover {
    /* color: #fff; */
    text-decoration: underline;
}

.copyright {
    background: #1f2126;
    font-size: 11px;
    text-align: center;
    color: #DADFEC;
    padding: 20px 0;
    position: relative;
}
.copyright #footer-privacy-policy,
.copyright #footer-user-terms {
    position: absolute;
    top: 20px;
}
.copyright #footer-privacy-policy {
    right: 190px;
}
.copyright #footer-user-terms {
    right: 110px;
}
.copyright #footer-privacy-policy a,
.copyright #footer-user-terms a {
    text-decoration: none;
    color: #3DBBB4;
}
.copyright #footer-privacy-policy a:hover,
.copyright #footer-user-terms a:hover {
    text-decoration: underline;
}

/* mobile footer menu */
#mobile-footer-menu {
	width: 100%;
	height:50px;
	background-color: #333333;
	position: fixed;
	bottom: 0;
	right: 0;
	filter: alpha(opacity=9);
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index: 9999;
	display: none;
}

#mobile-footer-menu a{
	text-decoration: none;
	display: block;
}

#mobile-footer-menu .mobile-footer-menu-button {
	width: 25%;
	float: left;
	text-align: center;
}
#mobile-footer-menu .mobile-footer-menu-icon {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 2px;
	height: 26px;
	width: 26px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}

#mobile-footer-menu .mobile-footer-menu-icon img {
	height:26px;
}

#mobile-footer-menu #mobile-footer-menu-button-2 img {
	margin-left: -52px;
}

#mobile-footer-menu #mobile-footer-menu-button-3 img {
	margin-left: -26px;
}

#mobile-footer-menu #mobile-footer-menu-button-4 img {
	margin-left: -78px;
}

#mobile-footer-menu #mobile-footer-menu-button {
	top :0px;
	left :0px;
}

#mobile-footer-menu .mobile-footer-menu-text {
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
}

#mobile-footer .nav-menu-expand {
	background: #4b525F;
	display: none;
	width: 100%;
	top: auto;
	bottom: 50px;
	border-top: 2px solid #1f2126;
}

#mobile-footer .nav-menu-expand .nav-menu{
	text-align: center;
}

#mobile-footer .nav-menu-expand .nav-menu > li {
	width: 100%;
	line-height: 50px;
	width: auto;
	line-height: 60px;
}

#mobile-footer .nav-menu-expand .nav-menu > li:first-child {
	margin-left: 25px;
}

#mobile-footer .nav-menu-expand .nav-menu > li:nth-child(2n) {
	border-left: 0px;
}

/* Contents */
.contents {
    background: #ededed;
    padding: 25px 0;
}

.contents:after {
    /* content: ''; */
    /* display: block; */
    /* clear: both; */
}

.articles > li {
    display: inline-block;
    width: 340px;
    background: #fff;
    margin: 0 23px 25px 0;
    vertical-align: top;
}

.articles > li a {
    display: block;
    color: #1f2126;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.articles > li  a:hover {
    /* opacity: 1; */
}

.articles > li a:hover h3 {
    /* color: #666; */
    color: #3dbbb4;
}

.articles > li ul.article-description a, .articles > li ul.article-description a:visited{ width:auto; height:auto; display:inline-block; color:#A8A8AA; }
.articles > li ul.article-description a:hover{color:#3DBBB4;}

.article-image {
    position: relative;
    width: 100%;
    height: 188px;
    overflow: hidden;
    background: #1f2126;
}

.article-image > img {
    width: 100%;
    height: auto;
    /* width: auto; */
    /* height: 100%; */
    -webkit-transition: all .5s;
    transition: all .5s;
}

.article-image:hover > img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

.article-label {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 8px 10px 7px;
    font-family: 'Meta Bold';
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}

.jp .article-label {
    font-family: 'Meta Normal';
    font-weight: bold;
    font-size: 11px;
}

.article-label-small {
    display: none;
    margin-bottom: 10px;
    font-family: 'Meta Bold';
    font-size: 17px;
    line-height: 11px;
    text-transform: uppercase;
}

.jp .article-label-small {
    font-family: 'Meta Normal';
    font-weight: bold;
    font-size: 16px;
}

.background-marketing {
    /* background: #d93535; */
    background: #D23437;
}

.color-marketing {
    /* color: #d93535; */
    color: #D23437;
}

.background-business {
    /* background: #7f6298; */
    background: #9550A7;
}

.color-business {
    /* color: #7f6298; */
    color: #9550A7;
}

.background-startups {
    /* background: #6ca642; */
    background: #6FA72E;
}

.color-startups {
    /* color: #6ca642; */
    color: #6FA72E;
}

.background-design {
    /* background: #f68c1f; */
    background: #F88C00;
}

.color-design {
    /* color: #f68c1f; */
    color: #F88C00;
}

.background-asian-trends {
    /* background: #348ccc; */
    background: #438BCC;
}

.color-asian-trends {
    /* color: #348ccc; */
    color: #438BCC;
}

/* .article-headline { */
/*   margin: 15px 15px 0; */
/* } */

.article-headline {
    margin: 15px;
}

.article-headline h3 {
    font-family: 'Meta Normal';
    font-size: 22px;
    line-height: 30px;
    letter-spacing:normal;
    margin-bottom: 10px;
}

.search-column .articles h3 {
    margin-bottom: 20px;
    margin-top:-15px;
}

.jp .article-headline h3 {
    font-size: 18px;
    line-height: 120%;
}

.jp .article-headline h3.author-article-title {
    font-size: 20px;
}

/* .article-description { */
/*   margin: 0 15px 15px; */
/* } */

.article-description > li {
    display: inline-block;
    margin-right: 5px;
    font-family: 'Meta Bold';
    font-size: 14px;
    color: #A8A8AA;
}

.article-shares:after,
.article-author:after {
    content: '/';
}

.article-shares span{ font-size:24px;}

/* Main Column */
.main-column {
    width: 100%;
    float: left;
    margin-right: -345px;
}

.main-column > * {
    margin-right: 345px;
}

.home-column {
    width: 730px;
    margin-right: 0;
}

.home-column > * {
    margin-right: 0;
}

.home-column .article-headline h3 {
    height: 60px;
    overflow: hidden;
}

.main-column .articles > li {
    /* height: 310px; */
}

#nav-below,
#infscr-loading {
    text-align: center;
    margin: 20px 0;
}

.home-column #nav-below,
.home-column #infscr-loading {
    margin-left: -25px;
}

#nav-below > .nav-previous,
#nav-below > .nav-next {
    display: none;
}

/* Category */
.category-column {
    width: 100%;
    margin-right: -735px;
}

.category-column > * {
    margin-right: 735px;
}

.category-column .articles > li {
    width: 100%;
    height: auto;
}

.category-column .article-image {
    height: 385px;
}

.category-column .article-image > img {
    /* width: 100%; */
    /* height: auto; */
}

.category-column .article-headline {
    margin: 25px 180px 25px 25px;
    float: left;
}

.category-column .article-headline h3 {
    font-size: 22px;
    line-height: 140%;
    margin-bottom: 10px;
    height: 70px;
    overflow: hidden;
}

.jp .category-column .article-headline h3 {
    font-size: 18px;
    line-height:120%;
}

.category-column .article-first {
    font-size: 14px;
    line-height: 1.4em;
}

.category-column .article-description {
    display: none;
    margin-top: 25px;
}

.category-column .category-article-description {
    display: block;
    float: right;
    width: 125px;
    margin: 25px 25px 25px -150px;
    font-family: 'Meta Bold';
    font-size: 14px;
    line-height: 1.4em;
    color: #444;
}

.category-column .category-article-description > li {
    /* margin-bottom: 10px; */
}

.category-column .category-article-author-image {
    margin: 10px auto 20px;
    width: 80px;
    height: 80px;
}

.category-column .category-article-author-image > img.avatar {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 80px;
    border-radius: 80px;
}

.category-column .category-article-author-name {
    color: #3dbbb4;
}

.category-column .category-article-shares {
    font-size: 16px;
    margin-top: 15px;
}

/* Article */
.article-column > article {
    position: relative;
    background: #fff;
}

.article-side {
    width: 315px;
    float: left;
    padding: 20px 45px;
}

.article-side > ul {
    width: 225px;
}

.article-side > ul > li {
    display: block;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #DADFEC;
    font-size: 13px;
    line-height: 1.4em;
}

.article-side > ul > li > a {
    text-decoration: none;
}

.article-side img.avatar,
.article-bottom img.avatar {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
}

.article-side a,
.article-bottom a {
    color: #444;
}

.article-side .author-name,
.article-bottom .author-name {
    font-family: 'Meta Bold';
    font-size: 17px;
}

.article-side .author-name {
    position: absolute;
    left: 100px;
    top: 42px;
}
#stickyArticleSide .author-name{
    width: 150px;
}
.article-side .author-position {
  position: absolute;
  left: 100px;
  top: 65px;
}

.article-side a:hover .author-name,
.article-bottom a:hover .author-name {
    color: #3dbbb4;
}

.article-side .author-description {
    margin-top: 15px;
}

.article-side .article-date {
    font-size: 14px;
}

.article-side .article-date:before {
    content: 'Published ';
}

.article-side .article-social-buttons {
    margin-bottom: -5px;
}

.article-side .article-social-buttons > li {
    display: inline-block;
    margin-bottom: 5px;
    width: 110px;
}

/** btrax member's tweet timeline **/
.article-side #side-btrax-member-tweet-timeline {

}

.article-side #side-btrax-member-tweet-timeline #btrax-member-tweet-timeline {

}

.article-keywords a {
    color: #3dbbb4;
}

.article-keywords a:hover {
    text-decoration: underline;
}

.article-side.side-sticky {
    position: fixed;
    top: 60px;
}

.article-side.side-sticky-end {
    position: absolute;
    bottom: 30px;
}

/* article facebook box */
.article-main #article-bottom-fb-box {
    padding-bottom: 0px;
    margin-bottom: 40px;
}

.article-main #article-bottom-fb-box p {
    font-family: 'Meta Bold';
    font-size: 19px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.article-main #article-bottom-fb-box .fb-like-box,
.article-main #article-bottom-fb-box .fb-like-box span,
.article-main #article-bottom-fb-box .fb-like-box iframe {
  width: 100% !important;
  height: 150px !important;
}

.article-main #article-bottom-fb-box .fb-page-wrapper {
    margin-top: 10px;
    margin-bottom: 0;
    /*text-align: center;*/
}
.article-main #article-bottom-fb-box .fb-page-wrapper .fb-page {
    margin-bottom: 0;
}

.article-bottom {
    display: none;
    padding: 0 30px;
    margin-bottom: 30px;
}

.article-bottom > li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #DADFEC;
    font-size: 17px;
    line-height: 1.4em;
}

.jp .article-bottom > li {
    font-size: 15px;
}

.article-bottom .article-keywords p {
    display: inline-block;
}

.article-bottom .article-author-information {
    min-height: 110px;
    padding: 15px 0;
}

.article-bottom .article-author-information > a {
    text-decoration: none;
}

.article-bottom img.avatar {
    float: left;
}

.article-bottom .author-name,
.article-bottom .author-description,
.article-bottom .author-articles-link {
    margin-left: 100px;
}

.article-bottom .author-name {
    font-size: 19px;
}

.article-bottom .author-description {
    font-size: 13px;
    line-height: 1.25em;
}

.article-bottom .author-articles-link {
    display: block;
    color: #3dbbb4;
    font-family: 'Meta Bold';
    font-size: 13px;
    text-decoration: none;

}

.article-bottom .author-articles-link:hover {
    text-decoration: underline;
}

.article-column .article-main,
.article-column .cms-banner,
.article-column .fb-comments-wrapper {
    /* padding: 0 45px 30px 0; */
    margin: 0 45px 10px 335px;
    line-height: 1.4em;
}

.article-column .social-buttons-bottom {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DADFEC;
    position: relative;
}

.article-column .cms-banner img {
    width: 100%;
}

.article-column .fb-comments-wrapper {
    position: relative;
    background: #E7E9EE;
    padding: 10px 40px 10px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.article-column .fb-comments-wrapper:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 40px;
    top: -50px;
    border: 26px solid transparent;
    border-bottom-color: #E7E9EE;
}

/*.fb-comments, .fb-comments iframe[style] {width: 100% !important;}*/
/*.fb-comments span, .fb-comments iframe span[style] {width: 600px !important;}*/

.article-main .article-social-buttons {
    display: none;
    padding: 25px 0 5px;
}

.article-main .article-social-buttons > li {
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px;
    vertical-align: top;
}

.article-social-buttons > li iframe.twitter-share-button {
    width: 85px!important;
}
.article-social-buttons > li .twitter-share-buttoon iframe {
    height: 20px!important;
}
.article-social-buttons > li .pocket-btn iframe {
    width: 100px!important;
}

/* mobile share btns */

.social-buttons-bottom .mobile-share-bottons {
    margin: 0px;
    padding: 0px;
    height: 0px;
    overflow: hidden;
    /*    position: absolute;
        top: 0;
        left: 0;*/
}

.social-buttons-bottom .mobile-share-bottons .mobile-button {
    width: 60px;
    list-style: none;
    margin-right: 10px;
    display: inline-block;
}

.social-buttons-bottom .mobile-share-bottons .mobile-button:last-child {
    margin-right: 0px;
}

.mobile-share-bottons .mobile-button a {
    text-decoration: none;
}

.mobile-share-bottons .mobile-button a img {
    width: 60px;
    height: 60px;
    background: #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
}

.mobile-share-bottons #fb-mobile-btn a img {
    background-color: #3b5998;
}

.mobile-share-bottons #tw-mobile-btn a img {
    background-color: #00acee;
}

.mobile-share-bottons #hatena-mobile-btn a img {
    background-color: #476ac8;
}

.mobile-share-bottons #linkedin-mobile-btn a img {
    background-color: #0077b5;
}

.mobile-share-bottons #gplus-mobile-btn a img {
    background-color: #d64136;
}

.mobile-share-bottons #pocket-mobile-btn a img {
    background-color: #eb5151;
}

.mobile-button .arrowBox {
    position: relative;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
}

.mobile-button .arrowBox:after, .arrowBox:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.mobile-button .arrowBox:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 5px;
    margin-left: -5px;
}

.mobile-button .arrowBox:before {
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #cccccc;
    border-width: 6px;
    margin-left: -6px;
}

/* Mobile ads */
.mobile-single-ad1{
    text-align: center;
    margin-bottom: 23px;
    display:none;
}
.mobile-single-ad2{
    text-align: center;
    margin:15px 0px;
    display:none;
}
/* End of mobile share btns */

/*end of bottom mobile share btns*/

.article-main img.small {
    width:auto; padding-right:15px; padding-bottom:40px; float:left;
}

.article-main h1 {
    font-family: 'Meta Bold';
    font-weight: normal;
    font-size: 34px;
    line-height: 1.2em;
    letter-spacing: -1px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.jp .article-main h1 {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",'Meta Bold', "MS PGothic",sans-serif;
    font-weight: bold;
    font-size: 24px;
}

.article-main h2 {
    font-size: 25px;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 40px 0 10px;
}

.jp .article-main h2 {
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",'Meta Bold', "MS PGothic",sans-serif;
}



.article-main h3 {
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 25px 0 10px;
}

.article-main h4 {
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 25px 0 10px;
}



.jp .article-main h3 {
    font-size: 17px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",'Meta Bold', "MS PGothic",sans-serif;
}

.article-main div,
.article-main p,
.article-main ul {
    font-size: 17px;
    margin:0px 0 12px 0px;
}


.jp .article-main div,
.jp .article-main p,
.jp .article-main ul {
    font-size: 15px;
    line-height: 1.6em;
}


.article-main ul li {
    list-style: disc;
    list-style-position: outside;
    padding: 0px 0 2px 0px;
}

.article-main ol li .num {
    list-style-type: decimal;
}

.article-main ul {
    padding: 0px 0 2px 25px;
}

.article-main ul.article-social-buttons {
    padding: 0px;
    margin: 0px;
}

.article-main ul.article-description {
    padding: 0px;
　margin: 0px;
}





.article-main ol li {
    list-style: decimal;
    list-style-position: outside;
    list-style-type: decimal;
    padding: 0px 0 2px 2px;
    margin:2px 0 0px 29px;
}

.jp .article-main ol {
    font-size: 15px;
    line-height: 1.6em;

}

.article-main a {
    color: #3dbbb4;
    text-decoration:none!important;
    font-weight:bold!important;
}
.article-main a span{
    color: #3dbbb4;
    text-decoration:none!important;
    font-weight:bold!important;
}

.article-main a:hover {
    text-decoration: underline;
}

.article-main td {
    padding: 10px;
    border: 0px solid #DADFEC;
}

.article-main td > p {
    margin: 0;
}

.article-main blockquote {
    quotes: " \201C "" \201D "" \2018 "" \2019 ";
    font-family: 'Meta Normal Italic';
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align:center;
    font-weight:bold;
}

.category-marketing blockquote {
    color: #D23437;
}

.category-business blockquote {
    /* background: #7f6298; */
    color: #9550A7;
}

.category-startups blockquote {
    /* color: #6ca642; */
    color: #6FA72E;
}

.category-design blockquote {
    /* color: #f68c1f; */
    color: #F88C00;
}

.category-asian-trends blockquote {
    /* color: #f68c1f; */
    color: #438BCC;
}

.jp .article-main blockquote {
    font-style: italic;
    font-size: 18px;
}

.article-main blockquote p {
    display: inline;
    font-size: 1.4em;
    line-height: 1.4em;
}

.article-main blockquote:before {
    content: open-quote;
    line-height:.1em;
    margin-right:.45em;
    vertical-align:-0.3em;
    padding: 0px 20p 0 0;
    line-height: 40px;
    font-size: 56px;
}

.article-main blockquote:after {
    content: close-quote;
    line-height:.01em;
    margin-right:.01em;
    margin-left:.04em;
    vertical-align:-0.7em;
    padding-left: 4px;
    font-size: 56px;
}

.article-main img {
    width: 100%;
    height: auto;
}

.article-main-thumbnail {
    position: relative;
    margin-left: 315px;
}

.search-column .articles .article-image {
	float:left;
	width: 45%;
	margin-left: 0px;
	margin-right:20px;
}

.article-main-thumbnail .article-label {
    bottom: 4px;
}

.article-main-thumbnail > img {
    width: 100%;
    height: auto;
}

.article-main .article-description {
    margin-bottom: -10px;
    visibility: hidden;
}

.article-main .article-author:before {
    content: 'By ';
}

.article-main .article-description + p img {
    display: none;
}

.related-posts {
    padding: 0 45px;
}

.related-posts-headline {
    font-family: 'Meta Bold';
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 25px;
    border-bottom: 1px solid #DADFEC;
}

.jp .related-posts-headline {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",'Meta Bold', "MS PGothic",sans-serif;
    font-weight: bold;
    font-size: 17px;
}

.related-posts .articles > li {
    width: 500px;
    margin-right: 0;
    padding-right: 20px;
}

.related-posts .articles > li > a {
    color: #444;
    text-decoration: none;
}

.related-posts .article-image {
    float: left;
    width: 155px;
    height: 110px;
}

.related-posts .article-image .article-label {
    display: none;
}

.related-posts .article-label-small {
    display: block;
    padding-top:4px;
}

.related-posts .article-headline {
    margin: 0 0 0 180px;
    padding-right: 0px;
}

.related-posts .article-headline span {
    font-weight: bold;
}

.related-posts .article-headline h3 {
    font-size: 23px;
    line-height: 30px;
    margin: 10px 0 8px;
    height: 60px;
    overflow: hidden;
}

.jp .related-posts .article-headline h3 {
    font-size: 16px;
    line-height: 20px;
}

.related-posts .article-description > li {
    font-size: 14px;
    color: #A8A8AA;
    margin-top: 5px;
}

.single .sidebar .other-language-articles {
    display: none;
}

.single .sidebar .other-languages {
    display: block;
}

/* Authors */
.authors-column .authors {
    background: #fff;
    padding: 0 45px;
}

.authors-column .authors > h2,
.search-column .articles > h2 {
    font-family: 'Meta Bold';
    font-size: 25px;
    font-weight: normal;
    padding-top: 80px;
    border-bottom: 1px solid #DADFEC;
}

.authors-column .authors > li {
    position: relative;
    min-height: 440px;
    /* padding-top: 50px; */
    margin-top: -60px;
    padding-top: 110px;
}

.authors-column .authors img.avatar,
.search-column .articles img.avatar {
    width: 200px;
    height: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}

.authors-column .authors .author-description,
.authors-column .authors .author-socials,
.search-column .articles .author-position,
.authors-column .authors .author-position {
    margin-left: 240px;
    margin-right: 370px;
}

.search-column .articles .author-description,
.search-column .articles .author-socials {
	margin-left: 240px;
    margin-right: 300px;
}

.authors-column .authors .author-name,
.search-column .articles .author-name {
    font-size: 25px;
    color: #363636;
	display: inline-block;
	margin-left: 113px;
	margin-right: 10px;
}
.authors-column .authors .author-name a {
    color: #363636;
    text-decoration: none;
}
.authors-column .authors .author-name a:hover {
    color: #3dbbb4;
}

.authors-column .authors .author-position,
.search-column .articles .author-position {
	display: inline-block;
	font-family: 'Meta Bold';
	font-size: 18px;
	color: #999;
}

.authors-column .authors .author-description,
.search-column .articles .author-description {
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 25px;
}

.authors-column .authors .author-socials,
.search-column .articles .author-socials {
    font-family: 'Meta Bold';
    font-size: 21px;
    color: #999;
}

.authors-column .authors .author-social-icon,
.search-column .articles .author-social-icon {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    color: #4C525F;
    text-decoration: none;
    margin-left: 10px;
}

.authors-column .related-posts-headline {
    display: none;
    clear: left;
    padding-top: 40px;
}

.authors-column .articles {
    position: absolute;
    right: 0;
    top: 110px;
    width: 330px;
    z-index: 100;
}

.authors-column .articles > li {
    width: 330px;
    min-height: 80px;
    margin-bottom: 10px;
}

.authors-column .article-label-small {
    display: block;
}

.authors-column .articles .show-all-articles {
    position: absolute;
    right: 0;
    bottom: -40px;
    min-height: 0;
    margin: 0;
    font-family: 'Meta Bold';
    font-size: 21px;
    text-align: right;
}

.jp .authors-column .articles .show-all-articles {
    font-family: 'Meta Normal';
    font-weight: bold;
    font-size: 19px;
}

.authors-column .articles .show-all-articles > a {
    color: #3dbbb4;
}

.authors-column .articles .show-all-articles > a:hover {
    text-decoration: underline;
}

/* Page */
.page-wrapper {
    background: #fff;
    padding: 0 45px 45px;
}

.page-column .article-side,
.page-column .article-bottom,
.page-column .article-main .article-social-buttons,
.page-column .article-main .article-description {
    display: none;
}

.page-column .article-main-thumbnail {
    margin-left: 0;
}

/* Search Column */
.search-column .articles {
    background: #fff;
    padding: 45px;
}

.search-column .articles > li {
    width: 100%;
}

.search-column .articles > h2 {
    font-family: 'Meta Bold';
    font-weight: normal;
    font-size: 26px;
}

.search-column .articles .headline-search-result {
    font-family: 'Meta Normal';
}

.search-column .articles .headline-search-words {
    font-family: 'Meta Bold';
    quotes: "\201C""\201D""\2018""\2019";
}

.search-column .articles .headline-search-words:before {
    content: open-quote;
}

.search-column .articles .headline-search-words:after {
    content: close-quote;
}

.search-column .articles .headline-author-name {
    font-family: 'Meta Normal';
}

.search-column .nav-search {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 40px;
    padding-left: 10px;
}

.search-column .nav-search:before {
    color: #939598;
}

.search-column .nav-search .search-input {
    background: #eee;
    color: #666;
    width: 100%;
}

.search-column .category-list {
    border-top: 1px solid #DADFEC;
    border-bottom: 1px solid #DADFEC;
    margin-top: 30px;
    padding: 20px 0 20px 10px;
}

.search-column .category-list > li {
    display: inline-block;
    font-family: 'Meta Bold';
    font-size: 16px;
    margin-right: 20px;
    text-transform: uppercase;
}

.jp .search-column .category-list > li,
.zh .search-column .category-list > li {
    font-family: 'Meta Normal';
    font-weight: bold;
    letter-spacing: -1px;
}

.search-column .category-post-counts {
    font-family: 'Meta Normal';
}

.search-column .category-list > li > a {
    text-decoration: none;
}

.search-column .category-dropdown {
    display: none;
    position: relative;
    margin-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #DADFEC;
}

.search-column .category-dropdown:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: '>';
    display: block;
    background: #B4C1D2;
    color: #fff;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    padding: 6px 18px;
    pointer-events: none;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search-column .category-dropdown > select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    outline: none;
    border: none;
    border-radius: 0;
    background: #4D525F;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    padding: 0 20px;
}

.search-column .articles > li {
    border-bottom: 1px solid #DADFEC;
    margin: 0;
    padding: 30px 0 30px 10px;
}

.search-column .articles .author-socials + li {
	margin-top: 80px;
	border-top: 1px solid #DADFEC;
}

.search-column .article-headline {
    margin: 0;
}

.search-column .article-label-small {
    display: block;
}

.search-column .articles .article-label-small {
	 display: none;
}

.search-column .article-description {
    margin-bottom: 10px;
}

.search-column .articles .article-description {
	margin-top: 10px;
}

.search-column .article-description > li {
    color: #666;
}

.search-column .articles .article-description > li {
	font-size: 16px;
}

.search-column .article-author:before {
    content: 'By ';
}

.search-column .article-first {
    font-size: 14px;
    line-height: 1.4em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

/* Error */
.error-wrapper {
    background: #fff;
    padding: 45px;
}

.error-column h2 {
    font-family: 'Meta Bold';
    font-weight: normal;
    font-size: 32px;
    line-height: 1.4em;
    margin-bottom: 90px;
    text-align: center;
}

.error-image {
    width: 400px;
    height: 396px;
    float: left;
}

.error-image-cooper {
    display: block;
    background: url(./images/404_cooper.png) 50% 50% no-repeat;
    background-size: cover;
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

.error-messages {
    margin-left: 450px;
}

.error-messages > li {
    background: #eee;
    font-family: 'Meta Bold';
    font-size: 21px;
    padding: 20px 30px;
    margin-bottom: 2px;
}

.error-messages > li > p {
    margin-bottom: 10px;
}

.error-messages .error-message-japanese {
    font-family: 'Meta Normal';
    font-size: 19px;
}

.error-links {
    margin-top: 30px;
}

.error-links > li {
    line-height: 1.2em;
}

.error-links > li > a {
    color: #3dbbb4;
    text-decoration: none;
}

.error-links > li > a:hover {
    text-decoration: underline;
}

/* Ranking Column */
.ranking-column {
    width: 365px;
    float: right;
    margin-right: 25px;
    background: #fff;
}

.ranking-column .articles > li {
    width: 100%;
    padding: 0 12px;
    margin: 25px 0 0 0;
    border-bottom: 1px solid #DADFEC;
}

.ranking-column .article-image {
    height: 145px;
}

.ranking-column .article-headline {
    margin-left: 0;
    margin-right: 0;
}


/* Ranking articles in single */
#rankingArticlesInSingle {
    display: none;
}

/* newsletter in single */
.newsletter-mobile {
    display: none;
}

/* Sidebar */
.sidebar > dl > .twitter-widget{
    padding: 0;
}
.sidebar {
    width: 320px;
    float: right;
}
.sidebar ins {
    background-color: transparent!important;
}
.adsbygoogle {
    background-color: transparent!important;
}
.sidebar-ad-convert{
    width: 280px!important;
    height: 233px!important;
}
.sidebar-ad-convert{
    width: 280px!important;
    height: 233px!important;
}
.sidebar-ad-convert2{
    width: 300px!important;
    height: 233px!important;
}
.sidebar > dl > dd {
    background: #fff;
    padding: 0 20px;
    margin: 0 0 25px 0;
    font-size: 14px;
    line-height: 1.4em;
}

.sidebar > dl > dd > p {
    padding: 20px 0;
}

.sidebar > dl > dd > p > a {
    color: #3dbbb4;
}

.sidebar .about-links > li {
    display: inline-block;
    padding-right:16px;
    margin-bottom: 20px;
}

.see-more-link {
    padding: 20px 0;
    text-align: center;
}

.about-links > li > a,
.see-more-link > a {
    display: block;
    color: #3dbbb4;
    font-family: 'Meta Bold';
    font-size: 16px;
    line-height: 16px;
    /* font-weight: bold; */
    text-decoration: none;
}

.about-links > li > a:hover,
.see-more-link > a:hover {
    /* color: #1f2126; */
    text-decoration: underline;
}

.sidebar .articles > li {
    width: auto;
    min-height: 120px;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #DADFEC;
}

.sidebar .articles > li:nth-child(n+11) {
    display: none;
}

.sidebar .articles > li > a {
    /* color: #444; */
    /* text-decoration: none; */
}

.sidebar .article-image,
.authors-column .article-image {
    float: left;
    width: 80px;
    height: 80px;
}

.sidebar .article-image > img {
    width: auto;
    height: 100%;
}

    .article-side .author-readmore{

       text-align: center;
    }
    .article-side .author-readmore a{

        font-size: 17px;
        color: #3dbbb4;
        text-decoration: none;
     }

/* Crop Ranking Image */
.sidebar #rankingArticlesContents .article-image img {
    width: 136px;
    height: 80px;
    margin-left: -28px;
}

.sidebar .article-label {
    display: none;
}

.sidebar .article-headline,
.authors-column .article-headline {
    margin: 0 0 0 100px;
}

.sidebar .article-headline h3,
.authors-column .article-headline h3 {
    font-size: 14px!important;
    line-height: 18px;
    margin-bottom: 0;
    max-height: 54px;
    overflow: hidden;
}

.jp .sidebar .article-headline h3,
.jp .authors-column .article-headline h3,
.zh .sidebar .article-headline h3,
.zh .authors-column .article-headline h3 {
    letter-spacing: 0;
}

.sidebar .article-description > li {
    color: #666;
    margin-top: 5px;
}


.sidebar .article-author:before {
    content: 'By';
    margin-right: 5px;
}

.sidebar .article-shares,
.sidebar .article-date,
.sidebar .article-label-smal {
    display: none;
}

.sidebar .article-author:after {
    content: '';
}

.sidebar .other-languages {
    /* display: none; */
}

.sidebar .other-languages > dl {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 0;
    font-size: 14px;
}

.sidebar .other-languages > dl > div {
    width: 130px;
    margin-left: 20px;
    float: left;
}

.sidebar .other-languages > dl > div:first-child {
    margin-left: 0px;
}

.sidebar .other-languages > dl > div > button {
    width: 100%;
    font-size: 14px;
}

.sidebar .other-languages-buttons {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.sidebar .other-languages-buttons > li {
    width: 150px;
    float: left;
}

.sidebar .other-languages-buttons > li:first-child {
    margin-right: 20px;
}

.sidebar .other-languages-buttons > li > button {
    width: 100%;
}

.sidebar .other-language-articles .tab-bar .tab-bar-japanese,
.sidebar .other-language-articles .tab-bar .tab-bar-chinese {
    font-size: 17px;
    font-weight: bold;
}

.sidebar .other-language-articles .see-more-link > a {
    background-position: 90px 0;
}

#otherLanguageJapanese .article-headline h3,
#otherLanguageChinese .article-headline h3 {
    letter-spacing: 0;
}

#otherLanguageEnglish .article-headline h3 {
    letter-spacing: -1px;
}

/*
news-letter
*/


#dgd_scrollbox-25943-tab{
    display:none !important;
}


.subscribe-newsletter {

}

.subscribe-newsletter .newsletter-description {
    font-size: 100%;
    padding-top: 15px;
    padding-bottom: 0px;
}

.subscribe-newsletter .wpcf7 {
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-appearance: none;
}

.subscribe-newsletter .wpcf7 > form {
    width: 100%;
    padding: 0px;
}

.subscribe-newsletter .wpcf7 > form > p {
    width: 100%;
    height: 100%;
}

.subscribe-newsletter .wpcf7 > form span {
    width: 100%;
}

.subscribe-newsletter .wpcf7 > form span input[type='email'] {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    -webkit-appearance: none;
}

.subscribe-newsletter .wpcf7 > form input[type='submit'] {
    width: 100%;
    margin-bottom: 10px;
    background-color: #EB7049;
    -webkit-appearance: none;
}

.subscribe-newsletter .wpcf7 > form .ajax-loader {
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 100;
    top: 40px;
    left: 0;
}

.subscribe-newsletter .wpcf7 > form .wpcf7-response-output {
    width: 100%;
    margin: 0px;
}

.subscribe-newsletter .wpcf7 .wpcf7-not-valid-tip {
    width: 220px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -110px;
}


.twitter-widget-title:before,
.facebook-widget-title:before {
    font-family: 'FontAwesome';
    font-size: 26px;
}

.twitter-widget-title:before {
    margin-left: -8px;
    margin-right: 5px;
}

.facebook-widget-title:before {
    margin-left: -2px;
    margin-right: 15px;
}

.weibo-widget-title{  background-image:url(images/icon-weibo.png); background-repeat:no-repeat; background-position:17px 6px; padding-left:50px; background-size:31px 25px; }

.btrax-widget-title{  background-image:url(images/icon-btrax.png); background-repeat:no-repeat; background-position:17px 6px; padding-left:50px; background-size:25px 25px; }

.contact-box-title {  background-image:url(images/mailbox_icon.png); background-repeat:no-repeat; background-position:16px 7px; padding-left:50px; background-size:25px 25px; }

.sidebar .cms-banner {
    padding: 0;
    background: transparent;
    margin-bottom: 25px;
}

.sidebar .cms-banner > a {
    padding: 0;
}

.sidebar .cms-banner img {
    width: 100%;
    vertical-align:bottom;
}

/* Sidebar sticky box */
.sidebar > dl > div > dd {
    background: #fff;
    padding: 0 20px;
    margin: 0 0 0 0;
    font-size: 14px;
    line-height: 1.4em;
}

.sidebar > dl > div > dd > p {
    padding: 20px 0;
}

.sidebar > dl > div > dd > p > a {
    color: #3dbbb4;
}

.sticky-right-box {

}

.sticky-right-box div {
    margin-bottom: 25px;
}

.sticky-right-box div:last-child {
    margin-bottom: 0px;
}

.sticky-right-box .toggle-right-box-title {
    cursor: pointer;
    background-color: #3dbbb4;
    height: 40px;
}

.sticky-right-box .toggle-right-box-title .toggle-indicator {
    width: 14px;
    height: 14px;
    float: right;
    position: relative;
    top: 13px;
}

.sticky-right-box .toggle-right-box-title .toggle-status {
    width: 100%;
    font-size: 18pt;
    position: relative;
    right: -148px;
}

.sticky-right-box .toggle-right-box-content {
    display: none;
}

.sticky-right-box .cms-banner {
    vertical-align: bottom;
}

/* sidebar contact box */
.sidebar .sidebar-contact-box {

}

.sidebar .sidebar-contact-box .wpcf7 {
    padding: 0;
    background-color: #fff;
    width: 100%;
}

.sidebar-contact-box .wpcf7 form {
    padding: 20px 0px 10px;
}

.sidebar-contact-box .wpcf7 form .wpcf7-textarea {
    width: 280px;
    margin-bottom: 0;
}

.sidebar-contact-box .wpcf7 form p {
    margin-bottom: 15px;
}

.sidebar-contact-box .wpcf7 form p:nth-last-child(4) {
    margin-bottom: 5px;
}

.sidebar-contact-box .wpcf7 form p:nth-last-child(3) {
    margin-bottom: 10px;
}

.sidebar-contact-box .wpcf7 form input {
    width: 280px;
    font-size: 12px;
    line-height: 12px;
}

.sidebar-contact-box .wpcf7 form input[type="submit"] {
    font-size: 14px;
}

.sidebar-contact-box .wpcf7 form .name-wrapper {
    height: 34px;
}

.sidebar-contact-box .wpcf7 form span.last, .sidebar-contact-box .wpcf7 form span.your-name,
.sidebar-contact-box .wpcf7 form span.last-en, .sidebar-contact-box .wpcf7 form span.your-name-en {
    width: 138px;
}

.sidebar-contact-box .wpcf7 form .last input, .sidebar-contact-box .wpcf7 form .your-name input,
.sidebar-contact-box .wpcf7 form .last-en input, .sidebar-contact-box .wpcf7 form .your-name-en input {
    width: 100%;
}

.sidebar-contact-box .wpcf7 form .last, .sidebar-contact-box .wpcf7 form .your-name-en {
    float: left;
}

.sidebar-contact-box .wpcf7 form .your-name, .sidebar-contact-box .wpcf7 form .last-en {
    float: right;
}


.sidebar-contact-box .wpcf7 form div.wpcf7-response-output {
    margin: 0;
}

.sidebar-contact-box .wpcf7 form textarea {
    font-size: 12px;
    height: 120px;
}

.sidebar-contact-box .wpcf7 form small {
    font-size: 12px;
}

.sidebar-contact-box .wpcf7 form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 32px;
    width: 100%;
    color: #a9a9a9;
    font-size: 12px;
    border-radius: 0;
    border: 1px solid #d5d5d5;
    margin: 0;
    padding: 0 10px;
    background: #f9f9f9;
    background-image: url(images/arrow_select_box.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: right bottom;
    vertical-align: middle;
    box-sizing: border-box;
}

.sidebar-contact-box .wpcf7 .ajax-loader {
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 100;
    top: 58px;
    left: 0;
}

.sidebar-contact-box .wpcf7 span.wpcf7-not-valid-tip {
    position: absolute;
    top: 0px;
    left: 20%;
    z-index: 100;
    background: #fff;
    border: 1px solid #E9322D;
    font-size: 6pt;
    width: 60%;
    line-height: 14px;
    padding: 2px 4px;
    box-sizing: border-box;
}

.sidebar-contact-box .wpcf7 .wpcf7-validation-errors {
    font-size: 6pt;
    line-height: 14px;
}



dl > dd.top-authors {
    padding: 0;
}

dl > dd.top-authors > p {
    padding: 20px;
}

dl > dd.top-authors > p.bold {
    margin-bottom: -30px;
}

.authors {
    padding: 0 20px;
}

.authors > li {
    padding: 20px 0;
    border-bottom: 1px solid #DADFEC;
}

.authors > li > a {
    display: block;
    color: #444;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.authors > li > a:hover .author-name {
    /* color: #1f2126; */
    text-decoration: underline;
}

.authors img.avatar,
.articles img.avatar {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: -75px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}

.authors .article-image img {
    width: auto;
    height: 120%;
}

.authors .author-name,
.authors .author-description,
.articles .author-name,
.articles .author-description {
    margin-left: 75px;
}

.authors-column .authors .author-position,
.search-column .articles .author-position {
		font-size: 15px;
		display: block;
		margin-bottom: 15px;
	}

.authors .author-name,
.articles .author-name{
    font-family: 'Meta Bold';
    font-size: 16px;
    /* font-weight: bold; */
    color: #3dbbb4;
    margin-bottom: 5px;
}

.authors .author-description,
.articles .author-description {
    font-size: 13px;
    line-height: 1.25em;
}

.top-authors .author-description {
    height: 50px;
    overflow: hidden;
}

.top-authors .authors > li {
    min-height: 100px;
}

.top-authors .see-more-link {
    border-bottom: 1px solid #DADFEC;
}

.top-authors .see-more-link > a {
    background-position: 70px 0;
    margin: 0 20px;
}



.twitter-widget >iframe.share_self{ margin:-15px -12px 5px -12px; width:303px;}

/* JPN8th Banner */
#jpn8th-banner {
    width: 100%;
    height: 36px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #4B525F;
    z-index: 100001;
    text-align: center;
}
#jpn8th-banner p {
    line-height: 36px;
    color: #FFF;
    font-size: 13px;
}

#jpn8th-banner p a {
    color: #3dbbb4;
    text-decoration: none;
    font-weight: bold;
}

#jpn8th-banner p a:hover {
    text-decoration: underline;
}


/**
 * dfi banner
 */
#design-innovation{
    display: table;
    width: 100%;
}
#design-innovation h2{
    text-align: center;
}
#design-innovation .banner-link{
    float: left;
    margin-right: 3px;
}
#design-innovation .banner-contents{
    padding:1px;
    margin-top: 15px!important;
    width: 100%;
}
#design-innovation div{
    margin:0px;
    line-height: 23px;
    display: table;
    font-size: 13px;
}
#design-innovation .align-center{
    text-align: center;
}
#event-title{
    line-height: 28px;
    margin-top: 8px;
    font-weight: 400;
    font-size: 18px;
}
#design-innovation .banner-text-contents{
    width: 54.5%;
}
#design-innovation .banner-link img{
    width: 225px;
    padding-right: 5px;
}
#design-innovation-apply-pc{
    display: block!important;
    padding-top: 4px;
}
#design-innovation-apply-sp{
    display: none!important;
}
 .dfi-header-contents{
     /*height: 30px;*/
     color:white;
     background-color: #005183!important;
     font-size:13px;
     padding: 8px 0;
     line-height: 12px;
     text-align:center;
 }
#top-dif-banner1{
    text-decoration: blink;
    width: 100%;
    z-index: 1000;
}
.show-sticky-dif{
    display:block!important;
}
#dif-header-sticky{
    display: none;
}
#recruit-jp #recruit-jp-apply{
    text-align: center!important;
    margin-top: 20px;
    font-size: 20px;
}
#recruit-jp .title{
    margin-left: -12px;
}
/*.tmp-header-height-dif{*/
    /*height: 90px;*/
/*}*/
@media screen and (min-width: 899px){
.button-area { display: none;}
}

@media screen and (max-width: 949px){
    /*.contents {*/
        /*margin-top: 30px!important;*/
    /*}*/
}

/**
 * pc-narrow for home
 */
@media screen and (max-width: 1489px) {
    /* Global */
    .constraint {
        width: 100%;
    }

    /* Main Column */
    .home-column {
        width: 100%;
        margin-right: -735px;
    }

    .home-column > * {
        margin-right: 735px;
    }

    .main-column .articles > li {
        width: 100%;
        height: auto;
    }

    .main-column .article-image > img {
        width: 100%;
        height: auto;
    }

    .home-column .article-headline h3 {
        height: auto;
        overflow: auto;
    }

    .home-column #nav-below,
    .home-column #infscr-loading {
        margin-left: 0;
    }
}

/**
 * pc-narrow for category
 */
@media screen and (max-width: 1489px) {
    /* Category */
    .category-column .article-headline {
        margin: 15px;
    }

    .category-column .article-image {
        height: 188px;
    }

    .category-column .article-headline h3 {
        height: auto;
        overflow: auto;
    }

    .category-column .article-headline .article-first {
        display: none;
    }

    .category-column .article-description {
        display: block;
        margin-top: 0px;
    }

    .category-column .category-article-description {
        display: none;
    }

    .authors .article-image img {
        width: auto;
        height: 120%;
    }
    .article-side .author-readmore{

       text-align: center;
    }
    .article-side .author-readmore a{

        font-size: 17px;
        color: #3dbbb4;
        text-decoration: none;
     }

    /* related post */
    .related-posts .articles > li {
        padding-right: 0px;
    }
}


/**
 * pc-narrow for articlesidebar
 */
@media screen and (max-width: 1375px) {
    /* Article */
    .article-side {
        width: 220px;
        /* padding: 20px 35px; */
    }

    .article-side > ul {
        width: 130px;
    }

    .article-side img.avatar {
        /* margin-left: 25px; */
        margin-bottom: 10px;
    }

    .article-side .author-name {
        position: relative;
        left: auto;
        top: auto;
    }

    .article-side .author-position {
        position: relative;
        left: auto;
        top: auto;
        margin-top:5px;
    }

    .article-side .author-description {
        font-size: 11px;
        line-height: 1.4em;
    }
    .article-side .author-readmore{

       text-align: left;
    }
    .article-side .author-readmore a{

        font-size: 15px;
        color: #3dbbb4;
        text-decoration: none;
     }
    .article-side .article-date:before {
        content: '';
    }

    .article-side #side-btrax-member-tweet-timeline {
        display: none;
    }

    .article-column .article-main,
    .article-column .cms-banner,
    .article-column .fb-comments-wrapper {
        margin-left: 240px;
        /* padding-right: 35px; */
    }

    .article-main-thumbnail {
        margin-left: 220px;
    }

    .related-posts {
        padding: 0 30px;
    }

    /* Authors, Author*/
    .authors-column .authors > li {
        min-height: 300px;
    }

    .authors-column .authors img.avatar,
	.search-column .articles img.avatar {
        width: 140px;
        height: 140px;
    }

    .authors-column .authors .author-description,
    .authors-column .authors .author-socials,
	.authors-column .authors .author-position,
	.search-column .articles .author-description,
	.search-column .articles .author-socials,
	.search-column .articles .author-position {
        margin-left: 180px;
        margin-right: 0;
    }

    .authors-column .authors .author-name,
	.search-column .articles .author-name {
        font-size: 20px;





    }

	.authors-column .authors .author-position,
	.search-column .articles .author-position {
		font-size: 15px;
	}

    .authors-column .authors .author-description,
	.search-column .articles .author-description {
        font-size: 14px;
		text-align: justify;
    }

    .authors-column .related-posts-headline {
        display: block;
    }

    .authors-column .articles {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin-right: -10px;
        margin-bottom: 60px;
    }

    .authors-column .articles > li {
        display: inline-block;
        width: 33%;
        margin: 0;
        padding-right: 10px;
    }

    .authors-column .articles > li:nth-child(3) {
        padding-right: 0;
    }

    .authors-column .articles .show-all-articles {
        bottom: -60px;
        width: 100%;
        font-size: 16px;
    }

    .jp .authors-column .articles .show-all-articles {
        font-size: 14px;
    }

    .authors-column .article-image {
        float: none;
        width: 100%;
        height: 125px;
    }

    .authors-column .article-headline {
        margin: 15px 0 0;
    }

    .authors .article-image img {
        width: 120%;
        height: auto;
    }
	.search-column .articles > h2 {
		padding-top: 40px;
	}
	.jp .article-headline h3 {
    		font-size: 18px;
	}
	.en .article-headline h3 {
		line-height: 25px;
	}

    /* Error */
    .error-wrapper {
        background: transparent;
        padding: 0;
    }

    .error-column h2 {
        background: #fff;
        font-size: 19px;
        padding: 20px 0;
        margin-bottom: 10px;
    }

    .error-image {
        background: #fff;
        width: 290px;
        height: 366px;
        padding: 40px 0;
    }

    .error-messages {
        margin-left: 300px;
    }

    .error-messages > li {
        background: #fff;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .error-messages .error-message-japanese {
        font-size: 13px;
    }

    .error-links > li {
        display: inline-block;
        margin-right: 25px;
    }
}

@media screen and (max-width: 1175px) {
    /* Article */
    .article-side {
        display: none;
    }

    .article-bottom {
        display: block;
    }

    .article-column .article-main,
    .article-column .cms-banner,
    .article-column .fb-comments-wrapper {
        margin-left: 0;
        /* padding: 0 30px 30px; */
        margin: 60px 30px 30px;
    }

    .article-column .article-main {
        margin: 60px 30px 10px;
    }

    .article-column .cms-banner {
        margin: 30px 30px 40px;
    }


    .article-column .article-main {
        margin-top: 0;
    }

    .article-main .article-social-buttons {
        display: block;
    }

    .article-main #article-bottom-fb-box {
        margin-bottom: 0px;
    }

    .article-main-thumbnail {
        margin-left: 0;
    }

    .article-main .article-description {
        margin-bottom: 10px;
        visibility: visible;
    }

    /* Footer */
    .footer .constraint {
        padding: 0 75px;
    }

    .footer-contents {
        margin-bottom: -30px;
    }

    .footer-contents > li {
        display: block;
        margin-bottom: 30px;
    }

    .footer-contents-title {
    }

    .footer-contents-description {
        display: none;
    }

    .footer-contents-link {
    }

    .footer-socials {
        margin-right: 0;
    }
}

/**
 * tablet-horizontal
 */
@media screen and (max-width: 1104px) {
    /* Header */
    .header {
        height: 60px;
    }

    .branding {
        top: 10px;
    }

    .branding a {
        width: 126px;
        height: 40px;
    }

    .description {
        left: 170px;
        top: 30px;
    }

    .nav-menu > li {
        font-size: 16px;
        margin-right: 25px;
    }

    .nav-menu > li > a {
        display: block;
    }

    .header .header-icons {
        bottom: 0;
    }

    .header .header-icons > li {
        margin-left: 2px;
        width: 60px;
        height: 60px;
    }

    .header .header-icons > li > a {
        font-size: 34px;
        line-height: 56px;
    }

    .nav-search .search-input {
        width: 246px;
    }

    /* Contents */
    .contents {
        padding: 25px 0;
    }

    /* Main Column */
    .main-column {
        margin-right: -345px;
    }

    .main-column > * {
        margin-right: 345px;
    }

    /* Search */
    .search-column .articles {
        padding: 45px 40px;
    }

    .search-column .nav-search,
    .search-column .articles > li {
        padding-left: 0;
    }

    .search-column .category-list > li {
        font-size: 14px;
        margin-right: 10px;
    }

    .search-column .article-description {
        margin-bottom: 0;
    }

    .search-column .article-first {
        display: none;
    }

    /* Sidebar */
    .sidebar .other-language-articles {
        display: none;
    }

    .sidebar .other-languages {
        display: block;
    }
	.search-column .articles .article-image {
		height: 105px;
		width: 180px;
	}
}

@media screen and (max-width: 1030px) {
    .authors .article-image img {
        width: auto;
        height: 120%;
    }
}


/**
 * dfi banner
 */
@media screen and (min-width:800px) and (max-width:950px){
    #design-innovation .banner-text-contents {
        width: 80%;
        margin: 0 auto;
    }
    #design-innovation .banner-link{
        text-align: center;
        width: 100%;
    }
    #design-innovation-apply-pc{
        display: none!important;
    }
    #design-innovation-apply-sp{
        display: block!important;
        text-align: center!important;
        margin-top: 15px;
    }
    #design-innovation div {
        font-size: 13px;
    }
    #design-innovation-apply-sp {
        margin-top: 15px!important;
        font-size: 15px!important;;
    }
}


/**
 * tablet-middle
 */
@media screen and (max-width: 949px) {
    /* DIF tmp */
    /*.contents {*/
        /*margin-top: 30px!important;*/
    /*}*/
    /* Header */
    .header {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10001;
    }

    .nav-menu-expand {
        width: 100%;
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 1000;
    }


    .branding a {
        background-image: url(./images/logo_small_freshtrax.png);
        width: 40px;
    }

    .description {
        left: 90px;
        top: 23px;
    }

    .header-icons {
        display: none;
    }

    .header .nav-menu-toggle {
        display: block;
    }

    .header .nav-search {
        display: block;
    }

    .nav {
        display: none;
    }

    .contents {
        margin-top: 60px;
    }

    /* Authors */
    .authors-column .article-image {
        height: 80px;
    }

    .authors-column .authors > li {
        margin-top: 0;
        padding-top: 50px;
        min-height: 250px;
    }

    .authors .article-image img {
        width: 120%;
        height: auto;
    }

	.search-column .articles h3 {
		font-size: 14px!important;
	}

	.search-column .articles .article-description > li {
		font-size: 14px;
	}

	.authors-column .authors .author-name,
	.search-column .articles .author-name {
		display: block;
		margin-left: 180px;
		margin-bottom: 5px;
	}


    /* footer */
    .footer-statement {
        width: 55%;
    }

    .copyright #footer-privacy-policy {
        position: absolute;
        right: 100px;
    }
    .copyright #footer-user-terms {
        position: absolute;
        right: 20px;
    }

    /* article mobile under ads */
    .sp-show{
        display:block;
    }
}

/**
 * tablet-vertical
 */

@media screen and (max-width: 835px) {
	.search-column .articles .author-socials {
		font-size: 18px;
	}
	.search-column .articles .author-social-icon {
		font-size: 21px;
		margin-left: 4px;
	}

}

@media screen and (max-width: 800px) {
    /* Header */
    .description {
        font-size: 14px;
    }

    /* Footer */
    .footer .constraint {
        padding: 0 25px;
    }

    /* Main Column */
    .main-column {
        margin-right: 0;
    }

    .main-column > * {
        margin-right: 0;
    }

    .main-column .article-main {
        margin-bottom: 0px;
    }

    .home-column .articles > li,
    .category-column .articles > li {
        max-height: 145px;
    }

    .home-column .article-image,
    .category-column .article-image {
        width: 220px;
        height: 145px;
        float: left;
    }

    .main-column .article-image > img {
        width: auto;
        height: 100%;
    }

    .home-column .article-label,
    .category-column .article-label {
        display: none;
    }

    .home-column .article-label-small,
    .category-column .article-label-small {
        display: block;
    }

    .home-column .article-headline,
    .category-column .article-headline {
        margin: 0 0 0 220px;
        padding: 20px;
        float: none;
    }

    .home-column .article-headline h3,
    .category-column .article-headline h3 {
        height: 60px;
        overflow: hidden;
    }

    /* bottom share btns */
    .social-buttons-bottom .article-social-buttons {
        display: none;
    }

    .social-buttons-bottom .mobile-share-bottons {
        height: auto;
    }

    /* Category */
    .category-column .article-headline h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .jp .category-column .article-headline h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .category-column .article-first {
        display: none;
    }

    .category-column .article-description {
        margin-top: 0;
    }

    /* Authors */
    .authors-column .articles > li {
        padding-right: 40px;
    }

    .authors-column .article-image {
        height: 125px;
    }

    .authors .article-image img {
        width: auto;
        height: 120%;
    }

    .article-author-information {
/*        display:none!important;*/
    }
    li.article-author-information {
        /*display:none;*/
    }
    .cms-banner { display:none; }

	.search-column .articles .author-socials {
		font-size: 21px;
	}
	.search-column .articles .author-social-icon {
		font-size: 24px;
		margin-left: 10px;
	}
	.search-column .articles .author-socials + li {
		margin-top: 40px;
	}

    /* news letter */
    .newsletter-mobile {
        display: inline;
    }

    .subscribe-newsletter {
        width: 100%;
    }

    .subscribe-newsletter .newslette-clear-fix {
        width: 100%;
        height: 30px;
        background-color: #ededed;
        display: none;
    }

    .subscribe-newsletter .newsletter-wrapper {
        margin-top: 10px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #DADFEC;
        border-bottom: 1px solid #DADFEC;
    }

    .subscribe-newsletter .newsletter-wrapper .newsletter-description {
        font-size: 15px;
        margin-bottom: 0px;
        padding-top: 5px;
        line-height: normal;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 > form p {
        margin-bottom: 0px;
    }

    .subscribe-newsletter .wpcf7 > form span input[type='email'] {
        -webkit-appearance: none;
        margin-bottom: 10px;
    }

    .subscribe-newsletter .wpcf7 > form span input[type='submit'] {
        -webkit-appearance: none;
        margin-bottom: 10px;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 .wpcf7-not-valid-tip {
        width: 320px;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-left: -160px;
    }

    /* Ranking articles */
    #rankingArticlesInSingle {
        display: inline;
    }

    #rankingArticlesInSingle .ranking-clear-fix {
        width: 100%;
        height: 30px;
        background-color: #ededed;
    }

    #rankingArticlesInSingle .tab-bar {

    }

    #rankingArticlesInSingle .tab-bar > li {
        margin-bottom: 30px;
    }

    #rankingArticlesInSingle #rankingArticlesContentsSingle {
        padding: 0 30px;
    }

    #rankingArticlesContentsSingle .tab-bar-content {

    }

    #rankingArticlesContentsSingle .articles > li {
        width: 100%;
        padding: 0px;
        margin-right: 0px;
    }

    #rankingArticlesContentsSingle .articles > li > a {
        color: #444;
        text-decoration: none;
    }

    #rankingArticlesContentsSingle .article-image {
        float: left;
        width: 155px;
        height: 110px;
    }

    #rankingArticlesContentsSingle .article-image .article-label {
        display: none;
    }

    #rankingArticlesContentsSingle .article-label-small {
        display: block;
        padding-top:4px;
    }

    #rankingArticlesContentsSingle .article-headline {
        margin: 0 0 0 180px;
        padding-right: 30px;
    }

    #rankingArticlesContentsSingle .article-headline span {
        font-weight: bold;
    }

    #rankingArticlesContentsSingle .article-headline h3 {
        font-size: 23px;
        line-height: 30px;
        margin: 10px 0 8px;
        height: 60px;
        overflow: hidden;
    }

    .jp #rankingArticlesContentsSingle .article-headline h3 {
        font-size: 16px;
        line-height: 20px;
    }

    #rankingArticlesContentsSingle .article-description > li {
        font-size: 14px;
        color: #A8A8AA;
        margin-top: 5px;
    }

    /* Sidebar */
    .sidebar {
        display: none;
    }

	/*author*/
	.search-column .articles .article-image {
		height: 80px;
		width: 123px;
	}

	.search-column .articles h3 {
		font-size: 16px;
	}

	.search-column .articles > li {
		padding: 20px 0 20px 10px;
	}

    /* footer */
    .footer-statement {
        width: 50%;
    }

	#mobile-footer-menu {
		display :block;
	}
	.copyright {
		padding-bottom: 70px;
    }

    #jpn8th-banner {
        display: none;
    }

}

@media screen and (min-width:768px) and (max-width:800px){
    /*.nav-menu-expand .nav-menu li.other-language-link, .nav-menu > li.other-language-link { display:none;} */

}

/**
 * for dfi banner
 */
@media screen and (max-width: 620px){
    #design-innovation .banner-text-contents {
        width: 80%;
        margin: 0 auto;
    }
    #design-innovation .banner-link{
        text-align: center;
        width: 100%;
    }
    #design-innovation-apply-pc{
        display: none!important;
    }
    #design-innovation-apply-sp{
        display: block!important;
        text-align: center!important;
        margin-top: 15px;
    }
    #design-innovation div {
        font-size: 13px;
    }
    #design-innovation-apply-sp {
        margin-top: 15px!important;
        font-size: 15px!important;;
    }
}

/**
 * smartphone
 */
@media screen and (max-width: 600px) {
    /* Global */
    .contents {
        background: #fff;
        padding: 0;
    }
    .jp .article-main p{
        font-size: 14px;
    }
    /* ForAbtest */
    .jp .article-main-ab p{
        font-size: 13px;
    }
    .constraint {
        padding: 0;
    }

    .visible-phone {
        display: block !important;
    }

    /* Header */
	.header {
		height: 50px;
	}

    .branding {
		position:absolute;
        left: 8px;
		top: 8px;
    }

	.branding a {
		width: 34px;
		height: 34px;
	}

	.description {
		position:absolute;
		top: 19px;
		left: 48px;
		display: none;
    }

	.jp .description {
		font-size: 14px;
	}

    .nav-menu-expand .constraint {
        padding: 0;
    }

    .nav-menu-expand .nav-menu > li {
        width: 50%;
        margin: 0;
        text-align: center;
        border-bottom: 2px solid #1f2126;
    }

	.header .nav-menu-toggle {
		position:absolute;
		width: 50px;
		right: 52px;
	}

	.nav-search:before, .nav-search .search-submit:before, .nav-menu-toggle:before {
		position:absolute;
		font-size: 22px;
		right: 15px;
		top: 15px;
	}

	.navi_share_btn li a {
		line-height: 50px;
	}

	.header .nav-search .search-input {
		width: 50px;
	}

	.navi_share_btn {
		width: 102px;
		height: 50px;
	}

	.navi_share_btn li {
		width: 50px;
		height: 50px;
	}

	.navi_share_btn li a {
		font-size: 24px;
	}

    .nav-menu-expand .nav-menu .other-language-link {
        background: #B4C1D2;
        border-bottom: none;
    }

    .nav-menu-expand .other-language-link > a {
        color: #4C525F;
    }

    .nav-menu-expand .nav-menu > li:nth-child(2n) {
        border-left: 2px solid #1f2126;
    }

	.nav-menu-expand {
		position: fixed;
		top: 50px;
	}

	.contents {
		margin-top: 50px;
	}

    /* author */

    .article-author-information {
        /*display:none!important;*/
    }
    li.article-author-information {
        /*display:none;*/
    }
    .cms-banner { display:none; }

    /* Footer */
    .footer {
        padding: 20px 0 15px;
    }

    .footer .constraint {
        padding: 0 15px;
    }

    .logo-btrax {
        display: none;
    }

    .footer-contents {
        margin: 0;
        padding-top:30px;
    }

    .footer-contents-title {
        font-size: 18px;
    }

    .jp .footer-contents-title {
        font-size: 16px;
    }

    .footer-contents-link, .footer-contact-link {
        font-size: 16px;
    }

    .footer-socials {
        float: none;
        margin: auto;
        text-align: center;
        clear: both;
    }

    .footer-socials > li {
        display: inline-block;
        margin: -10px 5px 0;
    }

    .footer-social-description {
        display: none;
    }

    /* mobile footer menu */
    #mobile-footer .nav-menu-expand .nav-menu > li {
	width: 100%;
	line-height: 50px;
    }

    #mobile-footer .nav-menu-expand .nav-menu > li:first-child {
	margin-left: 0px;
    }

    /* Main Column */
    .main-column .articles > li {
        max-height: none;
        margin: 0;
    }

    .main-column .article-image {
        display: none;
    }

/*    .home-column .article-headline,*/
    .category-column .article-headline,
    .authors-column .article-headline,
    .related-posts .article-headline {
        border-bottom: 1px solid #DADFEC;
    }

    .home-column .article-headline,
    .category-column .article-headline {
        margin: 0;
        padding: 15px 20px;
    }

    .main-column .article-headline h3 {
        height: auto;
        overflow: auto;
        margin-bottom: 6px;
    }

    .main-column .article-headline .article-label-small {
        margin-bottom: 10px;
        line-height: 100%;
        display: none;
    }

    /* Home Column */
    .home-column .articles > li {
        max-height: none;
        margin: 0;
        border-bottom: 1px solid #DADFEC;
        position: relative;
    }

    .home-column .article-image {
        display: inline;
/*        width: 40%;
        height: auto;*/
        width:40%;
        height:25vw;
        margin-right: 15px;
    }

    .home-column .article-image img {
        width: 120%;
        height: auto;
    }

    .home-column .article-image .article-label {
/*        display: none;*/
        width: auto;
        display: block;
        font-size: 6px;
        padding: 6px 7px;
    }

    .home-column .article-description {

    }

    .home-column .article-headline {
        height: 100%;
        padding: 15px 15px;
    }

    .home-column .article-headline .article-label-small {
        display: none;
    }

    .home-column .article-headline h3 {
        width: auto;
        font-size: 15px;
        line-height: 120%;
        margin: 0px;
    }

    .home-column .article-description {
        /*color: #4D525F;*/
        width: auto;
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 12px;
    }

    .home-column .article-description > li {
        font-size: 12px;
    }

    .home-column .article-shares {
        line-height: 100%;
    }

    .home-column .article-shares span {
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
    }

    .home-column .article-author {
        display: none;
    }

    .to-top {
        display: none;
    }

    .btn-orange, .btn-orange:active {
        width: auto;
    }

    /* Article */
    .article-column .article-main,
    .article-column .cms-banner,
    .article-column .fb-comments-wrapper {
        margin-left: 0;
        /* padding: 0 15px 15px; */
        margin: 0 15px 15px;
    }

    .article-main-thumbnail {
        padding: 15px 15px 0;
    }

    .article-main-thumbnail .article-label {
        left: 15px;
    }


    /* Category */
    .category-column {
        padding: 0px;
        margin-bottom: 15px;
    }

    .category-column .related-posts-headline {
        padding-left: 15px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }

    .category-column .articles > li {
        max-height: none;
        margin: 0;
        border-bottom: 1px solid #DADFEC;
        position: relative;
    }

    .category-column .article-image {
        display: inline;
        width:40%;
        height:25vw;
        margin-right: 15px;
    }

    .category-column .article-image img {
        width: 120%;
        height: auto;
    }

    .category-column .article-image .article-label {
/*        display: none;*/
        display: block;
        font-size: 6px;
        padding: 6px 7px;
    }

    .category-column .article-description {

    }

    .category-column .article-headline {
        height: 100%;
        padding: 15px 15px;
        border: none;
    }

    .category-column .articles .article-headline .article-label-smal {
        display: none;
    }

    .category-column .articles .article-headline h3 {
        font-size: 15px;
        line-height: 120%;
        margin: 0px;
    }

    .category-column .article-description {
        /*color: #4D525F;*/
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 12px;
    }

    .category-column .article-description > li {
        font-size: 12px;
    }

    .category-column .article-shares {
        line-height: 100%;
    }

    .category-column .article-shares span {
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
    }

    .category-column .article-author {
        display: none;
    }

    /* Related posts */
    .related-posts {
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .related-posts .related-posts-headline {
        padding-bottom: 10px;
        margin-bottom: 0px;
    }

    .related-posts .articles > li {
        max-height: none;
        margin: 0;
        border-bottom: 1px solid #DADFEC;
        position: relative;
    }

    .related-posts .article-image {
        display: none;
/*        display: inline;
        width:40%;
        height:25vw;
        margin-right: 15px;*/
    }

    .related-posts .article-image img {
        display: none;
/*        width: 120%;
        height: auto;*/
    }

    .related-posts .article-image .article-label {
        display: none;
/*        display: block;
        font-size: 6px;
        padding: 6px 7px;*/
    }

    .related-posts .article-description {

    }

    .related-posts .article-headline {
        height: 100%;
        margin: 0;
        padding: 10px 0px 8px;
        border: none;
    }

    .related-posts .articles .article-headline .article-label-smal {
        display: block;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .related-posts .articles .article-headline h3 {
        font-size: 15px;
        line-height: 120%;
        padding-bottom: 3px;
        margin: 0px;
    }

    .related-posts .article-description {
        /*color: #4D525F;*/
        text-align: right;
/*        position: absolute;
        bottom: 5px;
        right: 5px;*/
    }

    .related-posts .article-description > li {
        font-size: 13px;
    }

    .related-posts .article-shares {
        line-height: 100%;
    }

    .related-posts .article-shares span {
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
    }

    .related-posts .article-author {
        display: none;
    }



    /* ranking articles */
    #rankingArticlesInSingle {
        display: inline;
    }

    #rankingArticlesInSingle .ranking-clear-fix {
        display: none;
    }

    #rankingArticlesInSingle .tab-bar > li {
        border-bottom: 5px solid #4b525F;
        margin-bottom: 0px;
    }

    #rankingArticlesInSingle .tab-bar > li > a {
        background: #ededed;
        color: #4b525F;
    }

    #rankingArticlesInSingle .tab-bar > li.active > a {
        background: #4b525F;
        color: #fff;
    }

    /* add thumbnail */
    #rankingArticlesInSingle #rankingArticlesContentsSingle {
        padding: 0px;
    }

    #rankingArticlesContentsSingle .tab-bar-content {
        padding: 0px;
        margin-bottom: 20px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .articles > li {
        max-height: none;
        margin: 0;
        border-bottom: 1px solid #DADFEC;
        position: relative;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-image {
        display: inline;
        width:40%;
        height:25vw;
        margin-right: 15px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-image img {
        width: 120%;
        height: auto;
    }

    #rankingArticlesContentsSingle .tab-bar-content .articles .article-image .article-label {
        display: block;
        font-size: 6px;
        padding: 6px 7px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-description {

    }

    #rankingArticlesContentsSingle .tab-bar-content .article-headline {
        height: 100%;
        padding: 15px 15px;
        border: none;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-headline .article-label-smal {
        display: none;
    }

    #rankingArticlesContentsSingle .tab-bar-content .articles .article-headline h3 {
        font-size: 15px;
        line-height: 120%;
        margin: 0px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-description {
        /*color: #4D525F;*/
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 12px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-description > li {
        font-size: 12px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-shares {
        line-height: 100%;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-shares span {
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-author {
        display: none;
    }


    /* news letter */


    .newsletter-mobile {
        display: inline;
    }

    .subscribe-newsletter {
        width: 100%;
    }

    .subscribe-newsletter .newsletter-wrapper {
        margin: 0px;
        padding: 0px;
        background-color: #EDEDED;
        border: none;
    }

    .subscribe-newsletter .newslette-clear-fix {
        display: none;
    }

    .subscribe-newsletter .newsletter-wrapper .newsletter-description {
        font-size: 12px;
        margin: 0 18px;
        padding-top: 10px;
        line-height: normal;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 {
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 10px;
        padding-bottom: 7.5px;
        background-color: #EDEDED;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 > form input[type='email'] {
        -webkit-appearance: none;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 > form input[type='submit'] {
        margin-bottom: 7.5px;
        -webkit-appearance: none;
    }

    .subscribe-newsletter .wpcf7 > form .ajax-loader {
        position: absolute;
        top: 38px;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 .wpcf7-not-valid-tip {
        width: 320px;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-left: -160px;
    }

    .subscribe-newsletter .newsletter-wrapper .wpcf7 .wpcf7-response-output {
        background-color: #FFF;
        font-size: 14px;
    }


    .article-bottom {
        padding: 0 15px;
    }

    .article-column .fb-comments-wrapper {
        display: none;
    }

    .jp .article-main h1 {
        font-size: 18px;
    }


    /* Page */
    .page-wrapper {
        padding: 0 15px 15px;
    }

    /* Authors */
    .authors-column .authors {
        padding: 0 15px;
    }

    .authors-column .authors > li {
        padding-top: 25px;
        min-height: 120px;
    }

    .authors-column .authors img.avatar {
        display: none;
    }

    .authors-column .authors .author-name,
    .authors-column .authors .author-description,
    .authors-column .authors .author-socials {
        margin-left: 0;
    }

    .authors-column .authors .author-name {
        font-size: 21px;
    }

    .authors-column .authors .author-socials {
        font-size: 16px;
    }

    .authors-column .articles > li {
        display: block;
        width: 100%;
        min-height: 0;
        padding-right: 0;
    }

    .authors-column .article-headline {
        padding: 0;
    }

    .authors-column .article-headline h3 {
        font-size: 20px;
        line-height: 1.2em;
        margin: 13px 0 8px;
        max-height: none;
    }

    .jp .authors-column .article-headline h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .authors-column .articles .show-all-articles {
        padding-right: 0;
    }

    /* footer */
    .footer-statement {

        width: 100%;
    }

	/* mobile footer nemu */

    /* Search */
    .search-column .category-list {
        display: none;
    }

    .search-column .category-dropdown {
        display: block;
    }

    .search-column .articles {
        padding: 30px 15px;
    }

    .search-column .article-headline {
        border: none;
    }

    /* Error */
    .error-wrapper {
        background: #fff;
    }

    .error-column h2 {
        margin-top: 200px;
        border-bottom: 1px solid #DADFEC;
    }

    .error-column h2 > span {
        display: block;
    }

    .error-image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 200px;
        padding: 0;
    }

    .error-image-cooper {
        width: 150px;
        height: 186px;
        margin-top: 15px;
    }

    .error-messages {
        margin-left: 0;
        padding: 0 15px 20px;
    }

    .error-messages > li {
        margin: 0;
        padding: 15px 0;
        border-bottom: 1px solid #DADFEC;
    }

    .error-links > li {
        display: block;
    }

    /* Mobile contact form */
    .wpcf7 form {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
    }

    .wpcf7 input:not(input[type="checkbox"]), .wpcf7 button, .wpcf7 textarea, .wpcf7 select
    {
        width: 100%;
        -webkit-appearance: none;
        border-radius: 0;
    }

    .wpcf7 .wpcf7-submit {
        margin: 0 auto;
        width:160px;
    }


    /* mobile share btns */
    .social-buttons-bottom .mobile-share-bottons {
        width: 100%;
    }

    .social-buttons-bottom .mobile-share-bottons .mobile-button {
        width: 16%;
        margin-right: 3%;
    }

    .social-buttons-bottom .mobile-share-bottons .mobile-button:last-child {
        margin-right: 0px;
    }

    .mobile-share-bottons .mobile-button a img {
        width:  100%;
        height: auto;
    }
}

@media screen and (max-width: 450px) {
        /* Home Column */
    .home-column .articles > li {
    }

    .home-column .article-image {
        margin-right: 10px;
    }

    .home-column .article-description {

    }

    .home-column .article-headline {
        height: 100%;
        padding: 10px 10px;
    }

    .home-column .article-headline .article-label-small {
        display: none;
    }

    .home-column .article-headline h3 {
        font-size: 11px;
        font-weight: 900;
    }

    .home-column .article-description {
        /*color: #4D525F;*/
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 9px;
    }

    .home-column .article-description > li {
        font-size: 9px;
    }

    .home-column .article-shares span {
        font-size: 9px;
    }

	 /* Author */
	.search-column .articles .author-avator {
		height: 140px;
		width: 140px;
		float: left;
	}
    .search-column .articles .author-name {
		margin-top: 40px;
		margin-left: 160px;
	}

	.search-column .articles .author-position {
		margin-left: 160px;
	}

	.search-column .articles .author-socials {
		margin-left: 160px;
	}

	.search-column .articles .author-description {
		display: none;
	}

	.search-column .articles > h2 {
		padding-top: 60px;
        }

    /* Footer */
    .copyright .constraint p {
        text-align: left;
        margin-left: 20px;
    }

    /* Category */
    .category-column .articles > li {

    }

    .category-column .articles .article-image {
        margin-right: 10px;
    }

    .category-column .article-description {

    }

    .category-column .articles .article-headline {
        height: 100%;
        margin: 0px;
        padding: 10px 10px;
    }

    .category-column .articles .article-headline h3 {
        font-size: 11px;
        font-weight: 900;
        line-height: 120%;
    }

    .category-column .articles .article-description {
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 9px;
    }

    .category-column .articles .article-description > li {
        font-size: 9px;
    }


    /* Ranking posts */
    //add thumbnail
    /* Related Posts */
    #rankingArticlesContentsSingle .tab-bar-content .articles > li {

    }

    #rankingArticlesContentsSingle .tab-bar-content .articles .article-image {
        margin-right: 10px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .article-description {

    }

    #rankingArticlesContentsSingle .tab-bar-content .articles .article-headline {
        height: 100%;
        margin: 0px;
        padding: 10px 10px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .articles .article-headline h3 {
        font-size: 11px;
        font-weight: 900;
        line-height: 120%;
    }

    #rankingArticlesContentsSingle .tab-bar-content .articles .article-description {
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 9px;
    }

    #rankingArticlesContentsSingle .tab-bar-content .articles .article-description > li {
        font-size: 9px;
    }

    #recruit-jp #recruit-jp-apply{
        font-size: 18px;
    }
}

/* White Paper */
.download-whitepaper form {
    padding-bottom: 10px;
}

.download-whitepaper input {
    width: 100%;
    margin-bottom: 15px;
}

/* Under Construction */
.under-construction {
    padding: 200px 0;
}

.under-construction .constraint {
    width: 790px;
    margin: 0 auto;
}

.under-construction img {
    width: 225px;
    float: left;
}

.under-construction h1,
.under-construction p,
.under-construction a {
    margin-left: 280px;
}

.under-construction h1 {
    font-family: 'Meta Bold';
    font-weight: normal;
    font-size: 32px;
    padding: 20px 0;
}

.under-construction p,
.under-construction a {
    font-size: 18px;
    line-height: 1.4em;
    padding: 10px 0;
}

.under-construction a {
    font-family: 'Meta Bold';
    font-weight: normal;
    display: block;
    color: #3dbbb4;
}

.fb_iframe_widget > span {
    vertical-align: baseline !important;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .weibo-widget-title{  background-image:url(images/icon-weibo@2x.png); }
    .btrax-widget-title{  background-image:url(images/icon-btrax@2x.png); }
    .title-contact-box{   background-image:url(images/mailbox_icon.png); }

table.basicNoBorder{ border:none; border-spacing:0;}
table.basicNoBorder td, table.basicNoBorder th{ padding:0; border:none; border-spacing:0;}
.article-main  table.basicNoBorder img.small { padding:0; margin:0; float:none; width:100%;}

}

@media screen and (max-width: 369px) {
/* author */
	.search-column .articles .author-name,
	.search-column .articles .author-position {
		margin-left: 155px;
	}

	.search-column .articles .author-socials {
		font-size: 18px;
		margin-left: 155px;
	}

	.search-column .articles .author-social-icon {
		font-size: 18px;
		margin-left: 4px;
	}

    @media screen and (max-width: 320px){
        #event-title{
            font-size: 15px;
        }


    }