/*------------------------------------*\ COMPONENT SHORTCODE \*------------------------------------*/
.collapsible-body p { padding: 1rem 2rem; }

.btn { display: inline-block; width: auto; height: auto; padding: 10px 25px; margin: 10px 0; letter-spacing: 1.5px; font-size: 14px; text-decoration: none; border-radius: 0; background-color: #ccc; color: white; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-transform: uppercase; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.btn span { color: white; }

.btn:hover { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-color: #ddd; color: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; }

.gcom-frame { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; margin-bottom: 50px; }

.gcom-frame.gcom-frame-1-big-banner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.gcom-frame.gcom-frame-1-big-banner .gcom-frame-1-big-banner-article { width: 100%; position: relative; -webkit-column-gap: 65px; column-gap: 65px; }

.gcom-frame.gcom-frame-1-big-banner .gcom-frame-1-big-banner-article h1 { width: 100%; position: absolute; top: -150px; text-align: center; color: white; }

.gcom-frame.gcom-frame-1-big-banner .gcom-frame-1-big-banner-aside { width: 100%; height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.gcom-frame.gcom-frame-1-big-banner .gcom-frame-1-big-banner-aside .gcom-frame-overlay { width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+60,000000+100&0+60,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ }

.gcom-frame.layout-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.gcom-frame.layout-right .gcom-frame-article { border-right: 50px solid transparent; }

@media screen and (max-width: 600px) { .gcom-frame.layout-right .gcom-frame-article { border-right: none; } }

@media screen and (max-width: 600px) { .gcom-frame.layout-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.gcom-frame.layout-left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.gcom-frame.layout-left .gcom-frame-article { border-left: 50px solid transparent; }

@media screen and (max-width: 600px) { .gcom-frame.layout-left .gcom-frame-article { border-left: none; } }

.gcom-frame.layout-left .gcom-frame-aside { left: 0; }

@media screen and (max-width: 600px) { .gcom-frame.layout-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.gcom-frame-article { border-right: 50px solid transparent; width: 67%; line-height: 1.5; -webkit-column-gap: 65px; column-gap: 65px; }

@media screen and (max-width: 1024px) { .gcom-frame-article { width: 49%; } }

@media screen and (max-width: 600px) { .gcom-frame-article { width: 100%; } }

.gcom-frame-aside { width: 33%; height: 100%; position: absolute; right: 0; }

@media screen and (max-width: 1024px) { .gcom-frame-aside { width: 49%; } }

@media screen and (max-width: 600px) { .gcom-frame-aside { width: 100%; height: 500px; position: relative; } }

.gcom-frame-aside div:nth-child(1) { display: table; width: 100%; height: 70%; background-size: cover; background-position: center center; background-origin: content-box; background-repeat: no-repeat; }

.gcom-frame-aside div:nth-child(1).gcom-frame-1-over-2-short { height: 50%; }

.gcom-frame-aside div:nth-child(1).gcom-frame-1-big { height: 100%; }

@media screen and (max-width: 600px) { .gcom-frame-aside div:nth-child(1) { margin-bottom: 10px; } }

.gcom-frame-aside div:nth-child(2) { position: absolute; left: 0; width: 48%; height: 30%; padding-top: 2%; margin-right: 1%; background-size: cover; background-position: center center; background-origin: content-box; background-repeat: no-repeat; }

.gcom-frame-aside div:nth-child(2).gcom-frame-1-over-2-short { height: 50%; }

.gcom-frame-aside div:nth-child(2).gcom-frame-1-big { display: none; }

.gcom-frame-aside div:nth-child(3) { display: inline-block; position: absolute; right: 0; width: 49.5%; height: 30%; padding-top: 2%; background-size: cover; background-position: center center; background-origin: content-box; background-repeat: no-repeat; }

.gcom-frame-aside div:nth-child(3).gcom-frame-1-over-2-short { height: 50%; }

.gcom-frame-aside div:nth-child(3).gcom-frame-1-big { display: none; }

.expander { width: 100%; }

.expander .expander-trigger { cursor: pointer; font-size: 1.5em; margin-bottom: 1em; padding-bottom: 0.25em; text-decoration: none; }

.expander .expander-trigger:before { content: "\25BC"; font-size: 0.7em; margin-right: 0.5em; font-family: 'FontAwesome'; }

.expander .expander-hidden:before { content: "\25BA"; font-size: 0.7em; font-family: 'FontAwesome'; }

.expander .expander-content.content-hidden { display: none; }

.gcom-tab-content-wrapper .gcom-tab { display: none; }

.gcom-tab-content-wrapper .gcom-tab.active-tab-content { display: block; }