html,body{height:100%;}
body{background: #fff; font:14px/20px Arial, Helvetica, sans-serif; color:#797979; position:relative; min-width:320px;}

/*********************************header*************************************/
header {
  width: 100%;
  position: relative;
  background: #191919;
  padding: 15px 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

header .indent-bottom {
  padding-bottom: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* Logo styles */
h1 {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

h1 a {
  display: block;
  background: url("../images/logor.png") left center no-repeat;
  background-size: contain;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden;
  width: 330px;
  height: 102px;
}

/* Menu positioning */
nav {
  flex: 0 0 auto;
  margin-top: 20px;
}

.sf-menu.responsive-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/********************************* Content **********************************/
#content{width:100%; padding:20px 0 61px; border-bottom:1px solid #c7c7c7;}
	#page1 #content{ padding:59px 0 61px;}
/* ---------- Tags ---------*/
h3{font: normal 35px/42px 'Open Sans Condensed', sans-serif; color:#191919; border-bottom:1px solid #c7c7c7; padding:7px 0 17px 53px;}
	h3.icon-1{background:url("../images/0322-coverart++R2sm.jp") 0 0 no-repeat;}
	h3.icon-2{background:url("../images/title-icon2.png") 0 0 no-repeat;}
	h3.icon-3{background:url("../images/title-icon3.png") 0 0 no-repeat;}
		#page3 h3.icon-3{background-position:0 3px; padding-bottom:17px;}
	h3.icon-4{background:url("../images/title-icon4.png") 0 3px no-repeat;}
	#page3 h3, #page4 h3, #page6 h3{font-size:40px; padding:5px 0 19px 53px;}
h4{font: normal 35px/42px 'Open Sans Condensed', sans-serif; color:#191919; padding-top:7px;}
h5{font-weight:normal; color:#b4b4b4;}
h6{font-weight:bold; color:#191919;}
	h6 a{color:#191919;}
p, .p3-1{margin-bottom:18px}
	.p0{margin-bottom:0;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
	.p9{margin-bottom:45px;}	.p9-1{margin-bottom:47px;}
a{color:#191919; outline:none; cursor:pointer; text-decoration:none;}
	a:hover{
	text-decoration: underline;
	font-size: 13px;
	color: #FF0000;
}
blockquote{width:100%;}
	.quote-caption{text-align:right;}
time{display:block; font:normal 24px/29px 'Open Sans Condensed', sans-serif; color:#191919;}
/*----- Global Structure -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	background-color: #FFFFFF;
}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.img-indent{float:left; margin-right:20px;}
.img-indent2{float:left; margin-right:10px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}

.caption{font-size:12px; line-height:15px; color:#4f4f4f;}
.lable{display:block; float:left; width:28px; margin-right:3px; font:18px/22px Arial, Helvetica, sans-serif; color:#191919; text-transform:uppercase;}
.font-1{line-height:18px;}
/*---------- Columns --------*/
.col-2x{float:left; width:134px; margin-right:20px;}
/*---------- Links ----------*/
.button{display:inline-block; font:normal 19px/23px 'Open Sans Condensed', sans-serif; color:#fff; word-spacing:2px; background:#2b2b2b; padding:11px 19px 13px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:pointer;}
	.button:hover{text-decoration:none; background-color:#f0f0f0; color:#2b2b2b;}
.link-1{font-weight:bold; font-size:16px; line-height:20px; color:#83c00b;}
	.link-1:hover{text-decoration:none; color:#191919;}
/*----------- Boxes ----------*/
.box1{border:1px solid #e9e9e9; font:12px/19px Arial, Helvetica, sans-serif; color:#8b8b8b; cursor: default;}
	.box1:hover{background:#f0f0f0;}
	.box1 .indents1{padding:13px 19px 16px;}
	.box1 h6{display:inline;}
	.box1 a:hover{text-decoration:none; color:#83c00b;}
.box2{background:#e6e6e6; font:13px/18px Arial, Helvetica, sans-serif; color:#787878; cursor:default;}
	.box2:hover{background:#191919;}
		.box2:hover h6 a{color:#fff;}
	.box2 .indents1{padding:10px 11px 15px;}
	.box2 h6{font-weight:normal; text-transform:uppercase;}
/*---------- Lists -----------*/
.list-1 li{background:url("../images/marker-1.png") 0 0 no-repeat; padding-left:30px; margin-bottom:4px; min-height:21px;}
	.list-1 a{color:#797979;}
		.list-1 a:hover{text-decoration:none; color:#83c00b;}
.list-2{background:#dedede; padding:17px 0;}
	.list-2 li{font:bold 16px/20px Arial, Helvetica, sans-serif; }
		.list-2 a{display:block; padding:0 30px;}
			.list-2 span{display:block; padding:9px 0 10px; border-bottom:1px solid #bababa;}
				.list-2 .last-item span{border-bottom:none;}
	.list-2 a:hover{background:#191919; text-decoration:none; color:#fff; }
		.list-2 a:hover span{border-bottom-color:#191919;}
/*---------- Borders ---------*/
.borders{border:1px solid #ccc;}
.border-bottom{border-bottom:1px solid #e9e9e9;}
/*---------- Indents ---------*/
.indent-top1{padding-top:5px;}
.indent-right4{padding-right:20px;}
.indent-right6{padding-right:30px;}
.indent-left1-1{padding-left:7px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom11-1{padding-bottom:58px;}
/*--------Pretty photo-------*/
.lightbox-image {cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1;}
	.lightbox-image img {position: relative; z-index: 1;}
	.lightbox-image span {background: url("../images/magnify.png") no-repeat scroll 50% 50% transparent; display: inline-block; height: 100%; left: 0; padding: 0; position: absolute; top: -100%; width: 100%; z-index: 2;}
/*----------- Map ------------*/
#map iframe{width:274px; height:248px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{font-weight:bold; color:#191919; margin-bottom:20px;}
#map dl span {float:left; width:82px;}
/************************************** Footer *************************************/
footer{width:100%; font:12px/15px Arial, Helvetica, sans-serif; color:#989898; text-align:center; text-transform:uppercase; padding:21px 0 35px;}
	footer a{color:#989898;}

/*=================================================================================*/
@media only screen and (max-width: 995px) {
	img{width:100%; height:auto;}
	.hide1{display:none;}
	.img-indent-none1{
	float:none;
	margin-right:0;
	margin-bottom:10px;
	color: #000000;
	font-size: 18px;
	text-align: center;
}
	p, .p3, .p3-1{margin-bottom:13px}
		.p0{margin-bottom:0;}
		.p1, .p1-1{margin-bottom:5px;}
		.p2, .p2-1{margin-bottom:5px;}
		.p4, .p4-1{margin-bottom:15px;}
		.p5, .p5-1{margin-bottom:20px;}
		.p6, .p6-1{margin-bottom:20px;}
		.p7, .p7-1{margin-bottom:25px;}
		.p8, .p8-1{margin-bottom:25px;}
		.p9, .p9-1{margin-bottom:25px;}
	.col-2x{width:108px;}
	/*-----------------------------------------*/
	h1{padding-left:40px;}
	#page3 h3, #page4 h3, #page6 h3{
	font-size:36px;
}
	#page6 h3.icon-1{letter-spacing:-1px; word-spacing:2px;}
	.box2{height:340px; overflow:hidden;}
	#map iframe{width:234px;}
	.indent-right4,.indent-right6{padding-right:0;}
	.indent-left1-1{padding-left:0;}
}

@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .extra-marg-bot{
	margin-bottom:40px;
	color: #FF0000;
}
	.hide2{display:none;}
	.last-col{margin-bottom:0 !important;}
	.even-last-item{margin-right:0 !important;}
	.img-indent-none2{float:none; margin-right:0; margin-bottom:10px;}
	.col-2x{width:200px;}
	/*-----------------------------------------*/
	header .indent-bottom{
	padding-bottom:0px;
	line-height: 6px;
	font-size: 20px;
}
	h1{
	float:none;
	padding-bottom:40px;
	padding-left:25px;
}
	#page6 h3.icon-1{letter-spacing:0; word-spacing:0;}
	.button{padding:8px 15px 10px;}
	.box2{height:auto;}
	#map iframe{width:418px;}
}

@media only screen and (max-width: 479px) {
	.hide3{display:none;}
	.col-2x{width:140px;}
	/*-----------------------------------------*/
	#map iframe{width:298px;}
}

/* ========== MOBILE RESPONSIVE STYLES ========== */
@media (max-width: 768px) {
  /* Header and layout adjustments */
  header {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
  }
  
  header .indent-bottom {
    flex-direction: column;
    align-items: center;
    padding-bottom: 3px !important;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  /* Logo adjustments */
  h1 {
    padding-left: 5px !important;
    margin-left: -15px;
    transform: translateX(-3%);
    text-align: center;
    width: 100%;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  h1 a {
    width: 280px !important;
    height: 87px !important;
    background-size: contain !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* Navigation and menu */
  nav {
    width: 100%;
    margin: 5px 0 0 0 !important;
    display: block !important;
    visibility: visible !important;
  }
  
  .sf-menu.responsive-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    width: calc(100vw - 10px) !important;
  }
  
  .sf-menu.responsive-menu li {
    display: block !important;
    margin: 1% !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1;
    min-width: 48%;
    box-sizing: border-box !important;
  }
  
  .sf-menu.responsive-menu li a {
    display: block !important;
    padding: 10px 5px !important;
    background: #333 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    text-align: center !important;
    border: 1px solid #555 !important;
    font-size: 13px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  
  .sf-menu.responsive-menu li a:hover {
    background: #555 !important;
  }

  /* Global overflow prevention */
  body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative;
  }
  
  .container, .content, .main-content, .wrapper {
    max-width: 100vw !important;
    width: 100vw !important;
    overflow-x: hidden !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin: 0 !important;
  }
}

/* Fine-tune for portrait mode */
@media (max-width: 768px) and (orientation: portrait) {
  header h1 {
    margin-left: -10px !important;
    transform: translateX(-2%) !important;
  }
}

/* Very small screens */
@media (max-width: 480px) {
  h1 a {
    width: 250px !important;
    height: 78px !important;
  }
  
  .sf-menu.responsive-menu {
    gap: 5px !important;
    padding: 5px 0 !important;
  }
  
  .sf-menu.responsive-menu li {
    min-width: 100% !important;
    margin: 2px 0 !important;
  }
  
  .sf-menu.responsive-menu li a {
    padding: 12px 5px !important;
    font-size: 14px !important;
  }
  
  header {
    padding: 10px 15px 0 !important;
  }
}
}/* PDF iframe responsive styles */
.pdf-container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.pdf-container iframe {
    width: 100%;
    height: 75vh; /* 75% of viewport height */
    max-height: 1180px;
    border: none;
    display: block;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .pdf-container {
        padding: 0 10px;
    }
    
    .pdf-container iframe {
        height: 70vh; /* Slightly smaller on mobile */
    }
}

@media (max-width: 480px) {
    .pdf-container iframe {
        height: 65vh; /* Even smaller on very small screens */
    }
}