/*
Theme Name: AppWorks 2016
Theme URI: 
Author: FLiPER Creative Inc.
Author URI: http://company.flipermag.com/
Description: AppWorks Official Site WordPress theme
Version: 1.0
Text Domain: appworks-2016
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	font-family: Roboto, '微軟正黑體', '蘋果儷中黑', "XinGothic-W3", serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */


/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {
	color: #525252;
	font-family: Roboto, '微軟正黑體', '蘋果儷中黑', "XinGothic-W3", serif;
	font-size: 16px;
	line-height: 1.5;
}

h1, h1 a, h1 a:hover,
h2, h2 a, h2 a:hover,
h3, h3 a, h3 a:hover,
h4, h4 a, h4 a:hover,
h5, h5 a, h5 a:hover,
h6, h6 a, h6 a:hover {
	clear: both;
	font-family: Roboto, '微軟正黑體', '蘋果儷中黑', "XinGothic-W3", serif;
	margin: 0;
	text-rendering: optimizeLegibility;
	color:#222;
	font-weight: bold;
}

h1 {
	font-size: 3.6rem;
	margin-bottom:2.4rem;
}

h2 {
	font-size: 3.6rem;
	margin-bottom:1.8rem;
}

h3 {
	font-size: 2.4rem;
	margin-bottom:1.2rem;
}

h4 {
	font-size: 2rem;
	margin-bottom:1rem;
}

h5 {
	font-size: 1.8rem;
	margin-bottom:0.9rem;
}

h6 {
	font-size: 1.6rem;
	margin-bottom:0.8rem;
}

p {
	margin: 0 0 1.75em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}


/**
 * 4.0 - Elements
 */

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

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

blockquote {
    border-left: 2px solid #ff6b0f;
    padding: 2px 20px;
    font-size: 1.6rem;
    color: #a7a6a7;
}


/**
 * 5.0 - Forms
 */


/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */

a {
	color: #ff6b0f;
	text-decoration: none;
}

a:hover {
	color: #ff6b0f;
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	outline: none;
}

.entry-header a:hover {
	color:#222;
}

/**
 * 6.2 - Menus
 */
.primary-menu {
	margin:0px;
	list-style: none;
}

.primary-menu .menu-item {
	padding: 12px 0px;
	margin:0px 15px;
}

.primary-menu .menu-item a {
	color:#222;
	font-size:16px;
	font-family: Roboto;
	font-weight: 500;
}

.primary-menu .menu-item a:hover {
	color:#222;
}

.primary-menu .menu-item.current_page_item {
	padding-bottom: 12px;
}

.primary-menu .menu-item.current_page_item a {
	color:#e7792b;
}

.navbar-toggle {
	margin-top:19px;
	margin-bottom:19px;
}

.navbar-toggle .icon-bar {
	background:#e7792b;
}

.navbar-toggle.collapsed .icon-bar {
	background:#888;
}

/**
 * 7.0 - Accessibility
 */


 /**
 * 8.0 - Alignments
 */
.align-left {
	text-align: left;
}

.alignr-ight {
	text-align: right;
}

.align-center {
	text-align: center;
}


/**
 * 9.0 - Clearings
 */

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.textwidget:after {
	clear: both;
}

.clearfix:before {
	clear:both;
	content:'.';
	text-indent: -9999px;
	height: 0px;
	visibility: hidden;
	display:block;
}


/**
 * 10.0 - Widgets
 */
#secondary .widget .widget-title {
    background-color: #4a4a4a;
    color: #fff;
    font-size: 18px;
    padding: 10px 12px;
    font-weight: normal;
}

#secondary .widget ul li a {
    color: #222;
}

#secondary .widget ul li {
    margin-bottom: 16px;
}

#secondary .textwidget {
    padding: 0px 10px;
}


/**
 * 11.0 - Content
 */
.container {
	max-width:970px;
}

.quote-block {
    margin-left: 36px;
    max-width: 680px;
    position: relative;
}

.quote-block:before {
    content: "“";
    position: absolute;
    color: #91928E;
    font-family: "Droid serif";
    font-size: 72px;
    left: -40px;
    top: -26px;
}

.quote-block h2 {
    font-size:24px;
    margin-bottom:10px;
}

.quote-block p {
    font-size:14px;
}

.avatar-desc h2 {
    font-size: 16px !important;
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 500 !important;
    position: absolute;
    left: 125px;
    top: 30px;
    color: #000 !important;
}

.avatar-desc figure {
    display: block !important;
}

.avatar-desc figure img {
    width: 100px;
}

.avatar-desc {
    position: relative;
}

.avatar-desc figcaption {
    position: absolute;
    left: 125px;
    top: 50px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px !important;
}

.avatar-desc.quote-block:before {
    display: none;
}

.counter-with-text-block {
    max-width:600px;
    margin:0 auto;
}

.counter-with-text-block .count {
    font-size:30px;
    color:#ff6b0f;
    line-height:48px;
    margin-bottom:8px;
    font-family:Roboto;
    font-weight:500;
}

.counter-with-text-block .text {
    font-size:12px;
    color:#ff6b0f;
    line-height:12px;
    font-family:Roboto;
    font-weight:500;
}

.timeline {
	position: relative;
}

.timeline .line {
    position: absolute;
    border-left: 1px solid #ff6b0f;
    left: 25px;
    top: 0px;
    bottom: 100px;
}

.timeline .segment {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    padding-bottom: 60px;
}

.timeline .segment .title br {
    display: none;
}

.timeline .segment .title {
    padding-left: 30px;
    font-size: 24px;
    line-height: 24px;
    font-family: Roboto;
    font-weight: 500;
    color: #ff6b0f;
}

.timeline .segment .time {
    padding-left: 30px;
    font-weight: 400;
    font-family: Roboto;
    font-size: 18px;
}

.timeline .segment .node {
	width: 22px;
	height: 22px;
    position: absolute;
    top: 0px;
    background: #fff;
	border: 4px solid #ff6b0f;
	border-radius: 50%;
	z-index: 10;
}

.invest-block {
    max-width: 440px;
    background: #fff;
    border: 1px solid #eee;
    padding: 25px 25px 0px 25px;
    margin:0px auto 20px !important;
    border-radius: 4px;
}

.invest-block:hover {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.invest-block .en h3 a {
	font-weight:500;
	font-family: Roboto;
}

.investment-existed-desc p {
	margin-top:50px;
}

.investment-area > .vc_column_container {
    padding:0px 10px;
}

.investment-desc p:first-child {
    height: 330px;
}

.invest-exit-block {
    width: 33.33%;
    text-align: center;
    min-width: 300px;
    margin: 0px auto 50px !important;
}

/**
 * 11.1 - Header
 */
#masthead_shadow {
	height: 72px;
}

.site-branding {
    float:left;
}

.site-branding .site-title {
	float:left;
	margin-bottom:0px;
}

.site-branding .site-title a {
	display:block;
	width:120px;
	padding-top:17px;
	margin-left:15px;
}

/**
 * 11.2 - Posts and pages
 */
.page-block {
	border-bottom:1px solid #dcdcdc;
	padding-top:50px;
	padding-bottom:50px;
}

.page-block.last {
	border-bottom:0px;
}

.page-block-main-title {
	font-size:44px;
	margin-bottom:30px;
}

.page-block-sub-title {
	color:#4a4a4a;
	margin-bottom:48px;
}
 
.feature-counter {
    display: inline-block;
    padding:20px 25px;
}

.feature-counter .counter {
	line-height: 1;
    font-size: 56px;
    color: #ff6b0f;
}

.feature-counter .feature {

}

.team-member .avatar-link {
	display: block;
}

.team-member .avatar-link .hover {
	display: none;
}

.team-member .avatar-link:hover .on {
	display: none;
}

.team-member .avatar-link:hover .hover {
	display: block;
}

.team-member .job-title {
    font-size: 14px;
    color: #ff6b0f;
    text-align: center;
    padding-top: 10px;
    font-family: Roboto;
    font-weight: bold;
}

.team-member .name {
    font-size: 18px;
    text-align: center;
    font-family: "Droid Serif";
    color: #000;
    margin-bottom: 30px;
}

.year-logo {
	color:#222;
}

.year-logo img {
	vertical-align: top;
	padding-left:30px;
}

.portfolio .logo-wrapper {
	display: block;
    width: 300px;
    margin: 0 auto;
}

.portfolio .logo {
	background-color: #dfe0e4;
    width: 300px;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}

.portfolio .logo img {
	display: block;
	margin: auto;
}

.portfolio .description {
	min-height: 300px;
}

.portfolio .description .more {
	position: absolute;
	bottom:0px;
}

.hero-bg {
	width: 100%;
	height: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.member-title {
	font-size:1.6rem;
}

.member-name {
	font-size:2.2rem;
}

.member-avatar {
	width:60px;
	height: 60px;
	display: block;
	border-radius: 250px;
	margin:0 auto;
}

.member-block {
	margin-bottom:50px;
}

#TB_ajaxContent {
    padding: 0px !important;
    overflow: auto !important;
}

#TB_window {
	border-radius: 9px;
}

#TB_title {
    display: none;
}

#TB_ajaxContent {
	background-color: #333336;
	border-radius: 8px;
	position: relative;
}

.team-member-thickbox {
	width:100%;
	height:auto;
	display:none;
}

.team-member-thickbox-inner {
	
}

.team-member-thickbox-inner .big-avatar {
    width: 100%;
}

.team-member-thickbox-inner .member-info {
	padding-top:20px;
    padding-left: 10px;
    padding-right:10px;
}

.team-member-thickbox-inner .member-info-job-title {
	font-size:14px;
	text-transform: uppercase;
	font-family: "Droid serif";
	color:#fff;
	margin-bottom:4px;
}

.team-member-thickbox-inner .member-info-name {
	font-size:24px;
	font-family: "Roboto";
	font-weight: medium;
	color: #ff6b0f;
	margin-bottom:12px;
}

.team-member-thickbox-inner .member-info-description {
	font-size:16px;
	font-family: "Roboto";
	color:#fff;
	line-height: 1.5;
}

.team-member-thickbox-inner .social-link {
	position: static;
    padding: 10px 10px 20px;
}

.team-member-thickbox-inner .social-link a {
	background: url(images/icons/member-social-icon@2x.png);
	background-size: 74px 49px;
    background-repeat: no-repeat;
	display: inline-block;
	width: 24px;
    height: 24px;
	margin-right:14px;
}

.team-member-thickbox-inner .social-link a.blog {
 	background-position-x: -50px;
}

.team-member-thickbox-inner .social-link a.blog:hover {
    background-position-y: -25px;
}

.team-member-thickbox-inner .social-link a.facebook {
    
}

.team-member-thickbox-inner .social-link a.facebook:hover {
    background-position-y: -25px;
}

.team-member-thickbox-inner .social-link a.linkedin {
 	background-position-x: -25px;   
}

.team-member-thickbox-inner .social-link a.linkedin:hover {
    background-position-y: -25px;
}

.team-member-thickbox-inner a.close-button {
	display: block;
	position: absolute;
	top:0px;
	right: 0px;
	width:34px;
	height: 34px;
	background: url(images/icons/close-button@2x.png);
	background-size: 34px 69px;
	background-repeat: no-repeat;
	z-index:20;
}

.team-member-thickbox-inner .close-button:hover {
	background-position-y:-35px;
}

.cta-button {
    border: none !important;
    background: transparent !important;
    padding-top:0px !important;
}

.cta-button a {
	border: none !important;
    background: #ff6b0f !important;
    color: #fff !important;
    width: 160px;
    height: 60px;
    line-height: 60px !important;
    font-size: 18px !important;
    font-family: Roboto;
    border-radius: 5px !important;
    text-decoration: none !important;
    padding: 0px !important;
}

.cta-button.wauto a {
	width:auto !important;
	padding-left:25px !important;
	padding-right:25px !important;
}

.cta-button a:hover {
    box-shadow: 0px 6px 5px rgba(0,0,0,0.3) !important;
    border:none !important;
}

.entry-meta div {
    padding-right: 12px;
    display: inline-block;
}

.entry-meta {
    margin-bottom: 40px;
}

.article-block {
	border-bottom:1px solid #dcdcdc;
	padding-bottom:50px;
	margin-bottom:50px;
}

.pagination .screen-reader-text {
	display: none;
}

.pagination .page-numbers {
	min-width:40px;
	height: 40px;
	display:inline-block;
	background-color:#4a4a4a;
	text-align: center;
	line-height: 40px;
	font-size:16px;
	padding:0px 10px;
	color:#fff;
}

.pagination .page-numbers {
	text-decoration: none;
}

.pagination .page-numbers.current {
	background-color:#fc6b26;
}

.pagination .page-numbers.dots {
	background-color:initial;
	color:#4a4a4a;
}

/**
 * 11.3 - Post Formats
 */

/**
 * 11.4 - Comments
 */

/**
 * 11.5 - Sidebar
 */

/**
 * 11.6 - Footer
 */
#colophon {
	padding-top: 30px;
	padding-bottom:100px;
	font-size:12px;
	background: #474b56;
    color: #999;
    font-family: Roboto
}

#colophon a {
	color:#ccc;
}

.footer-link {
	line-height: 21px;
	display: inline-block;
}

.footer-link:hover {
	color:#fff !important;
	text-decoration: none;
}

.footer-link.fb {
	margin-right:12px;
}

.footer-link.fb:before {
    float: left;
    display: block;
    width: 21px;
    height: 21px;
    background: url(images/icon_set.png);
    background-position-x:-42px;
    background-position-y: -11px;
    background-size: 84px 32.5px;
    background-repeat: no-repeat;
    content: ".";
    text-indent: -9999px;
    margin-right: 6px;
}

.footer-link.fb:hover:before {
	background-position-x:0px;
}

.footer-link.google:before {
    float: left;
    display: block;
    width: 21px;
    height: 21px;
    background: url(images/icon_set.png);
    background-position-x:-63px;
    background-position-y: -11px;
    background-size: 84px 32.5px;
    background-repeat: no-repeat;
    content: ".";
    text-indent: -9999px;
    margin-right: 6px;
}

.footer-link.google:hover:before {
	background-position-x:-21px;
}

#footer-info {
    margin: 0 15px;
}

#footer-info > div {
    margin-bottom: 20px;
}

/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}


/**
 * 12.1 - Captions
 */

/**
 * 12.2 - Galleries
 */


/**
 * 13.0 - Multisites
 */


/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 14.1 - >= 768px
 */

@media screen and (min-width: 768px) {
	#masthead, #masthead_shadow {
		height: 100px;
	}

	.site-branding .site-title a {
		width:150px;
		padding-top:27px;
		margin-left:0px;
	}

	.member-title {
		font-size:2.4rem;
	}

	.member-name {
		font-size:3.6rem;
	}

	.feature-counter {
    	display: inline-block;
    	padding:50px 25px;
	}

	.feature-counter .counter {
		line-height: 1.5;
	}

	.hero-bg {
    	height: 360px;
	}

	.member-avatar {
		width:100px;
		height: 100px;
	}

	.primary-menu {
    	float:right;
	}

	.primary-menu .menu-item {
    	float:left;
    	padding:38px 0px;
    	height: 100px;
	}

	.primary-menu .menu-item.current_page_item {
    	padding-bottom:34px;
		border-bottom:4px solid #e7792b;
	}

	.quote-block {
    	margin:0 auto;
	}

	.counter-with-text-block .count {
    	font-size:48px;
    }

    .timeline {
    	margin:0 -15px;
	}

	.timeline .segment {
    	float: left;
    	width: 25%;
    	margin-left: 0px;
    	margin-right: 0px;
    	padding-bottom: 0px;
	}

	.timeline .segment .title {
    	text-align: center;
	    font-size: 18px;
	    margin-bottom: 8px;
	    padding-left:0px;
	    line-height: 1.5;
	}

	.timeline .segment .time {
	    text-align: center;
	    font-weight: 300;
	    margin-bottom: 20px;
	    padding-left: 0px;
	}

	.timeline .segment .node {
	    margin: 0 auto;
	    position: relative;
	    
	}

	.timeline .line {
	    border-top: 1px solid #ff6b0f;
	    border-left:0px;
	    position: relative;
	    left:auto;
	    top: -11px;
	    bottom:auto;
	}

	#TB_ajaxContent {
    	padding: 0px !important;
    	overflow: hidden !important;
	}

	.team-member-thickbox-inner .big-avatar {
    	width: 50%;
    	float: left;
	}

	.team-member-thickbox {
		width:600px;
		height:352px;
	}

	.team-member-thickbox-inner .social-link {
		position: absolute;
		left:50%;
		padding-left:15px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		bottom:15px;
	}

	.team-member-thickbox-inner .member-info-description {
		overflow: auto;
    	max-height: 200px;
	}

	.team-member-thickbox-inner .member-info {
	    margin-left: 50%;
	    padding-left: 15px;
	    padding-right:15px;
	    padding-top:40px;
	    padding-bottom:0px;
	}

	.team-member-thickbox-inner a.close-button {
		display: block;
		position: absolute;
		top:5px;
		right: 5px;
		width:34px;
		height: 34px;
		background: url(images/icons/close-button@2x.png);
		background-size: 34px 69px;
		background-repeat: no-repeat;
		z-index:20;
	}

}

@media screen and (min-width: 950px) {
	.invest-block {
    	max-width: 440px;
    	margin:0px 10px 20px !important;
    	float:left;
	}

	.investment-area > .vc_column_container {
    	width: 950px;
    	margin: 0 auto;
    	float: none;
    	padding:0px;
	}

	.invest-exit-block {
    	float: left;
	}
}

/**
 * 14.2 - >= 992px
 */

@media screen and (min-width: 992px) {
	.hero-bg {
    	height: 400px;
	}

	.member-avatar {
		width:250px;
		height: 250px;
	}

	.team-member-thickbox {
		width:770px;
		height:452px;
	}

	.team-member-thickbox-inner .social-link {
		position: absolute;
		left:50%;
		padding-left:20px;
		bottom:30px;
	}

	.team-member-thickbox-inner .member-info-description {
		overflow: auto;
    	max-height: 250px;
	}

	.team-member-thickbox-inner .member-info {
	    margin-left: 50%;
	    padding-left: 20px;
	    padding-right:20px;
	    padding-top:60px;
	    padding-bottom:0px;
	}

	.team-member-thickbox-inner a.close-button {
		display: block;
		position: absolute;
		top:10px;
		right: 10px;
		width:34px;
		height: 34px;
		background: url(images/icons/close-button@2x.png);
		background-size: 34px 69px;
		background-repeat: no-repeat;
		z-index:20;
	}
	
}


/**
 * 14.3 - >= 1200px
 */

@media screen and (min-width: 1200px) {
	.team-member-thickbox-inner .social-link {
		position: absolute;
		left:50%;
		padding-left:30px;
		bottom:30px;
	}

	.team-member-thickbox-inner .member-info {
	    margin-left: 50%;
	    padding-left: 30px;
	    padding-right:30px;
	    padding-top:80px;
	    padding-bottom:30px;
	}

	.team-member-thickbox-inner .member-info-description {
		overflow: auto;
    	max-height: 330px;
	}

	.team-member-thickbox {
		width:970px;
		height:570px;
	}

	.team-member-thickbox-inner a.close-button {
		display: block;
		position: absolute;
		top:20px;
		right: 20px;
		width:34px;
		height: 34px;
		background: url(images/icons/close-button@2x.png);
		background-size: 34px 69px;
		background-repeat: no-repeat;
		z-index:20;
	}

	#homepage_footer_1, #homepage_footer_2, #homepage_footer_3 {
		overflow: hidden;
		height: 110px;
		margin-bottom:0px;
		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}

	#homepage_footer_1:hover, #homepage_footer_2:hover, #homepage_footer_3:hover {
		margin-top:-18px;
		margin-bottom:18px;
	}

	#homepage_footer_1 .show-on-hover, #homepage_footer_2 .show-on-hover, #homepage_footer_3 .show-on-hover {
		/*display: none;*/
		margin-top:50px;
		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}

	#homepage_footer_1:hover .show-on-hover, #homepage_footer_2:hover .show-on-hover, #homepage_footer_3:hover .show-on-hover {
		/*display: block;*/
		margin-top:-17px;
	}
}

@media screen and (min-width: 1410px) {
	.investment-area > .vc_column_container {
    	width: 1410px;
	}
}

@media screen and (min-width: 1870px) {
	.investment-area > .vc_column_container {
    	width: 1870px;
	}
}




/**
 * 15.0 - Print
 */