@charset "utf-8";
/* CSS Document*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
div {
	border:0px solid red;
	box-sizing:border-box;
}
* {
	margin:0;
	padding:0;
}
.gap-110{
	margin-bottom: 68px;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
	font-weight:normal;
	font-style:normal;
}
h1 {
	font: 700 42px/42px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	color:#231f20;
	letter-spacing:-3px;
}
h2 {
	font: 400 21px/30px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	color:#375669;
}
h2.h2 {
	font: 700 24px/30px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	color:#fff;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
	text-align:center;
}
strong {
	font-weight: bold;
	letter-spacing: 0.3pt;
}
p {
	margin-bottom:15px;
}
ul, ol {
	list-style:none;
}
fieldset, img, hr {
	border:none;
}
body {
	font: 400 18px /24px Arial, Helvetica, sans-serif;
	color: #fff;
}
.section {
	float: left;
	width: 100%;
	clear:both;
}
#wrapper {
	width: 100%;
	float: left;
}
.inner {
	margin:0 auto;
	max-width: 1160px;
	position:relative;
	text-align:left;
}
.header {
	background:#173139;
}
#logo {
	float: left;
	margin: 1% 2%;
}
#logo-mobile {
	display: none;
}
.mobile-call {
	display: none;
}
#call {
	margin: 2% 0 0 0;
	width: 340px;
	font:700 27px /30px Arial, Helvetica, sans-serif;
	color:#fcb034;
	float:right;
	text-align:right;
}
#call span {
	font:700 27px /30px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
}
.mobile {
	display:none;
}
.slide {
	background:url(../images/cat.jpg) no-repeat right top #fff;
}
.slide-dog {
	background:url(../images/dog.jpg) no-repeat right top #fff;
}
.content {
	background:#375669;
	color:#FFF;
}
.content ul {
	list-style: disc inside;
	padding: 3% 0 3% 3%;
	float: left;
	font: 400 16px/25px Arial, Helvetica, sans-serif;
	min-width: 250px;
}
.testimonial {
}
.testimonial img {
	width: 90px;
	border: 2px solid #fff;
	margin: 0 16px 5px 0;
	float: left;
}
.testimonial p {
	font-style: italic;
	font-size: 17px;
	line-height: 21px;
}
.ser-area {
	background: #183139 none repeat scroll 0 0;
	color: #736d5a;
	font: 700 12px/18px open Sans;
	padding: 15px 20px;
	text-align: center;
}
.orange {
	color: #f79c29;
}
.white {
	color: #ffffff;
}
.blue {
	color: #94d6e4;
}
a, a img {
	outline:0px;
	border:0px;
	text-decoration:none;
}
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;
}
.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;
}
.copy {
	color: #183139;
	font: 700 12px/30px open Sans;
	text-align: center;
}
.social {
	width:50%;
	float:left;
}
.span-50 {
	width: 50%;
	padding: 2%;
	float: left;
}
a.orange-btn {
	background:#f89d2b;
	color: #fff;
	font: 700 22px/26px Arial, Helvetica, sans-serif;
	padding:15px;
	float:left;
	clear:both;
	text-shadow:1px 1px 0px rgba(0, 0, 0, 0.5);
	border:2px solid #fff;
	outline:1px solid #fff;
}
a.orange-btn:hover {
	background:#d57c0d;
	outline:1px solid #d57c0d;
}
a.orange-btn:focus {
	border:2px solid #d57c0d;
}
.lead-wrap {
	background:url(../images/1px.png) repeat left top;
	border-radius:5px;
	padding:4%;
	margin:11% auto 0;
	width:300px;
}
input, select, textarea {
	border:1px solid #dddddd;
	padding:0 15px;
	box-sizing:border-box;
	border-radius:5px;
	width:100%;
	height:40px;
	margin-bottom:10px;
}
input.orange-btn {
	background:#f89d2b;
	color: #fff;
	font: 700 20px/26px Arial, Helvetica, sans-serif;
	float:left;
	clear:both;
	text-transform:uppercase;
	border:1px solid #f89d2b;
	text-shadow:1px 1px 0px rgba(0, 0, 0, 0.5);
	cursor:pointer;
}
a.orange-btn:hover {
	background:#d57c0d;
	outline:1px solid #d57c0d;
}
.hide-in-pc {
	display:none;
}
.hide-in-pc {
	width: 90%;
	margin: 0 auto;
}
.btn {
	border-radius: 5px;
	border: none;
	border-bottom: 2px solid #ab6705;
	float: left;
	font: 700 18px /40px Open Sans;
	padding: 0 25px;
	background: #f5a22a;
	color: #FFF;
	text-shadow: 1px 1px 2px #89806f;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	margin-top: 6px;
	letter-spacing: 0.5pt;
}
.btn:hover {
	text-shadow: none;
	color: #333;
}
#footer {
	background: #ffffff;
	color: #ffffff;
	margin: 0 auto;
}
 @media screen and (max-width: 1030px) {
	 
	.gap-110 {
	margin-bottom: 48px;
} 
}


 @media screen and (max-width: 980px) {
	 
	.gap-110 {
    margin-bottom: 38px;
} 
}





 @media screen and (max-width: 770px) {
#wrapper 
   {
	 overflow-x: hidden !important;
   }
   .btn {
   padding: 0 !important;
   }
 h1 {
 font: 700 24px/24px Arial, Helvetica, sans-serif;
 letter-spacing: 0px;
}
}
 @media screen and (max-width: 740px) {
 .btn {
float:none;
 display:table;
 margin:0 auto;
}
 .content, .slide, .slide-dog {
padding:0 2%;
}
 .slide,  .slide-dog {
background-image:none;
 text-align:center;
}
.hide-in-mobile {
display:none;
}
.hide-in-pc {
display:block;
}
 a.btn {
width:350px;
 margin:0 auto;
 float:none;
}
 .lead-wrap {
margin:10px 0 0 0;
 width:100%;
}
.span-50 {
 width: 100%;
}
 #logo {
 float: left;
 margin: 2%;
 width: 46%;
}
#logo img {
max-width:100%;
}
#call {
 font: 700 18px/24px Arial, Helvetica, sans-serif;
 margin: 8% 2% 2% 2%;
 text-align: right;
 width: 46%;
}
 #call span {
 font: 700 18px/24px Arial, Helvetica, sans-serif;
}
}
 @media screen and (max-width: 485px) {
 #call {
width:96%;
text-align:center;
 margin:2%;
}

 #logo {
width:96%;
 margin:4% 2% 2% 2%;

}

#logo img {
margin:0 auto;
}
iframe {
max-width:100%;
}
.hide-in-pc {
width:100%;
}
.pull-right {
 float: none !important;
 margin:10px auto 0;
}
.content ul {
width:97%;
}
}
 @media screen and (max-width: 360px) {
 a.btn {
width:auto;
 margin:10px auto 0;
 float:none;
 font:700 14px/16px Arial, Helvetica, sans-serif;
 text-shadow:none;
 padding:10px;
}
}
 @media screen and (max-width: 285px) {
 a.orange-btn {
 float:left;
}
.content ul{min-width:100px;}
}