@charset "UTF-8";
/* CSS Document */
/* End media query */
 .top-container{
     background color: #404040;
     width:100%;
     height: auto;
     justify-content: space-between;
     display: flex;
     align-content: center;
     padding-left: 10%;
     padding-right: 10%;
     margin-left: auto;
     margin-right: auto;
     padding-top:1%;
     padding-bottom:1%;
}
 .event-container{
     background color: #ff0000;
     height: auto;
}
 .event-list{
     width:100%;
     height:100%;
     background-color:#8AF009;
}
 .event-list2{
     width:100%;
     height:100%;
     background-color:;
    overflow: auto;
}
 .resources {
     background-color: #7f7f7f;
     font-size: 1.5em;
     text-align: center;
     width: 25%;
     float: left;
}
 .moreresources {
     font-size: 1.5em;
     background-color: #ff0000;
     text-align: center;
     width: 50%;
     float: left;
}
 .resources:hover {
     background-color: #cecece;
}
 .moreresources:hover {
     background-color: #fe5d5d;
}
 .rowcontainer {
     display: flex;
     width: 25%;
     height: 100%;
}
 .imgcenter {
}
 .buttonbox{
    align-content: center;
     justify-content: center;
     padding-left:33%;
     padding-right:33%;
}
 .prsbutton {
     box-shadow:inset 0px 1px 0px 0px #8c8c8c;
     background:linear-gradient(to bottom, #000000 5%, #4f4f4f 100%);
     background-color:#000000;
     border-radius:6px;
     border:1px solid #000000;
     text-align:center;
     display:block;
     cursor:pointer;
     padding:26px 54px;
     color:#ffffff;
     font-family:Arial;
     font-size:18px;
     font-weight:bold;
     text-decoration:none;
     text-shadow:0px 1px 0px #242424;
     justify-content:space-around;
}
 .prsbutton:hover {
     background:linear-gradient(to bottom, #4f4f4f 5%, #000000 100%);
     background-color:#4f4f4f;
}
 .prsbutton:active {
     position:relative;
     top:1px;
}
 .wbutton {
     background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
     background-color:#f24537;
     border-radius:5px;
     display:inline-block;
     cursor:pointer;
     color:#ffffff;
     font-family:Arial;
     font-size:15px;
     font-weight:bold;
     padding:15px 20px;
     text-decoration:none;
}
 .wbutton:hover {
     background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
     background-color:#c62d1f;
     color:#000000;
}
 .wbutton:active {
     position:relative;
     top:1px;
}
 .float-container {
     align-content:center;
     display:flex;
     padding-left: 1%;
    padding-right: 1%;
     padding-bottom: 1%;
     margin: auto;
}
 .float-child-l {
     width: 50%;
     float: left;
}
 .float-child-r {
     width: 50%;
     float: right;
}
 @media only screen and (max-device-width: 500px) {
     .float-container {
         display:flex;
         flex-direction:column;
         padding-left: 1%;
        padding-right: 1%;
         padding-bottom: 1%;
         margin: auto;
    }
     .float-child-l {
         width: 100%;
         float: left;
    }
     .float-child-r {
         width: 100%;
         float: right;
         font-size:.75 em;
    }
}
 .flexcontainer {
     display: flex;
    /* or inline-flex */
     height:500px;
     justify-content: center;
     align-items: center;
}
 .item1{
     width:60%;
     padding:1%;
     text-align: center;
     font-size: 10 em;
     vertical-align: middle;
     font-family: Helvetica Neue;
}
 .item2{
     width:40%;
     height:auto;
}
 .item2 img{
    display: block;
     margin-right: auto;
}
/* KEYFRAMES */
/* BUTTONS */
 @keyframes moveLeftSide {
     0% {
         transform: translate3d(-150vw, 0, 0);
    }
     100% {
         transform: translate3d(0vw, 0, 0);
    }
}
 @keyframes moveRightSide {
     0% {
         transform: translate3d(150vw, 0, 0);
    }
     100% {
         transform: translate3d(0vw, 0, 0);
    }
}
 @keyframes slideDown {
     0% {
         transform: translate3d(0, -20vw, 0);
    }
     100% {
         transform: translate3d(0, 0vw, 0);
    }
}
 @keyframes fadeIn {
     0% {
         opacity: 0
    }
     100% {
         opacity: 1
    }
}
 @keyframes fadeInHalf {
     0% {
         opacity: 0
    }
     100% {
         opacity: .5
    }
}
/* KILL ALL ANIMATIONS FOR JAVASCRIPT DISABLING */
 .notransition {
     transform: translate3d(0vw, 0vw, 0vw) !important;
}




/* STYLES BASED ON SCREEN SIZE (XSMALL AND SMALL) */
 @media (max-width: 46.938em){
    /*MOBILE PICTURE*/
     .mobilePicture {
         width: 100%;
         z-index: 1;
    }
     .mobilePicture img {
         margin: 0;
        /*opacity: .7;
        */
         z-index: -200;
    }
    /*VIDEO*/
     .videoContainer {
         z-index: -100;
    }
     .videoContainer video {
         display:none;
    }
    /*BUTTONS*/
     .buttons-container{
       max-width: 124rem;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 2rem;
    align-items: center;
    padding: 2.5rem 0;
		 align-items:center;
		 display:none;
    }
	 
	 .button-text{
		 display:none;
	 }
	 
	 .buttons-container img{
		 width:100%;
			
	 }
	 
	 #mtopbtn, #mtopbtn2 {
    font-family: helvetica;
    color: #ffffff;
    font-size: 20px transition: transform .2s;
    font-weight: bold;
    text-align: center;
    width: 400px;
    height: 250px;
    max-width: 500px;
    max-height: 250px;
    padding: 5px 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    #mtopbtn: after {;
    content: "";
    display: block;
    padding-bottom: 100%;
    }: ;
    .btncontent {: ;
    position: absolute;
    width: 100%;
    height: 100%;
    }: ;
}
	 
     #topbtn, #topbtn2 {
         font-family: helvetica;
         color: #ffffff;
         font-size: 20px transition: transform .2s;
        /* Animation */
        ;
         font-weight: bold;
         text-align: center;
         width: 100%;
         height:20%;
         max-width: 250px;
         max-height:250px;
         padding: 5px 20px;
         text-decoration: none;
         position: relative;
         #topbtn:after {
             content: "";
             display: block;
             padding-bottom: 100%;
        }
         .btncontent {
             position: absolute;
             width: 100%;
             height: 100%;
        }
    }
     #topbtn a {
        color:#000000
    }
     #topbtn a:hover {
        color:#000000;
        font-weight: bold;
    }
     #topbtn:hover {
         background: #ff0000;
         text-decoration: none;
         color: #000000;
         transform: scale(1.15);
        /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
         transition: transform .2s;
        /* Animation */
        ;
    }
	 
	    #mtopbtn a {
        color:#000000
    }
     #mtopbtn a:hover {
        color:#000000;
        font-weight: bold;
    }
     #mtopbtn:hover {
         background: #ff0000;
         text-decoration: none;
         color: #000000;
         transform: scale(1.15);
        /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
         transition: transform .2s;
        /* Animation */
        ;
    }
	     #mtopbtn2 a {
        color:#000000
    }
     #mtopbtn2 a:hover {
        color:#000000;
        font-weight: bold;
    }
     #mtopbtn2:hover {
         background: #000000;
         text-decoration: none;
         color: #000000;
         transform: scale(1.15);
        /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
         transition: transform .2s;
        /* Animation */
        ;
    }
	 
	 .button.black-red, a.button.black-red, span.button.black-red {
    color: #ff0000;
    font-family: helvetica,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    background-color: #000000;
    display: inline-block;
    padding: .75rem 1rem .6rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .15s ease-in-out;
				padding: 1rem 1.75rem 1rem 4rem;
		 display:none;
}			

	.button, a.button, span.button {
    color: #000000;
    font-family: helvetica,sans-serif;
    font-size: 2 rem;
    font-weight: 700;
    line-height: 1;
    background-color: #ff0000;
    display: inline-block;
    padding: .75rem 1rem .6rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .15s ease-in-out;
				 display:none;

}			
				
	b.button.corner, a.button.corner, span.button.corner {bottom: 0;
    -webkit-clip-path: polygon(2.5rem 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(2.5rem 0,100% 0,100% 100%,0 100%);
    padding: .75rem 1.13rem .75rem 3rem;
    position: absolute;
    right: 0;		
				 display:none;

		}				
	 
	 
	 
	 
	 /* Slider */
	 
	
.slider {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:100%;
	background-color:#252525;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
	display:flex;
	flex-direction:column;
	
}
.slide img{
  width:100%;
  height:auto;
	position: absolute;
left: 0%;	
				    float:right;

}

.image{
  width:100%;
  height:100%;
				    float:right;

}
.image img{
  width:100%;
  height:100%;		
    position: absolute;
    float:right;

}

		

/* Legend */
				
.legend2 {
    width: 100%;
    height: 65%;
    max-height: auto;
    background-color: #252525;
    border-bottom: 0;
    position: absolute;
	    top: 300px;

    /* clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0% 100%); */
}				
				
				
.legend{
	
border:800px solid transparent;
  border-left:1600px solid #252525;
  border-bottom:0;
  position:absolute;
  bottom:0;
}

/* Contents */
.content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: auto;
    z-index: 2;
}

				
				
.content-txt{
    width: 100%;
    height: 350px;
    float: left;
    position: relative;

    -webkit-animation: content-s 7.5s infinite;
    -moz-animation: content-s 7.5s infinite;
    animation: content-s 7.5s infinite;
    padding: 2.5%;
}
.content-txt h1 {
    font-family: Helvetica;
    text-transform: uppercase;
    font-size: 24px;
    color: #ff0000;
    text-align: left;
    padding: 20px;
    padding-bottom: 10px;line-height:150%;
}
.content-txt h2 {
    font-family: Helvetica;
    font-weight: 700;
    font-size: px;
    font-style: bold;
    color: #ff0000;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
    margin-top: 1%;
}
	 
	.content-txt p {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 20px;
	line-height:200%;
} 
	 
	 
	 
	 
    /* SECTION BLOCKS */
     .sectionBlock {
         padding: 1% 1% 1.5% 1%;
         margin-top: 2%;
         margin-bottom: 2%;
    }
     .sectionBlock h2 {
         font-size: 1.25em;
    }
	 
	  .tours-container{
	
		 width:100%; height: auto; background-color:red; display:flex; flex-direction:column-reverse; padding-top: 30px; padding-bottom: 30px;
	 
		  
	 }
	 .tour-img{
		 width:100%;
	 
	 }
	
	 
	.event-header{
		text-align: center;
    font-size: 250%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 30px;
    width: 100%;
    font-weight: 300;
    line-height: 120%;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
   
}
	}
	 
	 .event-container{
     background color: #ff0000;
     height: auto;
		 flex-direction:column;
		 
}
	 .events {
    width: 90%;
    max-width: 80%;
    margin: auto;
    margin-top: 10px;
}
	 
	 .list-item {
    position: relative;
    display: flex;
		 flex-direction:column;
    align-items: center;
    justify-items: center;
    border-top: 1px solid #e8e8e8;
    transition: 1s all;
    cursor: pointer;
}
.list-item .date {
    padding-top: 20px;
    padding-left: 30%;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    padding-right: 10%;
    box-sizing: border-box;
    text-align: center;
    line-height: 100%;
    padding-top: 20px;
}
	.list-item .info-title {
    font-size: 22px;
    line-height: 140%;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
		text-align: center;
  
} 
	.list-item .info-time {
    font-size: 19px;
    margin-bottom: 6px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
} 
	 .list-item .date-day {
    font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
	 
	 .home .list-item:hover .date {
  color:white;
}
	 
.list-item .date-month {
    font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    padding-right: 10px;
}
	 .contact-img {background-position: 50%;
    background-size: cover;
	 width:50%;}
	 



	 .contact-info {width:100%; background-color:#252525; }
.contact-contain {
    width: 100%;
    /* height: 460px; */
    background-color: #000000;
    display: flex;
    flex-direction: column;
}	 	 	 .contact-info a {color:#ff0000; text-decoration:none; }

	 
	 #tours-type-contain{
		 
		 width:100%;
		 padding-top: 1.5rem;     padding-right: 3.5rem;     padding-bottom: 2.5rem;     padding-left: 3.5rem; 
	 }
	 
	 #tour-button{
		 
		 max-width: 100%; border: 5px solid white;"
	 }


	 #chat-button{
		 
		 max-width: 100%; border: 5px solid #ff0000;"
	 }
	 
	 .buttons-container-mobile{
		 
	
		     display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
		 
	 }
	 
	 
	 
	 
}

	 
    /*MISSION AND VISION*/
     #mission {
         position: absolute;
         top: 3.75%;
         left: 3%;
    }
     #vision p {
         margin: 0 5% 5% 5%;
         font-size: 1.20em;
         line-height:135%;
    }
     #mission p {
         margin: 0 5% 5% 5%;
    }
     #mission h2 {
         font-size: 1.5em;
         color: #ffffff;
         -webkit-animation: slideDown 1s 1;
         -moz-animation: slideDown 1s 1;
         animation: slideDown 1s 1;
    }
     .cycle-next {
         font-size: 2em;
    }
     .cycle-prev {
         font-size: 2em;
    }
}



/* STYLES BASED ON SCREEN SIZE (SMALL-MEDIUM) */
 @media (min-width:51.75em)(max-width:81.25em) {

	  /*BUTTONS*/
     .buttons-container{
       max-width: 124rem;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 2rem;
    align-items: center;
    padding: 2.5rem 0;
		 align-items:center;
		 display:none;
    }
	 
	 .button-text{display:none;}
	 
	 .buttons-container img{
		 width:100%;
			
	 }
	 
	 
     #topbtn, #topbtn2 {
         font-family: helvetica;
         color: #ffffff;
         font-size: 20px transition: transform .2s;
        /* Animation */
        ;
         font-weight: bold;
         text-align: center;
         width: 100%;
         height:20%;
         max-width: 250px;
         max-height:250px;
         padding: 5px 20px;
         text-decoration: none;
         position: relative;
         #topbtn:after {
             content: "";
             display: block;
             padding-bottom: 100%;
        }
         .btncontent {
             position: absolute;
             width: 100%;
             height: 100%;
        }
    }
     #topbtn a {
        color:#000000
    }
     #topbtn a:hover {
        color:#000000;
        font-weight: bold;
    }
     #topbtn:hover {
         background: #ff0000;
         text-decoration: none;
         color: #000000;
         transform: scale(1.15);
        /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
         transition: transform .2s;
        /* Animation */
        ;
    }
	 
	 .button.black-red, a.button.black-red, span.button.black-red {
    color: #ff0000;
    font-family: helvetica,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    background-color: #000000;
    display: inline-block;
    padding: .75rem 1rem .6rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .15s ease-in-out;
				padding: 1rem 1.75rem 1rem 4rem;
		 display:none;
}			

	.button, a.button, span.button {
    color: #000000;
    font-family: helvetica,sans-serif;
    font-size: 2 rem;
    font-weight: 700;
    line-height: 1;
    background-color: #ff0000;
    display: inline-block;
    padding: .75rem 1rem .6rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .15s ease-in-out;
				 display:none;

}			
				
	b.button.corner, a.button.corner, span.button.corner {bottom: 0;
    -webkit-clip-path: polygon(2.5rem 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(2.5rem 0,100% 0,100% 100%,0 100%);
    padding: .75rem 1.13rem .75rem 3rem;
    position: absolute;
    right: 0;		
				 display:none;

		}				
	 
	 
	 
	 
	 /* Slider */
	 
	
.slider {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:100%;
	background-color:#252525;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
	display:flex;
	flex-direction:column;
	
}
.slide img{
  width:100%;
  height:auto;
	position: absolute;
left: 0%;	
				    float:right;

}

.image{
  width:100%;
  height:100%;
				    float:right;

}
.image img{
  width:100%;
  height:100%;		
    position: absolute;
    float:right;

}

		

/* Legend */
				
.legend2 {
    width: 100%;
    height: 65%;
    max-height: auto;
    background-color: #252525;
    border-bottom: 0;
    position: absolute;
	    top: 300px;

    /* clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0% 100%); */
}				
				
				
.legend{
	
border:800px solid transparent;
  border-left:1600px solid #252525;
  border-bottom:0;
  position:absolute;
  bottom:0;
}

/* Contents */
.content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: auto;
    z-index: 2;
}

				
				
.content-txt{
    width: 100%;
    height: 350px;
    float: left;
    position: relative;

    -webkit-animation: content-s 7.5s infinite;
    -moz-animation: content-s 7.5s infinite;
    animation: content-s 7.5s infinite;
    padding: 2.5%;
}
.content-txt h1 {
    font-family: Helvetica;
    text-transform: uppercase;
    font-size: 24px;
    color: #ff0000;
    text-align: left;
    padding: 20px;
    padding-bottom: 10px;line-height:150%;
}
.content-txt h2 {
    font-family: Helvetica;
    font-weight: 700;
    font-size: px;
    font-style: bold;
    color: #ff0000;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150%;
    margin-top: 1%;
}
	 
	.content-txt p {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 20px;
	line-height:200%;
} 
	 
	 
	 
	 
    /* SECTION BLOCKS */
     .sectionBlock {
         padding: 1% 1% 1.5% 1%;
         margin-top: 2%;
         margin-bottom: 2%;
    }
     .sectionBlock h2 {
         font-size: 1.25em;
    }
	 
	  .tours-container{
	
		 width:100%; height: 460px; background-color:red; display:flex; flex-direction:column-reverse;
	 padding-top:3.5em;
		  
	 }
	 .tour-img{
		 width:100%;
	 display:none;
		 
	 }
	
	 
	.event-header{
		text-align: center;
    font-size: 250%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 30px;
    width: 100%;
    font-weight: 300;
    line-height: 120%;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
   
}
	}
	 
	 .event-container{
     background color: #ff0000;
     height: auto;
		 flex-direction:column;
		 
}
	 .events {
    width: 90%;
    max-width:80%;
    margin: auto;
    margin-top: 10px;
}
	 
	 .list-item {
    position: relative;
    display: flex;
		 flex-direction:column;
        align-items: center;
    justify-items: center;
    border-top: 1px solid #e8e8e8;
    transition: 1s all;
    cursor: pointer;
}
.list-item .date {
    padding-top: 20px;
    padding-left: 30%;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    padding-right: 10%;
    box-sizing: border-box;
    text-align: center;
    line-height: 100%;
    padding-top: 20px;
}
	.list-item .info-title {
    font-size: 22px;
    line-height: 140%;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
				text-align: center;

  
} 
	.list-item .info-time {
    font-size: 19px;
    margin-bottom: 6px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
} 
	 .list-item .date-day {
    font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
	 
	 .home .list-item:hover .date {
  color:white;
}
	 
.list-item .date-month {
    font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    padding-right: 10px;
}
	 .contact-img {background-position: 50%;
    background-size: cover;
	 width:50%;}
	 
.tours-container{
	
	    display: flex;
    background-color: #ff0000;
    height: 600px;
	flex-direction:column-reverse;
}


	 .contact-info {width:100%; background-color:#252525; }
.contact-contain {
    width: 100%;
    /* height: 460px; */
    background-color: #000000;
    display: flex;
    flex-direction: column;
}	 	 	 .contact-info a {color:#ff0000; text-decoration:none; }

	 
	 #tours-type-contain{
		 
		 width:100%;
		 padding-top: 3.5rem;     padding-right: 3.5rem;     padding-bottom: 3.5rem;     padding-left: 3.5rem; 
	 }
	 
	 #tour-button{
		 
		 max-width: 50%; border: 5px solid white;"
	 }


	 #chat-button{
		 
		 max-width: 50%; border: 5px solid #ff0000;"
	 }
	 
	 .buttons-container-mobile{
		 
	
		     display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
		 
	 }
	 
	 
	 
	 
}

	 
    /*MISSION AND VISION*/
     #mission {
         position: absolute;
         top: 3.75%;
         left: 3%;
    }
     #vision p {
         margin: 0 5% 5% 5%;
         font-size: 1.20em;
         line-height:135%;
    }
     #mission p {
         margin: 0 5% 5% 5%;
    }
     #mission h2 {
         font-size: 1.5em;
         color: #ffffff;
         -webkit-animation: slideDown 1s 1;
         -moz-animation: slideDown 1s 1;
         animation: slideDown 1s 1;
    }
     .cycle-next {
         font-size: 2em;
    }
     .cycle-prev {
         font-size: 2em;
    }
	 
	 
	 
}
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	/* STYLES BASED ON SCREEN SIZE (MEDIUM-ISH) */
 @media (min-width:46.87em) { 
	 
	 
	 	 #slider {
    width: 100%;
    height: relative;
    position: relative;
    overflow: hidden;
    margin-right: 0 auto;
    padding-bottom: 0;
}
	
	 .contact-contain {
    width: 100%;
    height: 492px;
    background-color: #252525;
    display: flex;
    flex-direction: row;
    padding: bottom;
	 }
	 
	#chat-button{
    max-width: 50%;
    border: 5px solid #ff0000;
   
} 
	 #tour-button {
    max-width: 50%;
    border: 5px solid white;
   
}
 } 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
 }


/* STYLES BASED ON SCREEN SIZE (MEDIUM) */
 @media (max-width:120em) {
    /*PICTURE IMAGE AT TOP - MEDIUM SCREEN */
     .mobilePicture {
         z-index: 1;
    }
     .mobilePicture img {
         width: 100%;
         margin: 0;
        /*opacity: .7;
        */
         z-index: -200;
    }
    /*VIDEO*/
     .videoContainer {
         z-index: -100;
    }
     .videoContainer video {
         display:none;
    }
    /*MISSION*/
     #mission {
         position: absolute;
         top: 6%;
         left: 3%;
    }
     #mission h2 {
         font-size: 1.75em;
         color: #ffffff;
         -webkit-animation: slideDown 1s ease-in;
         -moz-animation: slideDown 1s ease-in;
         animation: slideDown 1s ease-in;
    }
    /*BUTTONS*/
     .signUp {
         text-align:center;
         width: 50%;
         float: left;
         font-size: 16px;
    }
     .fixIT {
         text-align:center;
         width: 50%;
         float: left;
         font-size: 16px;
    }
     .specialButtonBox {
         padding: 4% 1% 5% 1%;
         min-height: 2em;
         display: inline;
         font-size: 16px;
    }
     .buttons {
         display: block;
    }
     .clear {
         clear: both;
    }
    /* SECTION BLOCKS */
     .sectionBlock {
         padding: 1% 1% 1.5% 1%;
         margin-top: 2%;
         margin-bottom: 2%;
    }
     .sectionBlock h2 {
         font-size: 1.75em;
    }
    /*VISION*/
     #vision p {
         margin: 0 5% 5% 5%;
         font-size: 1.30em;
         line-height:135%;
    }
     #vision h2 {
         font-size: 1.75em;
    }
     .cycle-next {
         font-size: 4em;
    }
     .cycle-prev {
         font-size: 4em;
    }
	 
	 
	 /*slider*/
	 #slider {
    width: 100%;
    height: relative;
    position: relative;
    overflow: hidden;
    margin-right: 0 auto;
    padding-bottom: 0;
}
	 
	 .legend2 {
    width: 75%;
    height: 100%;
    max-height: 800px;
    background-color: #252525;
    border-bottom: 0;
    position: absolute;
    bottom: 01;
    clip-path: polygon(0 0, 48% 0, 57% 100%, 0% 100%);
}
	 
	 .content-txt {
    width: 30%;
    height: auto;
    float: left;
    position: relative;
    top: 50px;
    -webkit-animation: content-s 7.5s infinite;
    -moz-animation: content-s 7.5s infinite;
    animation: content-s 7.5s infinite;
}
	 
	.content-txt h1 {
    font-family: Helvetica;
    text-transform: uppercase;
    font-size: 30px;
    color: #ff0000;
    text-align: left;
    margin-left: 40px;
} 
.content-txt h2 {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 24px;
    font-style: bold;
    color: #ff0000;
    text-align: left;
    padding: 20px;
	line-height:150%;
}
	 
	.content-txt p {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 20px;
	line-height:200%;
} 

#tour-button {
    max-width: 50%;
    border: 5px solid white;
    text-decoration-line: none;	 
}
	 
	  #chat-button{
		 
		 max-width: 50%; border: 5px solid #ff0000;"
	 }
	 
.buttons-container {
    display: flex;
    height: auto;
    max-height: 600px;
    background-image: https://www.depts.ttu.edu/housing/testing/JOEL/bg.png;
    justify-content: space-evenly;
    margin: 0 auto;
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-bottom: 5%;
    padding-top: 5%;
}	 
	 
	 .contact-info{
		 
		 
padding-top: 10%;
		 padding-right: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: 3.5rem;
	 }
	 
	 
	.contact-contain {
    width: 100%;
    height: auto; 
	}
	 
	 
	 
	.tours-container { 
	 width: 100%;
    height: 460px;
    background-color: red;
    display: flex;
    flex-direction: row;
	 
	}
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	
}




/* STYLES BASED ON SCREEN SIZE (LARGE +) */
 @media (min-width: 46.886em) {
    /*MOBILE PICTURES (HIDDEN)*/
     .mobilePicture {
         z-index: -100;
    }
     .mobilePicture img {
         display: none;
    }
    /*VIDEO*/
     .videoContainer {
         z-index: 100;
    }
     .videoContainer video {
         display:block;
    }
     #mission h2 {
         -webkit-animation: moveLeftSide 1s ease-in;
         -moz-animation: moveLeftSide 1s ease-in;
         animation: moveLeftSide 1s ease-in;
    }
	 
	 
	 * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}





	 
	 
	 /* Slider Contents */
.content{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
	 
	 .legend2{
width:75%;
				height:100%;
				max-height:800px;
background-color:#252525;
  border-bottom:0;
  position:absolute;
  bottom:0;
clip-path: polygon(0 0, 48% 0, 57% 100%, 0% 100%);

				
}				

	 
				.content img{
  width:100%;
  height:75%;		
    position: absolute;
    right: 0%;
				float:right;

}

	 
 
	 

				
.content-txt{
  width:675px;
  height:auto;
  float:left;
  position:relative;
	margin-right: 60%;
  top:150px;
  -webkit-animation:content-s 7.5s infinite;
  -moz-animation:content-s 7.5s infinite;
  animation:content-s 7.5s infinite;
}
.content-txt h1{
  font-family:Helvetica;
  text-transform:uppercase;
  font-size:32px;
  color:#ff0000;
  text-align:left;
  margin-left:80px;
}
.content-txt h2{
  font-family:Helvetica;
  font-weight:normal;
  font-size:32px;
  font-style:italic;
  color:#ff0000;
  text-align:left;
  margin-left:80px;
}
	 
.content-txt p{
  font-family:Helvetica;
  font-weight:normal;
  font-size:24px;
  color:#fff;
  text-align:left;
  margin-left:80px;
	line-height:200%;
}	
	 
 .large-txt p{
	 font-family: Helvetica;
    font-weight: normal;
    font-size: 4.5rem;
    color: #fff;
    text-align: left;
    margin-left: 80px;
    line-height: 150%;
	 }
	
	 
	 
    /*BUTTONS*/
     .signUp {
         text-align:center;
         width: 50%;
         float: left;
         min-height: 1em;
         font-size: 16px;
    }
     .fixIT {
         text-align:center;
         width: 50%;
         float: left;
         min-height: 1em;
         font-size: 16px;
    }
     .specialButtonBox {
         padding: 1.5% 1% 1.5% 1%;
         min-height: 1em;
         display: inline;
         font-size: 16px;
    }
     .buttons {
         display: block;
    }
     .clear {
         clear: both;
    }
	 
	 
	 
	 
	 /* Event Calender  */
	 .event-header{
	 
	 text-align: center;font-size: 300%;font-weight: 300;line-height: 120%;font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 700;
	 
	 }
	 
    /* SECTION BLOCKS */
     .sectionBlock {
         padding: 1% 1% 1.5% 1%;
         margin-top: 2%;
         margin-bottom: 2%;
    }
     #vision p {
         margin: 0 15% 5% 15%;
         font-size:1.80em;
         line-height:135%;
    }
     #vision h2 {
         font-size: 1.75em;
    }
     .cycle-next {
         font-size: 7em;
    }
     .cycle-prev {
         font-size: 7em;
    }
	 
	 .tours-container{
	
		 width:100%; height: 460px; background-color:red; display:flex; flex-direction:row;
	 
	 }
	 
	 .tour-img {background-position: 50%;
    background-size: cover;
	 width:50%;}
	 
	 
	 .event-container{
     background color: #ff0000;
     height: auto;
		background-color: white;width:100%;height: auto;display: flex;flex-direction: row;padding-bottom: 50px;
}
 .contact-img {background-position: 50%;
    background-size: cover;
	 width:50%;}
	 
	 .contact-info {width:50%; background-color:#252525; }
	  .contact-contain{width:100%; height: 460px; background-color:#252525; display: flex; flex-direction:row;}
	 	 .contact-info a {color:#ff0000; text-decoration:none; }
	 
	 
	 
	  #tours-type-contain{
		 
		 
		 padding-top: 3.5rem;     padding-right: 3.5rem;     padding-bottom: 3.5rem;     padding-left: 3.5rem; width:50%;
	 }
	 
  #tour-button{
		 
		 max-width: 30%; border: 5px solid white; text-decoration:none !important;"
	 }

	  #chat-button{
		 
		 max-width: 50%; border: 5px solid #ff0000; text-decoration:none !important;"
	 }

		 .buttons-container-mobile{
		 
		 display:none;
		 
		 
	 }		
	 
	 
	 
	 
	 
	 
}





	 
	 
	 
	 

/* STYLES INDEPENDENT OF SCREEN SIZE */
/*******************************************/
/*BUTTON CSS FOR ANIMATIONS */
 .inactiveLeft {
     transform: translate3d(-150vw, 0, 0);
}
 .inactiveRight {
     transform: translate3d(150vw, 0, 0);
}
 .activeLeft {
     animation: moveLeftSide .75s 1;
}
 .activeRight {
     animation: moveRightSide .75s 1;
}
/*BUTTONS*/
 .signUp {
     background-color:#003A66;
     box-shadow: 0px 5px 5px #888888;
     font-size: 22px;
}
 .signUp:hover {
     background-color:#899FB4;
     color:#ffffff;
     font-size: 22px;
}
 .fixIT {
     background-color:#4d5b2a;
     box-shadow: 0px 5px 5px #888888;
     font-size: 22px;
}
 .fixIT:hover {
     background-color :#b0b37b;
     color:#ffffff;
     font-size: 22px;
}
 a.specialLink {
     color:#ffffff;
     font-size: 22px;
}
 .resources {
     background-color:#000000;
     box-shadow: 0px 5px 5px #888888;
     font-size: 22px;
}
 .moreresources {
     box-shadow: 0px 5px 5px #888888;
     background-color:#FF0000;
     font-size: 22px;
}
/*VIDEO*/
 .videoContainer {
     position: relative;
     width: 100%;
     margin: 0;
}
 .videoContainer video {
     width:100%;
}
 .videoContainer:before {
     content: '';
     position: absolute;
    /*background: linear-gradient(to top, rgba(253,253,253,1) 0%, rgba(253,253,253,0) 10%);
    */
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
}
 .mobilePicture {
     margin: 0;
}
/* SECTION BLOCKS */
 .sectionBlock {
     background-color: #000000;
}
 .sectionBlock h2 {
     color:#ffffff;
     text-align: center;
}
/*MISSION AND VISION*/
 #vision h2 {
     text-align: center;
     font-family: "Neue Helvetica W01";
}
 #mission h2 {
     text-align: center;
     font-family: "Neue Helvetica W01";
}
/*SLIDESHOW*/
 .cycle-next {
     opacity: .6;
}
 .cycle-prev {
     opacity: .6;
}
 .cycle-prev:before {
     content: "";
}
 .cycle-next:before {
     content: "";
}
/* QUICK LINKS SELECTION BOXES */
 .selectBox {
     background: #cc0000;
     margin:0 .5% 0 .5%;
     text-align: center;
     height: 200px;
     padding: 5%;
     font-size: 24px;
}
 .selectBox h2 {
     color: #ffffff;
}
/* EVENT TABLE CSS */
 .highlightedEvent {
     background-color: #cc0000;
     color: #ffffff;
     animation: fadeIn 1s linear;
}
 .highlightedEvent::before {
     color: #ffffff;
}
 img.activeEvent {
     display:block;
     animation: fadeIn 1s ease-in;
}
 img.inactiveEvent {
     display:none;
}
/*SLIDESHOW*/
 #imageSlide img {
     width: 100%;
}
 #pausedIndicator {
     position: absolute;
     color: #ffffff;
     background-color: #000000;
     padding: 1%;
     margin-left: 1%;
}
 #pausedIndicator.on {
     display: block;
     animation: fadeInHalf .5s ease-in;
     opacity: .5;
}
 #pausedIndicator.off {
     display: none;
}
 .rotateEvent:hover {
     cursor: pointer;
}
 .highlightOn {
     background-color: #cc0000;
     color: #ffffff;
}
 .highlightOn .showLink {
     color: #ffffff;
}
/*MODIFIED TTU TEMPLATE*/
 .l-main-pagecontent {
     padding-top: 0;
}
 .table-no-wrap {
     margin-top: 0rem;
     margin-bottom: .15rem;
     width: 90%;
}
 .table-no-wrap th {
     font-size:1.5rem;
}
 .table-no-wrap td {
     font-size:1.25rem;
}