@charset "UTF-8"; 
@font-face {font-family: 'roboto'; src: url(../fonts/Teko-Regular.ttf)}
:root,
[data-bs-theme="reelycatchy"] {
    --sc-body-font: Montserrat, sans-serif;
	--sc-title-font: roboto;
    --sc-body-font-size: 18px;
    --sc-body-font-weight: 500;
    --sc-body-line-height: 1.5;
    --sc-body-text-color: #000;
    --sc-body-text-align: left;
  
}


body {
    margin: 0;
   font-family:var(--sc-body-font); 
    font-size: var(--sc-body-font-size);
    font-weight:var(--sc-body-font-weight);
    line-height: var(--sc-body-line-height);
    color: var(--sc-body-text-color);
   text-align: var(--sc-body-text-align);
   background: #fff;
 

   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
}

*,
::after,::before { box-sizing: border-box;}
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; }}



h1,h2,h3,h4 {  font-family:var(--sc-title-font); text-transform: uppercase; letter-spacing: 3px;  margin-top: 0;   margin-bottom: 0.5rem;  line-height: 1.4;}
h1 { padding-top: 50px; font-size: 30px; }
@media (min-width: 1200px) { h1 { font-size: 50px; }}
h2 {font-size: 25px; }
@media (min-width: 1200px) {
h2 {  font-size: 35px;  }}
 h3{ font-weight: 200; font-size: 30px}


p { margin-top: 0;
    margin-bottom: 1rem;
    font-family: var(--sc-body-font);
}


.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    

    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;

}
.nav-link {
    display: block;
    text-transform: uppercase;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size:16px;
    font-weight: 700;
    color:  #000;
    text-decoration: none;
    background: 0 0;
    border: 0; 
    height: 50px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (max-width: 1140px) {
.nav-link {    font-size:20px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:focus,
.nav-link:active,
.nav-link:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #ab1324;
   

}


.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 30, 0, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}
.nav-item{ margin-right: 20px; padding-top: 0px;     }
.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}


@media  (min-width: 100px){  
    .navbar { --bs-navbar-padding-x: 2%;
}}
@media  (min-width: 1400px){  
    .navbar { --bs-navbar-padding-x: 10%;
}}

@media  (min-width: 1600px){  
    .navbar { --bs-navbar-padding-x: 15%;
}}


.navbar {
   
    --bs-navbar-padding-y:0px;
 
    --bs-navbar-hover-color:#ffffff;
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);

    --bs-navbar-nav-link-padding-x: 0px;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url(../img/nav.svg);
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-transform: uppercase;
	justify-content: space-between;
	padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
	min-height: 50px;
  border-top: #999 solid 1px;
  border-bottom: #999 solid 1px;;
background-repeat: repeat;

	z-index: 500;
	   
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 5px;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color:  ;
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
    position: static;
}
.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: #fff;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: #ab1324;
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}
.navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

@media (min-width: 1140px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left:15px;
     
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}


@media (min-width: 1140px) {
.nav-position  {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
}

body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
   

@media (min-width: 0px) and (max-width: 1140px){
    .nav-position {position:relative;right:0;left:0;z-index:500}
    .navbar{background-color: #ffffff;}
    .nav_link_padding_top{ padding-top: 40px }
    
}   

@media (min-width: 625px) {
.logo{position: relative;
  
    left: 14%;
    max-width: 400px;
    padding-bottom: 10px;
    margin-top:-20px;}

}

@media (max-width: 625px) {
.logo{position: relative;
  
   display: block; margin: 0 auto;
  
    padding-bottom: 10px;
    }
}


.v_align{  padding-top: 13px;}
.hex_bg{background-image: url(../images/hexagon.svg);}


  .top-info {
  margin: 0;
  padding: 0;
  float: right;
  list-style-type: none;


  margin-right: 15px;



  border-top: 0;
  overflow: hidden;
  }
.top-info li {
  
  margin: 0px;
  padding: 0px;
}
.top-info a {
  font-size:14px;
  margin: 0;
color: #ab1324;
text-decoration: none;
  display: inline-block;
  padding: 7px 10px;
  min-width: 40px;
  text-align: center;
  transition: all .25s ease;
}.top-info a:hover {
  background-color: #ab1324;
  color: #fff;
  text-decoration: none;
  }
.top-info .fishing_report a {
  clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
  font-size:14px;
   background-color: #ab1324;
  margin: 0;
color: #FFFFFF;
  display: inline-block;

  padding: 7px 15px;
  min-width: 40px;
  text-align: center;
  transition: all .8s ease;
}.top-info .fishing_report a:hover {
  background-color: #000000;color: #fff;
 
  text-decoration: none;
  }
  .top-box-space{margin: 5px}
.top-box{min-height: 50px;background-color: #FFFFFF; border-top:solid 4px #ab1324;}

.text_right{text-align: right;}


.text_color_white{color: #fff;}

.text_color_orange{ color: #fdaa0e;}
.text_color_red{ color: #ab1324; }
.text_shadow{text-shadow: #000 1px 0 10px;}

@media (min-width: 1600px) {.spaceing{padding-left: 20%; padding-right: 20%;}} 
.spaceing{padding-top: 100px;}

.spaceing_5{padding-left: 7%; padding-right: 7%; }
.img_shadow{box-shadow: 2px 2px 4px rgba(0, 0, 0, .6);}

.min_hight_570{min-height: 570px;}

@media (max-width:1400px){
.min_hight_630{min-height: 670px;}

}
@media (min-width:1400px){
.min_hight_630{min-height: 640px;}

}

.service_icon:hover {
  transform: translateY(-10px) !important;
  transition: 1s !important;
}
.text_underline{text-decoration: underline}
.hexagon_clip_path{clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
.bg_text_hex_model{ z-index: 0; background-image: url(../images/hex_van.png); background-size: cover; background-position: center; min-height: 400px;}

.bg_transport_1{ z-index: 0; background-image: url(../images/custom-prison-transport-van-148wb.png); background-size: cover; background-position: center; min-height: 300px;}

.bg_transport_2{ z-index: 0; background-image: url(../images/C2-Bus.png); background-size: cover; background-position: center; min-height: 300px;}

.bg_transport_3{ z-index: 0; background-image: url(../images/HDX2-Bus.png); background-size: cover; background-position: center; min-height: 300px;}

.bg_transport_4{ z-index: 0; background-image: url(../images/Starcraft-custom-prisoner-Transport-Bus.png); background-size: cover; background-position: center; min-height: 300px;}

.hex_model_padding{ padding: 10px;}


.padding_50p{ padding-left: 18%;}
.padding_32p{  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;   }
.padding_bottom_50{padding-bottom: 50px}
.padding_bottom_25{padding-bottom: 25px}
.padding_top_10{padding-top: 10px; padding-right: 10px; font-size: 14px;}
.padding_top_25{padding-top: 25px;}
.padding_top_50{padding-top: 50px}
.padding_top_75{padding-top: 75px}


.padding_top_100{padding-top: 100px}



.padding_bottom_100{padding-bottom: 100px}
.padding_left_25{padding-left: 8%}
.padding_right_25{padding-right: 8%}


.padding_right_50{ padding-right: 50px;}
.padding_left_50{padding-left: 50px;}

.padding_left_100{padding-left: 100px ;}
.padding_right_100{padding-right: 100px ;}
.mar_right_15{margin-right: 15px;}
.heading_box_white{clip-path: polygon(15% 0, 85% 0, 100% 100%, 0% 100%); padding-left: 60px; line-height:2; background-color:  #ffffff; height: 51px; width: 450px; }

.pull_up_heading_box{ top:-50px; position: relative;}

.background_black{background-color: #000;}

.background_white{background-color:#FFFFFF;}
.background_black_opacity{ background-color: rgba(0, 0, 0, .4);}

.no_underline:hover{ text-decoration: none;}
.text_title_side{   font-family:var(--sc-title-font); color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px;  margin-top: 0;   margin-bottom: 0.5rem;  line-height: 1.4; padding-top: 30px; font-size: 50px;}

@media (max-width:600px){
.text_title_side{ font-size: 25px; padding-top: 10px;}

}

.header_inner_bg {
    background-image: -webkit-linear-gradient(135deg,rgba(184, 8, 8, 0.8) 13.06%,rgba(0, 0, 0, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../images/cnc-background);
    background-image: -moz-linear-gradient(135deg,rgba(184, 8, 8, 0.8) 13.06%,rgba(0, 0, 0, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../images/cnc-background.png);
    background-image: -o-linear-gradient(135deg,rgba(184, 8, 8, 0.8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(46, 76, 154, .8) 92.54%), url(../images/cnc-background);
    background-image: linear-gradient(135deg,rgba(122, 2, 2, 0.8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(110, 2, 2, 0.8) 92.54%), url(../images/cnc-background.png);
   
    min-height: 200px;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact_bg {
    background-image: -webkit-linear-gradient(135deg,rgba(184, 8, 8, 0.8) 13.06%,rgba(0, 0, 0, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../images/cnc-background);
    background-image: -moz-linear-gradient(135deg,rgba(184, 8, 8, 0.8) 13.06%,rgba(0, 0, 0, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../images/cnc-background.png);
    background-image: -o-linear-gradient(135deg,rgba(184, 8, 8, 0.8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(46, 76, 154, .8) 92.54%), url(../images/cnc-background);
    background-image: linear-gradient(135deg,rgba(122, 2, 2, 0.8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(110, 2, 2, 0.8) 92.54%), url(../images/cnc-background.png);
   
    min-height: 400px;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}    
.Section_black_bg{ background-image: url(../images/black-background.png); position: center; background-size: cover; background-attachment: fixed;
    background-position: bottom;}
    
.slide{ background-image: url(../images/cnc-background.png); background-size: cover; background-position: center; }
.slide1{ background-image: url(../img/prison-buss-side-image.jpg); background-size: cover; background-position: center; }
.slide_cnc{ background-image: url(../images/cnc-slider-image.png); background-size: cover; background-position: center; }
.slide_cad { background-image: url(../images/Custom-Machine-Parts.jpg); background-size: cover; background-position: center; }
.slide-2{ background-image: url(../images/cnc-background-2.png); background-size: cover; background-attachment: fixed;
    background-position: bottom; }

.min_hieght_slide{ min-height: 700px;} 

/*! *  Font Awesome 4.4.0 by @davegandy - https://fontawesome.io - @fontawesome *  License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) *//* FONT PATH * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.2.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
  .fa-arrow-right:before{content:"\f061"; font-size: 28px;}
  .fa-map-marker:before{content:"\f041";  font-size: 35px; }
  .fa-phone:before{content:"\f095"}

  
 .footer-top{background-image: url(../img/footer.png);
	 background-repeat:repeat-x;
     background-size: contain;
  background-position: bottom;
     height: 300px;}


footer {padding: 1px 0; text-align: left;  margin-top: 0px;  padding-top: 30px;  min-height: 300px; background-color: #000;  color: #FFFFFF}
footer a { color: #FFFFFF;  }
footer a:hover { color:#fdaa0e; text-decoration: none;}
footer .box{padding-left: 10px; padding-right: 10px}
footer p { font-size: 16px;  margin: 10; font-weight: 600; padding: 0; } 

footer h2{color: #FFFFFF;   font-weight: 400;   font-size: 30px;margin-top: 0px;    margin-bottom: 5px; }
 hr {border: 2px solid #ab1324}


@media (max-width:722px) { 

footer h3{margin-top: 25px;   }
}

@media  (max-width:1200px) {
    .google_map  {position: relative; padding-bottom:40%;  height: 0; overflow: hidden; margin-bottom: 50px;} 
  
.google_map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
}
@media  (min-width:1200px) {
.google_map  {position: relative; padding-bottom:20%;  height: 0; overflow: hidden; margin-bottom: 30px;} 
  
.google_map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
}


.red_line {border-top: 5px solid #b80000; width: 60px;}
.img_center { display: block; margin: 0 auto;}

.box{padding: 15px}


a { color:#ab1324;
  
    text-decoration: underline;
    text-decoration-thickness: .15em;
    text-underline-offset: .3em;
    -webkit-text-decoration-color: rgba(0, 0, 0, .15);
    text-decoration-color: rgba(0, 0, 0, .15);
    font-weight: 600;}

a:focus,a:hover {
     color: #000000;
    text-decoration: underline;
    text-decoration-thickness: .15em;
    text-underline-offset: .3em;
    -webkit-text-decoration-color: #ab1324;
    text-decoration-color:#ab1324
}


.rotate-on-hover {
  transition: transform 0.5s ease; 
}

.rotate-on-hover:hover {
  transform: rotate(90deg); 
}

.feature-box {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
  
    margin-top: 50px;

  margin-left: 25px;
    margin-right: 25px;
  
    border-radius: 3px;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
@media only screen and (max-width: 992px) {
    .feature-box {
        margin: 2rem;
    }
}

.feature-box:hover {
    -webkit-transform: translateY(-1.5rem) scale(1.03);
    transform: translateY(-1.5rem) scale(1.03);
}




@media (max-width:1200px) { .h-sm{ display: none !important }  }
@media (min-width:992px) { .h-sml{ display: none !important }  }
@media (max-width:992px) { .h-xs{ display: none !important }  }

::selection {
    background-color: rgba(122, 15, 15, 0.8); color:#ffffff/* WebKit/Blink Browsers */
}
::-moz-selection {
  background:  rgba(122, 15, 15, 0.8); color:#ffffff /* Gecko Browsers */
}

  .full-withradius {
	position: relative;
	background: #fff;

	/*The background extends to the outside edge of the padding. No background is drawn beneath the border.*/
	background-clip: padding-box;

	border: solid 10px transparent;
	border-radius: 0.8rem;

	&:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		margin: -8px; /* same as border width */
		border-radius: inherit; /* inherit container box's radius */
		background: linear-gradient(to left, rgb(0, 0, 0), rgb(155, 0, 0));
	}
}
.gardiant_box_size {

	display: grid;
	place-items: center;
	min-height: 200px;

	padding: 1rem;
}

.card {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-flow: column nowrap;
  height: 375px;
  justify-content: center;
  position: relative;
  width: 300px;
  
  &.card-1 {
    background: url(../images/ind-med.png) no-repeat center;
  }
  
  &.card-2 {
    background: url(../images/transcor-50-prison-bus-interior-1.jpg) no-repeat center;
  }
  
  &.card-3 {
    background: url(../images/ind-aerospace.png) no-repeat center;
  }
  
  &::after {
    background: rgba(0,0,0,0.7);
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 300ms ease-in;
    width: 100%;
  }
  
  &:hover::after,  &:hover .project-subtitle {
    opacity: 1;
  }
  
  .project-title  {
    color: white;
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-shadow: #000 1px 2px 3px;
    background-color: rgba(0, 0, 0, .8);
    padding: 10px 10px;
    z-index: 10;
  }
  
  .project-subtitle {
    color: white;
    display: block;  
    font-size: 14px;
    font-weight: 300;
    opacity: 0;
    padding: 10px 15px;
    z-index: 10; 
  }
}

.project-title:hover{ background-color: #fdaa0e;}

  .button{
    display: inline-block;
    position: relative;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;

    background: rgba(0,0,0,1);
  }
  .btn-5 span{ z-index: 50;
    display: block;
    padding: 15px 15px;
    
  }
  .button::before, .button::after{
    content:"";
    width: 0;
    height: 5px;
    position: absolute;
    transition: all 0.2s linear;
    background: #ab1324;
  }
  
  .btn-5 span::before, span::after{
    content:"";
    width:5px;
    height:0;
    position: absolute;
    transition: all 0.2s linear;
    background: #ab1324;
  }
  .button:hover::before, .button:hover::after{
    width: 100%;
  }
  .button:hover span::before, .button:hover span::after{
    height: 100%;
  }


/*----- button 5 -----*/
.btn-5::after{
    left:0;
    bottom: 0;
    transition-duration: 0.4s;
  }
  .btn-5 span::after{
    right:0;
    top: 0;
    transition-duration: 0.4s;
  }
  .btn-5::before{
    right: 0;
    top: 0;
    transition-duration: 0.4s;
  }
  .btn-5 span::before{
    left: 0;
    bottom: 0;
    transition-duration: 0.4s;
  }

@media (min-width: 992px){
  .c-button-padding{ padding-top: 100px;}
}
@media (max-width: 992px){
  .c-button-padding{ padding-left: 50px; padding-bottom: 100px;}
}

.c-button {
    color: #000;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
    padding: .7em 1.8em;
    cursor: pointer;
    display: block;
 
    position: relative;
  width: 250px;

    
  }
  
  .c-button-gooey {
    color:#ffffff;
 ;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 4px solid #ffffff;
;
    border-radius: 0;  
    padding: 1.2em 2em;
    position: relative;
    transition: all 700ms ease;
 margin-top: 50px;
  }

  .c-button-gooey:hover {
    text-decoration: none;
    color:#fdaa0e ;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 4px solid #fdaa0e;
    border-radius: 0;  
    padding: 1.2em 1.2em;
    position: relative;
    transition: all 700ms ease;
 margin-top: 50px;
  }


input[type="submit" i] {border: none;}
  .btn-slanted {
  text-decoration: none;
  position: relative;
  padding: 1rem 2.5rem;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  letter-spacing: 0.09rem;
  border-radius: 0.6rem;
  transition: all 0.4s;
}

/* Slanted on the right side */
 .btn-slanted {
  background: #ab1324;
  clip-path: polygon(0% 0%, 95% 0%, 80% 100%, 0% 100%);
}

 .btn-slanted:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #fdaa0e;
  transform: translateY(-8px);
  transition: all 0.4s;
}

.btn-slanted:hover {
  filter: drop-shadow(0 32px 54px #ea00003b);
}

  #hexGrid {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    font-family: sans-serif;
    list-style-type: none;
    z-index: 200;
    position: relative;
  }
  
  .hex {
    position: relative;
    visibility:hidden;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
    transition: all 0.5s;
    backface-visibility: hidden;
    will-change: transform;
    transition: all 0.5s;
  }
  .hex::after{
    content:'';
    display:block;
    padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
  }
  .hexIn{
    position: absolute;
    width:96%;
    padding-bottom: 110.851%; /* =  width / sin(60) */
    margin: 2%;
    overflow: hidden;
    visibility: hidden;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
        -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
            transform: rotate3d(0,0,1,-60deg) skewY(30deg);
      transition: all 0.5s;
  }
  .hexIn * {
    position: absolute;
    visibility: visible;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  }
  .hexLink {
      display:block;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #fff;
      overflow: hidden;
      -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
          -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
              transform: skewY(-30deg) rotate3d(0,0,1,60deg);
  }
  
  
  
  
  /*** HEX CONTENT **********************************************************************/
  .hex img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
  
  .hex h1, .hex p {
    width: 100%;
    padding: 5%;
    box-sizing:border-box;
    font-weight: 300;
    opacity: 0;
  }
  
  #demo1 {
    color: #ffffff;
    text-transform: capitalize;
      text-align: center;
    bottom: 50%;
    padding-top:50%;
    font-size: 1.5em;
    z-index: 1;
  }
  .hex h1:before, .hex h1:after {
    display: inline-block;
    margin: 0 0.5em;
    width: 0.25em;
    height: 0.03em;
    background: #ffffff;
    content: '';
    vertical-align: middle;
    transition: all 0.3s;
    text-align:center;
  }
  
  #demo2 {
  top: 50%;
  text-align: center;
  text-transform: uppercase;
      
  }
  
  .hex .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
 
  }

  .hex .img:before, .img:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    transition: opacity 0.5s;
  }

  
  /*** HOVER EFFECT  **********************************************************************/
  
  
  
  .hexLink:hover h1, .hexLink:focus h1,
  .hexLink:hover p, .hexLink:focus p{
  opacity:1;
  transition: 0.8s;
  }
  
  
  .hexIn:hover .img:before,
  .hexIn:hover .img:after,
  .hexIn:hover .hexLink {
    opacity: 1;
  }
  
  
  /*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
  @media (min-width:1201px) { /* <- 5-4  hexagons per row */
    #hexGrid{
      padding-bottom: 15%;
      padding-left: 50px;
       padding-right: 50px;
       padding-top: 100px;
    }
    .hex {
      width: 20%; /* = 100 / 5 */
    }
    .hex:nth-child(9n+6){ /* first hexagon of even rows */
      margin-left:10%;  /* = width of .hex / 2  to indent even rows */
    }
  }
  
  @media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
    #hexGrid{
      padding-bottom: 5.5%;
      font-size: 13px;
    }
    .hex {
      width: 25%; /* = 100 / 4 */
    }
    .hex:nth-child(7n+5){ /* first hexagon of even rows */
      margin-left:12.5%;  /* = width of .hex / 2  to indent even rows */
    }
  }
  
  @media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
    #hexGrid{
      padding-bottom: 7.4%;
      font-size: 14px;
    }
    .hex {
      width: 33.333%; /* = 100 / 3 */
    }
    .hex:nth-child(5n+4){ /* first hexagon of even rows */
      margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */
    }
  }
  
  @media (max-width: 600px) { /* <- 2-1  hexagons per row */
    #hexGrid{
      padding-bottom: 11.2%;
      font-size: 12px;
    }
    .hex {
      width: 50%; /* = 100 / 3 */
    }
    .hex:nth-child(3n+3){ /* first hexagon of even rows */
      margin-left:25%;  /* = width of .hex / 2  to indent even rows */
    }
  }
  
  @media (max-width: 400px) {
      #hexGrid {
          font-size: 8px;
      }
    
  
    
   
  }

  .full-withradius {
	position: relative;
	background: #fff;

	/*The background extends to the outside edge of the padding. No background is drawn beneath the border.*/
	background-clip: padding-box;

	border: solid 10px transparent;
	border-radius: 0.8rem;

	&:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		margin: -8px; /* same as border width */
		border-radius: inherit; /* inherit container box's radius */
		background: linear-gradient(to left, rgb(0, 0, 0), rgb(155, 0, 0));
	}
}
.gardiant_box_size {

	display: grid;
	place-items: center;
	min-height: 200px;

	padding: 1rem;
}

.zoom {
z-index: 500 ;
  transition: transform .2s; /* Animation */

}

.zoom:hover {
  z-index: 501 ;
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.modal {
   
  --bs-modal-zindex: 1055;
  --bs-modal-width: 900px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: #000;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  border-radius: 10px ;
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color:  #000;
  --bs-modal-header-border-width: 2px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: 10px;
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius:  10px;
  border-top-right-radius: 10px;
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius:  10px;
  border-bottom-left-radius:  10px;
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width:576px){

   .hidden_xs {
        display: none!important
    }
}

@media (min-width:576px) and (max-width:992px)  {
    .hidden_sm {
        display: none!important
    }
}

@media  (min-width:992px) and (max-width:1200px) {
    .hidden_md {
        display: none!important
    }
}

@media  (min-width:1200px) {
    .hidden_lg {
        display: none!important
    }
}

@media (min-width:1500px) {
    .hidden_xl {
        display: none!important
    }
}