@import "../font/font.css";
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.42857143;
}
html, body, .container {
	/*height: 100%;*/
	color: #000000;
}
html, body, div {
	position: relative;
}
a{
	color: #000000;
}

a:hover{
	color:#666666;
}

.nav a {
	color: #000000;
	text-decoration: none;
}
.nav a:hover {
	color:#ffffff;
}
.detail-content a {
	color: #000000;
	text-decoration: none;
}
.detail-content a:hover {
	color:#666666;
	text-decoration: none;
}
p{
	line-height: 20px;	
}
p ul{
	line-height: 20px;	
}
.link {
	-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.link:hover {
	filter: alpha(opacity=70);
opacity: 0.7;
	color: #000000;
	text-decoration: none;
}
#journey .img-responsive{
	display:inline;	
	margin: 0 auto;	
	height: 250px;
width: auto;

}
.container {
	height: 100%;
}
.container.group{
	height:auto;	
}

.nav-filter .container{
	padding-right:0px;	
}
/* header */

.header {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 3px;
	line-height: 10px;
}
/* nav */


.masthead {
	background: url(../img/bg/bg-tranparent.png) center center fixed;
	z-index: 2;
	position: absolute;
	top: 0;
	width: 100%;
}
.navbar-title {
	font-family: "London tube", Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	margin-top: 0px;
	font-size: 18px;
	letter-spacing: 4px;
}
.navbar-toggle {
	float: left;
	position: absolute;
	top: 0;
	margin: 0;
}

.icon-bar {
	background-color: #000000;
}
.nav-justified > li.active a, .nav-justified > li:hover, .current_page_item, .current_page_item a, .current_page_parent, .current_page_parent a{
	background-color: #000000;
	color: #ffffff !important;
}
.nav {
	width: 380px;
	margin: 0 auto;
}
.nav-wrapper {
	border-bottom: 4px solid #000000;
	
}

.nav-wrapper .page_item_has_children .children{
	display:none;	
	
}
.navbar-filter{
	background-color: #f3f3f1;
	border: 1px solid #e1e1e1;	
	width:100%;
}

.navbar-filter .nav{
	width:700px;
	float:none;
	padding:8px;
}
.scroll {
	position: fixed;
	width: 100%;
	/*background: url(../img/bg/bg-tranparent.png) center center fixed;*/
	background-color: #ffffff;
	margin-bottom: 15px;
	z-index: 2;
	top: 0;
	opacity: 1;
	padding-top: 0px !important;
	
	-webkit-transition: background .3s, box-shadow .3s;
	transition: background .3s, box-shadow .3s;
}
.nav li {
}
.brand {
	font-family: "London tube", Georgia, "Times New Roman", Times, serif;
	position: absolute;
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	top: 0;
	margin-top: 18px;
}
/* Big banner */
.carousel {
	height: 500px;
}
#workCarousel{
	height:80px;	
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 1;
	top: 50%;
	margin-top: -35px;
	text-shadow: none;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 500px;
	background-color: #777;
	
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	max-width: 1450px;
}
/*.carousel-inner > .item {
	background: url(..//img/bg/journey2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/
.carousel-indicators, .carousel-control {
	display: none;
}
.bigtext {
	background: url(../img/bg/bg-tranparent.png) center center fixed;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	width: 430px;
	text-align: center;
	color: #000000;
	z-index: 2;
	margin: 0 auto;
}
.bigtext.nowhite{
	background:none;
}
.bigtext h1 {
	font-size: 27px;
	line-height: 0.7;
	font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.bigtext h2 {
	font-size: 16px;
	line-height: 0.7;
	font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
/* Work header */
.work-header {
	padding-top: 83px;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	background:#ffffff;
}

.work-header-wrapper {
	margin: 0 auto;
	height:auto;
	width:100%;
	padding-left:0px;
	padding-right:0px;
}

#journey{
	letter-spacing: 3px;	
}

#journey .row{
	
	padding-top:15px;
	padding-bottom:15px;
}

#journey .journey_photo{
	text-align:right;	
}
#journey .journey_wrapper{
	min-height: 250px;
	max-height:100%;
	border-bottom: 1px solid #e1e1e1;
}

#journey .row:last-child .journey_wrapper{
	border-bottom: 0px;
}
#journey .journey_wrapper h5{
	margin-top:30px;	
	color: #838383;
}
#journey-detail{
	height:auto;	
}
.box.center{
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	
}

.box a{
	line-height: 24px;
	white-space:normal;
	vertical-align:middle;
}
.box:hover{
	background-color: #f0f0f0;	
}
.box.left {
	height: 46px;
}
.box.right {
	height: 46px;
}
.main {
	
	/*min-height:690px;	*/
	padding-bottom: 0px;
	/*width:100%;*/
	margin: 0px;
	margin: 0 auto;
}

.work-item, .travel-item{
	padding-bottom:30px;	
}
.container.detail {
	padding-top: 30px;
	height: auto;
}
.detail-title, .detail-property{
	padding-bottom:30px;	
}

.detail-content{
	padding-bottom:30px;	
}
#work-detail img {
width: 100%;
height: inherit;
}
a img{
-webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
a img:hover{
	filter: alpha(opacity=70);
  opacity: 0.7;
}
.detail h1{
	margin-top:5px;
}

.detail h2{
	color: #999;
	font-size:14px;
		
}

#journey-detail h1{
	margin-top:5px;
}

#journey-detail h2{
	color: #999;
	font-size:14px;
		
}
.dl-horizontal dt {
	width: 73px;
}
.dl-horizontal dd {
	margin-left: 95px;
}
body {
	padding-bottom: 20px;
	font-size: 13px;
	color: #58585a;
}
body.soimperfect-theme {
	background: #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
.status-blue {
	color: #4d81C2;
}
.status-red {
	color: #ff0000;
}
.status-orange {
	color: #F68C00;
}
/*font */
h1, h2, h3, h4, h5, h6, body {
}
h2 {
	font-size: 21px;
}


hr {
	margin-top: 10px;
	clear: both;
	border-top: 1px solid #ddd;
}
.text-danger {
	color: #ff0000;
}
.text-white {
	color: #ffffff;
}
.page-header .btn {
/*font-size: 18px;	*/
}
i.zicon-info {
	margin-left: 3px;
	background-position: -99px -182px;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #ddd;
	border-width: 5px 5px 0;
}
.tooltip-inner {
	color: #000;
	background: #fff;
	border: solid 1px #ddd;
	padding: 10px;
	font-style: normal;
	font-weight: 400;
}
/*Header */
.header.navbar {
	margin-bottom: 0px;
	background-color: transparent;
	border-color: transparent;
}
/* disable mobile nav (for header and sub-nav) */
/*.navbar-collapse.collapse {
	display: block !important;
}
.navbar-nav {
	text-transform: uppercase;
}
.navbar-nav > li, .navbar-nav {
	float: left !important;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline-block;
}
.navbar-nav.navbar-right:last-child {
	margin-right: -15px !important;
}
.navbar-right {
	float: right !important;
}*/


/* header control */

/* sub menu */



/* Dropdown override bootstrap */
.dropdown-menu {
	padding: 5px 0 3px;
	font-size: 13px;
}
.dropdown-menu .divider {
	margin: 5px 0 3px;
}
.dropdown-menu > li > a {
}
/*well */
.well.white {
	background-color: #ffffff;
}
/* Action bar */
.actionbar {
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.actionbar .row {
	margin: 0px;
}
.actionbar .row .col-xs-4 {
	padding: 0px;
}
.actionbar .text-right .btn-group-sm {
	float: right;
	margin-left: 5px;
	margin-right: 0px;
}
.actionbar .btn-group .btn:first-child {
	width: 110px;
}
.actionbar .btn-group-sm {
	float: left;
	margin-right: 5px;
}
.actionbar.line {
	border-top: 1px solid #ddd;
}
.btn-request{
		border-color:transparent;
}
.btn-request:hover{
		background-color:#F0F0F0;
border-color:transparent;
}
/*switch */
/*
 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
 font-size:11px;
 }
 .bootstrap-switch.bootstrap-switch-mini{
 width:100%;

 }
 */
.onoffswitch {
}
.onoffswitch-switch {
	margin: 9px !important;
}
.onoffswitch-inner:before {
	background-color: #4D81C2 !important;
}
/*legend */
.legend {
	padding-bottom: 10px;
}
/* Search */
.searchbar > .form-control, .searchbar > .input-group-addon, .searchbar > .input-group-btn > .btn {
	padding: 4px 6px 2px;
}
.searchbar input {
	border-right: none;
}
.searchbar .input-group-addon {
	background: #fff;
	border-left: none;
}
/*Search bar */
.searchbar {
	width: 150px;
}
/* pagination */
.pagination {
	margin: 0;
	padding-left: 15px;
}
.pagination > li > a, .pagination > li > span {
	color: #428bca;
	background-color: #eeeeee;
	border-color: #cccccc;
	padding: 5px 6px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #fff;
	background-color: #578BC4;
	border-color: #cccccc;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: #578BC4;
	background-color: #fff;
	border-color: #cccccc;
}
/* btn */
.btn {
	border-radius: 4px;
	text-transform: uppercase;
}
.input-group-addon, .input-group-btn {
	width: auto;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 3px 10px;
}
.btn-control {
	width: 100%;
	margin: 0px;
	padding: 10px;
}

.btn-filter{
		border-radius: 0px;
		/*border:1px solid #b4b4b4;*/
		background-color:#f3f3f1;
		padding-top:5px !important;
		padding-bottom:5px !important;
		padding-left:20px !important;
		padding-right:35px !important;
		margin-left:8px;
		margin-top:3px;
		background-image:url(../img/icons/filter-tick.png);
		background-repeat: no-repeat;
		background-position-x: 90%;
		background-position-y: 5px;
		opacity:0.4;
}
#btn-more{
	width:100%;	
	margin-top:10px;
	margin-bottom:20px;
}
.navbar-filter .btn-filter:hover, .navbar-filter .btn-filter:visited, .navbar-filter .btn-filter:active{
	/*border:1px solid #b4b4b4;*/
	color:#666666;
}
.navbar-filter li.active .btn-filter{
		opacity:1;
		/*border:1px solid #b4b4b4;*/
		background-color:#E2E2E2;
		color:#666666;
}
.btn-submenu {
	text-transform: inherit;
}
.btn-tx {
	padding: 5px 6px !important;
}
.btn-primary {
	background-color: #4D81C2;
}
.btn-powa:hover {
	background-color: #578BC4;
	border-color: #4D81C2;
	border-radius: 4px;
	color: #fff;
}
.btn-powa {
	color: #4D81C2;
	background-color: #fff;
	border-color: #4D81C2;
}
.btn-advance {
	color: #4D81C2;
	background-color: #F9F9F9;
	border-color: transparent;
	text-transform: inherit;
}
.btn-icon {
	font-size: 16px;
	line-height: 21px;
}
.btn-danger {
	color: #fff;
	background-color: #ff0000;
	border-color: #d43f3a;
}
.btn-cancel {
	color: #fff;
	background-color: #b9b9b9;
	border-color: transparent;
}
.btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active, .open > .dropdown-toggle.btn-cancel {
	color: #fff;
	background-color: #999;
	border-color: #999;
}
.btn-tranparent {
	color: #000;
	background-color: transparent;
	border-color: transparent;
}
.btn.btn-tranparent:active, .btn.btn-tranparent.active, .btn-group.open .btn-tranparent.dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.main-btn-group {
	background-color: transparent;
	border: 0px;
	margin-bottom: 40px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.main-btn-group:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.8;
}
.main-btn-group:focus {
	outline: none;
}
.main-btn-text {
	margin-top: 15px;
	width: 80px;
	text-align: center;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
/* alert */
.alert-powa {
	background-image: url(../img/bg/bg-blue-tranparent.png);
	color: #ffffff;
	width: 480px;
	padding: 7px 7px 5px 7px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -240px;
	margin-top: 19px;
	z-index: 100;
	opacity: 0;
	animation: fadein 7s;
	-moz-animation: fadein 7s; /* Firefox */
	-webkit-animation: fadein 7s; /* Safari and Chrome */
	-o-animation: fadein 7s; /* Opera */
}
@keyframes fadein {
    /*from {
        opacity:0;
    }
    to {
        opacity:1;
    }*/
	0% {
opacity:0;
}
 25% {
opacity:1;
}
 50% {
opacity:1;
}
 75% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes fadein { /* Firefox */
   /*from {
        opacity:0;
    }
    to {
        opacity:1;
    }*/
	0% {
opacity:0;
}
 25% {
opacity:1;
}
 50% {
opacity:1;
}
 75% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
   /*from {
        opacity:0;
    }
    to {
        opacity:1;
    }*/
	0% {
opacity:0;
}
 25% {
opacity:1;
}
 50% {
opacity:1;
}
 75% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-o-keyframes fadein { /* Opera */
    /*from {
        opacity:0;
    }
    to {
        opacity:1;
    }*/
	0% {
opacity:0;
}
 25% {
opacity:1;
}
 50% {
opacity:1;
}
 75% {
opacity:1;
}
 100% {
opacity:0;
}
}
.alert-powa .close {
	right: 0px;
	font-size: 18px;
	opacity: 1;
	font-weight: 100;
	text-shadow: none;
	top: 0px;
}
/* close tag */
.tag {
	padding: .3em .4em .4em;
	margin: 0 .1em;
	margin-left: 10px;
}
.tag a {
	color: #ffffff;
	cursor: pointer;
}
.tag a:hover {
	text-decoration: none;
}
.tag .remove {
	vertical-align: bottom;
	top: -2px;
}
.tag a {
	margin: 0 0 0 .3em;
}
.tag a .glyphicon-white {
	color: #fff;
	margin-bottom: 2px;
}
.close-tag {
}
/* filter */
.filter {
	margin: 0 0 20px;
}
.filter .btn-group-sm {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.filter .btn {
	min-width: 60px;
}

/* form + tab */
.form {
	/*margin-right: 15px;
	 margin-left: 15px;*/
	min-height: 320px;
}
.form h4 {
	margin-top: 0px;
}
label {
	font-weight: normal;
}
.label {
	font-size: 89%;
}
.radio label {
}
.label-powa {
	background-color: #93B0D3;
}
.form-control {
	height: 30px;
	line-height: normal;
	padding: 0 6px;
	z-index: auto !important;
}
textarea.form-control {
	padding: 6px;
}
.nav-tabs {
	padding-right: 15px;
	padding-left: 15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid transparent;
	border-bottom: 1px solid #000;
	font-weight: normal;
}
.nav > li > a:hover, .nav > li > a:focus {
	border-color: transparent;
	background-color: transparent;
}
.nav-tabs .remark {
	margin-top: 10px;
	margin-right: 20px;
	color: #999;
}
.tab-pane .normal, .tab-pane .advance {
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 15px;
	padding-top: 25px;
	border-top: 1px solid #ddd;
}
.tab-pane .advance {
	background-color: #F9F9F9;
}
.tab-pane .normal:first-child {
	border-top: 1px solid #fff;
}
.tab-pane .normal.advance-btn {
	margin: 0px;
	padding-top: 0px;
}
.tab-pane .advance {
	margin-right: 0px;
	margin-left: 0px;
}
/*footer */
footer {
	margin-top: 15px;
	vertical-align: middle;
	height: 45px;
	font-size: 11px;
	font-family: "London tube", Georgia, "Times New Roman", Times, serif;
}
footer, .footer .btn {
	padding-top: 0px;
}
.navbar-brand.pci {
	background-image: url(../img/logo/logo-PCI.png);
	width: 107px;
	height: 33px;
}
/*main body */
.main {
	height: auto;
	padding-top: 60px;
}
.page-header {
	margin: 0px;
	padding: 15px 0 10px;
	border-bottom: 0px;
	vertical-align: middle;
}
.row {
	margin-right: 15px;
	margin-left: 15px;
}
.nomargin {
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.nomargin-left {
	margin-left: 0px;
	padding-left: 0px;
}
.nomargin-right {
	margin-right: 0px;
	padding-right: 0px;
}
.margin-left-right {
	margin-left: 5px;
	margin-right: 5px;
	width: initial;
}
.margin-top {
	margin-top: 5px;
}
.margin-bottom {
	margin-bottom: 30px;
}
.nomargin-bottom {
	margin-bottom: 0px;
}
.nomargin-top-buttom {
	margin-top: 0px;
	margin-bottom: 0px;
}
.margin-left-right input {
	width: initial !important;
}
.vertical-center {
	margin-top: 5px;
}
.nomargin .form-group {
	margin-bottom: 10px;
}
.row-checkbox {
	display: table;
	content: " ";
	width: 90%;
}
.row-checkbox label {
}
.tag.label {
}
.row-checkbox .checkbox {
	margin-bottom: 0px;
}
.page-header .row .text-right {
	margin-top: 20px;
}
/* Glyphicon */
.glyphicon {
	color: #58585a;
}
/* input group */
.input-group {
/*clear: both;*/
}
.form-group {
/*clear:both;
	 padding-bottom: 30px;
	 vertical-align:middle;*/

}
.clear {
	clear: both;
	float: none;
}
.float {
	float: left;
}
.row-checkbox .form-control {
	display: inline;
	width: auto;
}
.radio {
	margin-top: 5px;
}
.radio+ .radio, .checkbox+ .checkbox {
	margin-top: 10px;
}
 .form-control::-webkit-input-placeholder {
 font-size: 13px;
}
.has-error .form-control {
	border-color: #ff0000;
	color: #ff0000;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
	color: #ff0000;
}
.has-error .form-control::-webkit-input-placeholder {
 color: #ff0000;
}
.has-error .form-control:-moz-placeholder {
	/* FF 4-18 */
	color: #ff0000;
}
.has-error .form-control::-moz-placeholder {
	/* FF 19+ */
	color: #ff0000;
}
.has-error .form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: #ff0000;
}
/* int-tel-input */

.intl-tel-input {
	display: block !important;
}
/* advanced */


/* Dropzone + Image Uploader */
.dropzone {
	padding: 0px !important;
	/*min-height: 0px !important;*/
	/*height: 140px;*/
	min-height: 175px;
}
.dropzone .dz-default.dz-message {
	background-image: url("../../dropzone/images/dropzone-image.png") !important;
	width: 140px;
	height: 140px;
	margin: 0 auto;
	margin-left: -70px;
	margin-top: -70px;
	/*width:140px !important;
	 height:140px !important;

	 position:relative !important;
	 top:auto !important;
	 left:auto !important;
	 z-index: 10;*/
	;
}
/*select2 */
.select2-container-multi .select2-choices {
	border: 0px !important;
}
.select2.form-control {
	height: 100%;
}
/*modal*/
.modal {
	background-image: url(../img/bg/bg-tranparent.png);
}
.modal-md {
	width: 450px;
}
.modal-title {
	margin-top: 5px;
}
#export .modal-header {
	padding-bottom: 0px;
}
.btn-export {
	padding: 5px 5px;
}
.btn-export {
	background: url(../img/icons/export.png) no-repeat;
	background-size: 20px;
	background-position: 4px;
	width: 30px;
	height: 30px;
}
.btn-export:hover {
	background: #4D81C2 url(../img/icons/export-white.png)no-repeat;
	background-size: 20px;
	background-position: 4px;
}
.modal-dialog {
/*margin-top: 180px;*/
}
.modal-header {
	border-bottom: 0px;
}
.modal-body .list-group {
	margin-bottom: 0px;
}
.modal-body .list-group a {
	width: 100%;
}
.modal-body .list-group-item {
	border: 0px;
	text-align: center;
	padding: 0px;
}
.modal-body .list-group-item:hover {
	background-color: #EDEDED;
}
.modal-body .list-group-item a, .modal-body .list-group-item a:hover {
	color: #58585a;
}
.modal-content {
	border: 0px;
}
/*login*/
.login {
	text-align: center;
	height: 100%;
}
.login-form {
	background-image: url(../img/bg/bg-login-tranparent.png);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	width: 400px;
	height: 320px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -220px 0 0 -180px;
	z-index: 2;
}
.login-form .rp {
	margin-top: -10px;
}
.login-form-header {
	padding: 30px 15px;
}
.login-form-body {
}
.login-form-footer {
	position: absolute;
	width: 100%;
}
.login-form-slidedown {
	background-image: url(../img/bg/bg-blue-tranparent.png);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	padding: 15px;
	width: 400px;
	min-height: 50px;
	/*top: 654px;*/
	/*top: 230px;*/
	transition: top 0.5s;
	-moz-transition: top 0.5s;
	-webkit-transition: top 0.5s;
	-o-transition: top 0.5s;
	z-index: 1;
	left: 50%;
	margin: 64px 0 0 -200px;
	opacity: 0;
	transition-property: opacity;
}
.login-form-slidedown.visible {
	/*top: 238px;*/
	/*top: 654px;*/
	display: block;
	opacity: 1;/*position: absolute;
left: 50%;
top: 418px;
margin: -180px 0 0 -150px;*/
}
.tx-businessname {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.separator_grey {
	border-bottom: 1px #e1e1e1 solid;
	width: 100%;
}
.tx-left {
	margin-top: 10px;
}
.tx-right {
	margin-top: 10px;
}
.section {
	margin-bottom: 0px;
}
.box h4 {
	margin-bottom: 5px;
}
.box .section {
	padding-bottom: 15px;
}
.section h4 {
	margin-top: 0px;
}
.normal {
	padding-bottom: 15px;
	padding-top: 15px;
}
.modal-sm {
	width: 300px;
	margin: 30px auto;
}
.span-right{
	position:absolute;
	margin-left:30px;
	opacity: 0;
}
.span-center{
	opacity: 0;
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	background-color: #f0f0f0;
}

.span-left{
	margin-right:8px;	
	opacity: 0;
}

.span-right:hover, .span-left:hover{
	/*filter: alpha(opacity=100);
  opacity: 1;	*/
}
.img-responsive{
	height:auto;
width: 300px;
margin: 0 auto;

}
 @media screen and (max-width: 767px) {
h1{
	font-size:large;
}
.brand {
	display: none;
}
.carousel-caption {
	margin-top: -85px;
}
.carousel,.carousel .item{
	height:300px;	
}
#workCarousel{
	height:40px;	
}
.carousel-inner > .item > img{
	max-width:900px;	
	
}
.bigtext {
	width: auto;
}
.carousel-caption{
width: 100%;
left: 0;
padding-top: 30px;
}
.site-name{
	height:auto;	
}
.masthead {
	position: fixed;
	background-color:#ffffff;
}

.masthead.detail {
	position: relative;
}
.nav {
	width: auto;
}
.nav-wrapper.scroll {
	position: relative;
	width: 100%;
	margin-bottom: 0px;
	background: none;
}
.bigtext h1 {
	line-height: 1.1;
}
.work-header {
	padding-top: 0px;
}

.dl-horizontal dt {
	width: auto;
}
.dl-horizontal dd {
	margin-left: 0;
}
.navbar-filter .nav{
	width:100%;	
	border-radius:0px;
}
.navbar-filter li{
	float:left;	
	width:50%;
	
}
.btn-filter{
	background-position-x: 90%;
	margin-bottom:5px;
}
.detail-content img{
	width:100%;	
	height:inherit;
}




.span-right{
	display:none !important;
}
.span-left{
	
	display:none !important;
}
#journey{
	text-align:center;	
}

#journey h1{
	margin-top:5px;	
}
#journey .journey_photo{
	text-align:center !important;	
}
.journey_des{
	display:none;	
}
#journey .journey_wrapper{
	height: auto;
	min-height:inherit;
	border-bottom: 0px;
}
#journey .journey_wrapper h5{
	margin-top: auto;	
}
.container{
	padding-right: 0; 
	padding-left: 0; 
}
.detail-property > div{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;	
}
iframe{
	width:100%;	
}
}
@media screen and (max-width: 1145px) {
.container {
/*width: 990px !important;*/
}
.navbar .container {
	padding-left: 0px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0px;
}
/*.actionbar {
	 width: 960px !important;
	 }*/

.span-right{
	display:none;
}
.span-left{
	display:none;
}
}
@media (min-width: 1026px) {
.container {
/*width: 1100px;*/
}

/*.actionbar {
	 width: 1090px !important;
	 }*/

}