@import url('https://fonts.googleapis.com/css?family=Martel+Sans:400,700&subset=latin-ext');

html {
  font-size: 1em;
}

body {
  font-family: 'Martel Sans', sans-serif;
  font-weight: 400;
  font-size: 62.5%;
  line-height: 1;
  color: #000;
  background-color: #fff;
  margin: 0;
}

body > * {
  font-size: 1.4em;
}

p {
  line-height: 1.5;
  padding: 0;
  margin: .8em 0 .8em 0;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

.alert {
  padding: .8em 1em .5em 1em;
}

.alert p {
  margin: 0 2em 0 0;
}

.cursor-pointer {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
}

video {
  width: 100% !important;
  height: auto !important;
}

iframe {
  width: 100% !important;
}

input[type=text],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

label {
  display: block;
  font-weight: 400;
  font-size: .9em;
  line-height: 1.2;
  margin-bottom: 0;
  cursor: pointer;
  color: gray;
}

a,
a:link,
a:visited,
a:active {
  color: #d73800;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

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

a sup {
  display: inline-block;
}

a:hover sup {
  text-decoration: none;
}

b,
strong,
.text-bold {
  font-weight: 700;
}

hr {
  margin: 3px 0 3px 0;
  display: block;
  padding: 0;
  border: 0;
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}

.text-red {
  color: #ec0e0e;
}

.text-green {
  color: #4fb161;
}

.text-orange {
  color: #d73800;
}

.anim {
  -webkit-transition: 0.45s ease-in-out;
  -moz-transition: 0.45s ease-in-out;
  -o-transition: 0.45s ease-in-out;
  transition: 0.45s ease-in-out;
}

.qanim {
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inherit,
.inherit:active,
.inherit:link,
.inherit:visited,
.inherit:hover {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}

div.table {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

div.table .table-cell {
  display: table-cell;
  vertical-align: middle;
}

.text-orange {
  color: #d73800;
}

.text-grey {
  color: #ccc;
}

.os-text-green {
  color: #6ecebe;
}

.os-text-orange {
  color: #f3920d;
}

.os-text-blue {
  color: #48bbe7;
}

.os-text-yellow {
  color: #fecc3d;
}

.os-text-dpink {
  color: #d4a4c7;
}

.os-text-pink {
  color: #d4a4c7;
}

.p-relative {
  position: relative;
}

.z-hidden {
  position: absolute;
  z-index: -99999;
  top: 0;
  left: 0;
}

a.orange-button,
input.orange-button {
  display: block;
  background-color: #d73800;
  color: #fff;
  padding: 1.1em 1em .8em 1em;
  white-space: normal;
  font-size: 1em;
  line-height: 1;
  margin-top: 2em;
  border-radius: 4px;
  border: 0;
  outline: 0;
}

a.orange-button:hover {
  text-decoration: none;
}

#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000009;
  margin: 0;
  padding: 1em;
  box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.15);
  border: none;
  border-top: solid 3px #d73800;
  background-color: white;
  line-height: 1.5;
}

/* Top Panel */
.top-panel {
  background: url(../gui/top-panel-bg.png) no-repeat center center #3c3c3b;
  height: 37px;
  color: #fff;
  font-size: 1em;
  padding-top: 1.2em;
	line-height: 1.5;
}

.top-panel #dateTime {
  text-transform: lowercase;
}

.top-panel .fa {
  color: #aeaeae;
  margin-right: .5em;
  margin-left: 2em;
	vertical-align: baseline;
}

.top-panel .fa:first-child {
  margin-left: 0;
}


/* Logos */
.logos {
  height: 102px;
  padding-top: 21px;
}


/* Poster */
.poster {
  height: 305px;
  background: url(../gui/poster-bg.png) no-repeat center center #ededed;
}

.poster.mainpage > .row {
  background: url(../gui/poster-mainpage-bg.png) no-repeat center 50px;
  padding-top: 80px;
}

.poster.mainpage .container {
  width: auto;
  max-width: 1200px;
}

.poster .container {
  position: relative;
}

.poster .os-icons {
  height: 190px;
}

.poster .os-icons .os-icon:nth-child(even) {
  margin-top: 75px;
}

.poster .os-icons .os-icon:nth-child(1) a {
  margin-left: 50px;
}

.poster .os-icons .os-icon:nth-child(2) a {
  margin-left: 50px;
}

.poster .os-icons .os-icon:nth-child(3) a {
  margin-left: 50px;
}

.poster .os-icons .os-icon:nth-child(4) a {
  margin-left: 75px;
}

.poster .os-icons .os-icon:nth-child(5) {
  text-align: right;
}

.poster .os-icons .os-icon:nth-child(6) {
  text-align: right;
}

.poster .os-icons .os-icon {
}

.poster .os-icons .os-icon a {
  display: inline-block;
}

.poster .os-menu {
  position: absolute;
  bottom: 10px;
  left: -35px;
  height: 50px;
}

.poster .os-menu .os-icon {
  display: inline-block;
  margin-right: 10px;
}

.poster .os-menu .os-icon:last-child {
  margin-right: 0;
}

.poster .os-menu .icon .bg {
  opacity: 0.85;
}

.poster #os-title {
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  color: #555554;
  font-size: 1.3em;
	line-height: 1.4;
  font-weight: 700;
  bottom: 0;
}

.poster #os-title:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  margin-top: 0;
  margin-left: -30px;
}

.poster #os-title.show {
  transition: 1s ease;
  visibility: visible;
  opacity: 1;
}

.poster #os-title.green:before {
  background-color: #6ecebe;
}

.poster #os-title.orange:before {
  background-color: #f3920d;
}

.poster #os-title.blue:before {
  background-color: #48bbe7;
}

.poster #os-title.yellow:before {
  background-color: #ffcc3a;
}

.poster #os-title.dpink:before {
  background-color: #dc8ec7;
}

.poster #os-title.pink:before {
  background-color: #e7b0d8;
}

.poster.title .os-img {
  position: relative;
  height: 305px;
}

.poster.title .os-img img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.poster.title .os-text {
  font-size: 2.5em;
  text-transform: uppercase;
  height: 305px;
}

.poster.title .os-text .hdr {
  margin: 0;
  padding: 0;
}

/* Icons */
.icon {
  transition-duration: 0.25s;
  transform-origin: center center;
  cursor: pointer;
}

.icon:hover,
.icon.active {
  transition-duration: 0.50s;
  transform: scale(1.15);
}

.icon .bg {
  opacity: 0.65;
  transition-duration: 0.35s;
}

.icon:hover .bg,
.icon.active .bg {
  opacity: 1;
}

.icon .user {
  transition-duration: 0.30s;
}

.icon:hover .user,
.icon.active .user {
  fill: #fff !important;
}

.icon .shadow {
  opacity: 0;
  transition-duration: 0.65s;
  transition-delay: 0.15s;
}

.icon:hover .shadow,
.icon.active .shadow {
  opacity: 1;
}

/* Icon Green */
.icon.green .user,
.icon.green:hover .bg,
.icon.green.active .bg {
  fill: #6ecebe;
}

.icon.green .shadow {
  fill: #77b6a8;
}
/* Icon Orange */
.icon.orange .user,
.icon.orange:hover .bg,
.icon.orange.active .bg {
  fill: #eb9222;
}

.icon.orange .shadow {
  fill: #d9871f;
}
/* Icon Blue */
.icon.blue .user,
.icon.blue:hover .bg,
.icon.blue.active .bg {
  fill: #5cbbe5;
}

.icon.blue .shadow {
  fill: #56aed4;
}
/* Icon Yellow */
.icon.yellow .user,
.icon.yellow:hover .bg,
.icon.yellow.active .bg {
  fill: #f9cc4c;
}

.icon.yellow .shadow {
  fill: #e5bd46;
}
/* Icon Dark Pink */
.icon.dpink .user,
.icon.dpink:hover .bg,
.icon.dpink.active .bg {
  fill: #d08fbc;
}

.icon.dpink .shadow {
  fill: #c185ae;
}
/* Icon Pink */
.icon.pink .user,
.icon.pink:hover .bg,
.icon.pink.active .bg {
  fill: #deafd0;
}

.icon.pink .shadow {
  fill: #cea3c1;
}


/* Menu */
.menu {
  background: url(../gui/border-colors.png) repeat-x center bottom;
  min-height: 0;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
  color: #545454;
  margin-bottom: 2em;
}

.menu .fa-home {
  font-size: 1.3em;
}

.menu ul {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.menu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}

.menu a {
  color: #545454;
  padding: 0 .5em 0 .5em;
  margin-right: .5em;
  letter-spacing: -0.5px;
}

.menu a:hover {
  text-decoration: none;
}

.menu ul li:last-child a {
  margin-right: 0;
}

.menu a:hover,
.menu ul li a.active {
  color: #d73800;
}

.menu ul li .submenu {
  display: none;
}

.menu .search {
  background-color: #d73800;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding: 0;
  position: absolute;
  top: -11px;
  right: 15px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.menu .search .fa {
  line-height: 39px;
	margin-left: 2px;
  color: #fff;
  cursor: pointer;
}

.menu .search .symbol {
  position: absolute;
  left: 12px;
  height: 40px;
}

.menu .search .text {
  width: 0;
  height: 40px;
  position: absolute;
  top: 7px;
  left: 45px;
  transition: all 0.3s ease-in-out;
}

.menu .search .form-control {
  border: 0;
  font-size: .8em;
  padding: .2em .5em;
  min-height: 26px;
  height: 26px;
  width: 100%;
  border-radius: 4px;
}

.menu .search .text .form-control:focus {
  border: 0;
}

.menu .search.search-open,
.menu .search:focus {
  width: 195px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.menu .search.search-open .text {
  width: 148px;
  left: 37px;
}

/* Bread Crumbs */
.breadcrumbs {
  background-color: #f1f1f1;
  padding: 9px 10px 5px 10px;
  font-size: .8em;
  min-height: 31px;
  letter-spacing: -0.4px;
}

.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.breadcrumbs ul li:before {
  font-family: 'fontawesome';
  content: '\f105';
  margin: 0 5px 0 5px;
}

.breadcrumbs ul li:first-child:before {
  content: '';
  display: none;
}

.breadcrumbs ul li a:hover {
  text-decoration: underline;
}


/* Articles */
.content ul.articles {
  list-style: none;
  padding: 0;
  margin: 0;
}

.content ul.articles li {
  margin: 0 0 22px 0;
  padding: 0 0 22px 0;
  border-bottom: solid 1px #e2e2e2;
}

.content ul.articles li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.content ul.articles li .image {
  padding-right: 0;
}

.content ul.articles li img {
  border: solid 2px #eee;
}

.content ul.articles li.banner {
  padding: 0 0 12px 0;
}

.content ul.articles li.banner img {
  border: none;
}

.content ul.articles .title {
  font-weight: 700;
  margin: 0 0 .4em 0;
	font-size: 1.4em;
}

.content ul.articles .title .name a {
  white-space: normal;
}

.content ul.articles .articleDate {
  font-size: .9em;
	line-height: 1.5;
  color: #707070;
  text-align: left !important;
}

.content ul.articles .typeIcon {
  margin-right: 2px;
}

/* Content */
.content {
  margin-top: 35px;
}

.content img {
  display: block;
  max-width: 100%;
  height: auto;
}

.content h1,
.content .h1 {
  font-size: 2em;
  line-height: 1.5;
  font-weight: 700;
  color: #d73800;
  margin: 0 0 35px 0;
  padding: 7px 0 0 25px;
  border-left: solid 3px #e2e2e2;
}

.content > h2:first-child,
.content > h3:first-child,
.content > h4:first-child,
.content > h5:first-child,
.content > h6:first-child {
  margin-top: 0;
}

.content ul.custom {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0 0 0 5px;
}

.content ul.custom li:before {
  font-family: 'fontawesome';
  content: '\f105';
  margin-right: 7px;
}

.content ul.custom li {
  margin: .5em 0;
  line-height: 1.3;
}

.content .tab-content {
  margin: .5em 0;
  padding: 1em;
}

.content .gallery {
  margin-top: 35px;
}

.content .gallery .image {
  margin-bottom: 15px;
}

.content .gallery .image img {
  border: solid 3px #eee;
}

.content .gallery .image:hover img,
.content .gallery .image.active img {
  border-color: #d73800;
}

/* Vertical panel */
.vertical-panel {
  margin-top: 35px;
  margin-bottom: 100px;
}

.vertical-panel #vp-video {
  position: relative;
  overflow: hidden;
}
.vertical-panel #vp-video * {
  margin: 0;
  line-height: .5;
}

.vertical-panel > div:first-child {
  margin-top: 0 !important;
}

.vertical-panel .title {
  background-color: #cac8c8;
  color: #3c3c3b;
  padding: 1em .5em 0 1em;
  min-height: 40px;
  font-weight: 700;
  border-radius: 4px;
  line-height: 1;
}

.vertical-panel > .title {
  margin-top: 0;
}

.vertical-panel .title .fa {
  margin-right: .7em;
}

.vertical-panel #calendar-event {
  text-align: center;
  color: #d73800;
  font-size: 1.2em;
  padding-top: 1em;
  min-height: 35px;
}

.vertical-panel .newsletter {
  background-color: #cac8c8;
  position: relative;
  margin-top: 2em;
  border-radius: 4px;
}

.vertical-panel .newsletter form {
  padding: 1em;
  position: relative;
  background-color: #eaeaea;
}

.vertical-panel .newsletter label {
  font-weight: 400;
  font-size: 80%;
  margin-bottom: .2em;
}

.vertical-panel .newsletter input[type=text] {
  border-color: #fff;
  border-radius: 4px;
}

.vertical-panel .newsletter .btn {
  font-size: .85em;
  padding: .6em 1em .3em 1em;
  min-height: 0;
  margin-top: 1em;
  background-color: #838383;
}

.vertical-panel .events {
  margin-top: 2em;
  cursor: pointer;
}

.vertical-panel .events .title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vertical-panel #events-upcoming {
  border: solid 1px #cac8c8;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.vertical-panel #events-upcoming li {
  padding: 1em .5em 0 1em;
}

.vertical-panel #events-upcoming li:last-child {
  padding-bottom: 1em;
}

.vertical-panel #events-upcoming > li > * {
  display: block;
}

.vertical-panel #events-upcoming .date {
  font-size: .9em;
}

.vertical-panel #events-upcoming .summary {
  font-size: 1.4em;
  font-weight: 700;
}

.vertical-panel .banner-leftpanel {
  margin-top: 3em;
}

.vertical-panel .banner-leftpanel:first-child,
.vertical-panel .banner-leftpanel:first-child a.orange-button {
  margin-top: 0;
}

.vertical-panel .report-fraud {
  background-color: #f1f1f1;
  color: #3c3c3b;
  line-height: 1.3;
  margin-top: 2em;
  margin-bottom: 2em;
	white-space: normal;
}

.vertical-panel .report-fraud:hover {
  text-decoration: underline;
}

.vertical-panel video {
  cursor: pointer;
}

.vertical-panel a.orange-button {
  font-size: 1.1em;
}

/* Footer */
.copyright {
  padding-top: 2em;
  padding-bottom: 4em;
  margin-top: 8em;
  color: #707070;
  border-top: solid 1px #f0f5f8;
}

.paging {
  width: 100%;
  text-align: center;
}

.paging a {
  margin-left: 15px;
  margin-right: 15px;
  padding: .8em 1em .6em 1em;
  line-height: 1;
  display: inline-block;
}

.paging .fa {
  padding-right: 5px;
}

.os-icons .icon {
  margin-right: 7px;
}

.os-icons .icon:last-child {
  margin-right: 0;
}

.questionnaires .item {
  margin-top: 10px;
  margin-bottom: 10px;
}

.questionnaires .item a {
  display: block;
  font-size: 1.3em;
  padding-left: 1em;
}

.vertical-banner {
  margin: 20px 2px 15px 2px;
}

.vertical-banner img {
  display: block;
  margin: auto;
}

#scroll-top {
  position: fixed;
  bottom: -50px;
  right: 20px;
  background: #d73800;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.25s ease-in;
  opacity: 0;
}

#scroll-top.scroll-visible {
  opacity: 1;
  bottom: 100px;
}

#scroll-top .scroll-icon {
  position: absolute;
  top: -9px;
  width: 100%;
}

#scroll-top .scroll-text {
  font-size: .7em;
  line-height: 0;
  position: absolute;
  bottom: 10px;
  width: 100%;
}

ul#page-tools {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  height: 31px;
  padding: 0;
  white-space: nowrap;
  text-align: right;
}

ul#page-tools li {
  list-style: none;
  height: 31px;
  margin: 0 5px 0 5px;
  padding: 7px 0 4px 0;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}

#page-tools a {
  color: #000;
}

#page-tools .tool-bg {
  background: #f1f1f1;
  border-radius: 5px;
  padding: 7px 10px 4px 10px;
}

#page-tools .tool-bg:last-child {
  margin-right: 0;
}

.sendLink .btn {
  margin-top: 1em;
}

.sendLinkMsg {
  font-size: 1.4em;
  line-height: 35px;
}

.sendLinkEmail {
  width: 300px;
}

#gallerySocial {
  position: fixed;
  z-index: 9999999999;
  height: 20px;
  top: 10px;
  left: 5px;
}

#gallerySocial > a {
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 2px;
  vertical-align: top;
}

.fb_iframe_widget_fluid {
  display: inline-block !important;
}

.jBox-Modal .jBox-title {
  background: #d73800;
  color: #fff;
}

.jBox-Modal .jBox-content {
  padding: 35px 50px 35px 50px;
}

.jBox-overlay.jBox-overlay-Image {
  background: rgba(0, 0, 0, 0.90);
}

.jBox-closeButton path,
.jBox-closeButton:hover path {
  fill: #fff;
}

.monthly-day .monthly-event-indicator {
  height: 20px !important;
  font-size: 12px !important;
  line-height: 12px !important;
  padding: 5px !important;
  text-align: left !important;
  letter-spacing: -0.5px !important;
}

.monthly-day-event {
  padding-top: 35px !important;
}

.monthly-day-event > .monthly-day-number {
  top: 10px !important;
  left: 8px !important;
  font-size: 16px !important;
}

.monthly-today .monthly-day-number {
  border-radius: 0 !important;
  background: #4388c3 !important;
  padding: 5px 7px 2px 7px !important;
  font-size: 16px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  width: auto !important;
  height: auto !important;
}

.monthly-day-event {
  height: 115px !important;
  overflow: hidden !important;
}