@charset "utf-8";
footer{
	background-color:#000;
	color:#ffffff;
	    line-height: 1.3;
    margin: 0;
    font-weight: 300;
}
footer a{
	color:#ffffff;
}

.footer_links_wrapper{
  width: 100%;
  max-width: 73.12rem;
  margin-right: auto !important;
  margin-left: auto !important;
}

.footer_top-wrapper{
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr minmax(max-content,0fr);
  align-items: start;
  display: grid;
  grid-auto-columns: 1fr;
}

@media (max-width: 790px) {
  /* UNDER 500px CSS here */
  .footer_top-wrapper {
  display: block;
  }

  .footer_header{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .footer_link{
    text-align:center;
  }

  .footer_copyright{
    text-align: center;
  }
}

.footer_link_header{
  color: var(--white);
    justify-content: space-between;
    font-size: 1.3125rem;
    font-weight: 200;
    line-height: 2;
    display: flex;
}

.footer_link_item_wrapper{
  display: block;
  justify-items: start;
}

.footer_link{
   width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    display: block;
    color: #fff;
    color: rgba(255,255,255,.6);
}

.footer_logo{
  width: 100%;
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
}

.footer_copyright{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: rgba(255,255,255,.6);
}
/*video{
  position: fixed;
  margin: auto;
  right: 0;
  pointer-events: none;
}*/
.row{
  display: flex;
  /*display: block;*/
	margin-right: 0px;
    margin-left: 0px;
    /*padding: 2em 2em;*/
    /*padding: 1em 2em;*/
    margin: 0 auto;
    max-width: 87.5rem;
    width: 100%;
}


p{
	display: block;
    /* font-size: 103%; */
    color: #74818e;
    color: #000;
    padding: 0 0 0.6em 0.1em;
}

.resource-content-title-wrapper h2{
  font-weight: 400;
}

h3{
	font-size: 2em;
  line-height: 1.3;
  margin: 0;
  font-weight: 300;
}

h4{
  line-height: 1.3;
  margin: 0;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.resource-content-subtitle{
  font-weight: 400;
  margin-bottom: 0.5rem;
  text-decoration: underline;
}

main{
    margin-bottom: 2rem;
    /* background-color: #e9ecef; */
    border-radius: 0.3rem;
    padding: 0rem 2rem;
}
.banner-ribbon{
	background-color: #181a1a;
    color: #fff;
	text-align: center;
    position: relative;
    margin-right: 0px;
    margin-left: 0px;
    padding: 2em 2em;
    background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(76,136,174,1), rgba(69,142,175,1), rgba(68,147,175,1), rgba(76,154,172,1));
    border-top: 1px solid rgba(2,0,36,0.8);
    border-bottom: 1px solid rgba(2,0,36,0.8);
}
.banner-ribbon h4{
	line-height: 1.3;
    margin: 0;
    font-weight: 300;
}
footer a:hover{
	
	text-decoration: none;
	/*color:#4088cc;*/
	color:#ffffff;
}
footer .policies-copyright{
	text-align:center;
}
footer .policies-copyright span {
    padding-left: 1rem;
}

footer .policies-copyright span:first-child {
    padding-left: 0;
}
.footer-row{
	margin: 0 auto;
    /*max-width: 62.5rem;*/
    max-width: 87.5rem;
    width: 100%;
}

.inlineList li{
	//display: inline;
   // margin-left: 20px;
}
.footer-col-1{
	clear: left;
	list-style: none;
    width: 20%;
	display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem;
	margin: 0;
    padding: 0;
}
.footer-col-1 ul{
	padding-top: 0.25rem;
	list-style: none;
    margin-left: 0;
	list-style: none;
	margin-bottom: 0;
	margin: 0;
    padding: 0;
}
.footer-col-2{
    clear: none;
    list-style: none;
    width: 20%;
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem;
}
.footer-col-2 ul{
	padding-top: 0.25rem;
	list-style: none;
    margin-left: 0;
	list-style: none;
	margin-bottom: 0;
	margin: 0;
    padding: 0;
}
.footer-col-3{
    clear: none;
    list-style: none;
    width: 20%;
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem;
}
.footer-col-3 ul{
	padding-top: 0.25rem;
	list-style: none;
    margin-left: 0;
	list-style: none;
	margin-bottom: 0;
	margin: 0;
    padding: 0;
}
.footer-col-4{
    clear: none;
    list-style: none;
    width: 20%;
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem;
}
.footer-col-4 ul{
	padding-top: 0.25rem;
	list-style: none;
    margin-left: 0;
	list-style: none;
	margin-bottom: 0;
	margin: 0;
    padding: 0;
}
.footer-col-5{
    clear: none;
    list-style: none;
    width: 20%;
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem;
}
.footer-col-5 ul{
	padding-top: 0.25rem;
	list-style: none;
    margin-left: 0;
	list-style: none;
	margin-bottom: 0;
	margin: 0;
    padding: 0;
}
.link-class{
	color:#4088cc;
}

.goal-quote{
	color: #000;
    background-color: rgba(0, 0, 0, 0.02);
    margin-right: 0px;
    margin-left: 0px;
    padding: 2em 2em;
    margin: 0 auto;
    width: 100%;
	text-align: center;
}
.goal-quote h2{
	color: #000;
	line-height: 1.3;
    margin: 0;
    font-weight: 300;
}
/*breadcrumb*/
.breadcrumb-header{
  padding-top: 4em;
}
.breadcrumb-container{
  background-color: rgba(0, 0, 0, 0.02);
}
.breadcrumb-nav{
  margin-right: 0px;
  margin-left: 0px;
  margin: 0 auto;
  max-width: 87.5rem;
}
.breadcrumb {
  margin-right: 0px;
  margin-left: 0px;
  padding: 1em 2em;
  background: transparent;
}
.breadcrumb a{
	line-height: 1.3;
    margin: 0;
    font-weight: 300;
	color:#000000;
	text-decoration:none;
}
.active{
	//line-height: 1.3;
    margin: 0;
    font-weight: 300;
	color:#000000;
	text-decoration:none;
}
/*lv1*/
.lvl1-accordion{
	width:100%;
}
.lvl1-accordion h5{
	line-height: 1.3;
    margin: 0;
    font-weight: 300;
	color:#000000;
	text-decoration:none;
}
.lvl1-accordion a{
	color:#000000;
}
.card-header{
	background-color: rgba(0, 0, 0, 0.02);
	
}

/*login*/
.login-form-group{
	margin:0px auto;
    width: 400px;
}
/*create account*/
.create_account_form{
    margin:0px auto;
}
/*error messages*/
.ErrorMessage{
    color:#FF0000;
}
.SuccessMessage{
  color: limegreen;
  font-size: 20px;
}
.success-banner{
  text-align: center;
}
/*tabs*/
.nav-link{
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    color: #495057;
}

/*table*/
.atbl{

}
.atbl tr{
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #ced4da;  
}
.atbl th{
    line-height: 1.3;
    margin: 0;
    font-weight: 500;
    color: #495057;
    text-decoration: none;
    text-align: center;
    width: 7%;
}
.atbl td{
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    color: #495057;
    text-decoration: none;
    text-align: center;
    padding: 1em 0em;
    /*padding: 1em 2em;*/
}


.atbl a{
  display: block;
    height: 100%;
    color: #5f6f81;
    text-decoration: none;
    cursor: pointer;
}

/*table*/
.atbl{

}
.atbl tr{
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #ced4da;  
}
.atbl th{
    line-height: 1.3;
    margin: 0;
    font-weight: 500;
    color: #495057;
    text-decoration: none;
    text-align: center;
    width: 7%;
}
.atbl td{
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    color: #495057;
    text-decoration: none;
    text-align: center;
    padding: 1em 0em;
    /*padding: 1em 2em;*/
}


.atbl a{
  display: block;
    height: 100%;
    color: #5f6f81;
    text-decoration: none;
    cursor: pointer;
}

/*table v2*/
.atblv2{
  box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
  margin-bottom: 2rem;
}
.atblv2 tr{
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
}

.atblv2 th{
    line-height: 1.3;
    margin: 0;
    font-weight: 500;
    color: #495057;
    text-decoration: none;
    text-align: center;
    /*border: 1px solid rgba(2,0,36,0.8);*/
    background-color: #5f77a6;
    border: 2px solid white;
    color: white;
}
.atblv2 td{
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    color: #495057;
    text-decoration: none;
    text-align: center;
    padding: 1em 0em;
    /*border: 1px solid rgba(2,0,36,0.8);*/
    border: 2px solid white;
    background-color: #f1f1f2;
}

th.atblv2_subheader{
  background-color: #939598;
}

td.atblv2_blank{
  background-color: rgba(2,0,36,0.4);
}

.atblv2 a{
  display: block;
    height: 100%;
    color: #5f6f81;
    text-decoration: none;
    cursor: pointer;
}


/*smaller table*/
.astbl{
  width:50%;
  margin: auto;
}
.astbl tr{
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #ced4da;  
}
.astbl th{
    line-height: 1.3;
    margin: 0;
    font-weight: 500;
    color: #495057;
    text-decoration: none;
    text-align: center;
}
.astbl td{
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    color: #495057;
    text-decoration: none;
    text-align: center;
    padding: 1em 0em;
    /*padding: 1em 2em;*/
}


.astbl a{
  display: block;
    height: 100%;
    color: #5f6f81;
    text-decoration: none;
    cursor: pointer;
}

/*basic styling*/

input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/*stylign the thumb widget*/
/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /*border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #39b54a;
  cursor: pointer;
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; *//* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #39b54af;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #39b54a;
  cursor: pointer;
}

/*slider tracks*/
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #414042;
  border-radius: 1.3px;
  /*border: 0.2px solid #010101;*/
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #414042;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #414042;
  border-radius: 1.3px;
  /*border: 0.2px solid #010101;*/
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #414042;
  /*border: 0.2px solid #010101;*/
  border-radius: 2.6px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}

input[type=range]:focus::-ms-fill-lower {
  background: #414042;
}

input[type=range]::-ms-fill-upper {
  background: #414042;
  /*border: 0.2px solid #010101;*/
  border-radius: 2.6px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}

input[type=range]:focus::-ms-fill-upper {
  background: #414042;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #414042;
  border-radius: 1.3px;
  /*border: 0.2px solid #010101;*/
}

input[type=range]::-webkit-slider-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #39b54a;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #414042;
  border-radius: 1.3px;
  /*border: 0.2px solid #010101;*/
}

input[type=range]::-moz-range-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #39b54a;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #414042;
  /*border: 0.2px solid #010101;*/
  border-radius: 2.6px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}

input[type=range]::-ms-fill-upper {
  background: #414042;
  /*border: 0.2px solid #010101;*/
  border-radius: 2.6px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}

input[type=range]::-ms-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #39b54a;
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: #414042;
}

input[type=range]:focus::-ms-fill-upper {
  background: #414042;
} 





/*overlay modal*/
 .overlay{
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #414042;
  opacity: 0.9;
  z-index:1001;
}

.overlay-content{ 
  text-align:center;
  color:#ffffff;
  font-family: Verdana, Geneva, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
      margin-top: 12rem;
    margin-left: 24%;
    position: absolute;
    /* display: none; */
    width: 50%;
    height: 90px;
    padding: 16px;
    z-index: 1002;
  /*margin-top: 12%;
  margin-left:38%;
  position: absolute;
  /*display: none;
  width: 360px;
  height: 90px;
  padding: 16px;
  /*border: 16px solid orange;
  background-color: white;
  z-index:1002;*/

}

.overlay-content p{
  color:#ffffff;
}

/*contact page*/
#InputMessage{
    /*height:150px;*/
    height:235px;
}


/*.jumbotron*/
.jumbotron{
    background-color: #f3f3f3;
    padding: 0rem 2rem;
}


/*subnav*/
.subnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    //background-color: #333333;
    background-color: rgba(0, 0, 0, 0.01);
}

.subnav li {
    float: left;
}

.subnav li a {
    display: block;
   // color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.subnav li a:hover {
    //background-color: #111111;
}

/*btn-primary*/
.btn-primary{
    background-color: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.03);
    color: #000;
}

.btn-primary:hover{
    background-color: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.03);
    color: #000;
}

.btn-wrapper{
  width: 60%;
  margin: 0 auto;
}

.btn-primary-v2{
  width: 100%;
  color: #ffff;
  background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(85,127,170,1), rgba(82,131,172,1), rgba(79,132,172,1), rgba(75,136,173,1));
  box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
  margin-bottom: 2rem;
  border: 1px solid rgba(2,0,36,0.8);
  font-size: 1.25rem;
  font-weight: 300;
}

.btn-primary-v2:hover{
  text-decoration:underline;
}

/*thumbtile*/
.thumbtile{
  padding-left: 5%;
  padding-right: 5%;
}

.thumbtile{
    width: 100%;
    position: relative;
    display: block;
    color: #000;
    background: #fff;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    border: 1px solid #c6d0da;
    //border-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

.thumbtile_dashboard{
  height: 10em;
}

.thumbtile p{
  text-align: justify;
}
.thumbtile h3{
  display: block;
  text-align: center;
}
.thumbtile img{
    padding: 1em 0em;
    display: block;
    margin: auto auto;
}

.thumbtile-descriptwrap{
    height: 4.9em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.thumbtile a{
  display: block;
  text-align:center;
}


.col-xl-4{
            margin-bottom: 2em;
      }
      .col-xl-12{
        margin-bottom: 2em;
      }
      .thumbtile h3{
        text-align:left;
      }
      .thumbtile-title{
      background:#e5e5e5;
        padding-left: 1em;
        padding-top: 0.5em;
        border: 1px solid #c6d0da;
      }
      
      a{
        color:#000;
      }
      a:hover{
      text-decoration:none;
        color:#000;
      }
      
      .clickable-row {
        cursor: pointer;
      }
      
      .clickable-row:hover {
    background-color: #e5e5e5;
}
    </style>

/*radio buttons*/
/* The container */
.radio-container {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #c6d0da;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  /*background-color: #2196F3;*/
  background-color: #181a1a;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


.show {
    opacity: 1;
}
.modal-backdrop{
      position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    display: -webkit-box;
    /* position: fixed; */
    /* top: 0%; */
    /* left: 0%; */
    width: 100%;
    /* height: 100%; */
    background-color: #414042;
    opacity: 0.8;
    z-index: 1001;
}

@media (min-width: 576px)
{
.modal-dialog {
  max-width: 66rem;
  /*margin: 9.75rem auto;*/
  margin: 6.75rem auto;
}

}

.AbenEuropeSlogan{
  padding: 0 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

@media (max-width: 798px) {
  /* UNDER 500px CSS here */
  .AbenEuropeSlogan {
  display:none;
  }

}

.AEBannerInfo{
  display: flex;
    padding: 0 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

@media (max-width: 1373px) {
  /* UNDER 500px CSS here */
  .AEBannerInfo {
  display:none;
  }

}



@media (max-width: 435px) {
  /* UNDER 500px CSS here */
  .overideTEST {
  display:none;
  }

}


.gn-open-part{
        width: 340px;
      }

.thumbtile_v2{
  width: 100%;
    position: relative;
    display: block;
    color: #000;
    background: #fff;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    margin-bottom: 25px;
    transition: 0.5s;
    background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(76,136,174,1), rgba(69,142,175,1), rgba(68,147,175,1), rgba(76,154,172,1));
    border: 1px solid rgba(2,0,36,0.8);
}

.thumbtile_v2 h3{
  text-align:center;
  color: #fff;
  }

  .thumbtile_v2 h4{
  text-align:center;
  color: #fff;
  }

  .thumbtile_v2:hover{
  transform: scale(1.1,1.1);
    opacity: 1;
    z-index: 999999999999999;
    transition: 0.5s;
  }

  .thumbtile_v2 p{
  padding: 17px;
  color: #fff;
  }

  @media (max-width: 1200px)
.col-xl-4 {
        margin-bottom: 2em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xl-4{
  margin-bottom: 0em;
}


.carousel-background{
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(to right top, rgba(209,107,165,0.4), rgba(199,119,185,0.4), rgba(186,131,202,0.4), rgba(170,143,216,0.4), rgba(154,154,225,0.4), rgba(138,167,236,0.4), rgba(121,179,244,0.4), rgba(105,191,248,0.4), rgba(82,207,254,0.4), rgba(65,223,255,0.4), rgba(70,238,250,0.4), rgba(95,251,241,0.4)), url(../../imgs/webp/CNC_part.webp);
  background-blend-mode: lighten;
  background-position-y: 59%;
}

.carousel-item{
  width: 100%;
  height: auto;
  height: 80vh;
}

.carousel-caption{
  right: 0px;
        left: 0px;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        color: #000;
        box-shadow: 0 2px 14px 0 rgb(0 0 0 / 70%);
        color: #fff;
        background: rgb(2,0,36);

height: 100%;
position: absolute;
text-align: left;
color: #fff;
padding: 0;
top: 0;
width: 100%;
background:transparent;
}

.carousel-inner{
  height: 92vh;
}

.carousel-caption-container{
  max-width: 100%;
  margin: auto;
  width: 49%;
  position: absolute;
}

.carousel-caption-text{
  left: 0vw;
  box-shadow: 0 2px 14px 0 rgb(0 0 0 / 100%);
  background: rgba(2,0,36,0.8);
  padding: 3%;
  height: 80vh;
  position: relative;
  width: 100%;
  padding: 43px;
}

.carousel-caption-text h2{
font-size: 2.5rem;
line-height: 1.2;
font-weight: 300;
letter-spacing: .045rem;
margin-top: 20vh;
}

.inner-carousel-caption-text{
  position: relative;
  top: -162px;
}

.inner-carousel-caption-text p{
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
}

.inner-carousel-caption-thumbtiles-container{
  display: flex;
}

.inner-carousel-caption-thumbtiles-wrapper{
  position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding-right: 5px;
    padding-left: 5px;
}

.inner-carousel-caption-thumbtile{
  width: 100%;
    position: relative;
    display: block;
    color: #000;
    background: #fff;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    margin-bottom: 25px;
    transition: 0.5s;
    /*background-image: linear-gradient(to right top, rgba(209,107,165,-0.6), rgba(199,119,185,-0.6), rgba(186,131,202,-0.6), rgba(170,143,216,-0.6), rgba(154,154,225,0.4), rgba(138,167,236,0.4), rgba(121,179,244,0.4), rgba(105,191,248,0.4), rgba(82,207,254,0.4), rgba(65,223,255,0.4), rgba(70,238,250,0.4), rgba(95,251,241,0.4)), url(../../imgs/webp/CNC_part.webp);*/
    /*background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(85,127,170,1), rgba(82,131,172,1), rgba(79,132,172,1), rgba(75,136,173,1));*/
    background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(76,136,174,1), rgba(69,142,175,1), rgba(68,147,175,1), rgba(76,154,172,1));
}

.inner-carousel-caption-thumbtile h4{
  text-align: center;
  color: #fff;
  padding: 10px 0px;
}

.carousel-caption h2{
  font-weight: 300;
}

.carousel-caption p{
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
}

.homepage-carousel-vid{
  position: absolute;
  margin: auto;
  right: 0;
  pointer-events: none;
}

.sp-banner{
  background-color: grey;
  margin-top: 3em;
  position: relative;
  overflow: hidden;
  height: 64vh;
}

.sp-banner-container{
  height: 64vh;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.sp-banner-subcontainer{
  display: block;
  width: 100%;
  height: 64vh;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*perspective: 1000px;*/
}

.sp-banner-wrapper{
  right: 0px;
  left: 0px;
  box-shadow: 0 2px 14px 0 rgb(0 0 0 / 70%);background: rgb(2,0,36);
  height: 100%;
  position: absolute;
  text-align: left;
  color: #fff;
  padding: 0;
  top: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(to right top, rgba(209,107,165,0.4), rgba(199,119,185,0.4), rgba(186,131,202,0.4), rgba(170,143,216,0.4), rgba(154,154,225,0.4), rgba(138,167,236,0.4), rgba(121,179,244,0.4), rgba(105,191,248,0.4), rgba(82,207,254,0.4), rgba(65,223,255,0.4), rgba(70,238,250,0.4), rgba(95,251,241,0.4)), url(../../imgs/webp/CNC_part.webp);
  background-blend-mode: lighten;
  background-position-y: 59%;
  bottom: 20px;
  z-index: 10;
}

.sp-banner-caption{
  /*max-width: 90%;*/
  max-width: 100%;
  margin: auto;
  width: 100%;
  padding: 10px;
  position: absolute;
  display: flex;
}

.sp-banner-caption-text{
  width: 50%;
    left: 0vw;
    position: absolute;
    box-shadow: 0 2px 14px 0 rgb(0 0 0 / 100%);
    background: rgba(2,0,36,0.8);
    padding: 3%;
    height: 64vh;
    z-index: 9999;
    top: 0px;
}

.inner-sp-banner-caption-text{
  position: relative;
  top: -162px
}

.inner-sp-banner-caption-text h2{
  font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: .045rem;
    margin-top: 20vh;
}

.inner-sp-banner-caption-text p{
      color: #fff;
    font-size: 1.25rem;
    font-weight: 300;
}

.sp-banner-vid{
  position: relative;
  margin: auto;
  right: -26%;
  pointer-events: none;
}

.sl-sp-banner{
  background-color: grey;
  margin-top: 3em;
  position: relative;
  overflow: hidden;
  height: 35vh;
}

.sl-sp-banner-container{
  height: 35vh;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.sl-sp-banner-subcontainer{
  display: block;
  width: 100%;
  height: 35vh;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sl-sp-banner-wrapper{
  right: 0px;
  left: 0px;
  box-shadow: 0 2px 14px 0 rgb(0 0 0 / 70%);background: rgb(2,0,36);
  height: 100%;
  position: absolute;
  text-align: left;
  color: #fff;
  padding: 0;
  top: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(to right top, rgba(209,107,165,0.4), rgba(199,119,185,0.4), rgba(186,131,202,0.4), rgba(170,143,216,0.4), rgba(154,154,225,0.4), rgba(138,167,236,0.4), rgba(121,179,244,0.4), rgba(105,191,248,0.4), rgba(82,207,254,0.4), rgba(65,223,255,0.4), rgba(70,238,250,0.4), rgba(95,251,241,0.4)), url(../../imgs/webp/CNC_part.webp);
  background-blend-mode: lighten;
  background-position-y: 59%;
  bottom: 20px;
  z-index: 10;
}

.sl-sp-banner-caption{
  max-width: 90%;
  margin: auto;
  width: 49%;
  position: absolute;
}

.sl-sp-banner-caption-text{
  height: 35vh;
  position: relative;
  width: 100%;
  left: 0vw;
  box-shadow: 0 2px 14px 0 rgb(0 0 0 / 100%);
  background: rgba(2,0,36,0.8);
  padding: 3%;
}

.sl-sp-banner-caption-text h2
{
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: .045rem;
}

.sl-sp-banner-caption-text p
{
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
}

.sl-sp-banner-vid{
  position: fixed;
  margin: auto;
  right: 0;
  pointer-events: none;
}


.resource-wrapper{
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0,23.125rem) minmax(0,48.125rem);
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 2rem;
  display: grid;
}

.resource-sidebar-wrapper{
  grid-area: span 1/span 1/span 1/span 1;
  height: 100%;
  padding-bottom: 3rem;
  padding-right: 4.8rem;
}

.resource-sidebar{
  width: 100%;
  max-height: 60rem;
  /*min-height: 21.25rem;*/
  min-width: 16.875rem;
  padding: 1.5rem 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 8rem;
  overflow: auto;
  box-shadow: 0 12px 16px -4px var(--shadow-10),0 4px 6px -2px var(--shadow-10);box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
  /*background-image: linear-gradient(to right top, rgba(209,107,165,-0.6), rgba(199,119,185,-0.6), rgba(186,131,202,-0.6), rgba(170,143,216,-0.6), rgba(154,154,225,0.4), rgba(138,167,236,0.4), rgba(121,179,244,0.4), rgba(105,191,248,0.4), rgba(82,207,254,0.4), rgba(65,223,255,0.4), rgba(70,238,250,0.4), rgba(95,251,241,0.4)), url(../../imgs/webp/CNC_part.webp);*/
  background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(76,136,174,1), rgba(69,142,175,1), rgba(68,147,175,1), rgba(76,154,172,1));
  color:#fff;
  border: 1px solid rgba(2,0,36,0.8);
  font-weight: 300;
}

.resource-sidebar-link{
  text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    transition: border-color .2s,color .2s;
    display: block;
    color: #fff;
    font-size: 1.25rem;
}

.resource-sidebar-link:hover{
  text-decoration: underline;
    color: #fff;
}

.resource-content{
  margin-top: -8rem;
  grid-column-gap: 1.875rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0,29.375rem) minmax(0,16.875rem);
  grid-auto-columns: 1fr;
  padding-top: 8rem;
}

.resource-content-grid{
  margin-top: -8rem;
  grid-column-gap: 1.875rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0,29.375rem) minmax(0,16.875rem);
  grid-auto-columns: 1fr;
  padding-top: 8rem;
  display: grid;
}

.resource-content-title-grid{
  grid-area: span 1/span 2/span 1/span 2;
}

.resource-content-text-grid{
  flex-direction: column;
    align-items: flex-start;
    display: flex;

}

@media (max-width: 900px) {
  /* UNDER 500px CSS here */
  .resource-wrapper {
  display:block;
  }

  .resource-sidebar-wrapper{
    display:none;
  }

  

}

.resource-content-image_wrapper{
  display: flex;
    padding-bottom: 10px;
    padding: 0 0 0.6em 0.1em;
    width: 100%;
}

.resource-content-image_wrapper img{
  width:50%;
  padding-bottom:10px;
}

.inner-body-thumbtiles-container{
  display: flex;
}

.inner-body-thumbtiles-wrapper{
  position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 5px;
    padding-left: 5px;
}

.inner-body-thumbtile-transparent{
  width: 100%;
    position: relative;
    display: block;
    color: #000;
    background: transparent;
    height: 60px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    margin-bottom: 25px;
    transition: 0.5s;
    border: 1px solid rgba(2,0,36,0.8);
}

.inner-body-thumbtile-transparent p{
  color: black;
  text-align: center;
  padding: 10px 0px;
  line-height: 1.3;
  margin: 0;
  font-weight: 400;
}

.inner-body-thumbtile-color{
  width: 100%;
    position: relative;
    display: block;
    color: #000;
    /*background: transparent;*/
    height: 77px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    margin-bottom: 25px;
    transition: 0.5s;
    border: 1px solid rgba(2,0,36,0.8);
    /*background-image: linear-gradient(to right top, rgba(209,107,165,0.4), rgba(199,119,185,0.4), rgba(186,131,202,0.4), rgba(170,143,216,0.4), rgba(154,154,225,0.4), rgba(138,167,236,0.4), rgba(121,179,244,0.4), rgba(105,191,248,0.4), rgba(82,207,254,0.4), rgba(65,223,255,0.4), rgba(70,238,250,0.4), rgba(95,251,241,0.4)), url(../../imgs/webp/CNC_part.webp);*/
    /*background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,86,132,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(85,127,170,1), rgba(82,131,172,1), rgba(79,132,172,1), rgba(75,136,173,1));*/
    background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(76,136,174,1), rgba(69,142,175,1), rgba(68,147,175,1), rgba(76,154,172,1));
}

.inner-body-thumbtile-color h5{
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
    justify-content: center;
    height: 100%;
    display: flex;
    align-items: center;
}

.inner-body-thumbtile-color p{
  color: #fff;
  text-align: center;
  padding: 10px 0px;
  line-height: 1.3;
  margin: 0;
  font-weight: 400;
}

.quoting-process-container{
  display: flex;
}

.quoting-process-wrapper{
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 5px;
    padding-left: 5px;
}

.quoting-process-thumbtile{
  width: 100%;
    position: relative;
    display: block;
    color: #000;
    background: #fff;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
    margin-bottom: 25px;
    transition: 0.5s;
    /*background-image: linear-gradient(to right top, rgba(209,107,165,-0.6), rgba(199,119,185,-0.6), rgba(186,131,202,-0.6), rgba(170,143,216,-0.6), rgba(154,154,225,0.4), rgba(138,167,236,0.4), rgba(121,179,244,0.4), rgba(105,191,248,0.4), rgba(82,207,254,0.4), rgba(65,223,255,0.4), rgba(70,238,250,0.4), rgba(95,251,241,0.4)), url(../../imgs/webp/CNC_part.webp);*/
    /*background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(85,127,170,1), rgba(82,131,172,1), rgba(79,132,172,1), rgba(75,136,173,1));*/
    background-image: linear-gradient(to right top, rgba(113,85,133,1), rgba(108,91,138,1), rgba(113,108,155,1), rgba(101,116,164,1), rgba(99,117,164,1), rgba(96,119,166,1), rgba(91,122,167,1), rgba(88,126,170,1), rgba(85,127,170,1), rgba(82,131,172,1), rgba(79,132,172,1), rgba(75,136,173,1));
    height: 15vh;
    border: 1px solid rgba(2,0,36,0.8);
}

.quoting-process-thumbtile h3{
  text-align: center;
    color: #fff;
}

.quoting-process-thumbtile p{
  padding: 17px;
    color: #fff;
    text-align:center;
}

.upld_progress{
  color: #000!important;
  background-color: #8ab4f8!important;
}

.how_to_imgs{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: -4px;
  box-shadow: 0 2px 14px 0 rgba(0,0,0,.12);
}

label{
  font-weight: 600;
}

.custom-file-upload{
  width: 100%;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  border: 1px solid rgba(2,0,36,0.8);
  border-radius: 0.25rem;
  color: #fff;
  margin-bottom: 1rem;
  text-align: center;
}

.img-fluid{
  width:100%;
}
@media (max-width: 1245px) {
  .resource-content-text-grid{
    display:block;
  }

  .resource-content-grid{
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  .resource-content-image_wrapper{
    grid-area: none;
  }

  .resource-content-image-wrapper-embed{
    display: flex;
    padding-bottom: 10px;
    padding: 0 0 0.6em 0.1em;
    width: 100%;
  }

  .resource-content-image-wrapper-embed img{
    width: 50%;
    padding-bottom: 10px;
  }

  .sp-banner-caption-text{
    width:100%;
  }

  .carousel-caption-container{
    width:100%;
  }

  .carousel-caption-text{
    width:100%;
  }

  .inner-body-thumbtiles-container{
    display: block;
  }

  .inner-body-thumbtiles-wrapper{
    max-width: 100%;
  }

  .quoting-process-container{
    display:block;
  }

  .quoting-process-wrapper{
    max-width: 100%;
  }

  .btn-wrapper{
    width:100%;
  }
}

@media (max-width: 493px) {
  .inner-carousel-caption-thumbtiles-container{
    display:none;
  }
}


@media (max-width: 1200px)
{
  .col-3-sc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (max-width: 940px)
{
  .col-3-sc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 653px)
{
  .col-3-sc {
    position: relative;
        flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}