html {}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    
}

p {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 300;
    color: #707070;
}

a {
    padding: 0px;
    margin: 0px;
    outline: none;
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul li {
    padding: 0px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;

}
h2{
    font-size: 47px;
    font-weight: 700;
    color: #000;
    line-height: 55px;

}
h3{
    font-size: 35px;
    font-weight: 500;
}
h5{
    font-size: 19px;
    font-weight: 600;
}

@media(max-width:1024px){
    h2{
        font-size: 34px;
        line-height: 44px;
    }
}

@media(max-width:767px){
    h2{
        font-size: 22px;
    }
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    background:#fff;
    z-index: 9999;
   
}
.fixed .logo{
    display: none;
}
.fixed .nav-primary{
    border-top: none;
}
.fixed .nav-primary ul .active a:after{
    display: none;
}

@media(max-width: 1024px){
    .fixed .nav-primary ul li {
        margin: 31px 21px 31px 0px;
    }
}
a:hover {
    outline: none;
    text-decoration: none;
}

a:active {
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

a {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
}
input{
    outline: none;
}
input:focus, input:hover{
    outline: none;
}
input[type="submit"]{
    border: none;
}
img {
    max-width: 100%;
}

.container {
   max-width: 1172px;
   margin: 0 auto;
   display: block;
   padding: 0 15px;
   width: 100%;
}

/***header***/
.logo{
    text-align: center;
    width: 245px;
    height: 89px;
    display: block;
    margin: 10px auto 10px auto;

}
.logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.menu_btn .fa{
    font-size: 25px;
    color: #1B4489;
}
.menu_btn .fa:hover{
    cursor: pointer;
}
.nav-primary{
    border-top: 1px solid #DDDBDB;
}

.nav-primary ul li a:after{
    position: absolute;
    content: '';
    top: -40px;
    left: 50%;
    background: #1B4489;
    width: 16px;
    margin-left: -8px;
    height: 16px;
    border-radius: 50%;
    display: none;
}
.nav-primary ul .active a:after{
    display: block;
}
.nav-primary ul {
   display: block;
   margin:  0 auto;
   max-width: 947px;
   text-align: center;
}
.nav-primary ul li{
    display: inline-block;
    margin: 31px 64px 31px 0px;
}
.nav-primary ul li:last-child{
    margin: 31px 0 31px 0px;
}
.nav-primary ul li a{
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    color: #707070;
    position: relative;
    text-transform: uppercase;
    
}
.nav-primary ul .active a{
    color: #1B4489;
}
.nav-primary ul li a:hover{
    color: #1B4489;
}
.nav-primary ul li:hover a:after{
    display: block;
}
.nav-primary ul .active a:focus a:after{
    display: block;
}
@media (max-width: 1135px){

    .nav-primary ul {
        text-align: center;
    }

    .nav-primary ul li {
        float: none;
        display: inline-block;
        margin: 31px 39px 31px 0px;

    }

    .nav-primary ul li:last-child {
        margin: 31px 0 31px 0px;
    }




}

@media(max-width: 991px){
    .nav-primary ul li {
        margin: 31px 8px 31px 0px;
    }
}

@media(max-width: 767px){

    .nav-primary ul li{
        display: block;
        margin: 5px 0;
    }

    .nav-primary ul{
        text-align: left;
    }

    .nav-primary ul li:last-child {
        margin: 5px 0 5px 0;
    }

    .nav-primary ul .active::after {
        display: none;
    }

    .nav-primary{
        display: none;
        background: #dedede;
        margin: 0 -15px;
        padding: 0 0 0 10px;
    }

    .nav-primary {
        border-top: none;
    }

    .logo {
        width: 200px;
        height: auto;
        
    }
    .fixed{
        position: inherit;
    }
    .nav-primary ul li a::after {
        display: none;
    }
    .nav-primary ul li:hover a::after {
        display: none;
    }
    .nav-primary ul .active a::after {
        display: none;
    }
}


/**banner**/
.banner{
    background-position: 0 50%;
    padding: 220px 0;
}
.banner_caption{
    
}
.banner_caption h2 {
    font-weight: 400;
    color: #000000;
    line-height: 55px;
    text-transform: capitalize;
}
.banner_caption h2 span{
    display: block;
}
.banner_caption p{
    font-weight: 300;
    max-width: 529px;
    padding: 27px 0;
}
.banner_bts ,.same_btn{
    display: inline-block;
    z-index: 3;
    position: relative;
}
.same_btn a{
    display: inline-block;
    color: #000;
    font-size: 16px;
    padding: 15px 55px;
    border:1px solid #000;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}
.same_btn li{
    display: inline-block;
    margin-right: 25px;
    position: relative;
}
.same_btn li:last-child{
    margin-right: 0;
}

.same_btn li:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    background: #DEDBDB;
    left: 7px;
    top: 12px;
    border-radius: 5px;
    z-index: -1;
}
.same_btn a:last-child{
    margin-right: 0;
}
.same_btn li:hover:before{
    display: none;
}
.same_btn li:hover{
    background: #DEDBDB;
    border-radius: 5px;
}
.shelter_btn{
    margin-top:20px;
}
.shelter_btn a{
padding:15px 18px;
    font-size:15px;
}
@media(max-width:1024px){

    .banner_caption h2 {
        line-height: 41px; 

    }

    .banner {
        padding: 114px 0;
    }

    .banner_caption p {
        max-width: 470px;
    }
    .same_btn a {
        padding: 13px 44px;
    }

}


@media(max-width:767px){

    .banner_caption h2 span {
        display: inline-block;
    }

    .banner_caption h2 {
        font-size: 21px;
        line-height: 29px;
    }

    .same_btn a {
        padding: 6px 22px;
    }

    .same_btn a{
        font-size: 11px;
    }

    .same_btn li::before {
        height: 26px;
        left: 7px;
        top: 8px;
    }

    .banner_caption {
        background: rgb(255, 255, 255, 0.8);
        padding: 10px 10px 20px 10px;
    }

    .banner{
        padding: 57px 0;
    }

    .banner_caption p {
        padding: 11px 0;
        font-size: 15px;
    }
    .same_btn li {
        margin-right: 16px;
    }
}








/*adoption_information*/

.adoption_information{
    padding: 100px 0 0 0;
}
.adoption_information .left_box{
    max-width: 559px;
    position: relative;
    height: 540px;
}
.same_btn1{
    display: inline-block;
    position: relative;
    z-index: 3;
}
.same_btn1 a{
    display: inline-block;
    color: #000;
    font-size: 16px;
    padding: 15px 55px;
    border:1px solid #000;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}
.same_btn1:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    background: #DEDBDB;
    left: 7px;
    top: 12px;
    border-radius: 5px;
    z-index: -1;
}
.same_btn1:hover:before{
    display: none;
}
.same_btn1:hover{
    background: #DEDBDB;
    border-radius: 5px;
}
.adoption_information .left_box ul li:nth-of-type(2) {
    position: absolute;
    right: 0;
    bottom: 0;

}
.adoption_information .left_box ul li:nth-of-type(1) {
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: 0;
}
.adoption_information .left_box ul li:nth-of-type(1) .img_holder{
    width: 362px;
    height: 360px;
    

}
.adoption_information .left_box ul li:nth-of-type(3) {
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -179px;
    
}
.adoption_information .left_box ul li:nth-of-type(3) .img_holder{
    width: 358px;
    height: 356px;
    border: 8px solid #fff;

}
.adoption_information .left_box ul li img{
     border: 8px solid #fff;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 50%;
     box-shadow: 0 -3px 8px #707070;

}
.adoption_information .right_box{
    padding: 50px 0  50px 30px;
}
.adoption_information .right_box h2 span{
    display: block;
}
.adoption_information .right_box p{
    line-height: 28px;
    color: #707070;
    padding: 50px 0 60px 0;
}

@media(max-width:991px){
    .adoption_information .left_box ul li:nth-of-type(1) {
        width: 65%;
    }
    .adoption_information .left_box ul li:nth-of-type(2) {
        width: 60%;
    }
    .adoption_information .left_box {
        height: 416px;
    }
    .adoption_information .right_box p {
        line-height: 25px;
        color: #707070;
        padding: 7px 0 22px 0;
    }
}

@media(max-width:767px){
    .left_box .img_hodler{
        width: 250px;
        height: 250px;
    }
     .left_box .img_hodler img{
        width: 100%;
        height: 100%;
        object-fit: cover;
     }

     .adoption_information .left_box ul li:nth-of-type(3) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 0;

    }
    .adoption_information .left_box ul li:nth-of-type(1) {
       position: absolute;
        top: 20%;
        transform: translateY(-50%);
        margin-left: 0;
        width: 100%;
    }
    .adoption_information .left_box ul li:nth-of-type(2) {
         position: absolute;
        top: 50%;
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .adoption_information .left_box {
        text-align: center;
    }

    .adoption_information .right_box h2 span {
        display: inline-block;
    }
    .adoption_information .right_box {
        padding: 78px 0 30px 30px;
    }
}

/*looking_for_pet*/
.looking_for_pet{
    padding:100px 0 0 0;
}
.looking_for_pet .title h2{
    margin-bottom: 60px;
}
.pet_box .img_holder{
    width: 326px;
    height: 245px;

}
.pet_box .img_holder img{
    /*width: 100%;
    height: 100%;
    object-fit: cover;*/
 
}
.pet_box{
    border: 1px solid #D5D2D2;
    padding: 20px 10px 40px 10px;
    border-radius: 5px;
}
.pet_box h5{
    text-transform: uppercase;
    color: #000000;
    position: relative;
    padding-bottom: 15px;
}
.pet_box h5:after{
    position: absolute;
    content: '';
    width: 31px;
    height: 3px;
    background: #1B4489;
    left: 0;
    bottom: 0px;

}
.pet_box p{
    padding: 20px 0 35px 0;
}
.looking_for_pet .mt-78{
    margin-top: 78px;
}

@media(max-width:1100px){
        .pet_box .img_holder {
        width: 300px;
        height: 245px;
    }
}
@media (max-width:1024px){

    .pet_box .img_holder {
        width: 220px;
        height: 211px;
    }

    .pet_box .same_btn1 a {
        padding: 15px 46px;
    }

    .looking_for_pet .mt-78 {
        margin-top: 40px;
    }



}

@media (max-width:767px){

    .looking_for_pet {
        padding: 20px 0 0 0;
    }
    .looking_for_pet .pet_box{
        margin-bottom: 20px;
    }

    .looking_for_pet .mt-78 {
        margin-top: 15px;
    }

    .pet_box .img_holder {
        width: auto;
        height: auto;
    }
    .pet_box .same_btn1 a {
        padding: 6px 22px;
    }

    .pet_box{
        max-width: 320px;
        margin: 0 auto;
        display: block;
    }


}


/*adopt_join*/

.adopt_join{
    padding-top: 78px;
    padding-bottom: 90px;
}
.adopt_box {
    max-width: 570px;
    position: relative;
    height: 301px;
    padding: 60px 0 60px 20px;
    border-radius: 15px;
}
.adopt_box h3{
    color: #000;
    font-weight: 400;
    line-height: 40px;
}
.adopt_box h3{
    max-width: 314px;
}
.join_us h3{
    max-width: 274px;

}
.adopt_box .img_holder{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 342px;
}
.adopt_box .mt40{
    margin-top: 40px;
}
.adopt_box .same_btn1 a{
    border: 1px solid #000;
    color: #000;
    background: transparent;
}
.adopt_box .same_btn1::before{
    background: #E3A576;
    border-radius: 5px;
}
.adopt_box .same_btn1 a:hover{
    background: #E3A576;
    border: 1px solid #E3A576;
}

@media (max-width: 1024px){
    .adopt_box  h3{
        font-size: 30px;
    }
    .adopt_box .img_holder {
       width: 197px;
    }
    .adopt_box .same_btn1 a{
        padding: 15px 28px;
    }
}

@media (max-width:767px){
    .adopt_box{
        padding: 20px 10px 160px 10px;
        height: auto;
        margin: 0 auto;
        
    }
    .adopt_box h3 {
        font-size: 28px;
    }
    .join_us{
        margin-top: 30px;
    }
    .adopt_box .same_btn1 a {
        padding: 6px 22px;
    }
}
/**donation***/

.donation{
    background: #4AB0CB;
    padding:  250px 0 149px 0;

}
.donation .same_btn1{
    display:inline-block;
}
.donation .content h2{
    color: #fff;
    line-height: 55px;
    margin-bottom: 30px;
}
.donation .content{
    max-width: 762px;

}
.donation .same_btn1 a{
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}
.donation .same_btn1::before{
    background: #30BFE3;
    border-radius: 5px;
}
.donation .same_btn1 a:hover{
    background: #30BFE3;
    border: 1px solid #30BFE3;
}

@media (max-width:1024px){
    .donation {
        padding: 74px 0 74px 0;
    }
    .donation .content {
        max-width: 65%;
    }
    .donation .content h2 {
        color: #fff;
        line-height: 47px;
        margin-bottom: 30px;
    }
}

@media(max-width:767px){
    .donation .content {
        max-width: 100%;
    }
    .donation .content h2 {
        line-height: 36px;
        margin-bottom: 27px;
    }

    .donation {
        padding: 35px 0 45px 0;
    }
    .same_btn1 a{
        font-size: 13px;
        padding: 6px 22px;
    }
    .same_btn1::before {
        height: 26px;
        top: 9px;
    }
}

/**information**/

.information{
    padding: 121px 0 26px 0;
}
.information .img_holder img{
    border-radius: 15px;
}
.information_box{
    min-height: 588px;
    margin-bottom: 60px;
}
.information_box h2{
    max-width: 371px;
    font-weight: 600;
    line-height: 55px;
}
.information_box p{
    padding: 25px 0 30px 0;
    line-height: 30px;
}
.information .shelter_info p{
    padding: 0 0 10px 0;
}
.information .shelter_info p:first-child{
    padding: 20px 0 10px 0;
}
.information .shelter_info p:last-child{
    padding: 15px 0 30px 0;
}
.information .shelter_info p:nth-of-type(4){
    padding-left: 40px;
    position: relative;
}
.information .shelter_info p:nth-of-type(2){
     padding-left: 35px !important;
    position: relative;
}

.information .shelter_info p:nth-of-type(3){
    padding-left: 35px !important;
    position: relative;
}
.information .shelter_info p img{
    position: absolute;
    left: 0;
    top: 10px;  
}

@media(max-width:1024px){
    .information {
        padding: 50px 0;
    }
    .information .img_holder{
        height: 588px;
    }
     .information .img_holder img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .information_box h2 {
        line-height: 27px;
        font-size: 28px;
    }

    .information_box p {
        padding: 22px 0 25px 0;
        line-height: 26px;
    }
}


@media(max-width: 767px){
    .information_box {
        min-height: auto;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .information .img_holder {
        height: auto;
    }
    .information_box h2 {
        line-height: 27px;
        font-size: 22px;
    }
    .information {
        padding: 50px 0 40px 0;
    }

}
/*Become_Volunteer_opportunities*/

.Become_Volunteer_opportunities{
    background: #1B4489;
}
.Become_Volunteer_opportunities .left_content{
    position: relative;
    height: 568px;
    
}
.Become_Volunteer_opportunities .left_content .img_holder{
   
}
.Become_Volunteer_opportunities .left_content .img_holder img{
   position: absolute;
   bottom: 0;
   width: auto;
   height: 100%;
  
}
.Become_Volunteer_opportunities .right_content{
    padding: 100px 0;
}
.Become_Volunteer_opportunities .right_content h2{
    color: #fff;
    line-height: 55px;

}
.Become_Volunteer_opportunities .right_content h2 span{
    display: block;

}
.Become_Volunteer_opportunities .right_content p{
    color: #fff;
    padding: 25px 0 30px 0;
    line-height: 30px;
}
.Become_Volunteer_opportunities .right_content .same_btn1 a{
    border: 1px solid #FFF;
    color: #FFF;
    background: transparent;
}
.Become_Volunteer_opportunities .right_content .same_btn1::before{
    background: #3363B2;
    border-radius: 5px;
}
.Become_Volunteer_opportunities .right_content .same_btn1 a:hover{
    background: #3363B2;
    border: 1px solid #3363B2;
}

@media(max-width:1100px){
    .Become_Volunteer_opportunities .right_content h2 {
        line-height: 47px;
        font-size: 41px;
    }
}

@media(max-width:1024px){

    .Become_Volunteer_opportunities .left_content {
        position: relative;
        height: 600px;
    }
}

@media (max-width:767px){

    .Become_Volunteer_opportunities .left_content .img_holder img {
        position: relative;
        bottom: 0;
        width: auto;
        height: auto;
    }

    .Become_Volunteer_opportunities .left_content {
        position: relative;
        height: auto;
    }

    .Become_Volunteer_opportunities .right_content {
        padding: 30px 0;
    }
    .Become_Volunteer_opportunities .right_content h2 {
        line-height: 30px;
    }
    .Become_Volunteer_opportunities .right_content p {
        color: #fff;
        padding: 20px 0 30px 0;
        line-height: 27px;
    }
}

/*Latest_news*/

.Latest_news{
    padding: 50px 0;
}
.Latest_news .title h2{
    text-align: center;
    margin-bottom: 67px;
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
}
.latest_box .img_holder{
    border-bottom: 10px solid #dedede;
    position: relative;
    margin-bottom: 50px;
}
.latest_box .date{
    width: 79px;
    height: 84px;
    background: #D9E7FF;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 30px;
    bottom: -40px;
    font-weight: 700;
    padding:0 5px;
}
.latest_box p strong{
    font-size: 17px;
    color: #262525;

}
.comment_sec{
    border:1px solid #dedede;
    padding: 10px 0;
    margin-top: 15px;
    margin-bottom:40px;
}
.latest_box .same_btn1{
    margin-top:40px;
}
.comment_sec ul li{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #262525;
}
.comment_sec ul li .fa{
    font-size: 20px;
    color: #707070;
    padding-right: 15px;
}
.latest_box .p{
    padding: 34px 0;
    line-height: 29px;

}
.latest_box:hover .img_holder{
    border-bottom: 10px solid #1B4489;
}
.latest_box:hover{
    cursor: pointer;
}
.latest_box:hover .date{
    background: #1B4489;
    color: #fff;
}

@media (max-width:1024px){
    .latest_box .img_holder {
        width: auto;
        height: auto;
       margin-bottom: 50px;
    }

    .latest_box p strong {
        font-size: 14px;
        color: #262525;
    }

    .comment_sec ul li {
        font-size: 13px;
    }

    .latest_box .p_des {
        padding: 20px 0;
        line-height: 26px;
        font-size: 13px;
    }

    .Latest_news .title h2 {
        margin-bottom: 40px;
    }
    .Latest_news .same_btn1 a {
        font-size: 15px;
        padding: 11px 39px; 
    }
}

@media (max-width:767px){
    .latest_box{
        margin-bottom: 40px;
    }
    .Latest_news{
        padding: 50px 0 0 0;
    }
    .Latest_news .same_btn1 a {
        padding: 6px 22px;
        font-size: 13px;
    }
    .latest_box .img_holder img{
        width: 100%;
    }
}

/*newsletter*/
.newsletter{
    padding: 70px 0 60px 0;
}
.pet-resource-newsletter{
    margin-top:-70px;
}
.newsletter .content h2{
   margin-bottom:40px;
}
.newsletter .content p{
   max-width: 736px;
   display: block;
   margin: 0 auto;
   padding: 20px 0 37px 0;
}
.newsletter .content .emaillist{
    max-width: 1016px;
    margin: 0 auto;
    display: block;
}
.emaillist label {
 width:100%;
}
.newsletter .content .emaillist input[type="email"]{
    width: 100%;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #dedede;
    border-radius: 5px;
    color: #707070;
    font-size: 15px;
}
.newsletter .content .emaillist input[type="submit"]{
    width:100%;
    text-align: center;
    padding: 13px 0;
    border:1px solid #000;
    border-radius: 5px;
    color: #000;
    background: transparent;
    font-size: 15px;
    text-transform: uppercase;
    max-width: 242px;
    margin-top: 20px;
    position: relative;
    z-index: 1;

}
.newsletter .content .input_box input[type="submit"]:hover{
    background: #dedede;
     border-radius: 5px;

}
.newsletter .content .input_box:last-child{
    max-width: 242px;
    margin-top: 39px;
    position: relative;
    z-index: 1;
}
/*.newsletter .content .emaillist input[type="submit"]:after{
    position: absolute;
    content: '';
    width: 242px;
    height: 50px;
    left: 10px;
    top: 10px;
    background: #dedede;
    border-radius: 5px;
    z-index: -1;
}*/
/*
.emaillist .input_box{
    max-width: 242px;
    margin-top: 39px;
    position: relative;
    z-index: 1;
}*/
.emaillist .input_box:last-child:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    left: 10px;
    top: 10px;
    background: #dedede;
    border-radius: 5px;
    z-index: -1;
}
.newsletter .content .emaillist input[type="submit"]:hover:after{
    display: none;
}
.emaillist .input_box{
    position: relative;
    z-index: 1; 
}
/*
.emaillist .input_box::after{
    position: absolute;
    content: '';
    width: 242px;
    height: 50px;
    left: 10px;
    top: 10px;
    background: #dedede;
    border-radius: 5px;
    z-index: -1;
}*/

.newsletter .emaillist .content .input_box:last-child:hover:after{
    display: none;
}

@media(max-width: 767px){
    .newsletter .content .input_box:last-child {
        max-width: 117px;
        margin-top: 30px;
     
    }
    .newsletter .content .input_box input[type="submit"]{
        padding: 6px 22px;
        font-size: 13px;
    }
    .newsletter .content .input_box:last-child::after {
        width: 100%;
        height: 26px;
        left: 10px;
        top: 9px;
    }
}



/**footer**/
.ftr_top{
    background: #081C3E;
    padding: 100px 0 56px 0;
}
.footer_form .input_box input[type="text"],.footer_form .input_box input[type="email"]{
   width: 100%;
    background: #fff;
    border: none;
    color: #3B3A3A;
    font-size: 14px;
    padding: 8px 0 8px 10px;
    margin-bottom: 20px;

}
.footer_form .input_box{
    max-width: 323px;
}
.footer_form .input_box textarea{
   width: 100%;
    background: #fff;
    border: none;
    color: #3B3A3A;
    font-size: 14px;
    padding: 8px 0 8px 10px;
    min-height: 77px;
}
.footer_form .input_box input[type="submit"]{
    background: #1D4FA3;
    color: #fff;
    padding: 8px 60px;
    font-size: 16px;
    margin-top: 16px;
}
.footer_form .input_box input[type="submit"]:hover{
    background: #113571;
    cursor: pointer;
}
.footer_col h4{
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 36px;
}
.footer_col #menu-primary-menu-1 li{
    display: block;
    margin-bottom: 22px;
}
.ftr_menu li:last-child{
    margin-bottom: 0;
}
.footer_col #menu-primary-menu-1 a{
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    display: block;

}
.footer_col #menu-primary-menu-1 a:hover{
    color: #30BFE3;
}
.our_info p{
    position: relative;
    padding-left: 50px;
    padding-bottom: 30px;
    color: #fff;
}
.our_info p span{
    position: absolute;
    left: 0;
}
.our_info p a{
    color: #fff;
}
.our_info p a:hover{
    color: #30BFE3;
}
.footer_btm{
    background: #051126;
    padding: 25px 0;
}
.footer_btm .left{
    float: left;
}
.footer_btm .left p{
    color: #fff;
}
.footer_btm .right{
    float: right;
}
.footer_btm .right ul li{
    display: inline-block;
}
.footer_btm .right ul li a{
    font-size: 15px;
    margin-right: 5px;

}
.footer_btm .right ul li:first-child{
    font-size: 15px;
}
.footer_btm .right ul li:first-child a{
    font-size: 15px;
    color: #fff;
}
.footer_btm .right ul li .fa{
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    background: #fff;
    color: #000;
}
.footer_btm .right ul li .fa:hover{
    background: #1B4489;

}

@media (max-width:767px){
    .ftr_top {
        padding: 40px 0 56px 0;
    }
    .our_info p {
        padding-left: 35px;
        padding-bottom: 15px;
    }
    .footer_col h4 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .ftr_menu li {
        margin-bottom: 10px;
    }
    .ftr_menu li:last-child {
        margin-bottom: 27px;
    }
    .footer_form{
        margin-top: 15px;
    }

    .footer_btm .left {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer_btm .right {
        float: none;
        text-align: center;
    }
}

/***inner_banner***/
.inner_banner{
   padding-top: 40px;
}
.inner_banner .container{
    position: relative;
}
.inner_caption{
    padding: 125px 0 220px 0;
}
.inner_caption h2{

  text-shadow: 1px 1px #AAAAAA;
}
.inner_banner {
   min-height: inherit;
   height: auto;
   position: relative;
}
.inner_caption p{
    line-height: 28px;
    max-width: 598px;
}
.inner_img_holder{
    height: 481px;
    width: 430px;
}
.inner_img_holder img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.inner_caption{
    max-width: 605px;
}

@media (max-width: 1024px){
    .inner_img_holder {
        height: 316px;
        width: 286px;
    }
    .inner_caption {
        padding: 98px 0 130px 0;
    }
    .inner_banner {
        min-height: px;
        position: relative;
    }
    .inner_img_holder{
       height: 421px;
        width: 376px;
    }
}

@media(max-width:767px){
    .inner_caption {
        padding: 0px 0 25px 0;
        text-align: center;
    }
    .inner_img_holder {
        height: auto;
        width: 300px;
        display: block;
        margin: 0 auto;
    }
    .inner_caption p {
        line-height: 24px;
    }


}


/***pet sesources**/

.Interest_to_Pet_Owners h2 span{
    display: block;
}
.Interest_to_Pet_Owners h2{
    line-height: 55px;
    margin-bottom: 40px;
}
.Interest_to_Pet_Owners .content p{
    padding-bottom: 35px;
    color: #0D4383;
    font-weight: 700;
}
.Interest_to_Pet_Owners .content p strong{
    font-weight: 400;
    color: #707070;
}

.Interest_to_Pet_Owners {
    padding: 80px 0;
}
@media (max-width:1100px){
    
    
}

@media (max-width: 1024px){
   
}
@media(max-width: 767px){
    .Interest_to_Pet_Owners{
        padding: 40px 0 0 0;
    }
    .Interest_to_Pet_Owners h2 {
        line-height: 30px;
        margin-bottom: 30px;
    }
    .Interest_to_Pet_Owners .content p {
        padding-bottom: 15px;
        font-size: 15px;
    }



}






/***new event inner page***/
.main_new_event_page .latest_box{
    margin-bottom: 30px;
}
.main_new_event_page .new_event_pagination ul{
    max-width: 320px;
    margin:0 auto;
    display: block;
    text-align: center;
} 
.main_new_event_page .new_event_pagination ul li{
    display: inline-block;

}
.main_new_event_page .new_event_pagination ul li a{
     width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #fff;
    border:1px solid #1B4489;
    border-radius: 50%;
    display: inline-block;
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
   
}
.main_new_event_page .new_event_pagination ul li a:hover{
    background: #1B4489;
    color: #fff;
}
.main_new_event_page .new_event_pagination ul .active a{
     background: #1B4489;
    color: #fff;
}
.new_event_pagination{
    text-align: center;
    margin-top: 20px;
}
.inner_banner_left_img .inner_img_holder{
    width: auto;
}

/***how to help**/
.how_to_help .inner_img_holder{
    width: auto;
    height: auto;
}
.volunteer_shelter p{
    padding: 0 0 15px 0;
}
.volunteer_shelter h2{
    margin-bottom: 15px;
    max-width: 390px;
}
.volunteer_special_list li{
    font-size: 16px;
    margin-bottom: 30px;
    color: #707070;
}
.volunteer_special_list li span{
    font-size: 16px;
    color: #134E81;
}
.volunteers_img .img_holder{
    height: 751px;
}
.volunteers_img .img_holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Foster_pet{
    padding: 121px 0 104px 0;
}
.Foster_pet h2{
    margin-bottom: 15px;
}
.volunteer_left_img .img_holder{
    
}
.volunteer_left_img .img_holder img{
     width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:1024px){
    .Foster_pet {
        padding: 40px 0 41px 0;
    }
}

@media (max-width: 767px){
    .volunteers_img .img_holder {
        height: auto;
    }
}

/***api shelter**/
.apl_shelter .inner_img_holder{
    height: 530px;
}
.apl_shelter_content{
    padding: 100px 0;
}
 #map, #map-1 {
        width: 100%;
        height:337px;
    }
/*.apl_shelter_content .information .shelter_info p:nth-of-type(4) {
    padding: 0px 0 30px 40px;
   
}
*/
.apl_shelter_content .shelter_info_des p{
    padding-left: 40px;
   padding-bottom: 15px;
   position: relative;
}
.apl_shelter_content .shelter_info_des p img{
    position: absolute;
    left: 0;
    top: 5px;
}
.apl_shelter_content .information p{
    padding: 0;
}
.apl_shelter_content h2 span{
    display: block;
}
.apl_shelter_content .shelter_info_des h6{
    color: #1B4489;
    font-size: 20PX;
    font-weight: 600;
    margin-bottom: 36px;
}
.apl_shelter_content .shelter_info_des p a{
    color: #707070;
}
.apl_shelter_content .shelter_info_des p a:hover{
    color: #1B4489;
}
.shelter_main_page{
    padding: 50px 0 70px 0; 
}

.our_organization .video_wrapper{
    position: relative;
} 
.video_box{
    max-width: 704px;
    height: 422px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.our_organization .video_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.our_organization h2{
    line-height: 55px;
    margin-bottom: 25px;
}

.our_organization .video-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 20px;
    color: #ffffff;
}

.our_organization .video-overlay p {
    font-size: 16px;
    line-height: 1.1em;
    font-weight: 400;
}

.our_organization .video-play-btn {
    background: url(../img/play-button.jpg) 0 0 no-repeat;
    height: 70px;
    width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    border-radius: 50%;
}
.our_organization .video_wrapper{
    padding:123px 0 118px 0;
}
.our_organization .video_box {
    position: relative;
   box-shadow: 3px 108px 78px -23px #e1e1e1;
}
.our_organization .video_box:after{
    position: absolute;
    content: '';
    background: url(../img/tree-img1.jpg)no-repeat center;
    width: 604px;
    height: 353px;
    top: -170px;
    left: 50%;
    margin-left: -302px;
    z-index: -1;
}

.our_organization .video_box:before{
    position: absolute;
    content: '';
    background: url(../img/tree-img2.jpg)no-repeat center;
    height: 604px;
    width: 353px;
    right: -121px;
    z-index: -1;
    top: -80px;
}
.watch_video_link{
    margin-top: -72px;
}


.directions{
    padding: 20px 0 150px 0;
}
.directions .title p{
    max-width: 728px;
    line-height: 30px;
    display: block;
    margin: 0 auto;
}
.directions .title h2{
    margin-bottom: 15px;
}
.directions .title{
    margin-bottom: 25px;
}



/***pet adoption inner page**/
.pet_adoption_inner .inner_img_holder{

}
.pet_adoption .right_box p{
    padding: 30px 0 0 0;
}
.pet_adoption_left{
    padding: 100px 0;
}
.view_pet_tab .tab-content h5{
    font-size: 19px;
    color: #707070;
    text-transform: uppercase;
}
.view_pet_tab .tab-content .pet_box h5::after{
    display: none;
}
.view_pet_tab .tab-content .pet_box .img_holder{
    width: 237px;
}
.view_pet_tab .tab-content .pet_box{
    min-height: 525px;
    margin-bottom: 30px;
}
.view_pet_tab .nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    text-align: center;
    display: inline-block;
    background: #EDEDED;
    margin-right: -2px;
}
.view_pet_tab .nav-tabs > .active{
    background: #FFFFFF;
    box-shadow: 8px 7px 31px #dedede;
}
.view_pet_tab .nav > li > a {
    position: relative;
    display: block;
    padding: 14px 100px;
    font-size: 16px;
    color: #707070;
    text-transform: uppercase;
}
.view_pet_tab .nav{
    text-align: center;
    margin-bottom: 65px;
}
.view_pet_tab {
    margin-top: 65px;
}
.view_pet_tab .slick-dots li button::before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    content: '';
    text-align: center;
    opacity: 0.4;
    color: black;
    background: #1B4489;
    border-radius: 50%;
    border:4px solid #D6D6D6;
}

.view_pet_tab .slick-dots li.slick-active button::before {
    opacity: 1;
}
.View_Pets_Online{
    padding-bottom: 50px;
}
.View_Pets_Online .slick-dots{
    bottom: -124px;
}
.adopt_pet_program p:last-child{
    padding: 0 0 30px 0;
}
.View_Pets_Online .tab-content > .tab-pane {
    display: block;
    height: 0;
    /*overflow: hidden;*/
}
.finding_a_good_home_for_pet {
    padding: 20px 0 0 0;
}
.finding_a_good_home_for_pet h2{
    max-width: 583px;
    line-height: 55px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}
.finding_a_good_home_for_pet p{
    max-width: 992px;
    margin: 0 auto;
    display: block;
    padding-bottom: 40px;
}


.finding_a_good_btn li{
    display: inline-block;
    position: relative;
    margin-right: 40px;
}
.finding_a_good_btn li:before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    left:7px;
    top: 7px;
    background:#EBEBEB;
    z-index: -1;
    border-radius: 5px;

}

.finding_a_good_btn li a{
    color: #000;
    padding: 15px 50px;
    display:inline-block;
    border:1px solid #000;
    border-radius: 5px;
    text-transform: uppercase;
}
.finding_a_good_btn .active:before{
    background: #3363B2;
}
.finding_a_good_btn .active a,.finding_a_good_btn li a:hover{
    color: #fff;
}
.finding_a_good_btn .active:before{
    background: #3363B2;
}
.finding_a_good_home_for_pet .same_btn :active a{
    color: #fff;
}

.finding_a_good_btn li:hover:before{
    background: #3363B2;
}

.View_Pets_Online .tab-content > .tab-pane.active {
    height: auto;
}
@media (max-width: 1024px){
    .shelter_main_page .img_holder{
        width: 420px;
        height:auto;
    }
    .apl_shelter_content {
        padding: 19px 0;
    }
        .apl_shelter .inner_img_holder {
        height: 404px;
    }
    .View_Pets_Online {
        padding-bottom: 35px;
    }
    .View_Pets_Online .slick-dots{
        bottom: -17px;
    }
    .View_Pets_Online .pet_box p {
        padding: 0;
        min-height: 90px;
    }
    .view_pet_tab .tab-content .pet_box {
        min-height: 459px;
        margin-bottom: 30px;
    }
    .view_pet_tab .tab-content .pet_box .img_holder {
        width: 183px;
    }
    .sm-mt0 .right_box {
        padding: 0px 0 50px 30px;
    }
    .finding_a_good_btn li a {
        padding: 15px 22px;
    }
    .finding_a_good_home_for_pet {
        padding: 50px 0 0 0;
    }
    .pet_adoption_inner .inner_img_holder {
        height: 310px;
    }
}

@media(max-width: 767px){

    .apl_shelter_content h2{
        line-height: 30px;
    }
    .apl_shelter_content h2 span {
        display: inline-block;
    }
    .directions {
        padding: 20px 0 40px 0;
    }
    .left_map{
        margin-bottom: 30px;
    }
    .finding_a_good_btn li:last-child{
        margin-right: 0;
        margin-bottom: 0;
    }
    .finding_a_good_btn li{
        margin-bottom: 30px;
    }
    .pet_adoption_inner .inner_img_holder {
        height: auto;
        width: 320px;
    }
    .sm-mt0{
        padding-top: 0;
    }
    
    .view_pet_tab .nav > li > a {
        padding: 14px 50px;
    }
    .view_pet_tab .nav {
        margin-bottom: 30px;
    }
 
    .view_pet_tab .tab-content .pet_box .img_holder {
        width: 183px;
        height: 210px;
    }
    .view_pet_tab .tab-content .pet_box {
        min-height: 420px;
        margin-bottom: 30px;
    }
    .pet_adoption .right_box p {
        padding: 16px 0 0 0;
    }
    .View_Pets_Online .title h2{
        margin-bottom: 15px;
    }
    .view_pet_tab {
        margin-top: 35px;
    }

    .apl_shelter{
        padding-top: 28px;
    }
    .apl_shelter .inner_img_holder {
        height: auto;
    }
    .shelter_main_page{
        padding: 0 0 0px 0;
    }
    .apl_shelter_content {
        padding: 28px 0;
    }
    .apl_shelter_content .shelter_info_des h6 {
        font-size: 16PX;
        margin-bottom: 25px;
        margin-top: 15px;
    }
    .apl_shelter_content .shelter_info_des p{
        font-size: 15px;
    }
    .our_organization h2 {
        line-height: 29px;
        margin-bottom: 25px;
    }
    .our_organization .video_box::before {
        display: none;
    }
    .our_organization .video_box::after {
        display: none;
    }

    .our_organization .video_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
     .our_organization .video_box{
        height: auto;
        box-shadow: 3px 11px 45px -23px #e1e1e1;

     }
         .our_organization .video_wrapper {
        padding: 44px 0 25px 0;
    }
    .shelter_main_page .img_holder {
    width: auto;
        height: auto;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width:492px){
    .finding_a_good_btn li {
        display: block;
        position: relative;
        margin-right: 0;
    }
    .finding_a_good_btn li a{
        display: block;
    }
    .View_Pets_Online .pet_box p {
        padding: 0;
        min-height: 105px;
    }
}


.volunteer_main_page {
    background:#dedede;
    padding:80px 0;
}
.volunteer_main_page .input_box{
    width:33.33%;
    float:left;
    padding:0 10px;
    margin-bottom:30px;
    vertical-align: top;
}
.volunteer_main_page .input_box .message{
    width: 100%;
}
.volunteer_main_page .input_box:nth-of-type(5){
    width: 100%;
    float: none;
}
.volunteer_main_page .input_box:nth-of-type(6){
    max-width: 323px;
    float: none;
    display: block;
    margin: 30px auto 0 auto;

}
.volunteer_main_page .input_box input[type="text"]{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
}
.volunteer_main_page .input_box input[type="email"]{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding:12px 10px 11px 10px;
    border-radius: 8px;
}
.volunteer_main_page .input_box input[type="submit"]{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
}
.volunteer_main_page .input_box input[type="submit"]:hover{
    background-color: #000;
    color: #fff;
}
.volunteer_main_page .input_box textarea{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    min-height:80px;
}
.volunteer_main_page .input_box p{
    padding: 0;
}
.volunteer_main_page form{
    margin-top:50px;
}
.volunteer_main_page p{
    padding:10px 0;
    line-height: 28px;
}
.volunteer_main_page ul{
    margin-top: 30px;
}
.volunteer_main_page li{
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}
.volunteer_main_page li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #707070;
    border-radius: 50%;
}
.volunteer_main_page li a{
   display: block;
   font-size: 16px;
   color: #707070;
}
.volunteer_main_page li a:hover{
    color: #000;
}

@media(max-width:500px){
    .volunteer_main_page .input_box{
        width:100%;
        float:none;
        padding:0 10px;
        margin-bottom:30px;
        vertical-align: top;
    }
}


.pagination{
    text-align: center;
    margin-top: 90px;
    display: block;
}

.pagination .page-numbers {
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #fff;
    border: 1px solid #1B4489;
    border-radius: 50%;
    display: inline-block;
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}
.pagination .page-numbers:hover{
     width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #fff;
    border: 1px solid #1B4489;
    border-radius: 50%;
    display: inline-block;
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
}
.pagination .current {
     background: #1B4489;
    color: #fff;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    text-indent: -1000px;
}

.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    text-indent: 0;
    transform: translate(-50%, -50%);
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
}

.pagination .page-numbers.prev:after {
    content: "\f100";
}

.content-area{
    max-width: 1172px;
    display: block;
    margin: 0 auto;
    padding: 50px 15px 50px 15px;
}
.content-area .navigation{
    width: 300px;
    float: right;
}
.content-area article{
    float: left;
    width:calc(100% - 300px);
}
#comments{
   
    width:70%;
}
#comments textarea{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;

}
#comments input[type="text"]{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    
}
#comments input[type="email"]{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    
}
#comments input[type="url"]{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    
}
#comments input[type="submit"]{
    background: transparent;
    outline: none;
    padding: 15px 50px;
    border-radius: 8px;
    background-color: #0e2956;
    color: #fff;
    text-align: center;
    border:1px solid #0e2956;
    
}
#comments input[type="submit"]:hover{
    background-color: #fff;
    color: #0e2956;
    border:1px solid #0e2956;
    cursor: pointer;
}
#comments  label{
    display: inline-block;
    padding: 10px 0;
}
.byline .screen-reader-text{
    font-size: 16px;
    margin-left: 10px;
}
.cat-links .screen-reader-text{
    font-size: 16px;
    margin-left: 10px;
}
.cat-links a{
  font-size: 16px;
    color: #707070;
    display: inline-block;
  margin:0 10px;
}
.cat-links .screen-reader-text a{
    font-size: 16px;
    color: #707070;
    display: inline-block;
    margin:0 10px;
}
.entry-footer .author a{
    font-size: 16px;
    color: #707070;
    display: inline-block;
  margin:0 10px;
}
.posted-on a{
    font-size: 16px;
    color: #707070;
    display: inline-block;
    margin:0 10px;
}
.content-area .entry-content{
    padding: 30px 0;
}
.comments-title{
    margin-top: 40px;
}
.comments-title,.screen-reader-text{
    font-size: 20px;
    
}
.nav-previous .screen-reader-text{
    display: none;
}
.meta-nav{
    display: block;
    padding: 10px 0 10px 10px;
    background-color: #0e2956;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}
.nav-next .screen-reader-text{
    display: none;
}
.nav-links .post-title{
    color: #000;
    padding-bottom: 15px;
    display: block;
}
.text-wrapper p{
    font-size: 16px !important;
    color: #707070 !important;
    margin-bottom: 15px;
}
.text-wrapper p a{
    color: #000 !important;
    font-weight: 600;
    display: inline-block;
}
.text-wrapper{
    margin: 15px 0;
}
@media (max-width: 991px){
    .comment-form-cookies-consent{
        position: relative;
    }
    #comments .comment-form-cookies-consent label {
        display: inline-block;
        padding: 10px 0 10px 33px;
       
    }
    #wp-comment-cookies-consent {
        position: absolute;
        top: 10px;
    }
}

@media(max-width: 767px){
    .content-area article {
        float: none;
        width: 100%;
        padding: 0 15px;
    }
    .content-area .navigation {
        width: auto;
        float: none;
        padding: 0 15px;
    }
    #comments {
        width: 100%;
        padding: 0 15px;
    }
    .comment-form-cookies-consent{
        position: relative;
    }
    #comments .comment-form-cookies-consent label {
        display: inline-block;
        padding: 10px 0 10px 33px;
        font-size: 12px;
    }
    #wp-comment-cookies-consent {
        position: absolute;
        top: 10px;
    }
    .content-area {
        max-width: 1172px;
        display: block;
        margin: 0 auto;
        padding: 30px 0;
    }
}

/***event post page**/

.news-template{
    padding:60px 0; 
}
.news-template h2{
    text-align:center;
    margin-bottom: 50px;
}
/*.news-template .social-feed-main-container .social-feed-element:nth-of-type(3){
    left:734px !important;
    top:0 !important;   
}*/
.news-template .social-feed-main-container .social-feed-element{
    min-height: 350px;
}
.news-template .social-feed-main-container .fb-image-attachment{
    display:block !important;
    height:250px;
    width:auto;
    margin:0 auto;
}
.news-template #feed500{
    height:356px !important;
    position: relative;
}
.news-template .social-feed-container{
   /* float: none !important;*/
}
.news-template .social-feed-main-container{
    max-width: 1172px !important;
    margin: 0 auto;
    display: block;
    width: 100% !important;
    padding-bottom: 50px;
}
.news-template #wpsfp-item{
    float: left !important;
    width: 31.33% !important;
    display: inherit !important;
}
.news-template #feed500{
    width: 100% !important;
}
.news-template .social-feed-element{
    font-family: 'Poppins', sans-serif !important;
}

/*@media (max-width: 1150px){
    .news-template .social-feed-main-container .social-feed-element:nth-of-type(3){
        left:600px !important;
        top:0 !important;   
    }
}
*/
/***fancybok**/
body.compensate-for-scrollbar{overflow:hidden}.
fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:9999999999999999}
.fancybox-container *{box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--image{overflow:hidden;padding:44px 0}
.fancybox-slide--image:before{display:none}
.fancybox-slide--html{padding:6px}
.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:grabbing}
.fancybox-container [data-selectable=true]{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff}
.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{left:0;position:absolute;top:0}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}
.fancybox-button.fancybox-focus{outline:1px dotted}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}
.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover{color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div{padding:7px}
.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}
.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}
.fancybox-caption--separate{margin-top:-50px}
.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#fff;text-decoration:underline}.
fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}

.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}
.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}
.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}
.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}
.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

html {}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    
}

p {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 300;
    color: #707070;
}

a {
    padding: 0px;
    margin: 0px;
    outline: none;
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul li {
    padding: 0px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;

}
h2{
    font-size: 47px;
    font-weight: 700;
    color: #000;
    line-height: 55px;

}
h3{
    font-size: 35px;
    font-weight: 500;
}
h5{
    font-size: 19px;
    font-weight: 600;
}

@media(max-width:1024px){
    h2{
        font-size: 34px;
        line-height: 44px;
    }
}

@media(max-width:767px){
    h2{
        font-size: 22px;
    }
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    background:#fff;
    z-index: 9999;
   
}
.fixed .logo{
    display: none;
}
.fixed .nav-primary{
    border-top: none;
}
.fixed .nav-primary ul .active a:after{
    display: none;
}

@media(max-width: 1024px){
    .fixed .nav-primary ul li {
        margin: 31px 21px 31px 0px;
    }
}
a:hover {
    outline: none;
    text-decoration: none;
}

a:active {
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

a {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
}
input{
    outline: none;
}
input:focus, input:hover{
    outline: none;
}
input[type="submit"]{
    border: none;
}
img {
    max-width: 100%;
}

.container {
   max-width: 1172px;
   margin: 0 auto;
   display: block;
   padding: 0 15px;
   width: 100%;
}

/***header***/
.logo{
    text-align: center;
    width: 245px;
    height: 89px;
    display: block;
    margin: 10px auto 10px auto;

}
.logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.menu_btn .fa{
    font-size: 25px;
    color: #1B4489;
}
.menu_btn .fa:hover{
    cursor: pointer;
}
.nav-primary{
    border-top: 1px solid #DDDBDB;
}

.nav-primary ul li a:after{
    position: absolute;
    content: '';
    top: -40px;
    left: 50%;
    background: #1B4489;
    width: 16px;
    margin-left: -8px;
    height: 16px;
    border-radius: 50%;
    display: none;
}
.nav-primary ul .active a:after{
    display: block;
}
.nav-primary ul {
   display: block;
   margin:  0 auto;
   max-width: 947px;
   text-align: center;
}
.nav-primary ul li{
    display: inline-block;
    margin: 31px 64px 31px 0px;
}
.nav-primary ul li:last-child{
    margin: 31px 0 31px 0px;
}
.nav-primary ul li a{
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    color: #707070;
    position: relative;
    text-transform: uppercase;
    
}
.nav-primary ul .active a{
    color: #1B4489;
}
.nav-primary ul li a:hover{
    color: #1B4489;
}
.nav-primary ul li:hover a:after{
    display: block;
}
.nav-primary ul .active a:focus a:after{
    display: block;
}
@media (max-width: 1135px){

    .nav-primary ul {
        text-align: center;
    }

    .nav-primary ul li {
        float: none;
        display: inline-block;
        margin: 31px 39px 31px 0px;

    }

    .nav-primary ul li:last-child {
        margin: 31px 0 31px 0px;
    }




}

@media(max-width: 991px){
    .nav-primary ul li {
        margin: 31px 8px 31px 0px;
    }
}

@media(max-width: 767px){

    .nav-primary ul li{
        display: block;
        margin: 5px 0;
    }

    .nav-primary ul{
        text-align: left;
    }

    .nav-primary ul li:last-child {
        margin: 5px 0 5px 0;
    }

    .nav-primary ul .active::after {
        display: none;
    }

    .nav-primary{
        display: none;
        background: #dedede;
        margin: 0 -15px;
        padding: 0 0 0 10px;
    }

    .nav-primary {
        border-top: none;
    }

    .logo {
        width: 200px;
        height: auto;
        
    }
    .fixed{
        position: inherit;
    }
    .nav-primary ul li a::after {
        display: none;
    }
    .nav-primary ul li:hover a::after {
        display: none;
    }
    .nav-primary ul .active a::after {
        display: none;
    }
}


/**banner**/
.banner{
    background-position: 0 50%;
    padding: 220px 0;
}
.banner_caption{
    
}
.banner_caption h2 {
    font-weight: 400;
    color: #000000;
    line-height: 55px;
    text-transform: capitalize;
}
.banner_caption h2 span{
    display: block;
}
.banner_caption p{
    font-weight: 300;
    max-width: 529px;
    padding: 27px 0;
}
.banner_bts ,.same_btn{
    display: inline-block;
    z-index: 3;
    position: relative;
}
.same_btn a{
    display: inline-block;
    color: #000;
    font-size: 16px;
    padding: 15px 55px;
    border:1px solid #000;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}
.same_btn li{
    display: inline-block;
    margin-right: 25px;
    position: relative;
}
.same_btn li:last-child{
    margin-right: 0;
}

.same_btn li:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    background: #DEDBDB;
    left: 7px;
    top: 12px;
    border-radius: 5px;
    z-index: -1;
}
.same_btn a:last-child{
    margin-right: 0;
}
.same_btn li:hover:before{
    display: none;
}
.same_btn li:hover{
    background: #DEDBDB;
    border-radius: 5px;
}
.shelter_btn{
    margin-top:20px;
}
.shelter_btn a{
padding:15px 18px;
    font-size:15px;
}
@media(max-width:1024px){

    .banner_caption h2 {
        line-height: 41px; 

    }

    .banner {
        padding: 114px 0;
    }

    .banner_caption p {
        max-width: 470px;
    }
    .same_btn a {
        padding: 13px 44px;
    }

}


@media(max-width:767px){

    .banner_caption h2 span {
        display: inline-block;
    }

    .banner_caption h2 {
        font-size: 21px;
        line-height: 29px;
    }

    .same_btn a {
        padding: 6px 22px;
    }

    .same_btn a{
        font-size: 11px;
    }

    .same_btn li::before {
        height: 26px;
        left: 7px;
        top: 8px;
    }

    .banner_caption {
        background: rgb(255, 255, 255, 0.8);
        padding: 10px 10px 20px 10px;
    }

    .banner{
        padding: 57px 0;
    }

    .banner_caption p {
        padding: 11px 0;
        font-size: 15px;
    }
    .same_btn li {
        margin-right: 16px;
    }
}








/*adoption_information*/

.adoption_information{
    padding: 100px 0 0 0;
}
.adoption_information .left_box{
    max-width: 559px;
    position: relative;
    height: 540px;
}
.same_btn1{
    display: inline-block;
    position: relative;
    z-index: 3;
    text-align: center;
   
  
}
.same_btn1 a{
    display:inline-block;
    color: #000;
    font-size: 16px;
    padding: 15px 52px;
    border:1px solid #000;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}
.same_btn1:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    background: #DEDBDB;
    left: 7px;
    top: 12px;
    border-radius: 5px;
    z-index: -1;
}
.same_btn1:hover:before{
    display: none;
}
.same_btn1:hover{
    background: #DEDBDB;
    border-radius: 5px;
}

.pet_box .same_btn1{
    display: block;
    position: relative;
    z-index: 3;
    text-align: center;
    width: 208px;
    margin: 0 auto;
   
  
}
.pet_box .same_btn1 a{
    display:block;
    color: #000;
    font-size: 16px;
    padding: 15px;
    border:1px solid #000;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}
.adoption_information .left_box ul li:nth-of-type(2) {
    position: absolute;
    right: 0;
    bottom: 0;

}
.adoption_information .left_box ul li:nth-of-type(1) {
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: 0;
}
.adoption_information .left_box ul li:nth-of-type(1) .img_holder{
    width: 362px;
    height: 360px;
    

}
.adoption_information .left_box ul li:nth-of-type(3) {
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -179px;
    
}
.adoption_information .left_box ul li:nth-of-type(3) .img_holder{
    width: 358px;
    height: 356px;
    border: 8px solid #fff;

}
.adoption_information .left_box ul li img{
     border: 8px solid #fff;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 50%;
     box-shadow: 0 -3px 8px #707070;

}
.adoption_information .right_box{
    padding: 50px 0  50px 30px;
}
.adoption_information .right_box h2 span{
    display: block;
}
.adoption_information .right_box p{
    line-height: 28px;
    color: #707070;
    padding: 50px 0 60px 0;
}

@media(max-width:991px){
    .adoption_information .left_box ul li:nth-of-type(1) {
        width: 65%;
    }
    .adoption_information .left_box ul li:nth-of-type(2) {
        width: 60%;
    }
    .adoption_information .left_box {
        height: 416px;
    }
    .adoption_information .right_box p {
        line-height: 25px;
        color: #707070;
        padding: 7px 0 22px 0;
    }
}

@media(max-width:767px){
    .left_box .img_hodler{
        width: 250px;
        height: 250px;
    }
     .left_box .img_hodler img{
        width: 100%;
        height: 100%;
        object-fit: cover;
     }

     .adoption_information .left_box ul li:nth-of-type(3) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 0;

    }
    .adoption_information .left_box ul li:nth-of-type(1) {
       position: absolute;
        top: 20%;
        transform: translateY(-50%);
        margin-left: 0;
        width: 100%;
    }
    .adoption_information .left_box ul li:nth-of-type(2) {
         position: absolute;
        top: 50%;
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .adoption_information .left_box {
        text-align: center;
    }

    .adoption_information .right_box h2 span {
        display: inline-block;
    }
    .adoption_information .right_box {
        padding: 78px 0 30px 30px;
    }
}

/*looking_for_pet*/
.looking_for_pet{
    padding:100px 0 0 0;
}
.looking_for_pet .title h2{
    margin-bottom: 60px;
}
.pet_box .img_holder{
    width: 326px;
    height: 245px;

}
.pet_box .img_holder img{
    /*width: 100%;
    height: 100%;
    object-fit: cover;*/
 
}
.pet_box{
    border: 1px solid #D5D2D2;
    padding: 20px 10px 40px 10px;
    border-radius: 5px;
}
.pet_box h5{
    text-transform: uppercase;
    color: #000000;
    position: relative;
    padding-bottom: 15px;
}
.pet_box h5:after{
    position: absolute;
    content: '';
    width: 31px;
    height: 3px;
    background: #1B4489;
    left: 0;
    bottom: 0px;

}
.pet_box p{
    padding: 20px 0 35px 0;
}
.looking_for_pet .mt-78{
    margin-top: 78px;
}

@media(max-width:1100px){
        .pet_box .img_holder {
        width: 300px;
        height: 245px;
    }
}
@media (max-width:1024px){

    .pet_box .img_holder {
        width: 220px;
        height: 211px;
    }

    .pet_box .same_btn1 a {
        padding: 15px 46px;
    }

    .looking_for_pet .mt-78 {
        margin-top: 40px;
    }



}

@media (max-width:767px){

    .looking_for_pet {
        padding: 20px 0 0 0;
    }
    .looking_for_pet .pet_box{
        margin-bottom: 20px;
    }

    .looking_for_pet .mt-78 {
        margin-top: 15px;
    }

    .pet_box .img_holder {
        width: auto;
        height: auto;
    }
    .pet_box .same_btn1 a {
        padding: 6px 22px;
    }

    .pet_box{
        max-width: 320px;
        margin: 0 auto;
        display: block;
    }


}


/*adopt_join*/

.adopt_join{
    padding-top: 78px;
    padding-bottom: 90px;
}
.adopt_box {
    max-width: 570px;
    position: relative;
    height: 301px;
    padding: 60px 0 60px 20px;
    border-radius: 15px;
}
.adopt_box h3{
    color: #000;
    font-weight: 400;
    line-height: 40px;
}
.adopt_box h3{
    max-width: 314px;
}
.join_us h3{
    max-width: 274px;

}
.adopt_box .img_holder{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 342px;
}
.adopt_box .mt40{
    margin-top: 40px;
}
.adopt_box .same_btn1 a{
    border: 1px solid #000;
    color: #000;
    background: transparent;
}
.adopt_box .same_btn1::before{
    background: #E3A576;
    border-radius: 5px;
}
.adopt_box .same_btn1 a:hover{
    background: #E3A576;
    border: 1px solid #E3A576;
}

@media (max-width: 1024px){
    .adopt_box  h3{
        font-size: 30px;
    }
    .adopt_box .img_holder {
       width: 197px;
    }
    .adopt_box .same_btn1 a{
        padding: 15px 28px;
    }
}

@media (max-width:767px){
    .adopt_box{
        padding: 20px 10px 160px 10px;
        height: auto;
        margin: 0 auto;
        
    }
    .adopt_box h3 {
        font-size: 28px;
    }
    .join_us{
        margin-top: 30px;
    }
    .adopt_box .same_btn1 a {
        padding: 6px 22px;
    }
}
/**donation***/

.donation{
    background: #4AB0CB;
    padding:  250px 0 149px 0;

}
.donation .content h2{
    color: #fff;
    line-height: 55px;
    margin-bottom: 30px;
}
.donation .content{
    max-width: 762px;

}
.donation .same_btn1 a{
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}
.donation .same_btn1::before{
    background: #30BFE3;
    border-radius: 5px;
}
.donation .same_btn1 a:hover{
    background: #30BFE3;
    border: 1px solid #30BFE3;
}

@media (max-width:1024px){
    .donation {
        padding: 74px 0 74px 0;
    }
    .donation .content {
        max-width: 65%;
    }
    .donation .content h2 {
        color: #fff;
        line-height: 47px;
        margin-bottom: 30px;
    }
}

@media(max-width:767px){
    .donation .content {
        max-width: 100%;
    }
    .donation .content h2 {
        line-height: 36px;
        margin-bottom: 27px;
    }

    .donation {
        padding: 35px 0 45px 0;
    }
    .same_btn1 a{
        font-size: 13px;
        padding: 6px 22px;
    }
    .same_btn1::before {
        height: 26px;
        top: 9px;
    }
}

/**information**/

.information{
    padding: 121px 0 26px 0;
}
.information .img_holder img{
    border-radius: 15px;
}
.information_box{
    min-height: 588px;
    margin-bottom: 60px;
}
.information_box h2{
    max-width: 371px;
    font-weight: 600;
    line-height: 55px;
}
.information_box p{
    padding: 25px 0 30px 0;
    line-height: 30px;
}
.information .shelter_info p{
    padding: 0 0 10px 0;
}
.information .shelter_info p:first-child{
    padding: 20px 0 10px 0;
}
.information .shelter_info p:last-child{
    padding: 15px 0 30px 0;
}
.information .shelter_info p:nth-of-type(4){
    padding-left: 40px;
    position: relative;
}
.information .shelter_info p:nth-of-type(2){
     padding-left: 35px !important;
    position: relative;
}

.information .shelter_info p:nth-of-type(3){
    padding-left: 35px !important;
    position: relative;
}
.information .shelter_info p img{
    position: absolute;
    left: 0;
    top: 10px;  
}

@media(max-width:1024px){
    .information {
        padding: 50px 0;
    }
    .information .img_holder{
        height: 588px;
    }
     .information .img_holder img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .information_box h2 {
        line-height: 27px;
        font-size: 28px;
    }

    .information_box p {
        padding: 22px 0 25px 0;
        line-height: 26px;
    }
}


@media(max-width: 767px){
    .information_box {
        min-height: auto;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .information .img_holder {
        height: auto;
    }
    .information_box h2 {
        line-height: 27px;
        font-size: 22px;
    }
    .information {
        padding: 50px 0 40px 0;
    }

}
/*Become_Volunteer_opportunities*/

.Become_Volunteer_opportunities{
    background: #1B4489;
}
.Become_Volunteer_opportunities .left_content{
    position: relative;
    height: 568px;
    
}
.Become_Volunteer_opportunities .left_content .img_holder{
   
}
.Become_Volunteer_opportunities .left_content .img_holder img{
   position: absolute;
   bottom: 0;
   width: auto;
   height: 100%;
  
}
.Become_Volunteer_opportunities .right_content{
    padding: 100px 0;
}
.Become_Volunteer_opportunities .right_content h2{
    color: #fff;
    line-height: 55px;

}
.Become_Volunteer_opportunities .right_content h2 span{
    display: block;

}
.Become_Volunteer_opportunities .right_content p{
    color: #fff;
    padding: 25px 0 30px 0;
    line-height: 30px;
}
.Become_Volunteer_opportunities .right_content .same_btn1 a{
    border: 1px solid #FFF;
    color: #FFF;
    background: transparent;
}
.Become_Volunteer_opportunities .right_content .same_btn1::before{
    background: #3363B2;
    border-radius: 5px;
}
.Become_Volunteer_opportunities .right_content .same_btn1 a:hover{
    background: #3363B2;
    border: 1px solid #3363B2;
}

@media(max-width:1100px){
    .Become_Volunteer_opportunities .right_content h2 {
        line-height: 47px;
        font-size: 41px;
    }
}

@media(max-width:1024px){

    .Become_Volunteer_opportunities .left_content {
        position: relative;
        height: 600px;
    }
}

@media (max-width:767px){

    .Become_Volunteer_opportunities .left_content .img_holder img {
        position: relative;
        bottom: 0;
        width: auto;
        height: auto;
    }

    .Become_Volunteer_opportunities .left_content {
        position: relative;
        height: auto;
    }

    .Become_Volunteer_opportunities .right_content {
        padding: 30px 0;
    }
    .Become_Volunteer_opportunities .right_content h2 {
        line-height: 30px;
    }
    .Become_Volunteer_opportunities .right_content p {
        color: #fff;
        padding: 20px 0 30px 0;
        line-height: 27px;
    }
}

/*Latest_news*/

.Latest_news{
    padding: 50px 0;
}
.Latest_news .title h2{
    text-align: center;
    margin-bottom: 67px;
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
}
.latest_box .img_holder{
    border-bottom: 10px solid #dedede;
    position: relative;
    margin-bottom: 50px;
}
.latest_box .date{
    width: 79px;
    height: 84px;
    background: #D9E7FF;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 30px;
    bottom: -40px;
    font-weight: 700;
    padding:0 5px;
}
.latest_box p strong{
    font-size: 17px;
    color: #262525;

}
.comment_sec{
    border:1px solid #dedede;
    padding: 10px 0;
    margin-top: 15px;
    margin-bottom:40px;
}
.latest_box .same_btn1{
    margin-top:40px;
}
.comment_sec ul li{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #262525;
}
.comment_sec ul li .fa{
    font-size: 20px;
    color: #707070;
    padding-right: 15px;
}
.latest_box .p{
    padding: 34px 0;
    line-height: 29px;

}
.latest_box:hover .img_holder{
    border-bottom: 10px solid #1B4489;
}
.latest_box:hover{
    cursor: pointer;
}
.latest_box:hover .date{
    background: #1B4489;
    color: #fff;
}

@media (max-width:1024px){
    .latest_box .img_holder {
        width: auto;
        height: auto;
       margin-bottom: 50px;
    }

    .latest_box p strong {
        font-size: 14px;
        color: #262525;
    }

    .comment_sec ul li {
        font-size: 13px;
    }

    .latest_box .p_des {
        padding: 20px 0;
        line-height: 26px;
        font-size: 13px;
    }

    .Latest_news .title h2 {
        margin-bottom: 40px;
    }
    .Latest_news .same_btn1 a {
        font-size: 15px;
        padding: 11px 39px; 
    }
}

@media (max-width:767px){
    .latest_box{
        margin-bottom: 40px;
    }
    .Latest_news{
        padding: 50px 0 0 0;
    }
    .Latest_news .same_btn1 a {
        padding: 6px 22px;
        font-size: 13px;
    }
    .latest_box .img_holder img{
        width: 100%;
    }
}

/*newsletter*/
.newsletter{
    padding: 70px 0 60px 0;
}
.newsletter .content h2{
   margin-bottom:40px;
}
.newsletter .content p{
   max-width: 736px;
   display: block;
   margin: 0 auto;
   padding: 20px 0 37px 0;
}
.newsletter .content .emaillist{
    max-width: 1016px;
    margin: 0 auto;
    display: block;
}
.emaillist label {
 width:100%;
}
.newsletter .content .emaillist input[type="email"]{
    width: 100%;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #dedede;
    border-radius: 5px;
    color: #707070;
    font-size: 15px;
}
.newsletter .content .emaillist input[type="submit"]{
    width:100%;
    text-align: center;
    padding: 13px 0;
    border:1px solid #000;
    border-radius: 5px;
    color: #000;
    background: transparent;
    font-size: 15px;
    text-transform: uppercase;
    max-width: 242px;
    margin-top: 20px;
    position: relative;
    z-index: 1;

}
.newsletter .content .input_box input[type="submit"]:hover{
    background: #dedede;
     border-radius: 5px;

}
.newsletter .content .input_box:last-child{
    max-width: 242px;
    margin-top: 39px;
    position: relative;
    z-index: 1;
}
/*.newsletter .content .emaillist input[type="submit"]:after{
    position: absolute;
    content: '';
    width: 242px;
    height: 50px;
    left: 10px;
    top: 10px;
    background: #dedede;
    border-radius: 5px;
    z-index: -1;
}*/
/*
.emaillist .input_box{
    max-width: 242px;
    margin-top: 39px;
    position: relative;
    z-index: 1;
}*/
.emaillist .input_box:last-child:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    left: 10px;
    top: 10px;
    background: #dedede;
    border-radius: 5px;
    z-index: -1;
}
.newsletter .content .emaillist input[type="submit"]:hover:after{
    display: none;
}
.emaillist .input_box{
    position: relative;
    z-index: 1; 
}
/*
.emaillist .input_box::after{
    position: absolute;
    content: '';
    width: 242px;
    height: 50px;
    left: 10px;
    top: 10px;
    background: #dedede;
    border-radius: 5px;
    z-index: -1;
}*/

.newsletter .emaillist .content .input_box:last-child:hover:after{
    display: none;
}

@media(max-width: 767px){
    .newsletter .content .input_box:last-child {
        max-width: 117px;
        margin-top: 30px;
     
    }
    .newsletter .content .input_box input[type="submit"]{
        padding: 6px 22px;
        font-size: 13px;
    }
    .newsletter .content .input_box:last-child::after {
        width: 100%;
        height: 26px;
        left: 10px;
        top: 9px;
    }
}



/**footer**/
.ftr_top{
    background: #081C3E;
    padding: 100px 0 56px 0;
}
.footer_form .input_box input[type="text"],.footer_form .input_box input[type="email"]{
   width: 100%;
    background: #fff;
    border: none;
    color: #3B3A3A;
    font-size: 14px;
    padding: 8px 0 8px 10px;
    margin-bottom: 20px;

}
.footer_form .input_box{
    max-width: 323px;
}
.footer_form .input_box textarea{
   width: 100%;
    background: #fff;
    border: none;
    color: #3B3A3A;
    font-size: 14px;
    padding: 8px 0 8px 10px;
    min-height: 77px;
}
.footer_form .input_box input[type="submit"]{
    background: #1D4FA3;
    color: #fff;
    padding: 8px 60px;
    font-size: 16px;
    margin-top: 16px;
}
.footer_form .input_box input[type="submit"]:hover{
    background: #113571;
    cursor: pointer;
}
.footer_col h4{
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 36px;
}
.footer_col #menu-primary-menu-1 li{
    display: block;
    margin-bottom: 22px;
}
.ftr_menu li:last-child{
    margin-bottom: 0;
}
.footer_col #menu-primary-menu-1 a{
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    display: block;

}
.footer_col #menu-primary-menu-1 a:hover{
    color: #30BFE3;
}
.our_info p{
    position: relative;
    padding-left: 50px;
    padding-bottom: 30px;
    color: #fff;
}
.our_info p span{
    position: absolute;
    left: 0;
}
.our_info p a{
    color: #fff;
}
.our_info p a:hover{
    color: #30BFE3;
}
.footer_btm{
    background: #051126;
    padding: 25px 0;
}
.footer_btm .left{
    float: left;
}
.footer_btm .left p{
    color: #fff;
}
.footer_btm .right{
    float: right;
}
.footer_btm .right ul li{
    display: inline-block;
}
.footer_btm .right ul li a{
    font-size: 15px;
    margin-right: 5px;

}
.footer_btm .right ul li:first-child{
    font-size: 15px;
}
.footer_btm .right ul li:first-child a{
    font-size: 15px;
    color: #fff;
}
.footer_btm .right ul li .fa{
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    background: #fff;
    color: #000;
}
.footer_btm .right ul li .fa:hover{
    background: #1B4489;

}

@media (max-width:767px){
    .ftr_top {
        padding: 40px 0 56px 0;
    }
    .our_info p {
        padding-left: 35px;
        padding-bottom: 15px;
    }
    .footer_col h4 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .ftr_menu li {
        margin-bottom: 10px;
    }
    .ftr_menu li:last-child {
        margin-bottom: 27px;
    }
    .footer_form{
        margin-top: 15px;
    }

    .footer_btm .left {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer_btm .right {
        float: none;
        text-align: center;
    }
}

/***inner_banner***/
.inner_banner{
   padding-top: 40px;
}
.inner_banner .container{
    position: relative;
}
.inner_caption{
    padding: 125px 0 220px 0;
}
.inner_caption h2{

  text-shadow: 1px 1px #AAAAAA;
}
.inner_banner {
   min-height: inherit;
   height: auto;
   position: relative;
}
.inner_caption p{
    line-height: 28px;
    max-width: 598px;
}
.inner_img_holder{
    height: 481px;
    width: 430px;
}
.inner_img_holder img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.inner_caption{
    max-width: 605px;
}

@media (max-width: 1024px){
    .inner_img_holder {
        height: 316px;
        width: 286px;
    }
    .inner_caption {
        padding: 98px 0 130px 0;
    }
    .inner_banner {
        min-height: px;
        position: relative;
    }
    .inner_img_holder{
       height: 421px;
        width: 376px;
    }
}

@media(max-width:767px){
    .inner_caption {
        padding: 0px 0 25px 0;
        text-align: center;
    }
    .inner_img_holder {
        height: auto;
        width: 300px;
        display: block;
        margin: 0 auto;
    }
    .inner_caption p {
        line-height: 24px;
    }


}


/***pet sesources**/

.Interest_to_Pet_Owners h2 span{
    display: block;
}
.Interest_to_Pet_Owners h2{
    line-height: 55px;
    margin-bottom: 40px;
}
.Interest_to_Pet_Owners .content p{
    padding-bottom: 35px;
    color: #0D4383;
    font-weight: 700;
}
.Interest_to_Pet_Owners .content p strong{
    font-weight: 400;
    color: #707070;
}

.Interest_to_Pet_Owners {
    padding: 80px 0;
}
@media (max-width:1100px){
    
    
}

@media (max-width: 1024px){
   
}
@media(max-width: 767px){
    .Interest_to_Pet_Owners{
        padding: 40px 0 0 0;
    }
    .Interest_to_Pet_Owners h2 {
        line-height: 30px;
        margin-bottom: 30px;
    }
    .Interest_to_Pet_Owners .content p {
        padding-bottom: 15px;
        font-size: 15px;
    }



}






/***new event inner page***/
.main_new_event_page .latest_box{
    margin-bottom: 30px;
}
.main_new_event_page .new_event_pagination ul{
    max-width: 320px;
    margin:0 auto;
    display: block;
    text-align: center;
} 
.main_new_event_page .new_event_pagination ul li{
    display: inline-block;

}
.main_new_event_page .new_event_pagination ul li a{
     width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #fff;
    border:1px solid #1B4489;
    border-radius: 50%;
    display: inline-block;
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
   
}
.main_new_event_page .new_event_pagination ul li a:hover{
    background: #1B4489;
    color: #fff;
}
.main_new_event_page .new_event_pagination ul .active a{
     background: #1B4489;
    color: #fff;
}
.new_event_pagination{
    text-align: center;
    margin-top: 20px;
}
.inner_banner_left_img .inner_img_holder{
    width: auto;
}

/***how to help**/
.how_to_help .inner_img_holder{
    width: auto;
    height: auto;
}
.volunteer_shelter p{
    padding: 0 0 15px 0;
}
.volunteer_shelter h2{
    margin-bottom: 15px;
    max-width: 390px;
}
.volunteer_special_list li{
    font-size: 16px;
    margin-bottom: 30px;
    color: #707070;
}
.volunteer_special_list li span{
    font-size: 16px;
    color: #134E81;
}
.volunteers_img .img_holder{
    height: 751px;
}
.volunteers_img .img_holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Foster_pet{
    padding: 121px 0 104px 0;
}
.Foster_pet h2{
    margin-bottom: 15px;
}
.volunteer_left_img .img_holder{
    
}
.volunteer_left_img .img_holder img{
     width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:1024px){
    .Foster_pet {
        padding: 40px 0 41px 0;
    }
}

@media (max-width: 767px){
    .volunteers_img .img_holder {
        height: auto;
    }
}

/***api shelter**/
.apl_shelter .inner_img_holder{
    height: 530px;
}
.apl_shelter_content{
    padding: 100px 0;
}
 #map, #map-1 {
        width: 100%;
        height:337px;
    }
/*.apl_shelter_content .information .shelter_info p:nth-of-type(4) {
    padding: 0px 0 30px 40px;
   
}
*/
.apl_shelter_content .shelter_info_des p{
    padding-left: 40px;
   padding-bottom: 15px;
   position: relative;
}
.apl_shelter_content .shelter_info_des p img{
    position: absolute;
    left: 0;
    top: 5px;
}
.apl_shelter_content .information p{
    padding: 0;
}
.apl_shelter_content h2 span{
    display: block;
}
.apl_shelter_content .shelter_info_des h6{
    color: #1B4489;
    font-size: 20PX;
    font-weight: 600;
    margin-bottom: 36px;
}
.apl_shelter_content .shelter_info_des p a{
    color: #707070;
}
.apl_shelter_content .shelter_info_des p a:hover{
    color: #1B4489;
}
.shelter_main_page{
    padding: 50px 0 70px 0; 
}

.our_organization .video_wrapper{
    position: relative;
} 
.video_box{
    max-width: 704px;
    height: 422px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.our_organization .video_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.our_organization h2{
    line-height: 55px;
    margin-bottom: 25px;
}

.our_organization .video-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 20px;
    color: #ffffff;
}

.our_organization .video-overlay p {
    font-size: 16px;
    line-height: 1.1em;
    font-weight: 400;
}

.our_organization .video-play-btn {
    background: url(../img/play-button.jpg) 0 0 no-repeat;
    height: 70px;
    width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    border-radius: 50%;
}
.our_organization .video_wrapper{
    padding:123px 0 118px 0;
}
.our_organization .video_box {
    position: relative;
   box-shadow: 3px 108px 78px -23px #e1e1e1;
}
.our_organization .video_box:after{
    position: absolute;
    content: '';
    background: url(../img/tree-img1.jpg)no-repeat center;
    width: 604px;
    height: 353px;
    top: -170px;
    left: 50%;
    margin-left: -302px;
    z-index: -1;
}

.our_organization .video_box:before{
    position: absolute;
    content: '';
    background: url(../img/tree-img2.jpg)no-repeat center;
    height: 604px;
    width: 353px;
    right: -121px;
    z-index: -1;
    top: -80px;
}
.watch_video_link{
    margin-top: -72px;
}


.directions{
    padding: 20px 0 150px 0;
}
.directions .title p{
    max-width: 728px;
    line-height: 30px;
    display: block;
    margin: 0 auto;
}
.directions .title h2{
    margin-bottom: 15px;
}
.directions .title{
    margin-bottom: 25px;
}



/***pet adoption inner page**/
.pet_adoption_inner .inner_img_holder{

}
.pet_adoption .right_box p{
    padding: 30px 0 0 0;
}
.pet_adoption_left{
    padding: 100px 0;
}
.view_pet_tab .tab-content h5{
    font-size: 19px;
    color: #707070;
    text-transform: uppercase;
}
.view_pet_tab .tab-content .pet_box h5::after{
    display: none;
}
.view_pet_tab .tab-content .pet_box .img_holder{
    width: 237px;
}
.view_pet_tab .tab-content .pet_box{
    min-height: 470px;
    margin-bottom: 30px;
}
.view_pet_tab .nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    text-align: center;
    display: inline-block;
    background: #EDEDED;
    margin-right: -2px;
}
.view_pet_tab .nav-tabs > .active{
    background: #FFFFFF;
    box-shadow: 8px 7px 31px #dedede;
}
.view_pet_tab .nav > li > a {
    position: relative;
    display: block;
    padding: 14px 100px;
    font-size: 16px;
    color: #707070;
    text-transform: uppercase;
}
.view_pet_tab .nav{
    text-align: center;
    margin-bottom: 65px;
}
.view_pet_tab {
    margin-top: 65px;
}
.view_pet_tab .slick-dots li button::before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    content: '';
    text-align: center;
    opacity: 0.4;
    color: black;
    background: #1B4489;
    border-radius: 50%;
    border:4px solid #D6D6D6;
}

.view_pet_tab .slick-dots li.slick-active button::before {
    opacity: 1;
}
.View_Pets_Online{
    padding-bottom: 50px;
}
.View_Pets_Online .slick-dots{
    bottom: -124px;
}
.adopt_pet_program p:last-child{
    padding: 0 0 30px 0;
}
.View_Pets_Online .tab-content > .tab-pane {
    display: block;
    height: 0;
    /*overflow: hidden;*/
}
.finding_a_good_home_for_pet {
    padding: 20px 0 0 0;
}
.finding_a_good_home_for_pet h2{
    max-width: 583px;
    line-height: 55px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}
.finding_a_good_home_for_pet p{
    max-width: 992px;
    margin: 0 auto;
    display: block;
    padding-bottom: 40px;
}


.finding_a_good_btn li{
    display: inline-block;
    position: relative;
    margin-right: 40px;
}
.finding_a_good_btn li:before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    left:7px;
    top: 7px;
    background:#EBEBEB;
    z-index: -1;
    border-radius: 5px;

}

.finding_a_good_btn li a{
    color: #000;
    padding: 15px 50px;
    display:inline-block;
    border:1px solid #000;
    border-radius: 5px;
    text-transform: uppercase;
}
.finding_a_good_btn .active:before{
    background: #3363B2;
}
.finding_a_good_btn .active a,.finding_a_good_btn li a:hover{
    color: #fff;
}
.finding_a_good_btn .active:before{
    background: #3363B2;
}
.finding_a_good_home_for_pet .same_btn :active a{
    color: #fff;
}

.finding_a_good_btn li:hover:before{
    background: #3363B2;
}

.View_Pets_Online .tab-content > .tab-pane.active {
    height: auto;
}
@media (max-width: 1024px){
    .shelter_main_page .img_holder{
        width: 420px;
        height:auto;
    }
    .apl_shelter_content {
        padding: 19px 0;
    }
        .apl_shelter .inner_img_holder {
        height: 404px;
    }
    .View_Pets_Online {
        padding-bottom: 35px;
    }
    .View_Pets_Online .slick-dots{
        bottom: -17px;
    }
    .View_Pets_Online .pet_box p {
        padding: 0;
        min-height: 90px;
    }
    .view_pet_tab .tab-content .pet_box {
        min-height: 459px;
        margin-bottom: 30px;
    }
    .view_pet_tab .tab-content .pet_box .img_holder {
        width: 183px;
    }
    .sm-mt0 .right_box {
        padding: 0px 0 50px 30px;
    }
    .finding_a_good_btn li a {
        padding: 15px 22px;
    }
    .finding_a_good_home_for_pet {
        padding: 50px 0 0 0;
    }
    .pet_adoption_inner .inner_img_holder {
        height: 310px;
    }
}

@media(max-width: 767px){

    .apl_shelter_content h2{
        line-height: 30px;
    }
    .apl_shelter_content h2 span {
        display: inline-block;
    }
    .directions {
        padding: 20px 0 40px 0;
    }
    .left_map{
        margin-bottom: 30px;
    }
    .finding_a_good_btn li:last-child{
        margin-right: 0;
        margin-bottom: 0;
    }
    .finding_a_good_btn li{
        margin-bottom: 30px;
    }
    .pet_adoption_inner .inner_img_holder {
        height: auto;
        width: 320px;
    }
    .sm-mt0{
        padding-top: 0;
    }
    
    .view_pet_tab .nav > li > a {
        padding: 14px 50px;
    }
    .view_pet_tab .nav {
        margin-bottom: 30px;
    }
 
    .view_pet_tab .tab-content .pet_box .img_holder {
        width: 183px;
        height: 210px;
    }
    .view_pet_tab .tab-content .pet_box {
        min-height: 420px;
        margin-bottom: 30px;
    }
    .pet_adoption .right_box p {
        padding: 16px 0 0 0;
    }
    .View_Pets_Online .title h2{
        margin-bottom: 15px;
    }
    .view_pet_tab {
        margin-top: 35px;
    }

    .apl_shelter{
        padding-top: 28px;
    }
    .apl_shelter .inner_img_holder {
        height: auto;
    }
    .shelter_main_page{
        padding: 0 0 0px 0;
    }
    .apl_shelter_content {
        padding: 28px 0;
    }
    .apl_shelter_content .shelter_info_des h6 {
        font-size: 16PX;
        margin-bottom: 25px;
        margin-top: 15px;
    }
    .apl_shelter_content .shelter_info_des p{
        font-size: 15px;
    }
    .our_organization h2 {
        line-height: 29px;
        margin-bottom: 25px;
    }
    .our_organization .video_box::before {
        display: none;
    }
    .our_organization .video_box::after {
        display: none;
    }

    .our_organization .video_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
     .our_organization .video_box{
        height: auto;
        box-shadow: 3px 11px 45px -23px #e1e1e1;

     }
         .our_organization .video_wrapper {
        padding: 44px 0 25px 0;
    }
    .shelter_main_page .img_holder {
    width: auto;
        height: auto;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width:492px){
    .finding_a_good_btn li {
        display: block;
        position: relative;
        margin-right: 0;
    }
    .finding_a_good_btn li a{
        display: block;
    }
    .View_Pets_Online .pet_box p {
        padding: 0;
        min-height: 105px;
    }
}


.volunteer_main_page {
    background:#dedede;
    padding:80px 0;
}
.volunteer_main_page .input_box{
    width:33.33%;
    float:left;
    padding:0 10px;
    margin-bottom:30px;
    vertical-align: top;
}
.volunteer_main_page .input_box .message{
    width: 100%;
}
.volunteer_main_page .input_box:nth-of-type(5){
    width: 100%;
    float: none;
}
.volunteer_main_page .input_box:nth-of-type(6){
    max-width: 323px;
    float: none;
    display: block;
    margin: 30px auto 0 auto;

}
.volunteer_main_page .input_box input[type="text"]{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
}
.volunteer_main_page .input_box input[type="email"]{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding:12px 10px 11px 10px;
    border-radius: 8px;
}
.volunteer_main_page .input_box input[type="submit"]{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
}
.volunteer_main_page .input_box input[type="submit"]:hover{
    background-color: #000;
    color: #fff;
}
.volunteer_main_page .input_box textarea{
    background: transparent;
    outline: none;
    width:100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    min-height:80px;
}
.volunteer_main_page .input_box p{
    padding: 0;
}
.volunteer_main_page form{
    margin-top:50px;
}
.volunteer_main_page p{
    padding:10px 0;
    line-height: 28px;
}
.volunteer_main_page ul{
    margin-top: 30px;
}
.volunteer_main_page li{
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}
.volunteer_main_page li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #707070;
    border-radius: 50%;
}
.volunteer_main_page li a{
   display: block;
   font-size: 16px;
   color: #707070;
}
.volunteer_main_page li a:hover{
    color: #000;
}

@media(max-width:500px){
    .volunteer_main_page .input_box{
        width:100%;
        float:none;
        padding:0 10px;
        margin-bottom:30px;
        vertical-align: top;
    }
}


.pagination{
    text-align: center;
    margin-top: 90px;
    display: block;
}

.pagination .page-numbers {
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #fff;
    border: 1px solid #1B4489;
    border-radius: 50%;
    display: inline-block;
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}
.pagination .page-numbers:hover{
     width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #fff;
    border: 1px solid #1B4489;
    border-radius: 50%;
    display: inline-block;
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
}
.pagination .current {
     background: #1B4489;
    color: #fff;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    text-indent: -1000px;
}

.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    text-indent: 0;
    transform: translate(-50%, -50%);
    color: #1B4489;
    font-size: 19px;
    font-weight: 700;
}

.pagination .page-numbers.prev:after {
    content: "\f100";
}

.content-area{
    max-width: 1172px;
    display: block;
    margin: 0 auto;
    padding: 50px 15px 50px 15px;
}
.content-area .navigation{
    width: 300px;
    float: right;
}
.content-area article{
    float: left;
    width:calc(100% - 300px);
}
#comments{
   
    width:70%;
}
#comments textarea{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;

}
#comments input[type="text"]{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    
}
#comments input[type="email"]{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    
}
#comments input[type="url"]{
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
    
}
#comments input[type="submit"]{
    background: transparent;
    outline: none;
    padding: 15px 50px;
    border-radius: 8px;
    background-color: #0e2956;
    color: #fff;
    text-align: center;
    border:1px solid #0e2956;
    
}
#comments input[type="submit"]:hover{
    background-color: #fff;
    color: #0e2956;
    border:1px solid #0e2956;
    cursor: pointer;
}
#comments  label{
    display: inline-block;
    padding: 10px 0;
}
.byline .screen-reader-text{
    font-size: 16px;
    margin-left: 10px;
}
.cat-links .screen-reader-text{
    font-size: 16px;
    margin-left: 10px;
}
.cat-links a{
  font-size: 16px;
    color: #707070;
    display: inline-block;
  margin:0 10px;
}
.cat-links .screen-reader-text a{
    font-size: 16px;
    color: #707070;
    display: inline-block;
    margin:0 10px;
}
.entry-footer .author a{
    font-size: 16px;
    color: #707070;
    display: inline-block;
  margin:0 10px;
}
.posted-on a{
    font-size: 16px;
    color: #707070;
    display: inline-block;
    margin:0 10px;
}
.content-area .entry-content{
    padding: 30px 0;
}
.comments-title{
    margin-top: 40px;
}
.comments-title,.screen-reader-text{
    font-size: 20px;
    
}
.nav-previous .screen-reader-text{
    display: none;
}
.meta-nav{
    display: block;
    padding: 10px 0 10px 10px;
    background-color: #0e2956;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}
.nav-next .screen-reader-text{
    display: none;
}
.nav-links .post-title{
    color: #000;
    padding-bottom: 15px;
    display: block;
}
.text-wrapper p{
    font-size: 16px !important;
    color: #707070 !important;
    margin-bottom: 15px;
}
.text-wrapper p a{
    color: #000 !important;
    font-weight: 600;
    display: inline-block;
}
.text-wrapper{
    margin: 15px 0;
}
@media (max-width: 991px){
    .comment-form-cookies-consent{
        position: relative;
    }
    #comments .comment-form-cookies-consent label {
        display: inline-block;
        padding: 10px 0 10px 33px;
       
    }
    #wp-comment-cookies-consent {
        position: absolute;
        top: 10px;
    }
}

@media(max-width: 767px){
    .content-area article {
        float: none;
        width: 100%;
        padding: 0 15px;
    }
    .content-area .navigation {
        width: auto;
        float: none;
        padding: 0 15px;
    }
    #comments {
        width: 100%;
        padding: 0 15px;
    }
    .comment-form-cookies-consent{
        position: relative;
    }
    #comments .comment-form-cookies-consent label {
        display: inline-block;
        padding: 10px 0 10px 33px;
        font-size: 12px;
    }
    #wp-comment-cookies-consent {
        position: absolute;
        top: 10px;
    }
    .content-area {
        max-width: 1172px;
        display: block;
        margin: 0 auto;
        padding: 30px 0;
    }
}

/***event post page**/

.news-template{
    padding:60px 0; 
}
.news-template h2{
    text-align:center;
    margin-bottom: 50px;
}

.news-template .social-feed-main-container .social-feed-element{
    min-height: 350px;
}
.news-template .social-feed-main-container .fb-image-attachment{
    display:block !important;
    height:250px;
    width:auto;
    margin:0 auto;
}
.news-template #feed500{
    height:356px !important;
    position: relative;
}
.news-template .social-feed-container{
   /* float: none !important;*/
}
.news-template .social-feed-main-container{
    max-width: 1172px !important;
    margin: 0 auto;
    display: block;
    width: 100% !important;
    padding-bottom: 50px;
}
.news-template #wpsfp-item{
    float: left !important;
    width: 31.33% !important;
    display: inherit !important;
}
.news-template #feed500{
    width: 100% !important;
}
.news-template .social-feed-element{
    font-family: 'Poppins', sans-serif !important;
}



@media (max-width: 767px){
    .newsletter {
        padding: 0 0 60px 0;    
    }
    .news-template{
        padding: 0;
        height:auto;
    }
    .news-template #wpsfp-item {
        float: none!important;
        width: 100% !important;
        display: inherit !important;
    }
    .news-template .social-feed-container{
        margin:0;
    }
    .news-template .uniqcontent {
        text-align: center;
    }
}
/***fancybok**/
body.compensate-for-scrollbar{overflow:hidden}.
fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:9999999999999999}
.fancybox-container *{box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--image{overflow:hidden;padding:44px 0}
.fancybox-slide--image:before{display:none}
.fancybox-slide--html{padding:6px}
.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:grabbing}
.fancybox-container [data-selectable=true]{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff}
.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{left:0;position:absolute;top:0}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}
.fancybox-button.fancybox-focus{outline:1px dotted}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}
.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover{color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div{padding:7px}
.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}
.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}
.fancybox-caption--separate{margin-top:-50px}
.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#fff;text-decoration:underline}.
fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}

.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}
.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}
.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}
.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}
.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

.donate {
    padding: 120px 0 80px;
}

.get-donate-navigate {
    margin-bottom: 20px;
}

.get-donate-navigate > a {
    width: 100%;
    display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
                    flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
                justify-content: space-between;
    -webkit-box-shadow: 0 0 10px #e6e6e6;
            box-shadow: 0 0 10px #e6e6e6;
    border-radius: 10px;
    padding: 20px;
    min-height: 250px;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.get-donate-navigate > a:hover {
    background: #e6e6e6;
}

.paymeny-option-logo img {
    display: inline-block;
}


.get-donate-navigate span {
    display: inline-block;
    color: #2f2f2f;
    font-size: 15px;
    padding: 10px 40px;
    border: 1px solid #2f2f2f;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
}

.get-donate-navigate span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #DEDBDB;
    left: 12px;
    top: 8px;
    border-radius: 5px;
    z-index: -1;
    transition: all .4s ease-in-out;
}

.get-donate-navigate > a:hover span {
    border-color: #DEDBDB;
}

.get-donate-navigate > a:hover span:after {
    left: 0;
    top: 0;
}

@media (max-width: 1024px) {
    .donate {
        padding: 80px 0 60px;
    }
}

@media (max-width: 767px) {
    .donate {
        padding: 40px 0 30px;
    }
}

code {
    padding: 0px 0px !important;
}


/**annual_auction**/
.annual_auction{
    padding:100px 0;
}
.annual_auction h2{
    text-align:center;
    
}
.annual_auction p{
    text-align:center;
    margin-bottom:40px;
    
}
.latest_box {
    border: 1px solid #D5D2D2;
    padding: 20px 10px 40px 10px;
    border-radius: 5px;
}
.latest_box .img_holder img{
    min-height:240px;
}
.annual_auction .latest_box p{
    margin-bottom:0;
}


.pdf_box{
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    text-align: center;
    border-radius: 5px;
}
.pet_adoption_pdf .pdf_box img{
    width:50px;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:15px;
}
.pdf_box a{
    color:#000;
    padding: 20px 0;
    display: block;
}

.volunteer_pdf img{
    width:50px;
    margin-right:15px;
}
.volunteer_pdf .pdf_box{
    text-align:left;
}

.efbl-halfwidth-skin{
    width:33.33%;
    float:left;
    min-height:775px !important;
    padding:5px !important;
}
.efbl-row{
    display: -ms-flexbox;
     display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.efbl-thumbnail-col {
    height:100%;
    width:100%;
}
.efbl-col-sm-6 {
    flex: none!important;
    max-width: 100%!important;
    
}
.efbl-col-sm-6 img{
    height:100%;
    width:100%;
    object-fit:cover;
}
.efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col a{
    height:500px !important;
}
.efbl-d-flex{
    padding-top:15px;
}
.efbl-profile-title-wrap h2{
    line-height: 31px;
    text-align: left;
}
.efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col{
    border-right:none !important;
}
.description{
	min-height:100px !important;
}
.efbl-description-wrap{
min-height:100px !important;}
.news-template .efbl-halfwidth-skin:nth-of-type(8){
    min-height: 815px!important;
    }
.annual_auction .efbl-halfwidth-skin:nth-of-type(8){
    min-height: 855px!important;
    }
.Latest_news .efbl-halfwidth-skin:nth-of-type(8){
    	min-height: 815px!important;
    }
@media (max-width:1400px){
	.efbl-halfwidth-skin:nth-of-type(6){
    min-height: 855px!important;
    }
	.efbl-halfwidth-skin:nth-of-type(7){
    min-height: 855px!important;
    }
	.news-template .efbl-halfwidth-skin:nth-of-type(6){
    min-height: 815px!important;
    }
	.news-template .efbl-halfwidth-skin:nth-of-type(7){
    min-height: 815px!important;
    }
	.Latest_news .efbl-halfwidth-skin:nth-of-type(6){
    min-height: 815px!important;
    }
	.Latest_news .efbl-halfwidth-skin:nth-of-type(7){
    min-height: 815px!important;
    }
}
 
    
@media (max-width: 1024px){
    .efbl-halfwidth-skin{
        width:50%;
        float:left;
        min-height:775px !important;
        padding:5px !important;
    }
    .efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col a{
        height:400px !important;
    }
    .efbl-halfwidth-skin{
        min-height:700px !important; 
    }
   .Latest_news .efbl-halfwidth-skin:nth-of-type(6) {
    	min-height: 715px!important;
	}
	.Latest_news .efbl-halfwidth-skin:nth-of-type(7) {
    	min-height: 715px!important;
	}
	.efbl-halfwidth-skin:nth-of-type(6) {
		min-height: 755px!important;
	}
	.efbl-halfwidth-skin:nth-of-type(7) {
		min-height: 755px!important;
	}
	.news-template .efbl-halfwidth-skin:nth-of-type(6) {
    	min-height: 715px!important;
	}
	.news-template .efbl-halfwidth-skin:nth-of-type(7) {
		min-height: 715px!important;
	}
	.news-template .efbl-halfwidth-skin:nth-of-type(8){
    	min-height: 715px!important;
    }
	.annual_auction .efbl-halfwidth-skin:nth-of-type(8){
		min-height: 755px!important;
	}
	.Latest_news .efbl-halfwidth-skin:nth-of-type(8) {
		min-height: 715px!important;
	}
	
}
@media (max-width: 767px){
    .efbl-halfwidth-skin{
        width:100%;
        float:none;
        min-height:auto !important;
        padding:5px !important;
    }
    .efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col a{
     height:auto !important;
    }
	.efbl-halfwidth-skin{
        min-height:auto !important; 
    }
   .Latest_news .efbl-halfwidth-skin:nth-of-type(6) {
    min-height: auto!important;
}
	.Latest_news .efbl-halfwidth-skin:nth-of-type(7) {
    min-height: auto!important;
}
	.efbl-halfwidth-skin:nth-of-type(6) {
		min-height: auto!important;
	}
	.efbl-halfwidth-skin:nth-of-type(7) {
		min-height: auto!important;
	}
	.news-template .efbl-halfwidth-skin:nth-of-type(6) {
    min-height: auto!important;
}
.news-template .efbl-halfwidth-skin:nth-of-type(7) {
    min-height: auto!important;
}
	.description{
		min-height:inherit !important;
	}
	.Latest_news .efbl-halfwidth-skin:nth-of-type(8) {
		min-height: auto!important;
	}
}