/*Home*/


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

body.body {
background-image:url(site-bg.jpg);
}
#hp_callouts {
position:relative;
height:500px;
background-image:url(callouts-bg.jpg);
background-size:100% 100%;
overflow:hidden;
border-top:6px solid #F26822;
background-color:#E5E5E5;
}
#hp_callouts img {
position:absolute;
top:0px;
transition:all 1s ease;
opacity:0;
}
#hp_callouts img.placed {
opacity:1;
}
#hp_callouts img.place_left {
right:-700px;
}
#hp_callouts img.place_left.placed {
right:10%;
}
#hp_callouts img.place_right {
right:100%;
}
#hp_callouts img.place_right.placed {
right:-5%;
}
#hp_callouts h3 {
position:absolute;
top:60px;
font-size:1.8em;
color:#5EBB47;
text-shadow:1px 1px 2px #fff;
opacity:0;
transition:all 1s ease;
width:400px;
text-align:left;
line-height:1em;
z-index:10;
}
#hp_callouts h3.placed {
opacity:1;
}
#hp_callouts p {
position:absolute;
top:400px;
left:30%;
width:400px;
text-align:left;
font-size:1.4em;
opacity:0;
transition:all 0.5s ease;
z-index:10;
}
#hp_callouts p.placed {
opacity:1;
top:150px;
}
#hp_callouts h3.place_right {
left:100%;
}
#hp_callouts h3.place_right.placed,#hp_callouts p.place_right {
left:35%;
}
#hp_callouts h3.place_left {
left:-400px;
}
#hp_callouts h3.place_left.placed,#hp_callouts p.place_left {
left:66%;
}
#hp_callouts #bio-callout {
position:absolute;
opacity:1;
left:5%;
top:60px;
box-shadow:3px 3px 6px rgba(0,0,0,0.4);
width:316px;
height:auto;
max-width:100%;
color:#fff;
box-sizing:border-box;
}
.hp_blocks {
padding:30px 0;
text-align:center;
background:rgba(255,255,255,0.9);
}
.hp_blocks img {
border-radius:100%;
}
.hp_blocks .span4 {
text-align:center;
}
.hp_blocks img#fair-treatment {
border-radius:0%;
}
#bottom_content ul {
list-style-image:url(img-swoop-arrow.png);
}
#bottom_content ul li {
font-size:1.5em;
line-height:2em;
}
#contact_hp input, #contact_hp textarea {
width:95%;
}
#contact_hp select,#contact_hp input[type="button"] {
width:100%;
}
#contact_hp input[type="button"] {
background-image:linear-gradient(to bottom,#F26822,#82340D);
background-color:#F26822;
border:1px solid #F26822;
font-size:1.5em;
font-weight:bold;
padding:15px 0;
}
#contact_hp input[type="button"]:focus,#contact_hp input[type="button"]:hover {
background-position:inherit;
background-color:#82340D;
background-image:none;
}
#hp_callouts p b {
color:#F26822;
}

@media (min-width: 1600px) {
#hp_callouts img.place_left.placed {
right:20%;
}
#hp_callouts img.place_right {
right:98%;
}
#hp_callouts img.place_right.placed {
right:0%;
}
#hp_callouts h3.place_right.placed,#hp_callouts p.place_right {
left:40%;
}
#hp_callouts #bio-callout {
left:10%;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {
#hp_callouts #bio-callout {
left:7%;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
#hp_callouts {
height:360px;
}
#hp_callouts img {
height:360px;
width:auto;
}
#hp_callouts img.place_left.placed {
right:16%;
}
#hp_callouts img.place_right.placed {
right:-7%;
}
#hp_callouts h3 {
font-size:1.7em;
width:340px;
}
#hp_callouts p {
width:300px;
font-size:1.2em;
}
#hp_callouts h3.place_right.placed,#hp_callouts p.place_right {
left:40%;
}
#hp_callouts h3.place_left.placed,#hp_callouts p.place_left {
left:60%;
}
#hp_callouts #bio-callout {
top:30px;
box-shadow:3px 0px 6px rgba(0,0,0,0.4);
}

}

@media (min-width: 768px) and (max-width: 979px) {
#hp_callouts {
height:360px;
}
#hp_callouts img {
height:360px;
width:auto;
}
#hp_callouts img.place_left.placed {
right:-20%;
}
#hp_callouts img.place_right.placed {
right:0%;
}
#hp_callouts h3 {
top:30px;
}
#hp_callouts h3.place_right.placed,#hp_callouts p.place_right {
left:5%;
}
#hp_callouts h3.place_left.placed,#hp_callouts p.place_left {
left:5%;
}
#hp_callouts #bio-callout {
top:auto;
bottom:30px;
display:none;
}

}

@media (max-width: 767px) {
#hp_callouts {
height:340px;
}
#hp_callouts img {
height:340px;
width:auto;
}
#hp_callouts img.place_left.placed {
right:-30%;
}
#hp_callouts img.place_right.placed {
right:-80px;
}
#hp_callouts h3 {
top:30px;
font-size:1.6em;
width:50%;
}
#hp_callouts p {
width:50%;
font-size:1.2em;
background-image:url(white-gradient.png);
padding:15px 15px 15px 0px;
background-size:100% 100%;
}
#hp_callouts p.placed {
top:100px;
}
#hp_callouts h3.place_right.placed,#hp_callouts p.place_right {
left:10px;
}
#hp_callouts h3.place_left.placed,#hp_callouts p.place_left {
left:5%;
}
#hp_callouts #bio-callout {
top:30px;
width:35%;
display:none;
}
.hp_blocks .span4 {
padding:0 20px 15px;
}
#main_content {
padding:0 20px;
}

}

@media (max-width: 480px) {
#hp_callouts {
height:auto;
background-color:#fff;
}
#hp_callouts img {
position:static;
height:auto;
width:100%;
}
#hp_callouts h3 {
position:static;
width:auto;
text-align:center;
margin:0px;
padding:10px 15px 0px;
}
#hp_callouts p {
position:static;
width:auto;
text-align:center;
background-image:none;
padding:10px 15px;
}
#hp_callouts p.placed {
top:260px;
}
.hp_blocks img {
max-width:60%;
}

}