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


@media only screen and ( max-width: 1440px ) {
	.grids {max-width: 1340px!important;}
.lg-screen {
display: block!important
}
.sm-screen {
display: none!important
}
#lg-nav {
 position:fixed;
 z-index:2100!important;
 left:64%!important;
 top:0!important;
 display:inline;
 list-style:none;
 min-width:500px;
}
}
@media only screen and ( max-width: 1280px ) {
	.grids {max-width: 1180px!important;}
.lg-screen {
display: block!important
}
.sm-screen {
display: none!important
}
#lg-nav {
 left:60%!important;
  top:12px!important;
}
}
 @media screen and ( max-width:1152px ) {
.grids {max-width: 1052px!important;}
.lg-screen {
display: block!important
}
.sm-screen {
display: none!important
}
#lg-nav {
 left:60%!important;
}


 .p-intro {
 font-size: 1.3em!important
}
 .page-head-h2, .page-head-2nd {
 font-size: 36px!important
}

.page-head-2nd {
	margin-top: 92px!important;
}

 .grid-5a h2 {
font-size:22px!important;
}
}
/*===========================================================1024 sm-nav=====================*/
 @media only screen and (max-width: 1024px) {
	 .grids {max-width: 924px!important;}
#lg-nav {
	position:fixed;
	z-index:2100!important;
	left:63%!important;
	top:16px!important;
	display:inline-block;
	list-style:none;
	text-decoration:none;
	font-size:14px!important;
}
#lg-nav ul {font-size:inherit!important;}
#lg-nav li {float:left; width:80px; text-align:center;text-decoration:none;}
#lg-nav a, .button {color:#fff; margin:0!important;text-decoration:none;}
#lg-nav a:hover, button:hover {color:#fff;text-decoration:none;}

#page-name, #page-name a {width:80px; outline:none!important; border-top:none;border-right:none;border-bottom:rgba(255,255,255,0) solid 1px!important; border-left:none!important;text-decoration:none!important;}

#page-name a:hover {position:relative;display:block;color:fff; padding:12px 0 6px 2px;border-bottom:rgba(255,255,255,0) solid 1px!important;text-decoration:none;}

.button {width:80px; outline:none!important; border-top:none;border-right:none;border-bottom:rgba(255,255,255,0) solid 1px!important; border-left:none!important;text-decoration:none!important;}
.button:hover {border-bottom:rgba(255,255,255,1) solid 1px!important;text-decoration:none!important;}

 .page-head-h2, .page-head-2nd {
 font-size: 36px!important
}

.page-head-2nd {
	margin-top: 74px!important;
}
 }
/* ======================================================Begin Small Nav=================================== */
 @media only screen and (max-width: 1023px) {
	 #lg-nav {display:none!important;}
 .lg-screen {
 display: none!important
}
 .sm-screen {
 display: block!important
}
 .wrapper {
 line-height: 1.3;
 width: 100%!important;
 padding: 10px!important
}
 .wrapper p {
 font-size: 1rem
}
 .grids {
 margin: 0!important;
 max-width:96%;
 width: 96%!important;
 margin: 0 auto!important
}
 .grids [class^=grid-], [class^=grid-] {
 width: auto!important;
 float: none!important;
 margin: 1rem auto!important;
 padding: 1.4rem!important
}
h3, h4, h5, h6 {padding-top:10px!important;}

 #b1, #b2, #b3 {
 margin: 0 auto 20px 0!important;
 padding: .6em .6em!important;
}
.main-content {
 position: relative;
 display: block;
 z-index: 800;
 background: rgba(255, 255, 255, .95);
 overflow: auto!important;
 margin-top: 120px!important;
}
 .page-head-h2 {
 font-size: 2.4rem;
 text-shadow:3px 3px 3px #000!important;	
 padding: 0 0 0 0;
}
.page-name-2nd { font-size: 2.4rem;
 text-shadow:3px 3px 3px #000!important;}
 
.white-rad-bg {
overflow:auto!important;
padding:10px 0!important;
}

/* --------------------SMALL NAV --------------------*/


#sm-nav {
 background:#073e63;
 position:fixed;
 z-index:2100!important;
 left:86%;
 top:14px!important;
}
 .menu-i {
position:relative;
display:block;
top:2px;
right:2px;
font-size:32px;
}



.accordion {
background-color:#073e63;
color:#fff;
cursor:pointer;
width:100px;
border:none!important;
outline:0;
font-size:18px;
transition:.4s
}

.page-name {
position:relative;
display:block;
font-size:18px;
color:fff;
cursor:default;
padding:12px 0 6px 4px;
}

 .panel {
display:none;
overflow:hidden;
text-align:left;
padding:12px 0 6px 4px;
}
 .panel-inner, .page-name {
background:#073e63;
position:relative;
display:block;
text-align:left;
font-size:16px;
padding:12px 0 6px 6px!important;
text-align:left;
border-bottom:1px solid #fff;
}
.panel-inner {
color:#7fbbf6;
text-decoration:none;
background:#073e63;
}
.page-name {
color:#fff!important;
text-decoration:none;
background-color:#073e63
}
}




/*================================================================================580*/
@media only screen and (max-width: 580px) {
	.dark {
    background-position: 0 60px!important;
}
#sm-nav {
 left:80%;
 top:14px!important;
}

.page-head-2nd {
	margin-top: 86px!important;
}

.page-head-h2, .page-head-2nd {
	font-size:2rem!important;
 text-shadow:2px 2px 2px #000!important;
}
}
/*=======================================================================================*/

 @media only screen and (max-width:425px) {
 body {
 padding: 0!important;
 margin: 0!important;
 width: 100%!important;
 max-width: 425px!important
}
 .dark {
 background-position:0 100px;
 background-size:100% auto;
 background-attachment:fixed;
}
 .wrapper {
 line-height: 1.3;
 width: 100%!important;
 padding: 10px!important
}
 .grids {
 margin: 0!important;
 width: 98%!important;
 margin: 0 auto!important;
}
 .grids [class^=grid-], [class^=grid-] {
 width: auto!important;
 float: none!important;
 margin: 1rem auto!important;
 padding: 1rem!important;
}
 .wrapper p {
 font-size: 1rem
}
 .lg-screen {
 display: none!important
}
 .sm-screen {
 display: block!important
}

header {
 position: fixed;
 display:block!important;
 width: 78%!important;
 padding-top:0!important;
 margin:0!important;
}

 header p {
font-size:14px!important;
}


#sm-nav {left:74%;
}
.fa {width:40px; height:40px;}


.page-head-h2 {
margin-top:-40px!important;}


.page-head-2nd {
	margin-top: 26px!important;
}

.intro-p {margin:-40px 1rem 1rem 1rem;}

.main-content {
 position: relative;
 display: block;
 z-index: 800;
 background: rgba(255, 255, 255, .95);
 overflow: auto!important;
 margin-top: 120px!important;
}
 #b1, #b2, #b3 {
 margin: 0 auto 20px 0!important;
 padding: .6em .6em!important;
}
.p-intro {
 font-size: 1.2em!important;
 line-height: 1.3;
 padding:0!important;
}


 footer {
height: 40px
}

footer p {
	display:inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0!important
}
.one-third {
max-width:46%;
height:auto
}
}
 @media only screen and (max-width:400px) {
#sm-nav {left:74%!important;
 top:14px!important;
}
 }