@charset "utf-8";
/* CSS Document */


#slideshow .area1{
margin-top: 3%;
width: 100%;
height: 250px;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
/*
#slideshow input[name="tab_name1"] {display: none;
}

#slideshow .featherlight_content_class {display: none;
position:absolute;
width: 70%;
height: 70%;
object-fit: auto;
object-fit: cover;
top: 0;
text-align:left;
left: 0;
z-index: 60;
margin: 0 0 20px;
}


#slideshow .featherlight_tab1_class{
width: 31%;
padding: 0;
flex-direction: row;
}




#slideshow .featherlight_tab1_class img {
display: block;
width: 100%;
cursor: pointer;
}

#featherlight_tab0:checked ~ #featherlight_content0_class{
display: block;
text-align: left;
width: 100%;
height: 30%;
margin: 0% auto 3%;
padding: 0%;
opacity: 1;
}


#featherlight_tab1:checked ~#featherlight_content1_class{
display: block;
text-align: left;
width: 100%;
height: 30%;
margin: 0% auto 3%;
padding: 0%;
opacity: 1;
}

#featherlight_tab2:checked ~ #featherlight_content2_class{
display: block;
text-align: left;
margin: 0% auto 3%;
padding: 0%;
opacity: 1;
width: 100%;
height: 30%;
}

#featherlight_tab3:checked ~ #featherlight_content3_class {
display: block;
text-align: left;
width: 100%;
height: 30%;
margin: 0% auto 3%;
padding: 0%;
opacity: 1;
}

#featherlight_tab4:checked ~  #featherlight_content4_class{
display: block;
text-align: left;
width: 100%;
height: 30%;
margin: 0% auto 3%;
padding: 0%;
opacity: 1;
}

#featherlight_tab5:checked ~  #featherlight_content5_class{
display: block;
text-align: left;
width: 100%;
height: 30%;
margin: 0% auto 3%;
padding: 0%;
opacity: 1;
}

#slideshow #tab6:checked ~ #slideshow #content6_class{
display: block;
text-align: left;
width: 100%;
height: 30%;
margin: 0% auto 3%;
padding: 0%;
opacity: 1;
}

#slideshow .modal_thumnail li{
list-style:none;
width: 22%;
padding: 4px;
}

#slideshow .modal_thumnail {
display: inline-block;
overflow: hidden;
display: flex;
flex-wrap: wrap;
margin: 105% 0% 0 0;
padding: 0 0 0 0;
}
*/

.featherlight_area1{
	margin-top: 3%;
	width: 100%;
	height: 250px;
	background: blue;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

input[name="featherlight_tab_name1"] {
    display: none;
}

.featherlight_content_class {
    display: none;
    position:absolute;
    width: 100%;
    max-width: 640px;
    height: 65%;
    object-fit: auto;
    object-fit: cover;
    top: 0;
    text-align:left;
    left: 0;
    z-index: 60;
    margin: 0 0 20px;
    /* bottom: 0%; */
    /* height: auto; */
    /* clear: both; */
    /* overflow: hidden; */
    /* background-color:rgba(0,0,0,0.8); */
}

.featherlight_content_class p{
	padding: 6px 0;
	font-size: 14px;
	line-height: 1.5;
	max-width: 480px;
}


.featherlight_content_class img{
	max-width: 100%;
}

.featherlight_content1_class {
    display: none;
    position:absolute;
    width: 70%;
    height: 70%;
    object-fit: auto;
    object-fit: cover;
    top: 0;
    text-align:left;
    left: 0;
    z-index: 60;
    margin: 0 0 20px;
    /* bottom: 0%; */
    /* height: auto; */
    /* clear: both; */
    /* overflow: hidden; */
    /* background-color:rgba(0,0,0,0.8); */
}

.featherlight_content2_class {
    display: none;
    position:absolute;
    width: 70%;
    height: 70%;
    object-fit: auto;
    object-fit: cover;
    top: 0;
    text-align:left;
    left: 0;
    z-index: 60;
    margin: 0 0 20px;
    /* bottom: 0%; */
    /* height: auto; */
    /* clear: both; */
    /* overflow: hidden; */
    /* background-color:rgba(0,0,0,0.8); */
}

.featherlight_content3_class {
    display: none;
    position:absolute;
    width: 70%;
    height: 70%;
    object-fit: auto;
    object-fit: cover;
    top: 0;
    text-align:left;
    left: 0;
    z-index: 60;
    margin: 0 0 20px;
    /* bottom: 0%; */
    /* height: auto; */
    /* clear: both; */
    /* overflow: hidden; */
    /* background-color:rgba(0,0,0,0.8); */
}
.featherlight_tab1_class{
   width: 25%;
   /* border:1px solid red; */
   padding: 0;
   flex-direction: row;
}
/*
.featherlight_tab2_class{
   width: 31%;
   padding: 0;
   flex-direction: row;
}

.featherlight_tab3_class{
   width: 31%;
   padding: 0;
   flex-direction: row;
}*/

.featherlight_tab1_class img {
   display: block;
   width: 100%;
   cursor: pointer;
}


#featherlight_tab0:checked ~ #featherlight_content0_class{
	display: block;
	text-align: left;
	margin: 0% auto -2%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}



#featherlight_tab1:checked ~ #featherlight_content1_class{
	display: block;
	text-align: left;
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab2:checked ~ #featherlight_content2_class{
	display: block;
	object-fit: cover;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
	max-width:640px;
}

#featherlight_tab3:checked ~ #featherlight_content3_class {
    display: block;
    text-align: left;
    object-fit: cover;
    font-size: 13px;
    margin: 0% auto 3%;
    padding: 0px 0 0px;
    opacity: 1;
}

#featherlight_tab4:checked ~ #featherlight_content4_class{
	display: block;
	text-align: left;
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab5:checked ~ #featherlight_content5_class{
	display: block;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}

#featherlight_tab6:checked ~ #featherlight_content6_class{
	display: block;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}


input[name="featherlight_tab_name2"] {
    display: none;
}

#featherlight_tab0-2:checked ~ #featherlight_content0_class{
	display: block;
	text-align: left;
	margin: 0% auto -2%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}

#featherlight_tab1-2:checked ~ #featherlight_content1_class{
	display: block;
	text-align: left;
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab2-2:checked ~ #featherlight_content2_class{
	display: block;
	object-fit: cover;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
	max-width:640px;
}

#featherlight_tab3-2:checked ~ #featherlight_content3_class {
    display: block;
    text-align: left;
    object-fit: cover;
    font-size: 13px;
    margin: 0% auto 3%;
    padding: 0px 0 0px;
    opacity: 1;
}


input[name="featherlight_tab_name3"] {
    display: none;
}

#featherlight_tab0-3:checked ~ #featherlight_content0_class{
	display: block;
	text-align: left;
	margin: 0% auto -2%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}

#featherlight_tab1-3:checked ~ #featherlight_content1_class{
	display: block;
	text-align: left;
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab2-3:checked ~ #featherlight_content2_class{
	display: block;
	
	object-fit: cover;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
	max-width:640px;
}

#featherlight_tab3-3:checked ~ #featherlight_content3_class {
    display: block;
    text-align: left;
    object-fit: cover;
    font-size: 13px;
    margin: 0% auto 3%;
    padding: 0px 0 0px;
    opacity: 1;
}

input[name="featherlight_tab48-1_name"] {
    display: none;
}

#featherlight_tab48-1-0:checked ~ #featherlight_content0_class{
	display: block;
	text-align: left;
	margin: 0% auto -2%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}

#featherlight_tab48-1-1:checked ~ #featherlight_content1_class{
	display: block;
	text-align: left;
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab48-1-2:checked ~ #featherlight_content2_class{
	display: block;
	
	object-fit: cover;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
	max-width:640px;
}

#featherlight_tab48-1-3:checked ~ #featherlight_content3_class {
    display: block;
    text-align: left;
    object-fit: cover;
    font-size: 13px;
    margin: 0% auto 3%;
    padding: 0px 0 0px;
    opacity: 1;
}

input[name="featherlight_tab48-2_name"] {
    display: none;
}

#featherlight_tab48-2-0:checked ~ #featherlight_content0_class{
	display: block;
	text-align: left;
	margin: 0% auto -2%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}

#featherlight_tab48-2-1:checked ~ #featherlight_content1_class{
	display: block;
	text-align: left;
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab48-2-2:checked ~ #featherlight_content2_class{
	display: block;
	object-fit: cover;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
	max-width:640px;
}

#featherlight_tab48-2-3:checked ~ #featherlight_content3_class {
    display: block;
    text-align: left;
    object-fit: cover;
    font-size: 13px;
    margin: 0% auto 3%;
    padding: 0px 0 0px;
    opacity: 1;
}

input[name="featherlight_tab51-1_name"] {
    display: none;
}

#featherlight_tab51-1-0:checked ~ #featherlight_content0_class{
	display: block;
	text-align: left;
	margin: 0% auto -2%;
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}

#featherlight_tab51-1-1:checked ~ #featherlight_content1_class{
	display: block;
	text-align: left;
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab51-1-2:checked ~ #featherlight_content2_class{
	display: block;
	
	object-fit: cover;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
	max-width:640px;
}

#featherlight_tab51-1-3:checked ~ #featherlight_content3_class {
    display: block;
    text-align: left;
    object-fit: cover;
    font-size: 13px;
    margin: 0% auto 3%;
    padding: 0px 0 0px;
    /* max-width: 640px; */
    opacity: 1;
}

input[name="featherlight_tab51-2_name"] {
    display: none;
}

#featherlight_tab51-2-0:checked ~ #featherlight_content0_class{
	display: block;
	text-align: left;
	/* max-width:640px; */
	margin: 0% auto -2%;
	/* background: blue; */
	padding: 0%;
	object-fit: cover;
	opacity: 1;
}

#featherlight_tab51-2-1:checked ~ #featherlight_content1_class{
	display: block;
	text-align: left;
	object-fit: cover;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
}

#featherlight_tab51-2-2:checked ~ #featherlight_content2_class{
	display: block;
	
	object-fit: cover;
	text-align: left;
	margin: 0% auto 3%;
	padding: 0%;
	opacity: 1;
	max-width:640px;
}

#featherlight_tab51-2-3:checked ~ #featherlight_content3_class {
    display: block;
    text-align: left;
    object-fit: cover;
    font-size: 13px;
    margin: 0% auto 3%;
    padding: 0px 0 0px;
    opacity: 1;
}


.modal_thumnail li{
	list-style:none;
	width: 22%;
	padding: 4px;
}
.modal_thumnail {
	display: inline-block;
	overflow: hidden;
	/* width: 130px; */
	display: flex;
	flex-wrap: wrap;
	margin: 65% 0% 0 0;
	padding: 0 0 0 0;
}




.modal_thumnail li a {
}
.modal_thumnail li a img {
}




@media all {

.featherlight_slideshow{
	width: 50%;
	max-height: 760px;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
	margin: 0px 0% 0 0;
	/* width: 45%; */
	padding-right: 10px;
	text-align: left;
}

	
.featherlight_slide-box{
	width: 100%;
	max-height: 740px;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
	margin: 0 0% 0 0;
	/* width: 45%; */
	text-align: left;
}
	
.featherlight {
	display: none;
	/* dimensions: spanning the background from edge to edge */
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */
	/* position: centering content */
	text-align: center;
	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;
	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}
/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.8);
}
.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.featherlight .featherlight-content {
	/* position: centering vertical and horizontal */
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	/* dimensions: cut off images */
	/* overflow: auto; */
	padding: 25px 0;
	border-bottom: 25px solid transparent;
	/* dimensions: handling small or empty content */
	min-width: 30%;
	/* dimensions: handling large content */
	margin-left: 5%;
	margin-right: 5%;
	max-height: 100%;
	/* styling */
	cursor: auto;
	/* reset white-space wrapping */
	white-space: normal;
	/* height: 10px; */
}
/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}
.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 25px;
	right: 25px;
	/* dimensions: 25px x 25px */
	line-height: 25px;
	width: 25px;
	/* styling */
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-family: "fontawesome";
	font-size: 22px;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.featherlight .featherlight-close-icon:hover {
	opacity: 1;
}
.featherlight .featherlight-image {
	/* styling */
	max-height: 100%;
	max-width: 100%;
}
.featherlight-iframe .featherlight-content {
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 0;
	padding: 0;
}
.featherlight iframe {
	/* styling */
	border: none;
}

.pdf_btn a{
	display:block;
	color:white;
	font-size: 16px;
	background: #2d8670;
    display: flex;
    position: initial;
    justify-content: center;
    /* padding: 4px 10px; */
    width: 100%;
    margin: 110px 0 0;
    align-items: center;
    text-align: center;
    border-radius: 25px;
}

.pdf_btn a::before{
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 51px;
	height: 46px;
	background: url(../sta/img/pdf.png) no-repeat center center;
	background-size: 30px 35px;
}

.pdf_btn::after {
	margin: 0 0 0 .5em;
	padding: 0;
	display: inline-block;
	content: "";
	width: 26px;
	height: 9px;
	background: url(../img/icon_arrow_02.svg) no-repeat center center;
	background-size: 26px 9px;
}



}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
.featherlight .featherlight-content {
	/* dimensions: maximize lightbox with for small screens */
	margin-left: 10px;
	margin-right: 10px;
	max-height: 98%;
	padding: 10px 10px 0;
	border-bottom: 10px solid transparent;
}
}

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

.featherlight_slideshow{
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
	margin: 0px 0% 0 0;
	/* width: 45%; */
	padding-right: 0px;
	text-align: left;
}

	
.featherlight_slide-box{
	width: 100%;
	max-height: 620px;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
	margin: 0 0% 0 0;
	/* width: 45%; */
	text-align: left;
}
	
.modal_thumnail li{
	list-style:none;
	width: 22%;
	padding: 4px;
}
.modal_thumnail {
	display: inline-block;
	overflow: hidden;
	/* width: 130px; */
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/* margin: 100px 0 0; */
	/* margin: 0; */
	/* margin: 0; */
	margin: 370px 0 0;
	/* background: blue; */
	background: 65% 0% 0 0;
	padding: 0 0 0 0;
}

.featherlight_content_class {
    display: none;
    position:absolute;
    width: 100%;
    height: 32%;
    background: blue;
    object-fit: auto;
    object-fit: cover;
    top: 0;
    text-align:left;
    left: 0;
    z-index: 60;
    margin: 0 0 20px;
    /* bottom: 0%; */
    /* height: auto; */
    /* clear: both; */
    /* overflow: hidden; */
    /* background-color:rgba(0,0,0,0.8); */
}
.featherlight_content_class img{
	 width: 100%;
}
	


.modal_thumnail li a {
}
.modal_thumnail li a img {
}

	
}


/* Gallery Styling */
@media all {
.featherlight-next, .featherlight-previous {
	/* font-family: "fontawesome"; */
	/* font-size: 22px; */
	display: block;
	position: absolute;
	top: 25px;
	right: 0;
	bottom: 0;
	left: 80%;
	cursor: pointer;
	/* preventing text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* IE9 hack, otherwise navigation doesn't appear */
	background: url(../img/arrow_prev.svg) no-repeat center center;
	background-size: 20px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.featherlight-next {
	background: url(../img/arrow_next.svg) no-repeat center center;
	background-size: 20px;
}
.featherlight-previous {
	left: 0;
	right: 80%;
}
.featherlight-next span, .featherlight-previous span {
	display: inline-block;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 80px;
	line-height: 80px;
	/* center vertically */
	margin-top: -40px;
	color: #fff;
	font-style: normal;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.featherlight-next span {
	text-align: right;
	left: auto;
	right: 7%;
}
.featherlight-previous span {
	text-align: left;
	left: 7%;
}
.featherlight-next:hover span, .featherlight-previous:hover span {
	display: inline-block;
	opacity: 1;
}
/* Hide navigation while loading */
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
	display: none;
}
}