/*
Theme Name: Estreia
Theme URI: https://vtxrm.com
Author: ESTREIA New Media
Author URI: https://estreia.pt
Description: Custom theme for VTXRM Software Factory, Sep.2019
Version: 1.0
License: Proprietary
License URI: https://estreia.pt
Text Domain: estreia
Tags: 
*/

html {
	height: 100%;
	font-family: sans-serif;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	height: 100%;
	background-color: #333333;
	font-family: 'Raleway', Verdana, Geneva, Arial;
	font-size: 1.5rem; /* 15px */
	color: #333333;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	-webkit-animation: fadein 0.25s;
	animation: fadein 0.25s;
}

/* -- body fade transition -- */
@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }
@keyframes fadein { from {opacity:0} to {opacity:1} }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
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 {
	color: #f98000;
	text-decoration: none;
	background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b, strong {
  font-weight: bold;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

pre {
  overflow: auto;
}

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: auto;
}

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

input {
  line-height: normal;
}

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

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

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

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

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td, th {
  padding: 0;
}

form {
	margin: 0;
}

.divClear {
	height: 0;
	clear: both;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.handCursor:hover {
	cursor: pointer !important;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

::selection {
    background-color: #cccccc;
    color: #333333;
}

::-moz-selection {
    background-color: #cccccc;
    color: #333333;
}

:focus {
	outline: none !important;
}









/* -- logo -- */

#logo {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 110px;
	height: 90px;
	-ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1000;
	-webkit-transition: width 0.25s, height 0.25s;
	-moz-transition: width 0.25s, height 0.25s;
	-ms-transition: width 0.25s, height 0.25s;
	-o-transition: width 0.25s, height 0.25s;
	transition: width 0.25s, height 0.25s;
	opacity: 0;
}

@media (max-width: 1023px) {
	#logo {
		top: 35px;
		left: 35px;
		width: 110px;
		height: 90px;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		animation-name: none;
	}
}

@media (max-width: 799px) {
	#logo {
		top: 15px;
		left: 15px;
		width: 86px;
		height: 70px;
	}
}

/* homepage anim logo */
@keyframes introLogoDesktop {
	from {top: 23%; width: 220px; height: 180px;}
	to {top: 50px; width: 110px; height: 90px;}
}

.home #logo {
	position: fixed;
	top: 23%;
	width: 220px;
	height: 180px;
	animation-name: introLogoDesktop;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes introLogoMobile {
	from {top: 23%; left: 50%; width: 220px; height: 180px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
	to {top: 50px; left: 50px; width: 110px; height: 90px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none;}
}

@media (max-width: 1023px) {
	.home #logo {
		position: absolute;
		top: 35px;
		left: 35px;
		width: 110px;
		height: 90px;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		animation-name: none;
	}
}

@media (max-width: 799px) {
	.home #logo {
		top: 15px;
		left: 15px;
		width: 86px;
		height: 70px;
	}
}

@media (min-width: 1024px) {
	#logo.smallLogo {
		position: fixed;
		top: 5px;
		width: 61px;
		height: 50px;
		z-index: 3000;
	}
}

#logoLink {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 110px;
	height: 90px;
	-ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 4000;
}

@media (max-width: 1023px) {
	#logoLink {
		top: 35px;
		left: 35px;
		width: 110px;
		height: 90px;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		animation-name: none;
	}
}

@media (max-width: 799px) {
	#logoLink {
		top: 15px;
		left: 15px;
		width: 86px;
		height: 70px;
	}
}

@media (min-width: 1024px) {
	#logoLink.smallLogoLink {
		position: fixed;
    	top: 5px;
    	width: 61px;
		height: 50px;
	}
}









/* -- nav -- */

nav {
	position: absolute;
	top: 65px;
	left: 50%;
	width: calc(100% - 80px);
	height: 62px;
	text-align: center !important;
	-ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2000;
	opacity: 0;
}

@media (max-width: 1023px) {
	nav {
		top: 55px;
		width: calc(100% - 60px);
	}
}

/* smartphones horizontal - barra de topo mais baixa */
@media (max-width: 799px) and (orientation: landscape) {
	nav {
		top: 45px;
		width: calc(100% - 40px);
	}
}

@media (max-width: 499px) {
	nav {
		top: 40px;
		width: calc(100% - 30px);
	}
}

nav.smallNav {
	position: fixed;
	top: 0px;
	background-color: #333333;
}

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












/* -- menu -- */

nav.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 1023px) {
	nav.main-menu ul {
		background-color: #ececf3;
	}
}

nav.main-menu ul > li {
	position: relative;
	background-color: transparent;
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

@media (max-width: 1023px) {
	nav.main-menu ul > li {
		background-color: #ffffff;
		border-top: 1px solid #ececf3;
		display: block;
	}
}

nav.main-menu ul > li.menuLogo {
    margin-right: 150px;
}

@media (max-width: 1279px) {
	nav.main-menu ul > li.menuLogo {
		margin-right: 130px;
	}
}

@media (max-width: 1023px) {
	nav.main-menu ul > li.menuLogo {
		margin-right: 0px;
	}
}

nav.main-menu ul > li a {
	width: 100%;
	height: 62px;
	background-color: transparent;
	font-family: 'Open Sans', Verdana, Geneva, Arial;
	font-size: 1.7rem;
	font-weight: 400;
	color: #d2d2e2;
	letter-spacing: 2px;
	line-height: 62px;
	text-align : center;
	display: block;
	padding: 0 25px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: pre;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

@media (max-width: 1279px) {
	nav.main-menu ul > li a {
		padding: 0 15px;
	}
}

@media (max-width: 1023px) {
	nav.main-menu ul > li a {
		height: 45px;
		color: #333333;
		font-size: 1.5rem;
		line-height: 45px;
		padding: 0 8px;
	}
}

nav.main-menu ul > li:hover a {
	background-color: #ececf3;
	color: #333333;
}

@media (max-width: 1023px) {
	nav.main-menu ul > li:hover a {
		background-color: #ececf3;
	}
}

/* submenus */

nav.main-menu ul > li ul {
	position: absolute;
	top: 100%;
	left: 0;
    /* width: 250px; */
	background-color: #ececf3;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #d2d2e2;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: none;
    z-index: 9999;
}

nav.main-menu ul > li ul li {
    position: relative;
	display: block;
    list-style: none;
}

nav.main-menu ul > li ul li a {
	height: auto;
	font-size: 1.7rem;
	color: #333333;
	text-transform: none;
	letter-spacing: 0px;
	line-height: 2.5rem;
	text-align: left;
	padding: 8px 20px 8px 15px;
	display: block;
	white-space: nowrap;
}

nav.main-menu ul > li ul li ul {
    position: absolute;
    left: 100%;
    top: -11px;
}

nav.main-menu ul > li ul li:hover > a {
	background-color: #dedee8 !important;
}

nav.main-menu ul > .current-menu-item > a {
	font-weight: 600;
}

/* Mean menu */

#responsive-menu-container {
	display: none;
}

@media (max-width: 1023px) {
	#responsive-menu-container {
		position: absolute;
		top: 20px;
		right: 20px;
		width: calc(100% - 40px);
		display: block;
		z-index: 2500;
	}
}
	
/* smartphones horizontal - barra de topo mais baixa */
@media (max-width: 799px) and (orientation: landscape) {
	#responsive-menu-container {
		top: 20px;
		right: 20px;
		width: calc(100% - 40px);
	}
}
	
@media (max-width: 799px) {
	#responsive-menu-container {
		top: 0px;
		right: 0px;
		width: 100%;
	}
}

/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 120px;
	z-index: 2500;
}
	
@media (max-width: 799px) {
	.mean-container .mean-bar {
		height: 100px;
	}
}

.mean-container a.meanmenu-reveal {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 22px;
	padding: 45px 45px 53px 45px;
	color: #fff;
	text-decoration: none;
	font-size: 1.7rem;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-weight: 600;
	cursor: pointer;
}
	
@media (max-width: 799px) {
	.mean-container a.meanmenu-reveal {
		padding: 35px 35px 43px 35px;
	}
}

.mean-container a.meanclose {
	background-color: #ffffff;
	color: #333333;
}

.mean-container a.meanmenu-reveal span {
	height: 2px;
	background-color: #ffffff;
	margin-top: 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
}

.mean-container a.meanmenu-reveal span.closeMenu {
	height: initial;
	font-size: 3rem;
    font-weight: 300;
	margin-top: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display: block;
}

.mean-container .mean-nav {
    position: absolute;
    top: 120px;
    width: 100%;
	height: auto !important;
	opacity: 1;
}
	
@media (max-width: 799px) {
	.mean-container .mean-nav {
		top: 100px;
	}
}

/* PRINT style - hide open menu */
@media print {
	#responsive-menu-container > div > nav {
		display: none;
	}
}

.mean-container .mean-nav ul {
	width: 100%;
	list-style-type: none;
	padding: 0 !important;
	margin: 0;
}

.mean-container .mean-nav ul li {
	position: relative;
	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #ececf3;
	margin: 0;
	float: left;
}

.mean-container .mean-nav > ul > li:last-child {
	border-bottom: 1px solid #ececf3;
}

.mean-container .mean-nav ul li a {
	width: 90%;
	text-align: left;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1em 5%;
	margin: 0;
	float: left;
	display: block;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background-color: #ececf3;
}

.mean-container .mean-nav ul li a.mean-expand {
	position: absolute;
	right: 1px;
	top: 0;
	width: 26px;
	height: 48px;
	background-color: #ececf3;
	font-size: 3rem !important;
	text-align: center;
	font-weight: 300;
	line-height: 48px;
	margin-top: 1px;
	padding: 0 12px !important;
	border-left: 1px solid #ffffff;
	z-index: 2;
}

.mean-container .mean-bar .mean-nav ul li a.meanmenu-reveal,
.mean-container .mean-nav ul li a.mean-expand:hover {
	background-color: #a4a4b4;
	color: #ffffff;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar,
.mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.mean-remove {
	display: none !important;
}









/* -- Langs menu -- */

#langsMenu {
	position: absolute;
	right: 30px;
}

@media (max-width: 1023px) {
	#langsMenu {
		position: relative;
		right: 0;
	}
}

#langsMenu > a {
	min-width: 94px;
	background-image: url('media/bg_langs.png');
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	-webkit-transition: background-image 0s;
    -moz-transition: background-image 0s;
    -ms-transition: background-image 0s;
    -o-transition: background-image 0s;
    transition: background-image 0s;
}

@media (max-width: 1023px) {
	#langsMenu > a {
		text-indent: 0;
	}
}

#langsMenu:hover > a {
	background-position: center bottom;
}

#langsMenu > ul {
	left: initial;
	right: 0;
}

.ie #langsMenu > ul {
	width: 120px;
}

#langsMenu > ul li a {
	text-align: right;
}

.ie #langsMenu > ul li a {
	text-align: left;
}

@media (max-width: 1023px) {
	#langsMenu > ul li a {
		text-align: left;
	}
}









/* -- Admin Bar -- */

#wpadminbar {
	width: calc(100% - 80px) !important;
	background: #333333 !important;
	color: #a4a4b4 !important;
	padding: 0 40px !important;
}

@media (max-width: 1023px) {
	#wpadminbar {
		width: calc(100% - 60px) !important;
		padding: 0 30px !important;
	}
}

/* smartphones horizontal - barra de topo mais baixa */
@media (max-width: 799px) and (orientation: landscape) {
	#wpadminbar {
		width: calc(100% - 60px) !important;
		padding: 0 30px !important;
	}
}

@media (max-width: 499px) {
	#wpadminbar {
		width: calc(100% - 30px) !important;
		padding: 0 15px !important;
	}
}

#wpadminbar a {
    color: #8d8d9b !important;
}

#wpadminbar a:hover {
    color: #ffffff !important;
}

#wpadminbar #wp-admin-bar-my-account.with-avatar>.ab-empty-item img, #wpadminbar #wp-admin-bar-my-account.with-avatar>a img {
    border: none !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-radius: 8px;
}

#adminbar-search {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
	border-radius: 12px !important;
}







/* -- Main -- */

#divMain {
	position: relative;
	top: 40px;
	left: 40px;
	width: calc(100% - 80px);
	background-color: #333333;
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.40);
	z-index: 400;
	opacity: 0;
}

@media (max-width: 1023px) {
	#divMain {
		top: 20px;
		left: 20px;
		width: calc(100% - 40px);
	}
}

@media (max-width: 799px) {
	#divMain {
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
	}
}

.home #divMain {
	height: calc(100% - 100px);
	overflow: hidden;
}

@media (max-width: 1023px) {
	.home #divMain {
		overflow-y: visible;
	}
}

@media (max-width: 799px) {
	.home #divMain {
		height: auto;
	}
}

#divSubMain {
	position: relative;
	width: 100%;
	z-index: 600;
}






/* -- Intro -- */

@keyframes introAnim {
	from {height: 100%;}
	to {height: 55%;}
}

#divIntro {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 600;
	animation-name: introAnim;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@media (max-width: 1023px) {
	#divIntro {
		animation-name: none;
		height: 55%;
	}
}

@media (max-width: 799px) {
	#divIntro {
		height: 500px !important;
	}
}

/* smartphones horizontal - barra de topo mais baixa */
@media (max-width: 799px) and (orientation: landscape) {
	#divIntro {
		height: 400px !important;
	}
}

.ie #divIntro {
	background-image: url('media/intro_video_background.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#divSubIntro {
	position: absolute;
	top: 59%;
	left: 50%;
	width: 90%;
	font-size: 2rem;
	font-weight: 400;
	color: #acacb9;
	letter-spacing: 1px;
	-ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 500;
}

@media (max-width: 1023px) {
	#divSubIntro {
		top: 55%;
		width: 95%;
	}
}

/* homepage intro title */
@keyframes introTitle {
	from {color: #d2d2e2;}
	to {color: #ffffff;}
}


#divSubIntro h1 {
	font-family: 'Codystar', Verdana, Geneva, Arial;
	font-size: 5.4rem;
	color: #d2d2e2;
	font-weight: 600;
	text-transform: uppercase;
	/* font-variant: small-caps; */
	line-height: 10rem;
	letter-spacing: 5px;
	text-align: center;
	margin: 10px 0px 0px 0px;
	animation-name: introTitle;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	opacity: 0;
}

@media (max-width: 1599px) {
	#divSubIntro h1 {
		font-size: 5rem;
		line-height: 9rem;
	}
}

@media (max-width: 1279px) {
	#divSubIntro h1 {
		font-size: 4rem;
		line-height: 6.5rem;
		margin: 10px 0px 20px 0px;
	}
}

@media (max-width: 1023px) {
	#divSubIntro h1 {
		font-size: 3.6rem;
		line-height: 5.5rem;
	}
}

@media (max-width: 799px) {
	#divSubIntro h1 {
		animation-name: none;
	}
}

/* Introselect */

#introSelect {
	position: relative;
	display: inline;
	opacity: 0;
}

#introSelect span {
	line-height: 200%;
	vertical-align: middle;
	display: inline-block;
}

.dropButton {
	width: 200px;
	height: 40px;
	background-image: url('media/seta_intro.png');
	background-position: 100% center;
	background-repeat: no-repeat;
	background-color: #acacb9;
	font-size: 1.7rem;
	color: #333333;
	line-height: 38px;
	text-align: left;
	padding: 0px 40px 0px 20px;
	margin: 0px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 0;
	overflow: hidden;
	cursor: pointer;
}

@media (max-width: 799px) {
	.dropButton {
		margin: 0px 10px;
	}
}

.dropButton:hover {
	background-color: #ececf3;
}

.dropButton:focus {
	background-color: #ececf3;
	-webkit-border-radius: 20px 20px 20px 0px;
	-moz-border-radius: 20px 20px 20px 0px;
	border-radius: 20px 20px 20px 0px;
}
  
.dropdownContent {
	position: absolute;
	right: 60px;
	width: 160px;
	background-color: #ececf3;
	text-align: left;
	overflow: auto;
	z-index: 1000;
	display: none;
}

@media (max-width: 799px) {
	.dropdownContent {
		right: 50px;
	}
}
  
.dropdownContent a {
	font-size: 1.5rem;
	color: #333333;
	padding: 6px 15px 6px 20px;
	text-decoration: none;
	display: block;
}
  
.dropdownContent a:hover {
	background-color: #d2d2e2;
}
  
.openDropdown {
	display: block;
}

#introVideo {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-ms-filter: grayscale(100%) invert(100%) contrast(20%) brightness(45%);
	-moz-filter: grayscale(100%) invert(100%) contrast(20%) brightness(45%);
	-webkit-filter: grayscale(100%) invert(100%) contrast(20%) brightness(45%);
	filter: grayscale(100%) invert(100%) contrast(20%) brightness(45%);
	z-index: 100;
}

.ie #introVideo {
	display: none;
}






/* -- Page title -- */

#divPageTitle {
	width: 100%;
	background-image: url('media/header_bg_default.jpg');
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0 30px 0;
	opacity: 0;
}

@media (max-width: 1023px) {
	#divPageTitle {
		padding: 110px 0 30px 0;
	}
}

@media (max-width: 799px) {
	#divPageTitle {
		padding: 100px 0 30px 0;
	}
}

#divPageTitle h1 {
	max-width: 90%;
	font-family: 'Codystar', Verdana, Geneva, Arial;
	font-size: 5.4rem;
	color: #ff8000;
	font-weight: 600;
	text-transform: uppercase;
	/* font-variant: small-caps; */
	line-height: 10rem;
	letter-spacing: 5px;
	text-align: center;
	margin: 10px auto 0px auto;
}

@media (max-width: 1599px) {
	#divPageTitle h1 {
		font-size: 5rem;
		line-height: 9rem;
	}
}

@media (max-width: 1279px) {
	#divPageTitle h1 {
		font-size: 4rem;
		line-height: 6.5rem;
	}
}

@media (max-width: 1023px) {
	#divPageTitle h1 {
		font-size: 3.6rem;
		line-height: 5rem;
	}
}

@media (max-width: 799px) {
	#divPageTitle h1 {
		font-size: 3.2rem;
		line-height: 4.5rem;
	}
}

/* ipad normal vertical */
@media (max-width: 799px) and (min-height: 1024px) and (orientation: portrait) {
	#divPageTitle h1 {
		font-size: 4.6rem;
	}
}

#divPageTitle h1.longTitle {
	font-size: 3rem;
	line-height: 4rem;
	letter-spacing: 3px;
	margin: 15px auto 10px auto;
}

@media (max-width: 1023px) {
	#divPageTitle h1.longTitle {
		font-size: 2.2rem;
		line-height: 3rem;
		letter-spacing: 1px;
	}
}

#divPageTitle h1.mediumTitle {
	font-size: 3.6rem;
	line-height: 6rem;
	letter-spacing: 4px;
	margin: 20px auto 10px auto;
}

@media (max-width: 1023px) {
	#divPageTitle h1.mediumTitle {
		font-size: 2.8rem;
		line-height: 4rem;
		letter-spacing: 2px;
	}
}










/* -- Home Content -- */

#divHomeWidgets {
	width: 100%;
	background-color: #ececf3;
	font-size: 1.7rem;
	opacity: 0;
}











/* -- Content -- */

#divContentContainer {
	position: relative;
	width: 100%;
	background-color: #ffffff;
	text-align: left;
	font-size: 1.7rem;
	overflow: hidden;
	opacity: 0;
}

.divContent {
	width: calc(100% - 40px);
	font-size: 1.7rem;
	text-align: left;
	padding: 30px 20px 0px 20px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity: 0;
}

@media (max-width: 1023px) {
	.divContent {
		padding: 20px 20px 0px 20px;
	}
}

@media (max-width: 799px) {
	.divContent {
		width: calc(100% - 30px);
		padding: 20px 15px 0px 15px;
	}
}

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

.divContent h1 {
	font-size: 2.6rem;
	font-weight: 500;
	color: #333333;
	line-height: 125%;
	margin: 0 0 20px 0;
}

.divContent h2 {
	font-size: 2.6rem;
	font-weight: 400;
	color: #a4a4b4;
	line-height: 125%;
	margin: 0 0 20px 0;
}

.divContent h3 {
	font-size: 2.2rem;
	font-weight: 400;
	color: #333333;
	line-height: 125%;
	margin: 0 0 20px 0;
}

.divContent h4 {
	font-size: 1.9rem;
	font-weight: 600;
	color: #333333;
	line-height: 125%;
	margin: 0 0 20px 0;
}

.divContent hr {
	width: calc(100% + 40px);
	height: 1px;
	background-color: #ffffff;
	border: 0;
	border-top: 2px solid #ececf3;
	margin: 0 -20px 29px -20px;
	clear: both;
}

.divContent ul {
	list-style-position: outside;
	list-style-image: url('media/icon_list.png');
	text-align: left;
	margin: 15px auto 20px auto;
}

.divContent > ul {
	display: inline-block;
}
 
@media (max-width: 799px) {
	.divContent > ul {
		max-width: 100% !important;
	}
}

.divContent ul li {
	word-wrap: break-word;
}

.divContent p:first-child {
	margin-top: 0px;
}

.divContent p {
	white-space: normal !important;
	word-wrap: break-word;
}
 
.divContent a:hover {
	color: #333333;
}

/* NARROW - content with form */
.divContentForm {
	display: -ms-flex; /* old IE */
	display: -webkit-flex; /* old Safari */
	display: flex;
	-ms-flex-wrap: nowrap; /* old IE */
	-webkit-flex-wrap: nowrap; /* old Safari */
	flex-wrap: nowrap;
}

@media (max-width: 799px) {
	.divContentForm {
		display: initial;
		-ms-flex-wrap: initial; /* old IE */
		-webkit-flex-wrap: initial; /* old Safari */
		flex-wrap: initial;
	}
}

.divContentForm > ul {
	max-width: 40%;
}

@media (max-width: 799px) {
	.divContentForm > ul {
		max-width: 100% !important;
	}
}

.divNarrow {
	position: relative;
    -ms-flex-basis: 48%; /* old IE */
    -webkit-flex-basis: 48%; /* old Safari */
    flex-basis: 48%;
    -ms-flex-shrink: 0; /* old IE */
    -webkit-flex-shrink: 0; /* old Safari */
    flex-shrink: 0;
	vertical-align: top;
	padding: 0 0 0 5px;
}

@media (max-width: 799px) {
	.divNarrow {
		-ms-flex-basis: initial; /* old IE */
		-webkit-flex-basis: initial; /* old Safari */
		flex-basis: initial;
		-ms-flex-shrink: initial; /* old IE */
		-webkit-flex-shrink: initial; /* old Safari */
		flex-shrink: initial;
		padding: 0 15px;
	}
}










/* -- Breadcrumbs -- */

#divBreadcrumbs {
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #ececf3;
	line-height: 50px;
	overflow: hidden;
}

#divBreadcrumbs a.prevPage {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: calc(45% - 75px) !important;
	height: 50px;
	background-image: url('media/icon_previous_page.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #ececf3;
	text-align: left;
	color: #333333;
	line-height: 50px;
	padding: 0 25px 0 50px;
	border-right: 1px solid #ffffff;
	overflow: hidden;
	display: inline-block;
}

@media (max-width: 799px) {
	#divBreadcrumbs a.prevPage {
		max-width: 50px !important;
		color: rgba(0, 0, 0, 0); /* transparent */
		padding: 0;
	}
}

#divBreadcrumbs a.prevPage:hover {
	background-color: #dddde6;
}

@media (max-width: 799px) {
	#divBreadcrumbs a.prevPage:hover {
		color: rgba(0, 0, 0, 0); /* transparent */
	}
}

#divBreadcrumbs a.upperPage {
	background-image: url('media/icon_upper_page.png');
}

#divBreadcrumbs a.nextPage {
	position: absolute;
	top: 0px;
	right: 0px;
	max-width: calc(45% - 75px) !important;
	height: 50px;
	background-image: url('media/icon_next_page.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #ececf3;
	text-align: right;
	color: #333333;
	line-height: 50px;
	padding: 0 50px 0 25px;
	border-left: 1px solid #ffffff;
	overflow: hidden;
	display: inline-block;
}

@media (max-width: 799px) {
	#divBreadcrumbs a.nextPage {
		max-width: 50px !important;
		color: rgba(0, 0, 0, 0); /* transparent */
		padding: 0;
	}
}

#divBreadcrumbs a.nextPage:hover {
	background-color: #dddde6;
}

@media (max-width: 799px) {
	#divBreadcrumbs a.nextPage:hover {
		color: rgba(0, 0, 0, 0); /* transparent */
	}
}










/* -- Images and captions -- */

.divContent .wp-caption-text {
	margin: 0.5em 0 2em 0;
}

.divContent img.alignright {
	width: calc(50% + 20px);
	height: auto;
	background-color: #ececf3;
	margin: -29px -20px 1px 15px;
	float: right;
}

@media (max-width: 1023px) {
	.divContent img.alignright {
		margin: -19px -20px 1px 15px;
	}
}

@media (max-width: 799px) {
	.divContent img.alignright {
		width: auto;
		min-width: calc(100% + 30px);
		margin: 0px 0px 20px -15px;
		float: none;
	}
}

.divContent img.alignleft {
	width: calc(50% + 20px);
	height: auto;
	background-color: #ececf3;
	margin: -29px 15px 1px -20px;
	float: left;
}

@media (max-width: 1023px) {
	.divContent img.alignleft {
		margin: -19px 15px 1px -20px;
	}
}

@media (max-width: 799px) {
	.divContent img.alignleft {
		width: auto;
		min-width: calc(100% + 30px);
		margin: 0px 0px 20px -15px;
		float: none;
	}
}

.divContent img.aligncenter {
	margin: -29px auto 1px auto;
	float: none;
}

@media (max-width: 1023px) {
	.divContent img.aligncenter {
		margin: -19px auto 1px auto;
	}
}

@media (max-width: 799px) {
	.divContent img.aligncenter {
		width: auto;
		min-width: calc(100% + 30px);
		margin: 0px 0px 20px -15px;
	}
}
 





/* -- featured image -- */

.divContent img {
	max-width: 100% !important;
	height: auto;
	display: block;
}

#divFeaturedImage {
    -ms-flex-basis: calc(50% + 20px); /* old IE */
    -webkit-flex-basis: calc(50% + 20px); /* old Safari */
    flex-basis: calc(50% + 20px);
    -ms-flex-shrink: 0; /* old IE */
    -webkit-flex-shrink: 0; /* old Safari */
    flex-shrink: 0;
	height: auto;
	/*min-height: 35vh;*/
	background-color: #ececf3;
	margin: -29px 15px 1px -20px;
	overflow: hidden;
}

@media (max-width: 1023px) {
	#divFeaturedImage {
		margin: -19px 15px 1px -20px;
	}
}

@media (max-width: 799px) {
	#divFeaturedImage {
		-ms-flex-basis: initial; /* old IE */
		-webkit-flex-basis: initial; /* old Safari */
		flex-basis: initial;
		-ms-flex-shrink: initial; /* old IE */
		-webkit-flex-shrink: initial; /* old Safari */
		flex-shrink: initial;
		width: 100%;
		margin: -19px 0px 20px 0;
	}
}

#divFeaturedImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
 





/* -- gallery -- */

.divContent .gallery {
	display: none;
}

#divGallery {
	width: calc(100% + 40px);
	min-height: 300px;
	margin-left: -20px;
	clear: both;
}

@media (max-width: 1023px) {
	#divGallery {
	}
}

@media (max-width: 799px) {
	#divGallery {
		height: auto;
	}
}

#divGallery div {
	width: calc(33.33% - 1px);
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px 1px -3px 0px;
	display: inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	overflow: hidden;
}

#divGallery div:nth-child(3n) {
	width: 33.33%;
	margin: 0px 0px -3px 0px;
}

@media (max-width: 799px) {
	#divGallery div {
		width: calc(50% - 1px);
		margin: 0px 1px -3px 0px;
	}
	#divGallery div:nth-child(3n) {
		width: calc(50% - 1px);
		margin: 0px 1px -3px 0px;
	}
	#divGallery div:nth-child(2n) {
		width: 50%;
		margin: 0px 0px -3px 0px;
	}
}

@media (max-width: 599px) {
	#divGallery div {
		width: auto;
		height: 350px;
		margin-bottom: 1px;
		display: block;
	}
	#divGallery div:nth-child(3n) {
		width: auto;
		margin-bottom: 1px;
	}
	#divGallery div:nth-child(2n) {
		width: auto;
		margin-bottom: 1px;
	}
}

#divGallery div:hover {
	opacity: 0.5;
}

#divGallery div a {
	width: 100%;
	height: 300px;
	background-color: transparent;
	padding: 0;
	display: block;
}

@media (max-width: 599px) {
	#divGallery div a {
		height: 350px;
	}
}

#divGallery div a:hover {
	background-color: transparent;
}










/* -- Images with captions -- */

.divContent figure {
	background-color: #ececf3;
	display: inline-block;
	vertical-align: top;
	margin: 20px 20px 0px 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.divContent figure img {
	mix-blend-mode: multiply;
}

.divContent figure figcaption {
	display: none;
}









/* -- Tables -- */

.divContent table {
	width: 100%;
	max-width: 60vw !important;
	line-height: 26px;
	border-top: 2px solid #ececf3;
	border-left: 2px solid #ececf3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-top: 2em;
	padding: 0;
	border-collapse: initial;
}
 
@media (max-width: 799px) {
	.divContent table {
		max-width: 80vw !important;
	}
}

.divContent table td {
	max-width: 35vw !important;
	min-height: 26px;
	line-height: 26px;
	vertical-align: middle;
	word-wrap: break-word !important;
	border-bottom: 2px solid #ececf3;
	border-right: 2px solid #ececf3;
    -webkit-bottom-right-radius: 4px;
    -moz-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
	padding: 7px 10px;
}

.divContent table thead th {
	min-height: 26px;
	background-color: #f0f0f0;
	line-height: 26px;
	vertical-align: middle;
	border-bottom: 2px solid #ececf3;
	border-right: 2px solid #ececf3;
	padding: 7px 10px;
}

.divContent table thead th p {
	word-wrap: break-word !important;
	margin: 0;
}

.divContent table thead td a {
	font-weight: 600;
}

.divContent table td img {
	vertical-align: middle;
}
 
 










/* -- Stats Counter -- */

.col_third {
	position: relative;
	width: 32%;
	vertical-align: top;
	display: inline-block;
	margin: 0 5px 20px 5px;
}

@media (max-width: 799px) {
	.col_third {
	}
}

.wrapper {
	position: relative;
	width: 100%;
	padding: 10px 0;
	clear: right;
}

.counter {
	width: 130px;
	height: 130px;
	background-image: url('media/counter_circle.png');
	background-position: center center;
}

.count-title {
	font-family: 'Raleway', Verdana, Arial, Geneva;
	font-size: 4.8rem !important;
	font-weight: 100 !important;
	color: #333333 !important;
	letter-spacing: -1px;
	margin-top: 18px !important;
	margin-bottom: 0px !important;
	text-align: center;
}

.count-text {
	font-size: 1.5rem;
	font-weight: 400;
	color: #333333;
	margin-top: -5px;
	text-align: center;
}









/* -- Blockquote -- */

.entry-content blockquote {
    background: #fff7eb;
    font-style: italic;
    border-left: 5px solid #ff8800;
    padding: 25px 20px;
	margin: 0 0 20px 0;
}

.entry-content blockquote p {
	margin: 0;
}









/* -- Embeds and Iframes -- */

embed, iframe, object {
    max-width: 100%;
}
 






/* -- Div circles -- */

.divCircles {
	width: calc(100% + 40px);
	background-color: #ececf3;
	padding: 20px;
	margin: 20px -20px;
	display: -ms-flex; /* old IE */
	display: -webkit-flex; /* old Safari */
	display: flex;
	-ms-flex-wrap: nowrap; /* old IE */
	-webkit-flex-wrap: nowrap; /* old Safari */
	flex-wrap: nowrap;
}

@media (max-width: 799px) {
	.divCircles {
		width: 100%;
		padding: 20px;
		display: block;
		-ms-flex-wrap: initial; /* old IE */
		-webkit-flex-wrap: initial; /* old Safari */
		flex-wrap: initial;
	}
}

.divCircles > div {
	-ms-flex-basis: 25%; /* old IE */
	-webkit-flex-basis: 25%; /* old Safari */
	flex-basis: 25%;
	-ms-flex-shrink: 0; /* old IE */
	-webkit-flex-shrink: 0; /* old Safari */
	flex-shrink: 0;
	border-radius: 50%;
	background-color: #ffffff;
	text-align: center;
	padding: 20px;
	margin: 20px 10px;
}

@media (max-width: 799px) {
	.divCircles > div {
		width: 80%;
		-ms-flex-basis: initial; /* old IE */
		-webkit-flex-basis: initial; /* old Safari */
		flex-basis: initial;
		-ms-flex-shrink: initial; /* old IE */
		-webkit-flex-shrink: initial; /* old Safari */
		flex-shrink: initial;
		margin: 20px auto;
	}
}

.divCircles ul {
	display: inline-block;
}







/* -- TEAM - images circle -- */

.page-template-team .divContent {
	text-align: center;
}

.spanTeam {
	position: relative;
	width: auto;
	height: auto;
	background-color: #ececf3;
	vertical-align: top;
	margin: 10px;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
	overflow: hidden;
	opacity: 0;
}

.spanTeam:hover {
	background-color: #ff9900;
}

/* -- Old IE/EDGE - remove bg and add border -- */
.ie .spanTeam,
.edge .spanTeam {
	background-color: transparent;
	/* border: 2px solid #e6e6ed; */
}

.ie .spanTeam:hover,
.edge .spanTeam:hover {
	background-color: transparent;
	/* border: 2px solid #ff9900; */
}

.spanTeam figure img {
	position: relative;
	mix-blend-mode: multiply;
	z-index: 500;
}

.spanTeam figure {
	background-color: transparent;
    display: inline;
    vertical-align: initial;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	border-radius: 0;
}

.spanTeam figure figcaption {
    position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	display: block;
	z-index: 1000;
}

.spanTeam:hover figure figcaption {
    color: #333333;
}

.spanTeam figure figcaption strong {
    font-size: 2.2rem;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.spanTeam:hover figure figcaption strong {
    color: #ffffff;
}

/* -- Old IE/EDGE -- */
.ie .spanTeam:hover figure figcaption strong,
.edge .spanTeam:hover figure figcaption strong {
    color: #333333;
}

.spanTeam:hover figure figcaption a {
    color: #333333;
}

.spanTeam:hover figure figcaption a:hover {
    color: #ffffff;
}

/* -- Old IE/EDGE -- */
.ie .spanTeam:hover figure figcaption a:hover,
.edge .spanTeam:hover figure figcaption a:hover {
    color: #f98000;
}

/* -- Old IE/EDGE - add background on top -- */
.spanTeam figure .greyCircle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #8585b3;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	display: block;
	opacity: 0.15;
	z-index: 900;
}

.spanTeam:hover figure .greyCircle {
	background-color: #ff9900;
}







/* -- CLIENT REFERENCES - images circle -- */

img.logo {
	width: auto !important;
    min-width: auto !important;
	margin: 0 auto !important;
	display: inline-block !important;
}

.spanCircle {
	width: auto;
	height: auto;
	background-color: #ffffff;
	vertical-align: top;
	border: 2px solid #ececf3;
	border-radius: 50%;
	margin: 10px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
	overflow: hidden;
	opacity: 0;
}

.spanCircle:hover {
	background-color: #ececf3;
}

img.circle {
	mix-blend-mode: multiply;
}








/* -- contact buttons -- */

#btAction {
    height: 36px;
    background-color: #333333;
    font-size: 1.7rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 34px;
    text-align: center;
    vertical-align: bottom;
    padding: 0 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
    display: inline-block;
}

#btAction:hover {
    background-color: #46b4cc;
    color: #ffffff !important;
}









/* -- Mapa -- */

#googleMap {
	width: 100%;
	height: 500px;
	margin:  0;
	clear: both;
}

@media (max-width: 1279px) {
	#googleMap {
		height: 400px;
	}
}

@media (max-width: 1023px) {
	#googleMap {
		height: 300px;
	}
}

#googleMap a {
	color: #f98000;
	font-weight: bold;
	text-decoration: none;
}









	
/* -- FAQs jquery Accordion -- */

#divGlossary {
	width: calc(100% - 40px);
	font-family: 'Raleway', Verdana, Geneva, Arial;
	border-top: 2px solid #ececf3;
	padding: 20px;
	clear: both;
	opacity: 0;
}

#glossaryTitle {
	font-size: 2.6rem;
    font-weight: 400;
    color: #a4a4b4;
    line-height: 125%;
	margin: 0 0 20px 0;
	display: block;
}

#divGlossary h2 {
	background-color: #ececf3;
	font-size: 1.5rem;
	font-weight: 600;
	color: #333333;
	line-height: 2rem;
	text-align: left;
	padding: 15px;
	margin: 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

@media (max-width: 799px) {
	#divGlossary h2 {
		font-size: 1.5rem;
	}
}

#divGlossary h2:hover {
	background-color: #a4a4b4;
	color: #ffffff;	
}

#divGlossary h2.ui-accordion-header-active {
	background-color: #a4a4b4;
	color: #ffffff;
}

/* Icone */
#divGlossary h2 span {
	position: absolute;
	top: 50%;
	right: 5px;
    width: 40px !important;
    height: 40px !important;
	background-image: url('media/icon_plus.png');
	background-position: center top;
    background-repeat: no-repeat;
	-ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    margin: 0;
    overflow: hidden;
	display: block;
}

#divGlossary h2:hover span {
	background-position: center bottom;
}

#divGlossary h2.ui-state-active span {
	background-image: url('media/icon_minus.png');
}

.ui-accordion-content {
	text-align: left;
}

#divGlossary ul {
	max-width: 100%;
}

#divGlossary > div {
	font-size: 1.7rem;
}

@media (max-width: 799px) {
	#divGlossary > div {
		font-size: 1.5rem;
		line-height: 125%;
		text-align: left;
	}
}








/* -- pages -- */


#divPages {
	width: calc(100% - 20px);
	background-color: #ffffff;
	text-align: center;
	border-top: 2px solid #ececf3;
	padding: 30px 10px;
	clear: both;
}

#divPages h2 {
	position: relative;
	width: 200px;
	height: 200px;
	background-color: #ececf3;
	font-size: 1.5rem;
	vertical-align: top;
	margin: 10px;
	padding: 20px;
	-webkit-border-radius: 140px;
	-moz-border-radius: 140px;
	border-radius: 140px;
	overflow: hidden;
	display: inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 0;
}

@media (max-width: 1023px) {
	#divPages h2 {
		width: 180px;
		height: 180px;
	}
}

@media (max-width: 799px) {
	#divPages h2 {
		margin: 5px;
	}
}

@media (max-width: 499px) {
	#divPages h2 {
		width: 160px;
		height: 160px;
		padding: 10px;
	}
}

#divPages h2:hover {
	background-color: #f98000;
}


#divPages h2 .pageTitle {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

#divPages h2 .pageTitle span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85%;
	font-family: 'Raleway', Verdana, Arial, Geneva;
	font-size: 2rem;
	font-weight: 400;
	color: #333333 !important;
	line-height: 125%;
	display: block;
	-ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

#divPages h2:hover .pageTitle span {
	color: #ffffff !important;
}









/* -- forms -- */

#divContactForm {
	position: relative;
    -ms-flex-basis: calc(50% + 20px); /* old IE */
    -webkit-flex-basis: calc(50% + 20px); /* old Safari */
	flex-basis: calc(50% + 20px);
    -ms-flex-shrink: 0; /* old IE */
    -webkit-flex-shrink: 0; /* old Safari */
    flex-shrink: 0;
	background-color: #ececf3;
	text-align: center;
	margin: -29px 15px 1px -20px;
	padding: 20px 0;
	vertical-align: top;
}

@media (max-width: 1023px) {
	#divContactForm {
		margin: -19px 15px 1px -20px;
	}
}

@media (max-width: 799px) {
	#divContactForm {
		-ms-flex-basis: initial; /* old IE */
		-webkit-flex-basis: initial; /* old Safari */
		flex-basis: initial;
		-ms-flex-shrink: initial; /* old IE */
		-webkit-flex-shrink: initial; /* old Safari */
		flex-shrink: initial;
		width: auto;
		margin: -19px 0px 20px 0px;
		float: none;
		clear: both;
	}
}

#divContactForm p {
	margin: 5px 0;
}

#divContactForm .titleDiv {
	font-size: 2.2rem;
	color: #333333;
	padding: 10px 0;
	display: block;
}

#divContactForm .formBody {
	width: 85%;
	margin: 10px auto 0 auto;
}

@media (max-width: 1023px) {
	#divContactForm .formBody {
		width: 90%;
	}
}

#divContactForm .smallTxt {
	font-size: 1.5rem;
	font-family: "Open Sans", Verdana, Arial, sans-serif;
}

#divContactForm input[type=text],
#divContactForm input[type=email],
#divContactForm input[type=date] {
	width: 80%;
	height: 40px;
	background-color: #ffffff;
	font-size: 1.7rem;
	color: #333333;
	line-height: 39px;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 0 10px;
	border: 0;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

@media (max-width: 1279px) {
	#divContactForm input[type=text],
	#divContactForm input[type=email],
	#divContactForm input[type=date] {
		width: 90%;
	}
}

#divContactForm input[type=file] {
	width: 80%;
	height: 40px;
	background-color: #ffffff;
	font-size: 1.5rem;
	color: #333333;
	line-height: 39px;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 10px 60px;
	border: 0;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.ie #divContactForm input[type=file] {
	padding: 5px 60px;
}

@media (max-width: 1279px) {
	#divContactForm input[type=file] {
		width: 90%;
	}
}

#divContactForm textarea {
	width: 80%;
	height: 90px;
	font-size: 1.7rem;
	color: #333333;
	line-height: 20px;
	text-align: center;
	margin: 1px 0 5px 0;
	padding: 10px;
	border: 0;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

@media (max-width: 1279px) {
	#divContactForm textarea {
		width: 90%;
	}
}

#divContactForm select {
	width: 80%;
	height: 40px;
	font-size: 1.7rem;
	color: #333333;
	line-height: 39px;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 0 20px;
	border: 0;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

@media (max-width: 1279px) {
	#divContactForm select {
		width: 90%;
	}
}

/* -- placeholders -- */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a4a4b4 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a4a4b4 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #a4a4b4 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a4a4b4 !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #a4a4b4 !important;
	opacity: 1; /* by default, placeholders in Firefox have an opacity value applied to them, so lets clear that  */
}

:-moz-placeholder { /* Firefox 18- */
    color: #a4a4b4 !important;
	opacity: 1; /* by default, placeholders in Firefox have an opacity value applied to them, so lets clear that  */
}

:-ms-input-placeholder { /* IE 10+ */
    color: #a4a4b4 !important;
}
 
/* -- captcha -- */

.grecaptcha-badge {
	z-index: 1000;
}

.wpcf7-recaptcha > div {
	width: auto !important;
}

/* -- end captcha -- */

#divContactForm .divSubmit {
	width: 100%;
	clear: both;
}

#divContactForm input[type=submit] {
    height: 40px;
    background-color: #333333;
    font-size: 1.7rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 39px;
	letter-spacing: 1px;
    text-align: center;
	margin: 10px auto 0 auto;
    padding: 0 20px;
	border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
}

#divContactForm input[type=submit]:hover {
    background-color: #46b4cc;
    color: #ffffff !important;
	cursor: pointer;
}

.ajax-loader {
	margin: 2px auto !important;
	display: block !important;
}

#divContactForm .wpcf7-response-output {
	color: #f98000;
	padding: 0px 10px 20px 10px !important;
	margin: 0 !important;
	border: 0 !important;
}

#divContactForm .wpcf7-not-valid-tip {
	color: #333333;
	padding: 10px 0 !important;
	white-space: nowrap;
	display: inline-block;
}
 
/* -- Dialog -- */

#divDialog {
	position: relative;
    -ms-flex-basis: calc(50% + 20px); /* old IE */
    -webkit-flex-basis: calc(50% + 20px); /* old Safari */
	flex-basis: calc(50% + 20px);
    -ms-flex-shrink: 0; /* old IE */
    -webkit-flex-shrink: 0; /* old Safari */
    flex-shrink: 0;
	background-color: #ececf3;
	text-align: center;
	margin: -29px 15px 1px -20px;
	padding: 20px 0;
	vertical-align: top;
}

@media (max-width: 1023px) {
	#divDialog {
		margin: -19px 15px 1px -20px;
	}
}

@media (max-width: 799px) {
	#divDialog {
		-ms-flex-basis: initial; /* old IE */
		-webkit-flex-basis: initial; /* old Safari */
		flex-basis: initial;
		-ms-flex-shrink: initial; /* old IE */
		-webkit-flex-shrink: initial; /* old Safari */
		flex-shrink: initial;
		width: auto;
		margin: -19px 0px 20px 0px;
		float: none;
		clear: both;
	}
}

#divDialog img {
	display: inline-block;
}

#divDialog strong {
	font-size: 2.4rem;
	font-weight: 400;
	color: #333333;
	line-height: 140%;
}








/* -- Highlights -- */

#divHighlights {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 350px;
	overflow: hidden;
	z-index: 500;
}

@media (max-width: 799px) {
	#divHighlights {
		height: auto;
	}
}

.home #divHighlights {
	position: absolute;
	top: initial;
	bottom: 0px;
	height: 45%;
}

.ie .home #divHighlights {
	position: relative !important;
}

@media (max-width: 1023px) {
	.home #divHighlights {
		top: 55%;
		bottom: initial;
	}
}

@media (max-width: 799px) {
	.home #divHighlights {
		position: relative;
		top: initial;
		bottom: initial;
		height: auto;
	}
}

#divHighlights div {
	height: 100%;
}

#divHighlights .highlightBox {
	position: relative;
	width: 33.3%;
	height: 100%;
	float: left;
}

@media (max-width: 1023px) {
	#divHighlights .highlightBox {
		width: 50%;
	}
}

@media (max-width: 799px) {
	#divHighlights .highlightBox {
		width: 100%;
		height: 350px;
		float: none;
	}
}

#divHighlights .highlightBox:nth-child(even) {
	width: 33.4%;
}

@media (max-width: 1023px) {
	#divHighlights .highlightBox:nth-child(even) {
		width: 50%;
	}
}

@media (max-width: 799px) {
	#divHighlights .highlightBox:nth-child(even) {
		width: 100%;
	}
}

#divHighlights .highlightBox a {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #a4a4b3;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#divHighlights .highlightBox a:hover {
	background-position: center 500px;
}

.highlightTitle {
	position: absolute;
	top: 20px;
	left: 50%;
	width: calc(100% - 10px);
	font-size: 4.5rem;
	font-weight: 700;
	color: #333333;
	text-transform: uppercase;
	padding: 0 5px;
	-ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	display: block;
}

@media (max-width: 1599px) {
	.highlightTitle {
		font-size: 4.2rem;
	}
}

@media (max-width: 1279px) {
	.highlightTitle {
		font-size: 3.2rem;
	}
}

@media (max-width: 1023px) {
	.highlightTitle {
		font-size: 4rem;
	}
}

#divHighlights .highlightBox a:hover .highlightTitle {
	top: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.highlightLead {
	font-size: 2.2rem;
	letter-spacing: 1px;
	font-weight: 300;
	color: #ffffff;
	text-transform: none;
	display: block;
}

.highlightOrange {
	background-color: #f99605 !important;
}

.highlightGrey {
	background-color: #a4a4b3 !important;
}

.highlightBlue {
	background-color: #47b6d1 !important;
}

#highlightBox1, #highlightBox2, #highlightBox3 {
	opacity: 0;
}

/* Slick slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-next {
	display: none !important;
}

.slick-prev {
	display: none !important;
}










/* -- share -- */

#divShare {
	width: calc(100% - 40px);
	height: 50px;
	background-color: #ececf3;
	text-align: center;
	padding: 20px 20px 10px 20px;
	overflow: hidden;
	clear: both;
	opacity: 0;
}

@media (max-width: 1023px) {
	#divShare {
		width: auto;
		height: auto;
		min-height: 42px;
	}
}

.sharethis-inline-share-buttons::before { 
	content: "Share: ";
	line-height: 40px;
}

@media (max-width: 599px) {
	.sharethis-inline-share-buttons::before { 
		content: "";
	}
}

.pt-pt .sharethis-inline-share-buttons::before { 
	content: "Partilhar: ";
}

#st-1 .st-btn {
	min-width: auto !important;
	vertical-align: middle !important;
	-webkit-filter: grayscale(100%) brightness(80%) contrast(200%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%) brightness(80%) contrast(200%);
}

#st-1 .st-btn:hover {
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
	filter: none;
	opacity: 1 !important;
}

#st-1 .st-btn > span {
	min-width: auto !important;
}

.st_fblike_large > span {
	bottom: 8px !important;
}

.st_facebook_large > span {
	top: 8px !important;
}

.st_twitter_large > span {
	top: 8px !important;
}

.st_linkedin_large > span {
	top: 8px !important;
}

.st_email_large > span {
	top: 8px !important;
}

#st-1 .st-total {
    color: #333333 !important;
    vertical-align: middle !important;
}






/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

footer {
	position: relative;
	top: 40px;
	width: calc(100% - 80px);
	min-height: 60px;
	text-align: center;
    font-weight: 400;
    color: #a4a4b4;
    letter-spacing: 1px;
    line-height: 60px;
    padding: 0 40px;
	opacity: 0;
	z-index: 300;
}

@media (max-width: 1279px) {
	footer {
		letter-spacing: 0px;
	}
}

@media (max-width: 1023px) {
	footer {
		top: 30px;
		min-height: 40px;
		line-height: 40px;
	}
}

@media (max-width: 799px) {
	footer {
		top: 10px;
	}
}

footer a {
	background-color: transparent;
	color: #a4a4b4 !important;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 0 15px;
	margin: 0 15px;
	display: inline-block;
	border: 1px solid #a4a4b4;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

footer a:first-child {
	margin-right: 0px;
}

@media (max-width: 1279px) {
	footer a {
		letter-spacing: 0px;
	}
}

footer a:hover {
	background-color: #a4a4b4;
	color: #333333 !important;
}

footer .textwidget,
footer p {
	display: inline;
}

#iconTop {
	position: fixed;
	right: 30px;
	bottom: 0px;
    width: 40px !important;
    height: 40px !important;
	background-color: #333333;
	background-image: url('media/icon_top.png');
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
    line-height: 40px !important;
    margin: 10px 30px !important;
	padding: 0px !important;
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.40);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border-radius: 20px;
	z-index: 999999;
	display: none;
}

@media (max-width: 1279px) {
	#iconTop {
		right: 20px;
	}
}

@media (max-width: 1023px) {
	#iconTop {
		right: 10px;
	}
}

@media (max-width: 799px) {
	#iconTop {
		right: 0px;
	}
}

@media (max-width: 499px) {
	#iconTop {
		right: -20px;
	}
}

#iconTop:hover {
	background-position: center top;
}

#credits {
	background-color: transparent !important;
	text-align: right;
    font-weight: 500;
	color: #555566 !important;
	padding: 0;
	margin: 0;
	border: none;
}


















/* -- ligacoes -- */

#divLinks {
	position: relative;
	top: 20px;
	width: calc(100% - 80px);
	font-size: 1.5rem;
	color: #333333;
	text-align: center;
	margin: 0 auto;
	cursor: default;
	display: block !important;
}

#divLinks a {
	color: #333333;
}

#divLinks a:hover {
	color: #333333;
	cursor: default;
}






/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.clear {
	clear: both;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 2rem;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 2rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}








/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.7.0
 *
 * Copyright KingSora.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 18.04.2019
 */

/*
OVERLAY SCROLLBARS CORE:
*/

html.os-html,
html.os-html > .os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
html.os-html > .os-host > .os-padding {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
body.os-dragging,
body.os-dragging * {
    cursor: default;
}
.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
}
.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.os-host-flexbox > .os-size-auto-observer {
    height: inherit !important;
}
.os-host-flexbox > .os-content-glue {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px;
}
#os-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%; 
    margin: 10px 0;
}
#os-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden !important;
    background: transparent !important;
}
.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 1;
}
.os-host-overflow > .os-padding {
    overflow: hidden;
}
.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: none !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
}
.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible;
}
.os-content:before,
.os-content:after {
    content: '';
    display: table;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.os-content > .os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: transparent !important;
    outline: 0px none transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0px !important;
    float: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    border: none !important;
    resize: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    -webkit-perspective: none !important;
            perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0px;
}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important;
}
.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none;
}
.os-content > .os-textarea[wrap='off'] {
    white-space: pre !important;
    margin: 0px !important;
}
.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text;
}
.os-resize-observer,
.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
}
.os-resize-observer-host:after {
    content: '';
}
.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host:after {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0px;
    display: block;
    box-sizing: content-box;
}
.os-resize-observer.observed,
object.os-resize-observer {
    box-sizing: border-box !important;
}
.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
}
.os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
}
.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer {
    -webkit-animation-duration: 0.001s;
    animation-duration: 0.001s;
    -webkit-animation-name: hs-resize-observer-dummy-animation;
    animation-name: hs-resize-observer-dummy-animation;
}

/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/

.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
    -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
html.os-html > .os-host > .os-scrollbar {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    z-index: 999999; /* highest z-index of the page */
}
.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1;
}
.os-scrollbar-corner {
    bottom: 0;
    right: 0;
}
.os-scrollbar {
    pointer-events: none;
}
.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important;
}
.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none;
}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important;
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
}
.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}
.os-scrollbar-vertical {
    top: 0;
    right: 0;
}
.os-host-rtl > .os-scrollbar-horizontal {
    right: 0;
}
.os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0;
}
.os-host-rtl > .os-scrollbar-corner {
    right: auto;
    left: 0;
}
.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.os-scrollbar-corner-resize-both {
    cursor: nwse-resize;
}
.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize;
}
.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize;
}
.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize;
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0;
}
.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important;
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important;
}
.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.os-host-overflow {
    overflow: hidden !important;
}
.os-host-overflow-x {
} 
.os-host-overflow-y {
} 
@-webkit-keyframes hs-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
@keyframes hs-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}

/*
THEMES:
*/

/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
    display: none !important;
}
.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px;
}
/*
os-theme-thin-light
*/

.os-theme-thin-light > .os-scrollbar-horizontal {
    right: 14px;
    height: 14px;
    padding: 0px 6px;
}
.os-theme-thin-light > .os-scrollbar-vertical {
    bottom: 14px;
    width: 14px;
    padding: 6px 0px;
}
.os-theme-thin-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 14px;
    right: 0;
}
.os-theme-thin-light > .os-scrollbar-corner {
    height: 14px;
    width: 14px;
    background-color: transparent;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
    content: '';
    display: block;
    position: absolute;
	/* EDITED BY ESTREIA */
	background: rgba(255, 255, 255, 0);
    /*background: rgba(255, 255, 255, 0.15);*/
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    left: 0;
    right: 0;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    top: 0;
    bottom: 0;
    width: 2px;
    left: 50%;
    margin-left: -1px;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
    content: '';
    display: block;
    position: absolute;
	/* EDITED BY ESTREIA */
    background: rgba(255, 255, 255, 1);
    /*background: rgba(255, 255, 255, 0.5);*/
    border-radius: 10px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    height: 4px;
    margin-top: -2px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    width: 4px;
    margin-left: -2px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
	/* EDITED BY ESTREIA */
    background: rgba(255, 255, 255, 1);
    /*background: rgba(255, 255, 255, 0.7);*/
    
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    background: #fff;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    height: 100%;
    min-width: 30px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    width: 100%;
    min-height: 30px;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    transition: height 0.3s, margin-top 0.3s, background 0.2s;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    transition: width 0.3s, margin-left 0.3s, background 0.2s;
}













/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none; max-height: 900px; -ms-interpolation-mode: bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background-color: #333333; opacity: 1 !important;}
/* Delay the close button, to prevent it from moving */
@keyframes showColorBox {
	from {opacity: 0;}
	to {opacity: 1;}
}
#colorbox{outline:0;}
    #cboxContent{overflow:visible; background:#333333;}
        .cboxIframe{background:#333333;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{padding:1px; margin-bottom: 35px;
			animation-name: showColorBox;
			animation-duration: 1s;}
        #cboxLoadingGraphic{}
        #cboxLoadingOverlay{background:#333333;}
        #cboxTitle{position:absolute; bottom:10px; left:0; text-align:center; width:100%; color:#ffffff;}
        #cboxCurrent{position:absolute; bottom:10px; left:10px; color:#ffffff;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; background: none;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxSlideshow{display: none !important;}
        #cboxPrevious{position: fixed; top: calc(50% - 40px); left: 10px; background: url("media/bt_previous.png") top no-repeat; width:48px; height:80px; text-indent:-9999px;}
        #cboxPrevious:hover{background: url("media/bt_previous.png") bottom no-repeat;}
		#cboxPrevious:focus{outline: none;}
        #cboxNext{position: fixed; top: calc(50% - 40px); right:10px; background: url("media/bt_next.png") top no-repeat; width:48px; height:80px; text-indent:-9999px;}
        #cboxNext:hover{background: url("media/bt_next.png") bottom no-repeat;}
		#cboxNext:focus{outline: none;}
		/* Delay the close button, to prevent it from moving */
		@keyframes showCloseBt {
    		from {opacity: 0;}
    		to {opacity: 1;}
		}
		#cboxClose{position: absolute; top: 10px; right: 10px; background: url("media/bt_close.png") no-repeat; width:25px; height:25px; text-indent:-9999px;
			opacity: 0;
			animation-name: showCloseBt;
			animation-duration: 4s;
			animation-iteration-count: 1;
			animation-fill-mode: forwards;
		}
		
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		
@media (max-width: 1023px) {
	#cboxLoadedContent{margin: 0;}
	#cboxTitle {display: none !important;}
	#cboxCurrent {display: none !important;}
}