/* standard page rules */
body {
   overflow-x: hidden;
   -webkit-transition: .5s;
   transition: .5s;
   position: relative;
   left: 0;
   font-family: 'Roboto', sans-serif;
   font-size: 1em;
   font-weight: 300;
   color: #5a666f;
   padding-top: 170px;
}

html,
body {
   overflow-x: hidden;
}

.clear-fix:after {
   content: '';
   display: block;
   clear: both;
   height: 0;
}

a {
   color: #0032A0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
   color: #0032A0;
}

h1 {
   font-size: 2.5em;
   font-weight: 300;
}

h2 {
   font-size: 1.5em;
   font-weight: 300;
}

h3 {
   font-size: 1.75em;
   font-weight: 300;
   margin-bottom: .75rem;
}

h4 {
   font-size: 1.125em;
   font-weight: 500;
}

h5 {
   font-size: 1em;
   font-weight: 400;
}

h6 {
   font-size: 1em;
   font-weight: 300;
}

strong {
   font-weight: 400;
}

img {
   max-width: 100%;
   height: auto;
}

.padding-lr-40 {
   padding: 0 40px;
}
.padding-top-20{
padding-top:20px;
}
.grey-back {
   background: #efefef;
}

.dk-gray-back .more-spacing {
   padding-right: 51px;
   margin-bottom: 10px;
}

@media screen and (max-width:991px) {
   .dk-gray-back .more-spacing {
      padding-right: 10px;
   }
}

.more-spacing h2,
.more-spacing p {
   margin-bottom: 22px;
}

.sales-service .grey-back,
.socialmedia .grey-back {
   font-size: 90%;
   padding: 30px;
}

.sales-service .sidebar.grey-back h3,
.socialmedia .sidebar.grey-back h3 {
   margin-bottom: 0;
}

@media screen and (max-width:768px) {

   .sales-service .grey-back,
   .socialmedia .grey-back {
      font-size: 90%;
      padding: 20px 0;
   }
}

.socialmedia ul.social-icons {
   list-style: none;
   padding-left: 0;
   text-align: center;
   margin-bottom: -25px;
   margin-top: 20px;
}

.socialmedia .social-icons {
   font-size: 1.125em;
   font-weight: bold;
}

.socialmedia .social-icons h3 {
   color: #C8102E;
}

.socialmedia .social-icons li {
   display: inline-block;
   margin-right: 20px;
}

.socialmedia .social-icons .fab {
   margin-right: 5px;
}
.container-flex {
    max-width: 900px;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
   .socialmedia .grey-back .container .row {
      padding: 15px;
      margin-right: -15px;
      margin-left: -15px;
   }

   .socialmedia .grey-back .container .col-md-4 {
      margin: 15px -5px;
      padding: 0;
      box-sizing: initial;
   }
}

.dark-gray-back {
   background: #5B6770;
   color: #fff;
}

.dark-gray-back h3 {
   color: #fff;
}

.image-background-home,
.image-background {
   background-size: cover;
}

.image-background-home,
.image-background-home h2,
.image-background,
.image-background h2,
.blue-background,
.blue-background h2 {
   color: #fff;
}

.image-background-home h2 {
   padding-top: 10%;
}

.blue-background h2 {
   padding-top: 0;
}

.text-centered {
   text-align: center;
}

.text-right {
   text-align: right;
}

.small-gray-text {
   font-size: .875em;
   color: #5B6770;
}

.small-gray-text strong {
   color: #5B6770;
}

.image-divider {
   line-height: 0;
   margin: 0;
   padding: 0;
}

.red-border-bottom {
   border-bottom: 1px solid #C8102E;
}

.border-mid{
  border-right: 1px solid #dee2e6;
}
@media screen and (max-width:600){

.border-mid{
  border-right: 0 solid transparent;
}

}

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

/* header rules */
header a {
   text-decoration: none;
}

header#header {
   box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .25);
   /*position: relative;*/
   z-index: 999999;
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
}



.header-bar {
   background: #0032A0;
   color: #fff;
}

.header-bar img {
   width: 415px;
   height: auto;
}

.header-bar .row{
   padding:10px 20px;
}

h2.tagline {
   padding: 0;
   margin: 0;
   font-size: 1.1em;
   text-align: center;
   /*color: #333;*/
   color: #0032A0;
}

.tagline a {
   /*color:#333;*/
   color: #0032A0;
   text-decoration: none;
}

div#logo a {
   display: block;
}

div#logo img {
   width: 150px;
   height: auto;
}

.header-info-block > div {
   padding-top: 20px;
}

.bbb-logo {
   text-align: center;
   padding-top: 10px !important;
}

.bbb-logo img {
   width: 44px;
}

.header-info-block {
   width: calc(100% - 142px);
   float: left;
}

.header-info-block p {
   color: #0032A0;
   font-size: 1.2em;
}

span.inline-icon {
   display: block;
   float: left;
   font-size: 2.1em;
   color: #fff;
   width: 50px;
   height: 50px;
   background: #0032A0;
   padding: 8px;
   text-align: center;
   border-radius: 50%;
   margin-right: 10px;
}

.header-navigation-block {}

/* navigation */
#menuPrimary {
   margin-left: auto;
}

.navbar {
   padding: 0;
  display:inline-block;
}

#menuPrimary .menu_v > li {
   display: inline-block;
   font-weight: 400;
   font-size: .875em;
   position: relative;
}

#menuPrimary .menu_v > li > a {
   padding: 10px 0 54px 20px;
   margin-right: 0;
   color: #0032A0;
   font-weight: normal;
}

#menuPrimary.menu-fr .menu_v > li > a {
    font-size: .9em;
    padding: 10px 0 54px 8px;
}

#menuPrimary .menu_v > li > a:hover {
   color: #888B8D;
   text-decoration: none;
}

#menuPrimary.it .menu_v > li > a {
    padding: 10px 0 54px 10px;
    font-size: .9em;
}

#menuPrimary.sp .menu_v > li > a {
    padding: 10px 0 54px 10px;
    font-size: .9em;
}

/*#menuPrimary .menu_v > li > a .moremenu:after {
	content: "\f078";
	font-weight: 900;
	font-size: 1em;
	margin-left: 5px;
	font-family: FontAwesome;
}*/

ul.submenu {
   border-top: 5px solid #C8102E;
}

.submenu li {
   margin-bottom: 10px;
}
.submenu li:last-child {
   margin-bottom: 0px;
}
.submenu li a {
   color: #5B6770;

}

.submenu li a:hover {
   color: #0032A0;

}

div#menuPrimary .menu_v li:hover .submenu {
   display: block;
    position: absolute;
    left: 0 !important;
    padding: 14px 20px;
    background: #fff;
    top: 53px;
    /* border-top: 3px solid #00a9e0; */
    width: max-content;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

div#menuPrimary .menu_v li .submenu li {
   display: block;
   text-align: left;
   font-weight: 300;
}

#menuPrimary .menu_v li.nav-button,
#menuPrimary .menu_v li .submenu {
   display: none;
   padding: 10px;
}

ul.menu_v {
   padding: 0;
   margin: 0;
}

.navbar-toggler:focus,
.navbar-toggler:active {
   outline: 0;
}

.navbar-toggler span {
   display: block;
   /*background-color: #444;*/
background-color:rgba(0, 107, 166, .75);
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
   position: absolute;
   left: 12px;
   top: 10px;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   transform: rotate(135deg);
   opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
   height: 12px;
   visibility: hidden;
   background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
   position: absolute;
   left: 12px;
   top: 10px;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   transform: rotate(-135deg);
   opacity: 0.9;
}

.menu-open #menuPrimary {
   padding-top: 20px;
}

.menu-open #menuPrimary .navbar-toggler {
   margin-left: auto;
   display: block;
   position: relative
}

.menu-open #menuPrimary .navbar-toggler span {
   background-color: #fff;
}

.shrink #header {
   position: fixed;
   width: 100%;
   top: 0;
   background: #fff;
}

div#menuPrimary .menu_v li .open-sub {
      display:none;
   }

/* responsive navigation */
@media screen and (max-width:1199px) {

   .col.header-navigation-block,.navbar,.col.mt-3 {
    position: static;
}

   body.menu-open {
      /*left: 320px;*/
   }

   button.navbar-toggler.navbar-light {
      position: relative;
   }

   .menu {
      background: #fff;
      padding-top: 20px;
      padding-bottom: 20px;
      border-top: 3px solid;
      box-shadow: 0 5px 10px rgba(0,0,0,.25);
      border-top: 3px solid #C8102E;
   }

   ul.menu_v{
     border-bottom: 1px solid #ccc;
   }

.menu button.navbar-toggler.navbar-light {
    display: none!important;
}

   #menuPrimary .menu_v > li {
      display: block;
      padding: 5px 0;
      border-top: 1px solid #ccc;
   }

   #menuPrimary .menu_v > li > a {
      display: inline-block;
      padding: 8px 20px;
color:#333;
font-weight:500;
    width: 279px;
   }

   #menuPrimary .menu_v > li > a:hover {
      color: #888B8D;
      border-bottom: none;
   }

   #menuPrimary .menu_v li.nav-button {
      display: block;
   }

   div#menuPrimary .menu_v li .submenu li{
        display: block;
    text-align: left;
    font-weight: 300;
    padding: 8px 10px 8px 42px;
    font-weight: 500;
    border-top: 1px solid #ccc;
    margin-bottom:0;
   }

    

   div#menuPrimary .menu_v li .submenu li a:hover {
      color: #888B8D;
   }

   div#menuPrimary .menu_v li .submenu,
   div#menuPrimary .menu_v li:hover .submenu {
      display: none;
      position: relative;
      left: 0 !important;
      top: inherit;
      padding: 0;
      background: transparent;
      border-top: none;
box-shadow:none;
width:100%;
   }

   div#menuPrimary .menu_v li.sub-open .submenu {
      display: block;
   }

div#menuPrimary .menu_v li .open-sub {
      display:inline-block;
position: absolute;
    top: 14px;
    right: 17px;
}
   

div#menuPrimary .menu_v li .open-sub:hover {
      cursor:pointer;
   }


div#menuPrimary .menu_v li.sub-open .open-sub {
      transform: rotate(45deg);
   }
   #menuPrimary .menu_v li.nav-button:before {
      margin-top: -6px;
      margin-left: -5px;
   }

   div#menuPrimary {
      /*position: fixed;*/
display:none;
      position:absolute;
      top: 341px;
      /*left: -320px;*/
      bottom: 0;
right: 0;
bottom: 0;
    margin: auto;
      max-width: 320px;
      background: #fff;
      margin: auto;
      height: 100%;
      z-index: 999;
      transition: .5s;
      /*overflow-y: scroll;*/
   }

   .menu-open #menuPrimary {
      left: 0;
      display:block;
   }

   .open div#menuPrimary {

      left: 0;
   }
   .submenu li a {
    color: #666;
   }

}


/* footer rules */
footer {
   /*padding-top: 50px;*/
   color: #5B6770;
   background-color: #e6e6e6;
   border-top: 5px solid #C8102E;
}

footer a {
   color: #0032A0;
}

footer a:hover,
footer a:active {
   color: #888B8D;
}

.container.description{
   max-width:800px;
}
 

footer .container {
   padding-top: 25px;
   padding-bottom: 25px;
   padding-left: 0;
   padding-right: 0;
}


.footer-nav a {
    font-size: .9em;
}

#logo {
   margin-bottom: 10px;
padding-right: 46px;
}

.footer-logo img {
   max-width: 110px;
}

footer .phone,
footer .address {
   color: #0032A0;
   font-size: .875em;
   margin-top: 8px;
   font-weight: 500;
}

footer .copyright, .policy-map {
   font-size: .75em;
   /*margin-top: 30px;*/
    line-height:1.15;
}

footer ul {
   list-style: none;
   font-weight: 500;
   line-height: 30px;
   padding-left: 0;
}

.row.footer-last{
   padding-top:0;
  margin-top:-62px;
}

.footer-info {
   border-top: 2px solid #fff;
   border-bottom: 2px solid #fff;
}
.footer-info div[class*="col-"] { 
   margin-bottom: 0; 
}
.footer-info span {
   font-weight: 500;
}

.blue-bar {
   background: #0032A0;
   padding: 20px 0;
}

.blue-bar h3 {
   color: #fff;
   font-size: 1.2em;
   font-weight: 500;
}

.blue-back.hollow-button a,
.dk-gray-back.with-button.hollow-button a {
   background: transparent;
   border: 1px solid #fff;
}

.footer-gray-bar h3 {
   color: #0032A0;
   border-bottom: 1px solid #333;
   padding-bottom: 15px;
   margin-bottom: 25px;
}

.footer-gray-bar > div {
   padding: 10px 20px;
}

.col.ex-pad-footer {
   padding-top: 10px;
}

.flex {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

div[class*="col-"] {
   margin-bottom: 15px;
}

.col-20-per {
   width: 20%;
   padding: 10px 20px;
}

@media screen and (max-width:1200px) {
   .col-20-per {
      width: 33.33333%;
   }
}

@media screen and (max-width:825px) {
   .col-20-per {
      width: 50%;
   }
}

@media screen and (max-width:500px) {
   .col-20-per {
      width: 100%;
   }
}

.footer-list ul {
   padding: 0;
}

.footer-list li {
   display: block;
}

.footer-list a {
   color: #fff;
}

.footer-gray-bar {
   background: #ccc;
   padding: 85px 10px 10px;
}

.footer-info-block .inline-icon {
   background: transparent;
   color: #333;
   font-size: 1em;
}

@media screen and (max-width:1200px) {
   .footer-info-block .col-lg-6 {
      clear: both;
   }
}

.social-header {
   font-size: 1.25em;
   font-weight: bold;
   color: #0032A0;
   /*border-bottom: 2px solid #C8102E;*/
   line-height: 1em;
}
.social-header {
    margin-top: -5px;
}

.social-header a {
    color: #888;
    font-size: .7em;
    margin-top: -5px;
}

footer .social-icons {
   font-size: 1.25em;
}

footer .social-icons a{
   color:#888;
}

footer .social-icons li {
   display: inline-block;
   margin-top: 0;
   margin-right:6px;
}

footer .social-icons .fa-stack {
   height: 1em !important;
   width: 1em !important;
   line-height: 1em !important;
   margin-top: -3px;
}

footer .social-icons .fa-stack .fa-stack-2x {
   font-size: 1em;
}

footer .social-icons .fa-stack .fa-stack-1x {
   font-size: 0.8em;
   color: #e6e6e6;
}

/* interior rules */
#main .container {
   padding-top: 50px;
   padding-bottom: 50px;
}

#main .container.padding-0 {
   padding-top: 0;
   padding-bottom: 0;
}


.row {
   padding: 20px;
   margin-right: -20px;
   margin-left: -20px;
}

.main-banner {
   position: relative;
   padding-top: 11%;
   /*padding-top: 151px;*/
   overflow: hidden;
   width: 100%;
}

video {
   position: absolute;
   width: 100%;
}

.main-banner video {
   top: -10%;
}

.main-banner img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: auto;
}

/*
.main-banner img + img,
.slide img + img {
	display: none;
}

.cycle-slideshow {
    width: 25%;
    float: left;
}

.interior-banner > div:not(.cycle-slideshow) {
    float: right;
}
*/

ul.feature-list {
   padding: 0;
}

ul.feature-list li {
   display: block;
   width: 100%;
   clear: both;
   margin-bottom: 12px;
}

ul.feature-list li:after {
   content: "";
   display: block;
   clear: both;
}

ul.feature-list li strong {
   color: #5a666f;
   font-weight: 500;
}

ul.feature-list li img {
   width: 35px;
   margin-right: 10px;
   margin-bottom: 16px;
   float: left;
   margin-top: -6px;
}

.padding-0 .row{
  padding:20px 0;
}

.col-md-12.image-row img {
   width: 22.5%;
   margin: 0 1%;
}

.col-md-12.image-row {
   /*padding-top: 85px;*/
   /*padding-bottom: 30px;*/
padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: -58px;
text-align:center;
}
.accessories .image-row {
   padding: 0;
}

.side-form h2 {
   font-size: 1em;
   padding: 28px 0 15px;
}

.blue-back {
   background: #0032A0;
   color: #fff;
}

.dk-gray-back {
   background: #5B6770;
   color: #fff;
}
.dk-gray-back .fa-inverse {
   color: #5B6770;
}

.blue-back h2,
.dk-gray-back h2,
.blue-back h3,
.dk-gray-back h3 {
   color: #fff;
}

.blue-back a,
.four-col-blocks > div a,
.dk-gray-back.with-button a {
   display: inline-block;
    background: #888b8d;
    color: #fff;
    text-decoration: none !important;
    padding: 10px 20px;
    border: 0;
    font-size: 12px;
    text-transform:uppercase;
}


.four-col-blocks > div a,
.dk-gray-back.with-button a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 121px;
    margin: auto;
}

.blue-back a:hover {
   background: #fff;
   color: #888b8d;
}

.four-col-blocks > div a:hover,
.dk-gray-back.with-button a:hover {
   background: #0032A0;
}

.four-col-blocks {
   display: flex;
   flex-wrap: wrap;
   width:100%;
   justify-content: center;
}

.four-col-blocks > div {
   flex: 0 0 25%;
   padding: 5px 18px;
   text-align: center;
    position: relative;
    padding-bottom: 45px;
margin-bottom: 20px;
}

@media screen and (max-width:768px) {

   .four-col-blocks > div {
      flex: 0 0 49.5%;
      padding: 5px 5px 45px;
   }

   .col-md-12.image-row img {
      width: 46%;
      margin-bottom: 20px;
   }

}

@media screen and (max-width:400px) {

   .four-col-blocks {
      margin-top: -69px;
   }

   .four-col-blocks > div {
      flex: 0 0 100%;
   }

   .col-md-12.image-row img {
      /*width: 96%;*/
   }

}

.four-col-blocks > div img {
   width: auto;
   max-height: 176px;
}

@media screen and (max-width:400px) {
   .four-col-blocks > div img {
      max-width: 210px;
      margin-top: 25px;
   }

}

@media screen and (max-width:700px) {

   .main-banner img .slide img {
      display: none;
   }

   .interior-banner .slide img {
      display: block;
   }

   .main-banner img + img,
   .slide img + img {
      display: block;
   }

   .main-banner {
      padding-top: 20%;
   }


}


.main-banner h1 {
   position: relative;
   color: #fff;
   font-weight: 500;
   font-size: 2.25em;
   z-index: 2;
   max-width: 1350px;
   margin: 0 auto;
   padding: 10px 20px;
}

.flex.three-col > div {
   flex: 0 33.333%;
   padding: 10px;
   text-align: center;
}
.flex.four-col > div.h2-block{
   display:flex;
flex-wrap:wrap;
}
.flex.four-col > div,.flex.four-col > div.h2-block > div {
   flex: 0 0 25%;
   padding: 10px;
   text-align: center;
}

.flex.four-col > div.h2-block {
   flex: 0 0 100%;
}

.flex.five-col > div {
   /*flex: 0 20%;
	padding: 10px;*/
   flex: 0 0 18.5%;
   padding: .75%;
   text-align: center;
}

.flex.four-col > div img,
.flex.five-col > div img {
   width: 100%;
}

@media screen and (max-width:740px) {
   .flex.four-col > div,.flex.four-col > div.h2-block > div {
      flex: 0 50%;
      padding: 10px;
      text-align: center;
   }

   .flex.five-col > div {
      flex: 0 33.333333%;
      padding: 10px;
      text-align: center;
   }

   .flex.three-col > div {
      flex: 0 100%;
      padding: 10px;
      text-align: center;
   }

}


@media screen and (max-width:600px) {

   .flex.five-col > div {
      flex: 0 50%;
      padding: 10px;
      text-align: center;
   }
}

@media screen and (max-width:420px) {

   .flex.four-col > div,
.flex.four-col > div.h2-block>div,
   .flex.five-col > div {
      flex: 0 100%;
      padding: 10px;
      text-align: center;
   }
}

/* product primary page */
.prod-header-image {
   float: left;
   width: calc(100% - 320px);
}

.prod-header-image h1 {
   padding-left: 20px;
}

.prod-header-image img {
   width: 100%;
}

.header-list {
   width: 320px;
   float: left;
   margin-top: 30px;
}

.header-list li {
   display: block;
}

.header-list li a {
   display: block;
   text-transform: capitalize;
   padding: 10px 20px;
   color: #0032A0;
   transition: .5s;
}

.header-list li a:hover {
   background: #efefef;
   color: #333;
   border-right: 1px solid #0032A0;
   text-decoration: none;
}

.machine-image {
   margin-top: 30px;
}

@media screen and (max-width:750px) {

   .prod-header-image {
      float: left;
      width: calc(100% - 0px);
   }

}

/* tabs */
.tabs li {
   display: inline-block;
   padding: 10px 20px;
   color: #ccc;
}


.tabs li.active,
.tabs li:hover {
   border-bottom: 1px solid #0032A0;
   color: #333;
}

.releated-col img,
.secondary-product img {
   width: 100%;
}


.tab-pannels > div {
   max-width: 800px;
   padding: 20px;
}


.barred-title h1 {
   background: #0032A0;
   color: #fff;
   font-weight: 500;
   padding: 27px 49px;
   width: 150%;
   position: relative;
   margin-left: -30px;
}

span.icon {
   padding: 10px;
   display: block;
   width: 52px;
   height: 52px;
   background: #0032A0;
   color: #fff;
   text-align: center;
   font-size: 1.875em;
   border-radius: 50%;
   float: left;
   margin-right: 15px;
   margin-top: 22px;
}

.services-copy {
   width: calc(100% - 75px);
   float: left;
}



/*index // home */
.slider-wrapper {
   overflow: hidden;
   clear: both;
}

.slide {
   position: relative;
   padding-top: 31%;
   width: 100%
}

.home-banner .slide:before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(93, 103, 112, .5);
   overflow: hidden;
   width: 100%;
   height: 100%;
   z-index: 105;
}

@media screen and (max-width:600px) {

   .slide {
      position: relative;
      padding-top: 75%;
   }


}


.slide img {
   position: absolute;
   top: 0;
   left: 0;
   height: auto;
   width: 100% !important;
}

.slide span {
   display: block;
   position: absolute;
   left: 30px;
   bottom: 40px;
   top: 20px;
   width: 50%;
}

.slide h2 {
   color: #333;
   font-size: 2.5em;
   font-weight: 500;
   padding-top: 0;
}

.slide p {
   font-size: 1.75em;
   color: #ccc;
}

.slide span a {
   display: inline-block;
   padding: 15px 25px;
   background-color: #0032A0;
   border-radius: 30px;
   color: #fff;
   font-size: 1em;
   text-transform: uppercase;
   font-weight: 500;
}


.slider-wrapper > div {
   transition: .5s;
   position: absolute;
   top: 0;
   left: 100%;
}

.slider-wrapper > div:first-child {
   transition: .5s;
   position: relative;
   top: 0;
   left: 0%;
}


.slider-wrapper > div img {
   width: 100%;

}

.slider-wrapper .current,
.slider-wrapper > div.current:first-child {
   left: 0%;
   top: 0;
   position: relative;

}

.slider-wrapper .next,
.slider-wrapper > div.next:first-child {
   position: absolute;
   top: 0;
   left: 100%;


}

.slider-wrapper .hidden .slider-wrapper > div.hidden:first-child {
   position: absolute;
   top: 0;
   left: 100%;

}

.slider-wrapper .hidden.move-left,
.slider-wrapper > div.hidden.move-left:first-child {
   left: -100%;
   top: 0;
   position: absolute;

}

/* slider navigation */
span.slider-nav {
   position: relative;
   margin-top: -44px;
   display: block;
   margin-bottom: 0px;
}

.slider-nav ul {
   padding: 0;
}

.slider-nav li {
   display: inline-block;
   margin: 5px;
}

.slider-nav a {
   display: block;
   color: transparent;
   background: #ccc;
   width: 25px;
   height: 25px;
   border: 1px solid #fff;
   border-radius: 50%;
}

.slider-nav a.active,
.slider-nav a:hover {
   color: transparent;
   background: #0032A0;
}

/* homepage */

.red-banner {
   /*background-color: #e01a22;*/
   background-color: #0032A0;
   color: #fff;
   font-weight: 500;
   padding: 5px 0px 15px;
   position: relative;
}

.red-banner a {
   color: rgba(255, 255, 255, .8);
   margin-right: 10px;
   font-size: .9em;
}

.red-banner a.current {
   color: #000;
}

.red-banner h2 {
   font-size: 1.75em;
}

.blue-text {
   color: #0032A0;
}

.blue-text p {
   color: #5B6770;
}

.blue-text h2 {
   font-size: 1.6em;
   font-weight: 300;
}

.blue-text h4 {
   font-size: 1.6em;
   font-weight: 400;
   margin-bottom: 20px;
}

.blue-text-h5 {
   font-size: 1.125em;
   font-weight: 400;
   margin-top: 30px;
}

.white-text h2 {
   font-size: 2.5em;
   color: #fff;
   font-weight: 500;
}

.red-banner:after {
   content: '';
   display: block;
   width: 30px;
   height: 30px;
   /*background:#e01a22;*/
   background: #0032A0;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -15px;
   margin: auto;
   transform: rotate(45deg);
}

.full-pannel-img img {
   width: 100%;
}

.information-header {
   margin: 20px 0;
}

.information-header > div {
   margin: 20px 0;
}


.information-header h2 {
   padding: 0;
   margin: 0;
}


@media screen and (max-width:990px) {
   .information-header {
      text-align: center;
   }

   .information-header .text-right {
      text-align: center;
   }
}

.button-block a {
   display: inline-block;
   background: #0032A0;
   padding: 15px 25px;
   color: #fff;
   border-radius: 15px;
}

.btn {
   border-radius: 0;
}

.btn-blue,
.btn-red,
.btn-gray,
.btn-white-o,
.btn-blue-o,
.two-col-blocks > div a,
.vendor-logos a
 {
   display: inline-block;
   padding: 10px 15px;
   line-height: 1em;
   color: #fff;
   text-transform: uppercase;
   text-decoration: none !important;
}

.btn-blue {
   background: #0032A0;
}

.btn-red {
   background: #C8102E;
}

.btn-gray, .two-col-blocks > div a,.vendor-logos a  {
   background: #5B6770;
   font-size: .875em;
}
.two-col-blocks > div a {
   position: absolute;
	 bottom: 0;
}
.btn-white-o {
   background: transparent;
   border: 2px solid #fff;
}

.btn-blue-o {
   color: #0032A0;
   background: transparent;
   border: 2px solid #0032A0;
}

.btn.focus,
.btn:focus {
   box-shadow: none;
}

.multibutton .btn {
   margin: 15px;
   font-size: .75em;
}

.header-navigation-block .btn {
   font-size: .75em;
   font-weight: 500;
}

/* form rules */
.formTable {
   width: 100%;
}
.formTable+h2 {
    text-align: center;
}

table#FormTable_2176 {
   width: 100%;
   max-width: 370px;
}

td.formTableCell {
   width: 100%;
display:block;
}

input,
select,
textarea {
   width: 100%;
   max-width: 100% !important;
   border: none;
   box-sizing: border-box;
   padding: 5px 11px;
   background: #f5f5f5;
}
.formBuilderTable .formTableCell {
   padding-bottom: 20px;
}
.formBuilderTable .fieldCaption {
   display: block;
}

.fieldWrapperOutputTextLine input {
    width: 100%!important;
}

.sidebar .formBuilderTable td.formTableCell {
    padding-bottom: 0;
}

select {
   margin-bottom: 4px;
}

.side-form input,
.side-form select,
.side-form textarea {
   background: #fff;
}

footer a {
   text-decoration: none;
}

footer input {
   margin-bottom: 5px;
}

input[type="button"],
input[type="submit"] {
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   display: block !important;
}

input[type="radio"] {
   width: 20px;
   height: 20px;
}

input::placeholder,
textarea::placeholder,
select:invalid,
select {
   color: #888b8d;
   opacity: 1;
}

.fieldNameOutputTextLine,
.fieldNameOutputTextArea {
   display: none;
}

.fieldWrapperOutputRadio .radioLabel,
.fieldWrapperOutputCheck label
 {
   display: flex;
   margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.fieldWrapperOutputRadio .radioLabel input,
.fieldWrapperOutputCheck input {
   margin-right: 10px;
}

#FormTable_2250.formBuilderTable tr:last-child {
   text-align: left;
}

#FormTable_2250 .fieldWrapperOutputCheck label {
   /*margin-left: 10px;*/
}

@media screen and (max-width:768px) {
   .formBuilderTable {
      width: 100%;
   }
}

.home-banner {
   /*padding-top:50%;*/
   /*padding-top: 26%;*/
   position: relative;
   overflow: hidden;
   width: 100%;
}
.home-banner.cycle-slideshow {
   border-bottom:5px solid #C8102E;
}
#prev,
#next {
   position: absolute;
   z-index: 9999;
   top: 0;
   bottom: 0;
   font-size: 4.75em;
   padding-top: 13%;
   padding-left: 3%;
   padding-right: 3%;
   color: #fff;
}

#prev:hover,
#next:hover {
   color: #0032A0;
}


#prev {
   left: 0;
}

#next {
   right: 0;
}

.cycle-pager {
   position: absolute;
   z-index: 999;
   bottom: 10px;
   text-align: center;
   width: 100%;
   color: transparent;
}

.cycle-pager-active {
   background: #fff;
}

.cycle-pager span {
   border: 2px solid #fff;
   border-radius: 50%;
   height: 12px;
   width: 12px;
   margin-right: 10px;
   display: inline-block;
}

@media screen and (max-width:480px) {
   .cycle-pager {
      display: none;
   }
}

.slide img + img {
   display: none;
}

@media screen and (max-width:820px) {
   .slide {
      position: relative;
      padding-top: 50%;
   }

   .slide img {
      display: none;
   }



   .slide img + img {
      display: block;
   }

   .interior-banner .slide img {
      display: block;
   }

   .interior-banner .slide {
      padding-left: 10px;
      padding-right: 10px;

   }

   .interior-banner .slide > div {
      float: none;
      width: calc(100% - 0px);
      font-size: .8em;
   }
}

.home-banner video {
   /*top:0;*/
   top: -60%;
   left: 0;
}

@media screen and (max-width:500px) {

   .home-banner {
      /*padding-top:50%;*/
   }

   .home-banner video {
      top: 0;
      left: 0;
   }
}

.home-banner-message,
.interior-banner-message {
   position: absolute;
   top: 37%;
   color: #fff;
   width: 90%;
   left: 0;
   right: 0;
   margin: auto;
   text-align: center;
   text-shadow: 0 0 10px rgba(0,0,0,.25);
   z-index: 110;
}

.home-banner-message h1,
.interior-banner-message h1 {
   color: #fff;
}

@media screen and (max-width:480px) {
   .home-banner-message {
      top: 20%;
      width: 75%;
   }

   .home-banner-message h1,
   .interior-banner-message h1 {
      font-size: 1.8rem;
   }
}

.interior-banner {
   min-height: 310px;
   background-size: cover;
   position: relative;
   border-bottom: 5px solid #C8102E;
   background-position: center center;
}

.interior-banner:before {
   background: rgba(91, 103, 112, .5);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   content: "";
}

/*#main.oem .interior-banner .container, #main.oem .interior-banner .container row {
   padding-top: 0;
   padding-bottom: 0;
}*/

.oem .interior-banner h2 {
    font-size: 2.5em;
    padding: 7% 10% 25px 10%;
}

.oem2 .interior-banner h2 {
   font-size: 2.5em;
    padding: 9% 10% 0px 10%;
    position: relative;
    text-align: center;
    z-index: 2;
}

.oem2.with-slide .interior-banner h2 {
        text-align: left;
}
.oem .interior-banner p,
.oem2 .interior-banner p {
   font-size: 1.4em;
   padding: 0 10%;
}

.oem .interior-banner strong,
.oem2 .interior-banner strong {
   color:#fff;
   font-weight:500;
}

/* interior banner with slider */

.interior-banner.cycle-slideshow {
   padding-bottom: 95px;
   min-height: 430px;
}

.interior-banner .slide img {
   position: relative;
}

.interior-banner .slide {
   padding-top: 30px;
   /*right: 0;*/
   max-width: 1140px;
   margin: auto;
}

.interior-banner .slide h2 {
   font-weight: 100;
   color: #fff;
}

.interior-banner .slide p {
   color: #fff;
   margin-top: 19px;
}

.interior-banner .slide > div {
   padding: 10px 10px 10px 114px;
   float: left;
   width: calc(100% - 325px);
}
.linkbutton {
   margin-top:30px;
}
@media screen and (max-width:840px) {


   .interior-banner .slide > div {
      padding-left: 30px;
      font-size: .7em;
   }


   .interior-banner .slide {
      padding-top: 60px;
      padding-left: 10px;
      padding-right: 10px;
   }

}

@media screen and (max-width:660px) {
   .interior-banner .slide > div {
      padding-left: 0;
      width: 100%;
      clear: both;
      font-size: .7em;
   }

   .interior-banner.cycle-slideshow {
      padding-bottom: 95px;
      min-height: 560px;
   }
}

.banner-navigation {
   text-align: center;
   clear: both;
   margin: 20px auto -15px auto;
	 z-index: 150;
	 position: relative;
}

.banner-navigation #prev,
.banner-navigation #next {
   position: relative;
   display: inline-block;
   top: 0;
   bottom: 0;
   font-size: 4.75em;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   color: #fff;
   width: 15px;
   height: 15px;
   vertical-align: top;
}

#prev:hover,
#next:hover {
   cursor: pointer;
}

.banner-navigation .cycle-pager span {
   margin: 6px 3px;
}

.banner-navigation .cycle-pager {
   line-height: 0;
   display: inline-block;
   position: relative;
   width: inherit;
   margin: 5px 16px;
}

.banner-navigation #next {
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: rotate(45deg);
}

.banner-navigation #prev {
   border-top: 2px solid #fff;
   border-left: 2px solid #fff;
   transform: rotate(-45deg);
}




.blue-overlay,
.blue-background {
   position: relative;
}

.blue-overlay h3,
.blue-overlay strong,
.blue-overlay a,
.blue-overlay a:hover,
.blue-background h3,
.blue-background strong,
.blue-background a,
.blue-background a:hover {
   color: #fff;
}

.blue-overlay:before,
.blue-background:before {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   content: "";
}

.blue-overlay:before {
   background: rgba(0, 107, 166, .75);
}

.blue-background:before {
   /*background: rgba(0, 107, 166, 1);*/
   background: #0032A0;
}

.application .blue-overlay {
   padding-top: 40px;
   padding-bottom: 20px;
}

.sales-service .blue-overlay {
   padding-top: 80px;
   padding-bottom: 60px;
}
.application .blue-overlay h3{
    font-size: 1.75em;
    font-weight: 300;
   margin-bottom: 30px;
}

 .application .blue-overlay li {
    margin-bottom: 23px;
    font-size: 1.1em;
}

/* category selector */
.hide {
   display: none;
}

#category-selector,
#category-list,
#category-selector ul,
#category-list ul {
   margin: 0;
   padding: 0;
}
#category-selector {
   z-index: 15;
}
#category-list {
   background: #fff;
}

#category-list ul {
   display: flex;
   flex-wrap: wrap;
}

#category-list ul.hide {
   display: none;
}

#category-selector ul,
#category-list ul {
   list-style: none;
}

#category-selector li {
   width: 100%;
   padding: 24px 5px;
   background: #888b8d;
   border-radius: 4px;
   color: #fff;
   font-weight: 500;
   text-align: center;
   /*margin-bottom: 1px;*/
   text-transform: uppercase;
   position: relative;
}

#category-selector li:hover{
    /*cursor:pointer;*/
}

#category-selector li.current {
    /*background: #D82027;*/
    background: #C8102E;
}

.cutting #category-selector li {
   text-align: left;
   font-size: 1em;
   line-height: 1em;
    padding: 11px 0 12px 10%;
    /*padding: 27px 0 26px 10%;*/
   /*padding: 16px 0 16px 10%;*/
   border-radius: 0;
}

#category-selector li img {
   max-width: 25px;
   max-height: 25px;
   margin-right: 10px;
}

#category-selector li:hover {
   background: #5B6770;
}

#category-selector li.current:hover {
   background: #C8102E;
}

.current,
.current:hover {
   z-index: 5;
   background: transparent;
}

.cutting .current,
.cutting .current:hover {
   border-radius: 0 !important;
}

@media screen and (min-width:992px) {
   /*.current:after {
      content: url('/images/selected-highlight.png');
      position: absolute;
      top: 0px;
      right:-20px;
      z-index: -1;
   }*/

   .current:after {
    content: "";
    background: url(/images/selected-highlight.png);
    position: absolute;
    top: 0px;
    bottom: 0;
    right: -23px;
    z-index: -1;
    display: block;
    height: 100%;
    width: 50px;
    background-position: top right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}


}

#category-list li {
   display: block;
   background: #fff;
   flex: 0 0 20%;
   margin-bottom: 0;
}

.cutting #category-list .category-list-item:before {
   background: rgba(0, 107, 166, .75);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   content: "";
}

.cutting #category-list .category-list-item {
   text-align: center;
   height: 100%;
   z-index: 10;
   position: relative;
   background-position: center;
   background-size: cover;
}

.cutting #category-list .category-list-item .category-list-item-content {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   height: 100%;
   padding: 0 20%;
   position: relative;
   z-index: 10;
}

.cutting #category-list h3,
.cutting #category-list img,
.cutting #category-list p {
   margin-bottom: 20px;
   color: #fff;
}

.cutting #category-list h3 {
   font-size: 1.875em;
}

.cutting #category-list p {
   font-size: 1.25em;
}

@media screen and (max-width:1200px) {
   #category-list li {
      height: inherit;
      flex: 0 0 25%;
   }
}

@media screen and (max-width:992px) {
   #category-selector li {
      padding: 5px 5px;
   }

   .cutting #category-list .category-list-item .category-list-item-content {
      padding: 30px 10%;
   }

   #category-list li {
      height: inherit;
      flex: 0 0 33.3333%;
   }
}

@media screen and (max-width:768px) {
   #category-list li {
      height: inherit;
      flex: 0 0 50%;
   }
}

@media screen and (max-width:992px) and (min-width:480px) {
   .cutting #category-selector li {
      display: inline-block;
      width: 50%;
      padding: 10px 0 10px 5%;
   }
}

#category-list li:hover {
   background: #f2f2f2;
}

#category-list li a {
   margin: 0 auto;
   text-align: center;
   display: block;
   padding: 29.5px 0;
   font-size: .9em;
   font-weight: 400;
   color: #5B6770;
   text-decoration: none !important;
}

#category-list li img {
   display: block;
   margin: 10px auto;
   max-height: 80px;
}


.fourcols {
   text-align: center;
}

.fourcols .row div {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}

.fourcols p {
   font-size: 1.2em;
   line-height: 1em;
   margin-bottom: 0;
}

.fourcols h3 {
   font-weight: 500;
   font-size: 2.8em;
   color: #fff;
}

.fourcols .container {
   padding-top: 20px !important;
   padding-bottom: 20px !important;
}

@media screen and (max-width:768px) {
   .fourcols h3 {
      margin-bottom: 20px;
   }
}

.multicolumn {
   -webkit-column-count: 2;
   /* Chrome, Safari, Opera */
   -moz-column-count: 2;
   /* Firefox */
   column-count: 2;
   list-style: none;
   padding-left: 0;
}

.sales-service .kmt360 {
   margin-top: 40px;
   margin-bottom: 60px;
}

@media screen and (max-width:768px) {
   .sales-service .kmt360 {
      margin-left: -80px;
      margin-right: -80px;
   }
}

@media screen and (max-width:480px) {
   .sales-service .kmt360 {
      margin-left: -80px;
      margin-right: -80px;
   }
}

.sales-service #accordion {
   border-top: 4px solid #C8102E;
   margin-bottom: 40px;
}

.sales-service #accordion h3,
.sales-service #accordion h5,
.sales-service #accordion p {
   text-align: center;
}

.sales-service #accordion h5 {
   margin-top: 10px;
}

.sales-service #accordion p {
   font-size: .75em;
}

.sales-service #accordion .card,
.sales-service #accordion .card-header {
   border: none;
   background-color: transparent;
   border-radius: 0;
}

.sales-service #accordion .card {
   border-bottom: 4px solid #C8102E;
   padding-top: 30px;
   padding-bottom: 10px;
}

.sales-service #accordion .card strong {
   color: #5a666f;
}

.btn-accordion {
   color: #ecf0f1;
   background: #5B6770;
   width: 35px;
   height: 35px;
   border: 0;
   font-size: 1.5em;
   position: relative;
   border-radius: 50%;
   float: right;
   margin-left: 15px;
   margin-top: 15px;
}

.btn-accordion span {
   position: absolute;
   transition: .3s;
   background: white;
   border-radius: 2px;
}

.btn-accordion span:first-of-type {
   top: 25%;
   bottom: 25%;
   width: 10%;
   left: 45%;
   transform: rotate(90deg);
}

.btn-accordion span:last-of-type {
   left: 50%;
   right: 50%;
   height: 10%;
   top: 45%;
   transform: rotate(90deg);
}

.btn-accordion.collapsed {
   background: #C8102E;
}

.btn-accordion.collapsed span:first-of-type,
.btn-accordion.collapsed span:last-of-type {
   transform: rotate(0deg);
}

.btn-accordion.collapsed span:last-of-type {
   left: 25%;
   right: 25%;
}

@media screen and (max-width:768px) {
   .btn-accordion {
      margin-top: -10px;
   }
}

.w-20 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
   margin-bottom: 10px;
}

@media (min-width: 576px) {
   .w-sm-20 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}

@media (min-width: 768px) {
   .w-md-20 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}

@media (min-width: 992px) {
   .w-lg-20 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      margin-bottom: 10px;
   }
}

@media (min-width: 1200px) {
   .w-xl-20 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}

.vendor-logos {
   margin-bottom: 40px;
}

/* temp animation */
@keyframes spin-me {
   from {
      transform: rotate(0deg);
   }

   to {
      transform: rotate(360deg);
   }
}

.spin-me {
   animation-name: spin-me;
   animation-duration: 4s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
}

.spin-me img {
   border-radius: 50%;
}

.quoteForm table {
   width: 100%;
}

.quoteForm .button {
   /*float:right;*/
}

.formBuilderTable tr:last-child {
   text-align: right;
}
#FormTable_2267 > tr:nth-last-child(2), 
#FormTable_2276 > tr:nth-last-child(2),
#FormTable_2280 > tr:nth-last-child(2),
#FormTable_2281 > tr:nth-last-child(2),
#FormTable_2326 > tr:nth-last-child(2),
#FormTable_2329 > tr:nth-last-child(2),
#FormTable_2312 > tr:nth-last-child(2),
#FormTable_2282 > tr:nth-last-child(2),
#FormTable_2315 > tr:nth-last-child(2), 
#FormTable_2282 > tr:nth-last-child(2),
#FormTable_2313 > tr:nth-last-child(2),
#FormTable_2316 > tr:nth-last-child(2),
#FormTable_2314 > tr:nth-last-child(2) {
    display:none;
}
/* responsive video */

.video-wrapper {
   display: block;
}

.video {
   position: relative;
   padding-top: 56%;
}

.video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video .yt-button {
    content:"";
    display:block;
    background-image:url('/images/youtube-button.png');
    backgroun-repeat:no-repeat;
    background-size:100%;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    margin:auto;
    width: 100px;
    height: 100px;
}


.video img:hover,.video .yt-button {
   cursor:pointer;
}

.video.clicked .yt-button{display:none;}

.embed-responsive {
    margin-bottom: 5px;
    margin-top: 15px;
}

.video a {color:#fff; text-decoration:underline;}

.video p {
    position: absolute;
    top:100%;
}

.lib-videos {
   padding: 0;
}

.full-image img {
   width: 86%;
   display: block;
   margin: 5px auto;
}

.hide-section,
.hide-section + .category-images {
   display: block;
}

.original-row.hide-section {
   display: block;
}

#FormTable_2263 {
   margin: 0 auto;
}

.cutting .formTable + h2 {
   display: none
}

.sidebar {
   height: fit-content;
   height: -moz-fit-content;
   display: table;
}

.sidebar .formTable {
   padding-top: 20px;
}

.sidebar .formTable + h2 {
   font-size: 1.1em;
    margin-bottom: 15px;
    text-align: center;
}

.sidebar .formBuilderTable {
   padding: 20px;
   width: 100%;
}

.sidebar .formBuilderTable input {
   background: #fff;
   width: 100%;
   margin-bottom: 10px;
}

.sidebar .formBuilderTable input::placeholder {
   font-size: .875em;
}

.cutting .formBuilderTable .button,
.sidebar .formBuilderTable .button {
    color: #0032A0;
    background: transparent;
    border: 2px solid #0032A0;
    display: inline-block;
    padding: 5px 15px;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 24px;
}

.cutting .formBuilderTable .button:hover,
.sidebar .formBuilderTable .button:hover {
   color: #fff;
   background: #0032A0;
}



/* photo galleries */
#mGallery {
   text-align: center;
}

#mGalleryPreviewImg {
   max-height: 468px;
}

#mGalleryPreviewImage img {
   max-width: 100%;
   max-height: 468px;
}

#mGalleryRowTwo ul li {
   float: left;
}

#mImageDirectionalButtonsPrev,
#mImageDirectionalButtonsNext {
   position: absolute;
   top: 45%;
   z-index: 999;
   display: block;
   width: auto;
   height: auto;
   padding: 10px;
   background-color: rgba(51, 51, 51, 0.58);
}

#mImageDirectionalButtonsPrev img,
#mImageDirectionalButtonsNext img {
   max-height: 30px;
}

#mImageDirectionalButtonsPrev:hover,
#mImageDirectionalButtonsNext:hover {
   background-color: rgba(51, 51, 51, 0.78);
}

#mGalleryDescription {
   display: none;
}

#mImageDirectionalButtonsNext {
   margin-left: 93%;
}

#mGalleryRowTwo #ThumbnailImagesList {
   display: inline-block;
   margin-left: 6px;
   list-style: none;
}

#mGalleryRowTwo #ThumbnailImagesList li img {
   max-height: 75px;
}

#mGalleryRowTwo #ThumbnailImagesList li {
   margin-bottom: 10px;
}

#mGalleryRowTwo {}

#mGalleryPreviewCaption {
   margin: 10px 0 20px 5px;
}

#mGalleryDescription {
   margin-bottom: 5px;
}

/* --- */

/* hover state fixes */
.btn.btn-white-o:hover {
   background: #fff;
   color: #0032A0;
   text-shadow: none;
}

a.btn.btn-blue-o:hover {
   color: #fff;
   background: #0032A0;
}


a.btn.btn-red:hover {
   background: #0032A0;
   color: #fff;
}

a.btn.btn-gray:hover,.two-col-blocks > div a:hover {
   color: #fff;
   background: #828382;
}

@media screen and (max-width:600px) {

   .hide-section,
   .hide-section + .category-images {
      display: none;
   }
}

#footer-form {
   display: none;
}

.aos-init.aos-animate {
   margin-top: 5px;
   margin-bottom: -15px;
}

footer input {
   font-family: 'Roboto', sans-serif;
}

table#FormTable_2261 {
   width: 100%;
}

/** Internet Explorer Override **/
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
   .four-col-blocks > div {
      flex: none;
      width: 25%;
      padding: 5px 0;
   }
}

/** Auctori Overrides **/
#aspnetForm .col-lg-4 {
   position: static !important
}

#aspnetForm .category-images,
#aspnetForm .hide-section {
   display: block !important;
}

#aspnetForm .cycle-slideshow {
   position: relative !important;
}

#aspnetForm .col-50.resizable-image {
   position: static;
   overflow: visible;
}

#aspnetForm .resizable-image img {
   position: relative;
   height: auto;
   width: 100%;
}

#aspnetForm #banner {
   padding-top: 0;
}

#aspnetForm .slide::after,
#aspnetForm ..slide::before {
   display: none;
}

#aspnetForm .slide.cycle-slide {
   position: static !important;
   display: block !important;
   visibility: visible !important;
}

#aspnetForm .slide {
   max-width: 100% !important;
}

#aspnetForm .slide img {
   width: auto !important;
   height: auto !important;
   position: static !important;
}

#aspnetForm .home-banner {
   padding-top: 0;
   overflow: visible !important;
}

#aspnetForm #main .interior-banner.image-background {
   overflow: visible !important;
}

#aspnetForm .slide.cycle-slide.cycle-sentinel {
   display: none !important;
}

#aspnetForm #footer-form {
   display: block;
}

#aspnetForm .cycle-slideshow {
   overflow: visible !important;
}

#aspnetForm img {
   max-width: 100%;
}

#aspnetForm .four-col-blocks .cmsControlBox {
   width: 100%;
}


.centered-headline h2 {
   width: 100%;
   text-align: center;
   font-size: 2em;
   font-weight: 400;
   margin-top: 30px;
}
.radioLabel label {
   margin-top: -4px;
}
table#FormTable_1362 tbody > tr {
   display: block;
   width: 100%;
}

table#FormTable_2250,table#FormTable_2276 {
    width: 560px;
    margin: 0 auto;
}

table#FormTable_1361 > tbody,
table#FormTable_2250 > tbody,
table#FormTable_2276 > tbody{
   display: flex;
   width: 100%;
   flex-wrap: wrap;
}
table#FormTable_1361 > tbody > tr,
table#FormTable_2250 > tbody > tr,
table#FormTable_2276 > tbody > tr{
   min-width: 100%;
}

table#content3_FORM_1362_11564_11106 > tbody tr{
   display: inline-block;
   width: 160px;
}
table#content3_FORM_1361_11664_11206 > tbody tr,
table#content3_FORM_2250_22293_21822 > tbody tr {
   display: inline-block;
   min-width: 25%;
}
table#content3_FORM_1361_11550_11092 > tbody tr {
   display: inline-block;
   min-width: 20%;
}
table#content3_FORM_1361_11665_11207 {
   max-width:530px;
}
table#content3_FORM_1361_11665_11207 > tbody tr{
   display: inline-block;
   min-width: 50%;
}
@media (max-width:575px){
#content3_FORM_1361_11553_11095 {
 max-width: 100% !important;  
}
}

table#content3_FORM_1362_11564_11106 input[type="checkbox"],
table#content3_FORM_1361_11664_11206 input[type="checkbox"],
table#content3_FORM_1361_11550_11092 input[type="checkbox"],
table#content3_FORM_2250_22293_21822 input[type="checkbox"],
table#content3_FORM_1361_11665_11207 input[type="checkbox"]{
   display: inline-block;
   width: 25px;
   margin-left: 10px;
}

table#FormTable_1361 input[type="button"],
table#FormTable_1361 input[type="submit"],
table#FormTable_2250 input[type="button"],
table#FormTable_2250 input[type="submit"],
table#FormTable_2276 input[type="button"],
table#FormTable_2276 input[type="submit"],
table#FormTable_1362 input[type="button"],
table#FormTable_1362 input[type="submit"] {
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   display: inline-block;
   width: 100px;
}
table#FormTable_2276 .fieldWrapperOutputRadio .radioLabel {
   margin-right:0;
}

@media screen and (max-width:340px) {
   table#FormTable_1361 tbody > tr .fieldNameOutputCheck,
   table#FormTable_2276 tbody > tr .fieldNameOutputCheck,
   table#FormTable_1362 tbody > tr .fieldNameOutputCheck{
      width: 254px;
   }

   table#FormTable_1361 input[type="text"],
   table#FormTable_2276 input[type="text"],
   table#FormTable_1362 input[type="text"] {
      width: 100% !important;
   }
}

table.contact-office {
   width: 100%;
  margin-top:20px;
}
table.contact-office td {
   vertical-align: top;
}

@media screen and (max-width:768px){
  table.contact-office tr,table.contact-office td {
   display:block;
   margin-top:20px;
   width:100%!important;
}
}

.accessories .dk-gray-back span.fa-stack {
   margin-left:-1.5em;
   margin-top: -5px;
}
.accessories .dk-gray-back .col-md-4 h3 {
   display: inline-block;
}

.col.two-col-blocks {
   display: flex;
   flex-wrap: inherit;
}

.two-col-blocks > div {
   flex: 0 0 50%;
   position:relative;
	 padding: 0px 10px 40px;
	 margin-bottom: 50px;
}

@media screen and (max-width:768px){
   .two-col-blocks > div {
      flex: 0 0 100%;
      padding: 0 5px 54px;
   }
}

.gray-section {
    background-color: #efefef;
}
.two-col-blocks > div h2{
  color:#5B6770;
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 20px;
}

/* timeline rules */
 .timeline-section {
            position: relative;
            padding: 24px 0 10px;
        }

        .time-line {
            position: absolute;
            width: 20px;
            top: 10px;
            bottom: 444px;
            left: 0;
            right: 0;
            margin: auto;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#C8102E+0,C8102E+38,0032A0+62,0032A0+91 */
background: #C8102E; /* Old browsers */
background: -moz-linear-gradient(top,  #C8102E 0%, #C8102E 38%, #0032A0 62%, #0032A0 91%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #C8102E 0%,#C8102E 38%,#0032A0 62%,#0032A0 91%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #C8102E 0%,#C8102E 38%,#0032A0 62%,#0032A0 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8102E', endColorstr='#0032A0',GradientType=0 ); /* IE6-9 */

        }

.time-line:after {
    content: url(/images/time-end-2.png);
    display: block;
    position: absolute;
    bottom: -8px;
}

        .time-line-event {
            max-width: 900px;
            margin: 100px auto 0;
            clear: both;
            min-height: 200px;
        }

        .time-line-event:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            visibility: hidden;
        }

        .image-block {
            position: relative;
            width: 260px;
            left: calc(50% - 130px);
            margin-bottom: -170px;
        }

        .time-line-event .description-block {
            position: relative;
            width: 50%;
            box-sizing: border-box;
            top: -16px;
        }

        .description-block h2,.description-block-final h2,.timeline-title h2 {
            font-size: 2.5em;
            color: rgba(255,255,255,.5);
        }
        
        .timeline-title h2 {
            font-size: 2.5em;
            color: rgba(255,255,255,.8);
        }

        .description-block-final h2 {
            margin-top: 20px;
        }

        .description-block p,.description-block-final p,.timeline-title p {
            font-size: .9em;
            color: rgba(255,255,255,.7);
        }
        
        .time-line-event:nth-child(even) .description-block {
            padding: 10px 150px 10px 10px;
            text-align: right;
        }

        .time-line-event:nth-child(odd) .description-block {
            left: 50%;
            padding: 10px 10px 10px 150px;
            text-align: left;
        }


        .final-time-line-event {
            max-width: 600px;
            margin: 150px auto 50px;
            text-align: center;
        }

        .image-block-final img {
            width: 100%;
        }
        
        @media screen and (max-width:770px) {
            .time-line {
               bottom: 417px;
            }
            .image-block {
                position: relative;
                width: 260px;
                left: calc(50% - 130px);
                margin-bottom:10px;
            }

            .time-line-event .description-block {
                position: relative;
                max-width:400px;
                margin:10px auto;
                box-sizing: border-box;
                top:0;
            }

            .time-line-event:nth-child(odd) .description-block,
            .time-line-event:nth-child(even) .description-block {
                left: 0;
                padding: 10px 10px 10px 10px;
                text-align: center;
            }

        }
.time-back{
    background-image:url(/images/sign-background.jpg);
    background-size:100%;
    background-repeat:no-repeat;
    background-position:top center;
}

.red-border-top{
    border-top: 5px solid #C8102E;
}


div[class*="col-"].centered{
    float:none;
    margin:0 auto;
}

.p-0 .mob-show {
    display: block;
}

a.btn.btn-red.mob-show {
    display: inline-block;
    margin-left: 2px;
    margin-bottom: 20px;
}

@media (min-width: 1199px){
.p-0 .mob-show {
    display: none;
}

}

/************************

responsive table

*************************/


.blue-background table {
    background: #fff;
    width: 100%;
}

.blue-background table th {
    background: #00A9E0;
    text-align: center;
    font-weight: 300;
    padding: 8px;
}

.blue-background table th, .blue-background table td {
    border:1px solid #ccc;
}


.blue-background table tr td {
    text-align: center;
    padding: 8px;
    color:#333;
}

.blue-background table tr td:first-child {
    background: #efefef;
    text-align: center;
}
.eapps-widget-toolbar+a{display:none;}

.errorMessage {
    color: red;
}
.errorMessage ul {
    padding: 0;
}
.errorMessage li {
    display: block;
    font-size: .8em;
}

.mob{
   display:none;
}
@media screen and (max-width:768px){
.desk{display:none;}
   .mob{
   display:block;
}

.footer-info img{
   width: 130px;
    margin-bottom: 20px;
}

}

@media screen and (max-width:575px){
    body{padding-top:0;}

   header#header,header#header.shrink {
       position:relative;
   }
}


/****************************************

   request a quote page rules

*****************************************/


table#FormTable_2277 input[type="text"],
table#FormTable_2281 input[type="text"],
table#FormTable_2280 input[type="text"]
 {
    width: 100%!important;
}

.fieldNameOutputDropDown {
    display: none;
}

table#FormTable_2277,
table#FormTable_2281,
table#FormTable_2280
 {
    margin: 0 auto;
    width: 100%;
    max-width: 550px;
    margin-top: 55px;
}



table#FormTable_2277 .fieldWrapperOutputRadio,

table#FormTable_2281 .fieldWrapperOutputRadio,
table#FormTable_2281 .fieldWrapperOutputCheck,
table#FormTable_2280 .fieldWrapperOutputRadio,
table#FormTable_2280 .fieldWrapperOutputCheck

 {
    display: inline-block;
    width: 138px;
    padding-top: 4px;
}

table#FormTable_2277 .fieldNameOutputRadio,
table#FormTable_2281 .fieldNameOutputRadio,
table#FormTable_2280 .fieldNameOutputRadio
 {
    display: inline-block;
    width: 401px;
    padding-right: 110px;
    vertical-align: top;
}


table#FormTable_2277.formBuilderTable .fieldNameOutputCheck {
    display: inline-block;
    vertical-align: top;
}

table#content3_FORM_2281_22759_22288 td,
table#content3_FORM_2280_22745_22274 td
{
    text-align: left;
    display: block;
}

table#content3_FORM_2281_22759_22288 tr, 
table#content3_FORM_2280_22745_22274 tr 
{
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

table#content3_FORM_2281_22759_22288 label, 
table#content3_FORM_2280_22745_22274 label 
{
    display: inline-block;
    width: 20px;
    margin-right: 0;
    top: -4px;
    position: relative;
}

table#FormTable_2277.formBuilderTable input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
}


table#FormTable_2277.formBuilderTable .button,
table#FormTable_2281.formBuilderTable .button,
table#FormTable_2280.formBuilderTable .button,
#FormTable_2276.formBuilderTable .button,
#FormTable_2250.formBuilderTable .button
 {
    color: #0032A0;
    background: transparent;
    border: 2px solid #0032A0;
    display: inline-block;
    padding: 5px 15px;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 24px;
}

#FormTable_2276.formBuilderTable tr:last-child{text-align:left;}

table#FormTable_2277.formBuilderTable .button~.button,
table#FormTable_2281.formBuilderTable .button~.button,
table#FormTable_2280.formBuilderTable .button~.button
{
   display:none!important;
}

table#FormTable_2281.formBuilderTable .fieldNameOutputCheck, 
table#FormTable_2280.formBuilderTable .fieldNameOutputCheck 
{
    display: inline-block;
    vertical-align: top;
    width: 401px;
}

td.formTableCell {
    position: relative;
}

table#content3_FORM_2281_22759_22288,
table#content3_FORM_2280_22745_22274
{
    width: 100%;
    margin-bottom: 20px;
}

#content3_FORM_2281_22759_22288 + .fieldCaption,
#content3_FORM_2280_22745_22274 + .fieldCaption
{
    position: absolute;
    left: 0;
    bottom: 15px;
    font-size: .8em;
    font-style: italic;
    width: 307px;
}

.fieldWrapperOutputCheck input {
    margin-right: 10px;
    height: 20px;
    width:20px;
    display: inline-block;
}

table#FormTable_2277 tr:nth-child(13) div.fieldNameOutputRadio:after,
table#FormTable_2281 tr:nth-child(13) div.fieldNameOutputRadio:after,
table#FormTable_2280 tr:nth-child(13) div.fieldNameOutputRadio:after
 {
    content: "if yes, we'll contact you with instructions for sending us your sample materials.";
    display: block;
    font-size: .8em;
    font-style: italic;
}

@media screen and  (max-width:474px){
  table#FormTable_2277,table#FormTable_2277 tr,table#FormTable_2277 td,table#FormTable_2277 tbody,
  table#FormTable_2281,table#FormTable_2281 tr,table#FormTable_2281 td,table#FormTable_2281 tbody,
  table#FormTable_2281,table#FormTable_2280 tr,table#FormTable_2280 td,table#FormTable_2280 tbody
{
   display:block;
}

table#FormTable_2277 .fieldNameOutputRadio,
table#FormTable_2281.fieldNameOutputRadio, 
table#FormTable_2280.fieldNameOutputRadio, 
    {
    display: inline-block;
    width: 100%;
    padding-right: 5px;
}

table#FormTable_2277 select,
table#FormTable_2281 select,
table#FormTable_2280 select
    {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-position-x: right;
    padding-right: 24px;
    appearance: none;
    background-color: #efefef;
}

}

.dk-gray-back .col-md-4 h3 {
    font-size: 1.4em;
}

div#map {
    position: absolute;
    max-width: 587px;
    font-size: .7em;
    padding: 17px;
    right: 0;
    background: #fff;
    display:none;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    z-index: 999999;
}

div#map div {
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
}

div#map ul {
    padding: 0;
}

div#map li {
    display: block;
}

a#mapClose {
    position: absolute;
    right: 6px;
    top: 6px;
    background: #C8102E;
    color: #fff;
    padding: 5px;
}

.map-column p {
    font-weight: 600;
}

a#map-switch {
    background: #0032A0;
    color: #fff;
    padding: 8.5px 15px;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: 500;
    margin-right: 15px;
    vertical-align: top;
}

a#map-switch:hover {
    background: #C8102E;
    text-decoration:none;
}
.row.p-0.flex-right {
    justify-content: flex-end;
}
@media (min-width: 1199px){

a.btn.btn-red.mob-show,a#map-switch.mob-show {
    display: none!important;
}

}

@media screen and (max-width:959px){
       .auxiliary-container.cf {
    /*flex-grow: 1;*/
        text-align: right;
            padding-right: 15px;
}

.auxiliary-container.cf.text-right {
    display: none;
}

.header-navigation-block .auxiliary-container.cf .btn.btn-red,
.auxiliary-container.cf a#map-switch 
 {
   display:none!important;
}

a#map-switch {
    //display: inline-block!important;
    margin-right: 0;
}

div#map {
    text-align: left;
    height: 400px;
    overflow-y: auto;
}
    }


a#map-switch.mob-show {margin-left: 10px; padding: 8px 15px;}
@media screen and (max-width:712px){
.col.header-navigation-block {
    margin-top: -75px;
}
}


@media screen and (max-width:512px){
.row.mob-unflex{
  display:block;
}
.col-4.mob-show.text-right {
    flex: 0 0 100%;
    max-width: 100%;
}

#logo {
    margin-bottom: 10px;
    width: 140px;
	padding-right: 0px;
}

.col.header-navigation-block {
    margin-top: -94px;
    flex-grow: unset;
    width: 174px;
    float: right;
}
}

.col-md-9.ex-pad-footer br {
    display: none;
}

/*.cutting*/
.formBuilderTable input[value="Reset"].button,

.formBuilderTable input[value="Cancel"].button {
    display: none!important;
}

.mSiteSearch{
   display:none;
}
span.search-trigger {
    margin-left: 10px;
}


span.search-trigger.mob-trigger{
    vertical-align: super;
}




.mSiteSearch {
    display: none;
    width: 270px;
    padding:;
    position: absolute;
    right: 10px;
    bottom: -52px;
    box-shadow: 0 0 10px;
        padding: 0px 10px 10px;
        z-index: 999999;
}

.mSiteSearch.open {
    display:block;
 }

#main .mSiteSearch{
   display:block;
   position:relative;
width:100%;
box-shadow:none;
z-index:1;
}


@media screen and (max-width: 1199px){
    .mob-hide {
       display:none;
    }


    .mSiteSearch {
   
    right: 10px;
    bottom:10px;
   }


}

.siteSearchTextBox {
    display: inline-block;
    width: 201px;
}

input#ctl28_btnSearch {
    display: inline-block;
    width: 45px;
    background: #C8102E;
    color: #fff;
}

.siteSearchButton {
    display: inline-block;
}


h2.btn.btn-gray {
    font-size: inherit;
    display: inline-block;
}

h2.btn.btn-gray:hover {
     text-decoration:underline!important;

}

h2.btn.btn-gray:hover:before{
   content:"Open ";
}

h2.btn.btn-gray.open:hover:before{
   content:"Close ";
}

body.fr h2.btn.btn-gray:hover:before{
   content:"OUVRIR ";
}

body.fr h2.btn.btn-gray.open:hover:before{
   content:"FERMER ";
}

body.sp h2.btn.btn-gray:hover:before{
   content:"ABRIR ";
}

body.sp h2.btn.btn-gray.open:hover:before{
   content:"CERRAR ";
}

body.it h2.btn.btn-gray:hover:before{
   content:"APRI ";
}

body.it h2.btn.btn-gray.open:hover:before{
   content:"CHIUDI ";
}


.flex.four-col > div.h2-block{
  display:none;
}

.flex.four-col > div.h2-block.open{
  display:flex;
}

.img-tuck img{width:50%;}


.site-footer > .container:first-child{
    display:none;
}

footer .phone{margin-top:0;}

input[id*='_submitForm'].clicked {
    pointer-events: none;
}

.home-header.four-col {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin:50px auto 10px auto;
}

.home-header.four-col a {
    display: block;
    flex: 0 0 25%;
    padding: 0 7px;
margin:7px 0;
}

.mobile-hide{
   display:none;
}
.special-header-block.desktop-show {
    width: 130px;
    margin: 0 auto;
    margin-bottom: -61px;
    margin-top: 15px;
}

@media screen and (max-width:1200px){
.desktop-show{display:none;}
.mobile-hide{display:block;}
.special-header-block-inline.mobile-hide {
    left: 350px;
    position: absolute;
	}
}


@media screen and (max-width:990px){

   .home-header.four-col a {
        flex: 0 0 50%;
    }

}

@media screen and (max-width:600px){

   .home-header.four-col a {
        flex: 0 0 100%;
    }
  
  .special-header-block-inline.mobile-hide {
    width: 90px;
    float: right;
    margin-top: -45px;
	position: inherit;
	left: 0px;
   /*display:none;*/
}

}

.card .row {
    justify-content: center;
}

.min-250{
 min-height:250px;
}


#FormTable_2348.formBuilderTable input[value="Reset"].button, #FormTable_2348.formBuilderTable input[value="Cancel"].button {
    display: block!important;
}

#FormTable_2348.formBuilderTable input[value="Reset"].button, #FormTable_2348.formBuilderTable input[value="Cancel"].button,
#FormTable_2348.formBuilderTable input[value="Submit"].button {
    background:#333;
    color:#fff;
}