body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;}
.ui.menu {border-bottom: 0 none !important;box-shadow: none;}
.sectiontitle {opacity: 0.3;font-family: "Poppins", Georgia, serif;border:0px solid red;padding:50px 0 10px  140px;right: 0;font-size: 70px;color: #414B55;font-weight: 100; }
.sectiontagline{font-size: 18px;padding:30px 0;line-height:30px;font-style: italic;}
.contentsize{font-size: 20px;}
.contentsizesmall{font-size: 15px;}
.contentjustify{text-align:justify;}
.bottompadding{padding-bottom:10px;}
.toppadding{padding-top:10px;}
.toppadding5px{padding-top:6px;}
.leftpadding{padding-left:20px;}
.lineheight{line-height:28px}
.listpadding{padding-top:5px;padding-bottom:5px}
.nobold{font-weight:normal !important;}
.noborder{border: 0;box-shadow:none;}
.removeallcaps{text-transform: uppercase !important;;}
.ui.vertical.menu{width: 100%;overflow: auto;margin-top:0px;}
.ui.vertical.menu option{line-height:25px;font-size: 15px;padding:5px}
.frmlbl{font-size:15px;padding:5px;}
.ui.list .item{line-height:25px;}
.sub-list{margin-left:20px;}
.bg-light {background-color: #f8f9fa !important;}
.hero{padding:60px 0 30px  0;font-size: 48px;color: #414B55;font-weight: 100;font-style: italic;background-color: #D7D7D7;text-align: center;line-height:55px;}
#reveal {background: #fafafa;width: 100%;display: none;border-radius: 3px;box-shadow: 1px 1px 3px #555;padding: 25px;}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.map-responsive {
  /* Set the container to fill its parent's width */
  width: 100%; 
  max-width: 100%;
  
  /* Create an aspect ratio (e.g., 4:3) using padding-bottom relative to the width */
  padding-bottom: 75%; /* (height / width) * 100% = (450/600) * 100% */
  
  position: relative; /* Essential for positioning the iframe absolutely within it */
  height: 0;
  overflow: hidden; 
}

.map-responsive iframe {
  /* Position the iframe absolutely to cover the entire container */
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important; 
  height: 100% !important;
}
@media screen and (min-width: 1024px) {
	#header-content,#header-navigation-area {
	     display: inline-block;
	}
}

* {margin: 0;padding: 0;box-sizing: border-box;scroll-behavior: smooth;}

/* animation class and keyframes */
.overflow-hidden {overflow: hidden;}
.drop-in {animation: drop-in 1s ease 200ms backwards;}
.drop-in-2 {animation: drop-in 1200ms ease 500ms backwards;}

@keyframes drop-in {
 from {opacity: 0;transform: translateY(-100px);}
 to {opacity: 1;transform: translate(0px);}
}


@media screen and (max-width: 970px) {
.ui .header .content  {font-size: 15px;}	
.contentsize{font-size: 17px;}
.frmlbl{font-size:13px;padding:5px;}
.ui.vertical.menu option{line-height:20px;font-size: 13px;padding:5px}
.hero {font-size: 25px;line-height:30px;padding:20px 5px 20px  5px;color: #414B55;font-weight: 100;font-style: italic;background-color: #D7D7D7;text-align: center;}
.ui .message .content .header{font-size: 13px;font-weight:bold}
 .sectiontitle {font-size: 25px; opacity: 0.6;padding:20px 20px;}

}