/* @group structure */

html {  height: 100%;
  scroll-behavior: smooth;
}



 	
body {
color: #eeeeee;
/*background-color: #121212;*/
background-color: #121212;

  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  
  
  
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}



/*	body.has-bg .nav{
margin-bottom:  30vh;  	
  	}
  	
	  	
	body.has-bg.small-bg .nav {
  		margin-bottom:  15vh;
  	
  	}
  	*/
  	
  	
 @media print, screen and (min-width: 64em) {
 	
 	body {

 	}
 	html {  
 		font-size: 112.5%;
}

 	}

/* @end */

/* @group Type */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {

  font-family: "Poppins", sans-serif;
  font-weight: 800;
  
}

h1, .h1 {
	 color: #f9f9f9;
}
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6
{
	 color: #CC4B37;
}
a {
	  font-weight: 600;
	  color: #fff;
/*	  color: #CC4B37;*/
	  border-bottom: 1px solid #CC4B37;
/*	color: #F83F3F;*/
}

.clickable a {
	transition: 400ms all;
}
.clickable:hover {
	cursor: pointer;
}
.clickable:hover a:not(.button),
a:hover,a:active,a:focus {
		color: #CC4B37;
			  border-bottom: 1px solid #CC4B37;
/*		color: #F97171;*/

}


.crumb {
	list-style: none;margin: 0; padding: 0;font-size: 0.75rem; text-transform: uppercase; 
}

.crumb a {
	border: none;
	color: #666;
}
.crumb a:hover, .crumb a:focus, .crumb a:active {
		color: #CC4B37;
}
.crumb li::after {
  margin-left: 0.25rem;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #666;
}
.crumb li:hover::after {
	  border-color: transparent transparent transparent #CC4B37;

}

p.lead {
	font-weight: 400;
}

   blockquote {
   	padding: 2rem 2rem 1rem 5rem;
   	border: none;
   	font-weight: 600;
position: relative;
   } 
 blockquote::before {
 	content: '“';
  font-family: "Poppins", sans-serif;
font-weight: 600;
 	color: #CC4B37;
 	font-size: 600%;
 	line-height: 1;
 	position: absolute;
 	top:  1.5rem;
 	left: 0.5rem;
 } 
blockquote p {
	color: #eee;
}
   
   blockquote cite
    {
   	color: #eeeeee;
   	text-transform: uppercase;
   	  display: block;
  font-size: 0.75rem; 
   	letter-spacing: 0.05em;
   	font-style: normal;
 
   }
   
   
   table {
   	margin: 2rem 0;
   }
   
   
   tbody {
   	border: none;
}

tbody,
thead,
tfoot ,
thead tr,
tfoot tr {
  background: inherit;
  color: inherit; 
}


thead th,
thead td,
tfoot th,
tfoot td {
  font-weight: 400;
  text-align: left;
}

tbody th {
	  font-weight: 600;
}

tbody th,
tbody td {
  text-align: left;
  border-bottom:  1px  solid #333  !important;
background: #121212;

}

tbody tr:first-of-type th,
tbody tr:first-of-type td {
  border-top:  1px  solid #666  !important;
  
}
tbody tr:last-of-type th,
tbody tr:last-of-type td {
  border-bottom:  1px  solid #666  !important;
}


   
   .pad-top {
	padding-top: 1rem;
}
.pad-bottom {
	padding-bottom: 1rem;
}



@media print, screen and (min-width: 64em) {
.text-right-large {
text-align: right;
}





}




/*
.text-container {padding: 2rem;
			background: rgba(0, 0, 0, .8);

}*/


    
/* @end */

/* @group forms */

label {
	color: #eee;
	font-weight: 600;
}


form em {
	color: #CC4B37;
	font-style: normal;
		 font-weight: 600;
		 font-size: 120%;
		 line-height: 1;
}
button, .button {
	 font-weight: 600;
	 border-radius: 4px;
	 text-transform: uppercase;
}


.fieldset {
border:  none;
  border-top: 1px  solid #CC4B37;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
border-radius: 4px;
  border: 1px solid #ddd;
  background-color: inherit;
/*  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);*/

  color: #fefefe;

}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  border: 1px solid #f9f9f9;
  background-color: #000000;
  -webkit-box-shadow: 0 0 5px #000;
          box-shadow: 0 0 5px #000;

}



.is-invalid-input:not(:focus)  {
  background-color: inherit;
  border: 2px dotted #CC4B37;
/*background-image: linear-gradient(45deg, #7a3124 25%, #6b291e 25%, #6b291e 50%, #7a3124 50%, #7a3124 75%, #6b291e 75%, #6b291e 100%);
color:  #ffffff;
background-size: 56.57px 56.57px;*/
}

.callout.alert {
  background-color: #000; 
background-image: linear-gradient(45deg, #7a3124 25%, #6b291e 25%, #6b291e 50%, #7a3124 50%, #7a3124 75%, #6b291e 75%, #6b291e 100%);
background-size: 56.57px 56.57px;
  color: #f9f9f9;
  margin: 0 0 1rem 0;
  padding: 2rem;
  border: 2px solid #CC4B37;
  border-radius: 2px;
  box-shadow: 0px 3px 5px #000;
}



select {
border-radius: 4px;
  border: 1px solid #ddd;
  background-color: inherit;
  color: #fefefe;

}

select:focus {
  outline: none;
  border: 1px solid #f9f9f9;
  background-color: #000;
  -webkit-box-shadow: 0 0 5px #000;
          box-shadow: 0 0 5px #000;

}
/* @end */

/* @group footer */

.footer {
	padding: 4rem 0 2rem 0;
}
.footer p, .footer li {
	color: #999;
	font-size: 0.75rem;
}

.footer a {
	border: none;
}
.footer-logo {
	width: 40px;
	margin-right: 0.75rem;
	opacity: 0.5;
	transition: 400ms all;
}

a:hover .footer-logo {
	opacity: 1;
}

h2 .footer-logo {
	margin-top: 0.3rem;
}

.footer .footer-logo {
/*	margin-bottom: 1rem*/
}

.footer .vertical.menu li a { /*icon align*/
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8px; /* Adjust the value to add space between the image and text */
    align-items: center;
  
}

.footer .credit a {
	color: #999;
	font-weight: normal;
}
.footer .credit a:hover, .footer .credit a:focus {
	color: #CC4B37;
}

@media print, screen and (min-width: 64em) {
.social-menu {
	  float: right !important;

}

}
/* @end */

/* @group nav */



#title-toggle.active h1 {
	display: none;
}
.page-top {
	height: 30vh;
	min-height: 15rem;
	position: relative;
/* IN PAGE		background-position: left bottom;*/
 		background-size: cover;
}

.homepage-top {
		height: 50vh;
min-height: 25rem;
}


.page-title {
	z-index: 1;
	position: absolute;
bottom: 0;
max-width: 90%;

}

@media print, screen and (min-width: 64em) {
.page-top {
	height: 50vh;
	min-height: 20rem;
}
.homepage-top {
	height: 70vh;
	min-height: 30rem;
}
	.page-top h1 {
	font-size: 3.5rem;line-height: 1.2;
}



}

.page-top:after {
  content:""; 
  position: absolute; 
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(18,18,18,0) 0%,rgba(18,18,18,1) 100%);
  height: 40%;  
}





.nav {
		padding: 0.5rem 0 ;
	background: rgba(1, 1, 1, .75);

}

@media print, screen and (min-width: 64em) {
	.nav {
	padding: 1rem 0;
}
}


.nav a {
	text-transform: uppercase;
	border: none;
}



.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {

    border-color: #fff transparent transparent;

  }
  
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent:hover > a::after,
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent.is-active > a::after {

    border-color: #CC4B37 transparent transparent;

  }
  
  
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {

  border-color: #fff transparent transparent;

}  
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle):hover > a::after ,
    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle).is-active > a::after {

  border-color: #CC4B37 transparent transparent;

}
.dropdown.menu > li.is-active > a {
  color: #CC4B37;
}





.is-dropdown-submenu {
  min-width: 300px;
  border: none;
  background: #121212;
/*border: 1px solid #555;*/
box-shadow: 0px 3px 5px #000;
padding: 0.5rem 0;
z-index: 10;
}

.dropdown .is-dropdown-submenu a {
  font-weight: 400;
  font-size: 0.875rem ;
  padding: 0.5rem 1rem;
/*  border-bottom: 1px solid #555;*/
}

.accordion-menu {
	margin-top: 1rem;
	padding: 1rem ;
}
.accordion-menu {
	background: #111;
	z-index: 100;
}
.accordion-menu .is-accordion-submenu a {
font-weight: 300;
color: #CC4B37;
line-height: 1.4;
  padding: 0.5rem 1rem;
}

.accordion-menu li a.button {
	margin-top: 1rem;
}


/* @end */


ul.checkboxes {
	margin: 0;
	padding: 0;
}
.checkboxes li {
	color: #ffffff;
    list-style-type: none;
    margin: 0 0 1rem 0;
    background: url('/images/site/check-square-fill.svg') no-repeat left top;
	  background-position: left 0.25rem;
	  background-size: 1.25rem;
padding: 0 0 0 2rem;

}






.callout {
  background-color: #000; 
  background-image: linear-gradient(45deg, #121212 25%, #1a1919 25%, #1a1919 50%, #121212 50%, #121212 75%, #1a1919 75%, #1a1919 100%);
background-size: 56.57px 56.57px;
  color: #f9f9f9;
  margin: 1rem 0;
  padding: 2rem;
  border: 2px solid #CC4B37;
  border-radius: 2px;
  box-shadow: 0px 3px 5px #000;
}


.item {	background: #000;
	padding: 2rem 1rem 1rem 1rem;
	position: relative;
}
.item img {
	margin-bottom: 1rem;
}
.item p:last-of-type {
	margin-bottom: 0;
}




.training-type {
/*	white-space: nowrap;
	background:  #333;*/
	color: #999;
/*font-size: 0.7rem;
font-weight: 600;
padding: 0 0.3rem;*/
}
.training-type:before {
	content: '(';
}
.training-type:after {
	content: ')';
}

a:hover .training-type {
	color: #CC4B37;
}
 .flash {

	vertical-align: top;
  display: inline-block;
  padding: 0.2rem 0.5rem;
  margin-left: 0.25rem;
  border-radius: 0;
  font-size: 0.6rem;
  text-transform: uppercase;
  /*line-height: inherit;*/
  white-space: nowrap;
  cursor: default;
  background: #CC4B37;
  color: #fefefe;
}

.item .flash {
		position: absolute;
	top: 0;
	right: 0;
	
}



/* @group MENU TOGGLE */

  @media screen and (max-width: 63.99875em) {


/*body.menu-active {
	background-position-y: -100vh ;
}


body.menu-active #contents, body.menu-active footer,  body.menu-active .panel-container, body.menu-active p.background-image-caption {
	display: none;
}

body.menu-active .page-top {
	min-height: 100vh;
	margin-bottom: 0;
}*/

 #menu-cell {
display: none;

	}

/* #menu.active {
		display: block;
	}*/


	 }
	 
	 
	 

.nav-toggle {
padding: 1rem;
margin-right: 1rem;
margin-top: -1rem;
	display: block;
	z-index: 1;
	 width: 20px;
	 height:  1px;
border-bottom: none !important;


}




.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 20px;
  background: #eeeeee;
  position: absolute;
  display: block;
  content: '';
  cursor: pointer;

}

.nav-toggle span:before, .nav-toggle span:after  {
	
   -webkit-transition: transform 400ms ;
    -moz-transition:transform 400ms ;
    -ms-transition:transform 400ms ;    
	transition:transform 400ms ;
}

.nav-toggle span:before {
  top: -6px;  

}
.nav-toggle span:after {
  bottom: -6px; 
}





.nav-toggle.active {

}


.nav-toggle.active  span {
	background:transparent;
}

.nav-toggle.active  span:before
{  height: 3px;
	transform: rotate(45deg);
position: absolute; top: 0;
background: #CC4B37;
}


.nav-toggle.active  span:after
{height: 3px;
	transform: rotate(-45deg);
position: absolute; top: 0;
background: #CC4B37;
}



.nav-toggle:hover span, .nav-toggle:hover span:before, .nav-toggle:hover span:after {
	 background: #CC4B37
}



.nav-toggle.active:hover  span {
	background:transparent;
}



/* @end */

/* @group slider */



/*  
	.clientlogo {
filter: grayscale(1) contrast(0) brightness(0) invert(1);

 }
 */
.clientlogo {
	max-height: 120px;
	padding: 1.25rem;
	opacity: 0.5;
	transition: 1s all;
}
.clientlogo:hover {
/*filter: grayscale(1) contrast(3)brightness(0.8) invert(1);*/
	opacity: 1;
}


.slick {
	padding-bottom: 3rem;
	margin-top: -3rem
}


.slick-slider::before,
.slick-slider::after {
    content: "";
    width: 120px;
    height: 120px;
    background: linear-gradient(to right, rgba(18, 18, 18, 1) 0%, rgba(18, 18, 18, 0) 100%);
    position: absolute;
    z-index: 2;
}

.slick-slider::before {
    top: 0;
    left: 0;
}

.slick-slider::after {
    top: 0;
    right: 0;
    transform: rotateZ(180deg);
}





/*bugfix*/
*{
min-height: 0;
min-width: 0;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{	

    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{margin: 0 auto;
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* @end */