@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {font-family: 'BankGothicBT-Medium';src: url('../fonts/bank-gothic/337F4D_0_0.eot');src: url('../fonts/bank-gothic/337F4D_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/bank-gothic/337F4D_0_0.woff2') format('woff2'),url('../fonts/bank-gothic/337F4D_0_0.woff') format('woff'),url('../fonts/bank-gothic/337F4D_0_0.ttf') format('truetype');}
.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 1.25;
    color: rgba(51,51,51,1);
    background-color: rgba(255,255,255,1);
    height: 100%;
}
.small {font-size: 11px;}
.wow {visibility: hidden;}

/*TEXT/////////////////////////////////////////*/
h1 {font-size: 26px; font-family: 'BankGothicBT-Medium';text-transform: uppercase;}
h2 {font-size: 26px; font-weight: 300; margin-bottom: 1.2em; letter-spacing: normal;}
h3 {font-size: 18px; font-weight: 500; margin-bottom: 1em}
h4 {font-size: 18px; font-weight: 600;}
p:last-child {margin: 0;}

/*APPEARANCE/////////////////////////////////////////*/
.primary-bg {
  background-color: rgba(0,100,129,1);
  color: rgba(255,255,255,1);
}
.secondary-bg {
  background-color: rgba(242,242,242,1);
  color: rgba(51,51,51,1);
}
.white-bg {
  background-color: rgba(255,255,255,1);
  color: rgba(51,51,51,1);
}
.p-box {padding: 35px 35px!important;}
.img-txt-box .p-box {padding: 25px 35px 35px!important;}
.txt-img-box .p-box {padding: 25px 35px 35px!important;}

/*BUTTONS/////////////////////////////////////////*/
a, button, a svg, a img {
  -webkit-transition: .25s ease-in-out!important;
  -moz-transition: .25s ease-in-out!important;
  -o-transition: .25s ease-in-out!important;
  transition: .25s ease-in-out!important;
}
a, a[href^="tel:"] {
    color: rgba(51,51,51,1);
    text-decoration: none;
}
a:hover {
    color: rgba(0,100,129,1);
}
.primary-bg a {
    color: rgba(255,255,255,1);
}
.primary-bg a:hover {
    color: rgba(255,255,255,0.6);
}
.btn, .secondary-bg .white-bg .btn {
  transform: translateY(-3px);
  color: rgba(255,255,255,1);
  background-color: rgba(0,100,129,1);
  border-radius: 10px;
  padding: 10px 25px;
  filter: drop-shadow(0 3px 0 rgba(51,51,51,1.0));
}
.btn:hover, .secondary-bg .white-bg .btn:hover {
  transform: translateY(0px);
  color: rgba(255,255,255,1);
  background-color: rgba(0,130,160,1);
  filter: drop-shadow(0 0 0 rgba(51,51,51,0));
}
.primary-bg .btn {
  transform: translateY(-3px);
  color: rgba(0,100,129,1);
  background-color: rgba(255,255,255,1);
  border-radius: 10px;
  padding: 10px 25px;
  filter: drop-shadow(0 3px 0 rgba(51,51,51,1.0));
}
.primary-bg .btn:hover {
  transform: translateY(0px);
  color: rgba(0,100,129,1);
  background-color: rgba(242,242,242,1);
  filter: drop-shadow(0 0 0 rgba(51,51,51,0));
}

/*NAVBAR//////////////////////////////////////*/
.contact-bar {height:40px; padding: 0.85em 0}
.contact-bar p {margin: 0.35em 0 0 0;}

.contact-bar .bar-item {border-right:1px solid rgba(51,51,51,0.15);}
.contact-bar .bar-item:last-child {border-right:none;}

.logo, svg {filter: brightness(0) saturate(100%) invert(15%) sepia(7%) saturate(17%) hue-rotate(103deg) brightness(102%) contrast(87%);}
a:hover .logo, a:hover svg {filter: brightness(0) saturate(100%) invert(27%) sepia(50%) saturate(1955%) hue-rotate(163deg) brightness(93%) contrast(101%);}

.primary-bg .logo, .primary-bg svg {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7432%) hue-rotate(160deg) brightness(119%) contrast(119%);}
.primary-bg a:hover .logo, .primary-bg a:hover svg {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7432%) hue-rotate(160deg) brightness(119%) contrast(119%); opacity: 60%;}

/*PRIMARY (BLUE) filter: brightness(0) saturate(100%) invert(27%) sepia(50%) saturate(1955%) hue-rotate(163deg) brightness(93%) contrast(101%);*/
/*SECONDARY (GREY) filter: brightness(0) saturate(100%) invert(97%) sepia(4%) saturate(69%) hue-rotate(315deg) brightness(116%) contrast(90%);*/
/*WHITE filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(708%) hue-rotate(22deg) brightness(108%) contrast(100%);*/
/*NEARLY BLACK filter: brightness(0) saturate(100%) invert(15%) sepia(7%) saturate(17%) hue-rotate(103deg) brightness(102%) contrast(87%);*/


#fixed-top {
  margin:60px 0 0;
  height: 100px;
  -webkit-transition: .25s ease-in-out!important;
  -moz-transition: .25s ease-in-out!important;
  -o-transition: .25s ease-in-out!important;
  transition: .25s ease-in-out!important;
  z-index: 1001;
}
.navbar {
  filter: drop-shadow(0 0 8px rgba(0,0,0,0.5));
  border-radius: 24px;
  margin: 0;
  padding: 1rem;
}
ul.nav {
  padding: 0;
  margin: 0;
}
ul.nav li {
  padding: 0;
  margin: 0;
}
ul.nav li.nav-link {
  padding: 1.25rem 0 0.5rem;
  display: block;
  width: 100%;
}
ul.nav li.nav-link a {
  font-size: 16px;
  text-decoration: none;
  color: rgba(51,51,51,1);
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(0,100,129,0);
}
ul.nav li.nav-link.active a,
ul.nav li.nav-link a:hover {
  text-decoration: none;
  border-bottom: 2px solid rgba(0,100,129,1);
  color: rgba(0,100,129,1);
}
.navContent {
  margin: 1rem 0;
  border-top:1px solid rgba(0,0,0,0.3);
}

/*SOCIAL LINKS////////////////////////////////////////*/
ul.social-links, ul.social-links li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
ul.social-links li {
  margin-right:3px;
}
ul.social-links li a svg {
  width: 22px;
  height: 22px;
}

/*CONTENT////////////////////////////////////////*/
.header-content{ 
  position: relative;
}
.page-info {
  position: absolute;
  width: 100%;
  margin-top: 140px;
  padding-top: 90px;
  z-index: 1000;
}
.page-info .page-title {
  text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.home .page-info {
  padding-top: 90px;
}
.scroll-top {
  scroll-margin-top: 180px;
}

.owl-carousel .owl-dots {
  text-align: center;
}
.owl-carousel button.owl-dot {
  width: 10px;
  height: 10px;
  margin-right:4px;
  border:1px solid rgba(0,0,0,0.3);
  border-radius: 2px;
}
.owl-carousel button.owl-dot.active,
.owl-carousel button.owl-dot:hover {
  border:1px solid rgba(0,0,0,0);
  background-color: rgba(0,0,0,0.3);
}

.owl-carousel.off {
    display: block;
}
.header-content, .header-carousel .item {height: 380px;}
.home .header-content, .home .header-carousel .item {height: 560px;}

.header-carousel {
  background-color: rgba(0,100,129,1);
  position: absolute;
  top: 0;
  z-index: 0;
}
.header-carousel .item {
  background-size: cover;
  background-position: center center;
  background-color: rgba(0,100,129,1);
  background-repeat: none;
  opacity: 0.3;
}
.header-carousel .owl-dots {
  position: absolute;
  bottom: 40px;
  right: 10%;
  z-index: 1000;
}
.header-carousel button.owl-dot {
  width: 10px;
  height: 10px;
  margin-right:4px;
  border:1px solid rgba(255,255,255,1);
  border-radius: 2px;
}
.header-carousel button.owl-dot.active,
.header-carousel button.owl-dot:hover {
  background-color: rgba(255,255,255,1);
}

.logo-carousel .item {
  padding: 0 0 1rem 0;
  text-align: center;
}
.logo-carousel .item img,
.logo-carousel .owl-item img {
  margin: 0 auto;
}
@media (max-width: 784px) {
.logo-carousel .item img,
.logo-carousel .owl-item img {
  max-width: 200px;
}
}

.txt-box {width:100%;}
.img-box {
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  height: 100%;
  width: 100%;
}
.bottom-diagonal, .left-diagonal, .right-diagonal {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 30px));
}
.left-diagonal .img-box, .right-diagonal .img-box {
  height: 250px;
}
.left-diagonal, .left-diagonal .img-box {  
  border-top-right-radius: 2rem !important;
  border-top-left-radius: 2rem !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.img-box.x3 {
  height: 250px;
}
.img-box.x4 {
  height: 200px;
}
.img-gallery-box {
  height: 480px;
  width: 100%;
}
.img-box.opacity {
  background-color: rgba(0,100,129,1);
  opacity: 0.3;
}
.row.txt-img-box {width: 100%;}
.row.txt-img-box .txt-box {height: 100%;}

.list-carousel .item {
  width: 310px;
}
.list-carousel .img-txt-box .img-box {
  height: 235px;
}
.list-carousel h1 {
  font-size: 28px;
}
h2.carousel-header {
}
.my-controls-btns {
  display: inline-block;
}
.my-controls-btns img {
  width: 45px;
  height: 45px;
  margin: -20px 10px 20px 0;
}
@media (min-width: 579px) {
.my-controls-btns img {
  width: 45px;
  height: 45px;
  margin: -5px 10px 0 0;
}
}

.update:nth-child(even) {
  margin-left: 1rem;
}
/*.row:nth-child(1) {
  padding-top: 1rem;
}/*
/*.row:nth-child(1) {
  padding-top: 1rem;
}*/

.machine-listing img {
  height: 350px;
  display: block;
  margin: auto;
}
.resources-listing {
  width: 100%;
}

/*ANCHOR LIST HORIZONTAL WRAP////////////////////////////////////////*/
.anchor_list {
  display: flex; /* Aligns items in a row */
  flex-wrap: wrap; /* Forces items to stay on a single line */
  list-style: none;
  padding: 0;
  margin: 0;
}

.anchor_list li {
  flex: 0 0 auto; /* Prevents the list items from shrinking */
  padding:5px 5px 5px 0;
}


/*PAGINATION////////////////////////////////////*/
.pages ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pages ul li {
  padding: 10px 5px;
  margin: 0;
  display: inline-block;
}
.pages ul li a {
  text-decoration:none;
  font-weight: 600;
  opacity: 0.6;
}
.pages ul li a[aria-current="page"] {
  text-decoration: underline;
  opacity: 1;
}

/*FOOTER////////////////////////////////////////*/

footer {font-size: 16px;}
footer ul.nav {
  padding: 0;
  margin: 0;
}
footer ul.nav li {
  padding: 0;
  margin: 0;
}
footer ul.nav li.nav-link {
  padding: 0;
  display: block;
  width: 100%;
}
footer ul.nav li.nav-link a,
footer ul.nav li.nav-link.active a {
  font-size: 16px;
  text-decoration: none;
  border-bottom: none;
  color: rgba(255,255,255,1);
}
footer ul.nav li.nav-link a:hover {
  text-decoration: none;
  border-bottom: none;
  color: rgba(241,241,241,0.6);
}

.contact-page-info {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contact-page-info li {
  padding: 0 0 1em 0;
  font-size: 20px;
  font-weight: 300;
}
.contact-page-info li div {
  display: inline-block;
  padding-right: 10px;
}

#mapkit-1685 {
    height:500px;
    width:100%;
}
/* ==========================================================================
MEDIA QUERIES
========================================================================== */


/*//////sx///////*/
@media (max-width: 579px) { ... }

/*//////sm///////*/
@media (min-width: 579px) { ... }

/*//////md///////*/
@media (min-width: 768px) {
body {font-size: 18px;}
h1 {font-size: 30px;}
h2 {font-size: 28px;}
h3 {font-size: 20px;}
h4 {font-size: 20px;}
.p-box {padding: 40px 40px!important;}
.small {font-size: 13px;}
.contact-bar {height:40px; padding: 0.70em 0}
.contact-bar p {margin: 0.15em 0.6em 0 0.6em;}
.page-info {padding-top: 120px;}
.header-content, .header-carousel .item {height: 450px;}
.home .page-info {padding-top: 180px;}
.home .header-content, .home .header-carousel .item {height: 660px;}

.logo-carousel .item {padding: 0;}
.logo-carousel .owl-item {
  padding: 0 40px 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  flex-wrap: wrap;
}
.row.same-height > [class*='col-'] {
  display: flex;
}
}

/*//////lg///////*/
@media (min-width: 992px) {
.img-txt-box .p-box {padding: 25px 40px 40px!important;}
.txt-img-box .p-box {padding: 40px 40px!important;}
.navbar {
  padding: 1rem 1.5rem;
}
ul.nav li.nav-link {
  padding: 0 0 0 20px;
  display: inline-block;
  width: inherit;
}
.navContent {
  margin: 0;
  border-top:none;
}
.left-diagonal {
  clip-path: polygon(calc(0% + 95px) 0%, 100% 0%, 100% 100%, 0% 100%);
}
.right-diagonal {
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 95px) 100%, 0% 100%);
}
.left-diagonal .img-box, .right-diagonal .img-box {
  height: 100%;
}
.left-diagonal, .left-diagonal .img-box {  
  border-top-right-radius: 2rem !important;
  border-top-left-radius: 0rem !important;
  border-bottom-right-radius: 2rem !important;
  border-bottom-left-radius: 0 !important;
}
.primary-bg .bar-item {border-right:1px solid rgba(255,255,255,0.25);}
.primary-bg .bar-item:last-child {border-right:none;}

.logo-carousel .owl-item {padding: 0 50px 0 50px;} 
}
/*//////xl///////*/
@media (min-width: 1200px) { 
.logo-carousel .owl-item {padding: 0 40px 0 40px;} 
}

@media (min-width: 1335px) { ... }

/*//////xxl///////*/
@media (min-width: 1400px) {
.logo-carousel .owl-item {padding: 0 60px 0 60px;} 
}

/* Print */
@media print {
a[href]:after {
content: none !important;
}
}