@import url('https://use.typekit.net/rdh6aoj.css');


/*---Media Queries --*/
@media (max-width: 992px) {

  }
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}

/*--- index ---*/
.body{
	text-size: 0px;
}

.home_page_section {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	display: table;
}

.jumbotron{
	background-image: url(img/headerimg.jpg);
	position: static;
	display: block;
	top: 0;
	left: 0;
	padding-top: 240px;
	width: 100%;
	height: 720px;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	z-index: -1;
}
.landing-text {
	z-index: 100;
	padding-left: 40px;
	display: table-cell;
	text-align: justify;
	vertical-align: middle;
}

.ThreeColumnStep{
	width: 100%;
	padding: 5%;
	margin: -32px 0 0 0;
	background-color: #2f3ef4;
	color: #FFFFFF;
}

.announcement_well{
	width: 100%;
	margin: 0 0 0 0;
	padding: 1.5%;
	text-align: center;
	display: block;
	background-color: #000000;
	color: #FFFFFF;
}

.index-three-column-left{
	height: 480px;
	margin: 0 -16px 0 -16px;
	display: block;
	padding-top: 148px;
	background-image: url(img/button1_service.jpg);
	background-size: cover;
	position: static;
}
.index-three-column-main{
	height: 480px;
	margin: 0 -16px 0 -16px;
	padding-top: 148px;
	display: block;
	background-image: url(img/button2_download.jpg);
	background-size: cover;
	position: static;
	}

.index-three-column-right{
	height: 480px;
	margin: 0 -16px 0 -16px;
	padding-top: 148px;
	display: block;
	background-image: url(img/button3_fee.jpg);
	background-size: cover;
	position: static;
}

.index-btn a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 36px;
	color: #ffffff;
	letter-spacing: 5px;
	border: 4px solid #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;	
}
.index-well{
	background-color: #039cfb;
	margin: 0 0 0 0PX;
	border: none;
}

.index-two-column-right{
	float: left;
	width: 100%;
	height: 400px;
	margin: 0 0 0 -16PX;
	padding-top: 148px;
	background-color: #039cfb;
	color: #FFFFFF;
	
}
.footer{
	height: 132px;
	margin: 0 0 0 0;
	padding-top: 12px;
	background-color: #b5babf;
	color: #ffffff;
}

/*--- Service ---*/
#side_nav a{
	position: fixed;
	left: -120px;
	transition: 0.4s;
	padding: 12px;
	width: 156px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border-radius: 0 5px 5px 0;
	background-color: #039cfb;
	}

#side_nav a:hover{
	left: 0;
}

#service_zero{
	

	top: 80px;
}

#service_one{
	top: 140px;
}

#service_two{
	top: 200px;
}

#service_three{
	top: 260px;
}

#service_four{
	top: 320px;
}

#service_five{
	top: 380px;
}

#service_six{
	top: 440px;
}

#fullpage{
	height: 100vh;
}
.service-content{
	margin: auto;
	width: 64%;
}

#zero{
	background-color: #eef0f5;
	height: 0px;
	margin: auto;
}

#one{
	background-color: #eef0f5;
	margin: auto;
	padding-top: 120px;
	padding-bottom: 480px;
}
#two{
	background-color: #eef0f5;
	margin: auto;
	padding-top: 120px;
	padding-bottom: 560px;
}
#three{
	background-color: #eef0f5;
	margin: auto;
	padding-top: 120px;
	padding-bottom: 560px;
}
#four{
	background-color: #eef0f5;	
	margin: auto;
	padding-top: 120px;
	padding-bottom: 560px;
}
#five{
	background-color: #eef0f5;	
	margin: auto;
	padding-top: 120px;
	padding-bottom: 560px;
}
#six{
	background-color: #eef0f5;	
	margin: auto;
	padding-top: 120px;
	padding-bottom: 40px;
}

.accordion {
    background-color: #eef0f5;
    color: #000000;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: slategray;
}

.accordion:after {
    content: '\02795';
	font-size: 16px;
    color: slategray;
    font-weight: bold;
    float: right;
    margin: -28px 5px;
}

.active:after {
    content: "\2796";
}

.panel {
    padding: 0px 0px 0px 4px;
    background-color: #eef0f5;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*---downloads --*/

.four-column{
	height: 400px;
	margin: -16px;
	padding-top: 64px;
	background-color: #039cfb;
}

.btn {
    background-color: RoyalBlue;
    border: none;
    color: white;
    padding: 12px 30px;
    cursor: pointer;
    font-size: 20px;
}

.btn:hover {
    background-color: skyblue;
}

/*---charges --*/
.charges-container-fluid{
	padding-bottom: 16px;
	overflow: auto;
}
.charges-content{
	padding-top: 80px;
	margin: auto;
	width: 80%;
}

table {
    font-family: Source Han Sans TW;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

/*---contact us --*/
.well{
	background-color: #f8f9fa;
	margin: 0 0 0 0;
	border: none;
}

.map{
	width: 100%;
	margin: 0px;	
	height: 480px;
	background-color: #b5babf;
}
.contact-container-fulid{
	background-color: #039cfb;
}
.contact-two-column-left{
	height: 288px;
	padding-top: 56px;
	color: #ffffff;
}

.contact-two-column-right{
	height: 288px;
	padding-top: 56px;
	color: #ffffff;
}

/*---links --*/

.link-three-column-left{
	height: 480px;
	margin: -16px;
	padding-top: 148px;
	background-image: url(img/link1.jpg);
	background-size: cover;
	position: static;
	
}
.link-three-column-main{
	height: 480px;
	margin: -16px;
	padding-top: 148px;
	background-image: url(img/link2.jpg);
	background-size: cover;
	position: static;
	
}
.link-three-column-right{
	height: 480px;
	margin: -16px;
	padding-top: 148px;
	background-image: url(img/link3.jpg);
	background-size: cover;
	position: static;
	
}
.link-btn a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 36px;
	color: #ffffff;
	letter-spacing: 5px;
	border: 4px solid #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;	
}

/*--- iOS Landing Page Fix
.home-wrap {
 	clip: rect(0, auto, auto, 0);
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
}
#home {
	background-image: url('img/HeaderImg.jpg');
 	position: fixed;
 	display: table;
 	top: 0;
 	left: 0;
 	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translateZ(0);
          transform: translateZ(0);
	will-change: transform;
	z-index: -1;
}
.landing-text {
	z-index: 100;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
--*/




/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/