/* ==================================================
   Typography
================================================== */
@font-face {
 font-family: 'Gotham Book Regular';
 src: url("../fonts/gotham-book-webfont.eot");
 src: url("../fonts/gotham-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-book-webfont.woff") format("woff"), url("../fonts/gotham-book-webfont.ttf") format("truetype"), url("../fonts/gotham-book-webfont.svg#gotham_bookregular") format("svg");
 font-weight: normal;
 font-style: normal
}
/* ==================================================
   Base
================================================== */
body, html {
 font-family: "Albert Sans", Helvetica, Arial, sans-serif;
}
body {
 overflow-x: hidden;
 margin: 0;
}
html {
 scroll-padding-top: 10vh;
}
h1, h2, h3, h4, h5, h6 {
 margin-top: 0;
 color: #7c7c7c;
 font-weight: 700;
 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
a {
 color: #00a0e3;
}
a:hover {
 color: #FF8F00;
 text-decoration: underline;
}
a:focus {
 outline: none;
}
/* SVG links */
a.svg {
 position: relative;
 display: inline-block;
}
a.svg:after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
ul, ol {
 list-style: none;
 padding: 0;
}
ul {
 padding-left: 2rem;
}
ul li:before {
 content: "-";
 padding-right: 5px;
 margin-left: -10px;
}
/*em {
 padding-right: 3px;
}
p i {
 padding-right: 3px;
}*/
q {
 font-style: italic;
}
img {
 width: 100%;
 height: auto;
}
object {
 width: 100%;
 height: auto;
}
section {
 position: relative;
 background-color: #FFF;
}
blockquote {
 display: table;
 position: relative;
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 font-size: 1.2em;
 border-left: none;
 margin: 2em 0;
 padding: 0.5em 10px 0.5em 50px;
}
blockquote p {
 color: rgba(0, 0, 0, 0.5);
 float: left;
}
iframe {
 border: none;
 width: 100%;
 background-color: transparent;
 overflow: hidden;
}
table {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 border: 0;
 padding: 0;
 text-align: center;
}
video {
 width: 100%;
 height: 100%;
}
/* ==================================================
   Margins and Paddings
================================================== */
.margin-20 {
 margin-bottom: 20px;
}
.margin-25 {
 margin-bottom: 25px;
}
.margin-50 {
 margin-bottom: 50px;
}
.margin-75 {
 margin-bottom: 75px;
}
.margin-100 {
 margin-bottom: 100px;
}
.no-margin {
 margin: 0;
}
.padding-25 {
 padding: 25px 0;
}
.padding-50 {
 padding: 50px 0;
}
.padding-75 {
 padding: 75px 0;
}
.padding-100 {
 padding: 100px 0;
}
.no-padding {
 padding: 0;
}
/* Alignments */
.vcenter {
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
.hcenter {
 position: relative;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
}
.clear {
 clear: both;
}
/* ==================================================
   Animations
================================================== */
a, .anim, .navbar-form .form-control, .navbar-form .btn-default, .slides .owl-nav > div, .btn-default, #ascrail2000 div, .img-frame span, .c-event-item, .c-event-item a .fa, .c-event-over, .careers-item, .post-block {
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
}
/* Page loader */
.loader {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(50%);
}
.ball-pulse > div:nth-child(1) {
 -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
 animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(2) {
 -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
 animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(3) {
 -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
 animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div {
 background-color: #00A0E3;
 width: 15px;
 height: 15px;
 border-radius: 100%;
 margin: 2px;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 display: inline-block;
}
@-webkit-keyframes ball-pulse-sync {
 33% {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
 }
 66% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
 }
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@keyframes ball-pulse-sync {
 33% {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
 }
 66% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
 }
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
.ball-pulse-sync > div:nth-child(1) {
 -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
 animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(2) {
 -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
 animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(3) {
 -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
 animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
.ball-pulse-sync > div {
 background-color: #FFF;
 width: 15px;
 height: 15px;
 border-radius: 100%;
 margin: 2px;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 display: inline-block;
}
@-webkit-keyframes scale {
 0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
 }
 45% {
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0.7;
 }
 80% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
 }
}
@keyframes scale {
 0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
 }
 45% {
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0.7;
 }
 80% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
 }
}
/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
 opacity: 0;
 transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
 opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
 left: 0;
 opacity: 0;
 z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
 opacity: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
 .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
 }
 .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
 }
 .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
 }
}
/*Page Loading Fade Effect */
.fade-in {
 opacity: 0;
 -webkit-animation: fadeIn ease-in 1;
 -moz-animation: fadeIn ease-in 1;
 animation: fadeIn ease-in 1;
 -webkit-animation-fill-mode: forwards;
 -moz-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-delay: 1s;
 -moz-animation-delay: 1s;
 animation-delay: 1s;
}
@-webkit-keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
@-moz-keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
@keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
/* ==================================================
   Header
================================================== */
.header {
 border-top: 3px solid #FF8F00;
 width: 100%;
}
.top-header {
 background: #FFF;
 height: 40px;
 border-bottom: 2px solid #00a0e3;
}
.logo-block, .claim {
 height: 90px;
}
.logo-block a {
 height: 100%;
}
.claim, .skew, .skew:before {
 background: #3db7ea;
 background-position: center center;
}
.claim, .skew {
 background-color: #FFF;
}
.skew {
 position: relative;
 text-align: center;
}
.skew:before {
 position: absolute;
 display: block;
 content: "";
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 90px 90px 0px 0;
 border-color: transparent #FFF transparent transparent;
 background: #FFF;
}
.skew:after {
 position: absolute;
 display: block;
 content: "";
 left: 100%;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #FFF;
}
.claim {
 font-family: "Gotham Book Regular", Helvetica, Arial, sans-serif;
 font-size: 2.2em;
 font-variant: small-caps;
 line-height: 1em;
 color: #3db7ea;
}
.claim > div {
 position: relative;
 top: 50%;
 width: 100%;
 max-width: 285px;
 margin-left: auto;
 margin-right: 0;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
.claim span {
 display: block;
}
.claim span:first-of-type {
 text-align: left;
}
.claim span:last-of-type {
 text-align: right;
}
img.logo {
 position: relative;
 top: 50%;
 display: block;
 float: left;
 max-width: 320px;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
object.logo {
 max-width: 180px;
 height: auto;
 float: left;
 margin: 0;
 display: inline-block;
 *display: inline;
 zoom: 1;
}
object.logo { /* Hack for IE9 */
 display: none\9;
}
object.*::logo { /* Hack for IE */
 display: none;
}
_:-ms-fullscreen, :root object.logo { /* Hack for IE */
 display: none;
}
_:-ms-fullscreen, :root img.logo { /* Hack for IE */
 display: inline-block;
 *display: inline;
 zoom: 1;
}
.header-block {
 text-align: right;
}
/* ==================================================
   Navigation
================================================== */
.navbar {
 position: fixed;
 top: 93px;
 left: 0;
 width: 100%;
 margin: 0;
 border-radius: 0;
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
 z-index: 999;
}
.navbar-nav > li .fa {
 display: none;
}
.navbar-default {
 display: flex;
 justify-content: center !important;
 background-color: #FF8F00;
 border: none;
}
.navbar-default .navbar-nav > li > a {
 font-size: clamp(1.5rem, 1.0vw, 1.5rem);
 font-weight: 700;
 text-transform: uppercase;
 color: #FFF;
 padding-top: 2rem;
 padding-bottom: 2rem;
 border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.navbar-default .navbar-nav > li:nth-child(1) {
 width: 0;
}
.navbar-default .navbar-nav > li:nth-child(1) > a {
 padding: 0;
 height: 0;
}
.navbar-default .navbar-nav > li:nth-child(1) > a:hover {
 background-color: transparent;
}
.navbar-default .navbar-nav > li > a:nth-child(1) img {
 width: auto;
 height: 50px;
 transition: all .2s ease-in-out;
 transform: scale(0);
}
.navbar-default.sticky .navbar-nav > li:nth-child(1) {
 width: 125px;
 transition: all .2s ease-in-out;
}
.navbar-default.sticky .navbar-nav > li > a:nth-child(1) img {
 transform: scale(1);
}
.navbar-default .navbar-nav > li > a.active {
 background-color: #000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
 background-color: #00a0e3;
 color: #FFF;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 float: none;
}
.navbar-default .navbar-nav > li > a.btn-default {
 display: flex;
 margin: 0;
 padding: inherit 35px;
 border-radius: 0;
 box-shadow: none;
}
.navbar-default .navbar-nav > li > a.btn-default:hover {
 background-color: #000;
 box-shadow: none;
}
/* Centered navbar items: http://codepen.io/davidcochran/pen/rcHae */
.navbar-nav {
 width: 100%;
 font-size: 0;
 text-align: center;
}
@media (min-width: 992px) {
 .navbar-nav {
  display: flex;
 }
}
.navbar-nav > li {
 float: none;
 display: inline-block;
 font-size: 14px;
}
/* Custom brand */
.navbar-brand {
 padding: 5px;
}
.navbar-brand > img {
 height: 100%;
}
/* Toggle button */
.navbar-default .navbar-toggle {
 position: fixed;
 top: 15px;
 right: 0;
 background-color: #00a0e3;
 border-color: #00a0e3;
 border-radius: 1rem;
 color: #FFF;
 z-index: 9999;
}
.navbar-default .navbar-toggle .fa {
 font-size: 2em;
 padding: 0 5px;
}
.navbar-default .navbar-toggle:hover {
 background-color: #FF8F00;
 border-color: #FF8F00;
}
.navbar-default .navbar-toggle:focus {
 background-color: #00a0e3;
 border-color: #00a0e3;
}
/* Social navigation */
.top-social {
 text-align: center;
 height: 50px;
}
.top-social a {
 width: auto;
 min-width: 50px;
}
.navbar-default .top-social > li > a#fb {
 background-color: #3b5998;
}
.navbar-default .top-social > li > a#vm {
 background-color: #1ab7ea;
}
.navbar-default .top-social > li > a#yt {
 background-color: #f00;
}
.navbar-default .top-social > li > a#mh {
 background-color: #00a0e3;
}
.navbar-default .top-social > li > a#mh:hover {
 background-color: #000;
}
/* Sticky Navigation */
.navbar-default.sticky {
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 9999;
}
/*.navbar-default.sticky .navbar-nav > li > a {
 font-size: 1em;
}*/
/* ==================================================
   Bootstrap Carousel
================================================== */
/* Home carousel */
.slides {
 clear: both;
 margin-top: 90px;
 overflow: hidden;
}
.slides figure {
 position: relative;
 margin: 0 10px;
 border-radius: 1.5rem;
 border: 1px solid rgba(0, 0, 0, 0.15);
 overflow: hidden;
}
.slides figcaption {
 position: absolute;
 bottom: 0;
 padding: 20px 80px 5px 50px;
 border-radius: 0 2rem 0 0;
 color: #FFF;
 display: none;
}
.slides figcaption.blue {
 background-color: rgba(0, 160, 227, 0.85);
}
.slides figcaption.orange {
 background-color: rgba(255, 143, 0, 0.85);
}
.owl-carousel .owl-item.center figcaption {
 display: block;
}
.owl-carousel .owl-item.center figcaption .fa {
 position: absolute;
 right: 20px;
 color: #FFF;
}
.slides figcaption h2, .slides figcaption h3, .slides figcaption a {
 color: #FFF;
}
.slides figcaption h2, .slides figcaption h3 {
 font-size: 18px;
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 0.5rem;
}
.slides figcaption p {
 font-size: 1.1em;
 text-transform: uppercase;
}
.slides figcaption p span {
 display: block;
 font-size: 0.8em;
}
.slides figcaption a {
 color: #FFF;
 padding: 25px 30px 10px;
}
.slides .read-now .fa {
 font-size: 2em;
}
.slides .owl-carousel .owl-stage-outer {
 overflow: visible;
}
.slides .owl-nav {
 left: 0;
 position: absolute;
 top: 50%;
 width: 100%;
 z-index: 2;
}
.slides .owl-nav > div.owl-prev, .slides .owl-nav > div.owl-next {
 webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.slides .owl-nav > div.owl-prev {
 float: left;
 margin-left: -5px;
 transform: translateX(-50%);
}
.slides .owl-nav > div.owl-next {
 float: right;
 margin-right: 5px;
 transform: translateX(50%);
}
.slides .owl-nav > div {
 background-color: #F9F9F9;
 border-radius: 50%;
 display: inline-block;
 height: 55px;
 margin-top: -30px;
 text-align: center;
 width: 55px;
}
.slides .owl-nav > div:hover {
 background: #FF8F00;
 color: #FFF;
}
.slides .owl-nav > div .fa {
 font-size: 2.5em;
 width: 55px;
 line-height: 55px;
}
.slide-list {
 margin: 0 auto;
}
.slide-list::before, .slide-list::after {
 background: #FFF;
 content: "";
 height: 100%;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 filter: alpha(opacity=70);
 opacity: 0.7;
 position: absolute;
 top: 0;
 width: 1000%;
 z-index: 1;
}
.slide-list::before {
 left: -1000%;
}
.slide-list::after {
 right: -1000%;
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
 cursor: pointer;
}
.owl-carousel .item {
 background: transparent;
 padding: 0;
 margin: 0 15px;
 height: auto;
}
/* Multi itens carousel: https://codepen.io/visions/pen/GRJPqpm */
.carousel-indicators {
 display: none;
}
.carousel-inner .active.left {
 left: -100%;
}
.carousel-inner .next {
 left: 100%;
}
.carousel-inner .prev {
 left: -100%;
}
.carousel-inner .active > div {
 display: none;
}
.carousel-inner .active > div:nth-child(1) {
 display: block;
}
@media all and (transform-3d), (-webkit-transform-3d) {
 .carousel-inner > .item.next, .carousel-inner > .item.active.right {
  left: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
 }
 .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
 }
}
@media (min-width: 768px) {
 .carousel-inner .active.left {
  left: -50%;
 }
 .carousel-inner .next {
  left: 50%;
 }
 .carousel-inner .prev {
  left: -50%;
 }
 .carousel-inner .active > div:nth-child(1) {
  display: block;
 }
 .carousel-inner .active > div:nth-child(2) {
  display: block;
 }
 @media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
   left: 0;
   -webkit-transform: translate3d(50%, 0, 0);
   transform: translate3d(50%, 0, 0);
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
   left: 0;
   -webkit-transform: translate3d(-50%, 0, 0);
   transform: translate3d(-50%, 0, 0);
  }
 }
}
@media (min-width: 992px) {
 .carousel-inner .active.left {
  left: -33.3333%;
 }
 .carousel-inner .next {
  left: 33.3333%;
 }
 .carousel-inner .prev {
  left: -33.3333%;
 }
 .carousel-inner .active > div:nth-child(1) {
  display: block;
 }
 .carousel-inner .active > div:nth-child(2) {
  display: block;
 }
 .carousel-inner .active > div:nth-child(3) {
  display: block;
 }
 @media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
   left: 0;
   -webkit-transform: translate3d(33.3333%, 0, 0);
   transform: translate3d(33.3333%, 0, 0);
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
   left: 0;
   -webkit-transform: translate3d(-33.3333%, 0, 0);
   transform: translate3d(-33.3333%, 0, 0);
  }
 }
}
@media (min-width: 1200px) {
 .carousel-inner .active.left {
  left: -33.3333%;
 }
 .carousel-inner .next {
  left: 33.3333%;
 }
 .carousel-inner .prev {
  left: -33.3333%;
 }
 .carousel-inner .active > div:nth-child(1) {
  display: block;
 }
 .carousel-inner .active > div:nth-child(2) {
  display: block;
 }
 .carousel-inner .active > div:nth-child(3) {
  display: block;
 }
 @media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
   left: 0;
   -webkit-transform: translate3d(33.3333%, 0, 0);
   transform: translate3d(33.3333%, 0, 0);
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
   left: 0;
   -webkit-transform: translate3d(-33.3333%, 0, 0);
   transform: translate3d(-33.3333%, 0, 0);
  }
 }
}
.carousel-controls {
 display: block;
 width: 100%;
 height: 55px;
 margin-top: 4rem;
 margin-bottom: 2rem;
}
.carousel-control.left, .carousel-control.right, .carousel-control.left:focus, .carousel-control.right:focus {
 position: relative;
 display: inline-block;
 font-size: 2.5em;
 text-shadow: none;
 width: 55px;
 height: 55px;
 margin: 0;
 border-radius: 50%;
 border: none;
 background-image: none;
 background-color: #F9F9F9;
 webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 opacity: 1;
}
.carousel-controls i {
 display: block;
 text-align: center;
 color: #333;
 width: 55px;
 line-height: 55px;
}
.carousel-control.left:hover, .carousel-control.right:hover {
 background-color: #FF8F00;
}
.carousel-control.left:hover i, .carousel-control.right:hover i {
 color: #FFF;
}
/* ==================================================
   Images
================================================== */
.image-container {
 margin-bottom: 30px;
 padding: 25px;
 background-color: rgba(255, 255, 255, 0.5);
}
.image-round {
 position: relative;
 left: 50%;
 margin-left: -90px;
 margin-bottom: 30px;
 margin-top: 10px;
 float: none;
 width: 250px;
 height: 250px;
}
.image-round .img-frame {
 height: 100%;
 position: relative;
 border-radius: 50%;
 overflow: hidden;
}
.image-round .img-frame:after {
 content: "";
 position: absolute;
 width: 94%;
 height: 94%;
 border: 1px solid #FFF;
 left: 3%;
 top: 3%;
 border-radius: 50%;
}
.image-round .img-frame img {
 width: auto;
 height: 100%;
 position: relative;
 left: 50%;
 transform: translateX(-50%);
}
/* Mosaic: http://jsfiddle.net/webtiki/zMMH5/ */
.mosaic {
 width: 100%;
 height: auto;
 float: left;
 margin-bottom: -1px;
}
.mosaic img {
 display: block;
 margin: 0;
 padding: 0;
 border: none;
 float: left;
}
.big_col, .medium_col, .small_col {
 height: auto;
 float: left;
}
.big_col {
 width: 33.3333%;
}
.medium_col {
 width: 164px;
}
.small_col {
 width: 82px;
}
.big_img img {
 width: 328px;
 height: 492px
}
.medium_img img {
 width: 50%;
 height: auto;
}
.small_img img {
 width: 25%;
 height: auto;
}
.horizontal_img img {
 width: 50%;
 height: auto;
}
.carousel-inner .round-image {
 display: block;
 width: 350px;
 height: 350px;
 margin: 0 auto 30px;
}
.carousel-inner .round {
 border: 10px solid rgba(255, 255, 255, 1);
}
/* Simple gallery */
.gallery figure {
 position: relative;
 margin-top: 15px;
 margin-bottom: 15px;
}
.gallery figure figcaption {
 position: absolute;
 bottom: 0;
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-size: 1em;
 font-weight: 700;
 text-transform: uppercase;
 line-height: 1em;
 color: #FFF;
 background-color: rgba(0, 160, 227, 0.8);
 clear: both;
 width: 100%;
 padding: 10px 15px;
}
/* Bento Grid */
.bento-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-auto-rows: minmax(150px, auto);
 gap: 1.5rem;
 margin: 2rem 1rem;
}
.bento-grid .bento-item {
 background-color: #FFF;
 border-radius: 2rem;
 padding: 2.5rem;
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
}
.bento-grid .bento-header {
 grid-column: span 3;
 background: rgb(2, 0, 36);
 background: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(0, 80, 170, 1) 35%, rgba(0, 212, 255, 1) 100%);
 color: white;
}
.bento-grid .bento-about {
 grid-column: span 1;
 background-color: #f5fcff;
 border-left: 4px solid #00A0E3;
}
.bento-grid .bento-details {
 background-color: #FFF8f0;
 border-left: 4px solid #FF8F00;
}
.bento-grid .bento-functions {
 grid-column: span 1;
 background-color: #FFF3e0;
 border-left: 4px solid #ffb74d;
}
.bento-grid .bento-requirements {
 grid-column: span 1;
 background-color: #e1f5fe;
 border-left: 4px solid #4fc3f7;
}
.bento-grid .bento-valued {
 grid-column: span 2;
 background-color: #e3f2fd;
 border-left: 4px solid #64b5f6;
}
.bento-grid .bento-offers {
 grid-column: span 1;
 background: linear-gradient(90deg, #e1f5fe 0%, #FFF3e0 100%);
 border-left: 4px solid #00A0E3;
}
.bento-grid .bento-title {
 font-weight: 700;
 margin-bottom: 1rem;
 color: #FFF;
}
.bento-grid .bento-subtitle {
 font-weight: 600;
 margin-bottom: 0.75rem;
 color: #00A0E3;
}
.bento-grid .badge {
 border: 1px solid #FFF;
 background-color: transparent;
 padding: 1rem;
 margin: 0.5rem 0;
}
.bento-grid .badge .fa {
 margin-right: 0.5rem;
}
.bento-grid .btn {
 margin-top: 3rem;
}
@media (max-width: 992px) {
 .bento-grid {
  grid-template-columns: 1fr;
 }
 .bento-grid .bento-header, .bento-grid .bento-about, .bento-grid .bento-functions, .bento-grid .bento-requirements, .bento-grid .bento-valued, .bento-grid .bento-offers {
  grid-column: span 1;
 }
}
/* ==================================================
   Portfolio: https://codepen.io/ademilter/pen/nhLwp
================================================== */
.portfolio {
 background-color: #242424;
}
.portfolio .panel {
 margin-bottom: 0;
}
.portfolio .panels.panels-small .panel p:nth-child(2) {
 font-weight: 700;
 color: #FF8F00;
 margin: 0;
}
.portfolio ul {
 display: grid;
 grid-template-columns: repeat(2, 1fr); /* Sempre 2 colunas */
 gap: 20px;
 position: relative;
 overflow: hidden;
 margin: -1px auto 0;
 padding: 120px 0 50px;
}
.portfolio ul li {
 width: 100%;
 box-sizing: border-box;
}
.portfolio ul li:nth-child(odd) {
 justify-self: start;
}
.portfolio ul li:nth-child(even) {
 justify-self: end;
}
@media (max-width: 1079px) {
 .portfolio ul {
  grid-template-columns: 1fr;
  justify-items: center;
 }
 .portfolio ul li {
  width: auto;
  max-width: 100%;
  justify-self: center;
 }
 .portfolio li::before, .portfolio li::after {
  display: none;
 }
}
.portfolio ul:after {
 content: "";
 z-index: 1;
 position: absolute;
 left: 50%;
 top: 0;
 width: 4px;
 margin-left: -2px;
 min-height: 100%;
 background-color: #eee;
}
.portfolio li {
 position: relative;
 display: inline-block;
 /*width: calc(50% - 4rem);*/
 width: 45%;
 max-width: 460px;
 padding: 0;
 margin-bottom: 2rem;
 background-color: #FFF;
 border-radius: 2rem;
 z-index: 2;
}
.portfolio li.highlight {
 float: none !important;
 clear: both !important;
 width: auto;
}
.portfolio li.highlight:nth-child(even) {
 margin-right: 1.5rem;
}
.portfolio li.highlight:nth-child(odd) {
 margin-left: 1.5rem;
}
.portfolio li.highlight h3 {
 margin-bottom: 0;
 color: #00a0e3;
}
.portfolio li.highlight h3 span {
 color: #FF8F00;
}
.portfolio li.highlight h4 {
 margin-bottom: 0;
 color: #FF8F00;
}
.portfolio li.highlight ul {
 padding: 0;
}
.portfolio li.highlight ul li {
 padding: 0;
}
.portfolio li.highlight ul li:last-child {
 margin-bottom: 0;
}
.portfolio li.highlight ul li:before, .portfolio li.highlight ul li:after {
 display: none;
}
.portfolio li.highlight ul.highlight-list span {
 display: block;
 font-weight: 700;
}
.portfolio li:before {
 content: "";
 z-index: 1;
 position: absolute;
 top: calc(20% - -1px);
 right: -6px;
 left: -6px;
 width: 12px;
 height: 12px;
 background-color: #FFF;
 transform: rotate(45deg);
}
.portfolio li:nth-child(even):before {
 left: auto;
}
.portfolio li:nth-child(odd) + .portfolio li:nth-child(even):before {
 top: 36px;
}
.portfolio li:nth-child(even) + li:nth-child(odd):before {
 top: 117px;
}
.portfolio li.highlight:before {
 display: none;
 left: 50%;
 margin-left: -6px;
 right: auto;
 top: -6px;
}
.portfolio li::after {
 position: absolute;
 top: 20%;
 content: "";
 width: 16px;
 height: 16px;
 border: 3px solid #FFF;
 border-radius: 100%;
 background-color: #00a0e3;
 transition: .2s;
 z-index: 1;
 left: 0;
}
.portfolio li:hover:after {
 background-color: #FF8F00;
}
.portfolio li:nth-child(even):after {
 left: auto;
 right: -38px;
 /*transform: translateX(calc(100% - -0.3vw));*/
}
.portfolio li:nth-child(odd) + .portfolio li:nth-child(even):after {
 top: 36px;
}
.portfolio li:nth-child(even) + li:nth-child(odd):after {
 top: 114px;
}
.portfolio li:nth-child(odd) + .portfolio li:nth-child(even):hover:after, .portfolio li:nth-child(even) + .portfolio li:nth-child(odd):hover:after {
 top: 34px;
}
.portfolio li:nth-child(odd):after {
 right: auto;
 transform: translateX(calc(-100% - 22px));
}
.portfolio li.highlight:after {
 display: none;
 left: 50%;
 margin-left: -8px;
 right: auto;
 top: -27px;
}
.portfolio li.highlight:hover:after {
 margin-left: -10px;
 top: -30px;
}
.portfolio .no-list li:nth-child(even) {
 /*float: left;
 clear: left;*/
 margin-left: 2rem;
 margin-right: 2rem;
}
.portfolio .no-list li:nth-child(odd) {
 /*float: right;
 clear: right;*/
 margin-left: 2rem;
 margin-right: 2rem;
}
.portfolio .no-list li.year {
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -50px;
 padding: 0;
 width: 100px;
 height: 100px;
 line-height: 100px;
 background-color: #00a0e3;
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 2em;
 text-align: center;
 color: #FFF;
 border-radius: 50%;
}
.portfolio li.year:after, .portfolio li.year:before, .portfolio nav ul li:after, .portfolio nav ul li:before {
 display: none;
}
.portfolio .panel-wide {
 height: auto;
}
.portfolio h3 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1.2em;
 text-transform: uppercase;
 color: #00a0e3;
}
.portfolio ul:hover li.year {
 background-color: #FF8F00;
}
.portfolio .panels.panels-small {
 display: block;
 width: 100%;
 height: 100%;
 /*float: left;*/
 margin-bottom: 1rem;
 /*overflow: hidden;*/
}
.portfolio .panels.panels-small .panel {
 float: left;
 padding: 10px 0;
 width: 100%;
 height: 100%;
 cursor: auto;
}
.portfolio .panels.panels-small .panel figcaption p:nth-child(3) {
 font-weight: 700;
}
.portfolio .panels.panels-small .panel figure {
 display: block;
 float: left;
 width: 100%;
 height: 100%;
 margin: 0;
}
.portfolio .panels.panels-small.event .panel {
 background-color: #FFF;
 margin: 1rem 0;
 padding: 0;
 border: none;
 box-shadow: none;
}
.portfolio nav {
 background-color: rgba(0, 0, 0, 0.2);
}
.portfolio nav.isStuck {
 background-color: rgba(36, 36, 36, 0.9);
 margin-top: 50px;
 -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.portfolio nav ul {
 display: block;
 text-align: center;
 padding: 1rem;
 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.portfolio nav ul:after {
 background-color: transparent;
}
.portfolio nav li {
 background-color: transparent;
 display: inline;
 float: none !important;
}
.portfolio nav li a {
 display: inline-block;
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: clamp(1.5rem, 1vw, 1.8rem);
 color: #FFF;
 padding: 14px 12px;
}
.portfolio nav li a:hover, .portfolio nav li a:focus {
 background-color: #FF8F00;
 text-decoration: none;
}
/* Portefolio menu */
.stickMenu.sticky {
 margin-top: 0;
 background-color: #000;
}
.portfolio nav ul#top-menu li {
 margin: 0;
 padding: 0;
}
/* Careers */
.careers.row {
 margin-left: 0;
 margin-right: 0;
}
.careers-item {
 position: relative;
 padding: 10px;
 text-align: center;
 border-right: 1px solid #ccc;
 margin-top: -1px;
}
.careers-item:first-child {
 border-right: 1px solid transparent;
}
.careers-item:last-child {
 border-right: 1px solid transparent;
}
.careers-item:hover {
 background-color: #f1f1f1;
 color: #000;
 cursor: default;
}
.careers-item:first-child:hover {
 background-color: inherit;
 border-color: #ccc;
 color: inherit;
}
.careers-item:hover h3, .careers-item:hover h4, .careers-item:hover .social .fa {
 color: #000;
}
.careers-item h3 {
 font-size: 1.5em;
}
.careers-item h4 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 color: #FF8F00;
 margin-bottom: 0;
}
.careers-item figure {
 position: relative;
}
.careers-item .image-round {
 left: 0;
 width: 120px;
 height: 120px;
 margin: 10px auto;
}
.careers-item .social a {
 display: block;
 width: 100%;
}
.careers-item .social .fa {
 font-size: 1.2em;
 color: rgba(0, 0, 0, 0.3);
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 margin: 3px 0;
 border: 2px solid transparent;
 border-radius: 50%;
}
.careers-item .social .fa:hover {
 border: 2px solid #000;
}
/* ==================================================
   Horizontal Timeline: https://codyhouse.co/gem/horizontal-timeline/
================================================== */
.cd-horizontal-timeline {
 opacity: 0;
 margin: 2em auto;
 -webkit-transition: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
 content: "mobile";
 display: none;
}
.cd-horizontal-timeline.loaded {
 max-width: 1620px;
 opacity: 1;
}
.cd-horizontal-timeline .timeline {
 position: relative;
 height: 130px;
 width: 100%;
 margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
 position: relative;
 height: 100%;
 margin: 0 40px;
 overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper .events {
 max-width: initial;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
 content: '';
 position: absolute;
 z-index: 2;
 top: 0;
 height: 100%;
 width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
 left: 0;
}
.cd-horizontal-timeline .events-wrapper::after {
 right: 0;
}
.cd-horizontal-timeline .events {
 position: absolute;
 z-index: 1;
 left: 0;
 top: 65px;
 height: 2px;
 background: #dfdfdf;
 -webkit-transition: -webkit-transform 0.4s;
 -moz-transition: -moz-transform 0.4s;
 transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
 position: absolute;
 z-index: 1;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 background-color: #00a0e3;
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -ms-transform: scaleX(0);
 -o-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -ms-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
 -webkit-transition: -webkit-transform 0.3s;
 -moz-transition: -moz-transform 0.3s;
 transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
 position: absolute;
 bottom: 0;
 z-index: 2;
 text-align: center;
 text-decoration: none;
 font-size: 1.2em;
 padding-bottom: 15px;
 color: #383838;
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
}
.cd-horizontal-timeline .events a span {
 display: block;
}
.cd-horizontal-timeline .events a::after {
 content: '';
 position: absolute;
 left: 50%;
 right: auto;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
 bottom: -5px;
 height: 12px;
 width: 12px;
 border-radius: 50%;
 border: 2px solid #dfdfdf;
 background-color: #f8f8f8;
 -webkit-transition: background-color 0.3s, border-color 0.3s;
 -moz-transition: background-color 0.3s, border-color 0.3s;
 transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
 background-color: #00a0e3;
 border-color: #00a0e3;
}
.cd-horizontal-timeline .events a.selected {
 pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
 background-color: #FF8F00;
 border-color: #FF8F00;
}
.cd-horizontal-timeline .events a.older-event::after {
 border-color: #FF8F00;
}
@media only screen and (min-width: 1100px) {
 .cd-horizontal-timeline {
  margin: 0 auto;
 }
 .cd-horizontal-timeline::before {
  content: "desktop";
 }
}
.cd-timeline-navigation a {
 position: absolute;
 z-index: 1;
 top: 50%;
 bottom: auto;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 border-radius: 50%;
 background-color: #00a0e3;
 white-space: nowrap;
 -webkit-transition: border-color 0.3s;
 -moz-transition: border-color 0.3s;
 transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
 content: "";
 position: absolute;
 height: 16px;
 width: 16px;
 left: 50%;
 top: 50%;
 bottom: auto;
 right: auto;
 -webkit-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 -o-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
}
.cd-timeline-navigation a.prev {
 left: 0;
}
.cd-timeline-navigation a.next {
 right: 0;
}
.cd-timeline-navigation a .fa {
 color: #FFF;
 width: 35px;
 height: 35px;
 line-height: 35px;
 text-align: center;
}
.cd-timeline-navigation a:hover {
 background-color: #FF8F00;
}
.no-touch .cd-timeline-navigation a:hover {
 border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
 cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
 background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
 border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
 position: relative;
 width: 100%;
 margin: 1em 0;
 overflow: hidden;
 -webkit-transition: height 0.4s;
 -moz-transition: height 0.4s;
 transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
 position: absolute;
 z-index: 1;
 width: 100%;
 left: 0;
 top: 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
 padding: 0 5%;
 opacity: 0;
 -webkit-animation-duration: 0.4s;
 -moz-animation-duration: 0.4s;
 animation-duration: 0.4s;
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
 position: relative;
 z-index: 2;
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
 -webkit-animation-name: cd-enter-right;
 -moz-animation-name: cd-enter-right;
 animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
 -webkit-animation-name: cd-enter-left;
 -moz-animation-name: cd-enter-left;
 animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
 -webkit-animation-direction: reverse;
 -moz-animation-direction: reverse;
 animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
 max-width: 1620px;
 margin: 0 auto;
}
.cd-horizontal-timeline .events-content h3 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1.2em;
 text-transform: uppercase;
 color: #FF8F00;
 margin-bottom: 20px;
 padding: 0 10%;
}
.cd-horizontal-timeline .events-content em {
 display: block;
}
.cd-horizontal-timeline .events-content em::before {
 content: '- ';
}
.cd-horizontal-timeline .events-content p {
 padding: 5px 10%;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {}
@media only screen and (min-width: 768px) {
 .cd-horizontal-timeline .events-content h2 {}
 .cd-horizontal-timeline .events-content em {}
 .cd-horizontal-timeline .events-content p {}
}
@-webkit-keyframes cd-enter-right {
 0% {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
 }
}
@-moz-keyframes cd-enter-right {
 0% {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
 }
}
@keyframes cd-enter-right {
 0% {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
 }
}
@-webkit-keyframes cd-enter-left {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
 }
}
@-moz-keyframes cd-enter-left {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
 }
}
@keyframes cd-enter-left {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
 }
}
/* ==================================================
   Promo banners
================================================== */
.promo-banners {
 position: relative;
 background: rgb(2, 0, 36);
 background: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(0, 80, 170, 1) 35%, rgba(0, 212, 255, 1) 100%);
 padding: 7em 0 5em;
 z-index: 2;
}
.promo-banners > .row {
 max-width: 1620px;
 margin-left: auto;
 margin-right: auto;
}
.promo-banners .main-title {
 margin-bottom: 2em;
 text-align: center;
}
.promo-banners h1.main-title {
 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
 font-weight: 700;
 color: #FFF;
}
.promo-banners .main-title img {
 display: inline;
 position: relative;
 top: 0;
 max-width: 250px;
 margin: 0 0.5em;
}
.product__category, .product__price {
 font-size: 1.4em;
 text-transform: uppercase;
 letter-spacing: 1.4px;
 font-weight: 700;
}
.product {
 position: relative;
 max-width: 500px;
 padding: 30px 30px 40px;
 background-color: #FFF;
 margin: 1em 1em 2em;
 border-radius: 4rem 2rem 2rem 2rem;
 z-index: 999;
}
.product figure {
 position: relative;
 width: 100%;
 height: 250px;
 padding: 0;
 border-radius: 1.5rem;
 overflow: hidden;
}
.product__image {
 position: absolute;
 left: 50%;
 top: 50%;
 width: auto !important;
 height: calc(100% - 0rem) !important;
 transform: translateX(-50%) translateY(-50%);
}
.product__title {
 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
 font-size: 1.1em;
 font-weight: 700;
 text-transform: uppercase;
 text-align: center;
 color: #00A0E3;
 margin: 0 0 0.5em 0;
 line-height: 1.2;
}
@media (max-width: 991px) {
 .product__title {
  font-size: 1em;
 }
}
.product__title span {
 display: block;
 font-size: 90%;
 text-transform: none;
 color: #333;
 margin-top: 10px;
}
.product__info {
 min-height: calc(50px + 14px);
 font-size: 14px;
 text-align: center;
}
.product__price {
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 top: -0.85rem;
 left: -0.85rem;
 width: 100px;
 height: 100px;
 font-family: 'Dosis', sans-serif;
 background-color: rgba(0, 0, 0, 0.95);
 color: #FFF;
 border-radius: 50%;
 z-index: 9;
}
.product__price span {
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 top: 7rem;
 left: 7rem;
 width: 52px;
 height: 52px;
 font-size: 90%;
 letter-spacing: -0.5px;
 background-color: #FF8F00;
 border: 1px dashed #FFF;
 color: #FFF;
 border-radius: 50%;
 z-index: 9;
}
.product__category {
 display: block;
 color: #cf092c;
 margin-bottom: 1em;
}
.product .btn {
 position: absolute;
 left: 50%;
 bottom: -25px;
 margin: 0;
 transform: translateX(-50%);
}
/* ==================================================
   Display content based on date and time: http://jsfiddle.net/eN6Sg/5/
================================================== */
.timedContent, .DateRange {
 display: none;
}
/* ==================================================
   Content Sections
================================================== */
.wrapper {
 width: 100%;
 overflow-x: hidden;
}
.wrapper, .main-content {
 background-color: #FFF;
}
.main-content #strava-widget .row:before {
 position: absolute;
 top: 90px;
 left: 1.5rem;
 display: block;
 width: 100%;
 height: 73%;
 content: "";
 background-image: url(../img/layout/strava-widget_map.jpg);
 background-size: 90% auto;
 background-position: left center;
 background-repeat: no-repeat;
}
.main-content #strava-widget iframe {
 border-radius: 1.5rem;
 box-shadow: 5px 5px 20px rgba(163, 177, 198, 0.6), -5px -5px 20px rgba(255, 255, 255, 0.5);
}
.section-header {
 margin-top: 0;
 margin-bottom: 40px;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 text-transform: uppercase;
}
@media (max-width: 991px) {
 .section-header {
  margin-bottom: 20px;
 }
}
.section-header span {
 color: #00A0E3;
}
.partnerships {
 text-align: center;
}
.logos-block {
 text-align: center;
}
.logos-block img {
 max-width: 200px;
 height: auto;
 margin: 15px 0;
}
/* Sections wrap max-width */
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .news, .events, .events-recent .container-fluid > .row, .header-block .container-fluid, .page-header .container-fluid, .catalogue, .blog .container-fluid, .counters .container-fluid, .portfolio .container-fluid, .about .container-fluid, .events-content .container-fluid, .widgets .container-fluid, .events-timeline .container-fluid {
 max-width: 1620px;
 margin-left: auto;
 margin-right: auto;
}
/* Boxes */
.content-box {
 padding: 0 15px;
}
.content-box > .icon {
 margin-top: 5px;
 margin-bottom: 30px;
}
.content-box, .content-box > .content-area {
 position: relative;
 clear: both;
 letter-spacing: .05em;
 padding: 20px 20px 0;
}
.content-box > .content-area h3 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1.4em;
 text-transform: uppercase;
 color: #FF8F00;
 padding-left: 30px;
}
.content-box > .content-area h3 .fa {
 margin-left: -27px;
}
.content-box > .content-area p {
 padding-right: 40px;
 padding-left: 30px;
}
.content-box > .content-area ul {
 padding-left: 40px;
}
.content-box > .content-area ul li:before {
 content: "-";
 padding-right: 5px;
 margin-left: -12px;
}
.content-box > .content-area > .back-icon {
 position: absolute;
 right: 15px;
 opacity: 0.05;
 top: 0;
}
.content-box:hover > .content-area > .back-icon {
 opacity: .2;
}
.content-box > .content-area > .back-icon > i {
 font-size: 6em;
}
.content-box:hover > .content-area > .back-icon i {
 color: #FF8F00;
}
.content-box:hover .img-frame span {
 background-color: rgba(255, 143, 0, 0.22);
}
.content-box:hover > .icon > i {
 background-color: rgba(255, 143, 0, 0.22);
}
/* Widgets */
.widget {
 margin: 1em 0 2em;
}
/* About */
.about-content .image-round {
 float: none;
}
.info-content {
 letter-spacing: .02em;
 line-height: 1.6em;
}
.about .glass-icon > i {
 position: relative;
 width: 75px;
 height: 75px;
 background-color: #00A0E3;
 color: #FFF;
 font-size: 1.5em;
 text-align: center;
 border-radius: 50%;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.about .glass-icon > i::before {
 display: inline-block;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%) rotate(45deg);
 transform: translate(-50%, -50%) rotate(45deg);
}
/* Posts */
.post-box {
 position: relative;
 margin-bottom: 75px;
}
.post-img-box {
 display: inline-block;
 position: relative;
 z-index: 1;
 width: 90%;
 margin: 0 5%;
}
.post-img-box::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: -38px;
 height: 65px;
 transform: skewY(-10deg);
}
.post-img-box img {
 margin: 0;
 width: 100%;
 height: auto;
}
.post-place {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 color: #FF8F00;
}
.post-content-box {
 position: absolute;
 left: 20px;
 right: -5px;
 bottom: -55px;
 background-color: #FFF;
 padding: 20px 30px;
 z-index: 1;
 cursor: default;
}
.post-content-box::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: -30px;
 height: 60px;
 background-color: #FFF;
 transform: skewY(-10deg);
 z-index: -1;
}
.post-content-box h3 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1em;
 text-transform: uppercase;
 margin: 0;
 padding-bottom: 10px;
}
.post-content-box p {
 margin-bottom: 20px;
}
.post-content-box::after {
 content: "";
 position: absolute;
 left: 0;
 right: -2px;
 top: -30px;
 height: 59px;
 background-color: #e4e4e4;
 transform: skewY(-10deg);
 z-index: -2;
}
.post-box .post-call {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1.5em;
 color: #FFF;
 position: absolute;
 top: -50%;
 left: 50%;
 margin-left: -20px;
 background: #00A0E3;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 opacity: 1;
}
.post-box:hover .post-call {
 opacity: 0;
}
.post-box .post-description {
 overflow: hidden;
 height: 60px;
}
.post-box:hover .post-description {
 height: 240px;
}
.post-box:hover .post-content-box, .post-box:hover .post-content-box:before {
 background-color: #f1f1f1;
}
.post-box span {
 display: block;
 width: 100%;
 text-align: center;
}
.post-box .btn-default {
 width: auto;
 display: inline-block;
 margin-top: 10px;
}
/* Services */
.skew-section {
 position: relative;
 background-color: #242424;
 color: #FFF;
 overflow: hidden;
}
.skew-section .bg-skew {
 position: absolute;
 left: 100px;
 top: 0;
 bottom: 0;
 background-color: #242424;
 -webkit-transform: skewX(-14deg);
 -moz-transform: skewX(-14deg);
 -ms-transform: skewX(-14deg);
 -o-transform: skewX(-14deg);
 transform: skewX(-14deg);
 z-index: 1;
}
.skew-section .bg-image {
 position: absolute;
 right: 0;
 top: 0;
 width: 50%;
 height: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 z-index: 0;
}
.skew-section .auto-container {
 position: relative;
 max-width: 1200px;
 padding: 0 30px;
 margin: 0 auto;
 z-index: 2;
}
.skew-section .section-header h2 {
 color: #FFF;
}
.skew-section .sec-title h2, .skew-section .sec-title h3 {
 margin: 0;
 position: relative;
 text-transform: uppercase;
}
.sec-title h2 {
 color: #3a4145;
}
.sec-title h3 {
 color: #646d72;
}
.skew-section .block {
 position: relative;
 padding-left: 50px;
 margin-bottom: 40px;
 padding-right: 20px;
}
.skew-section .block h4 {
 position: relative;
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1.1em;
 text-transform: uppercase;
 color: #FFF;
 margin-bottom: 10px;
}
.skew-section .block p {
 position: relative;
 color: #ccc;
 margin-bottom: 10px;
}
.skew-section .block .number {
 position: absolute;
 left: 10px;
 top: -35px;
 font-style: italic;
 color: #3a3a3a;
 font-size: 6em;
}
/* Sliding Boxes */
.sliding-box {
 position: relative;
}
.sliding-box ul {
 padding: 0;
}
.sliding-box .sec {
 background: #f9f9f9;
 padding: 80px 0;
 text-align: center;
 position: relative;
 overflow: hidden;
}
.sliding-box .sec h4, .sliding-box .sliding-over h4 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
}
.sliding-box .sec .fa {
 font-size: 3em;
 color: #C0C0C0;
 margin: 5% 0;
}
.sliding-box .sliding-over {
 background: #00A0E3;
 position: absolute;
 padding: 60px 20px;
 top: 100%;
 height: 100%;
 width: 100%;
 z-index: 99;
 transition: all 0.4s ease-in-out 0s;
 color: #FFF;
 cursor: default;
}
.sliding-box .post-date {
 background-color: rgba(255, 143, 0, 1.0);
 top: 0;
 left: 50%;
 margin-left: -40px;
}
.sliding-box .sec:hover .sliding-over {
 top: 0;
}
.sliding-box .sliding-over h4 {
 margin: 60px 0 20px;
 color: #FFF;
}
/* Counters */
.counters ul {
 margin: 0;
 padding: 0;
 display: inline-block;
 width: 100%;
 color: #FFF;
}
.counters .fa {
 font-size: 3em;
 width: 100%;
}
.counters hr {
 margin: 20px auto;
 height: 1px;
 width: 35px;
 background: #FFF;
 border: none;
}
.counters span {
 position: relative;
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: clamp(2rem, 2vw, 4rem);
 display: inline-block;
 min-width: 100%;
}
/*.counters span.count3:before {
 position: absolute;
 left: 46%;
 bottom: 0px;
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 content: ".";
}*/
.counters h6 {
 font-size: clamp(1.5rem, 1vw, 1.8rem);
 text-transform: none;
 color: #FFF;
 margin-bottom: 0;
}
.counters > .overlay {
 padding-top: 2.5rem;
 padding-bottom: 2.5rem;
}
/* Photo banner */
.photo-banner {
 background-color: #000;
 height: 450px;
 overflow: hidden;
}
.photo-banner img {
 height: 450px;
}
.owl-carousel .item {
 margin: 0;
}
/* Google map */
#google-map {
 position: relative;
 width: 100%;
 height: 50vh;
 background-image: url("../img/uploads/content/hms_map.jpg");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}
#google-map a {
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 9;
}
/* Privacy */
.privacy h3 {
 text-transform: none;
}
.privacy p {
 text-align: justify;
 padding-left: 10%;
 padding-right: 10%;
}
.privacy ul {
 padding-left: 12%;
 padding-right: 12%;
}
/* GDPR: https://codepen.io/henriquebaldy/pen/empMZWq */
.gdpr {
 position: fixed;
 display: none;
 flex-direction: column;
 justify-content: space-between;
 align-items: flex-start;
 bottom: 2.5rem;
 right: 2.5rem;
 width: 320px;
 background-color: #000;
 color: #FFF;
 padding: 3.5rem 2rem 2rem;
 border-radius: 1.5rem;
 border: 1px solid rgba(255, 255, 255, 0.25);
 box-sizing: border-box;
 transition: .3s ease;
 overflow: hidden;
 z-index: 999;
 opacity: 0;
 animation: fadeIn 1s ease forwards;
}
@keyframes fadeIn {
 from {
  opacity: 0;
  transform: translateY(1rem);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }
}
.gdpr p {
 text-align: justify;
 margin: 0 0 1.2rem 0;
}
.gdpr a {
 color: #FFF;
 text-decoration: underline;
 transition: color 0.3s ease;
}
.gdpr a:hover {
 color: #FF8F00;
}
.gdpr-actions {
 display: flex;
 margin-top: 2rem;
 justify-content: center;
 width: 100%;
 gap: 0.8rem;
 flex-wrap: wrap;
}
.gdpr-btn {
 padding: 1rem 1.8rem;
 border-radius: 0.5rem;
 border: none;
 cursor: pointer;
 transition: background 0.3s ease, color 0.3s ease;
}
.gdpr-btn.accept {
 background-color: #FF8F00;
 color: #FFF;
}
.gdpr-btn.accept:hover {
 background-color: #FFF;
 color: #000;
}
.gdpr-btn.reject, .gdpr-btn.clear {
 background-color: transparent;
 border: 1px solid #FFF;
 color: #FFF;
}
.gdpr-btn.reject:hover, .gdpr-btn.clear:hover {
 background-color: #FFF;
 border-color: #FFF;
 color: #000;
}
.gdpr-btn.clear .fa {
 margin: 0;
 color: #FFF;
}
.gdpr-close {
 align-items: center;
 background: none;
 border: none;
 color: #fff;
 cursor: pointer;
 display: flex;
 font-size: 2rem;
 height: 1.5rem;
 justify-content: center;
 padding: 0;
 position: absolute;
 right: 1rem;
 top: 1rem;
 width: 1.5rem;
}
.gdpr-close:hover {
 color: var(--primary-color);
}
.gdpr-manage {
 position: fixed;
 bottom: 0.5rem;
 right: 1rem;
 font-size: 0.8rem;
 z-index: 998;
}
.gdpr-manage a {
 color: #aaa;
 text-decoration: none;
 transition: color 0.3s ease;
}
.gdpr-manage a:hover {
 color: #FF8F00;
}
@media (max-width: 600px) {
 .gdpr {
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
  border-left: none;
  border-right: none;
  padding: 1rem;
  align-items: center;
 }
 .gdpr p {
  text-align: left;
  margin-bottom: 1rem;
 }
 .gdpr-actions {
  justify-content: center;
  gap: 0.6rem;
 }
 .gdpr-btn {
  flex: 1;
  max-width: 140px;
  text-align: center;
 }
 .gdpr-manage {
  position: relative;
  bottom: auto;
  right: auto;
  margin-top: 0.5rem;
  text-align: center;
  width: 100%;
 }
}
/* Other */
.sub-banner {
 padding: 80px 0;
 background-color: #333;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center center;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: cover !important;
 margin-bottom: 90px;
 color: #FFF;
}
.sub-banner h2 {
 font-weight: 100;
 letter-spacing: 0;
 font-size: 80px;
 text-transform: none;
 margin: 0;
}
.sub-banner p {
 font-style: normal;
 color: #444;
}
.page-header {
 position: relative;
 margin: 0;
 margin-top: 60px;
 overflow: hidden;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.page-header:before {
 content: "";
 background: url("../img/layout/pattern.png");
 opacity: 0.15;
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
}
.page-header .container-fluid {
 position: relative;
}
.page-header h2, .page-header h3 {
 text-transform: uppercase;
}
.page-header h2 {
 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 2.5em;
 text-align: left;
 letter-spacing: .05em;
 margin-bottom: 0;
}
.page-header .line {
 position: absolute;
 bottom: -25px;
 border-top: 8px solid #FF8F00;
 width: 100px;
 z-index: 3;
 margin: 30px 0 0;
}
.page-header img {
 width: 100%;
 height: auto;
 position: absolute;
 left: 0;
 top: -50%;
}
.contact {
 margin-bottom: 30px;
}
.contact .contact-list {
 display: block;
 height: 65px;
 min-height: 65px;
}
.contact .fa {
 color: #FFF;
 background-color: #00A0E3;
 font-size: 2em;
 width: 64px;
 height: 64px;
 line-height: 64px;
 text-align: center;
}
.contact-list p {
 font-size: 0.9em;
}
.contact-list p a {
 display: block;
}
.contact-list p:last-child {
 margin-bottom: 0;
}
.contact-list h3 {
 color: #00a0e3;
}
.box-shadow {
 webkit-box-shadow: 0 10px 16px -16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .05);
 -moz-box-shadow: 0 10px 16px -16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .05);
 box-shadow: 0 10px 16px -16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .05);
}
.box-shadow:hover {
 webkit-box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
 -moz-box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
 box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
}
.inset-shadow {
 webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1) inset, 0 4px 0 0 #FFF;
 -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1) inset, 0 4px 0 0 #FFF;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1) inset, 0 4px 0 0 #FFF;
}
.round {
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;
}
.border-left {
 border-left: 10px solid rgba(0, 0, 0, 0.1);
}
.padding-left-20 {
 padding-left: 20px;
}
.padding-left-40 {
 padding-left: 40px;
}
.padding-left-60 {
 padding-left: 60px;
}
.half-lines:before, .half-lines:after, .half-line-top:before, .half-line-bottom:after {
 position: absolute;
 display: block;
 width: 50%;
 content: "";
 border-top: 5px solid;
}
.half-lines:before, .half-line-top:before {
 border-color: #FF8F00;
 left: 0;
 top: 0;
}
.half-lines:after, .half-line-bottom:after {
 border-color: #00A0E3;
 right: 0;
 bottom: 0;
}
.bg-gray {
 background-image: url("../img/layout/bg-paper.png");
 background-position: center center;
 background-attachment: fixed;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.overlay {
 width: 100%;
 height: 100%;
}
.overlay.padding-50 {
 padding-bottom: 20px;
}
.overlay.blue {
 background-color: rgba(0, 160, 227, 0.8);
}
.overlay.orange {
 background-color: rgba(255, 143, 0, 0.8);
}
.overlay.neutral {
 background-color: rgba(0, 0, 0, 0.0);
}
.overlay.dark {
 background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
 background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
 background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
 background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
/* ==================================================
   Footer
================================================== */
.footer {
 background: #1E2126 url("../img/layout/dark_mosaic.png") repeat;
 color: #CCC;
 font-size: 0.9em;
 clear: both;
}
.footer a {
 color: #FFF;
}
.footer a:hover {
 color: #FF8F00;
}
.footer > .divider {
 margin-top: 0;
}
.footer-widget .widget-title {
 color: #ccc;
}
.footer-widget .widget.logos object, .footer-widget .widget.logos img {
 width: auto;
 max-height: 70px;
 margin-bottom: 20px;
 opacity: 0.5;
}
.footer-widget .widget.logos .no-opacity object, .footer-widget .widget.logos .no-opacity img {
 opacity: 1;
}
.footer-widget .widget.logos a {
 display: block;
}
.footer-widget .widget.logos a:hover object, .footer-widget .widget.logos a:hover img {
 opacity: 1;
 cursor: pointer;
}
.footer-widget .textwidget {
 line-height: 24px;
}
.footer-widget .textwidget span {
 display: block;
}
.footer-widget .social {
 padding-top: 15px;
 padding-bottom: 15px;
 border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-widget .widget ul {
 padding-left: 20px;
 margin-bottom: 10px;
}
.footer-widget .social ul, .footer-widget .widget ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.footer-widget .social ul li {
 display: inline-block;
 vertical-align: middle;
 /*padding: 0.5rem;*/
 text-align: center;
 font-size: 1.2em;
}
.footer-widget .widget ul li span {
 margin-left: -8px;
}
.footer-widget .widget ul li a {
 position: relative;
 display: block;
 border: 2px solid rgba(255, 255, 255, 0.4);
 width: 50px;
 height: 50px;
 margin: 0 auto;
 line-height: 50px;
 color: #666;
}
.footer-widget .widget ul li a:hover {
 background-color: transparent;
}
.footer-widget .widget ul li a .fa {
 position: absolute;
 top: -2px;
 left: -2px;
 font-size: 24px;
 width: 50px;
 height: 50px;
 line-height: 50px;
 color: #FFF;
 opacity: 0.4;
 z-index: 1;
}
.footer-widget .widget ul li a .fa:hover {
 border: none;
 color: #FFF;
 line-height: 50px;
 opacity: 1;
}
.footer-widget .widget ul li a#fb .fa:hover {
 background-color: #3b5998;
 border-color: #3b5998;
}
.footer-widget .widget ul li a#in .fa:hover {
 border-color: transparent;
 background: #d6249f;
 background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
 background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.footer-widget .widget ul li a#tw .fa:hover {
 background-color: #55acee;
 border-color: #55acee;
}
.footer-widget .widget ul li a#yt .fa:hover {
 background-color: #f00;
 border-color: #f00;
}
.footer-widget .widget ul li a#vm .fa:hover {
 background-color: #1ab7ea;
 border-color: #1ab7ea;
}
.footer-widget .widget ul li a#st .fa.fa-strava {
 background-image: url("../img/logos/logo_strava.svg");
 background-position: center;
 background-repeat: no-repeat;
}
.footer-widget .widget ul li a#st .fa:hover {
 background-color: #fc5200;
 border-color: #fc5200;
}
.footer-widget .widget ul li a#lk .fa:hover {
 background-color: #0a66c2;
 border-color: #0a66c2;
}
.bot-footer {
 border-top: 1px solid rgba(255, 255, 255, 0.1);
 padding-top: 10px;
}
.footer-menu {
 padding-top: 20px;
}
.footer-menu ul {
 padding: 0;
 margin: 0 0 5px;
 list-style: none;
}
.footer-menu ul li {
 display: inline-block;
 font-weight: 500;
 color: #808080;
}
.footer-menu ul li:after {
 background: #747474;
 height: 12px;
 width: 1px;
 display: inline-block;
 margin: 0 5px 0 9px;
 content: "";
}
.footer-menu ul li:last-child:after {
 background: transparent;
}
.footer-menu ul li a {
 position: relative;
}
.credits {
 background-color: #000;
 font-size: 0.9em;
 text-align: center;
 line-height: 40px;
 color: #FFF;
 padding: 15px 0;
}
.credits p {
 margin: 0;
 color: #6A6A6A;
 line-height: 1.5em;
 text-transform: uppercase;
}
/* ==================================================
   Widgets
================================================== */
.widget {
 margin-bottom: 10px;
}
.widget .btn {
 margin-top: 20px !important;
}
.widget .nav-tabs {
 border-bottom: none;
 padding-left: 0;
}
.widget .nav-tabs > li {
 width: 50%;
 margin: 2px 0;
}
.widget .nav-tabs > li > a {
 display: block;
 line-height: 1;
 margin: 0;
 padding: 1rem;
 border: none;
 border-radius: 0.5rem;
}
.nav-tabs > li > a:hover {
 border-color: #eee #eee #ddd;
}
.widget .nav-tabs > li.active > a, .widget .nav-tabs > li.active > a:focus, .widget .nav-tabs > li.active > a:hover {
 background-color: #DADADA;
 border: none;
}
.widget .section-header {
 margin-top: 50px;
 margin-bottom: 15px;
}
.widget ul {
 padding-left: 20px;
}
/* Titles */
.widget-title {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1.25em;
 text-transform: uppercase;
 color: #FFF;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 padding-bottom: 10px;
 margin-bottom: 20px;
}
.widget-title span {
 display: inline-block;
 margin-bottom: -11px;
 padding: 10px 0;
 border-bottom: 2px solid #00a0e3;
}
/* Blog Posts */
.blog {
 display: flex;
 justify-content: space-between;
}
.blog .container aside {
 position: -webkit-sticky;
 position: sticky;
 top: 0;
}
.blog .post-body {
 padding: 30px 10px 10px;
}
.blog figcaption p, .blog .post-body .post-source {
 font-size: 0.8em;
}
.blog h4 {
 font-size: 1.8em;
 text-transform: uppercase;
}
.blog .tab-content {
 display: flex;
 flex-direction: column;
}
.blog .tab-content .count-news {
 display: block;
 float: left;
 width: 100%;
 text-align: center;
 margin-bottom: 40px;
}
.blog .tab-content .count-news .count {
 font-weight: 700;
}
.blog .post-block {
 float: left;
 background: #fbfbfb;
 width: 100%;
 margin-bottom: 50px;
 margin-top: 20px;
 padding: 20px;
 border-radius: 1.5rem;
}
.blog .post-block ul ul {
 padding-left: 15px;
}
.blog .post-block h2, .blog .post-block h2 a {
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 font-weight: normal;
 text-transform: uppercase;
 text-decoration: none;
 color: #00a0e3;
 padding-left: 90px;
}
.blog .post-block h3, .blog .post-block h3 a {
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 text-decoration: none;
 color: #7c7c7c;
 padding-left: 90px;
}
.blog .post-date {
 position: relative;
 top: -45px;
 left: 0;
 width: 75px;
 margin-right: 15px;
 float: left;
 clear: both;
 border-radius: 1rem;
}
.blog .post-date .day, .blog .post-date .month, .blog .post-date .year {
 line-height: 22px;
}
.blog .post-date .day {
 display: block;
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 2em;
}
.blog .post-date .month {
 display: block;
 font-size: 1.25em;
 padding-top: 3px;
}
.blog .post-date .year {
 display: block;
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 font-size: 1.4em;
 font-weight: 700;
}
.blog figure {
 position: relative;
 top: 0;
 display: block;
 width: 100%;
 height: auto;
 overflow: hidden;
 border-bottom: 5px solid #FF8F00;
 border-radius: 1.5rem 1.5rem 0 0;
}
.blog figcaption {
 position: absolute;
 bottom: 0;
 right: 0;
}
.blog figcaption p, .blog .post-body .post-source {
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 text-align: left;
 text-transform: uppercase;
 margin: 0;
 color: #FFF;
}
.blog figcaption p:nth-child(1) {
 background-color: #FF8F00;
 padding: 5px 15px 0;
}
.blog figcaption p:nth-child(2) {
 background-color: #00a0e3;
 padding: 5px 10px 0;
}
.blog .post-body > p:nth-child(1) {
 font-size: 1.2em;
 font-weight: 700;
 margin-bottom: 30px;
}
.blog .post-body h5 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 1.1em;
 text-transform: uppercase;
 color: #00a0e3;
 margin-top: 40px;
}
.blog .post-header {
 width: 100%;
 display: block;
 float: left;
 clear: both;
}
.blog .post-body {
 position: relative;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 padding: 30px 40px 20px;
 width: 100%;
 display: block;
 float: left;
 clear: both;
}
.blog .post-body a {
 text-decoration: underline;
}
.blog .post-body blockquote {
 margin: 1em 0 2rem 2rem;
 padding-left: 2rem;
 border-left: 1px solid #00a0e3;
}
.blog .post-body blockquote:before {
 display: none;
}
.blog .post-body blockquote p {
 font-size: 14px !important;
}
.blog .post-body hr {
 margin-top: 10px;
 margin-bottom: 10px;
 border-top: 1px solid #E2E2E2;
}
.blog .post-body h6 {
 font-size: 16px;
 color: #000;
}
.blog .post-source {
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 text-transform: uppercase;
 padding-left: 90px;
}
.blog iframe {
 margin-top: -1px;
}
.blog .post-footer {
 padding: 20px 0 0;
 display: block;
 clear: both;
}
.blog .post-footer div:nth-child(1) {
 text-align: left;
 padding-top: 5px;
}
.blog .post-footer div:nth-child(2) {
 text-align: right;
}
.blog .btn-default {
 margin: 0;
}
/* Events Dates */
.post-date {
 position: absolute;
 top: 15px;
 left: 15px;
 background-color: #FF8F00;
 padding: 10px;
 color: #FFF;
 text-align: center;
 text-transform: uppercase;
}
.post-date ul {
 font-weight: 700;
 margin: 0;
 padding: 0;
}
.post-date ul li:first-child {
 font-size: 0.9em;
 letter-spacing: 2px;
}
.post-date ul li:nth-child(2) {
 color: #FFF;
 font-size: 1.5em;
}
.post-date ul li:last-child {
 padding-top: 3px;
 font-size: 0.9em;
 letter-spacing: 1px;
}
/* Sidebar */
.sidebar {
 display: inline-block;
 width: 100%;
 vertical-align: top;
}
.sidebar h4 {
 font-size: 1.5em;
}
/* ==================================================
   Catalogue section
================================================== */
.catalogue .card {
 background: #fbfbfb;
 min-height: 550px;
 padding: 20px 20px 0;
 margin-bottom: 30px;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 border-radius: 1.5rem;
 overflow: hidden;
}
.catalogue .card figure {
 border-bottom: 5px solid #FF8F00;
 margin-left: -20px;
 margin-right: -20px;
 margin-top: -20px;
}
.catalogue .card-info {
 padding: 20px 0;
}
.catalogue .card-info h3 {
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
 font-size: 1.4em;
 font-weight: 700;
 text-transform: uppercase;
 color: #00A0E3;
}
.catalogue .card-info h4 {
 font-size: 1em;
 text-transform: uppercase;
 color: #00A0E3;
}
.catalogue .card-stats {
 font-weight: 700;
 text-align: center;
 color: #000;
}
.catalogue .card-stats p {
 font-size: 12px;
}
.catalogue .card-stats span {
 display: block;
 font-weight: normal;
 text-transform: uppercase;
 color: #999;
}
.card-cta {
 position: absolute;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
 bottom: 40px;
}
.catalogue .btn {
 width: 100%;
}
/* ==================================================
   Buttons
================================================== */
.btn-wrap {
 display: block;
 width: 100%;
 text-align: center;
}
.btn, .btn:focus {
 display: inline-block;
 font-size: clamp(1.2rem, 1.5vw, 1.5rem);
 font-weight: 700;
 text-transform: uppercase;
 color: #FFF;
 position: relative;
 overflow: hidden;
 border-radius: 25px;
 border: none;
 outline: none;
 webkit-box-shadow: 0 10px 16px -16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .05);
 -moz-box-shadow: 0 10px 16px -16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .05);
 box-shadow: 0 10px 16px -16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .05);
 z-index: 99;
}
.btn.active {
 background-color: #FF8F00;
 border-color: #FF8F00;
 color: #FFF;
 outline: none;
 webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn .fa {
 margin-left: 10px;
}
.btn-primary, .dropdown-toggle.btn-primary {
 background-color: #00a0e3;
 border-color: #00a0e3;
}
.btn-secondary {
 background-color: #00a0e3;
}
.btn-default {
 background-color: #00a0e3;
 padding: 1.5rem 3rem;
 margin: 20px 0;
}
.btn-default:hover, .btn-default:focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active {
 color: #FFF;
 background-color: #FF8F00;
 border-color: transparent;
 webkit-box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
 -moz-box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
 box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
 color: #FFF;
 background-color: #FF8F00;
 border-color: transparent;
 webkit-box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
 -moz-box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
 box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .05);
}
.btn-default:after {
 position: absolute;
 top: 50%;
 right: 0;
 content: "";
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 23px 28px 25px 0;
 border-color: transparent rgba(255, 255, 255, 0.15) transparent transparent;
 transform: translateY(-50%);
}
.btn-default.focus, .btn-default:focus {
 border-color: transparent;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
 outline: none;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
 color: #FFF;
}
a.btn.disabled, fieldset[disabled] a.btn {
 background-color: #E6E6E6 !important;
 color: #666 !important;
}
/* ==================================================
   Lists
================================================== */
/* Ordinal lists */
.ordinal-list {
 position: relative;
 list-style: none;
 padding-left: 3rem;
 counter-reset: ordinal-counter;
}
.ordinal-list li {
 counter-increment: ordinal-counter;
 margin-bottom: 0.5rem;
}
.ordinal-list li:before {
 position: absolute;
 left: 0;
 content: counter(ordinal-counter) ". ";
 font-weight: 700;
 width: 1.5rem;
 margin-right: 0.15rem;
 text-align: right;
 display: inline-block;
}
.ordinal-list li li {
 counter-increment: none;
}
/* Special lists */
.special-list li:before {
 font-family: "FontAwesome";
 display: block;
 float: left;
 content: "\f00c";
 margin-left: -25px;
 color: #7C7C7C;
}
/* Alpha lists */
.lower-alpha {
 list-style-type: lower-alpha;
}
/* No list */
.no-list, .widget ul.no-list {
 margin: 0;
 padding: 0;
}
.no-list li:before {
 content: "";
 margin: 0;
 padding: 0;
}
.widget ul.no-list li {
 display: inline-block;
 /*margin-left: 0.5rem;
 margin-right: 0.5rem;*/
}
/* News archive buttons */
.widget ul.news-archive li:nth-child(2) .btn-default {
 background-color: rgba(0, 160, 227, 1.00);
}
.widget ul.news-archive li:nth-child(3) .btn-default {
 background-color: rgba(0, 160, 227, 0.90);
}
.widget ul.news-archive li:nth-child(4) .btn-default {
 background-color: rgba(0, 160, 227, 0.80);
}
.widget ul.news-archive li:nth-child(5) .btn-default {
 background-color: rgba(0, 160, 227, 0.70);
}
.widget ul.news-archive li:nth-child(6) .btn-default {
 background-color: rgba(0, 160, 227, 0.60);
}
.widget ul.news-archive li:nth-child(7) .btn-default {
 background-color: rgba(0, 160, 227, 0.50);
}
.widget ul.news-archive li:nth-child(8) .btn-default {
 background-color: rgba(0, 160, 227, 0.40);
}
.widget ul.news-archive li:nth-child(9) .btn-default {
 background-color: rgba(0, 160, 227, 0.30);
}
.widget ul.news-archive li:nth-child(10) .btn-default {
 background-color: rgba(0, 160, 227, 0.20);
}
.widget ul.news-archive li .btn-default:hover {
 background-color: #FF8F00;
}
/* ==================================================
   UI - Content Panels
================================================== */
/* Common rules */
a.panel p {
 color: #333;
}
a.panel p:last-of-type {
 margin-bottom: 0;
}
.panel {
 position: relative;
 background: #FFF;
 display: flex;
 border-image: none;
 border: none;
 margin: 1em 0;
 opacity: 0.95;
 border-radius: 2rem;
 overflow: hidden;
}
.panel:hover {
 cursor: pointer;
 text-decoration: none;
}
.panel figure img {
 position: relative;
 top: 0;
 left: 50%;
 display: block;
 height: 100%;
 width: auto;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
}
.panel h4 {
 font-family: "Montserrat", Helvetica, Arial, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 margin-top: 0;
}
.panel > .panel-heading {
 background-color: #FFF;
 border-color: #ddd;
 padding: 0;
}
.panel > .panel-heading a {
 padding: 10px 15px;
 display: block;
}
.panel > .panel-heading a:hover, .panel > .panel-heading a:focus {
 background-color: #eee;
 text-decoration: none;
 outline: none;
}
.panel-small:hover, .panel-medium:hover, .panel-medium-full:hover, .panel-extra:hover, .panel-extra-full:hover {
 background: #eee;
 opacity: 1;
 text-decoration: none;
}
/* Small size panel */
.panels.panels-small {
 margin-bottom: 20px;
}
.panels.panels-small > .row {
 display: flex;
 flex-wrap: wrap;
}
.panels.panels-small .panel {
 flex-direction: column;
 height: 100%;
 padding: 1rem 1.5rem;
 background-color: rgba(0, 160, 227, 0.15);
}
@media (min-width:0em) and (max-width:39em) {
 .panels.panels-small .panel {
  padding: 2rem 1rem;
 }
}
.panels.panels-small a.panel:after {
 position: absolute;
 bottom: 0;
 right: 0;
 content: "";
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 0 80px 80px;
 border-color: transparent transparent rgba(0, 160, 227, 0.15) transparent;
 z-index: 1;
}
.panels.panels-small a.panel:before {
 position: absolute;
 bottom: 2rem;
 right: 2rem;
 content: "\f054";
 font-family: 'FontAwesome';
 color: #00A0E3;
 z-index: 2;
}
.panels.panels-small a:hover.panel:before {
 color: #FFF;
}
.panels.panels-small .panel:hover:after {
 border-color: transparent transparent #FF8F00 transparent;
}
.panels.panels-small .panel figure {
 position: relative;
 height: 100%;
 padding-left: 1rem;
 padding-right: 1rem;
}
.panels.panels-small .panel figure div {
 border-radius: 1.5rem;
 overflow: hidden;
}
.panels.panels-small .panel figure div:nth-child(1) {
 background-image: url("../img/layout/watermark.png");
 background-repeat: no-repeat;
 background-position: left top;
 background-size: auto 50%;
 min-height: 96px;
}
.panels.panels-small .panel figure img {
 left: 0;
 width: 100%;
 height: auto;
 margin-bottom: 20px;
 border-radius: 1.5rem;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
.panels.panels-small .panel figcaption {
 padding: 0 2rem;
 width: 100%;
 height: auto;
}
.panels.panels-small .panel figcaption h2 {
 font-size: 18px;
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 0.5rem;
 color: #00A0E3;
}
.panels.panels-small .panel figcaption p:last-child {
 margin-bottom: 0;
 font-size: clamp(1rem, 2vw, 1.35rem);
 line-height: 1.35;
}
.panels.panels-small .panel p:nth-child(1) {
 font-weight: 700;
 font-size: clamp(1.2em, 1.5vw, 1.5em);
 text-transform: uppercase;
 color: #00A0E3;
}
.panels.panels-small .panel .fa {
 position: absolute;
 bottom: -10px;
 right: 15px;
 color: #ddd;
 z-index: 9;
}
.panels.panels-small .panel figcaption .date-edit {
 position: relative;
 font-style: italic;
}
.panels.panels-small .panel figcaption .date-edit .fa {
 position: relative;
 bottom: inherit;
 right: inherit;
 color: inherit;
}
@media (min-width:0em) and (max-width:39em) {
 .panels.panels-small .panel figcaption {
  padding-left: 10px;
 }
 .panels.panels-small .panel figcaption p:last-child {
  font-size: 12px;
  line-height: 1.2;
 }
 .panels.panels-small .panel .fa {
  font-size: 0.85rem;
 }
}
/* Medium and large size panels */
.panels.panels-medium .panel, .panels.panels-large .panel {
 padding: 0;
}
.panels.panels-medium .panel, .panels.panels-large .panel h3 {
 color: #FFF;
}
.panels.panels-medium .panel figure, .panels.panels-large .panel figure {
 position: relative;
 width: 100%;
 padding-top: calc(800 / 1280 * 100%);
 /*max-width: 512px;
 max-height: 320px;*/
 overflow: hidden;
}
.panels.panels-medium .panel img, .panels.panels-large .panel img {
 position: absolute;
 top: 0;
 left: 50%;
 height: 100%;
 width: auto;
 /*max-height: 320px;*/
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
 object-fit: cover;
}
.panels.panels-medium .panel figcaption, .panels.panels-large .panel figcaption {
 position: absolute;
 bottom: 0;
 background-color: rgba(0, 160, 227, 0.8);
 clear: both;
 width: 100%;
 padding: 10px 15px;
 font-size: 12px;
 text-transform: uppercase;
}
.panels.panels-medium .panel figcaption h2, .panels.panels-large .panel figcaption h2 {
 font-size: 18px;
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 0.5rem;
 color: #FFF;
}
.panels.panels-medium .panel:hover figcaption, .panels.panels-large .panel:hover figcaption {
 background-color: rgba(255, 143, 0, 0.8);
}
.panels.panels-medium .panel figcaption p, .panels.panels-large .panel figcaption p {
 color: #FFF;
 line-height: 1em;
}
.panels.panels-medium .panel figcaption p:first-child, .panels.panels-large .panel figcaption p:first-child {
 font-size: clamp(1.2rem, 1.5vw, 1.5em);
 font-weight: 700;
}
.panels.panels-medium .panel figcaption .fa, .panels.panels-large .panel figcaption .fa {
 position: absolute;
 right: 20px;
 color: #FFF;
}
/* Extra size panel */
.panels.panels-extra-full .panel figure img, .panel-wide figure img {
 position: absolute;
 width: 100%;
 height: auto;
 display: block;
}
.panels.panels-extra-full .panel figure img {
 margin-left: -25%;
 height: 100%;
 width: auto;
}
.panel-wide figure img {
 margin-left: 0;
}
.panels.panels-extra-full .panel:hover figcaption, .panel-wide:hover figcaption {
 background-color: rgba(255, 143, 0, 0.8);
}
.panels.panels-extra-full .panel figcaption p, .panel-wide figcaption p {
 padding-right: 15%;
}
.panels.panels-extra-full .panel figcaption .fa, .panel-wide figcaption .fa {
 position: absolute;
 bottom: 20px;
 right: 10px;
 padding: 15px;
}
/* ==================================================
   UI - Alignments
================================================== */
/* Center Floating */
.float-center {
 position: relative;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
}
.float-center > .child {
 position: relative;
 left: 50%;
}
.vertical-center {
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
.clear {
 clear: both;
}
/* ==================================================
   UI - Dividers (build with CSS Arrow Please: http://cssarrowplease.com/)
================================================== */
.divider {
 width: 100%;
 background: #1E2126 url("../img/layout/dark_mosaic.png") repeat;
 position: relative;
 margin: 50px 0 0;
}
.divider h1 {
 margin-top: 1em;
}
/* Arrows */
.arrow-top:after, .arrow-bottom:after, .arrow-bottom-gray:after {
 left: 50%;
 border: solid transparent;
 content: "";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-width: 35px;
 margin-left: -35px;
 z-index: 9;
}
.arrow-top:after {
 bottom: 100%;
 border-color: rgba(0, 0, 0, 0);
 border-bottom-color: #000;
}
.arrow-bottom:after {
 top: 100%;
 border-color: rgba(237, 240, 242, 0);
 border-top-color: #FFF;
}
.arrow-bottom-gray:after {
 top: 100%;
 border-color: rgba(255, 255, 255, 0);
 border-top-color: #edf0f2;
}
/* ==================================================
   Other Elements
================================================== */
/* Scroll to Top */
.bt-top {
 position: absolute;
 left: 50%;
 top: -30px;
 width: 68px;
 height: 50px;
 margin-left: -34px;
 text-align: center;
 line-height: 50px;
 cursor: pointer;
 z-index: 999;
}
.bt-top:hover, .bt-top:focus {
 color: #FFF;
 outline: none;
}
/* Author */
.author {
 padding-left: 100px;
 font-style: italic;
 margin-top: 5px;
}
/* ==================================================
   UI - Tables
================================================== */
.datagrid {
 margin-top: 30px;
 margin-bottom: 30px;
}
.datagrid table {
 margin-bottom: 20px;
 width: 100%;
 cursor: default;
}
.datagrid table h4 {
 text-align: center;
 padding: 0;
}
.datagrid table h6 {
 font-size: 1.1em;
 color: black;
 font-weight: 700;
 margin-top: 10px;
}
.datagrid table .fa {
 font-size: 1.5em;
 margin-right: 5px;
}
.datagrid table thead th {
 text-align: center;
}
.datagrid table th {
 padding: 10px;
 border: 1px solid #CCC;
}
.datagrid table td {
 padding: 10px;
 vertical-align: middle;
}
.datagrid table thead th {
 font-weight: normal;
 text-transform: uppercase;
 background-color: #00b2b9;
 color: #FFF;
}
.datagrid table tr {
 border-bottom: 1px solid white;
}
.datagrid table thead tr th:nth-child(2n) {
 background-color: #00a0e3;
 border: 1px solid #00a0e3;
}
.datagrid table thead tr th:nth-child(2n+1) {
 background-color: #0090cc;
 border: 1px solid #0090cc;
}
.datagrid table tbody td {
 font-size: 1em;
 font-weight: normal;
}
.datagrid table td:nth-child(1) {
 font-weight: 700;
}
.datagrid table td:nth-child(2n) {
 background-color: rgba(0, 0, 0, 0.05);
}
.datagrid table td:nth-child(2n+1) {
 background-color: rgba(0, 0, 0, 0.09);
}
.datagrid table td.text-normal {
 font-weight: normal !important;
}
.datagrid table td.strong {
 font-weight: 700;
}
.datagrid table tbody tr:hover {
 background-color: #F5F5F5;
}
.datagrid table tbody tr:hover .tt-column {
 background-color: #8cbbab;
}
.datagrid table tbody tr td.tt-column {
 background-color: #8bd4bc;
 font-weight: 700;
}
/* ==================================================
   Responsive Media Queries
================================================== */
@media (min-width:0em) and (max-width:48em) {
 .logo-block, .claim {
  height: 75px;
 }
 .skew:before {
  border-width: 75px 20px 0 0;
 }
 .navbar-default {
  background-color: transparent;
  margin-bottom: 0;
 }
 .navbar-default .navbar-toggle {
  top: 7px;
 }
 .navbar-default .navbar-nav > li:nth-child(1) {
  display: none;
 }
 .navbar-nav {
  background-color: #FF8F00;
  text-align: left;
  border-radius: 1.5rem;
  overflow: hidden;
 }
 .navbar-nav > li {
  float: inherit;
 }
 .navbar-nav > li .fa {
  display: block;
  float: left;
  width: 35px;
 }
 .nav > li {
  display: inherit;
 }
 .portfolio nav li a {
  padding: 5px 0px;
 }
 .portfolio .panels.panels-small .panel {
  padding: 0 0 10px;
 }
 .portfolio .panels.panels-small .panel figcaption {
  width: 100%;
 }
 .portfolio li:after {
  display: none;
 }
 .careers-item {
  border-right: none;
  border-bottom: 1px solid #ccc;
 }
 .careers-item .social a {
  display: inline-block;
  width: 33.3333%;
 }
 .panels.panels-small .panel figure {
  margin-left: 0;
  margin-right: 0;
 }
 .panels.panels-small .panel figure div {
  padding-left: 0;
  padding-right: 0;
 }
 .claim div {
  display: none;
 }
 .slides {
  margin-top: 40px;
 }
 .slides .owl-carousel .item, .slides .slide-list {
  width: 25em;
 }
 .slides figcaption {
  border-radius: 0 0.5rem 2rem 0;
  padding: 10px 20px 10px 20px;
  max-width: 100%;
 }
 .slides figcaption h2, .slides figcaption h3 {
  margin-top: 0;
  margin-bottom: 0;
 }
 .slides figcaption h3 {
  font-size: 1em;
 }
 .slides figcaption h2 {
  font-size: 0.8em;
 }
 .slides figcaption p, .owl-carousel .owl-item.center figcaption .fa {
  display: none;
 }
 .panel figure img {
  width: 100%;
  height: auto;
 }
 .panels.panels-small .panel figure img {
  padding-bottom: 0;
  margin-bottom: 10px;
 }
 .panels.panels-medium .panel figcaption p:nth-child(2), .panels.panels-large .panel figcaption p:nth-child(2) {
  display: none;
 }
 .c-grid, .c-event-grid {
  width: 100%;
 }
 .c-event-grid {
  margin-top: 20px;
 }
 .c-event-item {
  padding: 15px 20% 14px 3%;
 }
 .c-event-item a .fa {
  top: inherit;
  bottom: 10px;
 }
 .mobile-margin {
  margin-bottom: 40px;
 }
 .btn {
  font-size: 0.8em;
 }
 .btn-wrap, .footer-widget .social, .footer-menu {
  text-align: center;
 }
 .footer-widget .widget {
  padding-bottom: 10px;
 }
 .footer-widget .social ul li {
  padding: 2% 1%;
 }
 .footer-menu ul li {
  display: block;
  line-height: 26px;
 }
 .footer-menu ul li::after {
  display: none;
 }
 .footer-widget .widget.logos object, .footer-widget .widget.logos img {
  margin-top: 20px;
  width: auto;
  height: 54px;
 }
 .footer-widget .contacts .textwidget {
  text-align: center;
 }
 .credits p span {
  display: block;
 }
 .sidebar.fixed {
  position: relative !important;
  left: inherit !important;
  width: 100% !important;
  top: inherit !important;
  margin-left: auto;
  margin-right: auto;
 }
 .page-header h2 {
  font-size: 1.8em;
 }
 .section-header h2 {
  font-size: 1.6em;
 }
 .privacy p {
  text-align: left;
 }
 .content-box, .content-box > .content-area {
  padding: 20px 0 0;
 }
 .skew-section .bg-skew {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #242424;
  -webkit-transform: skewX(0deg);
  -moz-transform: skewX(0deg);
  -ms-transform: skewX(0deg);
  -o-transform: skewX(0deg);
  transform: skewX(0deg);
  z-index: 1;
 }
 .skew-section .block {
  padding-left: 10px;
 }
 .stickMenu.sticky {
  margin-top: 0;
 }
 #ascrail2000 {
  display: none;
 }
 .counters ul li {
  margin-top: 1rem;
  margin-bottom: 1rem;
 }
 .cd-horizontal-timeline .events a.selected {
  left: 140px !important;
 }
 .gdpr .btn-default {
  margin-top: 20px;
  margin-bottom: 20px;
 }
}
@media (min-width:49em) and (max-width:59em) {
 .claim {
  font-size: 1.8em;
 }
 .claim div {
  margin-left: 25%;
  max-width: 185px;
 }
 .slides .owl-carousel .item, .slides .slide-list {
  width: 42em;
 }
 .slides figcaption {
  border-radius: 0 0.5rem 2rem 2rem;
  padding: 10px 20px 10px 20px;
  max-width: 100%;
 }
 .skew-section .content-column {
  padding-left: 50px;
 }
 .btn-wrap {
  text-align: right;
 }
 .navbar-collapse.collapse {
  display: none !important;
 }
 .navbar-collapse.collapse.in {
  display: block !important;
 }
 .navbar-header .collapse, .navbar-toggle {
  display: block !important;
 }
 /*.panels.panels-medium .panel figure, .panels.panels-large .panel figure {
  height: 292px;
 }*/
 .careers-item {
  border-right: none;
  border-bottom: 1px solid #ccc;
 }
}
@media (min-width:60em) and (max-width:63em) {
 .navbar-default .navbar-nav > li > a {
  font-size: 1em;
 }
 .slides .owl-carousel .item, .slides .slide-list {
  width: 60em;
 }
 .btn-wrap {
  text-align: right;
 }
 .panels.panels-medium .panel figure, .panels.panels-large .panel figure {
  max-width: 375px;
  height: 292px;
 }
}
@media (min-width:64em) and (max-width:79em) {
 .slides .owl-carousel .item, .slides .slide-list {
  width: 65em;
 }
 .btn-wrap {
  text-align: right;
 }
}
@media (min-width:80em) and (max-width:89em) {
 .slides .owl-carousel .item, .slides .slide-list {
  width: 65em;
 }
}
@media (min-width:79em) {
 .panels.panels-small .panel figure img {
  padding-bottom: 0;
 }
}
@media (min-width:80em) and (max-width:89em) and (max-height:37.5em) {
 .slides .owl-carousel .item, .slides .slide-list {
  width: 50em;
 }
 .news .row > div:nth-child(4) {
  display: none;
 }
}
@media (min-width:90em) {
 .slides .owl-carousel .item, .slides .slide-list {
  width: 85em;
 }
 .btn-wrap {
  text-align: center;
 }
}
/* ==================================================
   Bootstrap additional 5 columns layout: http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
================================================== */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
 position: relative;
 min-height: 1px;
 padding-right: 10px;
 padding-left: 10px;
}
.col-xs-15 {
 width: 20%;
 float: left;
}
@media (min-width: 768px) {
 .col-sm-15 {
  width: 20%;
  float: left;
 }
}
@media (min-width: 992px) {
 .col-md-15 {
  width: 20%;
  float: left;
 }
}
@media (min-width: 1200px) {
 .col-lg-15 {
  width: 20%;
  float: left;
 }
}
/* =====================================================
   Prevent Rotation on Mobile Devices (SVG)
===================================================== */
@media (min-width:0em) and (max-width:67.4375em) and (orientation: landscape) {
 .rotate-container-vertical {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  pointer-events: none;
  z-index: 9999;
 }
 .rotate-container-vertical > figure {
  text-align: center;
 }
 .rotate-container-vertical figure img, .rotate-container-vertical figure svg {
  display: block;
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
 }
 .rotate-container-vertical p {
  font-size: 120%;
  margin-bottom: 0;
 }
 .wrapper {
  display: none;
 }
}
@media (min-width:37.5em) and (min-height:31.25em) {
 .rotate-container-vertical {
  display: none;
 }
}
@media (min-width:60em) {
 .rotate-container-vertical {
  display: none;
 }
}
@media (orientation: portrait) {
 .rotate-container-vertical {
  display: none;
 }
}
/**/