b/*!
Theme Name: ORiGO v2
Theme URI: http://www.origoemforma.com.br
Author: Yvens Colbert
Description: Tema Wordpress para o site da empresa
Version: 2018
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
	font-family: 'Gill Sans MT';
	font-display: fallback;
	src: url(fonts/gill_sans_mt.eot);
	src: url(fonts/gill_sans_mt.eot?#iefix) format("embedded-opentype"), url(fonts/gill_sans_mt.woff2) format("woff2"), url(fonts/gill_sans_mt.woff) format("woff"), url(fonts/gill_sans_mt.ttf) format("truetype"), url(fonts/gill_sans_mt.svg#GillSansMT) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Hand of Sean';
	font-display: fallback;
	src: url(fonts/hand_of_sean_demo-webfont.eot);
	src: url(fonts/hand_of_sean_demo-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/hand_of_sean_demo-webfont.woff2) format("woff2"), url(fonts/hand_of_sean_demo-webfont.woff) format("woff"), url(fonts/hand_of_sean_demo-webfont.ttf) format("truetype"), url(fonts/hand_of_sean_demo-webfont.svg#hand_of_sean_demoregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'OrigoFont';
	font-display: fallback;
	src: url(fonts/Origo-Regular.eot);
	src: url(fonts/Origo-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/Origo-Regular.woff2) format("woff2"), url(fonts/Origo-Regular.woff) format("woff"), url(fonts/Origo-Regular.ttf) format("truetype"), url(fonts/Origo-Regular.svg#Origo-Regular) format("svg");
	font-weight: 400;
	font-style: normal
}

* {
	-webkit-font-smoothing: antialiased;
}
body {
	background-image: url('img/bg_paper3.png');
	background-repeat: repeat;
	font-family: "Gill Sans MT", "Helvetica Neue", "Arial",sans-serif;
	letter-spacing: .01em;
	font-weight: 400;
	color: #fff;
	line-height: 1.4;
	font-size: 100%;
	word-break: break-word;
    overflow-wrap: break-word;
}

a { outline: none }

@-webkit-keyframes reveal { from { opacity: 0; -webkit-transform: translateY(75px); -moz-transform: translateY(75px); transform: translateY(75px); }
to { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } }
@keyframes reveal { from { opacity: 0; -webkit-transform: translateY(75px); -moz-transform: translateY(75px); transform: translateY(75px); }
to { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } }
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.animated-reveal { -webkit-animation-name: reveal; -moz-animation-name: reveal; animation-name: reveal; }
.reveal-block { opacity: 0;  -webkit-transform: translateY(75px); -moz-transform: translateY(75px); transform: translateY(75px); }

.by-hand { font-family: 'Hand of Sean'; }
.origofont { font-family: 'OrigoFont'; font-size: 110%;}

.letra-marrom { color: #7F3930; }
.letra-ocre { color: #D0AF6D; }
.letra-preta { color: #373435; }
.letra-cinza { color: #A9ABAE; }
.letra-laranja { color: #F17735; }
.letra-branca { color: #fff; }

.a-marrom {
	color: #7f3930 !important;
}
.a-marrom:hover {
	color: #4c221c !important;
}

.a-ocre {
	color: #D0AF6D !important;
}
.a-ocre:hover {
	color: #bb9d62 !important;
}

.filtro-marrom { background-color: rgba(127,57,48,.8); }
.filtro-ocre { background-color: rgba(208,175,109,.8); }
.filtro-preto {	background-color: rgba(55,52,53,.8); }
.filtro-preto-escuro {	background-color: rgba(55,52,53,.9); }
.filtro-cinza {	background-color: rgba(169,171,174,.8); }
.filtro-laranja {	background-color: rgba(241,119,53,.8); }
.filtro-claro {	background-color: rgba(255,255,255,.4); }
.filtro-clarinho {	background-color: rgba(255,255,255,.1); }

.bg-marrom { background-color: rgb(127,57,48); }
.bg-ocre { background-color: rgb(208,175,109); }
.bg-preto {	background-color: rgb(55,52,53); }
.bg-cinza {	background-color: rgb(169,171,174); }
.bg-laranja {	background-color: rgb(241,119,53); }
.bg-branco { background-color: #fff; }

.btn-marrom {
    color: #fff;
    background-color: #7F3930;
    border-color: #7F3930;
}

.btn-marrom:hover, .btn-marrom.disabled {
	color: #FFF;
	background-color: #606C76;
    border-color: #606C76;
}

.btn-branco {
    color: #373435;
    background-color: #fff;
    border-color: #fff;
}
.btn-branco:hover, .btn-branco.disabled {
    color: #fff;
    background-color: #606C76;
    border-color: #606C76;
}

.btn-ocre {
    color: #7F3930;
    background-color: #D0AF6D;
    border-color: #D0AF6D;
}
.btn-ocre:hover, .btn-ocre.disabled {
    color: #FFF;
    background-color: #606C76;
    border-color: #606C76;
}

.slide { padding: 30px 0; }
.slide h3 { margin-bottom: 30px; }
.carousel.slide, .carouselinside.slide {
	padding: 0;
}

.spacedline {
	line-height: 1.6;
}
.defaultline {
	line-height: 1.4;
}
.shortline {
	line-height: 1.2;
}
.text-justify {
	/*word-spacing:-2px;*/
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
}

a.link {
	color: #7f3930 !important;
}
a.link:hover{
	color: #4c221c !important;
}

h1 {
	font-size: 2.6em;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: .9em;
}
p {
	font-size: 1.05em;
}

#blog-post h6{
	font-size: 1.05em;
	margin-bottom: 1rem;
	line-height: 1.4;
}

h1, h2, h3 {
    letter-spacing: -.1rem;
}

.popup { margin: 30px auto; max-width: 1140px; position: relative; width: auto; }
button.mfp-close {
	opacity: 1 !important;
    color: #FFF;
    height: auto;
    font-size: 1.1rem;
    font-weight: bold;
    right: 40px;
    line-height: 1.5;
    text-align: right;
    text-transform: uppercase;
    top: 15px;
    width: auto;
    border-bottom: 2px solid #FFF
}

button.close-menu, button.close-sidebar { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; outline: none; color: #7F3930; font-size: 2.5rem; line-height: 1.3; position: absolute; right: 1rem; top: 0; z-index: 1033; }
.side-panel { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; -webkit-transition: visibility 0s .6s; transition: visibility 0s .6s; z-index: 1031; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.side-panel::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; -webkit-transition: background .3s .3s; transition: background .3s .3s; }
.side-panel > div { background-image: url('img/bg_paper3.png'); none; bottom: 0; height: 100%; position: fixed; top: 0; width: 70%; z-index: 1032; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
@media (min-width: 768px) { .side-panel > div { width: 480px; } }
.side-panel.sidebar > div { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
@media (min-width: 768px) { .side-panel.sidebar > div { left: auto; right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.side-panel.mobile-navigation > div { right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.side-panel button.close-sidebar { position: fixed; top: -50px; -webkit-transition: top 0.3s 0s; transition: top 0.3s 0s; }
.side-panel.open { visibility: visible; -webkit-transition: visibility 0s 0s; transition: visibility 0s 0s; }
.side-panel.open::after { background: rgba(0, 0, 0, 0.6); -webkit-transition: background .3s 0s; transition: background .3s 0s; }
.side-panel.open > div { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s; transition-delay: 0s; }
.side-panel.open button.close-sidebar { top: 0; -webkit-transition: top 0.3s 0.3s; transition: top 0.3s 0.3s; }
.side-panel nav, .side-panel form { left: 0; overflow: auto; position: absolute; right: 0; text-align: center; top: 35%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-overflow-scrolling: touch; }
.side-panel nav ul { padding-left: 0; list-style: none; font-size: 1.75rem; line-height: 2.2; }
.side-panel nav ul li { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.side-panel nav ul li a { color: #7F3930; text-decoration: none; }
.side-panel nav ul li a.info { color: white; }
.side-panel nav ul li ul { font-size: 1.375rem; }

.ellipsis { 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

#wpadminbar {
	position:fixed; opacity: .3
}

#wpadminbar:hover{
	opacity: 1
}

/* NAVBAR */

	/* Tamanho da Logo da navbar*/
	#navbar-logo {
		height: 30px;
		margin-top: 0;
		vertical-align: none;
	}
	/*.navbar {
	    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
	    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
	    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
	}*/
	#mainNav .navbar-brand {
		padding-top: 0;
		padding-bottom: 0;
	}
	/* Ícone Toggle (hamburger) */
	.navbar-dark .navbar-toggler-icon {
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(127,57,48, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
	}
	.navbar-toggler {
		border: none;
	}
	.navbar-toggler-icon {
		width: 1.2em;
		height: 1.2em;
	}
	/* Links do Menu Navbar [Geral] */
	.navbar-dark .navbar-nav .nav-link { 
		color: rgba(55,52,53, .8); /* Cor da letra da navbar */
	}
	.navbar-dark .navbar-nav .nav-link:focus {
		color: rgba(55,52,53, .8);
	}
	.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .activeFixed > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	    color: rgba(55,52,53, .8);
	}
	.navbar-dark .navbar-nav .nav-link:hover {
		color: #7F3930;
	}
	.navbar-dark .navbar-nav .activeFixed>.nav-link {
		color: #7F3930; 
		/*b75245*/
		/*c5746a*/
	}
	.navbar-dark .navbar-nav .active>.nav-link {
		color: #7F3930; 
	}
	.navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
	    background-color: #f7f3f2;
	}
	.navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item.active, .navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:active {
		background-color: #a5746e;
	}
	.bg-light {
		background-image: url('img/bg_paper3.png');
		background-repeat: repeat;
	}

	.promotion-strip {
	    background-color: rgba(241,119,53);
	    position: absolute;
	    top: 90px;
	    right: 0;
	    left: 0;
	    padding: 10px;
	    text-align: center;
	    z-index: 1001;
	}
	.promotion-strip p {
		margin: 0;
		font-size: 1em;
		text-decoration: none;
		color: #FFF;
		display: inline-block;
	    letter-spacing: .08rem;
	    line-height: 1.85;
	}
	.promotion-strip .leia-mais{
	    margin-right: 12px;
	    margin-left: 12px;
	    /*font-weight: 700;*/
	    letter-spacing: .1rem;
	    text-transform: uppercase;
	    border-bottom: 1px solid #FFF;
	    white-space: nowrap;
	}

	#updates-text p{
		margin-bottom: 26px;
	}
	#updates-text li{
		font-size: 1.25em;
	}

/* CAPA */

	#capa-content, #capa {
		height: 100vh;
	}
	#capa {
		min-height: 400px;
	}
	#capa-content, .first-content {
		padding-top: 50px;	
	}
	.promotion-strip {
		top: 50px;
	}
	.promotion-strip p {
		font-size: 0.9em;
	}
	#capa-bg {
		height: 100%;
		position: relative;
		background: url('img/fotos/capa.jpg');
		background-size: cover;
		background-position: center;
	    -moz-box-shadow:    inset 0px 15px 10px -10px #000000;
	   	-webkit-box-shadow: inset 0px 15px 10px -10px #000000;
	   	box-shadow:         inset 0px 15px 10px -10px #000000;
	}
	#capa-bg .filtro-marrom {
		background-color: rgba(127,57,48, .7);
		height: 100%;
	}
	#titulo-home {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

/* JUMBOTRON */

	.jumbotron {
		background-color: transparent !important;
		margin: 0;
	}
	.jumbotron h4 {
		margin-bottom: 0;
	}
	.table-jumbotron {
		height: 100%;
	}

/* MODALIDADES */
	#modalidades {
		background: url('img/fotos/modalidades_bw.jpg');
		background-size: cover;
		background-position: center;
	}

	#treino-grupo {
		padding-top: 30px;
		border-top: 1px solid rgba(169,171,174,.1);
	}
	#treino-indiv {
		padding-bottom: 30px;
	}

	#modalidades img {
		height: 193px;
		overflow: hidden;
		position: relative;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	#modalidades .carousel-inner {
		height: 193px;
	}
	#modalidades .carousel-item {
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height: 193px;
		position: absolute;
	    top: -9999px;
	    bottom: -9999px;
	    left: -9999px;
	    right: -9999px;
	    margin: auto;
	}
	#modalidades .btn {
		font-size: 0.95rem;
	}

/* COMO TRABALHAMOS? */

	#como-trabalhamos {
		background: url('img/fotos/metodologia_bw.jpg');
		background-size: cover;
		background-position: center;
	}
	#como-trabalhamos ul, #avaliacao-fisica ul {
		list-style-type: none;
		padding: 12px 0 0;
		margin: 0;
	}
	#como-trabalhamos h5 {
		margin-top: 15px;
		margin-bottom: 5px;
	}
	#como-trabalhamos .objetivo {
		padding: 15px 20px;
	}
	#como-trabalhamos .objetivo small {
		color: #DDD;
		font-size: 90%;
	}
	#como-trabalhamos .objetivo p {
		margin: 0;
	}

/* AVALIACAO FISICA */

	#avaliacao-fisica {
		background-image: url('img/origo_facebook_share.jpg');
		background-size: cover;
		background-position: center;
		/*background-color: #FFF;
		background-blend-mode: luminosity, normal;*/
		/*background-attachment: fixed;*/
	}
	#avaliacao-fisica .container .container {
		padding: 0;
	}
	#avaliacao-fisica li {
		padding: 20px;
	}
	#avaliacao-fisica .card{
		background-color: rgba(255,255,255,.2);
		box-shadow: 0 0 12px 5px rgba(0,0,0,0.2);
	}
	#avaliacao-fisica .card .card-image {
		height: 215px;
		overflow: hidden;
		position: relative;
	}
	#avaliacao-fisica .card .card-img-top {
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height: 215px;
		position: absolute;
	    top: -9999px;
	    bottom: -9999px;
	    left: -9999px;
	    right: -9999px;
	    margin: auto;
	}
	#avaliacao-fisica .card h5 {
		font-weight: bold;
	}

/* O TREINAMENTO */

	#treinamento {
		background-image: url('img/fotos/treinamento_bw.jpg');
		background-size: cover;
		background-position: center;
		/*background-color: #FFF;
		background-blend-mode: luminosity, normal;*/
	}

/* DEPOIMENTOS */

	 #carouselDepoimentos, #carouselDepoimentosPro {
		padding-bottom: 30px;
		width:100%;
	}
	.depoimento-img {
		height: 150px;
		width: 150px;
		object-fit: cover;
		object-position: 0 0;
		margin: 0 auto 10px;
		border: 3px solid #7F3930;
	}
	#carouselDepoimentos .carousel-item .fa-quote-left, .carousel-item .fa-quote-right,
	#carouselDepoimentosPro .carousel-item .fa-quote-left, .carousel-item .fa-quote-right, {
		opacity: .3;
		font-size: 1.1em;
	}
	#carouselDepoimentos .carousel-indicators li, 
	#carouselDepoimentosPro .carousel-indicators li {
		background-color: rgba(127,57,48,.5);
	}
	#carouselDepoimentos .carousel-indicators .active, 
	#carouselDepoimentosPro .carousel-indicators .active {
		background-color: #7F3930;
	}
	#carouselDepoimentos .carousel-control-prev, #carouselDepoimentos .carousel-control-next, 
	#carouselDepoimentosPro .carousel-control-prev, #carouselDepoimentosPro .carousel-control-next {
		width: auto;
	}
	#carouselDepoimentos .carousel-control-prev-icon, 
	#carouselDepoimentosPro .carousel-control-prev-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F3930' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	}
	#carouselDepoimentos .carousel-control-next-icon, 
	#carouselDepoimentosPro .carousel-control-next-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F3930' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	}

/* CHAMADA PLANOS */

	#chamada-planos {
		border-top: 2px dashed #7F3930;
		border-bottom: 2px dashed #7F3930;
	}
	#chamada-planos .slide {
		padding: 20px 0;
	}
	#chamada-planos h3 {
		margin-bottom: 20px;
	}
	#chamada-planos h5 {
		margin-bottom: 20px;
	}
	#chamada-planos a.btn {
		letter-spacing: .05em;
		margin-bottom: 10px;
		font-size: .85em;
		font-weight: bold;
		padding: .6rem 2rem;
	}

/* VISITE-NOS */

	/*#mapa-origo {
		background-image: url('img/fotos/origo_mapa_ocre.jpg');
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		height: 400px;
	}*/
	#visite-nos h5 {
		color: #7F3930;
		margin: 0;
	}
	#visite-nos p {
		color: #373435;
		margin: 0 0 25px;
	}
	#visite-nos a {
		text-decoration: underline;
		color: #373435;
	}
	#mapa-origo {
		border: 3px solid #7F3930;
	}

/* INSTAGRAM FEED */

	#instagram-feed {
		display: none;
	}
	#instagram-feed .slide {
		padding: 0;
	}
	#instagram-feed h3 {
		margin-bottom: 30px;
	}
	#instagram-feed h3>a:hover {
		opacity: .7;
	}
	#instagram-feed h3>a {
		color: #7F3930;
		text-decoration: none;
	}
	#instagram-feed .insta-img:hover {
		opacity: .7;
	}
	#instagram-feed img.insta-img.img-fluid {
		height: 100% !important;
		object-fit: cover;
	}
	#instagram-feed h5 {
		margin-top: 30px 0 0;
	}

/* NEWSLETTER */

	#NewsletterSubscribe {
		padding: 40px 0;
		background-color: #c4c1c0;
	}

	#NewsletterSubscribe .form-control {
		border: 1px solid #373435;
		background-color: transparent;
		color: #000;
		padding: 0 25px;
		line-height: 3.5;
	}

	#NewsletterSubscribe .form-control::placeholder {
		color: #4c4c4c;
	}

	#NewsletterSubscribe .btn-outline-secondary {
		color: #373435;
		border-color: #373435;
		font-size: 90%;
	}

	#NewsletterSubscribe .mb-3 {
		width: 80%;
		margin: 0 auto 1rem auto;
	}

	#NewsletterSubscribe button:hover {
		background-color: transparent;
	}
/* FOOTER */

	footer {
		padding: 40px 0;
		color: #8d8882;
	}
	footer .container .row h6 {
		border-bottom: 1px solid #444;
	    padding-bottom: 10px;
	}
	footer h6 {
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	footer p {
		margin: 15px 0 0;
		font-size: .9em;
	}
	footer .container .row div {
		padding: 0 10px;
		margin-bottom: 30px;
	}
	footer a {
		color: #8d8882;
		transition: .2s ease-in;
	}
	footer a:hover {
		color: #FFF;
	}
	footer #footerInstagram:hover {
		color: #e4405f;
	}
	footer #footerFacebook:hover {
		color: #3B5998;
	}
	footer #footerTwitter:hover {
		color: #55acee;
	}
	footer #footerYoutube:hover {
		color: #cd201f;
	}
	#social li {
		display: inline;

	}
	#social > li:not(:last-child) {
		margin-right: 15px
	}
	#parceiros-linha {
	    margin: 2rem 0;
	    border-top: 1px solid #444;
	}
	#parceiros, #social {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	#parceiros .w-100{
		padding: 0;
		margin: 0;
	}
	#parceiros .parceiro {
		padding: 0;
		margin: 10px 15px 15px;
		max-height: 55px;
		min-height: 55px;
		max-width: 55px;
		min-width: 55px;
		opacity: .5;
		transition: .2s ease-in;
		text-decoration: none;
	}
	#parceiros .parceiro:hover {
		opacity: 1;
	}

/* PLANOS */
	#planos-apresentacao a:hover {
		text-decoration: none;
		color: rgba(127,57,48,.75);
	}
	#planos-apresentacao h4 {
		font-size: 2.25em;
	}
	#planos-apresentacao h4 small{
		font-size: 60%;
	}
	#plano1x1 img, 
	#plano1x2 img, 
	#plano1x4 img {
		max-height: 280px;
		margin: 0 auto;
		display: block;
	}
	#planos-faq .card-header {
		background-color: rgba(55,52,53,.1);
		padding: 0;
	}
	#planos-faq .card-header a {
		padding: 12px 30px;
		width: 100%;
		font-size: 18px;
		white-space: normal;
	}
	#planos-faq .card-header a:hover {
		text-decoration: underline;
	}
	#planos-faq .card-body p,
	#planos-faq .card-header p {
		font-size: 18px;
		margin: 0;
	}
	#planos-faq .card-header p {
		padding-right: 2em;
	}
	#comparativo table thead th {
		vertical-align: inherit;
	}
	#comparativo table th,
	#comparativo table td {
		padding-right: 20px;
		padding-left: 20px;
		border-top: 0;
		border-bottom: .1rem solid #cacaca;
		font-weight: 400;
		line-height: 1.1;
		text-align: center;
		vertical-align: inherit;
	}
	#comparativo table tr:last-child td {
		border: 0;
	}
	#comparativo table small {
		font-weight: 400;
		color: #666;
		font-size: 13px;
	}
	#comparativo table {
		font-size: 18px;
		letter-spacing: 0em;
		border: 1px solid #cacaca;
    	border-spacing: 0;
    	margin-bottom: 45px;
	}
	#comparativo table td.money sup {
	    font-weight: 400;
	    font-size: 13px;
	    margin-right: 2px;
	    color: #666;
	}
	#comparativo table td.money {
	    font-size: 24px;
	}
	#comparativo a.btn {
		margin-bottom: 10px;
		font-size: .75em;
		font-weight: bold;
		padding: .6rem 2rem;
	}
	#comparativo div:nth-child(3) a[href="tel:08530471212"]{
		text-decoration: underline;
	}
	.check {
	    width: 32px;
	    height: 32px;
	}
	#enviarContatoAgendaAula, #enviarContato{
		float:right;
	}
	#planos-contato h4, #planos-contato p{
		margin-bottom: 1.5rem;
	}

/* STUDIO */	
	#studio-capa, #studio-content {
		height: 100vh;
	}
	#studio-content {
		padding-top: 50px;
	}
	.promotion-strip {
		top: 50px;
	}
	#carouselStudioCapa {
		height: 100%;
	}
	#carouselStudioCapa .carousel-inner {
		width: 100%;
	}
	#carouselStudioCapa .carousel-item img{
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}
	#carouselStudioCapa .carousel-caption {
	    bottom: 15px;
	    padding-top: 6px;
	    padding-bottom: 20px;
	    background-color: rgba(0,0,0,.4);
	    border-radius: 5px;
	    left: 20%;
	    right: 20%;
	}
	#studio-sobre {
		background-image: url('img/fotos/treino_equilibrio_bw.jpg');
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
	}
	.studio-sala:hover a img {
		/*-webkit-filter: grayscale(100%);*/
	    /*-moz-filter: grayscale(100%);*/
	    /*-ms-filter: grayscale(100%);*/
	    /*-o-filter: grayscale(100%);*/
	    /*filter: gray; */
	    -webkit-filter: blur(2px);
		-moz-filter: blur(2px);
		-o-filter: blur(2px);
		-ms-filter: blur(2px);
		filter: blur(2px);
	    opacity: .4;
	}
	.studio-sala a img {
		/*filter: none;*/
		/*-webkit-filter: grayscale(0%);*/
		/*-moz-filter: grayscale(0%);*/
		/*-ms-filter: grayscale(0%);*/
		/*-o-filter: grayscale(0%);*/
		cursor: pointer;
		opacity: 1;
		transition: .3s;
	}
	.studio-sala a h4 { 
		left: 7%; 
		position: absolute; 
		right: 7%; 
		top: 50%; 
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		text-decoration: none;
		color: #fff;
	}
	.studio-sala a p {
		font-size: .8em;
		font-weight: bold;
		left: 28%;
		position: absolute;
		right: 28%;
		top: 75%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-decoration: underline;
		color: #fff;
	}

/* SOBRE NÓS */
	#sobre-nos .filtro-claro {
		background-color: rgba(255,255,255,.5);
	}
	#sobre-nos .about-img{
		background-color: #7F3930;
		border: 0;
	}
	#sobreNosMatrix {
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	#sobreNosFIEP {
		display: block;
		width: 30%;
		margin: 0 auto;
	}
	#sobreNosNota10 {
		display: block;
		width: 30%;
		margin: 0 auto;
		padding-bottom: 40px;
	}
	#sobre-nos .row {
		margin: 0;
	}
	.rupestre {
		background-image: url(img/rupestre.jpg);
		height: 100%;
	}
	.letra-borda {
	    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	}
	#sobre-nos figcaption {
		font-size: 100%;
	}
/* TRABALHE CONOSCO */
	#careers-capa-content {
		height: 50vh;
	}
	#careers-capa-bg{
		position: relative;
		background: url('img/fotos/careers_capa.jpg');
		background-size: cover;
		background-position: right;
		height: 100%;
	}
	#careers-capa-bg .filtro-marrom {
		height: 100%;
		background-color: rgba(127,57,48,.6);
	}
	#careers p:first-child{
		margin-bottom: 0;
	}
	#careersVagas h5{
		font-size: 1.25rem;
	}
	#careersVagas p {
	    margin-top: 0;
	    margin-bottom: 1rem;
		font-size: 100%;
	}
	#careersVagas .card {
		border: 1px solid rgba(0, 0, 0, 0.3);
	}
	#careersVagas .card-header{
		background-color: rgba(127,57,48,.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	#RecrutamentoContato h4, #RecrutamentoContato p{
		margin-bottom: 1.5rem;
	}
	#RecrutamentoContato .custom-file{
		margin-bottom: 1rem;
	}

	#RecrutamentoContato .custom-file-label::after {
	    content: "Selecionar";
	}
	.custom-file-input:disabled + label.custom-file-label {
	    background-color: #e9ecef;
	}

/* BLOG ARTIGOS */
	
	#blog-artigos .slide {
		padding-top: 0;
	}

	#blog-artigos a {
		text-decoration: inherit;
	    color: inherit;
	}

	#blog-artigos .div-artigo-card {
		padding: 10px;
	}

	.artigo-card.card{
	    box-shadow: 0 0.125rem 0.1875rem 0 rgba(0,0,0,.11);
	}
	.artigo-card.card .card-image {
		height: 215px;
		overflow: hidden;
		position: relative;
	}
	.artigo-card.card .card-img-top {
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height: 215px;
		position: absolute;
	    top: -9999px;
	    bottom: -9999px;
	    left: -9999px;
	    right: -9999px;
	    margin: auto;
	}
	.artigo-card.card h5 {
		font-weight: bold;
	}

	.artigo-card.card .card-header {
		padding: .65rem 1rem;
	}
	.artigo-card.card .card-header small, .artigo-card.card .card-header .small {
		font-size: 90%;
	}
	#blog-more-posts {
		padding-bottom: 60px;
	}
	#blog-more-posts-button {
		/*width: 180px;*/
		margin: 0 auto;
		display: block;
		font-size: 1.1rem;

	    letter-spacing: .05em;
	    font-weight: bold;
	    padding: .6rem 2rem;
	}

	#blog-more-posts-button:hover, #blog-more-posts-button.disabled {
	    color: #FFF;
	    background-color: #7F3930;
	    border-color: #7F3930;
	}

/* BLOG POST (SINGLE) */
	
	#blog-post #post-header #post-image {
		height: 300px;
	}
	#blog-post #post-header a {
		text-decoration: inherit;
	    color: inherit;
	}
	#blog-post #post-info {
		color: rgba(55,52,53, .9);
		padding: 30px 20px 0 20px;
	}

	#post-info h1 {
		font-size: 2.2rem;
		font-weight: 800;
		letter-spacing: 1px;
	    display: inline-block;
	    line-height: 50px;
	}
	#post-info #post-excerpt {
    	font-size: 1.5rem;
	}
	#post-info #post-author {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    padding: 15px 0 15px 0;
	}
	#post-author-avatar {
		width: 62px;
	    height: 62px;
	    font-size: 0px;
	}
	#post-author-details {
		padding: 0 10px;
	}
	#post-author-details p{
		margin: 0;
	}
	#post-body {
		padding-top: 30px;
	}
	#post-content p {
		color: rgba(55,52,53, .9);
	}
	#post-content > :first-child:first-letter {
		float:left;
	    margin-left:-7px;
	    padding-top:4px;
	    padding-right:8px;
	    font-size:95px;
	    line-height:70px;
		text-shadow: 0.04em 0.04em #C0C0C0;
	}
	.post-aside p{
		font-size: 1.15rem;
	}
	.sharing-bar {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    color: rgba(55,52,53, .9);
	    padding: 0 15px;
	}
	.sharing-bar a {
		color: rgba(55,52,53, .9);
		font-size: 30px;
		transition: .2s ease-in;
	}
	.sharing-bar #facebook-share:hover {
		color: #3B5998;
	}
	.sharing-bar #twitter-share:hover {
		color: #55acee;
	}
	.sharing-bar #whatsapp-share:hover {
		color: #25D366;
	}
	.sharing-bar #mail-share:hover {
		color: #C71610;
	}
	.sharing-bar #copy-button:hover {
		color: #cc8400;
	}
	#copy-button {
		border: none;
		padding: 0;
		margin: 0;
		background: none;
		font-size: 27px;
		color: #434445;
		cursor: pointer;
		-webkit-appearance: none;
		transition: .2s ease-in;
	}
	#copy-button:focus {
		outline: none;
	}
	#post-body .row div.col-12 {
		padding-right: 20px;
		padding-left: 20px;
	}
	#post-content a {
		color: #7f3930 !important;
	}
	#post-content a:hover {
		color: #4c221c !important;
	}
	#post-flutuante {
		position: relative;
	}
	figure.wp-block-image img:first-child {
	    margin: 0 auto;
	    display: block;
	}
	div.wp-block-image figure.aligncenter img:first-child {
		margin: 0 auto;
	    display: block;
	}

	.wp-block-image .aligncenter {
		margin: 0 0 !important;
		display: block !important;
	}
	.wp-block-image .aligncenter>figcaption {
		display: block !important;
	}

    .masonry {
      display: grid;
      grid-template-columns: repeat(1, minmax(100px,1fr));
      grid-gap: 15px;
      grid-auto-rows: 0;
    }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .masonry {
        grid-template-columns: repeat(2, minmax(100px,1fr));
      }
    }
    @media only screen and (min-width: 992px) {
      .masonry {
        grid-template-columns: repeat(3, minmax(100px,1fr));
      }
    }

@media (max-width: 575px) {
	#blog-artigos .div-artigo-card {
		padding: 7px 14px;
	}
}

@media (min-width: 620px) {
	.studio-sala a p {
		font-size: .9em;
		top: 70%;
	}
}

/* MOBILE ( < 767px) */

	@media (max-width: 767px) {
		#mainNav {
			padding: 0 0;
		}
		#mainNav .container {
			padding: 0 0;
		}
		#mainNav .container .navbar-brand {
			height: 50px;
			padding: 10px 0;
			margin-left: 1rem;
		}
		#mainNav .container .navbar-toggler {
			margin-right: 3px;
		}
		#navbarSupportedContent {
			display: none;
		}
		/*.navbar-dark .navbar-nav .nav-item:hover {
			background-color: rgba(208,175,109,.2);
		}
		.navbar-dark .navbar-nav .nav-item:focus {
			color: #7F3930;
		}
		.navbar-dark .navbar-nav .nav-link { 
			color: #7F3930;
		}
		.navbar-dark .navbar-nav .nav-item {
			text-align: center;
			padding: 3px 0;
			border-top: 1px solid rgba(127,57,48, .2)
		}	*/
		#como-trabalhamos .objetivo{
			padding: 30px 0;
			margin: 0;
			border-bottom: 1px dotted rgba(255,255,255, .2);
		}
		#como-trabalhamos .objetivo:nth-child(6){
			padding-bottom: 15px;
			border-bottom: 0;
		}
		#como-trabalhamos .objetivo img{
			height: 80px;
			float: left;
			margin: 5px 15px !important;
		}
		#como-trabalhamos h5 {
			margin: 0 0 5px;
			text-align: left !important;
		}
		#como-trabalhamos p {
			overflow: auto;
			text-align: left!important;
			hyphens: auto;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
		}
		#avaliacao-fisica li {
			padding: 15px 0;
		}
		#depoimentos .slide .container .row .depoimento:last-child, 
		#depoimentos-profissionais .slide .container .row .depoimento:last-child {
			margin-top: 30px;
		}
		#mapa-origo {
			margin-bottom: 25px;
		}
		#NewsletterSubscribe .mb-3 {
			width: 95%;
		}
		#planos-apresentacao div.col-12 {
			margin-bottom: 20px;
		}
		#planos-faq .card-header a {
			font-size: 14px;
			padding: 15px;
		}
		#planos-faq .card-body p,
		#planos-faq .card-header p {
			font-size: 14px;
			margin: 0;
		}
		#comparativo div:nth-child(2){
			padding: 0;
		}
		#comparativo table th,
		#comparativo table td {
			padding-right: 0;
			padding-left: 10px;
		}
		#comparativo table tr th:last-child,
		#comparativo table tr td:last-child {
			padding-right: 10px;
		}
		#comparativo table {
			font-size: 12px;
			border: 0;
			margin-bottom: 30px;
		}
		#comparativo table th small, 
		#comparativo table td.money sup {
    		font-size: 10px;
		}
		#comparativo table td.money {
		    font-size: 14px;
		}
		.check {
		    width: 16px;
		    height: 16px;
		}
		#studio-capa, #studio-content {
			height: 75vh;
		}
		#carouselStudioCapa .carousel-caption h5 {
			font-size: 1.1em;
		}
		.studio-sala a h4 { 
			font-size: 1.15em;
			line-height: 1.4;
		}
		.studio-sala:hover > a h4{
			font-size: 1.3em;
			transition: .3s;
		}
		#sobre-nos .container {
			padding: 0;
		}
		#sobre-nos figcaption {
			margin: 40px 0 10px 0;
		}
		.about-img {
			margin-top: 40px;
		}
	}

/* TABLET ( >= 768px ) */

	@media (min-width: 768px) {
		h1 {
			font-size: 4.5em;
		}
		h2 {
			font-size: 3.375em;
		}
		h3 {
			font-size: 2.25em;
		}
		h4 {
			font-size: 1.51875em;
		}
		h5 {
			font-size: 1.2375em;
		}
		h6 {
			font-size: .81em;
		}
		p {
			font-size: 1.125em;
		}
		#blog-post h6{
			font-size: 1.125em;
			margin-bottom: 1rem;
			line-height: 1.4;
		}
		
		#mainNav {
			padding-top: 15px;
			padding-bottom: 15px;
			-webkit-transition:padding-top .3s,padding-bottom .3s;
			-moz-transition:padding-top .3s,padding-bottom .3s;
			transition:padding-top .3s,padding-bottom .3s;
		}
		#navbar-logo {
			height: 60px !important;
			margin-top: 0;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			transition: all .3s;
		}
		.navbar-dark .navbar-nav .nav-item:first-child {
			margin-right: 20px;
		}
		.navbar-dark .navbar-nav .nav-item {
			margin-right: 15px;
		}
		.navbar-dark .navbar-nav li:last-child{
			margin-right: 0px;
		}
		.navbar-dark .navbar-nav .nav-item > a {
			position: relative;
		}
		.navbar-dark .navbar-nav .nav-item > a.nav-link:before {
			content: "";
			position: absolute;
			width: 0;
			height: 3px;
			bottom: 0;
			left: 0;
			background-color: #7F3930;
			visibility: hidden;
			-webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
			transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
		}
		.navbar-dark .navbar-nav .nav-item.active > a.nav-link:before {
			visibility: visible;
			width: 100%;
		}
		.navbar-dark .navbar-nav .nav-item.activeFixed > a.nav-link:before {
			visibility: visible;
			width: 100%;
		}
		.navbar-dark .navbar-nav .nav-item > a.nav-link:hover:before {
			visibility: visible;
			width: 100%;
		}
		.dropdown-menu {
			margin: .05rem 0 0;
			border-radius: 0;
		}
		.dropdown-toggle::after {
			display: none;
		}
		.dropdown-item {
			color: rgba(55,52,53, .85);
			padding: .5rem 1.5rem;
		}
		#capa-content, .first-content {
			padding-top: 90px;
		}
		.promotion-strip {
			top: 90px;
		}
		.promotion-strip p {
			font-size: 1em;
		}
		.slide {
			padding: 60px 0;
		}
		#modalidades img {
			height: 220px;
		}
		#modalidades .carousel-inner {
			height: 220px;
		}
		#modalidades .carousel-item {
			height: 220px;
		}
		#como-trabalhamos .objetivo:nth-child(1), 
		#como-trabalhamos .objetivo:nth-child(4) {
			padding-left: 0;
		}
		#como-trabalhamos .objetivo:nth-child(2), 
		#como-trabalhamos .objetivo:nth-child(5) {
			padding: 15px 10px;
		}
		#como-trabalhamos .objetivo:nth-child(3), 
		#como-trabalhamos .objetivo:nth-child(6) {
			padding-right: 0;
		}
		#como-trabalhamos img {
			margin: 0 auto;
		}
		#como-trabalhamos h5 {
			text-align: center;
		}
		#como-trabalhamos p {
			text-align: center;
		}
		#avaliacao-fisica li {
			max-width: 42%;
		}
		#avaliacao-fisica .card .card-image {
			height: 190px;
		}
		#avaliacao-fisica .card .card-img-top {
			height: 190px;
		}
		#chama-planos .slide {
			padding: 30px 0;
		}
		#instagram-feed .slide {
			padding: 0;
		}
		#parceiros .w-100 {
			display: none;
		}
		#planos-apresentacao h2 {
			font-size: 2.25em;
		}
		#planos-faq .card-body {
			padding: 1.25rem 2.5rem;
		}
		#comparativo h4.mb-4 {
			margin-bottom: 60px !important;
		}
		#planos-contato {
			max-width: 70vw;
		}
		#contato-msg {
			max-width: 70vw;
			margin: 0 auto;
		}
		#studio-content {
			padding-top: 90px;
		}
		#studio-capa, #studio-content {
			height: 90vh;
		}
		.studio-sala a h4 { 
			font-size: 1.4em;
		}
		.studio-sala:hover > a h4{
			font-size: 1.6em;
			transition: .3s;
		}
		.studio-sala a p {
			font-size: 1em;
		}
		#sobre-nos figcaption {
			margin: 60px 0 10px 0;
		}
		.about-img {
			margin-top: 60px;
		}
		#RecrutamentoContato {
			max-width: 80vw;
		}
		#RecrutamentoContato.popup {
			margin: 0 auto;
		}
		#blog-post #post-header #post-image {
			height: 400px;
		}
		#post-content {
			min-height: 630px;
		}
		#post-body {
			padding-top: 60px;
		}
		#blog-post #post-info {
			display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: start;
		    -ms-flex-align: start;
		    align-items: flex-start;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -ms-flex-direction: column;
		    flex-direction: column;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    justify-content: center;
		    width: 50%;
		    padding: 0 5% 0 9%;
		}
		#post-info h1 {
		    font-size: 2.8rem;
    		line-height: 55px;
    		padding-top: 20px;
		}
		.wp-block-image {
		    text-align: center;
		}
	}

/* MOBILE & TABLET ( < 991px ) */

	@media (max-width: 991px) {
		.w-mdmax-100 {
			width: 100% !important;
		}
		header .container { /* Zerando valores padroes do bootstrap */
			padding-right: 0px;
			padding-left: 0px;
		}
		#insta-posts .insta-post:nth-child(5), 
		#insta-posts .insta-post:nth-child(6) {
			display: none;
		}
		footer #brand-footer {
			display: none;
		}
		#sobre-nos p.mx-3{
			margin-left: 0!important;
			margin-right: 0!important;
		}
	}

/* DESKTOP PEQ. ( > 992px ) */

	@media (min-width: 992px) {
		h1 {
			font-size: 5em; /* 80px */
		}
		h2 {
			font-size: 3.75em; /* 60px */
		}
		h3 {
			font-size: 2.5em; /* 40px */
		}
		h4 {
			font-size: 1.6875em; /* 27px */
		}
		h5 {
			font-size: 1.375em; /* 22px */
		}
		h6 {
			font-size: .9em; /* 14px */
		}
		p {
			font-size: 1.25em; /* 20px */
		}
		#blog-post h6{
			font-size: 1.25em; /* 20px */
			margin-bottom: 1rem;
			line-height: 1.4;
		}
		.slide h3 {
			margin-bottom: 40px;
		}
		#modalidades img {
			height: 300px;
		}
		#modalidades .carousel-inner {
			height: 300px;
		}
		#modalidades .carousel-item {
			height: 300px;
		}
		#modalidades p {
			font-size: 1.45em;
			margin-bottom: 2rem;
		}
		#modalidades #collapseTInd p{
			font-size: 1.25em;
		}
		#avaliacao-fisica .card .card-image {
			height: 215px;
		}
		#avaliacao-fisica .card .card-img-top {
			height: 215px;
		}
		#apresentacao .row p {
		}
		#studio-capa {
			min-height: 400px;
		}
		#studio-capa, #studio-content {
			height: 100vh;
		}
		.studio-sala a h4 {
			font-size: 1.8em;
		}
		.studio-sala:hover > a h4{
			font-size: 2em;
			transition: .3s;
		}
		#sobre-nos figcaption {
			margin: 60px 0 10px 0;
		}
		.about-img{
			margin-top: 60px;
		}
		#blog-post #post-header #post-image {
			height: 600px;
		}
		#post-info h1 {
    		padding-top: 0;
		}
	}

/* DESKTOP MED. */

	@media (min-width: 1200px) {
		#modalidades img {
			height: 360px;
		}
		#modalidades .carousel-inner {
			height: 360px;
		}
		#modalidades .carousel-item {
			height: 360px;
		}
		#modalidades p {
			font-size: 1.65em;
			margin-bottom: 2rem;
		}
		#modalidades #collapseTInd p{
			font-size: 1.45em;
		}
		#avaliacao-fisica .card .card-image {
			height: 250px;
		}
		#avaliacao-fisica .card .card-img-top {
			height: 250px;
		}
		.studio-sala a h4 { 
			font-size: 2em;
		}
		.studio-sala:hover > a h4{
			font-size: 2.2em;
			transition: .3s;
		}
		#sobre-nos figcaption {
			margin: 40px 0 10px 0;
		}
		.about-img {
			margin-top: 40px;
		}
	}

/* DESKTOP G */
	@media (min-width: 1600px) {
		h1 {
			font-size: 5.5em;
		}
		h2 {
			font-size: 4.125em;
		}
		h3 {
			font-size: 2.75em;
		}
		h4 {
			font-size: 1.85625em;
		}
		h5 {
			font-size: 1.5125em;
		}
		h6 {
			font-size: .99em;
		}
		p {
			font-size: 1.375em;
		}
		#blog-post h6{
			font-size: 1.375em;
			margin-bottom: 1rem;
			line-height: 1.4;
		}
		#modalidades p {
			font-size: 1.75em;
			margin-bottom: 2rem;
		}
		#modalidades #collapseTInd p{
			font-size: 1.55em;

		}
		#studio-salas .col-xxl-3 {
			flex: 0 0 25%;
    		max-width: 25%;
		}
	}

/* JQUERY FORM ELEMENTS */

.form-element {
  height: auto;
  width: 100%;
  margin-bottom: 1rem;
  position: relative; }
  .form-element .form-element-label {
    display: block; }
  .form-element input[type="text"],
  .form-element input[type="radio"],
  .form-element input[type="checkbox"],
  .form-element input[type="password"],
  .form-element input[type="email"],
  .form-element input[type="submit"] {
    height: 36px;
    width: 100%;
    border-radius: 2px;
    color: #454545;
    display: block;
    border: 1px solid #ccc;
    padding: 0 12px 0;
    background-color: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .form-element input[type="text"] :-moz-placeholder,
    .form-element input[type="radio"] :-moz-placeholder,
    .form-element input[type="checkbox"] :-moz-placeholder,
    .form-element input[type="password"] :-moz-placeholder,
    .form-element input[type="email"] :-moz-placeholder,
    .form-element input[type="submit"] :-moz-placeholder {
      color: #858585; }
    .form-element input[type="text"] ::-webkit-input-placeholder,
    .form-element input[type="radio"] ::-webkit-input-placeholder,
    .form-element input[type="checkbox"] ::-webkit-input-placeholder,
    .form-element input[type="password"] ::-webkit-input-placeholder,
    .form-element input[type="email"] ::-webkit-input-placeholder,
    .form-element input[type="submit"] ::-webkit-input-placeholder {
      color: #858585; }
  .form-element select {
    height: 36px;
    width: 100%;
    border-radius: 2px;
    color: #454545;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 20px;
    margin: 0 0 0;
    background-color: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
  .form-element textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 110px;
    width: 100%;
    padding: 6px 12px;
    resize: vertical;
    background-color: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .form-element textarea :-moz-placeholder {
      color: #858585; }
    .form-element textarea ::-webkit-input-placeholder {
      color: #858585; }
  .form-element input, .form-element textarea, .form-element select {
    transition: background-color 0.1s ease, border-color 0.1s ease;
    -webkit-transition: background-color 0.1s ease, border-color 0.1s ease;
    -moz-transition: background-color 0.1s ease, border-color 0.1s ease;
    -ms-transition: background-color 0.1s ease, border-color 0.1s ease;
    -o-transition: background-color 0.1s ease, border-color 0.1s ease; }
    .form-element input:focus, .form-element textarea:focus, .form-element select:focus {
      background-color: #f6f6f6;
      border-color: #bfbfbf;
      outline: none; }
  .form-element input[type="radio"] {
    display: none; }
    .form-element input[type="radio"].error :-moz-placeholder {
      color: red; }
    .form-element input[type="radio"].error ::-webkit-input-placeholder {
      color: red; }
  .form-element input[type="radio"] ~ span.radio-btn {
    background-color: #eee;
    border: 1px solid #ccc;
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    height: 20px;
    width: 20px; }
    .form-element input[type="radio"] ~ span.radio-btn:before {
      background: #666;
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      height: 10px;
      width: 10px;
      transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform: translate(-50%, -50%) scale(0);
      -webkit-transform: translate(-50%, -50%) scale(0);
      -moz-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
      -o-transform: translate(-50%, -50%) scale(0);
      transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
      -o-transition: all 0.1s ease; }
  .form-element input[type="radio"] ~ span.text {
    margin: 0 10px 0 0;
    vertical-align: middle; }
  .form-element input[type="radio"]:checked ~ span.radio-btn:before {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1); }
  .form-element input[type="radio"].custom-radio {
    display: none; }
  .form-element input[type="radio"].custom-radio ~ span.text {
    vertical-align: middle; }
  .form-element input[type="radio"].custom-radio ~ span.radio-btn {
    vertical-align: middle;
    display: inline-block;
    margin: 0 14px 0 0; }
  .form-element input[type="checkbox"].custom-checkbox {
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    height: 0;
    width: 0; }
    .form-element input[type="checkbox"].custom-checkbox:focus + label span.checkbox-btn {
      background-color: #f6f6f6;
      border-color: #bfbfbf; }
  .form-element input[type="checkbox"].custom-checkbox ~ span.text {
    vertical-align: middle; }
  .form-element input[type="checkbox"].custom-checkbox ~ span.checkbox-btn {
    border-radius: 2px;
    background-color: #eee;
    border: 1px solid #ccc;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    height: 20px;
    width: 20px; }
    .form-element input[type="checkbox"].custom-checkbox ~ span.checkbox-btn svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      height: 16px;
      width: 16px; }
      .form-element input[type="checkbox"].custom-checkbox ~ span.checkbox-btn svg path {
        fill: #666;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease; }
  .form-element input[type="checkbox"].custom-checkbox:checked ~ span.checkbox-btn svg path {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
  .form-element .form-element-dropdown {
    position: relative; }
    .form-element .form-element-dropdown.active a {
      background-color: #f6f6f6;
      border-color: #bfbfbf; }
    .form-element .form-element-dropdown.active ul {
      display: block; }
    .form-element .form-element-dropdown a {
      height: 36px;
      width: 100%;
      border-radius: 2px;
      color: #454545;
      cursor: default;
      display: inline-block;
      border: 1px solid #ccc;
      padding-left: 15px;
      padding-right: 20px;
      line-height: 32px;
      position: relative;
      text-decoration: none;
      background-color: #eee;
      transition: background-color 0.1s ease, border-color 0.1s ease;
      -webkit-transition: background-color 0.1s ease, border-color 0.1s ease;
      -moz-transition: background-color 0.1s ease, border-color 0.1s ease;
      -ms-transition: background-color 0.1s ease, border-color 0.1s ease;
      -o-transition: background-color 0.1s ease, border-color 0.1s ease; }
      .form-element .form-element-dropdown a:after {
        border: 5px solid transparent;
        border-top-color: #666;
        content: "";
        margin-top: -2px;
        position: absolute;
        right: 10px;
        top: 50%;
        height: 0;
        width: 0; }
    .form-element .form-element-dropdown ul {
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 2px;
      display: none;
      left: 0;
      list-style: none;
      margin: 0;
      min-width: 100%;
      overflow-y: auto;
      padding: 0;
      position: absolute;
      top: 100%;
      z-index: 1; }
      .form-element .form-element-dropdown ul li {
        padding: 0 15px; }
        .form-element .form-element-dropdown ul li:hover {
          background-color: #f6f6f6; }
        .form-element .form-element-dropdown ul li.selected {
          display: none; }
  .form-element input[type="file"].input-file-hidden {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .form-element input[type="file"] + .form-element-inputfile {
    /*height: 36px;*/
    width: 100%;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #495057;
    display: block;
    /*line-height: 34px;*/
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    padding-left: 36px;
    position: relative;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 1rem;
    /*font-weight: 400;*/
    /*line-height: 36px; */
}
    .form-element input[type="file"] + .form-element-inputfile:before {
      background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdGQUFDOTI4MEZCMTFFN0FGNjk5QzI1NzJBREMzRjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdGQUFDOTM4MEZCMTFFN0FGNjk5QzI1NzJBREMzRjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4N0ZBQUM5MDgwRkIxMUU3QUY2OTlDMjU3MkFEQzNGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4N0ZBQUM5MTgwRkIxMUU3QUY2OTlDMjU3MkFEQzNGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhhTqOIAAAKySURBVHja7JpPSJRBGMbX0tCDhPgHybOipGaglomIFwU9Ch3Di25EdCjyqnXoIh5EolY6dE2EDnrwz030IiJKB4VKDx6sQM1CChPW54VX+PhwW3e+71vnW58HHoYdvpmd/e3MO+/MblY8Ho9QiXWFCAiIgAiIgAiIgAiIgCgCIiACIiACIiACIiCKgAiIgAiIgEKh7IseQDQadVeVwrXwdVh+k9qG1+C/Z7WPxWKZDcihBrgHboOrHPW/4U/wR/gd/POyLbFceAxegh+54Ijy4XvwEPwZfnhpAGF5laBYhnvP2aQIfgO/zXhAgCPLewG+adIcHsn0GfQeLvfQ/gncFfQgs4L+8wJmiuxGj+F2uERjzQb8yofuv8E3sJMF9iGyA4ZTj2JSt+5TVfr4FtJvNzwRuiUGOIUo5l1wgtD9sMagZ3BeGmLZrdABwuypRvEgTcG+IFRBGnBea8Jnqj8pzrx/8LDmUwsI2N+tBOTIa+546GYG7tPMusOg/aEkkoD03EZAUx7zEtn+m+Fj3V0X4UbDvlbhVoD6ZUUMApwuj3DktN6icCJatmi9iergaZuCdL+Htus6c45c9Udav27YbxO+uB5bADUZtttSCIf/iSnN+pyJntoCKMegzSZ8G95P8ty+LplNg/eoCeth9YvMDATRg3M+L8FW7oS+pnugF3WjKHnOOGJEsb6e09O5W6O63ctW+yNNmXkggDZSPISWqU+VKLmrdlyJVBgmnVYssTGP7XcT1O957HfWFkCyFHYi9mnQCkAItpLYdWqssEUvMK5Va3YxHcxd3aFS1bUU65PpJcYz6Mfn8nWbx6DkPFWlmfWK4+iQTFd9GJ9cv36QIwrGMWDtdUemib/NExABERABERABERABUQREQAREQAREQAREQBQBERABERABhUMnAgwAeTmWxmxR2bsAAAAASUVORK5CYII=") 0 0/36px 36px no-repeat;
      content: "";
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      height: 36px;
      width: 36px; }
    .form-element input[type="file"] + .form-element-inputfile.form-element-inputfile-filled .form-element-inputfile-reset {
      display: block; }
    .form-element input[type="file"] + .form-element-inputfile span {
      display: block;
      margin-right: 36px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .form-element input[type="file"] + .form-element-inputfile .form-element-inputfile-reset {
      display: none;
      position: absolute;
      right: 0;
      top: 0;
      height: 36px;
      width: 36px; }
      .form-element input[type="file"] + .form-element-inputfile .form-element-inputfile-reset:before, .form-element input[type="file"] + .form-element-inputfile .form-element-inputfile-reset:after {
        background-color: #666;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform-origin: 50% 50%;
        height: 2px;
        width: 12px; }
      .form-element input[type="file"] + .form-element-inputfile .form-element-inputfile-reset:before {
        transform: translate(-50%, -50%) rotate(45deg); }
      .form-element input[type="file"] + .form-element-inputfile .form-element-inputfile-reset:after {
        transform: translate(-50%, -50%) rotate(-45deg); }
  .form-element .form-element-error {
    color: #FF4D4D;
    display: none; }
  .form-element.error .form-element-error {
    display: block; }
  .form-element.error input[type="checkbox"],
  .form-element.error input[type="text"],
  .form-element.error input[type="password"],
  .form-element.error input[type="email"],
  .form-element.error textarea,
  .form-element.error span.radio-btn,
  .form-element.error select,
  .form-element.error input[type="file"] + label {
    background-color: #ffe6e6;
    border: 1px solid #FF4D4D;
    color: #FF4D4D; }

	.bib__module, .bib__module *, .bib__module *::before, .bib__module *::after {
		box-sizing: border-box;
	}
	.bib__module {
	    position: relative !important;
	    z-index: 0 !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    border: 0 !important;
	    outline: 0 !important;
	    -moz-box-shadow: 0 0 0 !important;
	    -webkit-box-shadow: 0 0 0 !important;
	    box-shadow: 0 0 0 !important;
	    height: auto;
	    max-height: initial;
	    min-height: initial;
	    width: 100%;
	    overflow: hidden;
	    line-height: normal !important;
	    list-style-type: none;
	    font-family: Arial, sans-serif;
	}
	[class*="bib--col"].bib--wide .bib__tile {
	    padding-bottom: 56% !important;
	}
	[class*="bib--col"] .bib__tile {
	    width: 100%;
	    padding-bottom: 75% !important;
	}
	.bib__tile {
	    float: left;
	    overflow: hidden;
	    position: relative;
	    display: inline-block;
	    line-height: normal;
	    margin: 0 !important;
	    border: 0 !important;
	    outline: 0 !important;
	    padding: 0 !important;
	    -moz-box-shadow: 0 0 0 !important;
	    -webkit-box-shadow: 0 0 0 !important;
	    box-shadow: 0 0 0 !important;
	    height: auto;
	    max-height: initial;
	    min-height: initial;
	}
	.bib__link {
	    overflow: hidden;
	    position: absolute !important;
	    padding: 0 !important;
	    margin: 0 !important;
	    border: 0 !important;
	    outline: 0 !important;
	    -moz-box-shadow: 0 0 0 !important;
	    -webkit-box-shadow: 0 0 0 !important;
	    box-shadow: 0 0 0 !important;
	    height: auto;
	    max-height: initial;
	    min-height: initial;
	    line-height: normal;
	    text-decoration: none;
	    background-size: auto 102%;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-image: url(//images.bibblio.org/bkgds/holders/incas-positive.png);
	    -webkit-transition: all 1s ease-in-out;
	    -moz-transition: all 1s ease-in-out;
	    -ms-transition: all 1s ease-in-out;
	    -o-transition: all 1s ease-in-out;
	    transition: all 1s ease-in-out;
	}
    .bib__link {
	    top: 5px;
	    left: 5px;
	    right: 5px;
	    bottom: 5px;
	}
	.bib__link {
	    background-color: #EEEEEE;
	}
	.bib--split .bib__link, .bib--portrait .bib__link {
	    background-position: top center;
	}
	.bib--box-3 .bib__link, .bib--box-4 .bib__link, .bib--box-6 .bib__link, .bib--wide .bib__link, .bib--portrait .bib__link {
	    background-size: 102% auto;
	}
	.bib__tile:hover, .bib__link:hover {
	    box-shadow: 0 0 0 !important;
	    border: 0 !important;
	    margin: 0 !important;
	    outline: 0 !important;
	}
	.bib__link.bib__link--image {
	    background-color: transparent !important;
	}
	.bib__title {
	    display: block;
	    margin: 10px 0 5px;
        font-size: 1.05rem;
        font-family: "Gill Sans MT", "Helvetica Neue", "Arial",sans-serif;
        line-height: 1.1em;
	}
	.bib__info {
	    left: 0;
	    right: 0;
	    bottom: 0;
	    color: #FFFFFF;
	    position: absolute;
	    padding: 60px 15px 10px;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000B3',GradientType=0 );
	}
	.bib__info {
	    font-size: 14px;
	}
	.bib__link.bib__link--image .bib__info {
	    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	}
	.bib__container {
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    overflow: hidden;
	    position: absolute;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}
	.bib__link:hover .bib__container {
	    background-color: rgba(0,0,0,0.25);
	}