html,body {
	background: #ffffff;
	font-family: KittithadaRoman55;
	font-size: 22px;
	color:#757575 !important;
	min-width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}


.projectdetails_d{
	display: none;
}
.projectdetails_m{
	display: block;
}
.pdetails_img{
	width: 95%;
}

.location_d{
	display: none;
}
.location_m{
	display: block;
}
.location_img{
	width: 95%;
	padding-bottom: 1em;
}

.bgtrain{
	width: 100%;
	display: none;
}
.bgtrain_m{
	width: 100%;
	display: block;
}

.subtitle{
  object-fit: contain;
  font-family: KittithadaRoman55;
  font-size: 22px;
  line-height: 1.08;
  text-align: center;
  color:  #404041;
  margin-top: .5em;
}

input[type=checkbox]{
	height: 20px;
    width: 1em;
	vertical-align: text-bottom;
}

.linkheader{
	color: #FFF;
    font-size: 24px;
    font-weight: normal;
    font-family: KittithadaMedium65;
	text-shadow: 1px 1px 4px #000000;
}

.linkheader:hover {
	color: #FFF;
	text-decoration: none;
}

.onlydesktop{
	display: none;
}

.header_row{

}

@media (min-width:768px) {
	.header_row{
		position: absolute;
		z-index: 9999;
		width: 100%;
		margin-top: -1em;
	}
	.onlydesktop{
		display: block;
	}
	.linkheader{

	}
	.subtitle{
		font-size: 24px;
		padding-top: 1em;

	}
	.bgtrain{
		width: 100%;
		display: block;
	}
	.bgtrain_m{
		width: 100%;
		display: none;
	}

	.pdetails_img{
		width: 100%;
	}
	.projectdetails_d{
		display: block;
		margin-top: -3em;
	}
	.projectdetails_m{
		display: none;
	}
	.location_d{
		display: block;
		text-align: left;
	}
	.location_m{
		display: none;
	}
	.location_img{
		width: 80%;
		padding-top: 1.5em;
	}
}

body.modal-open {
	position: fixed;
	overflow: hidden;
}

.lhlogo{
	width: 10em;
}

.boxformx{
	max-width: 1000px;
}

.distance_title{
	font-size: 36px;
    /* font-weight: 700; */
    /* font-family: KittithadaMedium65; */
    color: #535450;
    font-weight: bold;
    margin-bottom: 1em;
    font-style: normal;
	margin-top: 1em;

}

.boxDistance{
	/* text-align: center; */
    max-width: 1300px;
	/* margin-bottom: 4em; */
}
.boxLocation{
	/* text-align: center; */
    /* max-width: 1300px; */
	margin-bottom: 0em;
}
.distance_detail{

}
.img_distance_d{
	display: none;
}
.img_distance_m{
	width: 12em;

	display: block;
}
.boxDistance_row{
	text-align: -webkit-center;
	/* background: #ededed; */
	/* background-image:url(../../images/train.png);
    background-repeat:no-repeat;
    background-position:center; */
}

.boxLocation_row{
	text-align: -webkit-center;

}

.form_title_s{
	color:	#4a685c;
    font-size: 20px;
	text-align: left;
    padding-left: 0.6em;
	font-family: KittithadaMedium65;
}

.form_title_s2{
	color: #4a685c;
    font-size: 23px;
	padding: 0;
}
.form_title_s3{
	color: #4a685c;
    font-size: 20px;
	text-align: left;
    /* padding-left: 0.6em; */
	font-family: KittithadaMedium65;
}
.click_image_title{
	text-align: center;
    font-size: 23px;
	color: #aaa;
    margin-top: .5em;
	margin-bottom: 2em;

}
@media (min-width:768px) {
	.boxformx{
		text-align: left;
		margin-top: -2em;
	}
	.form_title_s{
		margin-left: 0.7em;
		padding-left: 0;
	}
	.form_title_s2{
		padding: 0;
	}
	.form_title_s3{
		color: #4a685c;
		/* font-size: 23px; */
	}
	.click_image_title{
		margin-left: 0em;
	}
	.boxDistance{
		max-width: 1300px;
		margin-bottom: 0em;
		/* height: 31em; */
	}
	.boxLocation{
		/* max-width: 1300px; */
		margin-bottom: 4em;
		margin-top: 2em;
	}
	.boxDistance_row{

	}
	.boxLocation_row{
		/* background: linear-gradient(to bottom,#FFF 94%,#C6D1D7 100%); */
	}
	.distance_detail{

	}
	.img_distance_d{
		display: block;
		width: 40em;
	}
	.img_distance_m{
		display: none;
	}
	.distance_title{

	}

}

.carousel.carousel-fade .item {
	-webkit-transition: opacity .7s ease-in-out;
	-moz-transition: opacity .7s ease-in-out;
	-ms-transition: opacity .7s ease-in-out;
	-o-transition: opacity .7s ease-in-out;
	transition: opacity .7s ease-in-out;
	/* transition-delay: .1s; */
	opacity:.2;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.consent_time{
	font-size: 21px;
	color: #9C9B96;
}

.boxxright{

}
.boxxleft{
	padding: 0;
}
.boxleft{
	text-align: center;
}
.titlepoint_img{

	width: 14em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
@media (min-width:768px) {
	.consent_time{
		font-size: 21px;
	}
	.boxleft{
		text-align: right;
		padding: 1.4em 4em 0em 0em;
	}
	.titlepoint_img{
		width: 20em;
		margin-top: 1.5em;
	}
	.boxxright{
		    /* padding-left: 0; */
			padding: 0em 1em 0em 5em;
	}
	.boxxleft{
		padding-right: 0;
	}
}

.row_formx{

}

.hsub{
	text-align: center;
}
.hsub_img{
	width: 14em;
	padding: .5em 0em 0.5em 0em;
}


.titleanya{
	text-align: center;
	margin-bottom: 2em;
}
.titleanya_img{
	display: none;
}
.titleanya_img_m{
	display: inline-block;
	width: 15em;
    margin-top: 1em;
}

@media (max-width:414px) {
	.titleanya_img_m{
		width: 15em;
	}
}

@media (max-width:375px) {
	.titleanya_img_m{
		width: 14em;
	}
}


@media (max-width:320px) {
	.titleanya_img_m{
		width: 12em;
	}
}




.slide-desktop{
	display:  none;
}
.slide-mobile{
	display:  block;
}

@media (min-width:768px) {
	.row_formx{
		padding: 0em 1.6em;
	}
	.hsub{

	}
	.hsub_img{
		width: 10em;
	}
	.slide-desktop{
		display:  block;
	}
	.slide-mobile{
		display:  none;
	}

	.titleanya{

	}
	.titleanya_img{
		display: inline-block;
		width: 33em;
		margin-top: 3em;
	}
	.titleanya_img_m{
		display: none;
	}
}

.carousel-control.right{
	background-image: none;
}

.carousel-control.left{
	background-image: none;
}

.carousel-indicators {
	bottom: -25px;
}



.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #f8f2f2;
}


.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #bd9695;
    border: 1px solid #bd9695;
    border-radius: 10px;
}

.title_map_btn{
	font-size: 3em;
	text-align: center;
	/* margin-bottom: .4em; */

}

.btn_left_box{

}
.btn_rigth_box{

}


.carousel-inner>.item{
	/* padding: 1.5em; */
}


@media (min-width:768px) {
	.carousel-indicators {
		bottom: -50px;
	}


	.carousel-inner>.item{
		padding: 0em;
	}

	.btn_left_box{
		/* text-align: right; */
		padding: 3em 0em 2em 6em;
	}
	.btn_rigth_box{
		padding: 2em 5em 2em 2em;
	}

	.btn_map{
		width: 10em;
		margin-top: 1em;
	}
}

.btn_map{
	width: 10em;
	margin-top: .5em;
	margin-bottom: .5em;
}


@media (min-width:768px) {
	.scrollDown {
		/* display: none; */
	}
	.submit_pink{
		/* float: left; */
		width:  7em;
		padding-bottom: 2em;
		/* margin: 0em 0em 0em 1em; */
	}
}

.scrollDown{
	width: 33px;
    position: relative;
    z-index: 100;
    float: left;
    left: 46%;
    right: 50%;
    margin-top: -2em;
}
@media (min-width:768px) {
	.scrollDown{
		left: 48%;
		margin-top: -3em;
	}
}



select{
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;


    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;

    padding: 10px 10px 10px 5px;
    display: block;
    width: 10em;
    border: none;
    font-size: 1rem;

    border-bottom: 1px solid #315177;
  }

  select option {
	margin: 40px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  }

.submit_pink{
	width:  7.5em;
	padding: .7em 0em 0em 0em;
	/* margin-bottom: 2em; */
	transition: 0.3s;
}

.submit_pink:hover{
	opacity: 0.85;
}


.page-footer {
	text-align: center;
	margin: 1rem 0;
}
.page-footer > .vcenter{
	display: inline-block;
	vertical-align: middle;
	margin: .25rem 0;
  padding: 0;
}
.page-footer > .logo-container{

}
@media (min-width:768px) {
	.page-footer > .logo-container{
		text-align: left;
	}
}

.page-footer > .logo-container .logo-item{
	display: inline-block;
	width: auto;
	height: 1rem;
}
@media (min-width:768px) {
	.page-footer > .logo-container .logo-item{
		height: 1.3rem;
	}
}
.page-footer > .contact-container{

}
@media (min-width:768px) {
	.page-footer > .contact-container{
		text-align: right;
	}
}

.page-footer > .contact-container .contact-item{
	display: inline-block;
	width: auto;
	height: .75rem;
}
@media (min-width:768px) {
	.page-footer > .contact-container .contact-item{
		height: .7rem;
	}
}

.header_share > .contact-container{

}
@media (min-width:768px) {
	.header_share > .contact-container{
		text-align: right;
	}
}

.header_share > .contact-container .contact-item{
	display: inline-block;
	width: auto;
	height: .75rem;
}
@media (min-width:768px) {
	.header_share > .contact-container .contact-item{
		height: .7em;
	}
}




.header_logo {
	text-align: center;
	margin-bottom: 1em;
	float: left;
	width: 100%;
}
@media (min-width:768px) {
	.header_logo {
		text-align: left;
		margin-bottom: 1em;
		margin-left: 1em;
		width: auto;
	}
}

.header_logo > img {
	display: inline-block;
	width: 9em;
	margin: 1em 0em 0em 0em;
}


.header_share {
	color: #63614D;
  text-align: center;
  margin-bottom: 1em;
	font-weight: 200;
	float: left;
	width: 100%;
}
@media (min-width:768px) {
	.header_logo > img {
		display: inline-block;
		width: 9em;
		margin: 2em 0em 0em 1em;
	}
	.header_share {
		text-align:right;
		/* margin-right: 1em; */
		width: auto;
		float: right;
		margin-top: 2em;
		margin-right: 1.5em;
	}

}




.headline-container{
	display: flex;
	flex-direction: column;
}
@media (min-width:768px) {
	.headline-container{
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 1.15em;
		margin: .5rem 0 1rem 0;
	}
}
.headline-container > .logo-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1rem 0;
}
@media (min-width:768px) {
	.headline-container > .logo-container {
		padding: 0;
	}
}

.headline-container > .logo-container > .mini-logo{
	display: block;
	width: 5rem;
	height: auto;
}
@media (min-width:768px) {
	.headline-container > .logo-container > .mini-logo{
		width: 7rem;
	}
}


.headline-container > .text-container {
	display: flex;
	flex-direction: column;
	color: #FB8F48;
	text-align: center;
	padding: 1.5rem;
	font-size: 1.2em;
	letter-spacing: 0.02em;
}
@media (min-width:768px) {
	.headline-container > .text-container {
		text-align: left;
		padding: .5rem 0rem .5rem 2.25rem;
    /* border-left: .05rem solid #F28E3D; */
  	margin-left: -11.75rem;
	}
}
.headline-container > .text-container > .big-intro {
	display: flex;
	flex-direction: column;
}
@media (min-width:768px){
	.headline-container > .text-container > .big-intro {
		flex-direction: row;
	}
}
.headline-container > .text-container > .big-intro > strong{
	color: #63614D;
	display: block;
	font-weight: 200;
}
.headline-container > .text-container > .big-intro > span{
	display: block;
}
@media (min-width:768px){
	.headline-container > .text-container > .big-intro > span{
		margin-left: .5rem;
	}
}


.headline-container > .text-container > .sub-intro {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width:768px){
	.headline-container > .text-container > .sub-intro {
		flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
		align-items: flex-end;
		line-height: 1rem;
	}
}
.headline-container > .text-container > .sub-intro > span {
	display: inline-block;
	width: 100%;
	color: #F28E3D;
	font-style: italic;
	font-weight: 200;
}
@media (min-width:768px){
	.headline-container > .text-container > .sub-intro > span {
		width: auto;
		font-weight: 200;
	}
}

.headline-container > .text-container > .sub-intro > small{
	display: inline-block;
	width: 100%;
	font-size: 1rem;
}
@media (min-width:768px){
	.headline-container > .text-container > .sub-intro > small{
		width: auto;
		margin-left: 1rem;
		margin-right: 1rem;
		font-size: 1rem;
	}
}

.headline-container > .text-container > .sub-intro > a{
	display: inline-block;
	background-color: #FB8F48;
	color: #ffffff;
	border-radius: .5rem;
	padding: .15rem 1.3rem;
  font-size: .8rem;
}








.input_custom{
    border: 1px solid red !important;
}

#preloader {
    background: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#status {
    width:100px;
    height:100px;
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(../../images/loading.gif);
    background-repeat:no-repeat;
    background-position:center;
    margin:-50px 0 0 -50px;
}

#complete {
    background: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
	text-align: center;
	cursor: pointer;
	display: block;
}

#complete2 {
    background: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
	text-align: center;
	cursor: pointer;
	display: none;
}

#showcomplete {
	width: 90%;
    max-width: 860px;
    margin: 95px auto;
	display:block;
}

#showcompletem {
	width: 90%;
	max-width: 395px;
	margin: 95px auto;
	display:none;
}

area:focus {
    border: none;
    outline-style: none;
    -moz-outline-style: none;
}


.btn-primary-custom-th {
	letter-spacing: 0em;
    font-size: 22px !important;
    position: relative;
    display: inline-block;
    color: #ffffff;
    background-color: #2E6174;
    border-radius: .5em;
    padding: .25em 1em;
	transition: 0.3s;
}

.btn-primary-custom-th:hover {
    color: #ffffff;
	opacity: 0.8;
}



.btn-primary-custom {
	letter-spacing: 0.05em;
    font-size: 20px !important;
    width: 120px;
    position: relative;
    display: inline-block;
    color: #ffffff;
    background-color: blue;
    border-radius: .3em;
    padding: .25em 1em;
    background: linear-gradient(to bottom,#54433C 0%,#54433C 100%);
    border-color: #54433C;
    margin: .8em 0em 3em .7em;
}

/* .btn-primary-custom::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 95%;
	bottom: 0;
	left: 0;
	border-top: -0.9em solid rgba(255,255,255,.2);
	border-radius: .5em;
}
.btn-primary-custom::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 95%;
	top: 0;
	left: 0;
	border-bottom: .05em solid rgba(255,255,255,.4);
	border-radius: .5em;
} */


.container {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
  width: 100%;
  /* max-width: 1300px; */
}

.container2 {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
  width: 100%;
  /* max-width: 1300px; */
}

.background{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background: #f6f8ee;
	/* background-image: url("../../images/bg_thank.png"); */
}
.background .message-box{
	position: absolute;
	background-color: #FFFFFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: auto;
	padding: 2em;
	min-width: 330px;
	max-width: 350px;
	box-shadow: 0 .1em .25em rgba(0,0,0,.5);
}
@media (min-width:768px){
	.background .message-box{
		position: absolute;
		background-color: #FFF;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		width: auto;
		padding: 3em;
		min-width: 800px;
    	max-width: 900px;
		box-shadow: 0 .1em .25em rgba(0,0,0,.5);
	}
}


.background .message-box .logo{
	display: inline-block;
	width: auto;
	margin: 0;
}
@media (min-width:768px){
	.background .message-box .logo{
		height: 2em;
		margin: 0;
	}
}

.background .message-box .message{
	display: inline-block;
	width: 100%;
	margin: 1em 0;
	color: #333;
}
.background .message-box .button{
	position: relative;
	display: inline-block;
	color: #ffffff;
	background-color: blue;
	border-radius: .5em;
	padding: .25em 1em;
	background: linear-gradient(to bottom,#304e89 0%,#21274b 100%);
}
.background .message-box .button::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 95%;
	bottom: 0;
	left: 0;
	border-top: .1em solid rgba(255,255,255,.2);
	border-radius: .5em;
}
.background .message-box .button::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 95%;
	top: 0;
	left: 0;
	border-bottom: .05em solid rgba(255,255,255,.4);
	border-radius: .5em;
}


.box_header{
	background: #f6f8ee ;
	float: left;
	width: 100%;
	height: auto;
	margin:  0;
	position: relative;
	z-index: 1;
	background-color: #f6f8ee;
	text-align: -webkit-center;

}
.background-image-container-desktop{
	display:  block;
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	/* -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3); */
}
.background-image-container-mobile{
	display:  none;
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	/* -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3); */
}


.clickable-area-xs,
.clickable-area-sm{
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 0;
}
.clickable-area-xs {
	background-color: #fff;
	padding: 20px 36px;
	width: 100%;
}

.clickable-area-sm{
	display: none;
	position: absolute;
	z-index: 1;
	top: 33%;
	right: 16%;
	max-width: 400px;
}
@media (min-width:768px){
	.clickable-area-xs{
		display: none;
	}
	.clickable-area-sm{
		display: block;
	}
}
.clickable-area-xs a,
.clickable-area-sm a{
	display: inline-block;
	width: 50%;
}
.clickable-area-xs a img,
.clickable-area-sm a img{
	float: left;
	display: block;
	width: 100%;
	height: auto;
	cursor: default;
}

.ff_left{
	margin-bottom: 1em;
}
.ff_rigth{

}

@media (min-width:768px){

	.ff_left{
		padding-left: 2.3em;
		text-align: left;
	}
	.ff_rigth{
		text-align: right;
		padding-right: 2em;
	}
}

.logo {
	width: 195px;
	margin-left: 34px;
	margin-top:48px;
}

.logolh {
	width: 200px;
}

.logobox {
	padding-top: 24px;
	text-align: right;
}

.contact {
	width: 16em;
	margin-bottom: 1em;
}

.contactbox {
	padding-top: 24px;
	text-align: right;
}


.leaddesktop {
	width:  100%;
	margin-top:  0px;
	display:  block;
	/* max-width: 1100px; */
}

.leadmobile{	width:  100%;
	margin-top:  0px;
	display:  none;}

.row_title {
	color: #fff;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    letter-spacing: 0px;
    margin-bottom: 1em;
    margin-top: 0em;
    padding-left: 0;
    font-size: 24px;
	text-align: center;
	line-height: 28px;
	font-family: KittithadaMedium65;

}

@media (min-width:768px) {
	.row_title {
		color: 	#fff;
		font-weight: normal;
		font-style: normal;
		/* font-size: 1.15em; */
		letter-spacing: 0px;
		padding-left: 0.5em;
		font-size: 36px;
		margin: 1.2em 0em 0em 0em;
		margin-bottom: 1em;
	}
}


.row_filed {
		/* padding-left: 15px; */
		color: #bd9695;
		font-size: 24px;
		/* margin-top: 15px; */
		/* margin-bottom: -15px; */

}
.row_filed_share {
		padding-left: 15px;
		color: #888888;
		font-size: 17px;
		margin-top: 30px;
		margin-bottom: -15px;
		max-width: 1200px;
}

.row_filed_map {
		padding-left: 15px;
		color: #63614D;
		font-size: 22px;
		margin-top: 15px;
		margin-bottom: -15px;
}

@media (max-width: 767px) {
	.row_filed_share {
			padding-left: 15px;
			color: #666;
			font-size: 17px;
			margin-top: 15px;
			margin-bottom: -15px;
			text-align: center;
			margin-right: 10px;

	}
	.row_filed {
		text-align: center;
	}
}

.boxproject {
		/* margin-left: 3px; */
		padding-left: 10px;
		margin-top: 20px;
	  width: 90%;
	  height: 60px;
	  background-color: #cad4dd;
}

.logoproject {
		margin-left: 20px;
		width: 100px;
}

.boxSubmit {
	width: 100%;
    padding: 1em 0;
    /* background-color: #FFF; */
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    margin-top: 0.7em;
    background-image: url(../../images/map_bg_mobile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.boxBottom {
	width: 100%;
	height: 197px;
	object-fit: contain;
	background-color:#FFF;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0em;
  }

@media (min-width:768px){
	.boxSubmit{
		width: 1100px;
		margin-left: 17px;
		background-image: url(../../images/map_bg.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
	}
	.boxBottom {
		width: 100%;
		height: 165px;
		object-fit: contain;
		background-color:#FFF;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0em;
		text-align: -webkit-center;
	  }
}



.projectBtn{
	border: 0;
	background: transparent;
	margin-left:-15px;
	padding-top: 20px;
	padding-left: 100px;
}

.submitBtn {
	border: 0;
	background: transparent;
	padding: 0;
	display: inline-block;
}
.boxorange-top {
	background:#f8f2f2;
	/* background-image: -webkit-linear-gradient(bottom, #ffffff, #859FAF); */
	/* background-image: -o-linear-gradient(bottom, #ffffff, #859FAF); */
	/* background-image: linear-gradient(to top, #859FAF, #ffffff); */
	padding-top: 10px;
	padding-right: 100px;
	/* padding-bottom: 100px; */
	padding-left: 100px;
	width: 100%;
	margin:  0;
	margin-top: 10px;
}

.boxorange {

	background: #f6f8ee;
	/* background-image: -webkit-linear-gradient(bottom, #ffffff, #859FAF); */
	/* background-image: -o-linear-gradient(bottom, #ffffff, #859FAF); */
	/* background-image: linear-gradient(to top, #859FAF, #ffffff); */
	/* background-image: url("../../images/bg.png"); */
	/* padding-top: 30px; */
	/* padding-right: 100px; */
	/* padding-bottom: 100px; */
	/* padding-left: 125px; */
	width: 100%;
	margin:  0;
	padding-bottom: 10px;
	/* margin-top: 10px; */

	/* -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3); */
	text-align: -webkit-center;
}
.form-control-inboxproject {
		margin-top: 12px;
		margin-left: -10px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 0 10px !important;
    font-size: 20px;
	  color: #6b6b6b;
    background-color: #ffffff;
    background-image: none;
    border: 1px #315177 solid !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}


.form-control-lh {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0 10px !important;
    font-size: 20px;
	  color: #FFFFFF;
    background-color: #63614D;
    background-image: none;
    border: 1px #FFFFFF solid !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
/* .form-control-lh::placeholder {
    color: #F5AD72;
    opacity: 1;
} */




.form-control-lhx {
	width: 100%;
    display: block;
    height: 37px;
    padding: 0 10px !important;
    font-size: 20px;
	background-image: none;
	/* background-color: #F5F2E3; */
    border: 1px #555 solid !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -webkit-transition: none !important;
    -o-transition: none !important;
	transition: none !important;
	color: #54433C;
}
.form-control-lhx::placeholder {
    color: #54433C;
    opacity: 1;
}
/* @media (min-width:768px){
	.form-control-lhx { width: 14em}
} */




.form-control-lhx-select {
	background-color: transparent; !important;
	color: #FFF;
	width: 100%;
    display: block;
    height: 37px;
    padding: 0 10px !important;
    font-size: 20px;
    background-image: none;
    border: 1px #555 solid !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.form-control-lhx-select::placeholder {
    color: #FFF;
    opacity: 1;
}




.form-control {
	background-color: transparent !important;
	width: 100%;
    display: block;
    height: 32px;
    padding: 3px 10px 0 10px !important;
    font-size: 23px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
    box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    color: #414042;
	border: 1px solid #414042;
}
.form-control::placeholder {
    color: #414042 !important;
    opacity: 1;
}

.fstformgroup {
	padding-top: 15px;
}

.sndformgroup {
	padding-top: 15px;
}

.form-control::placeholder {
  color: #CCC;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCC;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #CCC;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #CCC;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #CCC;
}

.btn-primary {
    color: #ffffff;
    background-color: #00395b !important;
    border-color: #00395b !important;
		font-size: 20px !important;
		width: 65%;
		padding: 1px 0;
		margin-top: 212px;
}

.box2go {
	text-align: left;
}

.iconsocial {
    width: 30px;
    margin-left: 5px;
    cursor: pointer;
		display: inline-block;
}

.triangle-border.left {
    margin-left: 12px;
    width: 40px;
    text-align: center;
}
.triangle-border {
    position: relative;
    padding: 4px;
    margin: 0 0 0;
    border: 1px solid #d6d2d2;
    color: #252525;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}
.triangle-border.left:before {
    top: 7px;
    bottom: auto;
    left: -16px;
    border-width: 9px 16px 8px 0;
    border-color: transparent #d6d2d2;
}
.triangle-border:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #5a8f00 transparent;
    display: block;
    width: 0;
}
.triangle-border.left:after {
    top: 9px;
    bottom: auto;
    left: -14px;
    border-width: 7px 14px 7px 0;
    border-color: transparent #fff;
}
.triangle-border:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.headerleft {
 color: #252525;
	font-size:  16px;
	text-align: left;
	padding-top: 4px;
}

.headerright{
	text-align: right;
	font-size: 19px;
	padding-top: 28px;
}

.bottomleft{
	text-align: left;
	font-size: 19px;
	padding-top: 28px;
}

.botfooter {
	margin-top: 0;
	margin-bottom: 0;
}

.buttonbot {
	text-align: left;
}

.line-it-button{
	/* float: none;
	 position: relative; */

		/* float: right;margin-right: 402px; */
}


.boxfinal{
	text-align: left;
}

.headerright{
	color: #9b9b9b;
}



@media (max-width: 767px) {

		.boxproject {
				/* margin-left: 3px; */
				padding-left: 10px;
				margin-top: 20px;
			  width: 90%;
			  height: 60px;
			  background-color: #cad4dd;
		}
		.boxorange-top {
			background:#f8f2f2 ;
			/* padding-top: 30px; */
			padding-right: 20px;
			padding-left: 20px;
			width: 100%;
			margin:  0;
			margin-top: 10px;
		}

		.boxorange {
			background: #f6f8ee;
			padding-right: 30px;
			/* padding-bottom: 40px; */
			padding-left: 30px;
			width: 100%;
			margin: 0;

		}



		.boxfinal{
			text-align: center;
		}




		.box2go {
			text-align: center;
		}


			body {
				/* padding-bottom: 35px !important; */
			}

			.sndformgroup {
				padding-top: 0px !important;
			}


		.buttonbot {
			text-align: center;
		}

		.headerleft{
			text-align: center;
		}

		.headerright{
		    padding-top: 15px;
		    text-align: center;
			color: #9b9b9b;
		}

		.btn-primary {
			margin-top: 15px;
		}

			.logobox {
			padding-top: 40px;
			text-align: center;
		}

		.contactbox {
			padding-top: 15px;
			text-align: center;
		}

			.logo {
			width:100%;
			max-width: 200px;
				margin-left: 0;
		}


		.contact {
			width: 15em;
			max-width: 264px;
			text-align: center;
			margin-top: 1em;
		}

			.line-it-button
		{float: none;margin-left: 12px; vertical-align:middle;}

}

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle; }
  .btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    direction: ltr; }
  .btn-file + .fileupload-preview {
    padding: 0 5px 0 10px;
    vertical-align: middle; }

.fileupload .form-control {
  height: 34px;
  display: inline-block;
  box-shadow: none; }
.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text; }
.fileupload .img-thumbnail {
  display: inline-block;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  border: 0;
  border-radius: 0;
  padding: 0; }
  .fileupload .img-thumbnail > img {
    margin-left: auto;
    margin-right: auto;
    max-height: 100%; }
.fileupload .btn {
  vertical-align: middle;
  margin: 0 2px 0 -1px; }

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
  display: none; }

.fileupload-inline .fileupload-controls {
  display: inline; }

.fileupload-new .input-append .btn-file {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.thumbnail-borderless .img-thumbnail {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.fileupload-new.thumbnail-borderless .im-thumbnail {
  border: 1px solid #dddddd; }

.fileupload .fileupload-preview + .close {
  vertical-align: middle; }

.control-group.warning .fileupload .uneditable-input {
  color: #a47e3c;
  border-color: #a47e3c; }
.control-group.warning .fileupload .fileupload-preview {
  color: #a47e3c; }
.control-group.warning .fileupload .img-thumbnail {
  border-color: #a47e3c; }
.control-group.error .fileupload .uneditable-input {
  color: #b94a48;
  border-color: #b94a48; }
.control-group.error .fileupload .fileupload-preview {
  color: #b94a48; }
.control-group.error .fileupload .img-thumbnail {
  border-color: #b94a48; }
.control-group.success .fileupload .uneditable-input {
  color: #468847;
  border-color: #468847; }
.control-group.success .fileupload .fileupload-preview {
  color: #468847; }
.control-group.success .fileupload .img-thumbnail {
  border-color: #468847; }




@media (max-width: 767px) {

	.background-image-container-mobile{display:block;}
	.background-image-container-desktop{display:none;}

	.leadmobile{display:block;}
	.leaddesktop{display:none;}

	#showcomplete{display:none;}
	#showcompletem{display:block;}
	#complete{display:none;}
	#complete2{display:block;}

}

select {
	background-image: url(../../images/dropdown.png) !important;
	background: url(../../images/dropdown.png) no-repeat right center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
