﻿@font-face { font-family: 'KanitLight'; src: url('../fonts/KanitLight.eot'); src: url('../fonts/KanitLight.eot?#iefix') format('embedded-opentype'), url('../fonts/KanitLight.woff2') format('woff2'), url('../fonts/KanitLight.woff') format('woff'), url('../fonts/KanitLight.ttf') format('truetype'), url('../fonts/KanitLight.svg#KanitLight') format('svg'); }
@font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Regular.eot'); src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg'), url('../fonts/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald-Regular.woff') format('woff'); }
header {
	text-align: center;
	padding: 2rem 0;
}
#company-logo {
	margin-bottom: 1rem;
}
.site-name {
	font-size: 3.3rem;
	font-weight: bold;
	border: none;
	text-align: center;
	line-height: 125%;
	color: #00354F;
	text-shadow: 0px 2px 3px rgba(255,255,225,0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}
footer .site-name, footer .site-name small {
	color: #46614D;
	text-shadow: 0 0 1px #FFF !important;
}
footer .site-name {
	font-size: 1.8rem;
}
footer .site-name small {
	font-size: 80%;
}
@media only screen and (max-width:445px) {
.site-name {
	font-size: 2.5rem;
}
}
@media only screen and (max-width:320px) {
.site-name {
	font-size: 2.2rem;
}
}
.site-brief-description {
	font-size: 1.67rem;
	line-height: 140%;
	background-color: #32592A;
	margin-bottom: -3rem;
	padding: 1rem;
	color: #FFF;
	margin-top: 2rem;
}
header .contact-phone-numbers {
	margin-top: 2.5rem;
}
#contact-phone-number:hover {
	text-decoration: none;
}
#tag {
	margin-bottom: 1.5rem;
}
#tag u {
	font-size: .9rem;
	margin-right: .5rem;
	opacity: .5;
}
#tag u:before {
	content: '\f02b';
	font-family: FontAwesome;
	margin-right: .3rem;
}
.headline {
	color: #FF0066;
	font-size: 1.6rem;
}
html, body {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: KanitLight;
	font-size: 1.2rem;
	color: #444;
	height: 100%;
	background-color: #C7DCCC;
	line-height: 145%;
}
:lang(en) {
	font-family: Oswald;
}
h1, h2, h3, .site-name {
	font-family: KanitLight;
}
h1 {
	font-size: 1.6rem;
	line-height: 2.2rem;
	border-bottom: .5rem inset #7EAF8B;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
h2 {
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin-bottom: 1rem;
	margin-top: 2rem;
}
h3 {
	font-size: 1.5rem;
	color: #003D59;
	text-shadow: .1rem .1rem .1rem #FFF;
}
footer h3 {
	font-size: 2rem!important;
	font-weight: bold;
}
header small {
	color: #000;
	font-size: 80%;
}
u {
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
}
i {
	font-style: normal;
}
a, a:visited, a:active, a:focus {
	text-decoration: none;
	color: #CC3300;
	-o-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-khtml-transition: color 0.5s linear;
	-webkit-transition: color 0.5s linear;
	-ms-transition: color 0.5s linear;
	transition: color 0.5s linear;
	border-width: 0;
}
a:hover {
	text-decoration: none;
}
ul.inline-block-list {
	padding: 0
}
ul.inline-block-list li {
	list-style: none;
}
ul.inline-block-list li:before {
	content: '\f058';
	font-family:FontAwesome;
	color: #FF0066;
	font-size: 1.4rem;
	margin-right: .5rem;
}
footer {
	text-align: center;
	padding: 3rem 0 3rem 0;
	font-size: 1rem;
}
footer:before {
	content: ' ';
	display: block;
	height: 1rem;
	margin-bottom: 3rem;
	background-color: #D8E7DC;
}
footer .logo img {
	width: 150px;
}
footer a {
	margin: 0 .5rem;
	white-space: nowrap;
	display: inline-block;
}
.fa-chevron-up {
	margin-top: 2rem;
}
.fa {
	margin-right: .25rem;
	margin-left: .25rem;
}
footer .fa-phone {
	width: 1.4rem;
	height: 1.4rem;
	text-align: center;
	border: .1rem solid;
	border-collor: inherit;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-o-border-radius: 1rem;
	-ms-border-radius: 1rem;
	line-height: 1.3rem;
	font-size: .7rem;
}
#postal-address {
	margin-top: .5rem;
}
.img-responsive {
	margin: 1rem auto;
	width: 100%;
}
.img-center {
	display: block;
	margin: 1rem auto;
	width: 100%;
	max-width: 795px;
}
.mt {
	margin-top: 2rem;
}
.mb {
	margin-bottom: 2rem;
}
.btn {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.disabled {
	opacity: 1 !important;
}
.btn:active, .btn:hover, .btn:focus, .btn:visited {
	color: #000!important;
}
.none {
	display: none;
}
/******Animation*******/
/* Animation */
.animated {
	-webkit-animation-name: bounceIn;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 999;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-name: bounceIn;
	animation-duration: 4s;
	animation-iteration-count: 999;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
/* * Animation for webkit */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} }
/* * Adding the animation to our element */
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
/* * FadeIn animation */
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* * FadeOut animation */
@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} }
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
/* * Pulse animation */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } }
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
/* * Flash animation */
@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} }
@keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} }
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
	color: #CC3300;
}
/* * Shake animation */
@-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-30px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(30px);} }
@keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-30px);} 20%, 40%, 60%, 80% {transform: translateX(30px);} }
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
#slide-description {
	color: #FFF;
	font-size: 1.8rem;
	background-color: #32592A;
	padding: 1rem;
	line-height: 150%;
	display: table;
	width: 100%;
	margin-bottom: 2rem;
	font-style: italic;
}
#website-url {
	font-size: 1.2rem;
}
/******End Animation*********/
/* Slide */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides {
	margin: 0 auto;
}
.rslides_container {
	margin-bottom: -2.7rem;
	position: relative;
	float: left;
	width: 100%;
}
.centered-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: 0;
	opacity: 0.7;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("themes.gif") no-repeat left top;
	margin-top: -45px;
}
.centered-btns_nav:active {
	opacity: 1.0;
}
.centered-btns_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}
.transparent-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 0;
	left: 0;
	display: block;
	background: #fff;
/* Fix for IE6-9 */opacity: 0;
	filter: alpha(opacity=1);
	width: 48%;
	text-indent: -9999px;
	overflow: hidden;
	height: 91%;
}
.transparent-btns_nav.next {
	left: auto;
	right: 0;
}
.large-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	opacity: 0.6;
	text-indent: -9999px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	background: #000 url("themes.gif") no-repeat left 50%;
	width: 38px;
}
.large-btns_nav:active {
	opacity: 1.0;
}
.large-btns_nav.next {
	left: auto;
	background-position: right 50%;
	right: 0;
}
.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus {
	outline: none;
}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
	margin-top: 10px;
	text-align: center;
}
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
	display: inline;
	float: none;
	_float: left; *;
	float: left;
	margin-right: 5px;
}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ccc;
	background: rgba(0,0,0, .2);
	display: inline-block;
	_display: block; *;
	display: block;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	width: 9px;
	height: 9px; display:none;
}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {
	background: #222;
	background: rgba(0,0,0, .8);
}
/*End Slide*/
.fa-comment {
	color: #009933;
}
ul.bullet-list, ol {
	padding: 0;
	text-align: left;
	margin-bottom: 0;
}
ul.bullet-list li {
	list-style: none;
	background: url('bullet-inline-block.png') no-repeat left .3rem;
	padding-left: 1.8rem;
}
ol li {
	list-style: none;
	background-position: left 2.5px;
	padding-left: 35px;
	background-repeat: no-repeat;
}
@media only screen and (max-width:767px) {
.row {
	margin: 0;
}
.col-sm-4 {
	margin-bottom: 1rem;
}
}
.page-header {
	border-color: #C1C1C1;
	border-width: .5rem;
}
#intro-text {
	color: #CC3300;
	text-shadow: 0 1px 1px #666;
	font-size: 1.5rem;
}
.maps iframe {
	pointer-events: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-mo-border-radius: 5px;
	-o-border-radius: 5px;
}
.highlight {
	display: inline-block;
	color: #FFF;
	padding: 1rem;
	background-color: #CC3300;
	font-size: 2rem;
	line-height: 140%;
}
.contact-infomation {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.contact-infomation a {
	display: inline-block!important;
	white-space: nowrap!important;
}
.contact-infomation .fa-phone-square, .contact-infomation .fa-comment,.contact-infomation .fa-fax {
	font-size: 1.5rem;
}
@media (max-width:1199px) {
#gmap-block-short-screen {
	display: block;
}
}
@media (min-width:1200px) {
#gmap-block-wide-screen {
	display: block;
}
}
.row {
	margin-bottom: 0;
	margin-top: 0;
}
.row img {
	margin: 0;
}
.row .col-xs-6, .row .col-md-3, .row .col-md-6 {
	padding: .5rem;
	margin: 0
}
