@font-face {
	font-family: WorkSans-Regular;
	src: url(../fonts/WorkSans-Regular.ttf) format("truetype");
}
@font-face {
	font-family: Slabo27px-Regular;
	src: url(../fonts/Slabo27px-Regular.ttf) format("truetype");
}
body {
	margin: 0px; font-family: "WorkSans-Regular";
	
	background-color:#FFFFFF;
}
body a {
	transition:0.5s; text-decoration: none; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; -moz-transition: 0.5s all ease;
}
h1 {
	margin: 0px;
}
h2 {
	margin: 0px;
}
h3 {
	margin: 0px;
}
h4 {
	margin: 0px;
}
h5 {
	margin: 0px;
}
h6 {
	margin: 0px;
}
p {
	margin: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
label {
	margin: 0px; padding: 0px;
}
body a:hover {
	text-decoration: none;
}
.header {
	background: none; padding: 5em 0px 1.5em; position: relative;
}
.header-left {
	margin-top: 0.5em; float: left;
}
.header-left ul li {
	display: inline-block;
}
.header-left ul li a {
	color: rgb(135, 128, 124); font-size: 1em;
}
.header-left ul li a {
	color: rgb(135, 128, 124); font-size: 1em; font-weight: 800;
}
#.header-left ul li:nth-child(1) {
#	padding-right: 11px; margin-right: 10px; border-right-color: rgb(170, 170, 170); border-right-width: 2px; border-right-style: solid;
#}
.logo {
	left: 2%; top: 10%; position: absolute; z-index: 999;
}
.logo a {
	display: block;
}
.top-nav {
	margin: 0px auto; width: 78%; text-align: center; float: left;
}
span.menu {
	display: none;
}
.top-nav ul {
	margin-left: 14%;
}
.top-nav ul li {
	margin: 0px 0.8em; display: inline-block; list-style-type: none;
}
#.top-nav ul li:nth-child(3) {
#	margin-right: 13em;
#}
.top-nav li a {
	padding: 0px; color: rgb(135, 128, 124); font-family: "Slabo27px-Regular"; font-size: 1.3em;
}
.top-nav li a:hover {
	color: rgb(0, 206, 209);
}
.top-nav li a.active {
	color: rgb(0, 206, 209);
}
.lg{
	position: absolute;
    right: 23px;
    top: 50px;
}
.banner {
	position: relative;
}
.banner0 {
	background: url("../images/peo.jpg") no-repeat 0px 0px / cover; min-height: 600px;
}
.banner1 {
	background: url("../images/banner4.jpg") no-repeat 0px 0px / cover; min-height: 600px;
}
.banner2 {
	background: url("../images/banner1.jpg") no-repeat 0px 0px / cover;
}
.banner3 {
	background: url("../images/ple.jpg") no-repeat 0px 0px / cover;
}
.banner4 {
	background: url("../images/banner4.jpg") no-repeat 0px 0px / cover;
}
#slider3 {
	margin: 0px auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
#slider4 {
	margin: 0px auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.rslides_tabs {
	background: rgba(0, 0, 0, 0.25); list-style: none; margin: 0px auto 50px; padding: 10px 0px; width: 100%; text-align: center; font-size: 18px; max-width: 540px; box-shadow: 0px 0px 1px rgba(255,255,255,0.3), inset 0px 0px 5px rgba(0,0,0,1); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
}
.rslides_tabs li {
	margin-right: 1px; float: none; display: inline;
}
.rslides_tabs a {
	background: none; padding: 9px 20px; width: auto; height: auto; line-height: 20px; display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0px;
}
.rslides_tabs .rslides_here a {
	background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); font-weight: bold;
}
.events {
	list-style: none;
}
.callbacks {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.callbacks li {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.callbacks img {
	border: 0px currentColor; border-image: none; height: auto; position: relative; z-index: 1;
}
.callbacks_nav {
	background: url("../images/icons.png") no-repeat 0px 0px; left: 3%; top: 49%; width: 32px; height: 32px; text-indent: -9999px; overflow: hidden; text-decoration: none; position: absolute; z-index: 3; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.callbacks_nav:active {
	opacity: 1;
}
.next.callbacks_nav {
	background: url("../images/icons.png") no-repeat -36px 0px; left: auto; right: 3%;
}
#slider3-pager a {
	display: inline-block;
}
#slider4-pager a {
	display: inline-block;
}
#slider3-pager span {
	float: left;
}
#slider4-pager span {
	float: left;
}
#slider3-pager span {
	background: rgb(255, 255, 255); border-radius: 30em; width: 100px; height: 15px; display: inline-block; opacity: 0.6;
}
#slider4-pager span {
	background: rgb(255, 255, 255); border-radius: 30em; width: 100px; height: 15px; display: inline-block; opacity: 0.6;
}
#slider3-pager .rslides_here a {
	background: rgb(255, 255, 255); border-radius: 30em; opacity: 1;
}
#slider4-pager .rslides_here a {
	background: rgb(255, 255, 255); border-radius: 30em; opacity: 1;
}
#slider3-pager a {
	padding: 0px;
}
#slider4-pager a {
	padding: 0px;
}
#slider3-pager li {
	display: inline-block;
}
#slider4-pager li {
	display: inline-block;
}
.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li {
	float: left; display: block; position: relative;
}
.rslides img {
	border: 0px currentColor; border-image: none; width: 100%; height: auto;
}
.callbacks_tabs {
	list-style: none; margin: 18px; padding: 0px;  z-index: 111;
}
.callbacks_tabs li {
	margin: 0px 0.3em; display: inline-block;
}
@media screen and (max-width:600px)
{
.callbacks_nav {
	top: 47%;
}
}
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a::after {
	background: rgb(255, 255, 255); border-radius: 18px; border: 1px solid rgb(0, 206, 209); border-image: none; width: 40px; height: 9px; font-family: FontAwesome; font-size: 0px; display: inline-block; visibility: visible; content: "\f111";
}
.callbacks_here a::after {
	background: rgb(0, 206, 209);
}
.search-box {
	float: right;
}
.sb-search {
	background: none; margin: 0px; transition:width 0.3s; width: 0%; height: 26px; right: 14%; overflow: hidden; float: right; position: absolute; min-width: 41px; -webkit-backface-visibility: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s;
}
.sb-search-input {
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor; margin: 0px; padding: 0px 0.5em; border-image: none; left: 0px; top: 0px; width: 80%; height: 25px; color: rgb(128, 128, 128); font-size: 1em; position: absolute; z-index: 10;
}
:-ms-input-placeholder.sb-search-input {
	color: rgb(255, 255, 255);
}
.sb-icon-search {
	margin: 0px; padding: 0px; top: 0px; width: 41px; height: 35px; text-align: center; right: 0px; line-height: 85px; display: block; position: absolute; cursor: pointer;
}
.sb-search-submit {
	margin: 0px; padding: 0px; top: 0px; width: 41px; height: 35px; text-align: center; right: 0px; line-height: 85px; display: block; position: absolute; cursor: pointer;
}
.sb-search-submit {
	background: url("../images/search.png") no-repeat center 3px rgb(255, 255, 255); border: currentColor; border-image: none; color: transparent; z-index: -1; -webkit-appearance: none;
}
.sb-icon-search {
	background: url("../images/search.png") no-repeat center 3px rgb(255, 255, 255); z-index: 90;
}
.sb-search-open.sb-search {
	width: 12%;
}
.no-js .sb-search {
	width: 12%;
}
.sb-search-open.sb-search .sb-icon-search {
	z-index: 11;
}
.no-js .sb-search .sb-icon-search {
	z-index: 11;
}
.sb-search-open.sb-search .sb-search-submit {
	z-index: 90;
}
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
h3.title {
	text-align: center; color: rgb(170, 132, 109); line-height: 1em; font-family: "Slabo27px-Regular"; font-size: 3.5em;
}
h1.hdng {
	text-align: center; color: rgb(170, 132, 109); line-height: 1em; font-family: "Slabo27px-Regular"; font-size: 3.5em;
}
.welcome {
	padding: 5em 0px;
}
.about {
	padding: 5em 0px;
}
.gallery {
	padding: 5em 0px;
}
.news {
	padding: 5em 0px;
}
.codes {
	padding: 5em 0px;
}
.contact {
	padding: 5em 0px;
}
.account {
	padding: 5em 0px;
}
.banner-bottom {
	background: url("../images/slid1.jpg") fixed no-repeat 0px 0px / cover; padding: 8em 0px;
}
.banner-bottom h2 {
	color: rgb(255, 255, 255); line-height: 1em; font-family: "Slabo27px-Regular"; font-size: 3.5em; margin-top: 1em;
}
.contact h2 {
	color: rgb(255, 255, 255); line-height: 1em; font-family: "Slabo27px-Regular"; font-size: 3.5em; margin-top: 1em;
}
.banner-bottom p {
	color: rgba(179, 179, 179, 0.89); line-height: 1.6em; font-size: 1em; margin-top: 1.5em;
}
.banner-bottom h4 {
	color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 1.6em;
}
.welcome p {
	text-align: center; color: rgb(135, 128, 124); line-height: 1.8em; font-size: 1em; margin-top: 0.5em;
}
.welcome img {
	width: 100%;
}
.welcome-info {
	margin: 3em 0px;
}
.services {
	background: url("../images/slid.jpg") no-repeat 0px 0px / cover; padding: 8em 0px 5em;
}
.services-grids {
	margin: 0px auto; padding: 5em 0px; width: 50%; text-align: center; background-color: rgb(255, 255, 255);
}
.services span.glyphicon {
	font-size: 3em;
}
.services h4 {
	margin: 0.6em 0px; color: rgb(170, 132, 109); font-family: "Slabo27px-Regular"; font-size: 2.5em;
}
.services p {
	margin: 0px auto; width: 50%; color: rgb(135, 128, 124); line-height: 1.6em; font-size: 1em;
}
.services span.glyphicon {
	padding: 0.5em; border-radius: 20px; border: 10px double currentColor; border-image: none; color: rgb(0, 206, 209); font-size: 3em;
}
.work-img.work-grids {
	background: url("../images/img3.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.work-img00.work-grids {
	background: url("../images/img01.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.work-img01.work-grids {
	background: url("../images/img01.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.work-img02.work-grids {
	background: url("../images/img02.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.work-img03.work-grids {
	background: url("../images/img03.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.work-grids {
	padding: 8.5em 5em;
}
.work-grids h3 {
	color: rgb(170, 132, 109); font-family: "Slabo27px-Regular"; font-size: 3em;
}
.work-grids p {
	margin: 1.5em 0px 1em; color: rgb(135, 128, 124); line-height: 1.6em; font-size: 1em;
}
.work-grids ul li {
	margin: 1em 0px 0px; display: block;
}
.work-grids ul li a {
	color: rgb(135, 128, 124); font-size: 1em;
}
.work-grids ul li a:hover {
	color: rgb(0, 206, 209); padding-left: 10px;
}
span.glyphicon-chevron-right.glyphicon {
	font-size: 0.9em; margin-right: 1em;
}
.work-img-btm.work-img.work-grids {
	background: url("../images/img4.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.work-img-btm02.work-img.work-grids {
	background: url("../images/img02.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.work-img-btm03.work-img.work-grids {
	background: url("../images/img03.jpg") no-repeat 0px 0px / cover; min-height: 560px;
}
.footer {
	background: rgb(0, 0, 0); padding: 1.5em 0px; text-align: center;
}
.footer p {
	color: rgb(255, 255, 255); font-size: 1em; margin-top: 10px;
}
.footer p a {
	color: rgb(0, 206, 209);
}
.footer p a:hover {
	color: rgb(255, 255, 255);
}
.footer-left {
	float: left;
}
.social-icons {
	float: right;
}
.social-icons ul li {
	margin-right: 10px; display: inline-block;
}
.social-icons ul li a {
	background: url("../images/iconsprite.png") no-repeat 3px -33px; transition:none; width: 32px; height: 32px; display: block;
}
.social-icons ul li a.fb {
	background: url("../images/iconsprite.png") no-repeat 10px 3px;
}
.social-icons ul li a.pn {
	background: url("../images/iconsprite.png") no-repeat 6px -108px;
}
.social-icons ul li a.gg {
	background: url("../images/iconsprite.png") no-repeat 6px -69px;
}
.social-icons ul li a.ln {
	background: url("../images/line123.png") no-repeat;
}
.social-icons ul li a:hover {
	opacity: 0.5;
}
#toTop {
	background: url("../images/move-up.png") no-repeat 0px 0px; border: currentColor; border-image: none; width: 32px; height: 32px; right: 3%; bottom: 3%; text-indent: 100%; overflow: hidden; text-decoration: none; display: none; position: fixed;
}
#toTopHover {
	width: 32px; height: 32px; overflow: hidden; float: right; display: block; opacity: 0; -moz-opacity: 0;
}
.about-bnr.banner1 {
	min-height: 100px;
}
.about-text {
	padding: 3em 0px 5em;
}
.about-text-left img {
	width: 100%;
}
:nth-child(1).about-info-left {
	padding-left: 0px;
}
.about-text-right h4 {
	color: rgb(0, 206, 209); letter-spacing: -1px; font-family: WorkSans-Regular; font-size: 1.5em;
}
.about-text-right p {
	color: rgb(135, 128, 124); line-height: 1.8em; font-size: 1em; margin-top: 1em;
}
.about-text-right ul {
	padding: 0px;
}
.about-text-right ul li {
	margin: 1.2em 0px 0px; display: block;
}
.about-text-right ul li a {
	color: rgb(135, 128, 124); font-size: 1em;
}
.about-text-right ul li a:hover {
	color: rgb(0, 206, 209); padding-left: 10px;
}
.about-slid {
	background: url("../images/slid3.jpg") fixed no-repeat 0px 0px / cover; padding: 6em 0px; text-align: center;
}
.about-slid h2 {
	color: rgb(255, 255, 255); font-family: "Slabo27px-Regular"; font-size: 3.4em;
}
.about-slid p {
	margin: 2em auto 0px; width: 75%; color: rgb(255, 255, 255); line-height: 1.8em; font-size: 1em;
}
.about-slid-info {
	margin: 0px auto; width: 80%;
}
.about-team {
	padding: 2em 0px 4em;
}
.team-row.row {
	margin: 5em 0px 0px;
}
.team-thmnl.thumbnail {
	border: currentColor; border-image: none; text-align: center;
}
.about-team .caption {
	padding: 1.5em 0.5em !important;
}
.about-team h4 {
	font-family: "Slabo27px-Regular"; font-size: 1.8em;
}
.about-team h4 a {
	color: rgb(0, 206, 209);
}
.about-team h4 a:hover {
	color: rgb(170, 132, 109);
}
.about-team p {
	color: rgb(135, 128, 124); line-height: 1.8em; font-size: 1em; margin-top: 1em;
}
img.zoom-img {
	transform: scale(1); transition-duration: 0.5s; transition-timing-function: ease-out; -webkit-transform: scale(1, 1); -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -o-transition-duration: .5s; -o-transform: scale(1, 1); -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: .5s;
}
.team-grids:hover img.zoom-img {
	overflow: hidden; transform: scale(1.08); transition-duration: 750ms; transition-timing-function: ease-in-out; -webkit-transform: scale(1.08); -webkit-transition-duration: 750ms; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -o-transition-duration: 750ms; -o-transform: scale(1.08); -moz-transform: scale(1.08); -moz-transition-timing-function: ease-in-out; -moz-transition-duration: 750ms;
}
#loginContainer {
	position: relative;
}
#loginContainer a span {
	display: block;
}
#loginButton {
	display: inline-block; position: relative; z-index: 30; cursor: pointer;
}
#loginBox {
	left: -18px; top: 44px; display: none; position: absolute; z-index: 99999;
}
#loginForm::after {
	left: 25px; top: -10px; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgb(0, 206, 209); border-left-color: rgba(0, 0, 0, 0); border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; content: "";
}
#loginForm {
	background: rgb(255, 255, 255); border: 1px solid rgb(214, 214, 214); border-image: none; width: 300px;
}
#loginForm fieldset {
	margin: 0px 0px 15px; padding: 0px; border: 0px currentColor; border-image: none; display: block;
}
fieldset#body {
	margin: 0px; padding: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
}
#loginForm #checkbox {
	margin: 3px 6px 0px 0px; padding: 0px; border: 0px currentColor; border-image: none; width: auto; float: left;
}
#body label {
	margin: 10px 0px 0px; color: rgb(135, 128, 124); font-size: 0.9em; float: left; display: block;
}
#loginForm #body fieldset label {
	margin: 0px 0px 6px; float: none; display: block;
}
#body label i {
	color: rgb(135, 128, 124); font-size: 1em;
}
#loginForm input {
	background: rgb(255, 255, 255); padding: 6px; border: 1px solid rgb(218, 218, 218); border-image: none; width: 92%; color: rgb(34, 34, 34); font-size: 0.9em; -webkit-apperance: none;
}
#loginForm #login {
	background: rgb(0, 206, 209); padding: 5px 20px; border: 1px solid rgb(0, 206, 209); transition:0.5s; border-image: none; color: rgb(255, 255, 255); font-family: "WorkSans-Regular"; font-size: 1em; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s;
}
#loginForm #login:hover {
	background: rgb(255, 255, 255); color: rgb(0, 206, 209);
}
#loginForm span {
	text-align: center; padding-bottom: 15px; display: block;
}
#loginForm span a {
	font-weight: 100;
}
#loginForm span a:hover {
	color: rgb(0, 206, 209); text-decoration: underline;
}
input:focus {
	
}
.gallery-grids {
	margin: 6em 0px;
}
h2.hdng-two {
	text-align: center; color: rgb(169, 164, 161); letter-spacing: -1px; font-size: 1.3em; margin-top: 1em;
}
.gallery-grids ul li {
	width: 25%; float: left; display: inline-block; position: relative;
}
.gallery-grids ul li a {
	display: block;
}
.gallery-grids ul li a img {
	width: 100%;
}
.glry-bgd {
	background: rgba(0, 0, 0, 0.55); transition:0.5s; top: 0%; width: 100%; height: 100%; text-align: center; position: absolute; -webkit-transition: .5s all; -o-transition: .5s all; -moz-transition: .5s all;
}
.gallery-grids ul li:hover div.glry-bgd {
	background: none;
}
.news-grids {
	padding: 0px; margin-top: 6em;
}
.news-grids-left {
	width: 33%; margin-right: 2em; float: left;
}
.news-grids-right {
	width: 50%; margin-top: 1em; float: left;
}
.news-grids-left img {
	border-radius: 50%; border: 5px double rgb(135, 128, 124); border-image: none; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.news-grids h5 {
	color: rgb(170, 132, 109); padding-bottom: 10px; font-family: "Slabo27px-Regular"; font-size: 1.5em; border-bottom-color: currentColor; border-bottom-width: 4px; border-bottom-style: dotted;
}
.news-grids p {
	color: rgb(135, 128, 124); line-height: 1.8em; font-size: 1em; margin-top: 1em;
}
h3.hdg {
	font-size: 2em;
}
.show-grid [class^=col-] {
	background: rgb(255, 255, 255); border: 10px solid rgb(240, 240, 240); border-image: none; text-align: center; line-height: 2em; margin-bottom: 10px;
}
.show-grid [class*='col-']:hover {
	background: rgb(224, 224, 224);
}
.grid_3 {
	margin-bottom: 2em;
}
.xs h3 {
	color: rgb(0, 0, 0); font-size: 1.7em; font-weight: 300; margin-bottom: 1em;
}
h3.m_1 {
	color: rgb(0, 0, 0); font-size: 1.7em; font-weight: 300; margin-bottom: 1em;
}
.grid_3 p {
	color: rgb(153, 153, 153); font-size: 0.85em; font-weight: 300; margin-bottom: 1em;
}
.grid_4 {
	background: none; margin-top: 50px;
}
.label {
	border-radius: 4px; font-weight: 300 !important;
}
.grid_5 {
	background: none; padding: 2em 0px;
}
.grid_5 h3 {
	color: rgb(0, 206, 209); margin-bottom: 0.6em;
}
.grid_5 h2 {
	color: rgb(0, 206, 209); margin-bottom: 0.6em;
}
.grid_5 h1 {
	color: rgb(0, 206, 209); margin-bottom: 0.6em;
}
.grid_5 h4 {
	color: rgb(0, 206, 209); margin-bottom: 0.6em;
}
.grid_5 h5 {
	color: rgb(0, 206, 209); margin-bottom: 0.6em;
}
h3.hdg {
	color: rgb(0, 206, 209); margin-bottom: 0.6em;
}
.table > thead > tr > th {
	border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tbody > tr > th {
	border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tfoot > tr > th {
	border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > thead > tr > td {
	border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tbody > tr > td {
	border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tfoot > tr > td {
	border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.tab-content > .active {
	display: block; visibility: visible;
}
.pagination > .active > a {
	z-index: 0;
}
.pagination > .active > span {
	z-index: 0;
}
.pagination > .active > a:hover {
	z-index: 0;
}
.pagination > .active > span:hover {
	z-index: 0;
}
.pagination > .active > a:focus {
	z-index: 0;
}
.pagination > .active > span:focus {
	z-index: 0;
}
.badge-primary {
	background-color: rgb(3, 169, 244);
}
.badge-success {
	background-color: rgb(139, 195, 74);
}
.badge-warning {
	background-color: rgb(255, 193, 7);
}
.badge-danger {
	background-color: rgb(229, 28, 35);
}
.grid_3 p {
	color: rgb(136, 136, 136); line-height: 2em; font-size: 0.9em; font-weight: 300; margin-bottom: 1em;
}
.bs-docs-example {
	margin: 1em 0px;
}
section#tables p {
	margin-top: 1em;
}
.tab-container .tab-content {
	padding: 16px; border-radius: 0px 2px 2px; border: 1px solid rgb(224, 224, 224); border-image: none; background-color: rgb(255, 255, 255);
}
.table td {
	padding: 15px !important;
}
.table > tbody > tr > td {
	padding: 15px !important;
}
.table > tbody > tr > th {
	padding: 15px !important;
}
.table > tfoot > tr > td {
	padding: 15px !important;
}
.table > tfoot > tr > th {
	padding: 15px !important;
}
.table > thead > tr > td {
	padding: 15px !important;
}
.table > thead > tr > th {
	padding: 15px !important;
}
.table > thead > tr > th {
	color: rgb(153, 153, 153); font-size: 0.9em; border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tbody > tr > th {
	color: rgb(153, 153, 153); font-size: 0.9em; border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tfoot > tr > th {
	color: rgb(153, 153, 153); font-size: 0.9em; border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > thead > tr > td {
	color: rgb(153, 153, 153); font-size: 0.9em; border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tbody > tr > td {
	color: rgb(153, 153, 153); font-size: 0.9em; border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table > tfoot > tr > td {
	color: rgb(153, 153, 153); font-size: 0.9em; border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.tab-content > .active {
	display: block; visibility: visible;
}
.label {
	font-weight: 300 !important;
}
.label {
	padding: 4px 6px; border: currentColor; border-image: none; text-shadow: none;
}
.nav-tabs {
	margin-bottom: 1em;
}
.alert {
	font-size: 0.85em;
}
h1.t-button {
	line-height: 1.8em; margin-top: 0.5em; margin-bottom: 0.5em;
}
h2.t-button {
	line-height: 1.8em; margin-top: 0.5em; margin-bottom: 0.5em;
}
h3.t-button {
	line-height: 1.8em; margin-top: 0.5em; margin-bottom: 0.5em;
}
h4.t-button {
	line-height: 1.8em; margin-top: 0.5em; margin-bottom: 0.5em;
}
h5.t-button {
	line-height: 1.8em; margin-top: 0.5em; margin-bottom: 0.5em;
}
li.list-group-item1 {
	line-height: 2.5em;
}
.input-group {
	margin-bottom: 20px;
}
.in-gp-tl {
	padding: 0px;
}
.in-gp-tb {
	padding-right: 0px;
}
.list-group {
	margin-bottom: 48px;
}
ol {
	margin-bottom: 44px;
}
h2.typoh2 {
	margin: 0px 0px 10px;
}
.contact h3 {
	text-align: left; margin-bottom: 0.6em;
}
.contact h1.hdng {
	text-align: left; margin-bottom: 0.6em;
}
.contact h2 {
	margin: 0px 0px 0.6em; color: rgb(170, 132, 109);
}
.map iframe {
	border: 0px currentColor; border-image: none; width: 100%; height: 340px;
}
.address p {
	margin: 0px 0px 0.5em; text-align: left; color: rgb(135, 128, 124); line-height: 1.8em; font-size: 1em;
}
p.cnt-p {
	margin-bottom: 1.5em;
}
.address a {
	margin: 0px 0px 0.5em; text-align: left; color: rgb(0, 206, 209); font-size: 1em;
}
.address a:hover {
	color: rgb(135, 128, 124);
}
.contact-form {
	margin-top: 5em;
}
.contact-form input[type='text'] {
	background: none; padding: 0.8em 1em; border: 3px double rgb(189, 189, 189); border-image: none; width: 100%; color: rgb(135, 128, 124); font-size: 1em; display: inline-block; -webkit-appearance: none;
}
.contact-form textarea {
	background: none; padding: 0.8em 1em; border: 3px double rgb(189, 189, 189); border-image: none; width: 100%; height: 9.9em; color: rgb(135, 128, 124); font-size: 1em; margin-bottom: 0.8em; display: block; -webkit-appearance: none; resize: none;
}
.contact-form input[type='text']:nth-child(2) {
	margin: 1.6em 0px;
}
.contact-form input[type='submit'] {
	background: rgb(0, 206, 209); padding: 6px 10px; border: 3px double rgb(0, 206, 209); transition:0.5s; border-image: none; width: 100%; color: rgb(255, 255, 255); font-size: 1.1em; -webkit-appearance: none; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all;
}
.contact-form input[type='submit']:hover {
	background: rgb(255, 255, 255); color: rgb(0, 206, 209);
}
:nth-child(1).form-grids {
	padding-left: 0px;
}
:nth-child(2).form-grids {
	padding-right: 0px;
}
.account h1 {
	color: rgb(51, 51, 51); text-transform: capitalize; font-family: "Slabo27px-Regular"; font-size: 2em; margin-bottom: 0.8em;
}
.account h2 {
	color: rgb(51, 51, 51); text-transform: capitalize; font-family: "Slabo27px-Regular"; font-size: 2em; margin-bottom: 0.8em;
}
.account span {
	color: rgb(170, 132, 109);
}
.account-left {
	width: 45.33%; margin-left: 9.33%; float: left;
}
:first-child.account-left {
	margin-left: 0px;
}
.registration_form {
	display: block;
}
.registration_form div {
	padding: 10px 0px;
}
.sky_form1 {
	margin-bottom: -30px;
}
.sky_form1 ul {
	list-style: none; padding: 0px 0px 0px 1.5em;
}
.sky_form1 ul li {
	margin-left: 3em; float: left;
}
.sky_form1 ul li:first-child {
	margin-left: 0px;
}
.radio {
	margin-top: 0px;
}
.checkbox {
	color: rgb(135, 128, 124); font-size: 0.9em;
}
input[type='checkbox'] {
	margin: 0px !important;
}
.checkbox i {
	font-style: normal; margin-left: 1.8em;
}
label {
	font-weight: normal; margin-bottom: 0px; display: block;
}
.registration_form input[type='text'] {
	background: rgb(255, 255, 255); padding: 8px; border: 1px solid rgb(231, 231, 231); border-image: none; width: 100%; color: rgb(51, 51, 51); text-transform: capitalize; font-size: 1em; font-weight: normal; display: block; -webkit-appearance: none;
}
.registration_form input[type='email'] {
	background: rgb(255, 255, 255); padding: 8px; border: 1px solid rgb(231, 231, 231); border-image: none; width: 100%; color: rgb(51, 51, 51); text-transform: capitalize; font-size: 1em; font-weight: normal; display: block; -webkit-appearance: none;
}
.registration_form input[type='tel'] {
	background: rgb(255, 255, 255); padding: 8px; border: 1px solid rgb(231, 231, 231); border-image: none; width: 100%; color: rgb(51, 51, 51); text-transform: capitalize; font-size: 1em; font-weight: normal; display: block; -webkit-appearance: none;
}
.registration_form input[type='password'] {
	background: rgb(255, 255, 255); padding: 8px; border: 1px solid rgb(231, 231, 231); border-image: none; width: 100%; color: rgb(51, 51, 51); text-transform: capitalize; font-size: 1em; font-weight: normal; display: block; -webkit-appearance: none;
}
.registration_form input[type='submit'] {
	background: rgb(0, 206, 209); padding: 0.5em 2em; border: currentColor; transition:0.5s; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "WorkSans-Regular"; font-size: 0.9em; text-decoration: none; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease;
}
.registration_form input[type='submit']:hover {
	background: rgb(135, 128, 124);
}
.terms {
	color: rgb(135, 128, 124); text-transform: capitalize; text-decoration: underline;
}
.terms:hover {
	color: rgb(0, 206, 209); text-decoration: none;
}
.forget a {
	color: rgb(135, 128, 124); text-transform: capitalize; font-size: 0.9em; text-decoration: underline;
}
.forget a:hover {
	color: rgb(0, 206, 209); text-decoration: none;
}
@media all and (max-width:1980px)
{
.logo {
	left: 2%;
}
.top-nav {
	width: 88%;
}
.sb-search {
	right: 10%;
}
.callbacks_tabs {
	
}
.work-grids {
	padding: 8.5em 4em;
}
.work-grids01 {
	padding: 8.5em 4em;
}
}
@media all and (max-width:1440px)
{
.logo {
	left: 2%;
}
.sb-search {
	right: 10%;
}
.callbacks_tabs {
	
}
.top-nav {
	width: 81%;
}
.work-grids {
	padding: 8.5em 4em;
}
.work-grids01 {
	padding: 8.5em 4em;
}
}
@media all and (max-width:1366px)
{
.logo {
	left: 2%;
}
.work-grids-left.work-grids01 {
	padding: 7.5em 4.5em;
}
}
@media all and (max-width:1280px)
{
.sb-search-open.sb-search {
	width: 14%;
}
.no-js .sb-search {
	width: 14%;
}
.sb-search {
	right: 5%;
}
.top-nav {
	width: 80%;
}
.banner1 {
	min-height: 500px;
}
.callbacks_tabs {
	
}
.work-grids01 {
	padding: 6.5em 5em;
}
.banner-bottom h2 {
	margin-top: 0.8em;
}
.about-team {
	padding: 0em 0px 2em;
}
img.zoom-img.img-responsive {
	width: 100%;
}
.work-img.work-grids {
	min-height: 510px;
}
.work-grids-left.work-grids {
	padding: 6em 4em;
}
.work-img-btm.work-img.work-grids {
	min-height: 520px;
}
.work-img-btm02.work-img.work-grids {
	min-height: 520px;
}
.work-img-btm03.work-img.work-grids {
	min-height: 520px;
}
.work-grids-left.work-grids {
	padding: 6em 4em;
}
.work-grids h3 {
	font-size: 2.8em;
}
}
@media all and (max-width:1080px)
{
.welcome {
	padding: 4em 0px;
}
.about {
	padding: 4em 0px;
}
.gallery {
	padding: 4em 0px;
}
.news {
	padding: 4em 0px;
}
.codes {
	padding: 4em 0px;
}
.contact {
	padding: 4em 0px;
}
.account {
	padding: 4em 0px;
}
.header {
	padding: 4em 0px 1.5em;
}
.top-nav ul li {
	margin: 0px 0.8em;
}
.top-nav li a {
	font-size: 1.1em;
}
#.logo a img {
#	width: 100%;
#}
.logo {
	left: 2%;
}
#.top-nav ul li:nth-child(3) {
#	margin-right: 11.5em;
#}
.top-nav {
	width: 88%;
}
#.top-nav ul li:nth-child(3) {
#	margin-right: 10em;
#}
.banner-bottom {
	padding: 5em 0px;
}
.work-grids {
	padding: 0em 3em 2em;
}
.work-img.work-grids {
	min-height: 470px;
}
.work-grids h3 {
	font-size: 2.6em;
}
.work-grids p {
	margin: 1em 0px;
}
.work-img-btm.work-img.work-grids {
	min-height: 500px;
}
.work-img-btm02.work-img.work-grids {
	min-height: 500px;
}
.work-img-btm03.work-img.work-grids {
	min-height: 500px;
}
.work-grids-left.work-grids {
	padding: 5.5em 3em;
}
.services {
	padding: 6em 0px 4em;
}
.services-grids {
	padding: 3em 0px; width: 35%;
}
.services span.glyphicon {
	font-size: 2em;
}
.services h4 {
	font-size: 2.3em;
}
.services p {
	width: 81%;
}
h1.hdng {
	font-size: 3.3em;
}
.about-text-right h4 {
	font-size: 1.4em;
}
.about-text-right ul li {
	margin: 0.8em 0px 0px;
}
.about-text {
	padding: 3em 0px 4em;
}
.about-slid {
	padding: 5em 0px;
}
.about-slid p {
	margin: 1em auto 0px; width: 92%;
}
.about-team h4 {
	font-size: 1.6em;
}
.gallery-grids {
	margin: 4em 0px;
}
h3.title {
	font-size: 3.3em;
}
}
@media all and (max-width:1024px)
{
.work-grids {
	padding: 5.5em 3em;
}
.work-grids-left.work-grids {
	padding: 5.3em 3em;
}
}
@media all and (max-width:991px)
{
.header-left {
	margin: 1em 0px; width: 100%; float: none;
}
.header {
	padding: 1em 0px;
}
.sb-search-open.sb-search {
	width: 20%;
}
.no-js .sb-search {
	width: 20%;
}
.top-nav {
	width: 80%; float: none;
}
.top-nav ul li {
	margin: 0px 0.2em;
}
#.top-nav ul li:nth-child(3) {
#	margin-right: 11em;
#}
.sb-search {
	top: 20%; right: 13%;
}
.header-left {
 margin: 1em 0px; width: 100%; padding-bottom: 1em; border-bottom-color: currentColor; border-bottom-width: 0px;  float: none;
}
.logo {
	left: 2%;
}
.banner1 {
	min-height: 425px;
}
h1.hdng {
	font-size: 3em;
}
.welcome-grids {
	width: 50%; float: left;
}
.welcome-info {
	margin: 2em 0px;
}
.banner-bottom {
	padding: 4em 0px;
}
.banner-bottom h2 {
	margin-top: 0px;
}
:nth-child(2).banner-bottom-grids {
	margin: 3em 0px;
}
.banner-bottom-grids {
	width: 100%;
}
.banner-bottom p {
	margin-top: 1em;
}
.work-grids {
	width: 50%; float: left;
}
.work-grids {
	padding: 3em;
}
.work-grids h3 {
	font-size: 2.5em;
}
.work-img.work-grids {
	padding: 0px; min-height: 375px;
}
.work-img-btm.work-img.work-grids {
	min-height: 375px;
}
.work-img-btm02.work-img.work-grids {
	min-height: 375px;
}
.work-img-btm03.work-img.work-grids {
	min-height: 375px;
}
.work-grids-left.work-grids {
	padding: 3.1em 5em;
}
.work-grids {
	padding: 3em 5em;
}
.services {
	padding: 5em 0px 2em;
}
.services h4 {
	font-size: 2em;
}
.services-grids {
	width: 45%;
}
.about-text-left {
	padding: 0px;
}
.about-text-right {
	padding: 0px;
}
.about-text-right {
	margin: 1.5em 0px 0px;
}
.about-text {
	padding: 2em 0px 3em;
}
.about-text-right p {
	margin-top: 0.5em;
}
.about-slid h2 {
	font-size: 2.9em;
}
.about-slid p {
	width: 100%;
}
.team-row.row {
	margin: 3em 0px 0px;
}
.team-grids {
	width: 25%; padding-left: 0px; float: left;
}
.about-team h4 {
	font-size: 1.4em;
}
.about-team .caption {
	padding: 1em 0em !important;
}
h2.hdng-two {
	font-size: 1.2em; margin-top: 0.5em;
}
.gallery-grids {
	margin: 4em 0px 2em;
}
.gallery-grids ul li {
	width: 33.33%;
}
.news-grids {
	margin-top: 4em;
}
.news-grids-left {
	width: 22%;
}
.news-grids-right {
	margin-top: 0.8em;
}
h3.title {
	font-size: 3em;
}
.address {
	margin-top: 2em;
}
.banner-bottom h2 {
	font-size: 3em;
}
.contact h2 {
	font-size: 3em;
}
.contact h2 {
	margin: 0px 0px 0.2em;
}
p.cnt-p {
	margin-bottom: 0.5em;
}
.contact-form {
	margin-top: 2em;
}
.form-grids {
	padding: 0px;
}
:nth-child(2).form-grids {
	padding: 0px; margin-top: 1em;
}
.map iframe {
	height: 280px;
}
.account-left {
	width: 46%; margin-left: 7%; float: left;
}
.account h1 {
	font-size: 1.8em;
}
.account h2 {
	font-size: 1.8em;
}
.top-nav li a {
	font-size: 1.0em;
}
}
@media all and (max-width:768px)
{
.sb-search {
	right: 2%;
}
.logo {
	left: 2%;
}
.sb-search-open.sb-search {
	width: 25%;
}
.no-js .sb-search {
	width: 25%;
}
.banner1 {
	min-height: 400px;
}
.callbacks_tabs {
	
}
.callbacks_tabs a::after {
	width: 35px; height: 6px;
}
.work-img.work-grids {
	min-height: 398px;
}
.work-grids h3 {
	font-size: 2.3em;
}
.work-img-btm.work-img.work-grids {
	min-height: 398px;
}
.work-img-btm02.work-img.work-grids {
	min-height: 398px;
}
.work-img-btm03.work-img.work-grids {
	min-height: 398px;
}
.work-grids-left.work-grids {
	padding: 4em 3em;
}
.flex-control-nav {
	right: 8%;
}
}
@media all and (max-width:640px)
{
#.top-nav ul li:nth-child(3) {
#	margin-right: 7.5em;
#}
#.top-nav ul li:nth-child(1) {
#	margin-left: 0px;
#}
.top-nav li a {
	font-size: 1.0em;
}
#.top-nav ul li:nth-child(3) {
#	margin-right: 10em;
#}
#.top-nav ul li {
#	margin: 0px 0.9em;
#}
.header-left ul li a {
	font-size: 0.9em;
}
.header {
	padding: 1em 0px 0px;
}
.top-nav {
	width: 10%; margin-right: 0.5em;
}
.logo {
	left: 32%; top: 13%; width: 31%;
}
.top-nav span.menu {
	margin: 0px 0px 1em; padding: 6px; display: block; position: relative; cursor: pointer; background-color: rgb(0, 206, 209); z-index: 999;
}
.top-nav ul {
	left: 0px; width: 100%; display: none; position: absolute; z-index: 999;
}
.span {
	display: none;
}
.top-nav ul li {
	background: rgba(0, 0, 0, 0.84); margin: 0px; border: 1px solid rgb(58, 58, 58); border-image: none; width: 100%; text-align: center; display: block;
}
.top-nav ul li a {
	margin: 0px; padding: 0.6em 0px; color: rgb(255, 255, 255); letter-spacing: 1px; font-size: 1.0em; display: block;
}
.top-nav ul {
	margin-left: 0px;
}
.lg {
    position: absolute;
    left: 3px;
    top: 75px;
}
.banner1 {
	min-height: 335px;
}
.welcome {
	padding: 3em 0px;
}
.about {
	padding: 3em 0px;
}
.gallery {
	padding: 3em 0px;
}
.news {
	padding: 3em 0px;
}
.codes {
	padding: 3em 0px;
}
.contact {
	padding: 3em 0px;
}
.account {
	padding: 3em 0px;
}
.callbacks_tabs a::after {
	width: 29px;
}
.callbacks_tabs {
	left: 42%; bottom: -7%;
}
h1.hdng {
	font-size: 2.9em;
}
.welcome p {
	font-size: 0.9em;
}
:nth-child(1).welcome-grids {
	padding-left: 0px;
}
:nth-child(2).welcome-grids {
	padding-right: 0px;
}
.banner-bottom {
	padding: 3em 0px;
}
.banner-bottom h2 {
	font-size: 2.8em;
}
.contact h2 {
	font-size: 2.8em;
}
.banner-bottom h4 {
	font-size: 1.4em;
}
.banner-bottom p {
	margin-top: 0.5em;
}
:nth-child(2).banner-bottom-grids {
	margin: 2em 0px;
}
.work-grids {
	padding: 2em 3em; width: 100%; float: none;
}
.work-img.work-grids {
	min-height: 300px;
}
.work-grids-left.work-grids {
	padding: 1em 3em 3em;
}
.flex-control-nav {
	right: 5%;
}
.services-grids {
	padding: 2em 0px;
}
.services h4 {
	margin: 0.5em 0px; font-size: 1.8em;
}
.services p {
	width: 89%; font-size: 0.9em;
}
.footer-left {
	width: 100%; float: none;
}
.social-icons {
	width: 100%; margin-top: 1.5em; float: none;
}
.about-slid h2 {
	font-size: 2.4em;
}
.about-slid {
	padding: 3.5em 0px;
}
.about-slid-info {
	width: 77%;
}
.about-slid p {
	font-size: 0.9em;
}
h3.title {
	font-size: 2.8em;
}
.team-row.row {
	margin: 2em 0px 0px;
}
.about-team p {
	font-size: 0.9em;
}
h1.hdng {
	font-size: 2.6em;
}
h2.hdng-two {
	font-size: 1.1em;
}
.gallery-grids {
	margin: 3em 0px 2em;
}
.news-grids p {
	font-size: 0.9em;
}
.news-grids-right {
	width: 70%;
}
.grid_4 {
	margin-top: 24px;
}
.contact-form input[type='text'] {
	padding: 0.6em 1em;
}
.account-left {
	margin: 0px auto; width: 80%; float: none;
}
:first-child.account-left {
	margin: 0px auto 1.5em;
}
.account h1 {
	margin-bottom: 0.5em;
}
.account h2 {
	margin-bottom: 0.5em;
}
}
@media all and (max-width:480px)
{
.header-left ul li a {
	font-size: 0.9em;
}
.header {
	padding: 1em 0px 0px;
}
.top-nav {
	width: 10%; margin-right: 0.5em;
}
.logo {
	left: 30%; top: 13%; width: 31%;
}

.top-nav span.menu {
	margin: 0px 0px 1em; padding: 6px; display: block; position: relative; cursor: pointer; background-color: rgb(0, 206, 209);
}
.top-nav ul {
	left: 0px; width: 100%; display: none; position: absolute; z-index: 999;
}
.span {
	display: none;
}
.top-nav ul li {
	background: rgba(0, 0, 0, 0.84); margin: 0px; border: 1px solid rgb(58, 58, 58); border-image: none; width: 100%; text-align: center; display: block;
}
.top-nav ul li a {
	margin: 0px; padding: 0.6em 0px; color: rgb(255, 255, 255); letter-spacing: 1px; font-size: 1.0em; display: block;
}
.banner1 {
	min-height: 244px;
}
.callbacks_tabs li {
	margin: 0px;
}
.callbacks_tabs {
	left: 36%; bottom: -9%;
}
.banner-bottom h2 {
	font-size: 2.5em;
}
.contact h2 {
	font-size: 2.5em;
}
.banner-bottom h4 {
	font-size: 1.3em;
}
.banner-bottom p {
	font-size: 0.9em;
}
.banner-bottom-grids {
	width: 90%;
}
.work-img.work-grids {
	min-height: 238px;
}
.work-grids p {
	margin: 0.8em 0px; font-size: 0.9em;
}
.work-grids ul li {
	margin: 0.8em 0px 0px; font-size: 0.9em;
}
.work-img-btm.work-img.work-grids {
	min-height: 240px;
}
.work-img-btm02.work-img.work-grids {
	min-height: 240px;
}
.work-img-btm03.work-img.work-grids {
	min-height: 240px;
}
.work-grids-left.work-grids {
	padding: 1em 2em 2em;
}
.work-grids {
	padding: 2em;
}
.services {
	padding: 3em 0px 1em;
}
.services span.glyphicon {
	border: 4px double currentColor; border-image: none;
}
.services h4 {
	font-size: 1.6em;
}
.services-grids {
	width: 63%;
}
.footer p {
	font-size: 0.9em;
}
.about-bnr.banner1 {
	min-height: 80px;
}
.welcome {
	padding: 2em 0px;
}
.about {
	padding: 2em 0px;
}
.gallery {
	padding: 2em 0px;
}
.news {
	padding: 2em 0px;
}
.codes {
	padding: 2em 0px;
}
.contact {
	padding: 2em 0px;
}
.account {
	padding: 2em 0px;
}
h1.hdng {
	font-size: 2.2em;
}
.about-text-right h4 {
	font-size: 1.3em;
}
.about-text-right p {
	font-size: 0.9em; margin-top: 1em;
}
.about-text-right ul li a {
	font-size: 0.9em;
}
span.glyphicon-chevron-right.glyphicon {
	font-size: 0.8em; margin-right: 0.8em;
}
.about-slid-info {
	width: 100%;
}
.about-slid h2 {
	font-size: 1.9em;
}
.about-slid {
	padding: 3em 0px;
}
h3.title {
	font-size: 2.2em;
}
.team-grids {
	width: 50%;
}
h2.hdng-two {
	font-size: 1em;
}
.gallery-grids {
	margin: 2em 0px 1em;
}
.news-grids {
	margin-top: 2em;
}
.news-grids h5 {
	text-align: center; font-size: 1.3em; border-bottom-color: currentColor; border-bottom-width: 2px; border-bottom-style: dotted;
}
.news-grids-right {
	margin-top: 0em;
}
.map {
	padding: 0px;
}
.address {
	padding: 0px;
}
.map iframe {
	height: 210px;
}
.address p {
	font-size: 0.9em;
}
.contact-form input[type='text'] {
	padding: 0.5em 1em;
}
.contact-form input[type='text']:nth-child(2) {
	margin: 1.2em 0px;
}
.account h1 {
	font-size: 1.6em;
}
.account h2 {
	font-size: 1.6em;
}
.account-left {
	width: 90%;
}
.registration_form input[type='text'] {
	font-size: 0.9em;
}
.registration_form input[type='email'] {
	font-size: 0.9em;
}
.registration_form input[type='tel'] {
	font-size: 0.9em;
}
.registration_form input[type='password'] {
	font-size: 0.9em;
}
.registration_form input[type='submit'] {
	padding: 0.4em 2em; font-size: 0.85em;
}
.sb-search-input {
	font-size: 0.9em;
}
.sb-search-open.sb-search {
	width: 31%;
}
.no-js .sb-search {
	width: 31%;
}
}
@media all and (max-width:320px)
{
.top-nav span.menu {
	padding: 3px;
}
.top-nav {
	width: 14%; margin-right: 0px;
}
.header {
	padding: 0.5em 0px 0px;
}
.header-left ul li a {
	font-size: 0.8em;
}
.header-left ul li:nth-child(1) {
	padding-right: 10px; margin-right: 3px;
}
.logo {
	left: 30%; top: 30%; width: 38%;
}
.sb-search-open.sb-search {
	width: 53%;
}
.no-js .sb-search {
	width: 53%;
}
.sb-search-input {
	font-size: 0.85em;
}
.sb-search {
	top: 14%;
}
.top-nav ul li a {
	font-size: 1em;
}
.banner1 {
	min-height: 167px;
}
.welcome-info {
	margin: 1em 0px;
}
:nth-child(1).welcome-grids {
	padding-right: 0.5em;
}
:nth-child(2).welcome-grids {
	padding-left: 0.5em;
}
.welcome p {
	font-size: 0.85em;
}
.banner-bottom h2 {
	font-size: 2em;
}
.contact h2 {
	font-size: 2em;
}
.banner-bottom h4 {
	font-size: 1.2em;
}
.banner-bottom-grids {
	padding: 0px; width: 100%;
}
:nth-child(2).banner-bottom-grids {
	margin: 1.5em 0px;
}
.banner-bottom {
	padding: 2.5em 0px;
}
.work-img.work-grids {
	min-height: 193px;
}
.work-grids h3 {
	font-size: 2em;
}
.work-grids {
	padding: 1.5em;
}
.work-grids-left.work-grids {
	padding: 0em 1.5em 1.5em;
}
.work-img-btm.work-img.work-grids {
	min-height: 166px;
}
.work-img-btm02.work-img.work-grids {
	min-height: 166px;
}
.work-img-btm03.work-img.work-grids {
	min-height: 166px;
}
.services h4 {
	font-size: 1.4em;
}
.services p {
	font-size: 0.85em;
}
.services h4 {
	margin: 0.8em 0px 0.2em; font-size: 1.3em;
}
.welcome {
	padding: 1.5em 0px;
}
.about {
	padding: 1.5em 0px;
}
.gallery {
	padding: 1.5em 0px;
}
.news {
	padding: 1.5em 0px;
}
.codes {
	padding: 1.5em 0px;
}
.contact {
	padding: 1.5em 0px;
}
.account {
	padding: 1.5em 0px;
}
.about-text {
	padding: 1em 0px 1.5em;
}
.about-text-right h4 {
	line-height: 1.4em; font-size: 1.2em;
}
.about-text-right p {
	margin-top: 0.6em;
}
.about-slid h2 {
	font-size: 1.6em;
}
h1.hdng {
	font-size: 2em;
}
h2.hdng-two {
	margin: 0.5em auto; width: 90%; line-height: 1.6em; font-size: 0.9em;
}
.gallery-grids ul li {
	width: 50%;
}
.news-grids {
	margin-top: 1.5em;
}
.news-grids-left {
	margin: 0px auto 1em; width: 45%; float: none;
}
.news-grids-right {
	width: 100%;
}
.map iframe {
	height: 150px;
}
.contact-form input[type='text'] {
	padding: 0.4em 0.5em; font-size: 0.85em;
}
.contact-form input[type='text']:nth-child(2) {
	margin: 1em 0px;
}
:nth-child(2).form-grids {
	margin-top: 0.8em;
}
.contact-form textarea {
	padding: 0.5em; height: 7em; font-size: 0.85em;
}
.contact-form input[type='submit'] {
	padding: 4px 10px; font-size: 1em;
}
.account h1 {
	font-size: 1.3em;
}
.account h2 {
	font-size: 1.3em;
}
.account-left {
	margin: 0px auto 0.5em; width: 100%;
}
#loginBox {
	left: -87px;
}
#loginForm input {
	padding: 4px;
}
#body label {
	font-size: 0.85em;
}
#loginForm fieldset {
	margin: 0px 0px 10px;
}
#loginForm span {
	padding-bottom: 10px;
}
#loginForm #login {
	padding: 4px 20px; font-size: 0.9em;
}
.callbacks_tabs {
	left: 31%;
}
.callbacks_nav {
	background-position: 0px 0px; width: 29px; height: 29px; background-size: 238%;
}
.next.callbacks_nav {
	background-position: -28px 0px; background-size: 238%;
}
}
.about-team .container .team-row.row .team-grids.col-md-3 .team-thmnl.thumbnail .caption .nameo {
	text-align: left;
}












.room {		
	position: relative;	
}		
.room0 {		
	background: url("../images/room1.jpg") no-repeat 0px 0px / cover; min-height: 600px;	
}		
.room1 {		
	background: url("../images/room2.jpg") no-repeat 0px 0px / cover; min-height: 600px;	
}		
.room2 {		
	background: url("../images/room3.jpg") no-repeat 0px 0px / cover;	
}		
.room3 {		
	background: url("../images/room1.jpg") no-repeat 0px 0px / cover;	
}		
.room4 {		
	background: url("../images/room2.jpg") no-repeat 0px 0px / cover;	
}		
.room-bottom {		
	background: url("../images/room3.jpg") fixed no-repeat 0px 0px / cover; padding: 8em 0px;	
}		
.room-bottom h2 {		
	color: rgb(255, 255, 255); line-height: 1em; font-family: "Slabo27px-Regular"; font-size: 3.5em; margin-top: 1em;	
}		
.room-bottom p {		
	color: rgba(179, 179, 179, 0.89); line-height: 1.6em; font-size: 1em; margin-top: 1.5em;	
}		
.room-bottom h4 {		
	color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 1.6em;	
}		
.about-bnr.room1 {		
	min-height: 100px;	
}		
.room1 {		
	min-height: 500px;	
}		
.room-bottom h2 {		
	margin-top: 0.8em;	
}		
.room-bottom {		
	padding: 5em 0px;	
}		
.room1 {		
	min-height: 425px;	
}		
.room-bottom {		
	padding: 4em 0px;	
}		
.room-bottom h2 {		
	margin-top: 0px;	
}		
:nth-child(2).room-bottom-grids {		
	margin: 3em 0px;	
}		
.room-bottom-grids {		
	width: 100%;	
}		
.room-bottom p {		
	margin-top: 1em;	
}		
.room-bottom h2 {		
	font-size: 3em;	
}		
.room1 {		
	min-height: 400px;	
}		
.room1 {		
	min-height: 335px;	
}		
.room-bottom {		
	padding: 3em 0px;	
}		
.room-bottom h2 {		
	font-size: 2.8em;	
}		
.room-bottom h4 {		
	font-size: 1.4em;	
}		
.room-bottom p {		
	margin-top: 0.5em;	
}		
:nth-child(2).room-bottom-grids {		
	margin: 2em 0px;	
}		
.room1 {		
	min-height: 244px;	
}		
.room-bottom h2 {		
	font-size: 2.5em;	
}		
.room-bottom h4 {		
	font-size: 1.3em;	
}		
.room-bottom p {		
	font-size: 0.9em;	
}		
.room-bottom-grids {		
	width: 90%;	
}		
.about-bnr.room1 {		
	min-height: 80px;	
}		
.room1 {		
	min-height: 167px;	
}		
.room-bottom h2 {		
	font-size: 2em;	
}		
.room-bottom h4 {		
	font-size: 1.2em;	
}		
.room-bottom-grids {		
	padding: 0px; width: 100%;	
}		
:nth-child(2).room-bottom-grids {		
	margin: 1.5em 0px;	
}		
.room-bottom {		
	padding: 2.5em 0px;	
}		
/*--//room--*/







.facilities{
	position:relative;
}
.facilities1{
	background:url(../images/facilities1.jpg)no-repeat 0px 0px;	
	background-size:cover; 
	min-height: 600px;
}
.facilities2{
	background:url(../images/facilities2.jpg)no-repeat 0px 0px;
	background-size:cover; 
}
.facilities3{
	background:url(../images/facilities3.jpg)no-repeat 0px 0px;
	background-size:cover;
}




/*--facilities--*/
.facilities {		
	position: relative;	
}		
.facilities0 {		
	background: url("../images/facilities1.jpg") no-repeat 0px 0px / cover; min-height: 600px;	
}		
.facilities1 {		
	background: url("../images/facilities2.jpg") no-repeat 0px 0px / cover; min-height: 600px;	
}		
.facilities2 {		
	background: url("../images/facilities3.jpg") no-repeat 0px 0px / cover;	
}		
.facilities3 {		
	background: url("../images/facilities1.jpg") no-repeat 0px 0px / cover;	
}		
.facilities-bottom {		
	background: url("../images/facilities3.jpg") fixed no-repeat 0px 0px / cover; padding: 8em 0px;	
}		
.facilities-bottom h2 {		
	color: rgb(255, 255, 255); line-height: 1em; font-family: "Slabo27px-Regular"; font-size: 3.5em; margin-top: 1em;	
}		
.facilities-bottom p {		
	color: rgba(179, 179, 179, 0.89); line-height: 1.6em; font-size: 1em; margin-top: 1.5em;	
}		
.facilities-bottom h4 {		
	color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 1.6em;	
}		
.about-bnr.facilities1 {		
	min-height: 100px;	
}		
.facilities1 {		
	min-height: 500px;	
}		
.facilities-bottom h2 {		
	margin-top: 0.8em;	
}		
.facilities-bottom {		
	padding: 5em 0px;	
}		
.facilities1 {		
	min-height: 425px;	
}		
.facilities-bottom {		
	padding: 4em 0px;	
}		
.facilities-bottom h2 {		
	margin-top: 0px;	
}		
:nth-child(2).facilities-bottom-grids {		
	margin: 3em 0px;	
}		
.facilities-bottom-grids {		
	width: 100%;	
}		
.facilities-bottom p {		
	margin-top: 1em;	
}		
.facilities-bottom h2 {		
	font-size: 3em;	
}		
.facilities1 {		
	min-height: 400px;	
}		
.facilities1 {		
	min-height: 335px;	
}		
.facilities-bottom {		
	padding: 3em 0px;	
}		
.facilities-bottom h2 {		
	font-size: 2.8em;	
}		
.facilities-bottom h4 {		
	font-size: 1.4em;	
}		
.facilities-bottom p {		
	margin-top: 0.5em;	
}		
:nth-child(2).facilities-bottom-grids {		
	margin: 2em 0px;	
}		
.facilities1 {		
	min-height: 244px;	
}		
.facilities-bottom h2 {		
	font-size: 2.5em;	
}		
.facilities-bottom h4 {		
	font-size: 1.3em;	
}		
.facilities-bottom p {		
	font-size: 0.9em;	
}		
.facilities-bottom-grids {		
	width: 90%;	
}		
.about-bnr.facilities1 {		
	min-height: 80px;	
}		
.facilities1 {		
	min-height: 167px;	
}		
.facilities-bottom h2 {		
	font-size: 2em;	
}		
.facilities-bottom h4 {		
	font-size: 1.2em;	
}		
.facilities-bottom-grids {		
	padding: 0px; width: 100%;	
}		
:nth-child(2).facilities-bottom-grids {		
	margin: 1.5em 0px;	
}		
.facilities-bottom {		
	padding: 2.5em 0px;	
}
/*--//facilities--*/


/*1061027 修改輪播圖與Logo問題*/
.banner0, .banner1, .banner2, .banner3,.banner4 {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}
/*清除水平scroll*/
body {
	overflow-x: hidden;
}

.logo img {
	width: 250px;
	/* height: 78px; */
	/* width: 200px; */
}

.top-nav ul {
	margin-left: 17%;
}

@media (min-width: 1280px) {
	.banner0, .banner1, .banner2, .banner3,.banner4 {
		max-height: 87.5vh !important;
	}
}

@media (max-width: 1279px) {
	.banner0, .banner1, .banner2, .banner3,.banner4 {
		max-height: 600px !important;
	}
}

@media (max-width: 1230px) {
	.top-nav ul {
		margin-left: 30%;
	}
}

@media (max-width: 990px) {
	.top-nav ul {
		margin-left: 20%;
	}
}

@media screen and (min-width: 640px) and (max-width: 1080px) {
	.logo img {
		width: 220px;
		/* height: 78px; */
		/* width: 200px; */
	}
}

@media screen and (min-width: 641px) and (max-width: 761px) {
	.logo {
		left: 0%;
	}

	.logo img {
		width: 170px;
		/* height: 78px; */
		/* width: 200px; */
	}
}


/*RWD*/

@media (max-width: 640px) {
	.top-nav span.menu {
		margin: 0px 0px 0.3em !important;
    /* padding: 6px; */
		padding: 0 !important;
	}

	.logo {
		top: 8%;
		left: 0%;
		width: 100%;
	}

	.header {
		padding: 1.5em 0px 0px;
	}

	.lg {
		top: 63px;
	}

	.logo img {
		width: 220px;
		/* height: 78px; */
		/* width: 200px; */
	}

	.top-nav ul {
		margin-left: 0%;
	}

	.banner0, .banner1, .banner2, .banner3,.banner4 {
		max-height: 300px !important;
	}
	.welcome-news-grid{
		width: 100%;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 600px){
	.callbacks_nav {
	top: 36%;
}
}
@media (max-width: 480px) {
	.facilities-grid.team-grids {
		height: 180px;
	}

	.facilities-grid.team-grids  h4 {
		font-size: 16px;
	}

	.logo {
		top: 8%;
    /* position: absolute; */
		left: 0;
	}

	.header {
		padding: 4em 0px 0px;
	}

	.lg {
		top: 96px;
	}
}