/*------------------------------------*
    $CONTENTS
*------------------------------------*/
/**
 * BASE
 * - MAIN
 * - LAYOUTS
 * - SHARED
 * - TYPOGRAPHY
 * - FORMS
 *
 * COMPONENTS
 * - OFF-CANVAS
 * - BREADCRUMB
 * - COMMENT
 * - PAGINATION
 * - SHORTCODES
 * 
 * MODULES
 * - HEADER
 * - NAVIGATIONS
 * - HERO SLIDER
 * - FOOTER
 * - PAGE HEADER
 * - CONTENT
 * - SIDEBAR
 * 
 *
 * PAGES
 * - HOMEPAGE
 * - CONTACT
 * - FAQs
 * - SINGLE PET
 *
 * STATE
 */

/*------------------------------------*
    MAIN
*------------------------------------*/
body{    
    font-family: 'Muli', 'Open Sans', sans-serif;
    color: #7c7c7c;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Muli', 'Open Sans', sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}
a {
    color: #d8557b;
}
a:hover, a:focus{
    color: #01956d
}

.button:focus, .button:hover{
    background-color: #01956d;    
    border-color: #01956d;
}

.hvr-underline-from-center:before{
    background: #d8557b;
    height: 1px;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active,
.hvr-sweep-to-right:before,
.button{
    border-color: #d8557b;
    background-color: #d8557b;
    color: #FFF;
}
.button-link {
    display: inline-block;
    margin: 0;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid #a4cdcc;
    border-radius: 0;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    cursor: pointer;    
    color: #a4cdcc;
    background: none;
}
.button-link.pink-color{
    color: #d8557b;
    border-color: #d8557b;
}
.button-link.pink-color.hvr-sweep-to-right:hover,
.button-link.pink-color.hvr-sweep-to-right:focus,
.button-link.pink-color.hvr-sweep-to-right:active,
.button-link.pink-color.hvr-sweep-to-right:before{
    background: #a4cdcc;
    border-color: #a4cdcc;
    background-color: #a4cdcc;
    color: #FFF;
}

.button.green-color{
    background-color: #a4cdcc;
    border-color: #a4cdcc;
}

.button-link.button-has-icon,
.button.button-has-icon{
    padding-left: 20px;
    padding-right: 20px;
}
.button-link.button-has-icon:after,
.button.button-has-icon:after{
    content: "";
    background: url(../images/button-icon.png) no-repeat 0 0;
    width: 18px;
    height: 17px;
    display: block;
    float: left;
    margin-right: 15px;
    position: relative;
    top: -3px;
}

.site-main {
    min-height: 300px;
}

@media (max-width: 1023px) {
    html[lang="en-US"] {
        margin-top: 0 !important;
    }
    html #wpadminbar{
        display: none !important;
    }   
}

a:focus, a:hover,
.button:focus, .button:hover,
.slick-initialized .slick-slide{
    outline: none;
}
input::placeholder, 
textarea::placeholder {
    color: #505050;
    opacity: 1;
}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder{
    color: #505050;
    opacity: 1;
}
/*------------------------------------*
    LAYOUTS
*------------------------------------*/

/*------------------------------------*
    SHARED
*------------------------------------*/

/*------------------------------------*
    TYPOGRAPHY
*------------------------------------*/

/*------------------------------------*
    FORMS
*------------------------------------*/

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select, .gform_wrapper textarea{
    color: #505050;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select{
    height: 40px;
    padding: 0.25rem 1.25rem;    
    box-shadow: none;
}
.gform_wrapper .gfield_label{
    margin-bottom: 10px;
}
.gform_wrapper .gfield_error .validation_message,
.gform_wrapper .validation_error{
    display: none;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper li.gfield_error select, 
.gform_wrapper li.gfield_error textarea{
    border: 1px solid red !important;
}

.gform_confirmation_wrapper  .gform_confirmation_message{
    text-align: center;
    font-size: 20px;
}

/*------------------------------------*
    OFF-CANVAS
*------------------------------------*/

/*------------------------------------*
    BREADCRUMB
*------------------------------------*/

/*------------------------------------*
    COMMENT
*------------------------------------*/
#comments,
#respond {
    /*margin-top: 50px;*/
}

#respond textarea {
    min-height: 100px;    
}
.comment-list {
    margin: 0;
    list-style: none
}
.comment-list .comment-content {
    position: relative;
    margin-left: 6.25rem;
}
.comment-list .comment::after {
    content: ' ';
    display: table;
    clear: both
}
.comment-list .comment .comment-body {
    margin-bottom: 1.875rem;
    margin-bottom: 1.875rem;
    background: #FFF;
    padding: 35px;
}
.comment-list .comment .comment-body::after,
.comment-list .comment .comment-content .comment-footer::after {
    content: '';
    display: table;
    clear: both;
}
.comment-list .comment ul.children {
    margin-left: 6.25rem;
    list-style: none;
}
.comment-list .comment img.avatar {
    float: left;
    margin-right: 1.875rem;
}

.comment-list .comment .comment-body .reply{
    text-align: right;
}
.comment-list .comment .comment-body .reply a{
    color: #d8557b;
    border: 1px solid #d8557b;
    display: inline-block;
    padding: 5px 40px;
}
@media screen and (max-width: 39.9375em) {
    .comment-list .comment img.avatar {
        width: 2.5rem;
        margin-right: 1.25rem;
    }
    .comment-list .comment-content {
        margin-left: 3.75rem;
    }
    .comment-list .comment ul.children {
        margin-left: 3.75rem;
    }
}
@media screen and (max-width: 29.9375em) {
    .comment-list .comment ul.children {
        margin-left: 0;
    }
}
.comment-list .comment .comment-content .comment-desc {
    font-style: italic;
}
.comment-list .comment .comment-content .comment-author {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: .5rem;
    line-height: 1.2;
}
.comment-list .comment .comment-content .comment-footer {
    font-size: .75rem;
}
.comment-list .comment .comment-content .comment-footer .comment-meta {
    float: left;
}
.comment-list .comment .comment-content .comment-footer .reply {
    float: right;
}
.comment-list .comment .comment-content .comment-footer .comment-meta time,
.comment-list .comment .comment-content .comment-footer .comment-reply-link {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.comment-form p {
    margin-bottom: 1rem;
}
.comment-form input[type=text], 
.comment-form input[type=email], 
.comment-form input[type=url], 
.comment-form textarea {
    margin-bottom: 0;
}

/*------------------------------------*
    PAGINATION
*------------------------------------*/

/*------------------------------------*
    SHORTCODES
*------------------------------------*/

/*------------------------------------*
    HEADER
*------------------------------------*/
.header-desktop{ display: none; }
@media (min-width: 64rem){
    .header-desktop{ display: block; }
    .header-mobile { display: none !important; }   
}

#masthead {
    /*margin-bottom: 15px;*/
}
.site-top-header{
    padding: 15px 0;
}
.header-desktop .navbar{
    padding: 20px 0;
    background: #000;
}
.header-desktop .header-left{ float: left; }
.header-desktop .header-right{ float: right; }

.header-right .header-right-item{
    float: left;
}
.header-right .header-right-item:not(:last-child){
    margin-right: 50px;
}
.header-right .header-right-item.header--sponsor-logo{
    margin-top: 25px;
}
#mobile-menu .socials a,
.header-right .header--quick-link .socials a{
    font-size: 20px;
    color: #a4cdcc;
    margin: 0 15px;
    display: inline-block;
    border: 1px solid #a4cdcc;
    width: 35px;
    line-height: 33px;
    border-radius: 50px;    
    text-align: center;
}
#mobile-menu .socials a:hover,
#mobile-menu .socials a:focus,
.header-right .header--quick-link .socials a:hover,
.header-right .header--quick-link .socials a:focus {
    color: #d8557b;
    border-color: #d8557b;
}
.header-right .header--quick-link .button,
.header-right .header--quick-link .button-link{
    text-transform: uppercase;
    padding: 17px 15px;
    margin-top: 15px;
    background: #a4cdcc;
    font-weight: 600;
    border: 2px solid #92bebd;
    font-size: 14px;
}
#mobile-menu .header--quick-link .button,
#mobile-menu .header--quick-link .button-link{
    display: none;
}

.off-canvas-open #masthead { margin-bottom: 0; }

#mobile-menu .quick-link{
    display: block;
    text-transform: uppercase;
    text-align: left;
}
/*============ HEARDER MOBILE =============*/
.header-mobile {
    height: 4rem;
    line-height: 5rem;
    position: relative;        
    background: #FFF;
    text-align: center;
    display: block;    
    width: 100%;
    top: 0;
    z-index: 1100;
}
.admin-bar .header-mobile {
    top: 32px;
}
@media (max-width: 64rem){
    .admin-bar .header-mobile {
        top: 0;
    }
}
.header-mobile .left-section, 
.header-mobile .right-section {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 0;
}
.header-mobile .left-section {
    left: 0;
    /*border-right: 1px solid #84a067;*/
}
.header-mobile .right-section {
    right: 0;
    /*border-left: 1px solid #84a067;*/
}
.header-mobile .middle-section {
    height: 4rem;
    left: 4rem;
    right: 4rem;
    padding: 0 .9375rem;
    position: absolute;    
}
.header-mobile .middle-section .logo{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
.header-mobile .middle-section .logo img{
    max-height: 3rem;
    display: block; 
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translateY(-50%, -50%);
    transform: translate(-50%, -50%);
}
.header-mobile .right-section .fa,
.header-mobile .left-section .fa{
    font-size: 1.875rem;
    color: #01956D;
}
.header-mobile .left-section button{ outline: none; }

#mobile-menu {
    display: block !important;
    z-index: 3000;
}
#mobile-menu,
.is-drilldown-submenu{
    background: #FFF;
}
#mobile-menu .menu{
    margin: 0;
    list-style-type: none;
}
#mobile-menu .menu li{}
#mobile-menu .menu li a{
    padding: .75rem 1rem .75rem 1rem;
    line-height: 1.71428;
    display: block;    
    outline: none;
    color: #01956D;
}

#mobile-menu .header-right-item{
    padding-left: 15px;
    padding-right: 15px;
    margin: 15px 0;
}
#mobile-menu .header-right-item .socials{
    text-align: left;
}
#mobile-menu .header-right-item .socials a {
    margin-left: 0;
    margin-right: 15px;
}

.js-off-canvas-overlay{ background: rgba(0,0,0,.75); }
.js-drilldown-back>a::before,
.is-drilldown-submenu-parent>a::after{
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    border: none;
    width: auto;
    height: auto;
    position: static;
    float: right;
    margin: 0;
}
.js-drilldown-back>a::before {
    content: "\f104";
    float: left;
    margin-right: 10px;
}
#mobile-menu .menu li a:hover,
#mobile-menu .menu li.current-menu-parent > a,
#mobile-menu .menu li.current_page_item > a{
    background: #34b47d ;
    color: #FFF;
}

@media (min-width: 64rem){
    .header-desktop{ display: block; }
    .header-mobile { display: none !important; }   
}

/*------------------------------------*
    NAVIGATIONS
*------------------------------------*/
#site-navigation{
    background-color: #01956d;
    /*padding-top: 16px;
    padding-bottom: 16px;*/
}
#site-navigation .primary-menu a{
    color: #FFF;
    text-transform: uppercase;
}
#site-navigation .primary-menu > li.menu-contact{
    float: right;
}
#site-navigation .primary-menu > li.menu-contact a{
    border: 1px solid #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 16px;
}
#site-navigation .primary-menu > li.menu-contact a:before{
    content: "\f095";
    margin-right: 15px;
    font-family: 'FontAwesome';
}

#site-navigation .primary-menu > li{ 
    position: relative; 
    white-space: nowrap;
}
#site-navigation .primary-menu > li > a{    
    padding: 26px 10px;
    text-transform: none;    
    position: relative;
    display: block;
    text-transform: uppercase;
}
#site-navigation .primary-menu > li.menu-item-has-children > a{
    padding: 26px 25px 26px 10px;
}
.post-type-archive-pet #site-navigation .primary-menu .archive-greyhounds > a,
#site-navigation .primary-menu > li:hover > a,
#site-navigation .primary-menu > li.current-menu-item > a,
#site-navigation .primary-menu > li > a:hover{
    background: #0a8866;
}

#site-navigation .primary-menu > li > .dropdown a{
    padding: 10px 15px;
    line-height: 1.4;
    font-size: 1rem;
    color: #FFF;
    text-transform: none;
}
#site-navigation .primary-menu > li > .dropdown > .current_page_item > a,
#site-navigation .primary-menu > li > .dropdown a:hover{
    color: #d8557b;
}
#site-navigation .primary-menu > li.menu-item-has-children > a:before{
    content: "\f107";
    font-family: FontAwesome;       
    position: absolute;
    top: 25px;
    right: 10px;
}
#site-navigation .primary-menu .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #56565a;
    min-width: 12.5rem;
    padding: 0.6875rem 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
    margin: 0;
    list-style-type: none;    
}
#site-navigation .primary-menu > li > .dropdown {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
#site-navigation .primary-menu .dropdown .dropdown {
    top: 0;
    left: 100%;
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
}
#site-navigation .primary-menu li:hover > .dropdown {
    opacity: 1;
    visibility: visible;
}
#site-navigation .primary-menu > li:hover > .dropdown {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
#site-navigation .primary-menu .dropdown li.menu-item-has-children > a::after {
    content: "\f105";
}
#site-navigation .primary-menu .dropdown li:hover > .dropdown {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media (max-width: 1200px){
    #site-navigation .primary-menu > li > a{
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*------------------------------------*
    HERO SLIDER
*------------------------------------*/
.hero-slider.slick-dotted{
    margin-bottom: 0;
}
.hero-slider.slick-dotted .slick-dots{
    bottom: 15px;
}
.hero-slider.slick-dotted .slick-dots li button:before{
    font-size: 16px;
}
.hero-slider.slick-dotted .slick-dots li.slick-active button:before{
    color: #FFF;
}

.hero-slider .slide-item {
    position: relative;
}
.hero-slider .slide-caption{
    padding-top: 135px;
    padding-bottom: 160px;
    position: relative;
    z-index: 100;
}
.hero-slider .slide-caption .sl-caption{
    font-size: 72px;
    color: #FFF;
    line-height: 1;
}
.hero-slider .slide-caption .sl-button a{
    margin-bottom: 0;
    margin-top: 35px;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;    
}
.hero-slider .slide-caption .sl-button a:after{
    background-image: url(../images/button-icon-2.png);
    top: 0;
}
.hero-slider .slide-caption .sl-button a:hover:after{
    background-image: url(../images/button-icon.png);
}
.hero-slider .slide-image-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #56565a;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.hero-slider .slide-image-holder img{
    visibility: hidden;
}
@media (max-width: 1024px){
    .hero-slider .slide-image-holder{
        background-size: cover;
    }
}
@media (max-width: 992px){
    .hero-slider .slide-caption{
        padding-top: 100px;
        padding-bottom: 130px;
    }
    .hero-slider .slide-caption .sl-caption{
        font-size: 52px;
    }
}

@media (max-width: 767px){ 
    .hero-slider .slide-caption .sl-caption{
        font-size: 40px;
    }
}
@media (max-width: 1023px){ 
    .hero-slider .slide-image-holder{
        position: static;
        background: none !important;
        width: 100%;
        height: auto;
    }
    .hero-slider .slide-image-holder img{
        visibility: visible;                
    }

    .slide-caption-wrapper{
        background-color: #56565a;
    }    
    .hero-slider .slide-caption {
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #56565a;
    }
}
/*@media (max-width: 480px){
    .hero-slider .slide-image-holder img{        
        min-height: 170px;
        width: auto;
        min-width: 100%;        
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 50%;
    }
}*/

/*------------------------------------*
    FOOTER
*------------------------------------*/
.site-footer {
    background: #30383b;
}
.site-footer .footer-logo{
    float: left;
    margin-top: 30px;
    width: 350px;
}
.site-footer .quick-link{
    float: right;
    margin-top: 30px;
    margin-bottom: 0;
    text-transform: uppercase;
}

@media (min-width: 1600px){
    .site-footer .footer-logo{
        margin-bottom: -75px;
        margin-left: -180px;
        width: auto;
    }
}
@media (max-width: 1599px) and (min-width: 1300px){
    .site-footer .footer-logo{
        width: 350px;
        margin-left: -65px;
        margin-bottom: -100px;
    }
}

@media (max-width: 639px){
    .footer-pre-widgets{
        text-align: center;
    }
    .site-footer .footer-logo,
    .site-footer .quick-link{
        float: none;
        width: auto;
        margin-top: 20px;
    }
}

.footer-bottom {    
    color: #FFF;
}
.footer-bottom .copyright .menu{
    display: inline-block;
    margin: 0;
    list-style-type: none;
    text-transform: none;
}
.footer-bottom .copyright .menu li{
    display: inline-block;    
    margin-left: 10px;
}
.footer-bottom a{ color: #FFF;}

.footer-widgets{
    text-transform: none;
    padding: 30px 0 0;
}
.footer-widgets > .row{
    border-bottom: 1px solid #364043;
    padding-bottom: 30px;
}
.footer-widgets .widget:last-child{
    margin-bottom: 0;
}
.footer-widgets .widget .widget-title{
    font-size: 20px;
    color: #6bcb97;
    font-weight: 600;
}
.footer-widgets a:focus,
.footer-widgets a:hover{
    color: #d8557b;
}

.footer-widget .gform_body .gform_fields{
    position: relative;
    overflow: hidden;    
}
.footer-widget .gfield_label {
    font-size: 14px;
    color: #9e9e9e;
    text-transform: none;
}
.footer-widget .gform_body .enquiry--text-field {    
    width: 50%;
}
.footer-widget .gform_body .enquiry--textarea-field{
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 15px);
}
.footer-widget .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.footer-widget .gform_wrapper select, 
.footer-widget .gform_wrapper textarea{
    /*background: none;
    border-bottom: 1px solid #FFF;
    border-width: 0 0 1px 0 !important;
    text-transform: none;
    padding: 0;    
    color: #FFF;
    box-shadow: none;*/
    height: 40px;
}

.footer-widget .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, 
.footer-widget .gform_wrapper select:focus, 
.footer-widget .gform_wrapper textarea:focus {
    /*border-bottom-color: #01956d;*/
}

.footer-widget .gform_wrapper textarea{
    height: 75px;
}
.footer-widget .gform_wrapper .gform_footer .gform_button{
    margin-bottom: 0;    
    margin-right: 0;
    background: #01956d;
    border: none;
    font-weight: normal;
    padding: 13px 20px;
    font-size: 14px;
    text-transform: uppercase;
}
.site-contact-info .contact-item__content{
    position: relative;
    text-transform: none;
    margin-bottom: 15px;
}
.site-contact-info .contact-item__heading{
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0;
    color: #a6a6a6;
}
.site-contact-info .contact-item__value{
    margin-left: 110px;
}
.site-contact-info .contact-item__value br{
    display: none;
}
.site-contact-info .socials{
    clear: both;
    margin-bottom: 15px;
}
.site-contact-info .socials a{
    margin-right: 15px;
    font-size: 18px;
}

@media (max-width: 639px){
    .site-contact-info .contact-item__heading{
        position: static;
    }
    .site-contact-info .contact-item__value{
        margin-left: 0;
    }
}

.footer-nav{
    list-style-type: none;
    margin: 0;
    margin-top: 20px;
    border: 1px solid #364043;
    border-width: 1px 0;
}
.footer-nav li{
    display: inline-block;
}
.footer-nav li a{
    text-transform: none;
    color: #FFF;
    padding: 10px 15px;
    display: block;
    position: relative;
    font-size: 14px;
}
.post-type-archive-pet .archive-greyhounds > a,
.footer-bottom li a:hover,
.footer-bottom .current-menu-item > a,
.footer-nav li.current-menu-item > a,
.footer-nav li a:hover{
    color: #d8557b;
}
.footer-nav li a:before{
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    background: #FFF;
    float: left;
    position: relative;
    left: -15px;
}
.footer-nav li:first-child a{
    padding-left: 0;
}
.footer-nav li:first-child a:before{
    display: none;
}

#sticky-buttons {
    position: fixed;
    right: 1.25rem;
    bottom: .625rem;
    z-index: 10;
}
#sticky-buttons .sticky-btn {
    display: block;
    background-color: #890200;
    width: 3.125rem;
    height: 3.125rem;
    font-size: 1.125rem;
    color: #fff;
    line-height: 3.125rem;
    box-shadow: 0px 0px 10px rgba(1, 2, 2, .25);
    border-radius: 50%;
    text-align: center;
}
#sticky-buttons .sticky-btn:not(:last-child) {
    margin-bottom: .625rem;
}


@media screen and (min-width: 64em) {
    #sticky-buttons {
        display: none;
    }
}
/*------------------------------------*
    PAGE HEADER
*------------------------------------*/

.page-header-wrapper{
    position: relative;
}
.page-header-wrapper .page-title{
    position: relative;
    z-index: 100;
    padding-top: 90px;
    padding-bottom: 90px;
}
.page-header-wrapper .page-title .site-title{
    color: #FFF;
    font-size: 45px;
}
.page-header-wrapper .page-title .breadcrumbs{
    margin-bottom: 0;    
}
.page-header-wrapper .page-title .breadcrumbs li{
    color: #d8557b;
    float: none;
    display: inline-block;
    text-transform: none;
    font-size: 14px;
}
.page-header-wrapper .page-title .breadcrumbs li a{
    color: #FFF;
}
.page-header-wrapper .page-header-bg{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-attachment: fixed;*/
}
.page-header-wrapper .page-header-bg img{
    width: 100%;
    height: 100%;
    object-fit: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.page-header-wrapper .page-header-bg > div{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;    
}
.page-header-wrapper .page-header-bg > div:after,
.page-header-wrapper .page-header-bg:after{
    content: "";    
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.75) 100%);
}

@media (max-width: 1023px){
    .page-header-wrapper .page-title .site-title{
        font-size: 35px;
    }
    .page-header-wrapper .page-title{
        padding-top: 20px;
        padding-bottom: 20px;
        background: #01956D;
    }
    .page-header-wrapper .page-header-bg,
    .page-header-wrapper .page-header-bg img{
        position: static;
    }
    .page-header-wrapper .page-header-bg.has-tablet .main-image {
        display: none;
    }
    .page-header-wrapper .page-header-bg > div{
        position: relative;
    }
}
@media (max-width: 639px){
    .page-header-wrapper .page-title .site-title{
        font-size: 25px;
    }
    .page-header-wrapper .page-header-bg.has-tablet:not(.has-mobile) .main-image {
        display: block;
    }
    .page-header-wrapper .page-header-bg.has-mobile .main-image {
        display: none;
    }
}

/*------------------------------------*
    CONTENT
*------------------------------------*/

/*------------------------------------*
    SIDEBAR
*------------------------------------*/
.site-main .sidebar{}
.site-main .sidebar .widget{
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 30px;
}
.site-main .sidebar .widget .widget-title{
    color: #FFF;
    background: #30383b;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    margin: -20px;
    margin-bottom: 20px;
}

.sidebar .widget .gform_wrapper{
    text-align: center;   
}
.sidebar .widget .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.sidebar .widget .gform_wrapper select, 
.sidebar .widget .gform_wrapper textarea {
    border: 2px solid #e0e4e6;
    box-shadow: none;
    text-align: center;
}
.sidebar .widget .gform_wrapper .gform_footer input.button, 
.sidebar .widget .gform_wrapper .gform_footer input[type=submit], 
.sidebar .widget .gform_wrapper .gform_page_footer input.button, 
.sidebar .widget .gform_wrapper .gform_page_footer input[type=submit] {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    background-color: #01956d;
    font-weight: 500;
}

.sidebar .widget_categories li{
    text-align: right;
}
.sidebar .widget_categories li a{
    float: left;
}

/*------------------------------------*
    PAGES - NORMAL
*------------------------------------*/
.site-content h1, 
.site-content h2, 
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6{
    color: #6bcb97;
}

.site-main{
    background: #f1f2f2;
}
body:not(.page-template-default):not(.pet-template-default) .site-main{
    padding-top: 75px;
    padding-bottom: 90px;
}
.pet-template-default #page,
.page-template-default #page{
    margin-top: 1px;
}
.pet-template-default #page .site-content,
.page-template-default #page .site-content{
    padding-top: 100px;
    padding-bottom: 100px;
}

#page .feature-image{
    position: relative;    
}

#page .feature-image .content--gallery,
#page .feature-image .content--image{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
}
.single-pet #page .feature-image{
    height: auto !important;
}
#page .feature-image .content--gallery{
    position: relative;
}
#page .feature-image .content--image img {
    visibility: hidden;
}
@media (min-width: 1600px){
    .pet-template-default #page .site-content .entry-content > h2,
    .page-template-default #page .site-content .entry-content > h2{
        margin-bottom: 30px;
    }
}
@media (min-width: 1200px){
    #page .feature-image .content--gallery,
    #page .feature-image .content--image{
        width: 50vw;        
    }
}
@media (max-width: 1023px){
    .pet-template-default #page .site-content, 
    .page-template-default #page .site-content{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #page .feature-image .content--gallery, 
    #page .feature-image .content--image{
        position: static;
        height: auto;
        margin-bottom: 20px;
    }      
}

/*------------------------------------*
    PAGES - HOMEPAGE
*------------------------------------*/
.front-contents {
    font-family: 'Open Sans';
}
.section--title{
    text-transform: none;
    text-align: center;
    margin-bottom: 52px;
    font-weight: bold;
    font-family: 'Open Sans';
}
.lead-in--item {
    background: #6bcb97;
    color: #FFF;    
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;        
    line-height: 1.5;
    font-size: 12px;
    font-family: 'Open Sans';
}
.lead-in--item:nth-child(even) {
    background-color: #01956d;
}
.lead-in--item .item-title{
    text-transform: none;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: -5px;
    font-family: 'Open Sans';
}
.lead-in--item .link-corner{
    position: absolute;
    bottom: 0;
    right: 0;
}
.lead-in--item .link{
    color: #FFF;
    position: relative;
    display: block;
    padding-right: 15px;
    width: 250px;
    text-align: right;
    line-height: 25px;
}
.lead-in--item .link-corner:before{
    content: "";
    border-bottom: 35px solid #d8557b;
    border-left: 250px solid rgba(0, 0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition : border 100ms ease-out;    
    transition : border 100ms ease-out;
}
.lead-in--item .link-corner:hover:before{
    border-bottom-color: #a4cdcc;
}
.lead-in--item img{
    float: left;
    margin-right: 15px;
    width: 50px;
    margin-bottom: 30px;
}
#front-lead-ins .newsletter{
    background-color: #56565a;
    padding: 0;
}
#front-lead-ins .newsletter .lead-in--item{
    background: none;
    padding-bottom: 0;
}
#front-lead-ins .newsletter .gform_wrapper{
    margin-top: 25px;
    margin-bottom: 25px;
}
#front-lead-ins .newsletter .gform_wrapper li.gfield{
    margin-bottom: 20px;
}
#front-lead-ins .newsletter .gform_wrapper input[type="email"],
#front-lead-ins .newsletter .gform_wrapper input[type="text"]{
    text-align: center;
    height: 46px;
}
#front-lead-ins .newsletter .gform_wrapper .gform_button{
    width: 100%;
    height: 46px;
    font-weight: normal;
    background: #d8557b;
    margin-bottom: 0;
}

@media (min-width: 1900px){
    .lead-in--item .item-title{
        font-size: 24px;
    }
    .lead-in--item{
        font-size: 14px;
        padding-bottom: 0;
    }
}
@media (min-width: 1200px){
    .lead-in--item img{
        width: auto;
        max-width: 90px;
    }
}
@media (max-width: 1023px){
    #front-lead-ins .newsletter{
        height: auto !important;
    }
}
@media (max-width: 767px){
    #front-lead-ins .newsletter-form,
    #front-lead-ins .lead-in--item{
        width: 100%;
        height: auto !important;
    }
    
    .lead-in--item{
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .lead-in--item .link-corner:before{
        border-bottom: 36px solid #d8557b;
        border-left: 170px solid rgba(0, 0, 0, 0);
    }
    .lead-in--item .link{
        padding-right: 10px;
        width: 170px;
        line-height: 25px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px){
    #front-lead-ins .lead-in--item:not(.newsletter) {
        width: 50%;
    }
    #front-lead-ins .newsletter{
        width: 100%;
    }
}
@media (min-width: 1024px) and (max-width: 1366px){
    .lead-in--item img{
        max-width: 50px;
    }
}

#why_choose_us{
    padding-top: 75px;
    padding-bottom: 75px;
    background: #f5f5f5;
}
.why_choose_us--item{
    position: relative;
    padding-bottom: 45px;
    margin-top: 7px;
    margin-bottom: 7px;
}
.why_choose_us--item .button-link,
.why_choose_us--item .button{
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 12px 30px;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
    border-width: 2px;
}
.why_choose_us--item .item-title{
    color: #a4cdcc;
    text-transform: uppercase;            
    font-family: 'Open Sans';
}

@media (max-width: 1200px) {
    #why_choose_us{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 640px) {
    #why_choose_us{
        display: none;
    }
}

.front-testimonial-wrap {
    background: url('../images/testimonial-bg.jpg') no-repeat center center;
    position: relative;
    background-size: cover;
    /*background-attachment: fixed;*/
}
.front-testimonial-wrap::before{
    content: "";
    position: absolute;    
    background-color: rgba(21, 32, 47, 0.75);
    width: 100%;
    height: 100%;
}
.front-testimonial-wrap .slick-slider{
    z-index: 100;
    margin-bottom: 0;
}
.front-section .testimonial--item {
    padding-top: 90px;
    padding-bottom: 90px;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
    color: #FFF;    
    padding-left: 15px;
    padding-right: 15px;
}
.front-section .testimonial--item .author{
    font-size: 18px;
    margin-bottom: 0;
}
.front-section .testimonial--item .author img{
    display: inline-block;
    width: 32px;
    height: auto;
    max-width: 32px;
    border-radius: 3px;
    margin-right: 5px;
}

@media (min-width: 1024px) {
    .front-section .testimonial--item{
        font-size: 25px;
    }
    .front-section .testimonial--item .author{
        font-size: 20px;
    }
}

.front-testimonial-wrap .slick-dots{
    bottom: 20px;
}
.front-testimonial-wrap .slick-dots li{
    margin: 0;
}
.front-testimonial-wrap .slick-dots li button:before{
    font-size: 15px;
    color: rgba(255, 255, 255, 0.25);
    opacity: 1;
}
.front-testimonial-wrap .slick-dots li.slick-active button:before{
    color: #FFF;
}

.home #recent-pets {
    padding-top: 60px;
    padding-bottom: 80px;
}
.masonry-container .masonry--item{
    padding: 5px;
    height: 290px;
    margin: 0;
}
.masonry-container .masonry--item > div{
    position: relative;
    height: 100%;
}
.masonry-container .masonry--item .item--visual-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #CCCCCC;
    z-index: 1;
    background-position: center center;
    background-size: cover;
}
.masonry-container .masonry--item .item--visual-bg img{    
    max-width: none;
}
.masonry-container .masonry--item .item--visual-bg img:not(.js-focal-point-image){
    display: none;
}

.masonry-container .masonry--item.vertical-layout.medium-8 .item--visual-bg img.custom-layout{
    position: absolute;
    top: 0;
    object-fit: cover;
    height: 100%;
    width: auto;
    min-width: 100%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}
.masonry-container .masonry--item:not(.medium-8):not(.horizontal-layout) .item--visual-bg img.square,
.masonry-container .masonry--item.horizontal-layout .item--visual-bg img.horizontal,
.masonry-container .masonry--item.medium-8 .item--visual-bg img.vertical{
    display: block;    
}


.masonry-container .masonry--item .item--info{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(88, 89, 91, 0.9);
    z-index: 50;
    transition: opacity .5s ease-in-out;
    opacity: 0;    
}
.masonry-container .masonry--item:focus .item--info,
.masonry-container .masonry--item:hover .item--info{
    opacity: 1;
}
.masonry-container .masonry--item .item--info > div{
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.masonry--item .item--info .item-title{
    text-transform: uppercase;
    color: #a4cdcc;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.masonry--item .item--info .item-meta{
    text-transform: uppercase;
}
.masonry--item .item--info .item-short-desc{    
    max-height: 66px;
    overflow: hidden;
    line-height: 1.5;
}

.masonry--item .item--info .button-link{ 
    padding: 10px 40px;    
    font-weight: bold;
}
.masonry--item .item--info .socials{
    margin-top: 10px;
}
.masonry--item .item--info .socials a{
    color: #FFF;
    font-size: 20px;
    margin: 0 7px;
}

@media (min-width: 1024px){
    .masonry-container .masonry--item.horizontal-layout .item-short-desc,
    .masonry-container .masonry--item.large-6 .item-short-desc{
        display: block;
    }
}

@media (min-width: 640px){
    .masonry-container .masonry--item.horizontal-layout{
        height: 580px;
    }
}

@media (max-width: 1024px){
    .masonry-container .masonry--item{
        overflow: hidden;
    }
    .masonry-container .masonry--item .item--info{        
        -webkit-transition: -webkit-transform .35s linear;
        transition: -webkit-transform .35s linear;
        transition: transform .35s linear;
        transition: transform .35s linear,-webkit-transform .35s linear;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);           
    }
    .masonry-container .masonry--item.active .item--info,
    .masonry-container .masonry--item:hover .item--info,
    .masonry-container .masonry--item:focus .item--info{    
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);   
    }
}
@media (max-width: 639px){
    .masonry-container .masonry--item .item--visual-bg img{    
        display: none !important;
    }
}

#contact-block{
    background: url('../images/contact-bg.jpg') no-repeat center center;
    position: relative;
    background-size: cover;
    /*background-attachment: fixed;*/
    background-position: left;
    padding-bottom: 45px;
    padding-top: 45px;
    overflow: hidden;
}
.contact-form-wrap{
    position: relative;
}
.contact-form-wrap:after,
.contact-form-wrap:before{
    content: "";
    position: absolute;
    z-index: 1;
}
.contact-form-wrap:after {
    background: rgba(21, 32, 47, 0.90);
    width: 100vw;
    height: calc(100% + 90px);
    top: -45px;
    left: -10px;
}
.contact-form-wrap:before{
    border-bottom: 650px solid rgba(21, 32, 47, 0.90);
    border-left: 150px solid rgba(0, 0, 0, 0);
    pointer-events: none;
    left: -160px;
    margin-top: -45px;
}

.contact-form-wrap .gform_wrapper{
    position: relative;
    z-index: 100;
}
.contact-form-wrap .gform_wrapper .gform_heading{
    color: #FFF;
    text-align: center;
}
.contact-form-wrap .gform_wrapper .gform_heading .gform_title{
    color: #a4cdcc;
    font-weight: bold;
}
#contact-block .gform_button {
    width: 100%;
    background: #01956d;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
    border: none;
    text-transform: uppercase;
}

#recent-blogs {
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #f1f2f2;
}
#recent-blogs .post-grid-item {
    margin: 15px 0;
    text-align: center;
    color: #56565a;
}
#recent-blogs .post-grid-item > div{
    /*background-color: #FFF;
    padding-bottom: 20px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);*/
}
#recent-blogs .post-grid-item .entry-meta{
    margin-top: 10px;
}
#recent-blogs .post-grid-item .post-title{
    color: #a4cdcc;    
    margin-bottom: 15px;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
}
#recent-blogs .post-grid-item .button-link{
    /*text-transform: uppercase;*/
    font-weight: 600;
    border-width: 2px;
}
#recent-blogs .post-grid-item .wp-post-image{
    width: 100%;
}

#our-partners {
    padding-top: 50px;
    padding-bottom: 60px;
}
#our-partners .slick-prev{
    left: 10px;
    z-index: 50;
}
#our-partners .slick-next{
    right: 10px;
    z-index: 50;
}
#our-partners .slick-prev:before, 
#our-partners .slick-next:before{
    color: #000;
}
#our-partners .slick-slide img{
    margin: 0 auto;
    outline: none;
}

/*------------------------------------*
    PAGES - NEWS
*------------------------------------*/
.blog--post-entry{
    background: #FFF;
    margin-bottom: 40px;
}
.blog--post-entry .entry-content{
    padding-top: 30px;
    padding-bottom: 30px;
}
#single-post .entry-meta span,
.blog--post-entry .entry-content .entry-meta span {
    margin-right: 15px;
}
#single-post .entry-meta span .fa,
.blog--post-entry .entry-content .entry-meta span .fa{
    color: #373739;
    margin-right: 7px;
}
#single-post .entry-meta span a,
.blog--post-entry .entry-content .entry-meta span a{
    color: inherit;
}

.blog--post-entry .entry-content .entry-title{
    color: #d8557b;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog--post-entry .entry-thumbnail > a {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.blog--post-entry .entry-thumbnail > a > img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    min-height: 100%;
    max-width: none;
}

.post-type-archive-pet #post-nav{
    width: calc(100% + 20px);
    margin-left: -10px;
}
#post-nav .button-link{
    border-width: 2px;
    text-transform: uppercase;
    color: #92bebd;
    border-color: #92bebd;
    padding: 8px 35px;
}
.post-type-archive-pet #post-nav .button-link{
    margin-top: 40px;
}

#single-post .main-content .entry-title,
#single-post .main-content .entry-image,
#single-post .main-content .entry-meta{
    margin-bottom: 20px;
}

#single-post .main-content .entry-title{
    font-size: 23px;
    color: #d8557b;
}

#single-post .main-content > .section{
    background-color: #FFF;
    padding: 50px;
    margin-bottom: 40px;
}
#single-post .main-content > #respond{
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
#single-post .main-content > #respond #commentform .button{
    background: #01956d;
    border: none;
    margin-bottom: 0;
}

#single-post .main-content .section-title {    
    background: #30383b;
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    padding: 8px 50px;    
    margin-bottom: 20px;    
}

@media (max-width: 767px){
    .blog--post-entry .entry-content,
    .blog--post-entry .entry-thumbnail{
        width: 100%;
    }
    .blog--post-entry .entry-content{
        padding: 30px;
    }
}
@media (max-width: 639px){
    
}

/*------------------------------------*
    PAGES - CONTACT
*------------------------------------*/
#contact-map{
    height: 300px;      
}
#contact-map:hover{
    z-index: 2000;
}
.contact-map .map-overlay{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1050 !important;
}
@media (min-width: 1024px) {
    .contact-map .map-overlay,
    #contact-map{
        height: calc(100% + 165px);
        margin-top: -75px;
        width: 50vw;
        z-index: 1000;
    }    
}

/*------------------------------------*
    PAGES - FAQs
*------------------------------------*/
#faqs-filter {
    box-sizing: border-box;
    margin: 1.25rem 0;
}
#faqs-filter label{
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 30px;
}
#faqs-filter .filter-container {
    position: relative;
}
#faqs-filter #filter-box {
    height: 65px;
    padding: 10px 30px;
    box-sizing: border-box;
    font-size: 16px;
    color: #3e4448;
    background-color: #FFF;
    border-color: #f4f2f1;
    box-shadow: none;
    border-radius: 8px;
}
#faqs-filter .filter-container i {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#faqs-filter .filter-container .fa-filter:before {        
    font-size: 18px;
}
#faqs-filter #filter-box::-ms-clear {
    display: none;
}
.nothing-result{
    display: none;
}

.faq-block{}
.faq-block .accordion{
    background: none;
}
.faq-block .accordion .accordion-item{}
.faq-block .accordion .accordion-item .accordion-title{
    line-height: 1.5;
    color: #6ab8b6;
    font-size: 18px;        
    padding-left: 0;
    padding-right: 40px;
    border: none;
    border-bottom: 1px solid #FFF;
}
.faq-block .accordion .accordion-item .accordion-title:focus,
.faq-block .accordion .accordion-item .accordion-title:hover{
    background: none;
}
.accordion-title::before{
    font-family: FontAwesome;
    content: "\f107";
    color: #505050;
}
.is-active>.accordion-title::before{
    content: "\f00d";
}
.faq-block .accordion .accordion-item .accordion-content{
    background: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
    color: #505050;
}

.page-template-form .site-main .gf_page_steps,
.page-template-form .page-header-wrapper .page-title .breadcrumbs,
.page-template-faqs .site-main #faqs-filter,
.page-template-faqs .page-header-wrapper .page-title .breadcrumbs{
    display: none;
}

/*------------------------------------*
    PAGES - APPLICATION
*------------------------------------*/
.page-template-form .gform_wrapper .gform_body{
    width: 100%;
}
.page-template-form .page-title .gform_wrapper{
    margin-top: 60px;
}

.gform_wrapper ul.gform_fields li.field-no-padding{
    padding: 0;
}
.gform_wrapper ul.gform_fields li.field-clear-left{
    clear: left;
}
.gform_wrapper ul.gform_fields li.gfield .gfield_checkbox,
.gform_wrapper ul.gform_fields li.gfield .gfield_radio{
    margin: 0;    
    list-style-type: none;
}
.gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li, 
.gform_wrapper ul.gform_fields li.gfield .gfield_radio li{
    overflow: hidden;
    margin-bottom: 5px;
    padding: 1px !important;
}

/*.gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li + li, */
.gform_wrapper ul.gform_fields li.gfield .gfield_radio li + li{
    margin-left: 10px;
}

.gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li input, 
.gform_wrapper ul.gform_fields li.gfield .gfield_radio li input {
    float: left;
    margin-top: 2px;
}
.gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li label, 
.gform_wrapper ul.gform_fields li.gfield .gfield_radio li label {
    margin-left: 0;
    margin-right: 0;
    display: block;
    padding-left: 20px;
    line-height: 1.3;
}

.gform_wrapper ul.gform_fields li.gfield .gfield_radio li{
    display: inline-block;
}

.site-content .gsection_title{
    color: #56565a;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 60px;
    font-weight: bold;
}
.site-penal{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 !important;
}
.site-penal .more-option {
    font-size: 16px;
    color: #FFF;
    background: #30383b;
    width: 60px;
    display: block;
    height: 60px;
    position: absolute;
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
}
.site-penal .site-penal-item{
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    margin: 7px 0;
}
.site-penal .site-penal-item > div{
    background: #6bcb97;
    border-radius: 5px;
    padding: 45px 30px;
    color: #FFF;
}

.site-penal .site-penal-item.field-error > div{
    border: 1px solid red;
}

.site-penal .site-penal-item .title{
    color: #FFF;
    margin-top: 35px;
    text-transform: uppercase;
}
.site-penal .site-penal-item a{
    color: #01956d;
}

.site-penal .site-penal-item.active > div,
.site-penal .site-penal-item:hover > div {
    background-color: #01956d;
}
.site-penal .site-penal-item.active a,
.site-penal .site-penal-item:hover a{
    color: #51ffa1;
}

.site-penal .site-penal-item.active span.normal,
.site-penal .site-penal-item span.selected{
    display: none;
}
.site-penal .site-penal-item.active span.selected{
    display: block;
}
@media (min-width: 640px){
    .site-penal{
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    /*.site-penal .site-penal-item{        
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
    }*/
    .site-penal .site-penal-item > div{
        height: 100%;
    }
}


.gform_wrapper .gf_page_steps{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: 60px;
    margin-right: 60px;
}
.gform_wrapper .gf_page_steps .gf_step{
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbbbbb;
    display: block;
}
.gform_wrapper .gf_page_steps .gf_step_clear .gf_step_number,
.gform_wrapper .gf_page_steps .gf_step .gf_step_number{
    border-radius: 1000px;
    width: 40px;
    height: 40px;
    background-color: #a4cdcc;
    display: block;
    margin: 0 0 0.5em 0;
    position: relative;
    z-index: 10;
    color: #FFF;
    font-size: 20px;
    line-height: 40px;
}
.gform_wrapper .gf_page_steps .gf_step:before,
.gform_wrapper .gf_page_steps .gf_step:after{
    display: block;
    position: absolute;
    top: 15px;
    width: 100%;
    height: 9px;
    content: '';
    background-color: #a4cdcc;
    border: 2px solid rgba(95, 96, 97, 0.35);
}
.gform_wrapper .gf_page_steps .gf_step:before{
    left: 10px;
}
.gform_wrapper .gf_page_steps .gf_step:after{
    right: -10px;
}

.gform_wrapper .gf_page_steps .gf_step_clear.gf_step_active .gf_step_number,
.gform_wrapper .gf_page_steps .gf_step.gf_step_active .gf_step_number,
.gform_wrapper .gf_page_steps .gf_step.gf_step_completed .gf_step_number,
.gform_wrapper .gf_page_steps .gf_step.gf_step_completed:before,
.gform_wrapper .gf_page_steps .gf_step.gf_step_completed:after{
    background-color: #01956d;
}

.gform_wrapper .gf_page_steps .gf_step .gf_step_label {
    margin-left: calc(-50% + 20px);
    margin-top: -25px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    line-height: 1.2;
    color: #FFF;
}
.gform_wrapper .gf_page_steps .gf_step_clear .gf_step_label {
    color: #FFF;
    margin-left: -13px;
}

.gform_wrapper .gf_page_steps.is-stuck{
    width: calc(100% - 120px);
    padding-top: 10px;
}
.admin-bar .gform_wrapper .gf_page_steps.is-stuck{
    top: 25px !important;
}
.gform_wrapper .gf_page_steps.is-stuck .gf_step_clear .gf_step_label,
.gform_wrapper .gf_page_steps.is-stuck .gf_step .gf_step_label{
    display: none;
}

@media (max-width: 767px){
    .page-title .gform_wrapper .gf_page_steps:not(.is-stuck){
        display: block;
    }
    .gform_wrapper .gf_page_steps.is-stuck{
        margin-left: 5px;
        width: calc(100% - 30px);
    }
    .gform_wrapper .gf_page_steps:not(.is-stuck) .gf_step_clear,
    .gform_wrapper .gf_page_steps:not(.is-stuck) .gf_step{
        clear: both;
        margin: 5px 0;
    }
    .gform_wrapper .gf_page_steps:not(.is-stuck) .gf_step_clear .gf_step_number, 
    .gform_wrapper .gf_page_steps:not(.is-stuck) .gf_step .gf_step_number{
        float: left;
        margin-right: 15px;
    }
    .gform_wrapper .gf_page_steps .gf_step .gf_step_label{
        text-align: left;
        margin: 0;
        margin-top: -12px;
    }
    .gform_wrapper .gf_page_steps:not(.is-stuck) .gf_step:before, .gform_wrapper .gf_page_steps .gf_step:after{
        display: none;
    }
    .gform_wrapper .gf_page_steps .gf_step_clear .gf_step_label{
        float: left;
        margin-top: 8px;
    }
}

.gform_page_footer{
    text-align: center;
    padding-top: 60px;
    clear: both;
}
.gform_page_footer .button{
    color: #FFF;
    background: #dd7795;
    border: none;
    font-weight: normal;
    font-size: 14px;
    margin: 5px 10px;
    padding: 15px 30px;
    outline: none;
}
.gform_page_footer .gform_previous_button:before,
.gform_page_footer .gform_next_button:after{
    content: "";
    font-family: FontAwesome;
    display: inline-block;
}
.gform_page_footer .gform_previous_button:before{
    content: "\f177";
    margin-right: 10px;
}
.gform_page_footer .gform_next_button:after{
    content: "\f178";
    margin-left: 10px;
}

/*------------------------------------*
    PAGES - SINGLE PET
*------------------------------------*/
@media (min-width: 40em) {
    .pet-title{
        font-size: 36px;
    }
}
.pet-info ul{
    list-style-type: none;
    margin-left: 0;
}
.pet-info ul li{
    font-size: 18px;
    line-height: 1;
    margin-bottom: 7px;
}
.pet-info ul li label{
    display: inline-block;
    width: 90px;
    font-weight: bold;
    font-size: inherit;
    line-height: inherit;
}

.content--gallery-carosel .slick-list,
.content--gallery-carosel .slick-list .slick-track,
.content--gallery-carosel .carosel-item,
.content--gallery-carosel.slick-dotted,
.content--gallery-carosel{
    height: 100%;
    margin: 0;
}
.content--gallery-carosel .carosel-item img{
    visibility: hidden;
}
.content--gallery-carosel .slick-dots{
    bottom: 10px;
}
.content--gallery-carosel .slick-dots li button::before {
    font-size: 14px;
}

@media (max-width: 1023px){
    .content--gallery-carosel .slick-list, .content--gallery-carosel .slick-list .slick-track, .content--gallery-carosel .carosel-item, .content--gallery-carosel.slick-dotted, .content--gallery-carosel {
        height: auto;
    }  
    .content--gallery-carosel .carosel-item{
        background-size: contain !important;
        background-position: center center !important;        
    }
}

.content--gallery-carosel .slick-arrow{
    z-index: 100;
    width: 35px;
    height: 70px;
    background: rgba(0, 0, 0, 0.35);    
}
.content--gallery-carosel .slick-arrow:hover,
.content--gallery-carosel .slick-arrow:focus {
    background: rgba(0, 0, 0, 0.75);    
}
.content--gallery-carosel .slick-arrow:before{
    display: none;
}
.content--gallery-carosel .slick-arrow .fa{    
    color: #FFF;
    font-size: 20px;
}
.content--gallery-carosel .slick-arrow.slick-prev{
    left: 25px;    
    border-radius: 5px 0 0 5px;
}
.content--gallery-carosel .slick-arrow.slick-next{
    right: 25px;  
    border-radius: 0 5px 5px 0;
}

.application-pet{
    position: relative;
    background: #01956d;
    color: #FFF;
}
.application-pet .application--background{
    background: url(../images/application-bg.jpg) no-repeat center / cover;
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.15;
    display: none;
}
.application-pet .application--form{
    position: relative;
    z-index: 100;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 65px;
}
.application-pet .application--form h2{
    font-size: 27px;
}
.application-pet .application--form .button-link{
    text-transform: uppercase;
    border-color: #FFF;
    color: #FFF;
    margin-top: 15px;
}

#html5-close,
#html5-watermark{ 
    display: none !important; 
}

#html5-lightbox-overlay{
    /*background-color: #01956d !important;*/
}

#html5-elem-box,
#html5-elem-wrap{
    background: none !important;
}

.application-form-wrap{
    color: #FFF;
    text-align: center;
    overflow: hidden;
    background: #01956d;
    padding: 30px;
}
.application-form-wrap .gform_heading{
    position: relative;
}
.application-form-wrap .gform_title{
    text-transform: uppercase;
}
.application-form-wrap .gform_wrapper .gform_description{
    position: absolute;
    width: 40px;
    height: 40px;
    right: -30px;
    top: -30px;
    margin: 0;
    background: transparent;
    cursor: pointer;
}
.application-form-wrap .gform_description:before{
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2;
}
.application-form-wrap .gform_wrapper select{
    visibility: visible !important;
}

.application-form-wrap .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.application-form-wrap .gform_wrapper select{
    height: 50px;
}

.application-form-wrap .gform_wrapper .gform_footer .gform_button{
    width: 100%;
    height: 50px;
    margin-bottom: 0;
    text-transform: uppercase;
    border: none;
}

#contact-block .gform_button:before,
.footer-widget .gform_wrapper .gform_footer .gform_button:before{
    content: "\f1d8";
    margin-right: 15px;
    font-family: 'FontAwesome';
}

/*========== That's all, stop editing!  ========= */
.masonry-container .masonry--item .item--visual-bg img:not(.js-focal-point-image){
    max-width: 100%;
}

@media (max-width: 639px){
    .masonry-container .masonry--item .item--visual-bg img{
        display: none !important;
        margin: auto !important;
    }

    .masonry-container .masonry--item .item--visual-bg img:nth-child(1) {
        display: block !important;
        height: 100% !important;
        width: auto !important;
        max-width: none;
    }
}

.show_desktop{
    display: block;
}

.show_mobile{
    display: none;
}

.masonry-container .masonry--item .item--visual-bg img:not(.js-focal-point-image){
    min-height: 100%;
}

.masonry-container .masonry--item.vertical-layout.medium-8 .item--visual-bg img.custom-layout{
    position: relative;
}

#accordion h3 span {
    /* position: absolute;
    right: 10px;
    top: 20px; */
    
    /* background: none; */
}

#accordion h3 span:before {
    /* content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 25px;
    right: 10px; */
}

/* .arrow-right-inactive,
.arrow-down-active{
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.arrow-right-inactive:before{
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 25px;
    right: 10px;
}

.arrow-down-active:before{
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 25px;
    right: 10px;
} */

span.ui-accordion-header-icon.ui-icon.fa.fa-angle-down {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 22px;
}

#recent-pets .column:last-child:not(:first-child), .columns:last-child:not(:first-child){
    float: left;
}

span.ui-accordion-header-icon.ui-icon.fa.fa-angle-right {
    position: absolute;
    top: 20px;
    font-size: 22px;
    right: 20px;
}
.search-legend .ui-state-hover {
    text-indent: unset !important;
}
.search-legend .ui-icon
{
    text-indent: unset !important;
    background: none !important;
}

#accordion .accordion-content {
    background: #f1f2f2;
}

#accordion {
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

#accordion h3 {
    background: #01956d;
    border: 1px solid #01956d;
    padding: 15px 10px;
    color: #fff;
}

@media(max-width: 420px){
    .show_desktop,
    .masonry-container .masonry--item .item--visual-bg img.show_desktop:nth-child(1),
    .masonry-container .masonry--item .item--visual-bg img.show_desktop{
        display: none !important;
    }

    .show_mobile,
    .masonry-container .masonry--item .item--visual-bg img.show_mobile{
        display: block !important;
    }    
}