@import url(https://fonts.googleapis.com/css?family=Patua+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);











body{
	font-family: "Open Sans";
	margin:0 auto;
	padding:0;
}
h2, h3, button, a, .phn{
	font-family: "Patua One";
}
h2{
	font-size:22px;
	color:#045973;
}
h3{
	font-size:28px;
}

.common-header{
	background: rgba(254, 104, 74, .5);
	padding-top:20px;
	font-size:26px;
	text-align: right
}
.common-header h2{
	color:#fff;
}
.logo{
	height:100px;
}
.m-tb{
	margin:50px 0;
}
.m-t{
	margin-top:50px;
}
.p-tb{
	padding:25px 0;
}
.m-t{
	margin-top:50px;
}
.no-p{
	padding:0;
}
.r-p{
	padding-right:10%;
}
.l-p{
	padding-left:10%;
}
.center{
	text-align:center;
	margin:20px auto;
	display:block;
}
.bg1{
	background:#21b8bf;
}
.bg2{
	background:#005a93;
	color:#fff;
}
.bg3{
	background:#f0eded;
}
.bg4{
	background:#b9bc2c;
	color:#fff;
}
.custom-1 {
  height: 280px;
  margin-bottom: -6px;
  max-width: 100%;
}
.custom-2{
  margin-bottom: -7px;
  margin-top: -7px;
}
.f{
	color:#fff;
}
a{
	text-decoration: none;
}



.top-area{
	padding-top:20px;
}
.top-area-one{
	background: url(../element/2.jpg);
	background-size:100% 100%;
	background-position: fixed;
}
.top-area-two{
	background: url(../element/12t.jpg);
	background-size:100% 100%;
	background-position: fixed;
}
.top-area-three{
	background: url(../element/9.jpg);
	background-size:100% 100%;
	background-position: fixed;
}
.top-area-four{
	background: url(../element/15.jpg);
	background-size:100% 100%;
	background-position: fixed;
}
.top-area-three{
	padding-bottom:5%;
}
.top-area-three .top-bottom{
	padding-bottom:5%;
}
.top-bottom{
	padding:11% 0 17% 0;
}
.top-area ul, .top-area ul li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
.top-area ul{
	margin-top:25px;
	float: right;
}
.top-area ul li a{
	padding:0 20px;
}
.btn img{
	width:30px;
	float: left;
}
.btn p {
  float: left;
  margin: 4px 10px;
}
.btn {
  background: #b9bc2c none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  padding: 7px 30px;
  text-shadow: 0 0 1px #333;
  box-shadow: 0 0 2px #333;
}
.phn {
  color: #333;
  font-size: 36px;
  display:inline-block;
}
.phn p, .phn img{
  float: left;
}{
  float: left;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  background-color: #d5d84c;
  border: 0px solid #d1d1d1;
  color:#333;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  min-height: 60px;
  padding: 6px 10px;
}
form{
	margin-top:100px;
}
input, button{
	width:96%;
	padding:2%;
	min-height: 60px;
	margin-bottom:20px;
}
form button{
	background-color: #5c332e;
  border: 0px solid #d1d1d1;
  color:#d5d84c;
  border-radius: 0px;
}



/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */



/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top-bottom {
  padding:3%;
}
.phn {
  font-size: 24px;
}
.phn img {
  float: left;
  width: 40px;
}
.m-t{
	margin-top:15px;
}
.btn p {
  margin: 4px 0px;
}
.btn {
  padding: 7px 3px;
}


}
/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 767px) {
.top-area{
	text-align:center;
}
.top-area ul, .top-area ul li {
  display: list-item;
}
.top-area ul{
	float:none;
}
.u-full-width {
  min-height: 200px;
}
.phn {
  font-size: 24px;
}
.phn img {
  float: left;
  width: 40px;
}
.top-area-one {
  background: linear-gradient(rgba(225, 225, 225, 0.3), rgba(225, 225, 225, 0.3)) repeat fixed 0 0%, rgba(0, 0, 0, 0) url("../element/2.jpg") repeat scroll center center / auto 100%;
}
.top-area-four {
  background:linear-gradient(rgba(225, 225, 225, 0.3), rgba(225, 225, 225, 0.3)) repeat fixed 0 0%,  rgba(0, 0, 0, 0) url("../element/15.jpg") repeat scroll center center / auto 100%;
}
.top-area-two {
  background:linear-gradient(rgba(225, 225, 225, 0.3), rgba(225, 225, 225, 0.3)) repeat fixed 0 0%,  rgba(0, 0, 0, 0) url("../element/12t.jpg") repeat scroll center center / auto 100%;
}
.top-area-three {
  background:linear-gradient(rgba(225, 225, 225, 0.5), rgba(225, 225, 225, 0.5)) repeat fixed 0 0%,  rgba(0, 0, 0, 0) url("../element/9.jpg") repeat scroll center center / auto 100%;
}
.r-p{
	padding:2%;
}
.l-p{
	padding:2%;
}
form{
	margin-top:20px;
}
.bg3 {
  min-height: 300px;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}