/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*MAIN*/




body {
    background-color: #292929;
}
.nobg{	
    background: none;
}

	.btn-style-one {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
    color: #007dc6;
    line-height: 24px;
    padding: 12px 22px;
    font-size: 38px;
    font-weight: bold;
    text-transform: inherit;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    border-radius: 13px;
    width: 320px;
}
	

sup {font-size:small; vertical-align:super;}



  


.noround {
    border-radius: 0px !important;
    margin: 0 0 0 0;
    height: 95px !important;
}

.logobanner {
	color :white;
    border-radius: 10px;   
	background: rgb(0 0 0 / 30%);
    width: 950px;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    padding: 5px 0 0 0;
    font-size: 15px;
    border-radius: 20px;
}

.vidbanner2 {
    color: white;
    border-radius: 10px;
    background: rgb(0 0 0 / 30%);
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    padding: 5px 0 0 0;
    font-size: 15px;
    border-radius: 20px;
}
.vidbanner2 img {
    max-width: 400px;
}
.vidbanner {
    color: white;
    border-radius: 10px;
    background: rgb(0 0 0 / 30%);
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    padding: 5px 0 0 0;
    font-size: 15px;
    border-radius: 20px;
}

.prevnext {
    color: white;
    background: rgb(0 0 0 / 30%);
    margin: 2px auto;
    text-align: center;
    padding: 4px 12px;
    font-size: 15px;
    border-radius: 10px;
}

.numbuttons {
    color: white;
    background: rgb(0 0 0 / 30%);
    margin: 2px auto;
    text-align: center;
    padding: 4px 12px;
    font-size: 15px;
    border-radius: 10px;
}


	.topbanner {
    border-radius: 10px;
    width: auto;
    height: auto;
    float: right;
    margin: -10px 0px -50px 0;
    text-align: center;
    font-size: 18px;
    padding: 10px 0px;
}
	

	.bannercontrol {
    float: right;
}
	

	.homeh1 {
    font-size: 32px;
}
	
	.w3-red {
    background: #5e9b3e;
}
	



	.social  {
    color: #427726;
		
    font-size: 45px !important;
    text-align: center;
    width: 27px;
    line-height: 27px;
    display: inline-block;
    margin-right: 29px;
}



	.social:hover  {
    color: #5e9b3e;
		
}



.clearer{clear: both;}




.progfull{
    background: white;
    display: flex;
    width: 100%;
}

.progday{
	width: 100%;
	border: 1px solid #c3c3c3;
    font-size: 14px;
    line-height: 17px;
}
.progbox{
  padding: 0;
    border-bottom: 1px solid #9f9f9f;  
	min-height: 31px;
    background-image: url("img/no-acc.png"); 
    background-position: 101px 11px;
    background-repeat: no-repeat;
}

.progbox2color{  
	background-color: #eeeeee !important;
}


.times{
    min-width: 84px;
    border-right: 1px solid black;
    float: left;
    margin: 0 34px 0 0;
    padding: 7px;
    text-align: right;
    color: black;
    display: block;
    background: rgb(255 255 255 / 20%);
}

.progbuttontitle{	
	padding: 7px;
    display: block;
    float: left;
}

.rooms{
	border-style:inset;
    border-right: 1px solid #b9b9b9;
    float: left;
    margin: 0 0px 0 0;
    background: rgb(255 255 255 / 50%);
    padding: 7px;
    text-align: center;
    color: black;
    display: block;
    min-width: 40px;
}
.rooms2{
    border-right: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
    float: left;
    margin: 0 0px 0 0;
    background: rgb(255 255 255 / 20%);
    padding: 7px;
    text-align: center;
    color: black;
    display: block;
    min-width: 40px;
	height: 15px;
}

.inviteonly{
    border-right: 1px solid #b9b9b9;
    float: left;
    margin: 0 0px 0 0;
    background: rgb(136 255 74 / 35%);
    padding: 7px;
    text-align: center;
    color: black;
    display: block;
    min-width: 40px;
	height: 15px;
}


.progpic {
    height: 100px;
    width: auto;
    border: 1px solid gray;
    float: left;
    margin: 0px 10px 10px 0px;
}

.progpic2 {
    height: 100px;
    width: auto;
    border: 1px solid gray;
    margin: 0px 10px 5px 0px;
}

.progspeaker {
    width: 21%;
    float: left;
    margin: 0px 10px 0px 0px;
}

.progworkshop {
    width: 100%;
    float: left;
    background: rgb(214 221 210);
    margin: 0px 0px 10px 0px;
    padding:5px 8px 0;
    border-radius: 5px;
}



.progbox a{
	text-decoration: none;
}

.timer{
}

.progdaytitle{	
	padding: 3px;
    background: #5e9b3e !important;
    color: white;
	font-weight: bold;
}




div.progday>div:nth-of-type(odd) {
  background-color: rgb(94 155 62 / 35%);
}



.onetall{
	min-height: 40px;
		
}

.twotall{
		min-height: 87px;
		
}


.threetall{
		min-height: 134px;
		
}









.announcement{
    background: #5e9b3e;
    background: linear-gradient(0deg, rgb(135 235 137) 0%, rgba(75,184,77,1) 100%);
	
    font-size: 17px;
    border-radius: 16px;
    margin: -5px 8px 15px 0;
    padding: 27px 20px;
    border: 1px solid white;
    font-weight: bold;
    text-align: center;
	
	box-shadow: 0 0 12px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);

}

.buttonClass6 {
    font-size: 17px;
    width: 140px;
    height: 50px;
    border-width: 1px;
    color: #ffffff;
    border: 1px solid #5fcf61;
    font-weight: bold;
    border-radius: 13px;
    box-shadow: inset 0px 1px 4px 0px #5a5a5a;
    background: linear-gradient(#5e9b3e, #efa048);
    padding: 15px 35px;
}

.buttonClass6:hover {
  background: linear-gradient(#38a2cf, #237ca3);
}
          

.buttonClass7 {
    font-size: 17px;
    width: 460px;
    height: auto;
    border-width: 1px;
    color: #ffffff;
    border: 1px solid #fff;
    font-weight: bold;
    border-radius: 13px;
    box-shadow: 0px 1px 4px 0px #5a5a5a;
    background: linear-gradient(#5e9b3e, #efa048);
    padding: 10px 35px;
    display: block;
    text-align: center;
    margin: 7px 0 -10px 0;
}

.buttonClass7:hover {
  background: linear-gradient(#efa048, #5e9b3e);
}

        .buttonClass8 {
    font-size: 22px;
    width: 353px;
    height: auto;
    border-width: 1px;
    color: #ffffff;
    border: 1px solid #fff;
    font-weight: bold;
    border-radius: 13px;
    box-shadow: 0px 1px 4px 0px #5a5a5a;
background: linear-gradient(#427726, #6fb948);
            padding: 13px 35px;
    display: block;
    text-align: center;
    margin: 0px 0 17px 0;
}  

.buttonClass8:hover {
  background: linear-gradient(#6fb948, #427726);
}



        .buttonClass9 {
    font-size: 22px;
    width: 600px;
    height: auto;
    border-width: 1px;
    color: #ffffff;
    border: 1px solid #fff;
    border-radius: 13px;
    box-shadow: 0px 1px 4px 0px #5a5a5a;
background: linear-gradient(#427726, #6fb948);
            padding: 13px 35px;
    display: block;
    text-align: center;
    margin: 0px 0 17px 0;
    text-decoration: none;
    line-height: 28px;
}  

.buttonClass9:hover {
  background: linear-gradient(#6fb948, #427726);
}


.underlinebanner {
    text-decoration: underline;
}
.bannerbigcopy {
    font-size: 20px;
    color: #919191;
    font-weight: bold;
}





/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	  background-color: #eee;
  cursor: pointer;
  padding: 0;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
	min-height: 34px;
	
    border-bottom: 3px solid #bed5b1;
	
    background-image: url("img/accordion.png"); 
    background-position: 102px 11px;
    background-repeat: no-repeat;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: rgb(152 241 101 / 42%);
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white !important;
  display: none;
  overflow: hidden;
}






.breaking{	
    background-image: none; 
    background-color: #d3d3d3 !important;
    margin: 0px 0 1px 0;
}
.accord2{	
  background-color: rgb(94 155 62 / 35%);
}
.sessions{	
    background-color: #c2e6f5;
}










	
	/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
    top: -275px;
}

/* Add some content at the bottom of the video/page */
.contentvid {
  position: fixed;
  bottom: 300px;
  color: #f1f1f1;
  width: 100%;
  padding: 20px 0;
	text-align: center;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 100px;
    height: 100px;
  font-size: 18px;
  padding: 10px;
  border: none;
    background: rgb(246 147 53 / 50%);
	
    border-radius: 100px;
  color: #fff;
  cursor: pointer;
    left: -50px;
    position: relative;
}

#myBtn:hover {
  background: rgba(255, 255, 255, 0.5);
  color: black;
}
	.responsive {
  width:auto;
  height: auto;
}
	
	
	.center {
    width: 420px;

    z-index: 4;
    position:absolute;

    bottom: 50px;
		left:50%;
    margin-left: -160px;
    margin-top: -110px;
}
	
	
	
	
	@media screen and (max-width: 855px) {

	.responsive {
  width: 100%;
  height: auto;
}
}








table.greenTable2 {
	
    margin: 0 0 8px 0px;
  background-color: #cee1c4;
  text-align: left;
}
table.greenTable2 td, table.greenTable2 th {
  border: 1px solid #ffffff;
  padding: 3px 20px 0 10px;
}
table.greenTable2 tbody td {
	
}






table.greenTable {
	
    margin: 0 0 8px 0px;
  border: 4px solid #b8dda4;
  background-color: #ffffff;
  text-align: left;
}
table.greenTable td, table.greenTable th {
  border-bottom: 1px solid #b6d9a3;
  padding: 5px 20px;
}
table.greenTable tbody td {
	
}




table.agendaTable {
	width: 80%;
  border: 4px solid #fff;
  background-color: #dfebd8;
  text-align: left;
}
table.agendaTable td, table.agendaTable th {
  border: 1px solid #fff;
  padding: 3px 10px;
	
	width: 40%;
}
table.agendaTable tbody td {
	
}


.tablewhite{
  background-color: #ffffff;
}





table.agendaTable2 {
	width: auto;
  border: 4px solid #fff;
  background-color: #efdfcc;
  text-align: left;
}
table.agendaTable2 td, table.agendaTable2 th {
  border: 1px solid #fff;
  padding: 3px 10px;
	
}
table.agendaTable2 tbody td {
	
}



.tabletop {
    margin: 10px 0 0px 14px;
}





:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}


    .dcf-table thead {
 background-color: transparent;
    border-collapse:collapse;
  	font-family: Arial, Helvetica, sans-serif;
}



th {
    text-align:left
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    

.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }

    .dcf-table thead {
      font-size: .84em
    }

    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      font-size: .84em
    }

    .dcf-table tfoot {
      font-size: .84em
    }

    .dcf-table td, .dcf-table th {
      padding-right: 1.78em
    }

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 1px solid var(--b-table)
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }

    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .75em;
      vertical-align: bottom
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }

    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em;
    font-size: 15px;
    }

    .dcf-table-bordered thead th {
         padding: 7px 13px;
    background: #c7e1b8;
    line-height: 20px;
    font-size: 15px;
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }

    @media only screen and (max-width:42.09em) {
      .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }
    }

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }
    
.dcf-w-100\% {
  width: auto!important;
    background: white;
		}













.actcontainer {
  position: relative;
    width: 31%;
    margin: 5px;
}

.actimage {
  display: block;
  width: 100%;
  height: auto;
}

.actoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
  transition: .9s ease;
  background-color: #000000;
}

.actcontainer:hover .actoverlay {
  opacity: 0;
}

.actcontainer:hover .acttext {
  background-color: rgba(100, 100, 100, 0.8);
}

.acttext {
  background-color: #ec9023;
  color: white;
  padding: 8px 15px;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .9s ease;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
    border: 1px solid white;
    text-shadow: 0px 0px 5px #333;
    font-weight: bold;
}







.fancybox-overlay {
  background-color: rgba(0, 0, 0, 0.85) !important;
}



















.h3, h3 {
    font-size: 24px;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.img-circle {
    border-radius: 50%;
}

/*** 

====================================================================
	Schedule Section style
====================================================================

***/

.schedule-section{
	position:relative;
	padding:60px 0px 80px;
	background:#ffffff;
}

.download-btn{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:10px 25px 8px;
	margin-bottom:20px;
	border:2px solid #a0a0a0;
	color:#a6a6a6;
	font-size:14px;
	text-transform:uppercase;
}

.download-btn .fa{
	padding-right:20px;
	font-size:20px;
}

.download-btn:hover{
	color:#ffffff;
	background:#007dc6;
	border-color:#007dc6;
}

.schedule-box{
	position:relative;
	border:1px solid #dadada;	
}

.schedule-box .tab-buttons{
	position:relative;
	width:100%;
	display:table;
}

.style-two .schedule-box .tab-buttons{
	display:block;
	float:left;
	width:18%;	
}

.schedule-box .tab-buttons .tab-btn{
	position:relative;
	display:table-cell;
	text-align:center;
	background:#ffffff;
	color:#5e9b3e;
	line-height:1.4em;
	padding:8px;
	border-bottom:1px solid #dadada;
	border-right:1px solid #dadada;
	cursor:pointer;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}
/*TAB SPACING*/
li.tab-btn {
    width: auto;  
}

.style-two .schedule-box .tab-buttons .tab-btn{
	display:block;
}

.schedule-box .tab-buttons .tab-btn:last-child{
	border-right:none;	
}

.style-two .schedule-box .tab-buttons .tab-btn:last-child{
	border-bottom:none;
	border-right:1px solid #dadada;
}

.schedule-box .tab-buttons .tab-btn.active,
.schedule-box .tab-buttons .tab-btn:hover{
	border-color:#5e9b3e;
	background:#5e9b3e;
	color:#ffffff;
}

.style-two .schedule-box .tab-buttons .tab-btn.active,
.style-two .schedule-box .tab-buttons .tab-btn:hover{
	border-bottom-color:#ffffff;
}

.schedule-box .tab-buttons .tab-btn .day{
	display:block;
	text-transform:capitalize;
	font-size:22px;
	margin-bottom:2px;
}

.schedule-box .tab-buttons .tab-btn .date{
	display:block;
	font-size:16px;	
}

.schedule-box .tab-buttons .tab-btn .curve{
	position:absolute;
	display:block;
	width:100%;
	left:0px;
	bottom:0px;
	background:none;
	text-align:center;
	opacity:0;
}

.style-two .schedule-box .tab-buttons .tab-btn .curve{
	width:20px;
	height:100%;
	bottom:auto;
	left:auto;
	right:0px;
	top:0px;
}

.schedule-box .tab-buttons .tab-btn.active .curve,
.schedule-box .tab-buttons .tab-btn:hover .curve{
	bottom:-19px;
	opacity:1;
	transition:all 300ms ease 200ms;
	-webkit-transition:all 300ms ease 200ms;
	-ms-transition:all 300ms ease 200ms;
	-o-transition:all 300ms ease 200ms;
	-moz-transition:all 300ms ease 200ms;	
}

.style-two .schedule-box .tab-buttons .tab-btn.active .curve,
.style-two .schedule-box .tab-buttons .tab-btn:hover .curve{
	bottom:auto;
	right:-17px;
}

.schedule-box .tab-buttons .tab-btn .curve:after{
	content:'';
	display:inline-block;
	width:0px;
	height:0px;
	border:7px solid transparent;
	border-top-color:#5e9b3e;	
}

.style-two .schedule-box .tab-buttons .tab-btn .curve:after{
	content:'';
	position:absolute;
	right:3px;
	top:42px;
	display:inline-block;
	width:0px;
	height:0px;
	border:7px solid transparent;
	border-left-color:#007dc6;	
}

.schedule-box .tabs-box{
	position:relative;
	background: rgba(255,255,255,.5);
}

.style-two .schedule-box .tabs-box{
	float:left;
	width:82%;	
}

.schedule-box .tab{
	position:relative;
	padding:9px;
	display:none;	
}

.style-two .schedule-box .tab{
	padding-bottom:10px;	
}

.schedule-box .tab.current{
	display:block;	
}

.schedule-box .hour-box{
	position:relative;
	padding-left:200px;
/*	padding-left:150px;*/
	font-size:16px;
	color:#000000;
	padding-bottom:20px;
	overflow:hidden;
}

.schedule-box .hour-box:before{
	content:'';
	position:absolute;
	left:181px;
	top:24px;
	width:2px;
	height:100%;
	background:#d2d2d2;
}

.schedule-box .hour-box.active-box:before{
	background:#0091d5;
}

.schedule-box .hour-box:last-child:before{
	display:none;
}

.schedule-box .hour-box .hour{
	position:absolute;
	left:0px;
	top:-4px;
/*	width:100px;*/
	width:230px;
	font-size:14px;
	line-height:2em;
	color:#333;	
}

.schedule-box .hour-box .circle{
	position:absolute;
	left:170px;
/*	left:100px;*/
	top:0px;
	width:24px;
	height:24px;
	border:2px solid #d2d2d2;
}

.schedule-box .hour-box.active-box .circle{
	border-color:#0091d5;
}

.schedule-box .hour-box .toggle-btn .none, .schedule-box .hour-box .toggle-btn p, .schedule-box .hour-box .toggle-btn .none, .schedule-box .hour-box .toggle-btn ul, .schedule-box .hour-box .toggle-btn .none, .schedule-box .hour-box .toggle-btn li{
    cursor: default;
}

.schedule-box .hour-box .toggle-btn{
	position:relative;
    margin: -17px 0 0 12px;
	cursor:default;
}

.schedule-box .hour-box .toggle-btn h3{
	position:relative;
	display:inline-block;
	font-size:18px;
	padding-right:30px;
	color:#333;
	text-transform: uppercase;
}
.schedule-box .hour-box .content-box h3{
	position:relative;
	display:inline-block;
	font-size:18px;
	padding-right:30px;
	color:#292929;
}

.schedule-box .hour-box .toggle-btn h3:after{
	font-family: 'FontAwesome';
	content:'\f107';
	position:absolute;
	right:0px;
	top:0px;
	width:30px;
	height:30px;
	display:block;
	color:#007dc6;
	line-height:28px;
	font-size:24px;
	text-align:right;
	z-index:5;	
}
.schedule-box .hour-box .toggle-btn h3.none:after{
	display: none;
}
	.schedule-box .hour-box .toggle-btn.active h3.none:after{
	content:'';
}

.schedule-box .hour-box .toggle-btn.active h3:after{
	content:'\f106';	
}


.schedule-box .hour-box .content-box{
	position:relative;
	padding-right:20px;
	display:none;	
}

.schedule-box .hour-box .content-box.collapsed{
	display:block;	
}

.schedule-box .hour-box .content-box .professional{
	position:relative;	
}

.schedule-box .hour-box .professional .info{
	position:relative;
	padding-left:110px;
	padding-top:10px;
	min-height:50px;
	margin-bottom:20px;
}

.schedule-box .hour-box .professional .info .image{
	position:absolute;
	left:15px;
	top:0px;
	width:72px;
	height:72px;
	border:1px solid #d0d0d0;
	overflow:hidden;
}

.schedule-box .hour-box .professional .info .image img{
	display:block;
	width:100%;	
}

.schedule-box .hour-box .professional .info .prof-title{
	font-size:18px;
	margin-bottom:7px;
	color:#292929;
	font-weight:500;
}

.schedule-box .hour-box .professional .info .prof-occup{
	font-size:15px;
	color:#007dc6;
}

.schedule-box .hour-box .theme-btn{
	background:#007dc6;
	margin:15px 5px 5px;
	border-radius: 8px;
}

.theme-btn.dull,
.schedule-box .hour-box .theme-btn.dull{
	background:#d2d2d2;	
}

.schedule-box .hour-box .theme-btn:before{
	background:#292929;	
}






strong { 
  font-weight: bold;
    
}

html, body {
    font-family: SlateStd, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 1.5em;
}


p {
    margin: 0px 0 15px;
    line-height: 1.5em;
    font-size: 15px;
}

h1 {
    clear: both;
    font-size: 35px;
    color: #ffffff;
    line-height: 1.15em;
    margin: 10px 0 10px 17px;
    letter-spacing: 2px;
    text-align: left;
    font-weight: bold;
    font-family: 'SlateStd-Medium', Arial, sans-serif;
}


	.banstyle {
    background: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 5px 0 0 0 !important;
}
	
	




h2 {
    font-size: 20px;
    color: #000000;
    line-height: 1.15em;
    margin: 30px 0 7px;
    letter-spacing: .5px;
	text-align:left;
    font-weight: bold;
    font-family: 'SlateStd-Medium', Arial, sans-serif;
}

.tabs-box h2 {
    margin: 10px 14px 7px;
}


h4 {
    font-size: 20px;
    color: #000000;
    line-height: 1.15em;
    margin: 10px 0 7px;
    letter-spacing: 1px;
	text-align:left;
    font-weight: bold;
    font-family: 'SlateStd-Medium', Arial, sans-serif;
}




h3 {   
    color: #58b926 !important;
    margin: 0px 0 15px -7px;
    font-size: 27px;
    border-bottom: 2px solid #b1b1b1;
    padding: 11px 15px;
    width: fit-content;
    border-radius: 13px;
    background: #fff;
}

h5 {

    background: white;
    border-radius: 20px;
    margin: -5px 8px 15px 0;
    padding: 9px 26px;
    border: 1px solid lightgray;
}







/* Add a black background color to the top navigation */
.topnav {
  background-color: #5e9b3e;
  overflow: hidden;
    margin: 0 auto;
	text-align: center;
	width: 1160px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
  font-size: 17px;
    border-left: 1px solid #87c765;
}

/* Add an active class to highlight the current page */
.active {
 	background: rgb(113 207 63);
    background: linear-gradient(0deg, rgb(113 207 63) 0%, rgb(222 239 212) 100%);
    
    color: black !important;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
	-webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
	-moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
}

.active2 {
   background-color: #7ad948 !important;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}










/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
    border-left: 1px solid #87c765;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  padding: 16px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
    background-image: url("img/dropdown.png");
	background-position: bottom;
    background-repeat: no-repeat;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #65b939;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #96d773;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
 	background-color: #96d773;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}




















/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 900px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 900px) {
  .topnav.responsive {position: relative;
	
	width: 100%;
	}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    border: 1px solid #87c765;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}


/* The "responsive" fix */
@media screen and (max-width: 900px) {
  .topnav {
	width: 100%;
	}
}





.regbutt {
    background: #d37100;
    border: 1px solid #ffbb6d;
    float: right !important;
    padding: 9px 17px !important;
    margin: 4px 0 0 0;
	border-radius: 10px;
}








.myButton {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#fb9e25;
}
.myButton:active {
	position:relative;
	top:1px;
}

        

.buttonClass5 {
  font-size:15px;
  font-family:Arial;
  width:140px;
  height:50px;
  border-width:1px;
  color:#ffffff;
  border-color:#5e9b3e;
  font-weight:bold;
  border-radius:10px;
    box-shadow: inset 0px 1px 0px 0px #434343;
    text-shadow: inset 0px 1px 0px #528009;
    background: linear-gradient(#5e9b3e, #2f5b18);
	padding: 15px 35px;
}

.buttonClass5:hover {
  background: linear-gradient(#2f5b18, #5e9b3e);
}
              
    


.buttonClass6 {
  font-size:15px;
  font-family:Arial;
  width:350px;
  height:50px;
  border-width:1px;
  color:#ffffff;
  border-color:#5e9b3e;
  font-weight:bold;
  border-radius:10px;
    box-shadow: inset 0px 1px 0px 0px #af5c00;
    text-shadow: inset 0px 1px 0px #528009;
    background: linear-gradient(#5e9b3e, #efa048);
	padding: 11px 53px;
}

.buttonClass6:hover {
  background: linear-gradient(#efa048, #5e9b3e);
}
              
    





.fade-in-text {
  animation: fadeIn linear 3s;
  -webkit-animation: fadeIn linear 3s;
  -moz-animation: fadeIn linear 3s;
  -o-animation: fadeIn linear 3s;
  -ms-animation: fadeIn linear 3s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}






















.background {
    background: #333;
    position: fixed;
    width: 100%;
    height: 580px;
    top: 67px;
    left: 0;
    z-index: 0;
}

.background2 {
    background: #011128;
    position: fixed;
    width: 100%;
    height: 420px;
    top: 6px;
    left: 0;
    z-index: 0;
}

.background3 {
    position: fixed;
    width: 100%;
    height: 90%;
    top: 121px;
    left: 0;
    z-index: 0;
}

.attirebg {
	background-image: url("img/pattern-full.jpg");
}

.welcome-bg{
	background-image: url("img/city.jpg");
	background-size: cover;
    background-position: top ;
}

.resort-bg{
	background-image: url("img/pic-resort.jpg");
	background-size: cover;
    background-position: bottom ;
}

.agenda-bg{
	background-image: url("img/pic-agenda.jpg");
	background-size: cover;
    background-position: center ;
}

.travel-bg{
	background-image: url("img/pic-travel.jpg");
	background-size: cover;
    background-position: center;
}
.health-bg{
	background-image: url("img/pic-health.jpg");
	background-size: cover;
    background-position: center ;
}
.activity-bg{
	background-image: url("img/pic-activity.jpg");
	background-size: cover;
    background-position: bottom ;
}

.attire1-bg{
	background-image: url("img/attire1.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.attire2-bg{
	background-image: url("img/attire2.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.attire3-bg{
	background-image: url("img/attire3.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.attire4-bg{
	background-image: url("img/attire4.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}


/* Style the header */
.header {
  text-align: center;
	position: fixed;
    width: 100%;
    z-index: 1;
}


.mylogo2{
    position: fixed;
    top: 53px;
    left: calc(50% - 250px);
    z-index: 0;
    width: 500px;
    height: auto;
}




.logos{
    height: 276px;
    width: 500px;
    padding: 0;
    margin: 20px auto 0;
}


.isac{
 
    width: 170px;
    height: auto;
    margin: 0 0 10px 0;
    background: white;
    border-radius: 20px;
    padding: 14px 35px;
    
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
	-webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
	-moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
}
.cyto{
	width: 500px;
	height: auto;
	
}
.mylogo img{
z-index: 0;
}

.presenting{
	margin: 10px ;
    color: white;
}

.headerbar {
	width: 100%;
  background-color: #ffffff;
  margin: 0px;
  padding: 12px 0 8px 30px;
  text-align: left;
    height: auto;
}
.headerstripe{
  background-color: #5e9b3e;
    height: 5px;
	border-bottom: 1px solid white;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
	-webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
	-moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.3)  ; 
}


.contentarea99{
	background: white;
	background-image: url("img/pattern.jpg");
  background-repeat: repeat-x;
  background-position: top;
    z-index: 3;
    position: relative;
}
.contentarea{
    background-attachment: fixed;
    z-index: 3;
    position: relative;
	
    background-image: url(img/bg.jpg);
    background-position: bottom;
    background-size: cover;
}
.contentarea2{
    z-index: 3;
    position: relative;
    text-align: center;
}
.content {

    background: linear-gradient(#00000042, #00000000);
	max-width: 1160px;
    margin: 0 auto;
    padding: 10px ;
    min-height: 485px;
	
}
.contentattire {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 29px 0 0;
    min-height: 70px;
}
.copy {
	background: rgb(255 255 255 / 89%);
    padding: 18px 22px;
    border-radius: 10px;
    min-height: 300px;
    font-size: 15px;
}

.copy2 {
	background: rgb(255 255 255 / 89%);
    padding: 18px 22px;
    border-radius: 10px;
    margin: 0 0 20px 0;
    font-size: 15px;
}
.left {
 float: left;
    margin: 0 20px 20px 0px;
}

.right {
 float: right; 
	margin: 0 0 0px 20px;
}

.right2 {
    float: right;
    margin: 0px 0px 20px 25px;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    border: 1px solid white;
    border-radius: 14px;
    
}
.right-logo {
    float: right;
    margin: -30px 0 0px 4px;
}

.spacetab{
    margin: 0 30px 0 0;
}
.normalpic{
	border: 1px solid lightgray;
    margin: 6px 0;
}


.rightpic {
	width: 66% ;
}
.right-h1 { 
	margin: 20px 0 30px 190px;
}

.resort{ 
	margin: 15px 0 0 0; 
    display: inline-block;
}


.resort-copy { 
	padding: 0 10px 0 0;
	 background: rgb(235,219,212);
background: linear-gradient(180deg, rgba(235,219,212,1) 0%, rgba(235,219,212,0.3827) 100%);
float: left;
    width: 50%;
  border-radius: 0 30px 30px 0;
    height: 278px;
	padding: 0 30px 0 30px;
}
.resort-pic { 
	padding: 0 17px 0 0;
	 background: rgb(237,144,35);
background: linear-gradient(180deg, rgba(237,144,35,1) 0%, rgba(237,144,35,0.4822303921568627) 100%);
	
float: left;
    width: 417px;
    height: 278px;
}
.resort-pic img{ 
	border-right: 5px solid white;
    width: 100%;
    height: auto;
}

.icons {
    width: 40px;
    margin: 0px 0 0 -50px;
    position: absolute;
}




ol.mynumlist {
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0 0px 20px 18px;
    line-height: 1.6em;
    font-weight: bold;
}

ul.mynumlist {
  list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 20px 45px;
}

ul.mynumlist {
  list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 20px 20px;
}
.mynumlist li{
    margin: 0 0 18px 0;
    font-weight: normal;
}


ol.mylist {
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0 0 20px 60px;
    line-height: 1.5em;
}

ul.mylist {
  list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 20px 45px;
}

ul.mylist2 {
  list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 20px 20px;
}
.mylist2 li{
    margin: 0 0 10px 0;
    font-size: 15px;
}


a{
color:	#5e9b3e;
}





.sticky {
	position: -webkit-sticky;
   position: sticky;
	top: 0px;
}

.navbar{
	background: #5e9b3e;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    z-index: 4;
}

.navbarattire{
	background: url("img/pattern-yellow.jpg");
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    z-index: 4;
}


.arrow {

    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 14px;
}





.photospace{
	    height: 750px;
	width: 1160px;
	margin: 0 auto;
    position: relative;
}

.photospace2{
	    height: 420px;
	margin: 0 auto;
    position: relative;
}

.photospace3{
	    height: 140px;
	margin: 0 auto;
    position: relative;
}



.mouse_scroll {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
    position: absolute;
    top: 450px;
    z-index: 4;
    left: 50%;
}


.mouse_scroll img{
    margin: 0 0 0 -174px;
}




/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 1465px) {
	
	div.fadeShow-container div.image.fillHeight {
    background-size: 125% !important;
}
	
}



/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 1159px) {
	
	.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    position: absolute;
    top: 310px;
    z-index: 4;
    left: 50%;
}
	
	
	.headerbar {
    text-align: center;
    padding: 12px 0 8px 0;
}
	.mylogo {
    position: fixed;
    top: 52px;
    left: calc(50% - 25%);
    z-index: 10;
    width: 50%;
    height: auto;
}
	
	.mylogo2 {
    position: fixed;
    top: 52px;
    left: calc(50% - 25%);
    z-index: 10;
    width: 50%;
    height: auto;
}
	
	div.fadeShow-container div.image.fillHeight {
    background-size: 145% !important;
}
	

	
.photospace{
	width: 100%;
}
	
	
	
	
}









@media only screen and (max-width: 1270px) {
 .background3 {
    position: relative;
    width: 100%;
    height: 1600px;
    top: -73px;
    left: 0;
    z-index: 0;
}
.contentarea2 {
    z-index: 3;
    position: fixed;
    text-align: center;
    width: 230px;
}
	.contentattire img{
 height: auto;
		width: 95%;
}
	
}















@media only screen and (max-width: 920px) {
   .actcontainer {
    position: relative;
    width: 40%;
    margin: 5px;
}
	
}


@media only screen and (max-width: 800px) {
   .actcontainer {
    position: relative;
    width: 88%;
    margin: 5px;
}
}















@media (max-width: 958px){
	
	.schedule-box .tab-buttons,
	.style-two .schedule-box .tab-buttons{
		float:none;
		display:block;
		width:100%;
		margin-bottom:10px;	
		
	}
	
	.schedule-box .tab-buttons .tab-btn,
	.style-two .schedule-box .tab-buttons .tab-btn{
		display:block;
		width:100%;
		float:none;
		border:1px solid #d0d0d0 !important;
		margin-bottom:5px;	
	}
	
	.schedule-box .tab-buttons .tab-btn .curve{
		display:none;	
	}
	
	.style-two .schedule-box .tabs-box{
		width:100%;	
	}
	
	.schedule-box .hour-box .hour{
		position:relative;
		margin-bottom:15px;	
	}
	
	.schedule-box .hour-box{
		padding-left:40px;	
	}
	
	.schedule-box .hour-box .circle{
		left:0px;	
	}
	
	.schedule-box .hour-box::before{
		left:11px;	
	}
	
	.schedule-box .hour-box .content-box{
		padding-right:0px;	
	}
	
	.schedule-box .hour-box .toggle-btn h3{
		font-size:15px;	
	}
	
	.schedule-box .tab-buttons .tab-btn {
	    line-height: 1.4em;
    padding: 4px 5px;
}
	.schedule-box .tab-buttons .tab-btn .day {
    display: inline-block;
    font-size: 20px;
    margin: 0 7px;
}
	.schedule-box .tab-buttons .tab-btn .date {
    display: inline-block;
    font-size: 16px;
}
	schedule-box .tab-buttons .tab-btn, .style-two .schedule-box .tab-buttons .tab-btn {
    display: inline-block;
    width: 100%;
    margin-bottom: -1px;
}
	.schedule-box .tab-buttons .tab-btn, .style-two .schedule-box .tab-buttons .tab-btn {
    width: 98%;
    margin-bottom: -1px;
	}
	.schedule-box .tab {
    padding: 1px 20px 3px;
}
	
	
}












@media only screen and (max-width: 920px) {
	
	.right2 {
    float: right;
    margin: -30px -50px 0px -140px;
    width: 40%;
    height: auto;
}
	.right-h1 {
    margin: 20px 0 30px 0px;
}
	.rightpic {
    width: 80%;
}
	
	.right {
    width: 50%;
    height: auto;
}
	
	
 .background3 {
    position: relative;
    width: 100%;
    height: 1600px;
    top: -73px;
    left: 0;
    z-index: 0;
}
.contentarea2 {
    z-index: 3;
    position: fixed;
    text-align: center;
    width: 230px;
}
	.contentattire img{
 height: auto;
		width: 95%;
}
	
.photospace3 {
    height: 108px;
    margin: 0 auto;
    position: relative;
}
	
	
.attire1-bg{
	background-image: url("img/attire1m.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.attire2-bg{
	background-image: url("img/attire2m.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.attire3-bg{
	background-image: url("img/attire3m.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.attire4-bg{
	background-image: url("img/attire4m.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

	
}















@media screen and (max-width: 1160px) {
	
.photospace{
	    height: 600px;
	width: 1160px;
	margin: 0 auto;
    position: relative;
}
	
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  max-height: 70%;
    top: 27px;
}

	
	
}


@media screen and (max-width: 1010px) {

	
	
	
.regbutt {
    float: none !important;
    padding: 9px 22px !important;
    margin: 0px auto 5px;
}

.left {
    float: left;
    margin: 0 0px 20px 0px;
    width: 97%;
    height: auto;
}
.resort-pic {
    width: 347px;
    height: 231px;
}
	
	
	.resort-copy {
       width: 341px;
		border-radius: 0 0 30px 30px;
    height: auto;
    padding: 0 8px 0 15px;  
		margin: 1px 0 0 0;

}
	
	
	
	
	
}











/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 850px) {
	
.resort-bg{
	background-image: url("img/pic-resort.jpg");
	background-size: cover;
    background-position: bottom left;
}

	.headerbar {
    text-align: center;
    padding: 12px 0 8px 0;
    height: 80px;
}
	.mylogo {
    position: fixed;
    top: 52px;
    left: calc(50% - 35%);
    z-index: 10;
    width: 70%;
    height: auto;
}
	.mylogo2 {
    position: fixed;
    top: 52px;
    left: calc(50% - 35%);
    z-index: 10;
    width: 70%;
    height: auto;
}
	
	div.fadeShow-container div.image.fillHeight {
    background-size: 245% !important;
}
	
	.onlylogo img {
    margin: 0px 4px 5px;
    height: 50px;
}
	.copy {
    padding: 5px 15px 30px 20px;
}
p {
    font-size: 1.3em;
}
 ul{
    font-size: 1.3em;
}
	ul.mylist {
    margin: 0 0 30px 28px;
    font-size: 18px;
}
	ol.mylist {
    margin: 0 0 30px 30px;
}
	
.mylist li{
    margin: 0 0 10px 0;
}
	
	ul.mynumlist {
    margin: 0 0 30px 28px;
    font-size: 18px;
}
	ol.mynumlist {
    margin: 0 0 30px 30px;
}
	
.mynumlist li{
    margin: 0 0 10px 0;
}
	
	
	.progpic {
    height: 100px;
    width: auto;
    border: 1px solid gray;
    float: left;
    margin: 0px 10px 4px 0px;
    clear: both;
}
	.progspeaker {
    width: 100%;
    margin: 0px 0px 20px 0px;
    clear: both;
}
	
	
	
	
.photospace{
	width: 100%;
    height: 524px;
}
	
	.arrow {
    display: none;
}
	
	
	.photospace {
    height: 500px;
}
	
	h1 {
    font-size: 25px;
    margin: 5px 0px 13px 12px;
    letter-spacing: 1px;
}
	h3 {
    border-radius: 22px;
    line-height: 28px;
}
	
	.mouse_scroll {
    top: 210px;
    z-index: 4;
    left: 47%;
}
	
	
	.buttonClass6 {
    font-size: 17px;
    width: auto;
    height: auto;
    border-width: 1px;
    color: #ffffff;
    border: 1px solid #5fcf61;
    font-weight: bold;
    border-radius: 13px;
    box-shadow: inset 0px 1px 4px 0px #5a5a5a;
    background: linear-gradient(#237ca3, #38a2cf);
    padding: 15px 35px;
    display: block;
}
    
	.buttonClass7 {
    width: auto;
    padding: 10px 10px;
}
	
	
	
.logobanner {
    width: 100%;
}

	
	
	
	
	
	
}

















@media only screen and (max-width: 780px) {
	.copy2 {
    padding: 12px 20px 40px;
}
	
 .background3 {
    position: relative;
    width: 100%;
    height: 1600px;
    top: 0px;
    left: 0;
    z-index: 0;
}
	
	
	.right2 {
  display: none;
}
	.right-h1 {
    margin: 20px 0 30px 0px;
}
	.rightpic {
    width: 100%;
}
	
	
	.right {
    width: 60%;
    height: auto;
    float: none;
    margin: -20px 60px 11px;
}
	
	
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  max-height: 57%;
    top: 27px;
}

	.logos {
		
    width: 85%;
    padding: 18px 5px ;
    margin: 20px auto 0;
}
	.cyto {
    width: 100%;
    height: auto;
}
	
	
}

























 .container {
    max-width: 1044px;
    margin: 0 auto;
    padding: 0 20px;
}
 .carousel {
    display: block;
    text-align: left;
    position: relative;
    margin-bottom: 22px;
}
 .carousel > input {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
 .carousel > input:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -500%;
}
 .carousel > input:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -400%;
}
 .carousel > input:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -300%;
}
 .carousel > input:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -200%;
}
 .carousel > input:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -100%;
}
 .carousel > input:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: 0%;
}

 .carousel > input:nth-of-type(7):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -600%;
}
 .carousel > input:nth-of-type(8):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -700%;
}
 .carousel > input:nth-of-type(9):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -800%;
}
 .carousel > input:nth-of-type(10):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -900%;
}
 .carousel > input:nth-of-type(11):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -1000%;
}
 .carousel > input:nth-of-type(12):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -1100%;
}
 .carousel > input:nth-of-type(13):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -1200%;
}
 .carousel > input:nth-of-type(14):checked ~ .carousel__slides .carousel__slide:first-of-type {
    margin-left: -1300%;
}


 .carousel__slides {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
}
 .carousel__slide {
    position: relative;
    display: block;
    flex: 1 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 300ms ease-out;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;
}
 .carousel__slide figure {
    display: flex;
    margin: 0;
}
 .carousel__slide div {
    position: relative;
    width: 100%;
}
 .carousel__slide div:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%;
}
 .carousel__slide div > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 360px;
    height: auto;
    border: 1px solid white;
}
 .carousel__slide img {
    display: block;
    flex: 1 1 auto;
    object-fit: cover;
}
 .carousel__slide figcaption {
    align-self: flex-end;
    padding:  0 ;
    flex: 0 0 auto;
    width: auto;
    max-width: 630px;
    min-height: 400px;
}
 .carousel__slide .credit {
    margin: 0 0 12px 0;
    font-weight: bold;
    display: block;
}
 .carousel__slide.scrollable {
    overflow-y: scroll;
}
 .carousel__thumbnails {
      list-style: none;
    padding: 11px 2px 30px;
    margin: 0;
    display: flex;
    margin: -6px -10px 10px;
    background: white;
    width: auto;
    border-radius: 13px;
	 justify-content: space-evenly;
}
 .carousel__slides + .carousel__thumbnails {
    margin-top: 20px;
}
 .carousel__thumbnails li {
    flex: 1 1 auto;
    max-width: calc((100% / 5) - 20px);
    margin: 0 10px;
    transition: all 300ms ease-in-out;
}
 .carousel__thumbnails label {
    display: block;
    position: relative;
    border: 1px solid #38a2cf;
}
 .carousel__thumbnails label:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
}
 .carousel__thumbnails label > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
 .carousel__thumbnails label:hover, .carousel__thumbnails label:focus {
    cursor: pointer;
}
 .carousel__thumbnails label:hover img, .carousel__thumbnails label:focus img {
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    transition: all 300ms ease-in-out;
}
 .carousel__thumbnails img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 
 .capped {
    z-index: 2;
	 position: absolute;
    margin: 5px 0 0 0;
    font-size: 14px;
}
 




@media only screen and (max-width: 900px) {
	
	.topbanner {
    border-radius: 10px;
    background: white;
    width: 100%;
    height: 90px;
    float: none;
    margin: 0 0px 10px 0px;
    text-align: center;
    font-size: 19px;
    padding: 5px 0 0 0;
}
	
	.carousel__thumbnails label:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
}
	
	.carousel__thumbnails {
    padding: 0px 0px 0 11px;
    width: 121%;
    margin: 0 0px 6px -26px;
    background: none;
    border-radius: 7px;
    height: 58px;
    display: flex;
    justify-content: space-around;
}
	.topbanner .carousel__thumbnails label > img {
       display: block;
}
	.carousel__thumbnails li {
   list-style: none;
    padding: 4px 3px;
    width: 120%;
    margin: 0 0px 10px -32px;
    background: none;
    border-radius: 7px;
    height: 50px;
}
	.banstyle {
    background: none !important;
    width: 97% !important;
    margin: 0 0 0 20px !important;
    padding: 5px 0 0 0 !important;
}
	p {
    font-size: 18px;
    line-height: 1.3em;
}
	.capped {
    z-index: 2;
    position: absolute;
    margin: 0;
    font-size: 16px;
    display: none;
}
	.carousel__slide div > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 180px;
    height: auto;
}
	.carousel__slide figcaption {
    padding: 0;
    font-size: 18px;
    width: 100%;
    top: 190px;
    position: relative;
    height: 2100px;
}
	
    .carousel__slide figcaption ul {
    font-size: 18px !important;
}
	.carousel__slides {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0 0 0 -20px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    width: 118%;
}
	
	
}






/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #5e9b3e;
    float: right;
    font-size: 48px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

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

.modal-header {
    padding: 2px 16px;
    background-color: #d5d5d5;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}