@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Covered+By+Your+Grace);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {
  font-family:Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size:13px;
  line-height:18px;
  color:#b5b5b5;
  min-width:960px;
  background:#f0f0f0;
  -webkit-text-size-adjust: none;
}

.twitter-page {
	
	float:right;
	width:150px;
	
}

.fb-page  {
	
	float:left;
	
}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {
  color:#b5b5b5;
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
	color:#538d14;
	text-decoration:none;
	font-family: "Gloria Hallelujah", cursive;
}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {
  position: relative;
  background: url('../images/header_bg.jpg') 50% 0 repeat-x #eee997;
  padding-bottom: 3px;
}
header:after{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #efde80;
  z-index: 1;
  content: "";
}
header .links{
	height: 39px;
	text-align: right;
	font-size: 28px;
	text-transform: uppercase;
	padding: 21px 25px 0 0;
	font-weight: bold;
}
header .links a{
	color: #ecd13e;
}
header .links a:hover{
	color: #060;
	text-decoration: none;
	font-size: 100%;
}

header .links li{
	display: inline-block;
	margin-left: 15px;
	font-size: x-large;
}
header h1{
  padding-top: 20px;
  width: 224px;
  float: left;
}
header h1 a {
  display:block;
  width:224px;
  height:97px;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}

.header_top{
	background: url('../images/header_top.png') 50% 0 repeat-x #c78e3f;
	border-bottom: 3px solid #ba8031;
	padding: 0px 0 18px 39px;
	box-shadow: 0 0 15px #82551a;
	font-size: 80%;
}

/*********************************JJs CSS*************************************/
.liSpace {
  margin-bottom: 20px;
}
.img_wrapJJ{
  display: inline-block;
  border: 1px solid #d3d3d3;
  margin-left: auto;
  margin-right: auto;
}
h1.ind1{
  margin-bottom:21px;
  margin-top:10px;
  color: #538d14;
  font-size: 28px;
  font-family: "Gloria Hallelujah", cursive;
}
header h3 a {
  display:block;
  width:224px;
  height:97px;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}
header h3{
  padding-top: 20px;
  width: 224px;
  float: left;
}

.telephone_jj {
  font-size: 14px;
  color: red;
}


/*********************************content*************************************/
#content {
  padding:35px 0px 42px;
  background: url('../images/content_bg.png') repeat-x #fff;
}
.cont_pad{padding:3px 0 42px !important;}
#home_page #content{background-image: none;}
#home_page header{padding-bottom: 0;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:15px;}
.p3{ margin-bottom:11px;}
.p4{ margin-bottom:6px;}
.p5{ margin-bottom:0;}
.p6{ margin-bottom:0;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{
  background:url(../images/marker1.png) 0 6px no-repeat;
  padding-left:12px;
  margin-bottom: 6px;
}
.list1 a{
  color: #454544;
}
.list1 a:hover{
  color: #569017;
}

.list2{}
.list2 li{
  background:url(../images/marker1.png) 0 5px no-repeat;
  padding-left:11px;
  margin-bottom: 18px;
}

/*================================>> H <<========================================*/
h2,h3,h4{
  font-weight:normal;
}
h2{
  font-size: 24px;
  line-height: 29px;
  color:#c98322;
  text-transform: uppercase;
  font-weight: bold;
}

h2.ind{ margin-bottom:20px;}
h2.ind1{ margin-bottom:px;}
h2.ind2{ margin-bottom:px;}

h3{
  font-size: 24px;
  line-height: 29px;
  color:#454544;
  font-weight: bold;
  text-transform: uppercase;
}
h3.green{color: #538d14;}

h3.orange{color: #c98322;}
h3.ind{
	margin-bottom:25px;
	color: #c98322;
	font-family: "Gloria Hallelujah", cursive;
}
h3.ind1{
	margin-bottom:21px;
	color: #538d14;
	font-family: "Gloria Hallelujah", cursive;
}
h3.ind2{
	margin-bottom:35px;
	color: #538d14;
	font-family: "Gloria Hallelujah", cursive;
}
h3.ind3{
	margin-bottom:30px;
	color: #538d14;
	font-family: "Gloria Hallelujah", cursive;
}

h4{
  font-size: 26px;
  line-height: 32px;
  color: #454544;
  font-weight: bold;
  text-transform: uppercase;
}
h5{
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  color: #454544;
  text-transform: none;
}
/*================================>> GOOGLE FONTS  <<========================================*/
.link1, .links, .sf-menu a, .flexslider .banner, .banner1, h2, h3, h4, .agression, footer .privacy{font-family: 'Open Sans', sans-serif;}
.banner1 .date{font-family: 'Covered By Your Grace', cursive;}

/*================================>> hovers <<========================================*/
header .links a, .sf-menu>li>a, .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.banner1{
  background: url('../images/banner_bg.jpg') repeat-x #70a931;
  padding: 0 0 0 38px;
  margin-bottom: 51px;
  position: relative;
}
.banner1 .date{
  font-size: 60px;
  line-height: 69px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.banner1 .date span{
  font-size: 30px;
  margin: 9px 0 0px -24px;
  display: inline-block;
}
.banner1 .text{
  font-size: 33px;
  text-transform: uppercase;
  font-weight: bold;
  color: #d0d931;
  padding: 31px 0 0 36px;
  letter-spacing: 2px;
}

.banner1>div{
  float: left;
}
.order_but{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: url('../images/order_but.jpg') repeat-x #6ca52d;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  font-size: 18px;
  line-height: 22px;
  width: 189px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 28px 0;
  border-left: 1px solid #7fbf38;
}
.order_but:hover{
  background-position: 0 -100px;
  background-color: #76b234;
  color: #fff;
}

.color1{color: #454544;}
.color2{
	color: #c98322;
	font-size: 130%;
}

.women{
	padding: 0px 0 30px;
	background-image: url(../images/Pets-Dogs-Cats.png);
	background-repeat: no-repeat;
	background-position: 206px 0;
}

.link1{
  color: #3a3a3a;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
  text-transform: uppercase;
}

.img_wrap{
	display: inline-block;
	border: 1px solid #d3d3d3;
	margin-bottom: 20px;
}
a.img_wrap:hover{border-color: #c29329;}

.recommended{
  
}
.recommended>li{
  margin-bottom: 10px;
}
.recommended>li a{margin-left: 6px;}
.recommended>li a:first-child{margin-left: 0;}

.stripe1{
  height: 1px;
  background: #e9e9e8;
  margin: 20px 5px 36px;
}
.stripe2{
  height: 1px;
  background: #e9e9e8;
  margin: 39px 5px 33px;
}
.stripe3{
  height: 1px;
  background: #e9e9e8;
  margin: 33px 5px 43px;
}

.agression{
	border: 0px solid #eaeae9;
	color: #FFF;
	font-size: 12px;
	line-height: 0px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 28px;
	padding-left: 28px;
}
.phone{
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 4px;
  color: #c98322;
   font-weight: bold;
}
/*********************************page_2*************************************/
.top{}
.top>div{
}
.top>figure{
	margin-top: 4px;
	margin-right: 21px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
}

.top_ten{}
.top_ten>li{margin-bottom: 36px;}
.top_ten .img_wrap{margin-bottom: 16px;}

.popular{
  
}
.popular>li{
  margin-bottom: 13px;
}
/*********************************page_3*************************************/
.articles>li{margin-bottom: 16px;}
.articles>li>div{}
.articles>li>figure{
	margin: 4px 11px 0 0;
}

.testimonial{
  
}
.testimonial blockquote{
  background: url('../images/quote.png') 0 3px no-repeat;
  padding: 0 0 0 15px;
}
.testimonial>li{margin-bottom: 20px;}
.dog_pricing{font-weight: bold;margin-bottom: 24px;}
.dog_pricing dd{margin-bottom: 12px;}
/*********************************page_4*************************************/
.program{
  
}
.program>li{margin-bottom: 27px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {
  padding:0px 0 0 0;
  position: relative;
}
#contact-form .success
{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left:0;
  z-index: 99;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
  padding: 20px 0;
}
#contact-form textarea, #contact-form input {
  margin:0;
  font-size:13px;
  border:1px solid #d3d3d3;
  color:#b5b5b5;
  padding:7px 9px 9px;
  outline:none;
  position:relative;
  font-family:Trebuchet MS1, Trebuchet MS, sans-serif;
  background:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form input {
  width:270px;
}
#contact-form textarea {
  overflow:auto;
  width:510px;
  height:246px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label {
  display:inline-block;
  position: relative;
  min-height:55px;
  overflow:hidden;
 }
#contact-form label.message {
  display:block;
  padding-bottom:0;
}
#contact-form .link1 {
  margin-left:13px;
}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {
  text-align:left;
  font-weight: normal;
  color:red;
  font-size:11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding-top:16px;
}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{
  display:block;
  margin: 0px 0 0 5px;
 }

.map_wrapper{
  overflow:hidden;
  display:block;
  margin-bottom:20px;
}
#map_canvas {
   width:100%;
   height:258px;
}
.adress{}
.adress span{
  display:inline-block;
  width:74px;
}
.adress dt{ margin-bottom:14px;}

.demo{color: #c98322;}
.demo:hover{ text-decoration:underline;}
/****************************footer************************/
footer {
  padding:39px 0;
  border-top: 3px solid #e7e7e7;
  position: relative;
}
footer .privacy{
  background: url('../images/f_logo.png') no-repeat;
  font-size: 11px;
  text-transform: uppercase;
  color: #bcbcbc;
  font-weight: bold;
  padding:47px 0 0 80px;
  line-height: 14px;
  margin-top: -17px;
}
footer .privacy a:hover{
  color: #333;
}
footer .social{
  overflow:hidden;
  width: 80px;
  position: absolute;
  right: 0;
  top: 0;
}
footer .social a{
  display:block;
  float:left;
  width:22px;
  height:22px;
  overflow:hidden;
  margin-left:4px;
}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{
  margin-top:-22px;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
.flexslider .banner{width: 65%;}
.women{background-position: 140px 0;}
.recommended .img_wrap{width: 83px;}
.agression{padding-left: 10px;padding-right: 10px;}
.phone {font-size: 16px;}
.banner1 .text{font-size: 19px;}
.top>div{overflow: visible;}
.top>figure{margin-bottom: 15px;}
.top_ten img, .program img, #contact-form textarea, #contact-form input{width: 100%;}
#contact-form label{display: block;}

}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 header h1,nav{float: none;}
 header h1{margin: 0 auto;}
 header h3,nav{float: none;}
 header h3{margin: 0 auto;}
.header_top{padding: 0 10px;}
 .banner{display: none;}
 .banner1{padding-left: 20px;padding-bottom: 20px;}
 .banner1 .text{font-size: 24px;padding: 15px 0 0;}
 .banner1>div{float: none;}
 .women{background: none;}
 .recommended .img_wrap{width: 129px;}
 .top img, .recommended img, .articles img{width: 100%;}
 footer .social{position: relative;margin-top: 20px;}
 footer .privacy{bottom: 0;position: absolute;}
 footer .container_24{padding-bottom: 60px;}
 .mb_0{margin-bottom: 0 !important;}
 .top>figure, .articles>li>figure{margin:0 0 15px 0;float: none;}
 .top_ten .img_wrap, .articles .img_wrap, .program .img_wrap{display: block;}
 
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .order_but{position: relative;display: inline-block;border: 1px solid #7FBF38;margin-top: 15px;}
 .banner1{text-align: center;}
 .banner1 .text{line-height: 29px;padding-top: 0;}
 .recommended .img_wrap{float: left;width: 108;display: block;margin-bottom: 15px;}
}
.Call {
	color: #FFF;
}
header .container_24 .grid_24 .links li a {
	color: #FFF;
	font-size: 70%;
}
#content .container_24 .wrapper .grid_15 .wrapper.women .grid_6.alpha .ind {
	font-family: "Gloria Hallelujah", cursive;
}
.container_24 .wrapper .grid_7 .p2 {
	font-size: x-large;
}
.container_24 .wrapper .grid_7 .p2 {
	font-size: medium;
}
header .container_24 .grid_24 .links li {
	font-size: 70%;
}
.ContactUs {
	color: #EC2F13;
  font-size: 20px;
}
.Home1 {
	color: #EC2F13;
}
.HomeLink {
	color: #538d14;
}
#content .container_24 .wrapper .grid_24 .ext_box.top .groom {
	float: left;
	padding-right: 20px;
}
.groom2 {
  float: left;
  padding-right: 10px;
}
.img_wrap2 {
	width: 410px;
}
.img_wrap3 {
  width: 330px;
  margin-bottom: 15px;
}
.GreenStuff {
	font-family: "Gloria Hallelujah", cursive;
	color: #538314;
}
p.GreenStuff {
  font-size: 20px;
  margin-top: 25px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.fb-page  {
	margin-bottom:40px;
}