* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
.row > .column {
  padding: 0 4px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 12.3%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  overflow: hidden;
	position: relative;
  background-color: #262626;
  margin: auto;
  padding: 0;
  width: 100%;
	
  max-width: 900px;
	max-height: 705px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

* {
  box-sizing: border-box;
}
.captionslide {

}
/* Position the image container (needed to position the left and right arrows) */
.container2 {
  position: relative;
}

/* Hide the images by default */
.mySlides2 {
	display: none;
vertical-align: middle;
	align-content: center
	}

/* Add a pointer when hovering over the thumbnail images */
.cursor2 {
  cursor: pointer;
}

/* Next & previous buttons */
.prev2, .next2 {
  cursor: pointer;
  position: absolute;
  width: auto;
  padding: 40px;
  margin-top: 0px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next2 {
  right: 5%;
	top:40%;
  border-radius: 40px 40px 40px 40px;
	background-color: #4E0000;
}
.prev2 {
  left: 5%;
	top:40%;
    border-radius: 40px 40px 40px 40px;
	background-color: #4E0000;
}
/* On hover, add a black background color with a little bit see-through */
.prev2:hover, .next2:hover {
  background-color: #7E0001;
}

/* Number text (1/3 etc) */
.numbertext2 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container2 {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

/* Add a transparency effect for thumnbail images */
.demo2 {
  opacity: 0.6;
}

.active2,
.demo2:hover {
  opacity: 1;
}
/* end slide2 */

* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: auto;
  padding: 40px;
  margin-top: 0px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 40px 40px 40px 40px;
	background-color: #000;
}
.prev {
  left: 0;
  border-radius: 40px 40px 40px 40px;
	background-color: #000;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #7E0001;
}

/* Caption text */

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #7E0001;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #9BD239;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #98090B;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #FF1317;
}
body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "corbel", sans-serif;
  color: #000;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
  position: relative;
  opacity: 1;
	text-align: center;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("");
  min-height: 100%;
	
}

.bgimg-2 {
  background-image: url("../../../../GTD_2.jpg");
  min-height: 90%;
	z-index: -100000;
	
}

.bgimg-3 {
  background-image: url("../../../../GTD_22.jpg");
  min-height: 75%;
	
}
.bgimg-4 {
  background-image: url("../../../../drywa_concerts.jpg");
  min-height: 90%;
z-index: -1000;	
}
.bgimg-5 {
  background-image: url("../../../../GTD_2.jpg");
  min-height: 90%;
	
}
.fixedheader
{
	position:fixed;
}
.caption {
  position: absolute;
  left: 150px;
  top: 0px;
  text-align: center;
  color: #000;
	z-index: 100;
	opacity: 1;
}
.captionmain {
  position: absolute;
  left: 500px;
  top: 730px;
  text-align: center;
  color: #000;
	z-index: 100;
	opacity: 0.8;
}
.captionmain2 {
  position: absolute;
  left: 1415px;
  top: 570px;
  width: 11%;
  color: #000;
	z-index: 100;
}
.caption2 {
  position: absolute;
  right: 50px;
  bottom: 30px;
  width: 11%;
  color: #000;
	z-index: 100;
}
	.caption3 {
  position: absolute;
  right: 20px;
  bottom: 220px;
  color: #000;
  z-index: 100;
}
	.caption333 {
  position: absolute;
  left: 1560px;
  top: 200px;
  color: #000;
  z-index: 100;
}
  .caption4 {
  position: absolute;
left: -35px;
  top: 275px;
  color: #000;
  z-index: 100;
  opacity: 0.8;
}
 .caption44 {
  position: absolute;
  left: 750px;
  top: 820px;
  color: #000;
  z-index: 100;
  opacity: 0.8;
}
.caption5 {
  position: absolute;
  left: 490px;
  top: 0px;
  color: #000;
  z-index: 100;
  opacity: 0.6;
}
  .caption6 {
  position: absolute;
  left: 550px;
  top: 30px;
  color: #000;
  z-index: 100;
  opacity: 0.6;
}
  .caption7 {
  position: absolute;
  left: 650px;
  top: 30px;
  color: #000;
  z-index: 100;
  opacity: 0.6;
}
  .caption8 {
  position: absolute;
  left: 750px;
  top: 30px;
  color: #000;
  z-index: 100;
  opacity: 0.8;
}
  .caption9 {
  position: absolute;
  align-content: center;
    top: 30px;
  color: #000;
  z-index: 100;
  opacity: 1;
} 
.caption10 {
  position: absolute;
  top: 150px;
  left: 0px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
   .caption11 {
  position: absolute;
  left: 350px;
  top: 0px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
   .caption12 {
 position: absolute;
  left: 150px;
  top: 272px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
   .caption13 {
 position: absolute;
  left: 670px;
  top: 0px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
   .caption14 {
 position: absolute;
  left: 550px;
  top: 140px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
   .caption15 {
 position: absolute;
  left: 550px;
  top: 140px;
	   padding:0px 340px;
	   
  color: #fff;
  z-index: 100;
  opacity: 1;
}
  .caption16 {
  position: absolute;
  left: 550px;
  top: 30px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
  .caption17 {
  position: absolute;
  left: 100px;
  top: 130px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
  .caption18 {
  position: absolute;
  left: 100px;
  top: 530px;
  color: #000;
  z-index: 100;
  opacity: 1;
}
  .caption20 {
  position: relative;
  left: 0px;
  bottom: 0px;
   z-index: 1;
  opacity: 0.7;
}



  .caption001 {
  position: absolute;
  left: 380px;
  top: 730px;
   z-index: 1;
  opacity: 1;
}
  .caption002 {
  position: absolute;
  left: 580px;
  top: 730px;
   z-index: 2;
  opacity: 1;
}
  .caption003 {
  position: absolute;
  left: 780px;
  top: 730px;
   z-index: 3;
  opacity: 1;
}
  .caption004 {
 position: absolute;
  left: 980px;
  top: 730px;
   z-index: 4;
  opacity: 1;
}
  .caption005 {
  position: absolute;
 left: 1180px;
  top: 730px;
   z-index: 5;
  opacity: 1;
}
  .caption006 {
 position: absolute;
 left: 1380px;
  top: 730px;
   z-index: 6;
  opacity: 1;
}
  .caption007 {
 position: absolute;
 left: 1580px;
 top: 730px;
   z-index: 7;
  opacity: 1;
}
  .caption008 {
 position: absolute;
  left: 1780px;
  top: 730px;
   z-index: 8;
  opacity: 1;
}
  .caption009 {
 position: absolute;
  right: 140px;
  top: 160px;
   z-index: 8;
  opacity: 0.7;
}
  .caption010 {
 position: absolute;
  left: 0px;
  top: 760px;
   z-index: 8;
  opacity: 0.7;
}
  .caption011 {
 position: absolute;
  right: 90px;
  top: 50px;
   z-index: 8;
  opacity: 1;
}
.captionslide
{
  left: 170px;
  top: 335px;
}
.captionmenu {
  position: absolute;
  left: 170px;
  top: 335px;
  color: #000;
  z-index: 100;
}
.caption span.border {
  background-color: none;
  opacity: 0.75;
  color: #000;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
	z-index: 100;
}
  .tableFixHead {
        overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
        height: 620px; /* gives an initial height of 200px to the table */
      }
      .tableFixHead thead th {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
      }
      table {
        border-collapse: collapse; /* make the table borders collapse to each other */
		  overflow: hidden;
        
      }
      th,
      td {
        padding: 8px 16px;
        overflow: hidden;
      }
      th {
        background: none;
		  overflow: hidden;
      }
          
h2 {
  letter-spacing: 0px;
  font: 30px "corbel", sans-serif;
align-content: center;
	color: #C9C1A9;
	opacity: 1;
}
h3 {
  letter-spacing: 0px;
  text-transform: uppercase;
  font: 40px "corbel", sans-serif;
  color: #B28600;
	opacity: 1;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
}

	
.slideshow {
  align: center;
  position:absolute;
	width: 60%;
  height: 60%;
  overflow: hidden;
}

.slideshow-image {
  position: absolute;
   width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
  animation-name: kenburns-1;
  z-index: -1;
}

.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
  animation-name: kenburns-2;
  z-index: -2;
}

.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
  animation-name: kenburns-3;
  z-index: -3;
}

.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
  animation-name: kenburns-4;
  z-index: -4;
}
 @-webkit-keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}
 @keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-webkit-keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-webkit-keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}

	.icons {
			margin-bottom:40px;
			-webkit-column-count:5;
			   -moz-column-count:5;
			        column-count:5;
			-webkit-column-gap:20px;
			   -moz-column-gap:20px;
			        column-gap:20px;
		}
		.icons_item,
		.icons_item i {
			-webkit-transform:scale(2);
			        transform:scale(2);
			line-height:2em;
			cursor:pointer;
			color:#515151;
		}
		.icons_item:hover {
			color:#3c90be;
		}
		.icons_item i {
			display:inline-block;
			width:10px;
			text-align:center;
		}
		.icons_item:hover i {
			-webkit-transform:scale(3);
			        transform:scale(3);
		}

    .card {
       
        position: relative;
        display: inline-block;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .card:hover .img-top {
        display: inline;
    }