/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/******** Custom scss file ********/
html {
  max-width: 1920px;
  margin: auto;
}
body {
  font-size: 1.1rem;
}
h4 {
  margin: 0.5rem 0;
  font-weight: bold;
}
a:hover {
  text-decoration: none !important;
}
ul {
  margin: 0;
}
ul ul {
  margin-left: 1.5rem;
}
dd {
  margin-left: 2rem;
}
figure {
  margin: 0;
}
.btn-primary {
  background-color: #f24831;
}
.blog .readmore a, .feature .readmore a, .mainbottom .mod-list .readmore a {
  padding: 0 18px !important;
  font-size: 14px !important;
  line-height: 40px !important;
  height: 40px !important;
  text-transform: uppercase;
  color: #a3a3a3;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f6f6f6;
  background-image: linear-gradient(to bottom, #ffffff, #e8e8e8);
  background-repeat: repeat-x;
  border-radius: 5px;
  box-shadow: inset 0 0px 5px rgba(255, 255, 255, 0.55), 0 2px 3px rgba(0, 0, 0, 0.33);
  border: none !important;
}
.blog .readmore a:hover, .feature .readmore a:hover, .mainbottom .mod-list .readmore a:hover {
  color: #a3a3a3;
  background-color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
}
.com-content-article h1 {
  color: #f24831;
  margin: 0.75rem 0;
}
.article-info dd {
  margin: 0;
}
.features .features-items {
  justify-content: space-between;
  row-gap: 2rem;
}
.features .features-items .feature-item {
  margin: 0 1rem;
}
.features .features-items .feature-item h2 {
  font-size: 1.5rem;
}
.features .subcategories {
  gap: 1rem;
}
.filters-button-group button {
  background: #9c9c9c;
  padding: 0.2rem 0.4rem;
  border-radius: 8px;
}
.contact-container {
  align-items: start;
}
.contact-container .com-contact__address dt {
  float: left;
}
.contact-container .contact-details-item {
  margin-top: 1.5rem;
}
.slider {
  /* Custom fade with delay between slides */
  /* Keyframes: 0.5s delay, 0.5s fade in */
}
.slider .uk-slideshow-items > * {
  opacity: 0;
  transition: none !important;
}
.slider .uk-slideshow-items > .uk-active {
  animation: fadeInAfterDelay 2s ease forwards;
}
@keyframes fadeInAfterDelay {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.slider .slide {
  position: relative;
}
.slider .slide img {
  position: relative;
}
.slider .slide .text {
  width: 50%;
  position: absolute;
  left: 0;
  top: 34%;
  text-transform: uppercase;
  text-align: right;
}
.slider .slide .text h2 {
  font-size: 6rem;
  line-height: 1;
}
.slider .slide .text .alternative {
  color: #000;
}
.slider .slide .text .subtitle {
  line-height: 1;
}
.slider .dots {
  width: 25%;
  position: absolute;
  right: -15%;
  bottom: 5rem;
}
.mod-search .search-button {
  position: absolute;
  right: 1.5rem;
  padding: 0;
  font-size: 1rem;
  top: 0.5rem;
  background: no-repeat;
  color: #f24831;
  box-shadow: none;
}
.mod-search .search-button:hover {
  color: #666;
}
.mod-search input {
  border-radius: 20px;
  background-color: #ddd !;
}
.mod-search .icon-orange {
  color: #c8c8c8;
}
.mod-search .icon-orange:hover {
  color: #f24831;
}
.mod-search .form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(242, 72, 49, 0.25);
}
.feature {
  margin-top: -9rem;
}
.feature .mod-list {
  justify-content: space-between;
}
.feature .mod-articles-title a {
  color: initial;
  font-size: 2.5rem;
  font-weight: normal;
}
.mainbottom .mod-list {
  justify-content: space-between;
  row-gap: 2rem;
}
.mainbottom .mod-list .mod-articles-title {
  margin-top: 0;
}
.mainbottom .mod-list .mod-articles-title a {
  color: #f24831;
  font-size: 1.7rem;
  font-weight: bold;
}
.social {
  display: flex;
  gap: 1rem;
}
.breadcrumb {
  margin-top: 0;
  background-color: #fff;
}
.breadcrumb .divider {
  color: #c8c8c8;
}
.login-button {
  padding: 0 18px !important;
  font-size: 14px !important;
  line-height: 40px !important;
  text-transform: uppercase;
  color: #bf383a;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f6f6f6;
  background-image: linear-gradient(to bottom, #ffffff, #e8e8e8);
  background-repeat: repeat-x;
  border-radius: 5px;
  box-shadow: inset 0 0px 5px rgba(255, 255, 255, 0.55), 0 2px 3px rgba(191, 56, 58, 0.33);
  border: none !important;
}
.login-button:hover {
  color: #bf383a;
  background-color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
}
.uk-modal-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
/****** Header ******/
/****** Navigation ******/
#g-navigation .g-main-nav {
  text-transform: uppercase;
  margin-top: 0;
}
#g-navigation .g-main-nav .g-standard .g-sublevel li {
  background-color: #c8c8c8;
}
#g-navigation .g-main-nav .g-standard .g-sublevel li .g-menu-item-container {
  padding: 0.5rem;
}
#g-navigation .g-main-nav .g-standard .g-sublevel li .g-menu-item-container:hover {
  color: #fff;
}
#g-navigation .g-main-nav .g-standard .g-sublevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background-color: #f24831;
}
#g-navigation .g-main-nav .g-standard .g-sublevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > a {
  color: #fff;
}
#g-navigation .g-main-nav .g-standard .g-sublevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background-color: #fff;
}
#g-navigation .g-main-nav .g-standard .g-sublevel li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active:hover a {
  color: initial;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: none;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active .g-menu-item-container {
  color: #000;
}
body:not(.g-home) #g-navigation {
  background: url('../../../../images/header_tail.jpg') 50% 100% repeat-x;
  background-size: 100px 100%;
  position: relative;
}
/****** Showcase ******/
#g-showcase {
  background: url('../../../../images/bulk/main_bg.jpg') 50% 0 no-repeat;
  margin-top: -260px;
  padding: 225px 0 130px;
  position: relative;
  min-height: 558px;
}
/****** Feature ******/
#g-feature {
  background: url('../../../../images/content_tail_2.jpg') 50% 100% repeat-x;
  position: relative;
  padding: 0;
  margin-top: -9.1rem;
}
/****** Main ******/
#g-main {
  background: url('../../../../images/content_tail_2.jpg') 50% 100% repeat-x;
  background-size: 100px 100%;
  padding: 0 1.3rem;
}
/****** Mainbottom ******/
#g-mainbottom {
  background: url('../../../../images/mainbottom_bg.jpg') 50% 100% repeat-x;
  background-size: 100px 100%;
  position: relative;
  padding: 0;
}
/****** Subfeature ******/
/****** Footer ******/
#g-footer {
  color: #fff;
}
#g-footer h3 {
  color: #fff;
  margin: 0.75rem 0;
}
#g-footer a {
  color: #9c9c9c;
}
#g-footer a:hover {
  color: #f24831;
}
#g-footer .copyright {
  color: #9c9c9c;
}
/****** Contact ******/
/****** Media Queries ******/
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  #g-showcase {
    padding: 225px 0 259px;
  }
  #g-showcase .slider .slide .text h2 {
    font-size: 4rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #g-showcase {
    padding: 225px 0 120px;
  }
  #g-showcase .slider .slide .text h2 {
    font-size: 3rem;
  }
  #g-feature .feature {
    margin-top: -2rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .slider {
    top: 5rem !important;
  }
  .slider .slide .text h2 {
    font-size: 2rem;
  }
  .slider .dots {
    bottom: 0;
  }
}
@media only all and (max-width: 30rem) {
  .slider {
    top: 5rem !important;
  }
  .slider .slide .text h2 {
    display: none;
  }
  .slider .slide .text .subtitle {
    font-size: 1rem;
  }
  .slider .dots {
    bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  #g-showcase {
    padding: 225px 0 225px;
  }
  #g-feature .feature {
    margin-top: -1rem;
  }
  .dl-horizontal dd {
    margin-left: 2rem;
  }
  dd, dt {
    padding: 0.5rem 0;
  }
  .social {
    justify-content: center;
  }
}
/*# sourceMappingURL=custom_15.css.map */