/* ==========================================================================
	#Reset
========================================================================== */
* { margin: 0; padding: 0; outline: 0; }

/* ==========================================================================
	#Base
========================================================================== */
body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.3;
    font-family: 'Open Sans Light', sans-serif;
    color: #231f20;
    background: #262262;
    min-width: 320px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 15px; font-family: 'Open Sans Light', sans-serif; }
textarea { overflow: auto; }

h2,
h3 { font-weight: normal; }

h2 { font-family: 'Open Sans ExtraBold', sans-serif; font-size: 30px; letter-spacing: -0.04em; line-height: 1.2; }
h3 { font-family: 'Open Sans Bold', sans-serif; font-size: 24px; color: #262262; }

/* ==========================================================================
	#Helpers
========================================================================== */
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
	#Containers
========================================================================== */
.wrapper { background: #fff; }
.shell { width: 100%; max-width: 920px; margin: 0 auto; }

/* ==========================================================================
	#Header
========================================================================== */
.header-inner { overflow: hidden; }

.logo { display: inline-block; width: 299px; height: 79px; float: left; background: url(images/sprite.png) no-repeat -58px 0; text-indent: -99999px; overflow: hidden; }

.phone,
.header .nav { float: right; clear: right; } 

.phone,
.header .nav a { color: #92278f; line-height: 1.2; }

.phone { font-family: 'Open Sans ExtraBold', sans-serif; font-size: 34px; letter-spacing: -0.01em; margin-top: 20px; }

.header .nav { margin-right: 5px; }
.header .nav ul { list-style: none outside none; overflow: hidden; }
.header .nav li { float: left; }
.header .nav a { display: block; font-family: 'Open Sans Bold', sans-serif; letter-spacing: -0.015em; margin-left: 14px; padding-left: 13px; }

.header .nav li ~ li a { border-left: 2px solid #92278f; }

/* ==========================================================================
    #Bar
========================================================================== */
.bar { background: #262262; }
.bar-inner { overflow: hidden; }

.bar .nav { float: right; padding: 9px 0; margin-right: 7px; }
.bar .nav ul { list-style: none outside none; }
.bar .nav li { float: left; }
.bar .nav a { display: block; font-family: 'Open Sans Bold', sans-serif; color: #fff; line-height: 1.2; }

.bar .nav li ~ li a { padding-left: 11px; margin-left: 12px; border-left: 2px solid #fff; }

/* ==========================================================================
    #Intro
========================================================================== */
.intro { background: url(images/intro-bg.png) no-repeat center #92278f; }
.intro-home { background: url(images/intro-bg.png) no-repeat center 123px #92278f; margin-bottom: 175px; }
.intro-inner { width: 100%; max-width: 790px; margin: 40px auto -159px; overflow: hidden; }

.boxes { list-style: none outside none; overflow: hidden; }
.box { float: left; width: 234px; text-align: center; margin-top: 29px; }
.box ~ .box { margin-left: 10px; }
.box-large { width: 302px; margin-top: 0; }

.box-head { margin-bottom: -5px; position: relative; z-index: 10; }

.box-large .box-head,
.box-small-alt .box-head,
.intro.intro-inner-alt h2 { margin-bottom: 9px; }

.box-head a { color: #fff; }
.box-head span { display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: -0.04em; }

.nav-secondary { text-align: center; list-style: none outside none; margin-top: 6px; margin-bottom: 42px; }
.nav-secondary .nav-trigger { display: none; width: 40px; height: 40px; background: url(images/ico-list.png) no-repeat center;  }
.nav-secondary li { display: inline-block; }
.nav-secondary a { display: block; font-family: 'Open Sans ExtraBold', sans-serif; font-size: 17px; color: #fff; line-height: 1.2; }
.nav-secondary li ~ li a { padding-left: 14px; margin-left: 14px; border-left: 2px solid #fff; }

.intro.intro-inner-alt h2 { font-family: 'Open Sans ExtraBold',sans-serif; font-size: 34px; color: #fff; padding-left: 90px; }

/* ==========================================================================
    #Main
========================================================================== */
.main { position: relative; z-index: 2; background: url(images/main-inner-bg.jpg) no-repeat 70% top #fff; min-height: 484px; }
.main-home { background: none; }

.services { list-style: none outside none; overflow: hidden; width: 100%; max-width: 627px; margin: 0 auto 23px; }
.services li { float: left; }
.services h3 { float: left; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.015em; }

.article { width: 100%; max-width: 627px; margin: 0 auto; }
.article-entry p { font-family: 'Open Sans Light', sans-serif; font-size: 17px; text-align: center; }

.section-info { width: 100%; max-width: 627px; margin: 30px 0 -248px 161px; }
.info-boxes { list-style: none outside none; overflow: hidden; text-align: center; }
.info-box { float: left; width: 201px; border: 1px solid #92278f; border-radius: 3px; background: #fff; }
.info-box ~ .info-box { margin-left: 8px; }
.info-box .info-box-body { padding: 13px 25px 9px; }

.info-box h3 { font-family: 'Open Sans ExtraBold', sans-serif; font-size: 19px; text-align: center; background: #92278f; color: #fff; padding: 3px 0; }

.info-box p { font-family: 'Open Sans Light', sans-serif; line-height: 1.7; }

.info-box strong,
.info-box .link-more { font-weight: normal; font-family: 'Open Sans SemiBold', sans-serif; color: #262262; }

.section-form { width: 100%; max-width: 630px; margin: 0 auto 32px; }
.section-form .section-head { padding: 13px 27px 18px; border-left: 1px solid #92278f; border-right: 1px solid #92278f; }
.section-form .section-actions { padding-top: 7px; background: url(images/form-foot.png) no-repeat center top; }
.section-form .section-actions-inner { background: url(/images/form-foot.png) no-repeat center top #92278f; border-radius: 0 0 10px 10px; overflow: hidden; padding: 31px 81px 29px; }

.section-form .section-actions-inner span { float: left; font-family: 'Open Sans Light', sans-serif; font-size: 19px; color: #fff; line-height: 1.68; }
.section-form .section-actions-inner .btn { float: left; margin-left: 17px; padding: 5px 19px; }

.btn,
.form-btn { -webkit-appearance: none; }

/* ==========================================================================
    #Icons
========================================================================== */
.ico { display: inline-block; vertical-align: middle; background: url(images/sprite.png) no-repeat; }
.ico-paw { width: 56px; height: 55px; background-position: 0 0; margin-right: 10px; }

/* ==========================================================================
    #Form
========================================================================== */
.form-body { border-left: 1px solid #92278f; border-right: 1px solid #92278f; }
.form-row { overflow: hidden; padding-bottom: 13px; }
.form-label { width: 287px; padding-right: 13px; float: left; text-align: right; font-family: 'Open Sans Light', sans-serif; font-size: 19px; line-height: 1.68; }

.form-controls { float: left; }
.field { height: 24px; width: 206px; padding: 3px 6px; border: 1px solid #b36bb2; background: #eadeee; border-radius: 5px; }

.form-actions { padding-top: 4px; padding-bottom: 24px; border-left: 1px solid #92278f; border-right: 1px solid #92278f; }

.btn,
.form-btn { border: 0; padding: 5px 12px; background: #262262; font-family: 'Open Sans Bold', sans-serif; font-size: 19px; color: #fff; border-radius: 5px; cursor: pointer; }

.btn:hover,
.form-btn:hover { opacity: 0.75; filter: alpha(opacity=75); text-decoration: none; }

.form-btn { margin-left: 303px; }

/* ==========================================================================
    #Footer
========================================================================== */
.footer { background: #262262; padding: 121px 0 14px; }
.footer-inner { width: 100%; max-width: 627px; margin: 0 auto; }

.footer ul { list-style: none outside none; text-align: center; margin-left: 20px; }
.footer li { display: inline-block; font-family: 'Open Sans SemiBold', sans-serif; font-size: 13px; color: #fff; line-height: 1.2; }
.footer li ~ li { padding-left: 10px; margin-left: 10px; border-left: 1px solid #fff; }





.wp-inner { padding-top: 20px; }

.wp-inner p, .wp-inner h3 { margin-bottom: 20px; }
.wp-inner  ul { margin-left: 30px; margin-bottom: 20px; }






.wp-inner table { max-width: 975px; margin: 20px 0; padding: 0px; }
.wp-inner th { background-color: #92268F; color: #fff; text-align: center; padding: 2px; font-size: 12px; border: 1px solid #c995c7; border-collapse: collapse; }
.wp-inner td { font-size: 10px; text-align: center; padding: 2px; border: 1px solid #c995c7; border-collapse: collapse; }

/* ==========================================================================
    #Media Queries
========================================================================== */
@media (max-width: 919px) {
    .bar-inner,
    .header-inner { padding: 0 20px; }

    .nav-secondary a { font-size: 14px; }

    .section-info { margin: 30px auto -107px; }
}

@media (max-width: 789px) {
    .box { width: 30%; }
    .box-large { width: 40%; }

    h2 { font-size: 24px; }

    .intro-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }

    .box img { width: 100%; height: auto; }
    .box ~ .box { margin-left: 0; }
}

@media (max-width: 767px) {
    .nav-secondary { float: left; margin-top: 2px; margin-bottom: 0; }
    .nav-secondary .nav-trigger { display: inline-block; padding: 0; border: 0; }

    .intro.intro-inner-alt h2 { margin-bottom: 5px; }

    .nav-secondary ul { display: none; position: absolute; left: 0; top: 158px; width: 100%; background: #92278f; z-index: 999; }
    .nav-secondary li { display: block; }
    .nav-secondary li ~ li a { margin-left: 0; padding-left: 0; border: 0; border-top: 1px solid #a737a3; }
    .nav-secondary a { padding: 15px 0; border-top: 1px solid #a737a3; }
    .nav-secondary ul a:hover { text-decoration: none; background: #832880; }

    .section-form { margin: 0 auto 20px; }

    .footer { margin-bottom: 0; }
}

@media (max-width: 679px) {
    .box,
    .box-large,
    .info-box { width: 50%; margin: 0 auto; float: none; }

    .info-box { margin-bottom: 20px; }

    .box ~ .box,
    .info-box ~ .info-box { margin-left: auto; }
}

@media (max-width: 639px) {
    .header { text-align: center; }
    .bar { text-align: center; }
    .bar li { display: inline-block; }
    
    .logo,
    .phone,
    .bar .nav,
    .bar .nav li,
    .header .nav,
    .header .nav li { float: none; }

    .header .nav { margin-bottom: 10px; margin-top: 10px; }

    .header .nav li { display: inline-block; }
    .header .nav li:first-child a { padding-left: 0; margin-left: 0; }

    .nav-secondary ul { top: 255px; }

    .box,
    .box-large,
    .info-box { width: 70%; }

    .services { text-align: center; }
    .services h3 { padding-left: 20px; float: none; }
    .services h3 ~ h3 { margin-top: 10px; }

    .article-body { padding: 0 20px; }

    .form-body,
    .form-actions,
    .section-form .section-head { border: 0; }

    .section-form .section-head { padding: 15px 20px; }

    .intro.intro-inner-alt h2 { font-size: 28px; padding-top: 4px; padding-left: 20px; }

    .form-label,
    .form-controls,
    .form-actions { float: none; margin: 0; width: 100%; text-align: center; }

    .section-info { margin: 30px 0; }    

    .form-actions .form-btn { margin: 0; padding: 5px 45px; }

    .form-label { display: block; }

    .section-form .section-actions-inner { padding: 20px; text-align: center; }

    .section-form .section-actions-inner span,
    .section-form .section-actions-inner .btn { float: none; display: inline-block; }

    .footer { padding: 20px 0; }
    .footer li { display: block; }
    .footer li ~ li { padding: 0; margin: 0; border: 0; margin-top: 10px; }
}

@media (max-width: 479px) {
    .intro-inner { margin: 40px auto -89px; }
    .intro.intro-inner-alt h2 { font-size: 24px; padding-top: 7px; }

    .field,
    .form-btn { width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .field { height: 32px; }

    .intro-home { margin-bottom: 100px; }
}