body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
  font-family: "Roboto", "Times New Roman", serif !important;
}
body {
    color: #333333;
}
p {
    line-height: 1.75em;
}
a {
    color: #848484;
    text-decoration: none;
}
a:hover {
    color: #848484;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    color: #0049CA;
}
title h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    color: #0049CA;
}
h2.title {
    margin-bottom: 20px;
}
.serif-font {
  font-family: "Roboto", "Times New Roman", serif !important;
}
.title,
.card-title,
.info-title,
.footer-brand,
.media .media-heading {
  font-weight: 100 !important;
  font-family: "Roboto", "Times New Roman", serif !important;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 12px;
}
.info {
  max-width: 360px;
  margin: 0 auto;
  padding: 30px 0 30px;
}
.label.label-white {
   background-color: #fff !important;
   color: #0049CA !important;
}

.where, .data {
    color: #848484;
    font-size: 1em;
}
.header-auto .card-image-home a {
    display: block;
    width: 100%;
    height: 100%;
}

.navbar, .navbar.navbar-default {
  color: #0049CA;
}

.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
.card-testimonial .footer .card-avatar {
  margin-top: 20px;
  margin-bottom: 0px;
}
.card-testimonial .card-avatar {
  max-width: 150px;
  max-height: 150px;
}

/* LOGO */
.navbar-brand .logotype,
.home-page .navbar-brand .logotype,
.navbar-absolute .navbar-brand .logotype {
  background-image: url('https://d2ipzogs9fmwah.cloudfront.net/company/CRZ/logo_cerzoo_w.png');
  background-repeat: no-repeat;
  display: block;
  height: 90px;
  max-width: 230px;
  width: 230px;
  margin-top:-10px;
}

.landing-page .navbar-brand .logotype,
.login-page .navbar-brand .logotype,
.about-us .navbar-brand .logotype {
  background-image: url('https://d2ipzogs9fmwah.cloudfront.net/company/CRZ/logo_cerzoo_c.png');
  background-repeat: no-repeat;
  display: block;
  height: 90px;
  max-width: 230px;
  width: 230px;
  margin-top:-10px;
}

.page-header.header-small {
  height: 75vh;
  min-height: 75vh;
}

.home-page .navbar-brand .logotype strong {color: #848484;display:none}
.home-page .navbar-brand .logotype small  {color: #848484;display:none}
.product-page .navbar-brand .logotype,
.search-result .navbar-brand .logotype {
  background-image: url('https://d2ipzogs9fmwah.cloudfront.net/company/CRZ/logo_cerzoo_c.png');
}

@media (max-width: 480px) {
  .navbar-brand .logotype,
  .navbar-absolute .navbar-brand .logotype,
  .home-page .navbar-brand .logotype {
    background-image: url('https://d2ipzogs9fmwah.cloudfront.net/company/CRZ/logo_cerzoo_w.png');
  }
}

@media (max-width: 480px) {
.landing-page .navbar-brand .logotype,
.login-page .navbar-brand .logotype {
    background-image: url('https://d2ipzogs9fmwah.cloudfront.net/company/CRZ/logo_cerzoo_w.png');
  }
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
   border-top: 5px solid #FFFFFF;
   border-radius: 0;
   padding-top: 7px;
}
footer ul li a.choose-language.dropdown-item  {
	color: #0049CA !important;
	text-align: center;
}

.card .header-primary,
.card .content-primary {
   background: linear-gradient(60deg, #0049CA, #0049CA);
}

.navbar-nav > li > a.btn.btn-fab.btn-fab-mini {
   color: #0049CA;
   font-size: 1.05em;
   line-height: 2em;
}

.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-primary,
.navbar .navbar-nav > li > a.btn.btn-primary:hover,
.navbar .navbar-nav > li > a.btn.btn-primary:focus,
.navbar .navbar-nav > li > a.btn.btn-primary:active,
.navbar .navbar-nav > li > a.btn.btn-primary.active,
.navbar .navbar-nav > li > a.btn.btn-primary:active:focus,
.navbar .navbar-nav > li > a.btn.btn-primary:active:hover,
.navbar .navbar-nav > li > a.btn.btn-primary.active:focus,
.navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open >
.navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open >
.navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open >
.navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
  background-color: #0049CA;
  color: #FFFFFF;
}
.btn.btn-primary.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple {
  background-color: transparent;
  color: #0049CA;
  box-shadow: none;
}
.btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active,
.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover,
.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus,
.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active {
  background-color: transparent;
  color: #0049CA;
}
.btn.btn-rose, .btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose.active, .btn.btn-rose:active:focus, .btn.btn-rose:active:hover, .btn.btn-rose.active:focus, .btn.btn-rose.active:hover, .open > .btn.btn-rose.dropdown-toggle, .open > .btn.btn-rose.dropdown-toggle:focus, .open > .btn.btn-rose.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-rose,
.navbar .navbar-nav > li > a.btn.btn-rose:hover,
.navbar .navbar-nav > li > a.btn.btn-rose:focus,
.navbar .navbar-nav > li > a.btn.btn-rose:active,
.navbar .navbar-nav > li > a.btn.btn-rose.active,
.navbar .navbar-nav > li > a.btn.btn-rose:active:focus,
.navbar .navbar-nav > li > a.btn.btn-rose:active:hover,
.navbar .navbar-nav > li > a.btn.btn-rose.active:focus,
.navbar .navbar-nav > li > a.btn.btn-rose.active:hover, .open >
.navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle, .open >
.navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:focus, .open >
.navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:hover {
  background-color: #0049CA;
  color: #FFFFFF;
}
.btn.btn-rose.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple {
  background-color: transparent;
  color: #0049CA;
  box-shadow: none;
}
.btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active,
.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:hover,
.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:focus,
.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:active {
  background-color: transparent;
  color: #0049CA;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #0049CA;
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  border-color: #0049CA;
}
.radio label .check {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #0049CA;
  -webkit-transform: scale3d(0,0,0);
  -moz-transform: scale3d(0,0,0);
  -o-transform: scale3d(0,0,0);
  -ms-transform: scale3d(0,0,0);
  transform: scale3d(0,0,0);
}
h1, .h1 {
  font-size: 3.3em;
  line-height: 1.15em;
}
.title, .title a, .card-title, .card-title a, .info-title, .info-title a, .footer-brand, .footer-brand a, .media .media-heading, .media .media-heading a {
  color: #0049CA;
  text-decoration: none;
}
.info-tithp, .info-tithp a {
  color: #333333;
  text-decoration: none;
  line-height: 1.4em;
}
.radio input[type=radio]:checked ~ .check {
  background-color: #0049CA;
}
.radio input[type=radio]:checked ~ .circle {
  border-color: #0049CA;
}
.label.label-primary {
  background-color: #0049CA;
}
.label.label-rose {
  background-color: #0049CA;
}
.form-control,
.form-group .form-control {
  border: 0;
  background-image: linear-gradient(#0049CA, #0049CA), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent;
  transition: background 0s ease-out;
  float: none;
  box-shadow: none;
  border-radius: 0;
  font-weight: 400;
}
.form-group.is-focused .form-control {
  outline: none;
  background-image: linear-gradient(#0049CA, #0049CA), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 100% 2px, 100% 1px;
  box-shadow: none;
  transition-duration: 0.3s;
}
.form-group.is-focused .form-control .material-input:after {
  background-color: #0049CA;
}
.form-group.is-focused.form-rose .form-control {
  background-image: linear-gradient(#0049CA, #0049CA), linear-gradient(#D2D2D2, #D2D2D2);
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #0049CA;
  border-color: #0049CA;
  color: #FFFFFF;
  box-shadow: 0 4px 5px 0 rgba(66, 133, 244, 0.14), 0 1px 10px 0 rgba(66, 133, 244, 0.12), 0 2px 4px -1px rgba(66, 133, 244, 0.2);
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #0049CA;
  color: #FFFFFF;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(66, 133, 244, 0.6);
}
.nav-pills.nav-pills-rose > li.active > a, .nav-pills.nav-pills-rose > li.active > a:focus, .nav-pills.nav-pills-rose > li.active > a:hover {
  background-color: #0049CA;
  box-shadow: none;
}
.navbar.navbar-primary {
  background-color: #0049CA;
  color: #ffffff;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(66, 133, 244, 0.46);
}
.navbar.navbar-primary .dropdown-menu li > a:hover, .navbar.navbar-primary .dropdown-menu li > a:focus {
  color: #FFFFFF;
  background-color: #0049CA;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(66, 133, 244, 0.4);
}
.navbar.navbar-primary .dropdown-menu .active > a {
  background-color: #0049CA;
  color: #ffffff;
}
.navbar.navbar-rose {
  background-color: #0049CA;
  color: #ffffff;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(66, 133, 244, 0.46);
}
.navbar.navbar-rose .dropdown-menu li > a:hover, .navbar.navbar-rose .dropdown-menu li > a:focus {
  color: #FFFFFF;
  background-color: #0049CA;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(66, 133, 244, 0.4);
}
.navbar.navbar-rose .dropdown-menu .active > a {
  background-color: #0049CA;
  color: #ffffff;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
  background-color: #0049CA;
  color: #FFFFFF;
}
.navbar .dropdown-menu li > a:hover,
.navbar .dropdown-menu li > a:focus, .navbar.navbar-default .dropdown-menu li > a:hover,
.navbar.navbar-default .dropdown-menu li > a:focus {
  color: #FFFFFF;
  background-color: #0049CA;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(66, 133, 244, 0.4);
}
.progress .progress-bar.progress-bar-primary {
  background-color: #0049CA;
}
.progress .progress-bar.progress-bar-rose {
  background-color: #0049CA;
}
.progress .progress-bar,
.progress .progress-bar.progress-bar-default {
  background-color: #0049CA;
}
.text-primary {
  color: #0049CA;
}
.text-rose {
  color: #0049CA;
}
.nav-tabs {
  background: #0049CA;
  border: 0;
  border-radius: 3px;
  padding: 0 15px;
}
.panel .panel-heading a:hover, .panel .panel-heading a:active, .panel .panel-heading a[aria-expanded="true"] {
  color: #0049CA;
}
.icon.icon-primary {
  color: #0049CA;
}
.icon.icon-rose {
  color: #0049CA;
}
.dropdownjs > ul > li .selected, .dropdownjs > ul > li:active, .dropdownjs > ul > li:focus, .dropdownjs > ul > li:hover {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: #0049CA;
  color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-primary .tag {
  background-color: #0049CA;
  color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-primary .tagsinput-add {
  color: #0049CA;
}
.bootstrap-tagsinput .tag.tag-rose .tag {
  background-color: #0049CA;
  color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-rose .tagsinput-add {
  color: #0049CA;
}
.slider .noUi-connect {
  background-color: #0049CA;
  border-radius: 4px;
}
.slider .noUi-handle {
  border-color: #0049CA;
}
.slider.slider-rose .noUi-connect {
  background-color: #0049CA;
}
.slider.slider-rose .noUi-handle {
  border-color: #0049CA;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 0;
  margin: 0;
  border-width: 0;
  background-color: transparent;
  color: #0049CA;
  box-shadow: none;
}
.bootstrap-datetimepicker-widget a[data-action]:hover span {
  background-color: #eeeeee;
  color: #0049CA;
}
.bootstrap-datetimepicker-widget table td.today > div:before {
  content: '';
  display: inline-block;
  border: 0 0 7px 7px solid transparent;
  border-bottom-color: #0049CA;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active > div, .bootstrap-datetimepicker-widget table td.active:hover > div {
  background-color: #0049CA;
  color: #FFFFFF;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(66, 133, 244, 0.4);
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #0049CA;
  color: #FFFFFF;
}
.select-with-transition {
  border: 0 !important;
  background-image: linear-gradient(#0049CA, #0049CA), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent !important;
  transition: background 0s ease-out !important;
  float: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #888888 !important;
  height: 34px;
  padding-left: 0 !important;
  padding-bottom: 5px !important;
}
.btn-group.bootstrap-select.show-tick.open .select-with-transition {
  outline: none !important;
  background-image: linear-gradient(#0049CA, #0049CA), linear-gradient(#D2D2D2, #D2D2D2) !important;
  background-size: 100% 2px, 100% 1px !important;
  box-shadow: none;
  transition-duration: 0.3s !important;
}
.ecommerce-page .card-refine .panel-rose a:hover, .ecommerce-page .card-refine .panel-rose a:focus, .ecommerce-page .card-refine .panel-rose a[aria-expanded="true"] {
  color: #0049CA;
}
.ecommerce-page .card-refine .checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #0049CA;
}
.card .footer .author {
  color: #FFFFFF;
}
.card .header-info, .card .content-info {
  background: linear-gradient(50deg, #4688fd, #0049ca);
}
.home-page .section-cards .image-container img {
  max-width: 1040px;
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.home-page .section-cards {
  padding: 50px 0;
}
.section, .section-image {
  background-position: center center;
  background-size: cover;
}
.home-page .section-cards .image-container {
  max-width: 1040px;
  margin-top: -140px;
  position: relative;
  height: 660px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 140px;
  padding: 5px 5px;
  margin: 8px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
}
.live-page .live-container .toolbar {
	background-color: #FFFFFF;
	height: 40px;
	position: relative;
}
.landing-page h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin: 20px 0 10px;
    text-shadow: 1px 1px #333333;
}
.landing-page h6 {
    font-size: 2.2em;
    line-height: 1.5em;
    margin: 20px 0 20px;
    color: #0049CA;
    text-transform: none;
}
.landing-page .page-header h3 {
    margin: 10px 0 0px;
}
h2.landingpage {
    font-size: 2.6em;
    text-shadow: 1px 2px #000000;
}
h3.card-title-live {
    font-size: 1.30em;
    color: #0049CA;
}
.title a, .card-title, .card-title, a , .card-title, a:hover {
    color: #0049CA;
    text-decoration:none;
}
.about-us .nav-link, .nav-link a, .nav-link a:hover {
    color: #0049CA;
}
.home-page .nav-link, .nav-link a, .nav-link a:hover {
    color: #FFFFFF;
}
.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
    color: #0049CA;
}
.live-page .live-container .toolbar .navbar-right > li > a {
    color: #FFFFFF;
}
.linkfooter, .linkfooter a:hover {
    color: #FFFFFF;
    text-decoration:none;
}
.dropdown-item, a:hover {
    color: #0049CA;
}
.required .has-star:not(.custom-control-label):not(.custom-file-label)::after, .is-required::after {
  margin-left: 5px;
}
.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
    top: -28px;
    left: 0;
    font-size: 12px;
    line-height: 1.1;
}
.form-group label.control-label {
    font-size: 12px;
    line-height: 1.1;
    color: #0049CA;
    font-weight: 400;
    margin: 16px 0 0 0;
}
.form-group .checkbox label, .form-group .radio label, .form-group label {
    font-size: 12px;
    line-height: 1.4;
    color: #0049CA;
    font-weight: 400;
}
.card-signup .checkbox {
    margin-top: 0px;
}
.form-group {
    padding-bottom: 5px;
    margin: 8px 0 0 0;
}
.main-raised {
  margin: -50px 30px 80px;
  border-radius: 6px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.page-header {
    height: auto;
    background-position: bottom center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
}

.info .info-title {
  color: #333333;
  margin: 30px 0 15px;
  line-height: 1.4em;
}

.info p {
  color: #333333;
}

.info-title h4, .h4 {
  font-size: 1.1em;
  line-height: 1.3em;
}

h6, .h6 {
  text-transform: none;
}

.about-description, .description, .card-description {
    color: #333333;
}

#relatori h5, #tags h5, #relatori h4.card-title {
    color: #0049CA;
    text-transform: uppercase; 
}

.title a, .card-title, .card-title a {
    color: #0049CA;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #848484;
}
footer ul.links-vertical li a {
    padding: 0px;
}
footer ul li a {
    font-weight: 300;
    font-size: 14px;
}
.material-icons {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.btn.btn-just-icon, .navbar .navbar-nav > li > a.btn.btn-just-icon {
    font-size: 15px;
    padding: 8px 8px;
    margin: 0px 0px 0px 10px;
}
.btn.btn-just-icon i, .navbar .navbar-nav > li > a.btn.btn-just-icon i {
    width: 15px;
}
.navbar .navbar-collapse {
    text-align: left;
}
.navbar {
    border: 0;
    border-radius: 0px;
}
.navbar-footer {
    padding: 20px 0 20px 0;
    background-color: #0049CA;
    color: #FFFFFF;
}
.navbar-footer .subtitle-logotype {
  color: #FFFFFF;
  font-size: 11px;
}
footer {
  padding: 0 0;
  text-align: center;
}
h2.title {
    color: #0049CA;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.page-header {
    height: auto;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
}
.btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover, .navbar .navbar-nav > li > a.btn.btn-white, .navbar .navbar-nav > li > a.btn.btn-white:focus, .navbar .navbar-nav > li > a.btn.btn-white:hover {
    background-color: #FFFFFF;
    color: #0049CA;
    border-radius: 0px;
    box-shadow: none;
}
.btn.btn-success, .btn.btn-success:focus, .btn.btn-success:hover, .btn.btn-info, .btn.btn-info:focus, .btn.btn-info:hover {
    border-radius: 0px;
    box-shadow: none;
}
.btn {
    border-radius: 0px;
    box-shadow: none;
}
.carousel .carousel-control .material-icons {
	z-index: 5;
	display: inline-block;
	font-size: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	margin: auto;
}
.btn-width-slider {
	width: 50%;
        max-width: 50%;
}
h2, .h2 {
    font-size: 3em;
    color: #0049CA;
}
.focus-on {
    height: auto;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1.65em;
}
.card-background, .back-background, .front-background {
    background-position: center center;
    background-size: cover;
    text-align: center;
}
.card {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
    border-radius: 0px;
    color: #848484;
    background: #fff;
        background-position-x: 0%;
        background-position-y: 0%;
        background-image: none;
        background-size: auto;
    box-shadow: none;
}
.card-news {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
    border-radius: 6px;
    color: #848484;
    background: #FFFFFF;
        background-position-x: 0%;
        background-position-y: 0%;
        background-image: none;
        background-size: auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {*/
/*    position: relative;*/
/*    min-height: 1px;*/
/*    padding-right: 15px;*/
/*    padding-left: 0px;*/
/*}*/
.card-focus-on {
    padding: 20px;
    background-color: #0049CA;
    color: #FFFFFF;
}
a.link-focus-on {
    color: #FFFFFF;
    font-weight: bold;
}
.link-focus-on a:hover {
    color: #FFFFFF;
}
.title a, .card-title, .card-title a
h5, .h5 {
    font-size: 1.30em;
    line-height: 1.55em;
    margin-bottom: 0px;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.card-plain .card-image img {
    border-radius: 0;
}
.title a, .card-title, .card-title a
h4, .h4 {
    font-size: 1.80em;
    line-height: 1.30em;
    margin-bottom: 0px;
    color: #0049CA;
}
.title a, .card-relatori, .card-relatori a
h4, .h4 {
    font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom: 0px;
    color: #0049CA;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: 400;
}

.about-us .about-description {
    padding: 40px 0px 0px 0px;
}
h1.title-content {
    color: #0049CA;
    font-size: 2.4em;
    font-weight: 400;
}
h1.title-news {
    color: #0049CA;
    font-size: 2.8em;
    font-weight: 100;
    line-height: 1.15em;
    margin-top: 60px;
    margin-bottom: 30px;
}
h2.title-content {
    color: #0049CA;
    font-size: 1.3em;
    font-weight: 400;
}
.pdf-content {
display:flex;
    }

.img-circle {
    border-radius: 50%;
    border: 5px #0049CA solid;
    max-width: 83%;
}
.main-product h5 {
    color: #0049CA;
    text-transform: uppercase;
}
.download a {
    color: #0049CA;
    font-weight: 200;
}
h6.detail, h6.detail a {
    color: #FFFFBF;
    font-size: 1em;
    font-weight: bold;
}
.page-header .container {
  padding-top: 225px;
  color: #FFFFFF;
}
.navbar, .navbar-transparent {
  padding: 45px 0 45px 0;
}
.navbar.navbar-transparent {
  box-shadow: none;
  padding: 45px 0 45px 0;
}
.navbar .navbar-nav > li > a {
  font-size: 14px;
  color: #FFFFFF;
}
.about-us .navbar .navbar-nav > li > a {
  font-size: 14px;
  color: #0049CA;
}
.login-page .navbar .navbar-nav > li > a {
  font-size: 14px;
  color: #F3F3F3;
}
.landing-page .navbar .navbar-nav > li > a {
  font-size: 14px;
  color: #F3F3F3;
}
.nav > li {
  text-transform: uppercase;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 10px 10px;
  margin-right: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: #0049CA;
  border-radius: 3px;
}
.subtitle-logotype {
  font-size: 12px;
  color: #333333;
  position: absolute;
  bottom: -20px;
}
.landing-page .subtitle-logotype {
  font-size: 13px;
  color: #FFFFFF;
  position: absolute;
}
.login-page .subtitle-logotype {
  font-size: 13px;
  color: #FFFFFF;
  position: absolute;
}
.fc-toolbar .fc-left h2 {
  text-transform: capitalize;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
}
.table-bordered {
  border: 0px solid #ddd;
  font-size: 11px;
}
.fc-day-header {
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}
.fc-day-number {
  font-size: 11px;
  color: #333333;
}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
  padding: 3px;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 0.2em;
}
.fc-week {
  height: 50px;
}
.alert.alert-info {
  background-color: #009999;
  color: #ffffff;
}
.navbar, .navbar.navbar-default {
  background-color: #FFFFFF;
  box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.01), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
}
.card .header-primary {
  box-shadow: none;
}
.card .header {
  border-radius: 0px;
  }
  .btn.btn-primary, a.btn.btn-primary, .btn.btn-primary:hover {
  box-shadow: none;
  border-radius: 0px;
}
body.live-page {
  background-color: #002424;
  color: #FFFFFF;
}
.webinar-title {
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
}
.nav-pills:not(.nav-pills-icons) > li > a {
  border-radius: 0px;
}
.home-page .page-header {
  min-height: 90vh;
  background-position: center center;
}

.product-page .navbar .navbar-brand, .search-result .navbar .navbar-brand {
  height: 58px;
  padding: 10px 15px;
}
.card-signup .header {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: -35px;
  padding: 15px 0;
  font-size: 0.7em;
}
.img-raised .card-plain .card-image {
  box-shadow: none;
}
.card-pricing .icon i {
  font-size: 40px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  width: 80px;
  line-height: 80px;
  height: 80px;
}
.titlev a, .card-titlev, .card-titlev a h3, .h3 {
  font-size: 1.50em;
  line-height: 1.20em;
  margin-bottom: 0px;
  color: #FFFFFF;
}
.modal-content {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  border-radius: 0px;
  border: none;
}
.card-background::after, .back-background::after, .front-background::after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.40);
  border-radius: 0px;
}
.card-pricing.card-background::after {
  background-color: rgba(0, 0, 0, 0.20);
}

.login-page .page-header::before, .landing-page .page-header::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, transparent 65%, #002020);
  opacity: 1;
}

.header-filter::before {
  background-color: rgba(0, 0, 0, 0.40);
  background-image: linear-gradient(to top, transparent 76%, #000000);
}
.dropdown-header {
  display: block;
  line-height: 1.3;
  color: #848484;
}
.live-page .live-container .toolbar .navbar-nav > li > a {
  color: #0049CA;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent;
}
.live-page .navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.navbar .dropdown-menu, .navbar.navbar-default .dropdown-menu {
  border-radius: 5px !important;
}

.dropdown-menu li > a {
  font-size: 13px;
  margin: 0 5px;
  border-radius: 0px;
  transition: all 150ms linear;
}
nav.navbar#w1 .container {
    display: flex;
}
nav.navbar#w1 .container .navbar-header {
    flex: 0 0 200px;
    flex-grow: 1;
}
nav.navbar#w1 .container .navbar-collapse {
    flex: 100;
}

nav.navbar#w1 .container .navbar-collapse ul {
    width: 100%;
}

nav.navbar#w1 .container .navbar-header .navbar-brand {
    max-width: 220px;
}

nav.navbar#w1 .navbar-toggle:hover, nav.navbar#w1 .navbar-toggle:focus {
    border: 1px solid #0049CA;
}

nav.navbar#w1 .navbar-toggle:hover  .icon-bar, nav.navbar#w1 .navbar-toggle:focus .icon-bar {
    color: #0049CA;
}

nav.navbar#w2 .container {
    display: flex;
}
nav.navbar#w2 .container .navbar-header {
    /*flex: 0 0 200px;*/
    flex-grow: 1;
}
nav.navbar#w2 .container .navbar-collapse {
    flex: 10;
}

nav.navbar#w2 .container .navbar-collapse ul {
    width: 100%;
}

nav.navbar#w2 .container .navbar-header .navbar-brand {
    max-width: 220px;
}

nav.navbar#w2 .navbar-toggle:hover, nav.navbar#w1 .navbar-toggle:focus {
    border: 1px solid #0049CA;
}

nav.navbar#w2 .navbar-toggle:hover  .icon-bar, nav.navbar#w1 .navbar-toggle:focus .icon-bar {
    color: #0049CA;
}

nav.navbar#w0 .container {
    display: flex;
}
nav.navbar#w0 .container .navbar-header {
    /* flex: 0 0 200px; */
    flex-grow: 1;
} 
nav.navbar#w0 .container .navbar-collapse {
    flex: 10;
}

nav.navbar#w0 .container .navbar-collapse ul {
    width: 100%;
}

nav.navbar#w0 .container .navbar-header .navbar-brand {
    max-width: 220px;
}

nav.navbar#w0 .navbar-toggle:hover, nav.navbar#w1 .navbar-toggle:focus {
    border: 1px solid #0049CA;
}

nav.navbar#w0 .navbar-toggle:hover  .icon-bar, nav.navbar#w1 .navbar-toggle:focus .icon-bar {
    color: #0049CA;
}

@media (min-width: 768px) {
    .pull-right-sm {
        float: right !important;
    }
}

@media (max-width: 991px) {
.home-page .section-cards .image-container img {
  max-width: 500px;
    }
    
.home-page .section-cards .image-container {
  height: 400px;
  margin-top: -100px;
}
}

@media all and (max-width: 768px) {
    .navbar-collapse::after {
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: #0049CA;
      display: block;
      content: "";
      z-index: 1;
    }
    .navbar .navbar-collapse .navbar-nav > li > a {
    color: #FFFFFF;
    margin: 5px 15px;
    }
    .navbar .navbar-collapse .navbar-nav > li > a:hover {
    color: #FFFFFF;
    margin: 5px 15px;
    }
    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
      border: 0;
      border-top-color: currentcolor;
      border-top-style: none;
      border-top-width: 0px;
      background-color: #fff;
      color: #FFFFFF !important;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .navbar-nav .open .dropdown-menu {
      position: static;
      background-color: #FFFFFF;
      border: 0;
      margin-left: -5px;
      margin-right: -5px;
    }
    
    .navbar .navbar-collapse a.btn.btn-white.dropdown-toggle {
    border: 0px solid;
    height: 40px !important;
    line-height: 40px;
    margin-left: -5px;
    margin-right: -5px;
    }
    nav.navbar#w1 .container .navbar-collapse ul {
    width: auto;
    }
    nav.navbar#w0 .container .navbar-collapse ul {
      width: auto;
    }
    .material-icons.search {
      color: #CCCCCC;
    }
    h1, .h1 {
    font-size: 2.1em;
    line-height: 1.15em;
  }
    .about-us .nav-link, .nav-link a, .nav-link a:hover {
    color: #FFFFFF;
    }
    .page-header .container {
    padding-top: 205px;
    color: #FFFFFF;
    }
}

h3.news-title, h3.project-title {
  color: inherit;
  font-weight: 400;
}