@charset "utf-8";
/* CSS Document */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #042f28;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #042f28;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #042f28;
}
:-moz-placeholder { /* Firefox 18- */
 color: #042f28;
} {
/* Firefox */

width: -moz-calc(100% - 300px);

/* WebKit */

width: -webkit-calc(100% - 300px);

/* Opera */

width: -o-calc(100% - 300px);

/* Standard */

width: calc(100% - 300px);
}
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
div {
	border:0px solid red;
	box-sizing:border-box;
}
* {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
	font-weight:normal;
	font-style:normal;
}
h1 {
	font:700 25px/30px "Open Sans";
	padding:15px 0;
	color:#042f28;
	text-transform:uppercase;
}
h2 {
	font:700 20px/20px "Open Sans";
	padding:10px 0;
	color:#042f28;
	text-transform:uppercase;
}
#footer h3 {
	font:400 18px/60px "Open Sans";
	color:#83fd2a;
	text-transform:uppercase;
}
strong {
	font-weight:bold;
}
p {
	margin-bottom:15px;
}
ul, ol {
	list-style:disc;
	padding-left:40px;
}
#footer ul {
	padding-left:15px;
}
#footer ul li {
	width:100%;
	line-height:20px!important;
}
#footer ul li a {
	font: 400 16px/20px "Open Sans" !important;
	padding-left:10px;
	color:#FFF;
	text-transform:uppercase;
}
#footer ul li a:hover {
	color:#5f8583;
}
fieldset, img, hr {
	border:none;
}
caption, th {
	text-align:left;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	vertical-align:middle;
}
body {
	font:400 16px /32px "Open Sans";
	color:#333;
	background:#fff;
}
.section {
	float: left;
	width: 100%;
	clear:both;
}
#wrapper {
	width: 100%;
	text-align:center;
	float: left;
}
#main {
	margin:0 auto;
	max-width: 1000px;
	position:relative;
	text-align:left;
}
.container {
	margin:0 auto;
	max-width: 1000px;
	position:relative;
	text-align:left;
}

header {
	height: 93px;
	background:rgba(0, 0, 0, 0.2);
 set animation -webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index:999999;
	position:relative;

}
header.sticky {
	position: fixed;
	height: 60px;
	width: 100%;
	background: #042f28;
	z-index:999999;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:999999;
	background:rgba(0, 0, 0, 0.2);
}
#logo {
	float: left;
	margin: 20px 15px;
}
header.sticky #logo {
	float: left;
	margin: 0 0 0 20px;
}
#logo-mobile {
	display: none;
}
.mobile-call {
	display: none;
}
#call {
	/*font:400 29px/30px "Open Sans";*/
	font:400 34px/34px "Open Sans";
	float:right;
	color:#FFF;
	margin:20px 20px 0 20px;
}
header.sticky #call {
	margin-top: 12px;
}
.mobile-call {
	display:none;
}
a, a img {
	outline:0px;
	border:0px;
	text-decoration:none;
	color:#999;
}
a:hover {
	color:#000;
}
img {
	display:block;
	max-width:100%;
}
.clear {
	clear:both;
	height:0 !important;
}
.clear-10 {
	clear:both;
	height:10px !important;
}
.clear-20 {
	clear:both;
	height:20px !important;
}
.clear-30 {
	clear:both;
	height:30px !important;
}
.clear-40 {
	clear:both;
	height:40px !important;
}
#content {
	background:#fff;
}
.left_content {
	width:70%;
	float:left;
}
.slider_wrap {
	margin-top:-93px;
	float:left;
	width:100%;
	margin-bottom:30px;
}
.slider_wrap img {
	width:100%;
}
.side_bar {
	width:25%;
	float:right;
}
p {
	text-align:justify;
}
.pull-right {
	float:right!important;
}
.pull-center {
	float:none!important;
	margin:0 auto;
}
.pull-left {
	float:left!important;
}
.left-align {
	text-align:left!important;
}
.center_text {
	text-align:center!important;
}
.right-align {
	text-align:left!important;
}
#footer {
	margin:0 auto;
	background:#042f28;
	color:#fff;
	padding:25px 0 10px 0;
}
.copy {
	font: 400 13px/45px "Open Sans";
	border-top:1px solid #063831;
	float:left;
	width:96%;
	margin-top:15px;
	padding:0 1%;
}
.copy a {
	color:#CCC;
}
.copy a:hover {
	color:#FF8B00;
}
.social {
	width:50%;
	float:left;
}
.social a {
	margin-right:10px;
}
.social a:hover {
	color:#5f8583;
}
.span-50 {
	width:46%;
	padding:2%;
	float:left;
}
.span-100 {
	width:96%;
	padding:0 2%;
	float:left;
}
.col-5 {
	width:41.66666667%
}
.row {
	margin:0 -15px;
}
.foot-box {
	width:33.33333333%;
	float:left;
	padding:0 15px;
}


.btn {
	background: #852d2b;
	border: medium none;
	clear: both;
	color: #ffffff;
	display: inline-block;
	font: 700 14px/15px Open Sans;
	padding: 14px 24px;
	text-transform: uppercase;
	width:auto !important;
}
#gallery {
}
#gallery ul {
	list-style: none;
	padding:0;
}
#gallery ul li {
	display: inline;
	float:left;
	margin:0;
	float:left;
	width:25%;
	height:auto;
	max-height:265px;
	overflow:hidden;
	overflow:hidden;
	padding:0;
	box-sizing:border-box;
}
#gallery ul img {
	display: block;
	min-height:265px;
	width: 100%;
}
#gallery ul li:hover {
	background:#eee;
}
#gallery ul a:hover {
	color: #fff;
}




.con {
    padding-bottom: 20px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea {
    border: 1px solid #cccccc;
    color: #888888;
    font-family: Arial,Helvetica,sans-serif;
    height: 35px;
    margin-bottom: 10px;
    padding: 3px;
    width: 100%;
	box-sizing: border-box;
}
textarea {
	height:100px;
	box-sizing: border-box;
	font-size:13.5px;
}
.check-wrap {
    background: rgba(0, 0, 0, 0) url("../images/spam-bg-1.png") no-repeat scroll left center;
    height: 76px;
    margin-bottom: 10px;
}
label.cp {
    width: 55px !important;
}
label {
    float: left;
    margin-top: 25px;
    width: 75px;
}
input.r1 {
    display: none;
}
label.cp input[type="checkbox"] ~ span {
    background: #ffffff none repeat scroll 0 0;
    border: 3px solid #cccccc;
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    padding: 1px;
    vertical-align: middle;
    width: 20px;
}
 label.cp input[type=checkbox]:checked ~ span {
background:url(../images/spam-check.png) no-repeat center center;
 background-size: 100%;
}

.error{color:#f00;
width:100%;
margin: -10px 0 20px;
}
.hide-in-pc{display:none;}
@media screen and (max-width: 1180px) {
 #call {
 font: 700 20px/30px "Open Sans";
}
 .section {
 padding: 0 1%;
}
#gallery ul img {
 min-height: 200px;
}
 #gallery ul li {
 max-height: 200px;
}
}
 @media screen and (max-width: 990px) {
 #gallery ul img {
 min-height: 175px;
}
 #gallery ul li {
 max-height: 175px;
}
 header, header.sticky {
 height: 45px;
 background:#042f28;
 	border-bottom:1px solid #1a5b50;
}
.slider_wrap {
	margin-top:0;
	margin-bottom:10px;
}
 #wrapper {
background:none;
}
 #logo {
 display: none;
}
 #call {
 display: none;
}
#logo-mobile {
 color: #fff;
 display: block;
 float: left;
 font: 700 15px/45px Open Sans;
 height: 45px;
 margin-left: 15%;
 text-align: center;
 width: 70%;
}
 .mobile-call {
 display: block;
 float: left;
 height: 45px;
 width: 15%;
}
 .mobile-call img {
float:right;
}
}
 @media screen and (max-width: 770px) {
.hide-in-pc{display:block;}
 #gallery ul img {
 min-height: 130px;
}
 #gallery ul li {
 max-height: 130px;
}
 .left_content, .side_bar {
width:100%
}
 .side_bar img {
display:block;
margin:0 auto;
 width:90%;
 max-width:300px;
}
 .foot-box {
 padding:15px;
 width: 100%;
}
 .row {
 margin: 0;
}
}
 @media screen and (max-width: 481px) {
	 .for-pc {
    display: none;
}
 #gallery ul img {
 min-height: 80px;
}
 #gallery ul li {
 max-height: 80px;
}
#header {
 background:rgba(0, 0, 0, 0.9);
 position:relative;
}
 iframe {
max-width:100%;
}
}
 @media screen and (max-width: 360px) {
 #gallery ul img {
 min-height: 10px;
}
 #gallery ul li {
 max-height: 500px;
 width:100%;
}