@font-face {
  font-family: Raleway;
  src: url("../fonts/Raleway-ExtraLight.1f43e4f21a0b.ttf");
}

@font-face {
  font-family: RalewayLight;
  src: url("../fonts/Raleway-Light.b1bdea561f24.ttf");
}

@font-face {
  font-family: RalewayRegular;
  src: url("../fonts/Raleway-Regular.580d0778ad25.ttf");
}

body {
  font-size: 14px;
}

header {
  padding: 12px 0px 17px;
  background-color: #ffffff;
}

html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
}

body {
  font-family: RalewayLight;
  background-color: #e6e6e6;
}

a {
  transition: all 0.25s ease;
}

.nav-row {
  padding-left: 0 !important;
}

.nav-row .nav-col {
  background-color: #909090;
}

ul.nav-pills {
  margin: 32px 0;
}

.ratio-16x9 {
  margin-bottom: 24px;
}

.product-category a {
  color: #43ace1;
  text-decoration: none;
  font-size: 14px;
}

ul.nav-closed {
  border-left: 1px solid #000000 !important;
}

ul.nav-pills li {
  display: block !important;
}

ul.nav-pills ul {
  font-size: 15px;
  margin: 0 auto;
  list-style-type: none;
  display: block;
}

ul.nav-pills ul li {
  border-left: 1px solid #000000 !important;
}

ul.nav-pills li a {
  text-decoration: none;
  font-size: 14px;
  border-radius: 0px;
  width: 100%;
  display: block;
  padding: 12px 14px !important;
  color: #000000 !important;
  text-transform: uppercase;
}

ul.nav-pills li a:hover {
  background-color: #eeeeee;
}

ul.nav-pills ul li a {
  display: block;
  padding: 12px 14px !important;
  text-transform: none;
}

a:hover {
  text-decoration: none;
  color: #333333;
}

.pagetitle-base-default h1 {
  padding-left: 0;
}

.padding-40-30 {
  padding-top: 40px;
  padding-bottom: 30px;
}

.product-detail ul li {
  list-style-type: disc;
}

hr {
  border-top: 1px solid #3e3e3e !important;
}

.product-page section {
  clear: both;
}

.htmltext-base-default {
  padding: 22px 32px;
}

.blog-list {
  padding: 35px 45px;
}

.category-index-title {
  padding-bottom: 42px;
}

.location-index {
  padding-top: 0px;
}

.location-index h2 {
  font-weight: bold;
}

.location-index h4 a {
  color: #ffa200 !important;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

.product-category a.card-link {
  text-decoration: none;
  font-weight: 700;
  color: #ffa200 !important;
  text-transform: uppercase;
}

.product-category {
  padding-bottom: 40px;
  padding-left: 24px !important;
  padding-right: 0px !important;
}

.product-page h1 {
  padding: 24px 0;
  font-weight: bold;
}

.product-category .col-md {
  padding: 0 !important;
}

.product-preview-image {
  padding-top: 35px;
}

.product-category-item .container {
  padding: auto !important;
}

.product-preview-text {
  padding-left: 20px;
}

#content hr {
  clear: both;
}

.product-category hr {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

/*
.product-category .row {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
*/
.article-root {
  padding-top: 80px !important;
}

.article-detail {
  padding-top: 60px;
  padding-bottom: 40px;
  padding-left: 10% !important;
  padding-right: 10% !important;
}

.article-detail h1 {
  padding-top: 20px !important;
  padding-left: 0px !important;
  font-weight: bold;
}

.article-wrapper {
  height: 50px;
}

.article-index-sep {
  padding: 10px 90px !important;
}

body .article-index {
  padding: 5px 90px !important;
}

body .article-index h2 {
  margin-top: 22px !important;
}

body .article-index h2 a {
  color: #000 !important;
  font-size: 24px;
  font-weight: bold;
}

body .article-index img {
  display: block;
  padding-top: 30px;
}

body .article-index .row {
  padding: 0 !important;
}

body .article-index .col-md-9 {
  padding-left: 20px;
}

.location-index {
  padding-bottom: 10px;
}

.location-index h2 {
  font-size: 24px !important;
}

.location-index h2 a {
  color: #000 !important;
}

.location-index img {
  display: block;
  padding-top: 30px;
}

.location-index .row {
  padding: 0 !important;
}

.product-category h2 {
  font-weight: bold;
}

.product-category .product-category-item .row {
  padding: 0 12px !important;
}

.product-category hr {
  padding-top: 24px;
  clear: both;
}

.product-category h1 {
  padding-left: 0;
  padding-top: 24px;
}

hr {
  border-top: 1px solid #444444;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
}

.language-changer {
  float: right;
  padding: 10px;
}

.language-changer a {
  opacity: 0.5;
  text-decoration: none;
}

.language-changer a.active,
.language-changer a:hover {
  opacity: 1;
}

.language-changer svg {
  zoom: 0.035;
  border: 1px solid #ccc;
}

.badge {
  background-color: #383838;
  text-decoration: none;
  margin-left: 10px;
}

.navbar.navbar-default {
  background-color: #909090;
  border: none;
  margin-bottom: 0px;
}

.navbar.navbar-default .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar.navbar-default .navbar-nav > li {
  display: inline-block;
}

.navbar.navbar-default .navbar-nav > li .dropdown-menu {
  background-color: #383838;
  border: 1px solid #383838;
  border-radius: 1px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.navbar.navbar-default .navbar-nav > li .dropdown-menu > li > a {
  padding: 3px 20px;
  color: #ffffff;
}

.navbar.navbar-default .navbar-nav > li .dropdown-menu > li > a:hover {
  color: #dcdcdc;
  background-color: transparent;
}

.navbar.navbar-default .navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  transition: 0.25s ease;
}

.navbar.navbar-default .navbar-nav > li > a:hover, .navbar.navbar-default .navbar-nav > li > a:focus {
  color: #dcdcdc;
  outline: none;
  background-color: transparent;
}

.navbar.navbar-default .navbar-nav a.active {
  background-color: transparent;
  font-weight: bold;
  font-family: RalewayRegular;
}

.navbar.navbar-default .navbar-collapse {
  text-align: center;
}

.navbar-nav > li {
  padding: 0 40px;
}

.navbar-nav .dropdown-menu {
  position: absolute;
}

.my-5 {
  margin-top: 0rem !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  margin-bottom: 0rem !important;
  background-color: #ffffff;
  padding-left: 32px;
  padding-right: 32px;
}

#content .row {
  background-color: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
}

#content a {
  color: #383838;
  text-decoration: none;
}

.btn-primary {
  background-color: #428bca;
  border-color: #428bca;
  color: #fff;
}

#content .home-carousel {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-bottom: 1px solid black;
}

#content .home-carousel .col-md {
  padding: 0;
}

#content .home-carousel .carousel-control-prev,
#content .home-carousel .carousel-control-next {
  display: none;
}

#content .home-carousel .carousel-item {
  height: 400px;
  position: relative;
}

#content .home-carousel .carousel-item .btn {
  border: 0;
  padding: 0;
  position: absolute;
  bottom: 40px;
  left: 10px;
  text-transform: uppercase;
  font-size: 22px;
}

#content .home-carousel .carousel-item .btn:hover {
  background-color: transparent;
}

#content .home-carousel .carousel-indicators {
  right: auto;
  width: auto;
}

#content .home-carousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  background-color: #45abe1;
}

#content .home-carousel .carousel-indicators button.active {
  background-color: #fff;
}

#content .home-content > .col-md-4 {
  border-left: 1px solid black;
  padding-left: 32px !important;
  padding-top: 80px !important;
  padding-right: 0px !important;
}

#content .home-content > .col-md-4 h2 {
  font-weight: normal;
}

#content .home-content > .col-md-4 h2 a {
  font-weight: normal;
  color: black;
}

#content .home-content > .col-md-8 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 0px !important;
  padding-right: 32px !important;
}

#content .home-content > .col-md-8 h2 {
  font-weight: normal;
}

#content .home-content .richtext-image.left {
  width: 50%;
  height: auto;
  float: left;
  padding-right: 5%;
}

#content .home-content .richtext-image.right {
  width: 40%;
  height: auto;
  float: right;
  padding-left: 5%;
}

.contact .richtext-image.full-width {
  width: 40% !important;
  height: auto;
  float: left;
  padding-right: 5%;
}

.carousel-caption {
  position: absolute;
  top: 5px !important;
  left: 32px !important;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #000 !important;
  text-align: left !important;
}

#content .row h2 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.toolbar-container {
  padding: 30px 0px;
  background-color: #ffffff;
}

.padding-none {
  padding: 0;
}

.uppercase {
  text-transform: uppercase;
  font-weight: bold;
}

.main-context-link {
  color: #000000;
  font-size: 16px;
}

.main-context-link:hover {
  color: #4a4a4a;
  text-decoration: none;
}

.main-right-text {
  padding: 20px 30px;
}

.main-link-wrapper {
  padding-top: 18px;
}

.main-context-list-navigation li {
  padding: 50px 0px;
}

.sub-context-list-navigation li {
  padding: 50px 0px;
  border-bottom: 1px solid black;
}

.sub-context-list-navigation li:last-child {
  border-bottom: none;
}

.main-blog-list {
  border-right: 1px solid black;
}

.main-blog-list li {
  padding: 50px 0px;
  border-bottom: 1px solid black;
}

.main-blog-list li:last-child {
  border-bottom: none;
}

ul.margin-top-30 {
  margin-top: 30px;
}

ul.nav.nav-pills.nav-stacked * {
  color: #fff;
}

ul.nav.nav-pills.nav-stacked li {
  margin: 0;
  margin: 0;
  float: left;
  width: 100%;
}

ul.nav.nav-pills.nav-stacked li a {
  border-radius: 0px;
  padding: 12px 14px;
}

.nav-pills li > a.active,
.nav-pills li > a.active:hover,
.nav-pills li > a.active:focus {
  color: #fff;
  background-color: transparent;
  font-weight: bold;
  outline: none;
}

ul.first-nav > li > a {
  text-transform: uppercase;
  color: #fff;
}

ul.nav.nav-pills.nav-stacked.second-nav {
  border-left: 1px solid #565656;
  font-size: 13px;
  width: 80%;
  margin: 0 auto;
}

ul.nav.nav-pills.nav-stacked.third-nav {
  float: right;
  border-left: 1px solid #565656;
  width: 85%;
}

.carousel-indicators {
  position: absolute;
  bottom: 0px !important;
  left: 32px;
  z-index: 15;
  width: 50%;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  text-align: left;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px;
  text-indent: -999px;
  border: 1px solid #383838;
  border-radius: 0px;
  background-color: #383838;
  cursor: pointer;
}

.carousel-indicators li.active {
  margin: 0;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-color: #383838;
}

.banner-inner-preview {
  padding: 10px 30px;
}

.carousel-inner .item {
  height: 400px;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center !important;
}

footer {
  width: 100%;
  padding: 60px 0;
  background-color: #e2e2e2;
  border-top: 3px solid #6b6b6b;
}

footer .col-form-label {
  display: none;
}

footer .crx-grid > .row {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

footer .mt-5 {
  margin-top: 1rem !important;
}

footer .col-sm-2 {
  display: none;
}

footer p {
  margin: 0 0 3px;
}

footer a {
  color: #45abe1;
}

footer h3 {
  color: #383838;
  font-weight: bold;
  padding: 10px 0px;
}

footer .smaller {
  padding-top: 30px;
  font-size: 12px;
}

footer button {
  border: 1px solid #868686 !important;
  background-color: #fff !important;
  color: #47abe1 !important;
  padding: 5px 11px !important;
  margin-top: 0px !important;
  border-radius: 0 !important;
}

.document-list ul {
  border-width: 0px !important;
}

.document-list .custom-pdf-icon {
  height: 36px;
  padding-right: 30px;
  padding-left: 15px;
}

.document-list .list-group-item-lined {
  padding: 15px;
  cursor: pointer;
  border-top: 1px solid #505050;
  border-bottom: 0;
  list-style-type: none;
}

.document-list .list-group-item {
  padding: 15px;
  cursor: pointer;
  border-bottom: 1px solid #505050;
  border-top: 0;
  list-style-type: none;
}

.document-list .list-group-item-first {
  border-top: 1px solid #505050 !important;
}

.document-list .list-group-item-lined-first {
  border-top: 0px solid #505050 !important;
}

.document-list .list-group-item:hover {
  background-color: #f3f3f3;
}

.document-list a {
  color: #000 !important;
}

/* ---------- Social Sidebar ---------- */
#news-sidebar {
  left: -60px;
  margin-top: -105px;
  position: fixed;
  top: 50%;
  z-index: 1000;
  transform: rotate(-90deg);
  height: 45px;
  display: block;
  text-decoration: none;
  color: #fff;
  display: block;
}

#news-sidebar ul {
  list-style-type: none;
  padding-bottom: 10px;
}

.list-group-item {
  border-left: 0px !important;
  border-right: 0px !important;
}

.list-group-item:first-child,
.list-group-item:last-child {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

#social-sidebar {
  left: -33px;
  margin-top: 0px;
  position: fixed;
  top: 50%;
  z-index: 1000;
}

#social-sidebar a {
  background: #8c8c8c;
  color: #fff;
  display: block;
  height: 46px;
  font-size: 23px;
  line-height: 50px;
  position: relative;
  text-align: center;
  width: 42px;
}

#social-sidebar a.hover span {
  left: 130%;
  opacity: 1;
}

#social-sidebar a span {
  border-radius: 3px;
  line-height: 24px;
  left: -100%;
  margin-top: -16px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  padding: 4px 8px;
  position: absolute;
  -webkit-transition: opacity 0.3s, left 0.4s;
  -moz-transition: opacity 0.3s, left 0.4s;
  -ms-transition: opacity 0.3s, left 0.4s;
  -o-transition: opacity 0.3s, left 0.4s;
  transition: opacity 0.3s, left 0.4s;
  top: 50%;
  white-space: nowrap;
  z-index: -1;
}

#social-sidebar a span:before {
  content: "";
  display: block;
  height: 8px;
  left: -4px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  z-index: -2;
}

#social-sidebar ul {
  list-style-type: none;
}

#social-sidebar a[class*="facebook"].hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {
  background: #3d5c95;
}

#social-sidebar a[class*="youtube"].hover,
#social-sidebar a[class*="youtube"] span,
#social-sidebar a[class*="youtube"] span:before {
  background: #d92524;
}

#social-sidebar a[class*="linkedin"].hover,
#social-sidebar a[class*="linkedin"] span,
#social-sidebar a[class*="linkedin"] span:before {
  background: #007ab9;
}

#social-sidebar a[class*="twitter"].hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {
  background: #329cc3;
}

#social-sidebar a[class*="instagram"].hover,
#social-sidebar a[class*="instagram"] span,
#social-sidebar a[class*="instagram"] span:before {
  background: #9b4c80;
  background: linear-gradient(180deg, #9b4c80 0%, #db4b3f 34%, #e3a73d 100%);
}

#social-sidebar a[class*="email"].hover,
#social-sidebar a[class*="email"] span,
#social-sidebar a[class*="email"] span:before {
  background: #ff6500;
}

::-webkit-input-placeholder {
  color: black;
}

::-moz-placeholder {
  color: black;
}

:-ms-input-placeholder {
  color: black;
}

footer input {
  border: none;
  background-color: #ededed;
  padding: 6px 15px;
  width: 100%;
}

footer input:focus,
footer input:active {
  outline: none;
}

footer button {
  border: 1px solid #868686;
  background-color: #fff;
  color: #47abe1;
  padding: 5px 11px;
  margin-top: 15px;
  transition: all 0.1s ease;
}

footer button:hover,
footer button:focus,
footer button:active {
  background-color: #ffffff;
  color: #3a3a3a;
  border-color: #47abe1;
  outline: none;
}

a.btn-modal-news {
  padding: 12px 18px;
  display: block;
  border: none;
  background-color: #8c8c8c;
  color: #fff;
  text-decoration: none;
  transition: all 0.1s ease;
}

a.btn-modal-news:hover {
  background-color: #45abe1;
}

@media only screen and (max-width: 760px) {
  body {
    background-color: #ffffff !important;
  }
  .navbar-nav > li {
    padding: 0 20px;
  }
  #news-sidebar,
#social-sidebar {
    display: none !important;
  }
  .navbar-brand > img {
    max-width: initial !important;
    width: 180px;
  }
  .main-blog-list {
    border-right: none;
    border-bottom: 1px solid black;
  }
  .main-right-text {
    border-left: none;
  }
}

/* floating modal */
.modal-news-floating {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.71);
  z-index: 99999;
}

section .row {
  padding: 0 !important;
}

.container,
.container-fluid {
  max-width: 1140px !important;
}

.navbar-brand > img {
  max-width: initial !important;
  width: auto !important;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

.img-thumbnail {
  padding: 0px;
  border-radius: 0px;
}

.image-gallery hr {
  padding-bottom: 0;
  margin-bottom: 0;
}

.crx-grid .crx-grid row {
  padding-right: calc(var(--bs-gutter-x) * -0.5);
  padding-left: calc(var(--bs-gutter-x) * -0.5);
}

.article-index p {
  font-size: 15px;
}

.product-category h1 {
  padding-top: 55px;
}

.image-gallery {
  padding-bottom: 24px !important;
  padding-top: 24px !important;
}

.product-category h2 {
  font-size: 24px;
  margin-top: 0px !important;
}

.image-gallery-img {
  margin: 0rem !important;
}

.image-gallery hr {
  margin-bottom: 24px;
}

.contact .richtext-image.full-width {
  margin: 0 !important;
}

.col-row {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.navbar-brand img {
  height: 122px !important;
  padding-left: 32px;
}

.navbar {
  text-align: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.navbar > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: inline-block;
  max-width: inherit !important;
}

#content > .container > .row > *,
#content > .crx-grid > .row > * {
  padding-right: 0;
  padding-left: 0;
}

#content .richtext-image.full-width {
  width: 100%;
}

.map-container {
  width: 100%;
  height: 500px;
}

body {
  background-color: #909090;
}