/*
Theme Name: Petenica
Theme URI: http://amplifythemes.com/petenica/
Author: AmplifyThemes
Author URI: http://amplifythemes.com/
Description: Petenica is clean theme.
Version: 1.6.7
License: Split License
License URI: https://help.market.envato.com/hc/en-us/articles/202501064-What-is-Split-Licensing-and-the-GPL-
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: petenica
*/
/************ TABLE OF CONTENTS ***************

1. Global
2. Main Header
3. Main Slider
4. Services Section
5. Welcome Section
6. Appointment Section
7. Team Section
8. Counter Section
9. Price Section
10. Fluid Section
11. Testimonials Section
12. News Section
13. Main Footer
14. Mission Section
15. Gallery Section
16. Subscribe Section
17. Products Section
18. Time CountDown Section
19. Page Title
20. Blog Section
21. Widgets Section
22. Map Section
23. Contact Form
24. Wordpress Core
**********************************************/




/*** 

====================================================================
    Global Settings
====================================================================

 ***/

body {
    font-size: 15px;
    color: #444444;
    line-height: 1.8em;
    font-weight: 400;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans', sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #222222;
}

.no-padding {
    padding: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    background: none;
    line-height: 1.6em;
    font-family: 'Merriweather', serif;
}

input,
button,
select {}

textarea {
    overflow: hidden;
}

p,
.text {
    
    line-height: 1.8em;
    font-family: 'Open Sans', sans-serif;
}

.strike-through {
    text-decoration: line-through;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}


/*List Style One*/

.list-style-one {
    position: relative;
    list-style: none;
    margin-bottom: 0;
}

.list-style-one li {
    position: relative;
    color: #444444;
    font-size: 14px;
    font-weight: 600;
    padding-left: 25px;
    margin-bottom: 6px;
}

.list-style-one li:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.list-style-one li:after {
    position: absolute;
    content: '';
    left: 3px;
    top: 11px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.list-style-one.style-two li {
    color: #ffffff;
}

.list-style-one.style-two li:before,
.list-style-one.style-two li:after {
    border-color: #ffffff;
}

ul,
li {}

.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.grey-bg {
    background-color: #f1f2f3;
}

.mb60 {
    margin-bottom: 60px;
}

/*Btn Style One*/

.btn-style-one {
    position: relative;
    line-height: 29px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-transform: uppercase;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    padding: 4px 29px 4px 29px;
}

.btn-style-one:hover {
    color: #ffffff;
    background: none;
}


/*Btn Style Two*/

.btn-style-two {
    position: relative;
    padding: 13px 32px;
    line-height: 29px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    background-color: #e5a62d;
    border: 2px solid #e5a62d;
}

.btn-style-two:hover {
    background: none;
    color: #e5a62d;
}


/*Btn Style Three*/

.btn-style-three {
    position: relative;
    line-height: 29px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e7470c;
    border: 2px solid #e7470c;
}

.btn-style-three:hover {
    background: none;
    color: #e7470c;
}


/*Btn Style Four*/

.btn-style-four {
    position: relative !important;
    padding: 11px 39px !important;
    line-height: 29px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    width: auto !important;
    background-color: #e5a62d;
    border: 2px solid #e5a62d;
}

.btn-style-four:hover {
    background: none;
    color: #e5a62d;
}


/*Btn Style Five*/

.btn-style-five {
    position: relative;
    padding: 11px 39px;
    line-height: 29px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    background-color: #630abb;
    border: 2px solid #630abb;
}

.btn-style-five:hover {
    background: none;
    color: #630abb;
}


/*Btn Style Six*/

.btn-style-six {
    position: relative;
    padding: 11px 40px;
    line-height: 29px;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    background: none;
    border: 2px solid #222222;
}

.btn-style-six:hover {
    background: #e7470c;
    border-color: #e7470c;
    color: #ffffff;
}


/*Btn Style Seven*/

.btn-style-seven {
    position: relative;
    padding: 9px 40px;
    line-height: 29px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    background: none;
    text-transform: uppercase;
    border: 2px solid #222222;
}

.btn-style-seven:hover {
    background: #e7470c;
    border-color: #e7470c;
    color: #ffffff;
}


/*Btn Style Eight*/

.btn-style-eight {
    position: relative;
    padding: 6px 24px;
    line-height: 29px;
    color: #444444;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50px;
    background: none;
    text-transform: uppercase;
    border: 2px solid #eeeeee;
}

.btn-style-eight:hover {
    background: #e5a62d;
    border-color: #e5a62d;
    color: #ffffff;
}


/*Btn Style Nine*/

.btn-style-nine {
    position: relative;
    padding: 9px 32px;
    line-height: 29px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    background: none;
    text-transform: uppercase;
    border: 2px solid #222222;
}

.btn-style-nine:hover {
    background: #e5a62d;
    border-color: #e5a62d;
    color: #ffffff;
}

.theme_color {
    color: #e7470c;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-image: url(framework/assets/images/icons/preloader.gif);*/
    background-size: 100px;
}


/*** 

====================================================================
    Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 70px;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 65px;
    text-align: center;
    z-index: 99999;
    cursor: pointer;
    border-radius: 50px;
    background: #e7470c;
    display: none;
    border: 2px solid #e7470c;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
}

.scroll-to-top2{
    left: 15px;
    right: auto;
}


/*** 

====================================================================
    Main Header style
====================================================================

***/

.main-header {
    position: relative;
    z-index: 99;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}


/*Sticky Header*/

.admin-bar .sticky-header {
    top: 32px;
}

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background: #ffffff;
    z-index: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sticky-header .logo {}

.main-header .sticky-header .outer-box {
    margin-top: 20px;
}

.main-header .sticky-header .search-box-outer .dropdown-menu {
    top: 46px;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #f9f9f9;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-header .header-upper {
    position: relative;
    z-index: 5;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .logo img {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.main-header .logo-outer {
    position: relative;
    z-index: 25;
    padding: 20px 0px;
}

.main-header .logo-outer .logo img {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.main-header .header-upper .upper-right {
    position: relative;
}

.main-header .header-lower {
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 5;
}

.main-header .nav-outer {
    position: relative;
}

.main-menu {
    position: relative;
    float: left;
}

.main-menu .navbar-collapse {
    padding: 0px;
    display: inline-block;
}

.navbar-toggle{
    display: none;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
    padding-left: 0;
}

.main-menu .navigation>li {
    position: relative;
    float: left;
    margin-left: 32px;
    list-style: none;
}

.main-menu .navigation>li:last-child {
    margin-right: 0px;
}

.main-header .sticky-header .main-menu .navigation>li {
    margin: 0px;
    border: 0px;
    margin-left: 30px;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    font-size: 16px;
    color: #222222;
    line-height: 30px;
    font-weight: 700;
    opacity: 1;
    text-transform: uppercase;
    padding: 35px 0px 35px 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.header-style-two .main-menu .navigation>li>a {
    text-transform: capitalize;
}

.header-style-three .header-lower .nav-outer .main-menu .navigation>li>a {
    font-weight: 600;
    text-transform: capitalize;
}

.header-style-three .logo-outer {
    position: absolute;
    left: 50%;
    z-index: 99;
    margin-left: -85px;
    padding: 39px 0px;
}

.header-style-three .header-upper .form-column {
    padding-top: 50px;
    padding-bottom: 40px;
}

.header-style-three .header-upper .cart-list {
    padding-top: 55px;
}

.header-style-three .header-lower .nav-outer {
    border-top: 1px solid #eeeeee;
}

.header-style-three .header-lower .nav-outer .main-menu {
    width: 100%;
    text-align: center;
}

.header-style-three .header-lower .nav-outer .main-menu .navigation>li {
    float: none;
    margin: 0px 15px;
    display: inline-block;
}

.main-header .sticky-header .main-menu .navigation>li>a {
    color: #222222;
    padding: 20px 0px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    min-height: 0px;
    background: none;
    border: 0px;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
    color: #e5a62d;
    opacity: 1;
}

.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
    color: #e7470c;
    opacity: 1;
}

.main-menu .navigation>li:hover>a:after {
    opacity: 1;
}

.main-header .sticky-header .main-menu .navigation>li>ul:before {
    display: none;
}

.main-header .sticky-header .main-menu .navigation>li>ul {
    top: 100% !important;
    padding-left: 0;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 220px;
    z-index: 100;
    padding-left: 0;
    display: none;
    background: #f6f6f6;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation li ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 220px;
    z-index: 100;
    padding-left: 0;
    display: none;
    background: #f6f6f6;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}


.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #dedede;
    list-style: none;
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 13px 40px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    color: #242424;
    text-align: left;
    padding-right: 0px !important;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>a:before {
    position: absolute;
    content: '';
    left: 27px;
    top: 50%;
    width: 7px;
    height: 1px;
    background-color: #242424;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'FontAwesome';
}

.main-menu .navigation>li>ul>li:hover>a:before {
    background-color: #ffffff;
}

.main-menu .navigation>li>ul>li:hover>a {
    background-color: #e7470c;
    color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    right: -200px;
	left: auto;
    top: 100%;
    width: 200px;
    z-index: 100;
    display: none;
    background: #f6f6f6;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    list-style: none;
    padding-left: 0;
}

.main-menu .navigation>li>ul>li>ul:before {
    position: absolute;
    content: '';
    right: 100%;
    top: 0px;
    width: 20px;
    height: 100%;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #dedede;
}


.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 13px 23px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    color: #242424;
    text-align: left;
    padding-right: 0px !important;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 50%;
    width: 7px;
    height: 1px;
    background-color: #242424;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'FontAwesome';
}

.main-menu .navigation>li>ul>li>ul>li:hover>a:before {
    background-color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
    background-color: #e7470c;
    color: #ffffff;
}

.sticky-header .main-menu .navigation>li>a:after {
    display: none;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
}



.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    right: -200px;
	left: auto;
    top: 0%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation li>ul>li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    left: -400px;
    top: 0%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation li ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 200px;
    z-index: 100;
    list-style: none;
    padding-left: 0;
    display: none;
    background: #f6f6f6;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation li ul li a {
    position: relative;
    display: block;
    padding: 13px 23px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    color: #242424;
    text-align: left;
    padding-right: 0px !important;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation li ul li a:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 50%;
    width: 7px;
    height: 1px;
    background-color: #242424;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'FontAwesome';
}

.main-menu .navigation li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header .outer-box {
    position: relative;
    float: left;
    margin-left: 22px;
    margin-top: 34px;
}

.main-header .outer-box .btn-box {
    position: relative;
    float: right;
    margin-left: 42px;
    margin-top: -10px;
}

.main-header .outer-box .btn-box .theme-btn {
    font-size: 16px;
    font-weight: 700;
    padding: 9px 39px;
}

.main-header .outer-box .btn-box .theme-btn .icon {
    margin-right: 8px;
    font-size: 18px;
}

.main-header .outer-box .social-links-box {
    position: relative;
    float: right;
    margin-left: 20px;
}

.header-style-two .header-inner-container {
    padding: 0px 72px;
}

.header-top {
    position: relative;
    padding: 15px 0px 28px;
    background: #e7470c url(framework/assets/images/background/layer-1.png) left bottom repeat-x;
}

.header-top .top-inner {
    position: relative;
}

.header-top .top-left {
    position: relative;
    float: left;
}

.header-top .top-left ul li {
    position: relative;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 30px;
    display: inline-block;
}

.header-top .top-left ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-top .top-left ul li .icon {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    line-height: 1em;
    margin-right: 10px;
}

.header-top .top-right {
    position: relative;
    float: right;
}

.header-top .top-right .donate-box {
    position: relative;
    float: left;
    margin-right: 10px;
}


/*Social Icons*/

.header-top .social-icon {
    position: relative;
    float: left;
    margin-top: 10px;
}

.header-top .social-icon li {
    position: relative;
    float: left;
    margin-left: 18px;
    list-style: none;
}

.header-top .social-icon li a i {
    position: relative;
    display: block;
    line-height: 1em;
    font-size: 16px;
    color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'FontAwesome';
    font-style: normal !important;
}

.header-top .social-icon li a:hover {
    color: #ffffff;
}

.header-top-two {
    position: relative;
    padding: 10px 0px;
    text-align: center;
    background-color: #444444;
}

.header-top-two .text {
    position: relative;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    padding-left: 25px;
    display: inline-block;
}

.header-top-two .text:before {
    position: absolute;
    content: '\f02b';
    left: 0px;
    top: 1px;
    font-size: 16px;
    font-family: 'FontAwesome';
}

.header-top .top-right>ul>li>a>.icon {
    position: relative;
    top: 1px;
    font-size: 15px;
    color: #e7470c;
    margin-right: 8px;
}


/*search box btn*/

.main-header .search-box-outer {
    position: relative;
    left: 3px;
    display: inline-block;
}

.main-header .search-box-btn {
    position: relative;
    font-size: 18px;
    line-height: 1em;
    color: #222222;
    cursor: pointer;
    display: inline-block;
    background: none;
    border: none;
}

.main-header .search-box-outer .dropdown-menu {
    top: 64px;
    padding: 0px;
    width: 280px;
    border-radius: 0px;
    border-top: 3px solid #e7470c;
}

.main-header .search-panel .form-container {
    padding: 25px 20px;
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    height: 40px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
    border-color: #e7470c;
}

.main-header .search-panel .search-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555555;
    font-size: 12px;
    background: none;
    cursor: pointer;
    border: none;
}

.main-header .info-box {
    position: relative;
    float: left;
    margin-left: 30px;
    font-size: 13px;
    color: #777777;
    text-align: left;
    padding: 0px 0px 0px 50px;
}

.main-header .info-box:first-child {
    padding-right: 30px;
    border-right: 1px solid #c8c8c8;
}

.main-header .info-box:last-child {
    padding-right: 0px;
    margin-left: 0px;
    top: -2px;
}

.main-header .info-box .icon-box {
    position: absolute;
    left: 0px;
    top: 6px;
    color: #e7470c;
    font-size: 26px;
    text-align: left;
    line-height: 1.2em;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .info-box li {
    position: relative;
    line-height: 20px;
    color: #767676;
    font-size: 15px;
    margin-bottom: 3px;
    font-weight: 500;
}

.main-header .info-box strong {
    font-weight: 500;
    color: #333333;
    font-size: 15px;
    display: block;
    margin-bottom: 4px;
}


/*Social Icon One*/

.social-icon-one {
    position: relative;
    padding-left: 0;
}

.social-icon-one li {
    position: relative;
    margin: 0px 2px;
    display: inline-block;
}

.social-icon-one li a {
    position: relative;
    color: #444444;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #dedede;
    font-size: 14px;
    display: inline-block;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: center;
}

.social-icon-one li a:hover {
    color: #ffffff;
    border-color: #e5a62d;
    background-color: #e5a62d;
}


/*Social Icon Two*/

.social-icon-two {
    position: relative;
    padding-left: 0;
}

.social-icon-two li {
    position: relative;
    margin-right: 12px;
    display: inline-block;
}

.social-icon-two li a {
    position: relative;
    font-size: 18px;
    color: #888888;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-two li a:hover {
    color: #e7470c;
}


/*Social Icon Three*/

.social-icon-three {
    position: relative;
}

.social-icon-three li {
    position: relative;
    margin-left: 12px;
    display: inline-block;
}

.social-icon-three li a {
    position: relative;
    font-size: 16px;
    color: #444444;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-three li a:hover {
    color: #e7470c;
}


/*Social Icon Four*/

.social-icon-four {
    position: relative;
}

.social-icon-four .share {
    position: relative;
    color: #666666;
    font-weight: 600;
    margin-right: 5px;
    text-transform: uppercase;
}

.social-icon-four a {
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 13px;
    color: #666666;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    line-height: 32px;
    margin-left: 8px;
    background-color: #eeeeee;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-four a:hover {
    background-color: #e7470c;
    color: #ffffff;
}


/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    height: 48px;
    padding: 10px 20px;
    line-height: 26px;
    color: #262626;
    float: left;
    border-radius: 50px;
    border: 1px solid #cccccc;
    background: #ffffff;
}

.form-group .ui-button .ui-icon {
    background: none;
    position: relative;
    top: 0px;
    text-indent: 0px;
    color: #333333;
}

.form-group .ui-button .ui-icon:before {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 2px !important;
    top: 13px;
    width: 10px;
    height: 30px;
    display: block;
    color: #262626;
    line-height: 23px;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.ui-widget.ui-widget-content {
    border: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item {
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: #e7470c;
    border-color: #e7470c;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px;
}

.ui-menu-item:hover {}


/*** 

====================================================================
    Section Title
====================================================================

***/

.sec-title {
    position: relative;
    margin-bottom: 48px;
}

.sec-title img {
    max-width: 26px;
}

.sec-title .separator {
    position: relative;
    width: 120px;
    text-align: center;
    margin-bottom: 10px !important;
}

.sec-title .separator:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '::::::';
    color: #000000;
    font-size: 14px;
    letter-spacing: 3px;
}

.sec-title .separator:after {
    position: absolute;
    right: 0px;
    top: 0px;
    content: '::::::';
    color: #000000;
    font-size: 14px;
    letter-spacing: 3px;
}

.sec-title .separator .icon {
    color: #e7470c;
    font-size: 28px;
}

.sec-title .title {
    position: relative;
    color: #666666;
    font-size: 14px;
    font-style: italic;
    font-family: 'Merriweather', serif;
}

.sec-title h2 {
    position: relative;
    font-size: 36px;
    color: #222222;
    font-weight: 800;
    line-height: 1.2em;
    display: inline-block;
    margin-top: 10px;
}

.sec-title.centered {
    text-align: center;
}

.sec-title.centered .separator {
    margin: 0 auto;
}

.sec-title.light .separator:before,
.sec-title.light .separator:after,
.sec-title.light .separator .icon,
.sec-title.light h2 {
    color: #ffffff;
}

.sec-title.light .title {
    color: rgba(255, 255, 255, 0.60);
}


/*** 

====================================================================
    Section Title Two
====================================================================

***/

.sec-title-two {
    position: relative;
    margin-bottom: 40px;
}

.sec-title-two .title-icon {
    position: relative;
    margin-bottom: 15px;
}

.sec-title-two h2 {
    position: relative;
    color: #222222;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4em;
}

.sec-title-two .text {
    position: relative;
    color: #444444;
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 8px;
}

.sec-title-two.centered {
    text-align: center;
}

.sec-title-two.light h2,
.sec-title-two.light .text {
    color: #ffffff;
}


/*** 

====================================================================
    Main Slider style
====================================================================

***/

.main-slider {
    position: relative;
    z-index: 10;
}

.main-slider .tp-caption {
    z-index: 5 !important;
}

.main-slider .tp-dottedoverlay {
    background: rgba(0, 0, 0, 0.40) !important;
}

.main-slider .tparrows.gyges {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.20);
}

.main-slider .tparrows.gyges:before {
    line-height: 60px;
}

.main-slider .tparrows.gyges:hover {
    color: #e7470c;
    background-color: #e7470c;
}

.main-slider h2 {
    position: relative;
    color: #222222;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.2em;
    display: inline-block;
}

.main-slider h2 span {
    font-weight: 700;
}

.main-slider h2.alternate {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.4em;
}

.main-slider .text {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #222222;
    line-height: 1.6em;
}

.main-slider h2.alternate {
    font-weight: 700;
}

.main-slider h2.light,
.main-slider .text.light {
    color: #ffffff;
}

.main-slider .btns-box .theme-btn {
    margin-right: 20px;
}

.slider-content {
    position: relative;
    padding: 35px 30px;
    background-color: rgba(0, 0, 0, 0.60);
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
    display: none !important;
}


/*** 

====================================================================
    Fancy Box
====================================================================

***/

.fancybox-next span,
.fancybox-prev span {
    background-image: none !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
    content: '';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0px;
    top: 0px;
    font-size: 12px;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    background-color: rgba(28, 28, 28, 0.40) !important;
    color: #ffffff;
    visibility: visible;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.fancybox-next span:before {
    content: '\f178';
}

.fancybox-prev span:before {
    content: '\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
    background-color: #ffffff !important;
    color: #000000;
}

.fancybox-type-image .fancybox-close {
    right: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    background: url(framework/assets/images/icons/icon-cross.png) center center no-repeat;
    background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
    background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
    padding: 0px !important;
}


/*** 

====================================================================
    Welcome Section
====================================================================

***/

.welcome-section {
    position: relative;
    padding: 90px 0px 90px;
    clear: both;
}

.welcome-section .image-column {
    position: relative;
    margin-bottom: 40px;
}

.welcome-section .image-column .image {
    position: relative;
}

.welcome-section .image-column .image img {
    position: relative;
    width: 100%;
    display: block;
}

.welcome-section .content-column {
    position: relative;
}

.welcome-section .content-column .inner-column {
    position: relative;
    padding-left: 10px;
}

.welcome-section .content-column .inner-column .text {
    position: relative;
    margin-bottom: 35px;
}

.welcome-section .content-column .inner-column .text p {
    position: relative;
    color: #444444;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 20px;
}

.welcome-section .content-column .inner-column .text p:last-child {
    margin-bottom: 0px;
}

.welcome-section .content-column .inner-column .theme-btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 40px;
    margin-top: 35px;
}


/*** 

====================================================================
    Featured Section
====================================================================

***/

.featured-section {
    position: relative;
    padding: 60px 0px 60px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.featured-block {
    position: relative;
    margin-bottom: 40px;
}

.featured-block .inner-box {
    position: relative;
    padding: 40px 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
}

.featured-block .inner-box .content {
    position: relative;
    padding-left: 75px;
}

.featured-block .inner-box .content .icon-box {
    position: absolute;
    left: 0px;
    top: 5px;
    color: #e7470d;
    line-height: 1em;
    font-size: 50px;
}

.featured-block:nth-child(2) .inner-box .content .icon-box {
    color: #e7a52b;
}

.featured-block:nth-child(3) .inner-box .content .icon-box {
    color: #6108ba;
}

.featured-block .inner-box .content h3 {
    position: relative;
    font-size: 24px;
    font-weight: 300;
    text-transform: capitalize;
}

.featured-block .inner-box .content h3 a {
    position: relative;
    color: #222222;
}

.featured-block .inner-box .content .text {
    position: relative;
    color: #444444;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}


/*** 

====================================================================
    Services Section
====================================================================

***/

.services-section {
    position: relative;
    padding: 90px 0px 90px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.services-block {
    position: relative;
    margin-bottom: 30px;
}

.services-block .inner-box {
    position: relative;
    padding: 40px 40px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: #ffffff;
}

.services-block .inner-box:hover {
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
    -moz-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
    box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
}

.services-block .inner-box .content {
    position: relative;
    padding-left: 85px;
}

.services-block .inner-box .icon-box {
    position: absolute;
    left: 0px;
    top: 5px;
    color: #222222;
    font-size: 60px;
    line-height: 1em;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block .inner-box:hover .icon-box {
    color: #e7470c;
}

.services-block .inner-box h3 {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.services-block .inner-box h3 a {
    position: relative;
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block .inner-box h3 a:hover {
    color: #e7470c;
}

.services-block .inner-box .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    line-height: 1.9em;
}

.services-section .owl-nav {
    display: none;
}

.services-section .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.services-section .owl-dots .owl-dot {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0px 5px;
    display: inline-block;
    border: 1px solid #cecece;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-section .owl-dots .owl-dot:hover,
.services-section .owl-dots .owl-dot.active {
    border-color: #e5a62d;
    background-color: #e5a62d;
}


/*** 

====================================================================
    Appointment Section
====================================================================

***/

.appointment-section {
    position: relative;
    padding: 90px 0px 90px;
    background-size: cover;
    background-repeat: no-repeat;
    background: #e7470c;
    background: url(framework/assets/images/background/3.png);
}

.appointment-section.style-two {
    background-color: #630abb;
}

.appointment-section.style-two:before {
    display: none;
}

.appointment-section:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 82px;
    background: url(framework/assets/images/background/layer-1.png) left bottom no-repeat;
}


/*Default Form*/

.default-form {
    position: relative;
    margin-bottom: 50px;
}

.default-form .form-box {
    position: relative;
}

.default-form .form-box .form-group {
    margin-bottom: 25px;
}

.default-form .form-box .form-group .clock-icon {
    position: absolute;
    right: 40px;
    top: 12px;
    z-index: 10;
    color: #444444;
}

.default-form .form-box .form-group input[type="text"],
.default-form .form-box .form-group input[type="email"],
.default-form .form-box .form-group input[type="password"],
.default-form .form-box .form-group select,
.default-form .form-box .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #848484;
    line-height: 28px;
    padding: 10px 25px;
    font-weight: 400;
    background: #ffffff;
    border-radius: 50px;
    border: 1px solid #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.default-form .form-box .form-group textarea {
    width: 100%;
    resize: none;
    height: 140px;
    border-radius: 20px;
}

.default-form .form-box .form-group input:focus,
.default-form .form-box .form-group select:focus,
.default-form .form-box .form-group textarea:focus {}

.default-form .form-box .form-group button {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 46px;
    margin-top: 10px;
}


/*** 

====================================================================
    Team Section
====================================================================

***/

.team-section {
    position: relative;
    padding: 90px 0px 90px;
}

.team-block {
    position: relative;
    margin-bottom: 40px;
}

.team-block .inner-box {
    position: relative;
    padding-bottom: 10px;
    box-shadow: none;
    transition-duration: .5s;
}

.team-block .inner-box:hover {
    box-shadow: 2px 2px 30px #ccc;
}

.team-block .inner-box .image {
    position: relative;
}

.team-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.team-block .inner-box .lower-box {
    position: relative;
    padding: 22px 22px 0px;
    text-align: center;
}
.team-block2 .inner-box:hover {
    box-shadow: 0px 0px 0px;
}
.team-block2 .inner-box .lower-box {
    position: relative;
    padding: 22px 22px;
    text-align: center;
    transform: skewY(-4deg);
    top: -40px;
    background: #fff;
    box-shadow: 2px 2px 2px 2px #cecece;
}

.team-block .inner-box .lower-box h3 {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
}

.team-block .inner-box .lower-box h3 a {
    position: relative;
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.team-block .inner-box .lower-box h3 a:hover {
    color: #e7470c;
}

.team-block .inner-box .lower-box .designation {
    position: relative;
    color: #444444;
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
    text-transform: uppercase;
}

.team-block .inner-box .lower-box .phno i {
    padding-right: 10px;
}

.team-block .inner-box .lower-box .email i {
    padding-right: 10px;
}

.team-block .inner-box .lower-box .social-box {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}

.team-block .inner-box .lower-box .social-box ul {
    margin-bottom: 0;
}

.memberdetails {
    margin: 20px 0;
}

.memberdetails .row {
    margin-bottom: 5px;
}

.memberdetails .row .mdetails {
    padding: 5px 15px;
}

.memberdetails .row .title {
    text-transform: capitalize;
    background: none;
    padding: 5px 15px;
}


/*** 

====================================================================
    Counter Section
====================================================================

***/

.counter-section {
    position: relative;
    padding: 90px 0px 90px;
}

.counter-section .image-layer {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.counter-section .image-layer:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.80);
}

.counter-section .image-layer:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 82px;
    background: url(framework/assets/images/background/layer-1.png) left bottom no-repeat;
}

.counter-section h2 {
    position: relative;
    font-size: 56px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 1.2em;
    margin-bottom: 70px;
    text-transform: capitalize;
}

.counter-section h2 span {
    font-weight: 300;
    display: block;
}

.counter-section .counter-box {
    position: relative;
    padding: 60px 0px 30px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
    -moz-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
    box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
}


/*Fact Counter*/

.fact-counter {
    position: relative;
}

.fact-counter .column {
    position: relative;
    z-index: 5;
    margin-bottom: 25px;
}

.fact-counter .column .inner {
    position: relative;
    top: 0;
    text-align: center;
    padding: 0px 0px 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.fact-counter .column .inner .icon {
    position: relative;
}

.fact-counter .column .inner .icon-box {
    position: relative;
    color: #ebba5c;
    font-size: 50px;
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    line-height: 75px;
    border: 1px dashed #ebba5c;
}

.fact-counter .column:nth-child(2) .inner .icon-box,
.fact-counter .column:nth-child(4) .inner .icon-box {
    color: #e7470c;
    border-color: #e7470c;
}

.fact-counter .count-outer {
    position: relative;
    font-size: 40px;
    line-height: 1em;
    font-weight: 600;
    margin: 0px 0px;
    color: #222222;
    padding: 15px 0px;
}

.fact-counter .count-outer .plus-icon {
    position: relative;
    font-weight: 700;
    color: #333333;
    font-size: 30px;
    margin-left: 8px;
    font-family: 'Open Sans', sans-serif;
}

.fact-counter .count-outer .count-text {
    position: relative;
    font-weight: 700;
    color: #333333;
    font-size: 30px;
}

.fact-counter .column .counter-title {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #444444;
    display: inline-block;
}


/*** 

====================================================================
    Save Pets Section
====================================================================

***/

.save-pets-section {
    position: relative;
    padding: 25px 0px 25px;
}

.save-pets-section h2 {
    position: relative;
    color: #222222;
    font-weight: 300;
    font-size: 44px;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 15px;
}

.save-pets-section .text {
    position: relative;
    color: #444444;
    font-size: 16px;
    text-align: center;
    line-height: 1.8em;
    margin-bottom: 62px;
}

.save-pets-section .prices-block {
    position: relative;
    max-width: 840px;
    margin: 0 auto;
}

.price-block {
    position: relative;
    margin-bottom: 40px;
    border-right: 1px solid #dddddd;
}

.price-block:last-child {
    border: none;
}

.price-block .inner-box {
    position: relative;
    text-align: center;
}

.price-block .inner-box h3 {
    position: relative;
    color: #222222;
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 30px;
}


/*** 

====================================================================
    Fluid Section One
====================================================================

***/

.fluid-section-one {
    position: relative;
}

.fluid-section-one .outer-container {
    position: relative;
    min-height: 250px;
    background-color: #ffffff;
}

.fluid-section-one .image-column {
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fluid-section-one .image-column .image-box {
    position: relative;
    display: none;
}

.fluid-section-one .image-column .image-box img {
    position: relative;
    display: block;
    width: 100%;
}

.fluid-section-one .image-column .overlay-box {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    text-align: center;
}

.fluid-section-one .image-column .overlay-box .icon-box {
    position: relative;
    top: 50%;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    margin-top: -30px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.50);
    text-transform: uppercase;
}

.fluid-section-one .image-column .overlay-box .icon-box .icon {
    position: relative;
    display: block;
    font-size: 32px;
    margin-bottom: 20px;
}

.fluid-section-one .content-column {
    position: relative;
    float: right;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.fluid-section-one .content-column .inner-column {
    position: relative;
    max-width: 750px;
    float: left;
    width: 100%;
    padding: 70px 15px 76px 80px;
}

.featured-block-two {
    position: relative;
    margin-bottom: 35px;
}

.featured-block-two:last-child {
    margin-bottom: 0px;
}

.featured-block-two .featured-inner {
    position: relative;
    padding-left: 132px;
    min-height: 100px;
}

.featured-block-two .featured-inner .icon-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    color: #222222;
    font-size: 50px;
    text-align: center;
    border-radius: 50px;
    line-height: 94px;
    background-color: #ffffff;
}

.featured-block-two .featured-inner h3 {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 16px;
}

.featured-block-two .featured-inner .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    line-height: 2em;
}


/*** 

====================================================================
    Testimonial Section
====================================================================

***/

.testimonial-section {
    position: relative;
    padding: 90px 0px 90px;
    display: block;
    clear: both;
}

.testimonial-block {
    position: relative;
}

.testimonial-block .inner-box {
    position: relative;
    text-align: center;
}

.testimonial-block .inner-box .quote-icon {
    position: relative;
    color: #e5a62d;
    font-size: 36px;
    line-height: 1em;
    margin-bottom: 25px;
}

.testimonial-block .inner-box .text {
    position: relative;
    color: #444444;
    font-size: 18px;
    font-style: italic;
    line-height: 1.8em;
    max-width: 920px;
    margin: 0 auto;
    margin-bottom: 35px;
    font-family: 'Merriweather', serif;
}

.testimonial-block .inner-box .author-image {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px;
}

.testimonial-block .inner-box .author-name {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}

.testimonial-block .inner-box .designation {
    position: relative;
    color: #666666;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.testimonial-section .owl-dots {
    display: none;
}

.testimonial-section .owl-nav {
    position: absolute;
    left: 0px;
    top: 30%;
    width: 100%;
}

.testimonial-section .owl-nav .owl-prev{
    position: absolute;
    color: #cccccc;
    font-size: 20px;
    left: 0;
    display: inline-block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.testimonial-section .owl-nav .owl-next {
    position: absolute;
    color: #cccccc;
    font-size: 20px;
    display: inline-block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.testimonial-section .owl-nav .owl-next {
    right: 0px;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
    color: #e5a62d;
}

.testimonial-section.style-two .inner-box .quote-icon {
    color: #e7470c;
}

.testimonial-section.style-two .owl-nav {
    display: none;
}

.testimonial-section.style-two .owl-dots {
    display: block;
    position: absolute;
    right: 0px;
    top: 30%;
}

.testimonial-section.style-two .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-bottom: 12px;
    border: 1px solid #cecece;
    background-color: #ffffff;
}

.testimonial-section.style-two .owl-dots .owl-dot.active {
    position: relative;
    left: -5px;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
}

.testimonial-section.style-two .owl-dots .owl-dot.active:before {
    position: absolute;
    left: 3px;
    top: 3px;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #e7470c;
}


/*** 

====================================================================
    News Section
====================================================================

***/

.news-section {
    position: relative;
    padding: 90px 0px 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(framework/assets/images/background/5.jpg);
}

.news-block {
    position: relative;
    margin-bottom: 40px;
}

.news-block .inner-box {
    position: relative;
}

.news-block .inner-box .image {
    position: relative;
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.news-block .inner-box .image .post-date {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 75px;
    height: 75px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    padding-top: 12px;
    background-color: #e7470c;
}

.news-block:nth-child(2) .inner-box .image .post-date {
    background-color: #e5a62d;
}

.news-block:nth-child(3) .inner-box .image .post-date {
    background-color: #630abb;
}

.news-block .inner-box .image .post-date span {
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.news-block .inner-box .lower-content {
    position: relative;
    padding-top: 30px;
}

.news-block .inner-box .lower-content .news-info {
    position: relative;
    margin-bottom: 8px;
    padding-left: 0;
}

.news-block .inner-box .lower-content .news-info li {
    position: relative;
    color: #666666;
    font-size: 12px;
    font-weight: 600;
    padding-right: 12px;
    margin-right: 12px;
    display: inline-block;
    text-transform: uppercase;
    list-style: none;
}

.news-block .inner-box .lower-content .news-info li:after {
    position: absolute;
    content: '';
    right: -5px;
    top: 11px;
    width: 5px;
    height: 5px;
    /*background-color:#444444;*/
}

.news-block .inner-box .lower-content .news-info li:last-child::after {
    display: none;
}

.news-block .inner-box .lower-content h3 {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.7em;
    margin-bottom: 8px;
}

.news-block .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block .inner-box .lower-content h3 a:hover {
    color: #e7470c;
}

.news-block .inner-box .lower-content .read-more {
    position: relative;
}

.news-block .inner-box .lower-content .read-more {
    position: relative;
    color: #e7470c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.lower-content ul {
    list-style: none;
    padding-left: 0;
}


/*** 

====================================================================
    Main Footer
====================================================================

***/

.main-footer {
    position: relative;
}

.main-footer .widgets-section {
    position: relative;
    padding: 50px 0px 50px;
}

.main-footer .footer-widget {
    position: relative;
    margin-bottom: 30px;
}

.main-footer .footer-widget h2 {
    position: relative;
    font-size: 18px;
    color: #222222;
    font-weight: 700;
    line-height: 1.2em;
    margin-top: 30px;
    margin-bottom: 25px;
}

.main-footer ul {
    padding-left: 0;
}
.main-footer .footer-widget ul ul.sub-menu{
    padding-left: 5px;
}

/*Logo Widget*/

.main-footer .logo-widget {
    position: relative;
}

.main-footer .logo-widget .logo {
    position: relative;
    margin-bottom: 20px;
}

.main-footer .logo-widget .text {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    margin-bottom: 25px;
}

.links-widget .links {
    position: relative;
}

.links-widget .links li {
    position: relative;
    margin-bottom: 8px;
}

.links-widget .links li a {
    position: relative;
    padding-left: 32px;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.links-widget .links li a:before {
    position: absolute;
    content: '\f119';
    left: 0px;
    top: 4px;
    color: #cccccc;
    line-height: 1em;
    font-family: "Flaticon";
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.links-widget .links li a:hover::before {
    color: #e7470c;
}

.info-widget {
    position: relative;
}

.info-widget ul {
    position: relative;
    list-style: none;
}

.info-widget ul li {
    position: relative;
    color: #222222;
    font-size: 14px;
    margin-bottom: 12px;
    padding-left: 30px;
}

.info-widget ul li .icon {
    position: absolute;
    left: 0px;
    top: 4px;
    color: #cccccc;
    font-size: 24px;
    line-height: 1em;
}

.info-widget ul li:last-child .icon {
    font-size: 18px;
}

.subscribe-widget .text {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    line-height: 2em;
    margin-bottom: 15px;
}

.newsletter-form {
    position: relative;
}


/*subscribe widget*/

.main-footer .subscribe-widget .form-group {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.main-footer .subscribe-widget .form-group input[type="text"],
.main-footer .subscribe-widget .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 20px;
    height: 48px;
    font-size: 15px;
    color: #444444;
    border-radius: 50px;
    border: 1px solid #cccccc;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .subscribe-widget .form-group button {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 39px;
    text-transform: uppercase;
}

.main-footer .subscribe-widget .form-group input[type="text"]:focus,
.main-footer .subscribe-widget .form-group input[type="email"]:focus {
    border-color: #e5a62d;
}

.main-footer .footer-bottom {
    position: relative;
    text-align: center;
    padding: 45px 0px 45px;
    border-top: 1px solid #dddddd;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    color: #888888;
    font-size: 14px;
    text-align: center;
}

.main-footer .footer-bottom .copyright span {
    font-weight: 700;
}

.main-footer.style-two {
    background-color: #1e1e1e;
    border-top: 4px solid #e7470c;
}

.main-footer.style-two .logo-widget .text,
.main-footer.style-two .footer-widget h2 {
    color: #ffffff;
}

.main-footer.style-two .widget-post .text a,
.main-footer.style-two .widget-post .post-info,
.main-footer.style-two .links-widget .links li a,
.main-footer.style-two .info-widget ul li {
    color: #cccccc;
}

.main-footer.style-two .footer-bottom {
    border-color: #3a3a3a;
}


/*** 

====================================================================
    Services Section Two
====================================================================

***/

.services-section-two {
    position: relative;
    padding: 90px 0px 90px;
}

.services-block-two {
    position: relative;
    margin-bottom: 20px;
}

.services-block-two .inner-box {
    position: relative;
    text-align: center;
}

.services-block-two .inner-box .icon-box {
    position: relative;
    width: 135px;
    height: 135px;
    color: #444444;
    text-align: center;
    line-height: 132px;
    font-size: 62px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.services-block-two .inner-box:hover .icon-box {
    color: #ffffff;
    background-color: #e5a62d;
}

.services-block-two .inner-box h3 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.services-block-two .inner-box h3 a {
    position: relative;
    color: #222222;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-block-two .inner-box h3 a:hover {
    color: #e6470c;
}

.services-block-two .inner-box .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    line-height: 2em;
    padding: 0px 30px;
}


/*** 

====================================================================
    Mission Section
====================================================================

***/

.mission-section {
    position: relative;
    padding: 90px 0px 90px;
    background-repeat: repeat-x;
    background-color: #e6470c;
}

.mission-section .image-column {
    position: relative;
    margin-bottom: 40px;
}

.mission-section .image-column .image {
    position: relative;
}

.mission-section .image-column .image img {
    position: relative;
    width: 100%;
    display: block;
}

.mission-section .content-column {
    position: relative;
}

.mission-section .content-column .inner-column {
    position: relative;
    padding-left: 30px;
}

.mission-section .content-column .inner-column h2 {
    position: relative;
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 15px;
    font-family: 'Lato', sans-serif;
}

.mission-section .content-column .inner-column .text {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 18px;
}

.mission-section .content-column .inner-column .signature {
    position: relative;
    margin-top: 48px;
    color: #fff;
    text-transform: capitalize;
    font-style: oblique;
}

.mission-section .content-column .inner-column .designation {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    margin-top: 8px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}


/*** 

====================================================================
    Grooming Section
====================================================================

***/

.grooming-section {
    position: relative;
    padding: 90px 0px 90px;
}

.groming-block {
    position: relative;
    margin-bottom: 40px;
}

.groming-block .inner-box {
    position: relative;
    text-align: center;
}

.groming-block .inner-box .big-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    color: #f6f6f6;
    font-size: 280px;
    line-height: 1em;
    transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
}

.groming-block .inner-box .icon-box {
    position: relative;
    margin-bottom: 20px;
}

.groming-block .inner-box h3 {
    position: relative;
    color: #222222;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 18px;
    font-family: 'Lato', sans-serif;
}

.groming-block .inner-box h3:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background: url(framework/assets/images/icons/separater-line.png) center center no-repeat;
}

.groming-block .inner-box .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    text-transform: uppercase;
}

.groming-block .inner-box .icon-box .icon {
    font-size: 100px;
    display: inline-block;
    margin-top: 40px;
    color: #333;
}


/*** 

====================================================================
    Services Section Three
====================================================================

***/

.services-section-three {
    position: relative;
    padding: 90px 0 90px;
    background-color: #f6f6f6;
}

.services-section-three .image {
    position: relative;
    margin-top: -30px;
    text-align: center;
}


/*Services Block Three*/

.services-block-three {
    position: relative;
    margin-bottom: 40px;
}

.services-block-three .inner-box {
    position: relative;
    padding-left: 55px;
}

.services-block-three .inner-box .icon-box {
    position: absolute;
    left: 0px;
    top: 2px;
    color: #e7470c;
    font-size: 36px;
    line-height: 1em;
}

.services-block-three:nth-child(2) .inner-box .icon-box {
    color: #e5a62d;
}

.services-block-three .inner-box h3 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.services-block-three .inner-box h3 a {
    position: relative;
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block-three .inner-box h3 a:hover {
    color: #e7470c;
}

.services-block-three .inner-box .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 8px;
}

.services-block-three .inner-box .detail {
    position: relative;
    color: #e5a62d;
    font-size: 14px;
}


/*Services Block Four*/

.services-block-four {
    position: relative;
    margin-bottom: 40px;
}

.services-block-four .inner-box {
    position: relative;
    padding-right: 55px;
    text-align: right;
}

.services-block-four .inner-box .icon-box {
    position: absolute;
    right: 0px;
    top: 2px;
    color: #e5a62d;
    font-size: 36px;
    line-height: 1em;
}

.services-block-four:nth-child(2) .inner-box .icon-box {
    color: #e7470c;
}

.services-block-four .inner-box h3 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
}

.services-block-four .inner-box h3 a {
    position: relative;
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block-four .inner-box h3 a:hover {
    color: #e7470c;
}

.services-block-four .inner-box .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 12px;
}

.services-block-four .inner-box .detail {
    position: relative;
    color: #e5a62d;
    font-size: 14px;
}


/*** 

====================================================================
    Gallery Section
====================================================================

***/

.gallery-section {
    position: relative;
    padding: 90px 0px 90px;
}


/*Gallery Item*/

.gallery-item {
    position: relative;
    margin-bottom: 30px;
}

.gallery-item .inner-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.gallery-item .image-box {
    position: relative;
    display: block;
}

.gallery-item .image-box img {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 4px;
}

.gallery-item .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.70);
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transform: translate(-100%, 0%);
    -ms-transform: translate(-100%, 0%);
    -o-transform: translate(-100%, 0%);
    -moz-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
}

.gallery-item .inner-box:hover .overlay-box {
    opacity: 1;
    -webkit-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    -moz-transform: translate(0%);
    transform: translate(0%);
}

.gallery-item .overlay-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 0px;
}

.gallery-item .overlay-inner .content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.gallery-item .overlay-inner .link {
    position: relative;
    font-size: 18px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    margin: 0px 5px;
    display: inline-block;
    background-color: #e5a62d;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-item .overlay-inner .link .icon {
    position: relative;
}


/*** 

====================================================================
    Pricing Section
====================================================================

***/

.pricing-section {
    position: relative;
    padding: 90px 0 90px;
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #e4a52d;
}

.pricing-section .inner-container {
    position: relative;
    background-color: #ffffff;
    padding: 60px 100px 30px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.pricing-section .inner-container2 {
    position: relative;
    background-color: transparent;
    padding: 60px 100px 30px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.pricing-section .row {
    margin: 0px -35px;
}
.inner-container2  .price-block-two .inner-box{
    padding: 20px 10px;

}
.pricing-section .price-block-two {
    padding: 0px 35px;
}

.price-block-two {
    position: relative;
    margin-bottom: 40px;
}

.price-block-two .inner-box {
    position: relative;
    background-color: #ffffff;
}

.price-block-two .inner-box .title {
    position: relative;
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 15px;
    margin-bottom: 18px;
    border-bottom: 1px solid #dddddd;
    font-family: 'Lato', sans-serif;
}

.price-block-two .inner-box .price {
    position: relative;
    font-size: 48px;
    font-weight: 800;
    color: #222222;
    line-height: 1em;
    padding-bottom: 4px;
    border-bottom: 1px solid #dddddd;
    font-family: 'Lato', sans-serif;
}

.price-block-two .inner-box .price span {
    color: #444444;
    font-size: 16px;
    font-weight: 700;
}

.price-block-two .inner-box ul {
    position: relative;
    margin-top: 30px;
    min-height: 190px;
    padding-left: 0;
}

.price-block-two .inner-box ul li {
    position: relative;
    color: #444444;
    font-size: 14px;
    margin-bottom: 0px;
    list-style: none;
}

.price-block-two .inner-box ul li span {
    font-weight: 700;
}


/*** 

====================================================================
    subscribe-style-one
====================================================================

***/

.subscribe-style-one {
    position: relative;
    padding: 90px 0px 90px;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.subscribe-style-one:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.80);
}

.subscribe-style-one .icon-box {
    position: absolute;
    left: 15px;
    top: 0px;
    color: #ffffff;
    font-size: 70px;
    line-height: 1em;
}

.subscribe-style-one h2 {
    position: relative;
    color: #ffffff;
    font-size: 24px;
    margin: 0;
    font-weight: 700;
    padding-left: 92px;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
}

.subscribe-style-one .text {
    position: relative;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    padding-left: 92px;
}

.subscribe-style-one form {
    position: relative;
    margin-top: 5px;
}

.subscribe-style-one .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0px;
}

.subscribe-style-one .form-group input[type="text"],
.subscribe-style-one .form-group input[type="tel"],
.subscribe-style-one .form-group input[type="email"],
.subscribe-style-one .form-group textarea {
    position: relative;
    width: 100%;
    line-height: 30px;
    padding: 10px 30px;
    height: 55px;
    display: inline-block;
    font-size: 14px;
    background: #ffffff;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.subscribe-style-one .form-group input[type="email"]:focus {}

.subscribe-style-one .form-group input[type="submit"],
.subscribe-style-one .form-group button {
    position: absolute;
    top: 0px;
    right: -1px;
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 0px 50px 50px 0px;
    margin-top: 0;
    height: 55px;
}


/*Post Widget*/

.widget-post {
    position: relative;
    font-size: 14px;
    color: #666666;
    padding: 0px 0px;
    padding-left: 100px;
    min-height: 80px;
    margin-bottom: 20px;
}

.widget-post:last-child {
    margin-bottom: 0px;
    border: 0px;
    min-height: 80px;
}

.widget-post .post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
}

.widget-post .post-thumb img {
    display: block;
    width: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.widget-post .text {
    position: relative;
    top: 2px;
    font-size: 14px;
    margin: 0px 0px 0px;
    font-weight: 700;
    color: #444444;
    line-height: 1.6em;
    text-transform: capitalize;
}

.widget-post .text a {
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.widget-post a,
.widget-post a:hover {
    color: #e7470c;
}

.widget-post .post-info {
    position: relative;
    font-size: 12px;
    color: #444444;
    font-weight: 400;
    margin-top: 6px;
    text-transform: capitalize;
}

.widget ul {
    padding-left: 0
}

/*Product Form*/

.product-form {
    position: relative;
    width: 345px;
}

.product-form .form-group {
    position: relative;
    margin: 0px;
}

.product-form input[type="text"],
.product-form input[type="email"],
.product-form input[type="password"] {
    display: block;
    width: 100%;
    height: 48px;
    padding: 10px 30px;
    font-size: 13px;
    background: #ffffff;
    border-radius: 50px;
    border: 2px solid #eeeeee;
}

.product-form .theme-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 55px;
    height: 48px;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    background: #e7470c;
    border-radius: 0px 50px 50px 0px;
    border: none;
}


/*Cart List*/

.cart-list {
    position: relative;
}

.cart-list li {
    position: relative;
    margin-left: 20px;
    display: inline-block;
}

.cart-list li a {
    position: relative;
    color: #222222;
    font-size: 14px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.cart-list li a .icon {
    position: relative;
    color: #888888;
    margin-right: 6px;
    font-size: 16px;
}

.dropdown-menu .cart-list li a .icon {
    position: relative;
    color: #ffffff;
}

.cart-list li a:hover {
    color: #e7470c;
}

.cart-list li.cart a {
    color: #222222;
    font-weight: 600;
    font-size: 20px;
}

.cart-list li.cart a .icon {
    color: #222222;
    font-size: 32px;
}

.cart-list li.cart a .icon .total {
    position: absolute;
    top: -16px;
    right: -10px;
    width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 50%;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    background-color: #e5a62d;
}


/*Banner Section*/

.banner-section {
    position: relative;
    padding: 65px 0px 40px;
    background-color: #e5faf4;
}

.banner-section .content-column {
    position: relative;
}

.banner-section .content-column .inner-column {
    position: relative;
    padding-top: 90px;
}

.banner-section .content-column h2 {
    position: relative;
    color: #222222;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 25px;
    display: inline-block;
    font-family: 'Lato', sans-serif;
}

.banner-section .content-column h2:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 44px;
    height: 4px;
    background: url(framework/assets/images/icons/separater-line.png) no-repeat;
}

.banner-section .content-column h2 span {
    font-weight: 300;
    display: block;
}

.banner-section .content-column .text {
    position: relative;
    color: #222222;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 30px;
}

.banner-section .image-column {
    position: relative;
    text-align: right;
}

.banner-section .image-column .inner-column {
    position: relative;
}

.banner-section .image-column .inner-column .image {
    position: relative;
}

.banner-section .image-column .inner-column .image img {
    position: relative;
    width: auto;
    float: right;
}

.banner-section .image-column .inner-column .price-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 215px;
    height: 213px;
    z-index: 1;
    text-align: center;
    padding-top: 50px;
    background: url(framework/assets/images/icons/price-bg.png) no-repeat;
}

.banner-section .image-column .inner-column .price-box .icon img {
    width: auto;
    margin: 0 auto;
}

.banner-section .image-column .inner-column .price-box .discount {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
}

.banner-section .image-column .inner-column .price-box .price {
    position: relative;
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1em;
}

.banner-section .owl-dots,
.banner-section .owl-nav {
    display: none;
}


/*** 

====================================================================
    Products Section
====================================================================

***/

.products-section {
    position: relative;
    padding: 90px 0px 90px;
}

.product-block {
    position: relative;
    margin-bottom: 40px;
}

.product-block .inner-box {
    position: relative;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.product-block .inner-box .image {
    position: relative;
    border: 1px solid #eeeeee;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.product-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.product-block .inner-box .lower-content {
    position: relative;
    padding-top: 22px;
    text-align: center;
    padding-bottom: 34px;
}

.product-block .inner-box .lower-content .title {
    position: relative;
    color: #222222;
    margin-bottom: 12px;
    font-size: 12px;
    text-transform: capitalize;
}

.product-block .inner-box .lower-content h3 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 12px;
}

.product-block .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.product-block .inner-box .lower-content h3 a:hover {
    color: #e7470c;
}

.product-block .inner-box .lower-content .price {
    position: relative;
    color: #e7470c;
    font-size: 22px;
    line-height: 1.2em;
    margin-bottom: 0px;
}

.product-block .inner-box:hover .image {
    border: 1px solid transparent;
}

.product-block .inner-box:hover {
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}


/*** 

====================================================================
    Discount Section
====================================================================

***/

.discount-section {
    position: relative;
}

.discount-section .inner-container {
    position: relative;
    padding: 55px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.discount-section .content {
    position: relative;
    padding: 45px 0px 60px;
    max-width: 530px;
    margin: 0 auto;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
}

.discount-section .content .deal {
    position: relative;
    color: #e5a62d;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 4px;
    font-family: 'Lato', sans-serif;
}

.discount-section .content h2 {
    position: relative;
    color: #222222;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.discount-section .content .discount-price {
    position: relative;
    color: #e7470c;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 18px;
}

.discount-section .content .discount-price span {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #888888;
    margin-left: 5px;
}

.discount-section .content .text {
    position: relative;
    color: #444444;
    font-weight: 400;
    margin-bottom: 30px;
}


/*** 

====================================================================
    Countdown style
====================================================================

***/

.time-counter {
    position: relative;
}

.time-counter .time-countdown {
    position: relative;
}

.time-counter .time-countdown .counter-column {
    position: relative;
    margin-right: 17px;
    width: 70px;
    height: 70px;
    text-align: center;
    display: inline-block;
    padding: 0px 0px 0px;
    color: #222222;
    font-size: 40px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}

.time-counter .time-countdown .counter-column:after {
    position: absolute;
    content: ':';
    right: -15px;
    top: 5px;
    font-size: 40px;
}

.time-counter .time-countdown .counter-column:last-child::after {
    display: none;
}

.time-counter .time-countdown .counter-column:last-child {
    margin-right: 0px;
}

.time-counter .time-countdown .counter-column .count {
    position: relative;
    display: block;
    font-size: 35px;
    line-height: 40px;
    padding: 0px 10px;
    color: #333333;
    letter-spacing: 1px;
    font-weight: 500;
}

.time-counter .time-countdown .counter-column .unit {
    position: relative;
    color: #444444;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
}


/*** 

====================================================================
    Popular Products Section
====================================================================

***/

.popular-products-section {
    position: relative;
    padding: 70px 0px 50px;
}

.popular-products-section .filters {
    margin-bottom: 40px;
    text-align: center;
}

.popular-products-section .filters .filter-tabs {
    position: relative;
}

.popular-products-section .filters li {
    position: relative;
    display: inline-block;
    color: #888888;
    padding: 0px 0px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    margin: 0px 20px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.popular-products-section .filters .filter.active,
.popular-products-section .filters .filter:hover {
    color: #e7470c;
}

.product-block.mix {
    display: none;
}


/*** 

====================================================================
    Featured Section
====================================================================

***/

.featured-section-two {
    position: relative;
    padding-bottom: 60px;
}

.featured-block-three {
    position: relative;
    margin-bottom: 40px;
}

.featured-block-three .inner-box {
    position: relative;
    padding: 32px;
    background-color: #e7470c;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.featured-block-three:nth-child(2) .inner-box {
    background-color: #e5a62d;
}

.featured-block-three:nth-child(3) .inner-box {
    background-color: #630abb;
}

.featured-block-three .inner-box .content {
    position: relative;
    padding-left: 70px;
}

.featured-block-three .inner-box .content .icon-box {
    position: absolute;
    left: 0px;
    top: 10px;
    font-size: 54px;
    color: #ffffff;
}

.featured-block-three .inner-box .content h3 {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 5px;
    font-family: 'Lato', sans-serif;
}

.featured-block-three .inner-box .content .text {
    position: relative;
    color: #ffffff;
}


/*** 

====================================================================
    Featured Section
====================================================================

***/

.info-section {
    position: relative;
    padding: 55px 0px;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

.info-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
}

.info-section .auto-container {
    max-width: 1520px;
    margin: 0 auto;
}

.info-lists {
    position: relative;
    float: left;
    padding-left: 0;
}

.info-lists li {
    position: relative;
    color: #ffffff;
    font-weight: 300;
    font-size: 22px;
    margin-right: 40px;
    display: inline-block;
    font-family: 'Lato', sans-serif;
}

.info-lists li .icon {
    position: relative;
    width: 40px;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #ffffff;
}

.info-lists li strong {
    font-weight: 700;
}


/*Emaild Form*/

.emailed-form {
    position: relative;
    width: 340px;
    float: left;
    margin-top: 3px;
}

.emailed-form .form-group {
    position: relative;
    margin: 0px;
}

.emailed-form input[type="text"],
.emailed-form input[type="email"],
.emailed-form input[type="password"] {
    display: block;
    width: 100%;
    height: 48px;
    padding: 10px 30px;
    font-size: 13px;
    background: #ffffff;
    border-radius: 50px;
}

.emailed-form .theme-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 110px;
    height: 48px;
    font-size: 13px;
    line-height: 30px;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    background: #e7470c;
    border-radius: 0px 50px 50px 0px;
}


/*** 

====================================================================
    Page Title
====================================================================

***/

.page-title {
    position: relative;
    padding: 80px 0px 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-image: url(framework/assets/images/background/7.jpg);
}

.page-title .pull-left,
.page-title .pull-right {
    width: 49%;
}

.page-title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.80);
}

.page-title h2 {
    position: relative;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    word-break: break-all;
    text-align: left;
}

.page-title .page-breadcrumb {
    position: relative;
    margin-bottom: 0px;
    border-radius: 50px;
    padding: 8px 24px;
    display: inline-block;
    border: 2px solid #ffffff;
    float: right;
}

.page-title .page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.page-title .page-breadcrumb li:after {
    position: absolute;
    content: '/';
    right: -4px;
    top: 0px;
    color: #ffffff;
}

.page-title .page-breadcrumb li:last-child::after {
    display: none;
}

.page-title .page-breadcrumb li:last-child {
    padding-right: 0px;
    margin-right: 0px;
    word-break: break-all;
}

.page-title .page-breadcrumb li a {
    color: #ffffff;
    font-weight: 600;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.page-title .page-breadcrumb li a:hover {
    color: #e7470c;
}

.page-pagination {
    display: block;
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}


/*** 

====================================================================
    Services Section Four
====================================================================

***/

.services-section-four {
    position: relative;
    padding: 90px 0px 70px;
}

.services-section-four h2 {
    position: relative;
    color: #444444;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.4em;
    margin-bottom: 50px;
    text-align: center;
}


/*** 

====================================================================
    Services Section Five
====================================================================

***/

.services-section-five {
    position: relative;
    padding: 80px 0px 40px;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
}

.services-block-five {
    position: relative;
    margin-bottom: 52px;
}

.services-block-five .inner-box {
    position: relative;
}

.services-block-five .inner-box .image {
    position: relative;
}

.services-block-five .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.services-block-five .inner-box .lower-content {
    position: relative;
    padding-top: 32px;
    text-align: center;
}

.services-block-five .inner-box .lower-content h3 {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 14px;
}

.services-block-five .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-five .inner-box .lower-content h3 a:hover {
    color: #e7470c;
}

.services-block-five .inner-box .lower-content .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    line-height: 1.9em;
    padding: 0px 35px;
    margin-bottom: 30px;
}

.services-block-five .inner-box .lower-content .read-more {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    color: #e7470c;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/*Pets Box*/

.pets-box {
    position: relative;
    margin-bottom: 75px;
}

.pets-box .inner-container {
    position: relative;
    margin-top: -10px;
    border-radius: 5px;
    padding: 35px 50px 35px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.pets-box .inner-container h2 {
    position: relative;
    color: #e7470c;
    font-size: 36px;
    font-weight: 800;
    padding-left: 40px;
    line-height: 1.2em;
    margin-bottom: 22px;
}

.pets-box .inner-container h2:before {
    position: absolute;
    content: "\f119";
    left: 0px;
    top: 6px;
    color: #444444;
    font-size: 30px;
    line-height: 1em;
    font-family: "Flaticon";
}

.pets-search-form .form-group {
    margin-bottom: 20px;
}

.pets-search-form .form-group .theme-btn {
    text-transform: uppercase;
    width: 100%;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}


/*Pets Container*/

.pets-container {
    position: relative;
}

.pets-container h2 {
    position: relative;
    color: #444444;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 50px;
}

.pet-block {
    position: relative;
    margin-bottom: 60px;
}

.pet-block .inner-box {
    position: relative;
}

.pet-block .inner-box .image {
    position: relative;
}

.pet-block .inner-box .image img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.pet-block .inner-box .image .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    display: block;
    height: 100%;
    opacity: 0;
    text-align: center;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    background-color: rgba(0, 0, 0, 0.80);
}

.pet-block .inner-box:hover .image .overlay-box {
    opacity: 1;
}

.pet-block .inner-box .image .overlay-box .overlay-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul {
    position: relative;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li {
    position: relative;
    margin: 0px 5px;
    display: inline-block;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li a {
    position: relative;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 27px;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li a:hover {
    border-color: #e7470c;
    background-color: #e7470c;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li.share a {
    position: relative;
    top: 4px;
    width: 44px;
    height: 44px;
    color: #e7470c;
    padding: 0px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 50%;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li.share a:hover {
    color: #ffffff;
}

.pet-block .inner-box .lower-content {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #dddddd;
}

.pet-block .inner-box .lower-content h3 {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.pet-block .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
}

.pet-block .inner-box .lower-content ul {
    position: relative;
    margin-bottom: 15px;
}

.pet-block .inner-box .lower-content ul li {
    position: relative;
    margin-bottom: 6px;
    color: #444444;
    font-size: 14px;
    padding-left: 25px;
}

.pet-block .inner-box .lower-content ul li:before {
    position: absolute;
    content: '\f119';
    left: 0px;
    top: 4px;
    color: #e5a62d;
    font-size: 16px;
    line-height: 1em;
    font-family: "Flaticon";
}


/*Blog Page Section*/

.blog-page-section {
    position: relative;
    padding: 100px 0px 100px;
}

.news-block-two {
    position: relative;
    margin-bottom: 70px;
}

.news-block-two .inner-box {
    position: relative;
}

.news-block-two .inner-box .image {
    position: relative;
}

.news-block-two .inner-box .image img {
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
}

.news-block-two .inner-box .image .post-date {
    position: absolute;
    right: 48px;
    bottom: 40px;
    width: 75px;
    height: 75px;
    font-size: 24px;
    font-weight: 800;
    display: block;
    color: #ffffff;
    padding-top: 12px;
    text-align: center;
    border-radius: 50%;
    background-color: #e7470c;
}

.news-block-two .inner-box .image .post-date span {
    font-weight: 600;
    font-size: 16px;
    display: block;
}

.news-block-two .inner-box .lower-content {
    position: relative;
    padding-top: 28px;
}

.news-block-two .inner-box .lower-content .post-meta {
    position: relative;
    margin-bottom: 18px;
}

.news-block-two .inner-box .lower-content .post-meta li {
    position: relative;
    color: #666666;
    font-size: 14px;
    font-weight: 600;
    padding-right: 12px;
    margin-right: 8px;
    line-height: 1em;
    display: inline-block;
    border-right: 1px solid #dddddd;
}

.news-block-two .inner-box .lower-content .post-meta li:first-child {
    color: #e5a62d;
}

.news-block-two .inner-box .lower-content .post-meta li:last-child {
    border: none;
    margin-right: 0px;
    padding-right: 0px;
}

.news-block-two .inner-box .lower-content h3 {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.news-block-two .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-two .inner-box .lower-content h3 a:hover {
    color: #e5a62d;
}

.news-block-two .inner-box .lower-content .text {
    position: relative;
    color: #444444;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 30px;
}


/*** 

====================================================================
    Styled Pagination
====================================================================

***/

.styled-pagination {
    position: relative;
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    margin: 0px 6px 0px 0px;
}

.styled-pagination li a {
    position: relative;
    display: inline-block;
    line-height: 42px;
    height: 44px;
    font-size: 14px;
    min-width: 45px;
    color: #222222;
    font-weight: 700;
    text-align: center;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #dddddd;
    text-transform: uppercase;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
    color: #ffffff;
    border-color: #e5a62d;
    background-color: #e5a62d;
}

.styled-pagination li.next a {
    min-width: 90px;
}


/*** 

====================================================================
    Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 100px 0px 100px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
    margin-bottom: 40px;
}

.blog-single.padding-right {
    padding-right: 30px;
}

.sidebar-widget {
    margin-bottom: 30px;
}


/*Search Box Widget*/

.sidebar .search-box .form-group {
    position: relative;
    margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    line-height: 28px;
    padding: 10px 50px 10px 20px;
    border: 1px solid #dddddd;
    background: none;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 100%;
    font-weight: normal;
    background: #e7470c;
}


/*Sidebar Title*/

.sidebar-title {
    position: relative;
    margin-bottom: 20px;
}

.sidebar-title h2 {
    font-size: 24px;
    color: #222222;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: capitalize;
}


/*Blog Category*/

.cat-list {
    position: relative;
}

.cat-list li {
    position: relative;
}

.cat-list li a {
    position: relative;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    display: block;
    padding-left: 25px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.cat-list li:last-child a {
    border-bottom: 0px;
}

.cat-list li a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.cat-list li a:after {
    position: absolute;
    content: '';
    left: 3px;
    top: 11px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.cat-list li a:hover {
    color: #e7470c;
}


/*Adoption Widget*/

.adoption {
    position: relative;
}

.adoption a {
    position: relative;
    width: 50%;
    float: left;
    padding: 0px 7px;
    margin-bottom: 14px;
}

.adoption img {
    width: 100%;
}


/*Popular Tags*/

.sidebar .popular-tags a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 8px 22px 8px;
    margin: 0px 6px 10px 0px;
    color: #444444;
    text-align: center;
    font-size: 12px;
    background: none;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #eeeeee;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
    border-color: #e5a62d;
    background-color: #e5a62d;
    color: #ffffff;
}


/*Post Widget*/

.sidebar .popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666666;
    padding: 6px 0px 0px;
    padding-left: 100px;
    min-height: 80px;
    margin-bottom: 25px;
}

.sidebar .popular-posts .post:last-child {
    margin-bottom: 0px;
}

.sidebar .popular-posts .post .post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
}

.sidebar .popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post .text {
    position: relative;
    top: -4px;
    font-size: 14px;
    margin: 0px 0px 0px;
    font-weight: 600;
    color: #222222;
    line-height: 1.6em;
    text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a:hover {
    color: #e7470c;
}

.sidebar .popular-posts .post-info {
    font-size: 14px;
    color: #e7470c;
    font-weight: 400;
}

.blog-single {
    position: relative;
}

.blog-single .inner-box {
    position: relative;
}

.blog-single .inner-box .image {
    position: relative;
    padding-bottom: 20px;
}

.blog-single .inner-box .image img {
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
    width: 100%;
}

.blog-single .inner-box .lower-content {
    position: relative;
}

.blog-single .inner-box .lower-content .title-box {
    position: relative;
    margin-bottom: 20px;
}

.blog-single .inner-box .lower-content .title-box .date-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 75px;
    height: 75px;
    font-size: 24px;
    font-weight: 800;
    display: block;
    color: #ffffff;
    padding-top: 12px;
    text-align: center;
    border-radius: 50%;
    background-color: #e7470c;
}

.blog-single .inner-box .lower-content .title-box .date-box span {
    font-weight: 600;
    font-size: 16px;
    display: block;
}

.blog-single .inner-box .lower-content .title-box h3 {
    position: relative;
    color: #222222;
    font-size: 24px;
    font-weight: 700;
    word-break: break-all;
}

.blog-single .inner-box .lower-content .title-box .post-meta {
    position: relative;
    margin-bottom: 18px;
}

.blog-single .inner-box .lower-content .title-box .post-meta li {
    position: relative;
    color: #666666;
    font-size: 14px;
    font-weight: 600;
    padding-right: 12px;
    margin-right: 8px;
    line-height: 1em;
    display: inline-block;
    border-right: 1px solid #dddddd;
}

.blog-single .inner-box .lower-content .title-box .post-meta li:first-child {
    color: #e5a62d;
}

.blog-single .inner-box .lower-content .title-box .post-meta li:last-child {
    border: none;
    margin-right: 0px;
    padding-right: 0px;
}

.blog-single .inner-box .lower-content .text {
    position: relative;
    overflow: hidden;
}

.blog-single .inner-box .lower-content .text ul {
    list-style: disc;
    padding-left: 40px;
}

.blog-single .inner-box .lower-content .text p {
    position: relative;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 20px;
    margin-top: 28px;
}


/*wp post style*/

table,
th,
td {
    border: 1px solid #cecece;
    padding: 5px 10px;
}





.blog-single .inner-box .lower-content .post-share-options {
    position: relative;
    margin-top: 20px;
    padding: 18px 0px 18px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.blog-single .inner-box .lower-content .post-share-options .tags a {
    position: relative;
    color: #222222;
    font-size: 14px;
    font-weight: 600;
    margin-left: 4px;
    text-transform: capitalize;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.blog-single .inner-box .lower-content .post-share-options .tags a:hover {
    color: #e7470c;
}

.blog-single .inner-box .lower-content .post-share-options .tags span {
    position: relative;
    color: #666666;
    font-size: 14px;
}

.blog-single .inner-box .lower-content .post-share-options .tags {
    position: relative;
    color: #777777;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
}





/*** 

====================================================================
    Comments Area
====================================================================

 ***/

li.comment {
    list-style: none;
}

.comments-area li {
    list-style: none;
}

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: 0px;
}

.sidebar-page-container .group-title h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 800;
}

.sidebar-page-container ol li{
    margin-bottom: 1em !important;
}

.sidebar-page-container .comments-area {
    position: relative;
    margin-top: 20px;
    padding-right: 30px;
}

.sidebar-page-container .comments-area .comment-box {
    position: relative;
}

.sidebar-page-container .comments-area .comment-box .comment {
    position: relative;
    font-size: 14px;
}

.sidebar-page-container .comments-area .comment .comment-inner {
    position: relative;
}

.sidebar-page-container .comments-area .comment .comment-reply {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #e7470c;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment .comment-reply .icon {
    font-size: 13px;
    margin-right: 2px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 90px;
    overflow: hidden;
    margin-bottom: 20px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
    display: block;
    width: 100%;
}

.sidebar-page-container .comments-area .comment-info {
    color: #222222;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
}

.sidebar-page-container .comments-area .comment-info span {
    font-weight: 400;
    font-size: 16px;
    color: #777777;
    margin-left: 22px;
}

.sidebar-page-container .comments-area .comment .comment-inner .rating {
    position: relative;
    font-size: 18px;
    color: #ffb200;
}

.sidebar-page-container .comments-area .comment-box .text {
    color: #444444;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.9em;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
    position: relative;
    font-size: 12px;
    color: #666666;
    margin-left: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
    padding: 5px 30px;
    font-size: 12px;
    border: 1px solid #fbca00;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.comment-author {
    font-weight: 700;
}

/*Comment Form*/

.comment-respond label {
    display: none;
}

.comment-form {
    position: relative;
}

.comment-form .row {
    margin: 0px -10px;
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 20px;
    padding: 0px 10px;
}

.comment-form .form-group:last-child {
    margin-bottom: 0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    border: 1px solid #dddddd;
    height: 50px;
    color: #444444;
    font-weight: 400;
    background: #ffffff;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
    border-color: #febe28;
}

.comment-respond .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 25px;
    color: #444444;
    border: 1px solid #dddddd;
    height: 125px;
    font-weight: 300;
    background: #ffffff;
    resize: none;
    border-radius: 15px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 25px;
    color: #444444;
    border: 1px solid #dddddd;
    height: 125px;
    font-weight: 300;
    background: #ffffff;
    resize: none;
    border-radius: 15px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}





.comment-form input[type="text"],
.comment-form input[type="password"],
.comment-form input[type="tel"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    border: 1px solid #dddddd;
    height: 50px;
    color: #444444;
    font-weight: 400;
    background: #ffffff;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-bottom: 10px;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="password"]:focus,
.comment-form input[type="tel"]:focus,
.comment-form input[type="url"]:focus,
.comment-form input[type="email"]:focus,
.comment-form select:focus,
.comment-form textarea:focus {
    border-color: #febe28;
}

.comment-respond textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 25px;
    color: #444444;
    border: 1px solid #dddddd;
    height: 125px;
    font-weight: 300;
    background: #ffffff;
    resize: none;
    border-radius: 15px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 25px;
    color: #444444;
    border: 1px solid #dddddd;
    height: 125px;
    font-weight: 300;
    background: #ffffff;
    resize: none;
    border-radius: 15px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form button {
    padding: 10px 53px;
    font-size: 14px;
    text-transform: uppercase;
}

.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus {
    border-color: #e5a62d;
}

.comments-area .group-title h2 {
    margin-bottom: 20px;
}

.comment-form .group-title h2 {
    margin-bottom: 20px;
}

.comment-form h3.comment-reply-title {
    margin-bottom: 20px;
    font-size: 20px;
}

.comment-form p.form-submit {
    clear: both;
}

.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
    margin: 0;
}

.comment-form p.form-submit {
    margin-top: 0;
    padding-top: 0 !important;
}

.comment-form p.form-submit input[type="submit"] {
    margin-top: 0;
}


/*** 

====================================================================
    Contact Section
====================================================================

***/

.contact-section {
    position: relative;
    padding: 95px 0px 60px;
}

.contact-section .sec-title {
    margin-bottom: 35px;
}

.contact-section h2 {
    position: relative;
    color: #242424;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.contact-section .title {
    position: relative;
    color: #242424;
}

.contact-section .form-column {
    position: relative;
}


/*Contact Form*/

.contact-form {
    position: relative;
    padding-right: 40px;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.contact-form .form-group input {
    position: relative;
    display: block;
    width: 100%;
    line-height: 33px;
    padding: 10px 0px;
    height: 55px;
    color: #000000;
    background: none;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid #f0eff4;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.70);
    font-weight: 400;
    font-size: 15px;
}

.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 30px;
    padding: 10px 0px;
    color: #000000;
    height: 160px;
    resize: none;
    background: none;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid #f0eff4;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus {
    border-color: #e5a62d;
}

.contact-form .form-group button {
    margin-top: 5px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #ff0000 !important;
}

.contact-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 11px;
    color: #ff0000;
    font-weight: 500;
}

.contact-section .info-column {
    position: relative;
}

.contact-section .info-column .inner-column {
    position: relative;
    padding-left: 35px;
    margin-top: 54px;
    margin-left: 30px;
    border-left: 1px solid #cccccc;
}

.contact-section .info-column ul {
    position: relative;
    padding-bottom: 1px;
}

.contact-section .info-column ul li span {
    position: relative;
    color: #242424;
    font-size: 16px;
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.contact-section .info-column ul li {
    position: relative;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #797979;
    line-height: 1.4em;
    list-style: none;
}


/*** 

====================================================================
    Map Section Style
====================================================================

***/

.map-section {
    position: relative;
}

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
}

.map-data h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    color: #121212;
}

.map-canvas {
    height: 440px;
}
.map-canvas iframe{
    width: 100%;
    height: 400px
}


/* line 1662, ../sass/template/_post.scss */

.gallery {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}


/* line 1666, ../sass/template/_post.scss */

.gallery .gallery-item {
    float: left;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.gallery .gallery-item a {
    display: block;
    text-align: center;
}


/* line 11, ../sass/rtl/_rtl.scss */

.rtl .gallery .gallery-item {
    float: right;
}


/* line 1675, ../sass/template/_post.scss */

.gallery.gallery-columns-9 .gallery-item {
    width: 11%;
}


/* line 1680, ../sass/template/_post.scss */

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%;
}


/* line 1685, ../sass/template/_post.scss */

.gallery.gallery-columns-7 .gallery-item {
    width: 14%;
}


/* line 1690, ../sass/template/_post.scss */

.gallery.gallery-columns-6 .gallery-item {
    width: 16.5%;
}


/* line 1695, ../sass/template/_post.scss */

.gallery.gallery-columns-5 .gallery-item {
    width: 20%;
}


/* line 1700, ../sass/template/_post.scss */

.gallery.gallery-columns-4 .gallery-item {
    width: 25%;
}


/* line 1705, ../sass/template/_post.scss */

.gallery.gallery-columns-3 .gallery-item {
    width: 33%;
}


/* line 1710, ../sass/template/_post.scss */

.gallery.gallery-columns-1 .gallery-item {
    width: 100%;
}


/* line 1715, ../sass/template/_post.scss */

.gallery.gallery-columns-2 .gallery-item {
    width: 50%;
}





/* Comment Respond */

.comment-respond {
    margin: 0;
    position: relative;
}

.comment-respond:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.comment-respond textarea {
    min-height: 260px;
}

.comment-respond p {
    padding-bottom: 20px;
}

.comment-respond p:empty {
    display: block;
}

.comment-respond textarea[name=comment] {
    width: 100%;
}

.comment-respond .comment-reply-title {
    position: relative;
    margin-bottom: 20px;
}

.comment-respond .comment-reply-title small {
    float: right;
}

.comment-respond .comment-form-name {
    margin-bottom: 10px;
    clear: both;
}

.comment-respond .comment-form {
    position: relative;
}

.comment-respond .comment-form:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
    padding-bottom: 20px;
    display: block;
    clear: both;
}

.comment-respond .comment-form-comment {
    padding-right: 0px;
}

.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
    margin: 0;
}

.comment-respond .form-submit {
    padding-top: 10px;
    display: block;
    clear: both;
}

.nocomments {
    margin: 50px 0 0;
    position: relative;
    overflow: hidden;
}

.error404 {
    border-top: 1px solid #f0f0f0;
    min-height: 200px;
    text-align: center;
}

.error404 .search-form-wrapper {
    padding: 0;
}

.error404 .search-form-wrapper h1 {
    color: #12a4dd;
    font-size: 200px;
    font-weight: 900;
    letter-spacing: 10px;
    line-height: 1.1;
    margin: 0 0 30px;
}

.error404 .search-form-wrapper h2 {
    color: #333;
    font-size: 35px;
    text-transform: uppercase;
}

.error404 .search-form-wrapper p {
    color: #333;
    font-size: 22px;
    font-weight: 300;
    margin: 20px auto 30px;
    text-align: center;
    width: 60%;
}

.error404 .search-form-wrapper #blogsearchform .form-input {
    margin-left: auto;
    margin-right: auto;
}

.error404 .search-form-wrapper #blogsearchform .form-input .input_text,
.error404 .search-form-wrapper #blogsearchform .form-input .button {
    height: 50px;
    line-height: 50px;
}

.error404 .search-form-wrapper a.buttonback {

    margin-top: 30px;
}

.error404 .search-form-wrapper a.button:hover {
    background: #333;
}

.error404 .form-group input[type=text] {
    position: relative;
    line-height: 28px;
    padding: 10px 50px 10px 20px;
    border: 1px solid #dddddd;
    background: none;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.error404 .form-group .search-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 100%;
    font-weight: normal;
    background: #e7470c;
    border: none;
}



/*-------------WORDPRESS GENERAL STYLE--------*/


/*calendar style*/

select {
    max-width: 90%;
}

#wp-calendar {
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 3;
    max-width: 370px;
    background: #fff;
}

#wp-calendar caption {
    border: 1px solid #DDDDDD;
    color: #fff;
    background: #2b292a;
    font-size: 19px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    line-height: 25px;
    padding: 10px 20px;
    text-transform: uppercase;
    border-bottom: none;
}

#wp-calendar td a {
    color: #777;
    display: block;
}

#wp-calendar table,
#wp-calendar th,
#wp-calendar td {
    padding: 0;
}

#wp-calendar td a:hover {
    background: #000;
    color: #fff;
}

#wp-calendar #prev a,
#wp-calendar #next a {
    display: inline;
}

#wp-calendar tbody tr td {
    border: 1px solid #DDDDDD;
    color: #BBBBBB;
    font-weight: bold;
}

#wp-calendar thead {
    color: #555555;
}

#wp-calendar thead th {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    text-align: center;
}

#wp-calendar tfoot {
    border: 1px solid #ddd;
}

#wp-calendar tfoot #next {
    text-align: right;
    border: none;
}

#wp-calendar tfoot #prev {
    text-align: left;
    border: none;
}

td.pad {
    border: none;
}

#wp-calendar tfoot a {
    padding: 10px;
}

.wp-caption {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
}

.wp-caption.aligncenter {
    margin: auto;
}

.wp-caption.aligncenter {
    margin-bottom: 10px;
}

.wp-caption.alignnone {
    margin-bottom: 10px;
}

.wp-caption.alignleft {
    float: left;
    margin-right: 10px;
}

.wp-caption.alignright {
    float: right;
    margin-left: 10px;
}

.alignleft {
    text-align: left;
    margin-right: 5px;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

img.alignright {
    clear: both;
    display: block;
    float: right;
    margin-bottom: 3px;
    margin-left: 10px;
}

img.alignleft {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 3px;
    margin-right: 10px;
}

img.aligncenter {
    display: block;
    margin: auto;
    text-align: center;
}

.wp-caption-text,
.gallery-caption {
    font-size: 13px;
    margin: 0;
    padding: 5px;
    text-align: center;
}

.wp-caption {
    max-width: 100% !important;
}

.rssSummary {
    color: #787878;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.rss-date {
    clear: both;
    color: #2b292a;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
}

.widget_rss cite {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: playfair display;
}

.widget_rss li .rsswidget {
    background: #1f1f1f;
    color: #fff;
    width: 100%;
    display: block;
    padding: 5px 10px;
    font-weight: 600;
}

.sidebar .widget_rss ul li {
    list-style: none;
}

.sidebar .widget_rss ul {
    padding: 0;
    list-style: none;
}

.sticky.blog-post .blog-title::before {
    background: #b9b9b9 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    content: "\f08d";
    letter-spacing: 0;
    display: inline-block;
    float: right;
    font-family: fontawesome;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    width: 30px;
}

.blogpst-mr{
    margin-bottom: 30px;
}

.post.sticky {
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 30px;
}

.post.sticky .border-post.clearfix {
    background: transparent;
    margin: 0;
}

.post.sticky .go-btn {
    background: transparent;
    color: #bf919f;
}

.post.sticky .go-btn:hover {
    background: #bf919f;
    color: #fff;
}

.post-pager p {
    border-top: 1px solid #eeeeee;
    color: #555555;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding-top: 30px;
}

.post-pager a {
    border: 1px solid;
    margin: 0 5px;
    padding: 4px 10px;
}

.widget ol li ul li ol li {
    list-style-type: lower-alpha;
}

.widget ul li ol li {
    list-style-type: decimal;
}

.widget ul li ol li ul li {
    list-style-type: square;
}

.widget_rss .rsswidget {
    font-weight: 500;
}

.post-password-form input[type="submit"]:hover {
    color: #fff;
    background: #ccc;
}

.comment-reply-title {
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    color: #222222;
}

.post-password-form input {
    border: 1px solid #ccc;
    border-radius: 100px;
    color: #aaa;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 16px 35px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: auto;
}

.post-password-form input[type="submit"] {
    background: #000 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 16px 35px;
    text-transform: uppercase;
    width: auto;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: none;
}

.search-title {
    border-bottom: 1px solid #eee;
    font-size: 25px;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

.widget_nav_menu ul li a {
    letter-spacing: 0;
    padding: 0;
    text-transform: none;
}

.footer-widget ul li {
    position: relative;
    margin-bottom: 8px;
    list-style: none;
}

.widget_nav_menu ul li a {
    position: relative;
    padding-left: 32px;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.widget_nav_menu ul li a:before {
    position: absolute;
    content: '\f119';
    left: 0px;
    top: 4px;
    color: #cccccc;
    line-height: 1em;
    font-family: "Flaticon";
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.footer-widget ul li .icon {
    position: absolute;
    left: 0px;
    top: 4px;
    color: #cccccc;
    font-size: 24px;
    line-height: 1em;
}

#give-recurring-form .form-row input[type=text],
#give-recurring-form .form-row input[type=email],
#give-recurring-form .form-row input[type=password],
#give-recurring-form .form-row input[type=tel],
#give-recurring-form .form-row input[type=url],
#give-recurring-form .form-row select,
#give-recurring-form .form-row textarea,
form.give-form .form-row input[type=text],
form.give-form .form-row input[type=email],
form.give-form .form-row input[type=password],
form.give-form .form-row input[type=tel],
form.give-form .form-row input[type=url],
form.give-form .form-row select,
form.give-form .form-row textarea,
form[id*=give-form] .form-row input[type=text],
form[id*=give-form] .form-row input[type=email],
form[id*=give-form] .form-row input[type=password],
form[id*=give-form] .form-row input[type=tel],
form[id*=give-form] .form-row input[type=url],
form[id*=give-form] .form-row select,
form[id*=give-form] .form-row textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #848484;
    line-height: 28px;
    padding: 10px 25px;
    font-weight: 400;
    background: #ffffff;
    border-radius: 50px;
    border: 1px solid #cecece;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label,
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    background-color: #f2f2f2;
    color: #333;
    margin: 0;
    padding: 10px 25px;
    height: 50px;
    line-height: 35px;
    font-size: 18px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border: 1px solid #cecece;
}

.give-modal form[id*=give-form] .give-submit {
    position: relative;
    padding: 11px 39px;
    line-height: 29px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e7470c;
    border: 2px solid #e7470c;
}

.gform1 .give-btn {
    position: relative;
    padding: 11px 39px;
    line-height: 29px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e7470c;
    border: 2px solid #e7470c;
}

.gform2 .give-btn {
    position: relative;
    padding: 11px 39px;
    line-height: 29px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    background-color: #e5a62d;
    border: 2px solid #e5a62d;
}

.gform3 .give-btn {
    position: relative;
    padding: 11px 39px;
    line-height: 29px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    background-color: #630abb;
    border: 2px solid #630abb;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
    color: #333;
    margin: 0;
    padding: 0;
    height: 65px;
    line-height: 65px;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 48px;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    border-left: none;
}

form[id*=give-form] .give-donation-amount #give-amount,
form[id*=give-form] .give-donation-amount #give-amount-text {
    border: 1px solid #ccc;
    background: #FFF;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    margin: 0;
    font-size: 18px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 60%;
    float: left;
    color: #000;
}

.sidebar-widget ul {
    list-style: none;
    padding-left: 0;
}

.sidebar-widget ul ul {
    list-style: none;
    padding-left: 5px;
}

.sidebar-widget ul li {
    display: block !important;
}

.sidebar-widget ul li a {
    position: relative;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    display: block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    word-break: break-all;
}

.widget_categories ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li,
.widget_recent_comments ul li {

    position: relative;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    display: inline-block;
    padding-left: 25px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.widget_categories ul li a:before,
.widget_archive ul li a:before,
.widget_meta ul li a:before,
.widget_recent_entries ul li:before,
.widget_recent_comments ul li:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.widget_categories ul li a:after,
.widget_archive ul li a:after,
.widget_meta ul li a:after,
.widget_recent_entries ul li:after,
.widget_recent_comments ul li:after {
    position: absolute;
    content: '';
    left: 3px;
    top: 11px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}


.tagcloud a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 8px 22px 8px;
    margin: 0px 6px 10px 0px;
    color: #444444;
    text-align: center;
    font-size: 12px !important;
    background: none;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #eeeeee;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.tagcloud a:hover {
    border-color: #e5a62d;
    background-color: #e5a62d;
    color: #ffffff !important;
}


/* =WordPress Core
-------------------------------------------------------------- */

/*.alignnone {
    margin: 5px 20px 20px 0;
}*/

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px!important;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0!important;
}

.wp-block-button{
    margin-top: 28px;
    margin-bottom: 28px;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

ul.petdetails {
    padding-left: 0;
}

ul.petdetails li {
    position: relative;
    margin-bottom: 6px;
    color: #444444;
    font-size: 14px;
    padding-left: 25px;
    list-style: none;
}

ul.petdetails li:before {
    position: absolute;
    content: '\f119';
    left: 0px;
    top: 4px;
    color: #e5a62d;
    font-size: 16px;
    line-height: 1em;
    font-family: "Flaticon";
}

.cmb-th {
    color: #fff !important;
}

.cmb-th label {
    padding-left: 15px !important;
}

.cmb-type-text,
.cmb-type-text-email,
.cmb-type-text-date,
.cmb-type-text-time {
    width: 33%;
    display: inline-block;
}

.cmb-th+.cmb-td,
.cmb2-wrap input.cmb2-text-medium,
.cmb2-datepicker {
    width: 100% !important;
}

.cmb2-element .ui-datepicker,
.cmb2-element.ui-datepicker {
    width: 300px !important;
}

.cmb2-wrap input {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #848484;
    line-height: 28px;
    padding: 10px 25px !important;
    font-weight: 400;
    background: #ffffff;
    border-radius: 30px;
    border: 1px solid #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.cmb2-wrap textarea {
    position: relative;
    display: block;
    width: 100% !important;
    height: 50px;
    font-size: 14px;
    color: #848484;
    line-height: 28px;
    padding: 10px 25px !important;
    font-weight: 400;
    background: #ffffff;
    border-radius: 30px;
    border: 1px solid #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    height: 140px;
}

.cmb2-wrap input.cmb2-timepicker {
    width: 100% !important;
}

.cmb-th {
    padding: 0 !important;
}

html input[type=button],
input[type=reset],
input[type=submit] {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 46px;
    margin-top: 10px;
    position: relative;
    line-height: 29px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    background-color: #e5a62d;
    border: 2px solid #e5a62d;
}


/* line 29, ../sass/template/_pages.scss */

.error-404 {
    padding: 60px 0;
}


/* line 32, ../sass/template/_pages.scss */

.page-404 {
    padding: 50px 0;
}


/* line 34, ../sass/template/_pages.scss */

.page-404 .big-font {
    line-height: 140px;
    font-size: 130px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Montserrat";
    color: #222222;
}

@media only screen and (max-width: 767px) {

    /* line 34, ../sass/template/_pages.scss */
    .page-404 .big-font {
        font-size: 110px;
    }
}

@media (max-width: 640px) {

    /* line 34, ../sass/template/_pages.scss */
    .page-404 .big-font {
        font-size: 110px;
    }
}


/* line 48, ../sass/template/_pages.scss */

.page-404 .page-title {
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 25px;
}

@media (min-width: 768px) and (max-width: 1023px) {

    /* line 48, ../sass/template/_pages.scss */
    .page-404 .page-title {
        font-size: 54px;
        line-height: 64px;
    }
}

@media only screen and (max-width: 767px) {

    /* line 48, ../sass/template/_pages.scss */
    .page-404 .page-title {
        font-size: 44px;
        line-height: 54px;
    }
}

@media (max-width: 640px) {

    /* line 48, ../sass/template/_pages.scss */
    .page-404 .page-title {
        font-size: 38px;
        line-height: 48px;
    }
}


/* line 66, ../sass/template/_pages.scss */

.page-404 .sub-title {
    font-size: 16px;
    margin: 0 0 40px;
}

.text-left {
    text-align: left !important;
}

.petenica-pagination {
    text-align: center;
}

span.page-numbers,
a.page-numbers {
    padding: 5px 10px;
    border: 1px solid #eeeeee;
    color: #777;
}

.petenica-pagination .current {
    background: #e5a62d;
    color: #fff;
}

.petenica-pagination ul {
    list-style: none;
}

.form-group {
    position: relative;
}

.sidebar-widget .form-group .search-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 100%;
    font-weight: normal;
    background: #e7470c;
    border: none;
}

.sidebar-widget .form-group input[type=text] {
    position: relative;
    line-height: 28px;
    padding: 10px 50px 10px 20px;
    border: 1px solid #dddddd;
    background: none;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.petenica-pagination ul.page-numbers li {
    display: inline-block;
}

.adopt-form input[type="text"],
.adopt-form input[type="email"] {
    border-color: #cecece !important;
}

footer .popular-posts figure.post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
}

footer .popular-posts .text {
    position: relative;
    top: 2px;
    font-size: 14px;
    margin: 0px 0px 0px;
    font-weight: 700;
    color: #444444;
    line-height: 1.6em;
    text-transform: capitalize;
}

footer ul.contact-info {
    padding-left: 0;
}

footer ul.contact-info li {
    position: relative;
    color: #222222;
    font-size: 14px;
    margin-bottom: 12px;
    padding-left: 30px;
}

.blog .single-latest-news {
    margin-bottom: 0px;
    border: 1px solid #cecece;
}

.blog .sticky {
    box-shadow: 2px 2px 2px 2px #cecece;
}

.single-latest-news h2 {
    margin-bottom: 0;
    position: relative;
    font-size: 24px;

    font-weight: 800;
    display: inline-block;
}

.single-latest-news a {
    color: #222222;
}

.blog .single-latest-news .post-media {
    background: 0 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.post-details {
    padding: 10px 0;
    border-bottom: 1px solid #e0f3ff;
    margin-bottom: 0;
}

.post-data {
    padding: 20px;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

ul.list-inline>li:not(:last-child) {
    margin-right: 15px;
}

.post-details li:not(:last-child) {
    padding-right: 10px;
}

ul.list-inline>li {
    display: inline-block;
}

.post-details li {
    font-size: 14px;
    color: #666666;
    position: relative;
}

.post-details li i {
    font-size: 12px;
    margin-right: 8px;
}

.single-latest-news h2 a {
    display: inline-block;
    word-break: break-all;
}

.post-categories {
    list-style: none;
    color: #666666;
}

.post-categories li {
    display: inline-block;
    margin-right: 15px;
}

.categories i {
    font-size: 12px;

    color: #666666;
    margin-right: 8px;
}

ul.post-meta a {
    color: #666666;
    line-height: 20px;
}

.name h4 {
    margin-bottom: 5px;
}

.blog-post {
    margin-bottom: 10px;
}

.blog-post .blog-text {
    padding-top: 20px;

}

.blog-post .blog-text ul {
    padding-top: 10px;
    padding-bottom: 20px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.blog-post .blog-text h2 {
    letter-spacing: .44px;
    padding: 0px 0 10px;
    border-bottom: 1px solid #e4e4e4;
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.blog-post .blog-text p {
    margin-bottom: 20px;
}

.blog-post .blog-text ul li {
    display: inline-block;
    margin-right: 27px;
}

.blog-post .read_btn {
    margin-top: 30px;
}

.read_btn {
    display: inline-block;
    padding: 0 30px;
    border: 1px solid #adadad;
    line-height: 40px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #797979;
    border-radius: 3px;
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.post-meta-content {
    font-size: 12px;
    margin-bottom: 10px;
}

.post-meta-content span {
    padding-right: 5px;
}

.himage {
    position: relative;
}

.himage img {
    width: 100%;
    max-width: 100%;
}

.himage span.cat {
    padding: 5px 10px;
    background-color: #e7470c;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.himage span.featured {
    padding: 5px 10px;
    background-color: #e7470c;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 20px;
}

.pfeatured {
    padding: 20px;
    box-shadow: 2px 2px 2px 2px #cecece;
    margin: 3px;
}

.himage span.cat a {
    color: #fff;
}

.himage span.cat a:hover {
    color: #fff;
}

.woocommerce .sidebar .widget {
    margin-bottom: 45px;
}

.woocommerce .sidebar .widget img {
    max-width: 100%;
}

.woocommerce .sidebar .widget ul {
    list-style: none;
    padding-left: 0;
}

.woocommerce .sidebar .widget ul li ul {

    padding-left: 10px;
}

.bypostauthor .fn.comment-author:after {
    content: "\f007";
    background: #dadada none repeat scroll 0 0;
    border-radius: 100px;
    color: #888888;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    height: 23px;
    line-height: 23px;
    margin-left: 3px;
    text-align: center;
    width: 23px;
}

.woocommerce div.product p.stock {
    font-size: .92em;
    position: relative;
    padding: 12px;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;
}

#search form {
    width: 50%;
    margin: 0 auto;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 99999;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 50%;
    color: rgb(2, 2, 2);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}

#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #222;
    opacity: 1;
    padding: 10px 17px;
    font-size: 50px;
}




.main-header .search-panel .form-container {
    border-top: 2px solid #e7470c;
}

.search-icon {
    font-size: 18px;
    color: #222222;
    background: none;
    border: 0;
    outline: none;
    padding-top: 0;
}

.search-toggle .search-icon.icon-close {
    display: none;
}

.search-toggle.opened .search-icon.icon-search {
    display: none;
}

.search-toggle.opened .search-icon.icon-close {
    display: block;
}

.search-container {
    position: relative;
    max-height: 0;
    overflow: hidden;
    background-color: #eee;
    width: 300px;
}

.search-container.opened {
    max-height: 100px;
}

.search-container input[type="text"] {}

.search-container .search-icon {
    vertical-align: middle;
}



.search-container {
    position: absolute;
    right: 0px;
    top: 65px
}

.top-left ul {
    padding-left: 0;
}

.paginationpet {
    text-align: center;
}

.cat-posts .posts {
    margin-bottom: 10px;
}

.causes-item {
    box-shadow: 2px 2px 2px 2px #cecece;
    margin-bottom: 30px;
}

.causes-item div.text {
    padding: 20px;
}

.causes-item .post-meta {
    list-style: none;
    padding-left: 0;
}

.causes-item .post-meta li {
    display: inline-block;
    padding: 10px 20px 10px 0;
}

.causes-item a.btn-style-two {
    padding: 6px 32px;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody td {
    border: 1px solid #cecece;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container {
    outline: 1px solid #cecece;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+2) {
    background: #e5a62d;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
    background: #e7470c;
    color: #fff;
    height: 50px;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours {
    color: #222;
    height: 100px !important;
    font-size: 18px;
}

.mptt-inner-event-content {
    height: 100%;
    font-size: 16px;
    color: #000;

}

.petpckg {
    margin-bottom: 30px;
    box-shadow: 2px 2px 2px 2px #cecece;
    transition-duration: .5;
    padding: 10px;
}

.petpckg:hover {
    box-shadow: 1px 1px 1px 1px #cecece;
}

.petpckgimg a img {
    width: 100%;
}

.petprice .text {
    display: block;
    padding: 1px 0;
    font-size: 16px;
    padding-left: 30px;
}

.petprice .text span {
    padding-left: 20px;
}

.petprice .text:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.petprice .text:after {
    position: absolute;
    content: '';
    left: 3px;
    top: 11px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.petextraprice .text {
    display: block;
    padding: 1px 0;
    font-size: 18px;
}

.petextraprice .text span {
    padding-left: 20px;
}

.sittervists .text {
    display: block;
    padding: 1px 0;
    padding-left: 30px;
}

.sittervists .text:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.sittervists .text:after {
    position: absolute;
    content: '';
    left: 3px;
    top: 11px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.petduty .text {
    display: block;
    padding: 1px 0;
    padding-left: 30px;
}

.petduty .text:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}

.petduty .text:after {
    position: absolute;
    content: '';
    left: 3px;
    top: 11px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #e9531b;
}


#portfolio_filter {
    margin-bottom: 60px;
}

#portfolio_filter ul li.active,
#portfolio_filter ul li:hover {
    cursor: pointer;
    border: 1px solid #dddddd;
}

#portfolio_filter ul li:first-child {
    margin-left: 0;
}

#portfolio_filter ul li {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    line-height: 24px;
    color: #333333;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: none;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 20px 10px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border: 1px solid;
    border-color: transparent;
}

.adopted-sec {
    position: relative;
    padding: 90px 0px 90px;
    display: block;
    clear: both;
    /* width: 100%; */
}


#front-end-pet-form .cmb2-wrap input[type=checkbox],
#front-end-pet-form .cmb2-wrap input[type=radio] {
    margin: 0 5px 0 0;
    padding: 0;
    width: unset;
    height: unset;
}

#front-end-pet-form .wp-core-ui .quicktags-toolbar input.button.button-small {
    width: unset;
    height: unset;
}

#front-end-pet-form .cmb-th {
    color: #222 !important;
}

#front-end-pet-form .cmb2-wrap .button-secondary,
#front-end-pet-form .cmb2-wrap button {
    width: unset;
    height: unset;
    background: unset;
    color: unset;
}

#front-end-pet-form .cmb2-wrap input {
    border: 1px solid #cecece;
}

#front-end-pet-form .cmb-td {
    padding: 0 10px 15px 10px;
}
/*cat*/
#front-end-cat-form .cmb2-wrap input[type=checkbox],
#front-end-cat-form .cmb2-wrap input[type=radio] {
    margin: 0 5px 0 0;
    padding: 0;
    width: unset;
    height: unset;
}

#front-end-cat-form .wp-core-ui .quicktags-toolbar input.button.button-small {
    width: unset;
    height: unset;
}

#front-end-cat-form .cmb-th {
    color: #222 !important;
}

#front-end-cat-form .cmb2-wrap .button-secondary,
#front-end-cat-form .cmb2-wrap button {
    width: unset;
    height: unset;
    background: unset;
    color: unset;
}

#front-end-cat-form .cmb2-wrap input {
    border: 1px solid #cecece;
}

#front-end-cat-form .cmb-td {
    padding: 0 10px 15px 10px;
}

/*dog*/
#front-end-dog-form .cmb2-wrap input[type=checkbox],
#front-end-dog-form .cmb2-wrap input[type=radio] {
    margin: 0 5px 0 0;
    padding: 0;
    width: unset;
    height: unset;
}

#front-end-dog-form .wp-core-ui .quicktags-toolbar input.button.button-small {
    width: unset;
    height: unset;
}

#front-end-dog-form .cmb-th {
    color: #222 !important;
}

#front-end-dog-form .cmb2-wrap .button-secondary,
#front-end-dog-form .cmb2-wrap button {
    width: unset;
    height: unset;
    background: unset;
    color: unset;
}

#front-end-dog-form .cmb2-wrap input {
    border: 1px solid #cecece;
}

#front-end-dog-form .cmb-td {
    padding: 0 10px 15px 10px;
}

.adopted-sec {
    padding: 25px 0 25px;
}



#cmb2-metabox-front-end-pet-form .cmb2-wrap input[type=checkbox],
#cmb2-metabox-front-end-pet-form .cmb2-wrap input[type=radio] {
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    width: unset !important;
    height: unset !important;
}

#cmb2-metabox-front-end-pet-form .wp-core-ui .quicktags-toolbar input.button.button-small {
    width: unset;
    height: unset;
}

#cmb2-metabox-front-end-pet-form .cmb-th {
    color: #222 !important;
}

#cmb2-metabox-front-end-pet-form .cmb2-wrap .button-secondary,
#cmb2-metabox-front-end-pet-form .cmb2-wrap button {
    width: unset;
    height: unset;
    background: unset;
    color: unset;
}

#cmb2-metabox-front-end-pet-form .cmb2-wrap input {
    border: 1px solid #cecece;
}

#cmb2-metabox-front-end-pet-form .cmb-td {
    padding: 0 10px 15px 10px;
}


#petenica_meta_petdetails .cmb2-wrap input[type=checkbox],
#petenica_meta_petdetails .cmb2-wrap input[type=radio] {
    margin: 0 5px 0 0;
    padding: 0;
    width: unset;
    height: unset;
}

#petenica_meta_petdetails .wp-core-ui .quicktags-toolbar input.button.button-small {
    width: unset;
    height: unset;
}

#petenica_meta_petdetails .cmb-th {
    color: #222 !important;
}

#petenica_meta_petdetails .cmb2-wrap .button-secondary,
#petenica_meta_petdetails .cmb2-wrap button {
    width: unset;
    height: unset;
    background: unset;
    color: unset;
}

#petenica_meta_petdetails .cmb2-wrap input {
    border: 1px solid #cecece;
}

#petenica_meta_petdetails .cmb-td {
    padding: 0 10px 15px 10px;
}


.maso-post {
    width: 33%;
    margin-bottom: 30px;
}

@media (max-width: 1023px) {
    .maso-post {
        width: 100%;
        margin: 0 0 20px;
    }
}




/*
================================
04:-     index-4
================================
*/

.page-4 h1,
.page-4 h2,
.page-4 h3,
.page-4 h4 {
    font-family: "Lato", sans-serif;
}


.page-4 h6,
.page-4 p {
    font-family: "OpenSans", sans-serif;
}

.menu-4 .nav-outer {
    padding: 0;
}

.header-4 {
    padding: 0 15px;

}

.header_btn {
    padding: 25px 10px;
}

.main-slider-4 h1.pawprint {
    margin-left: 50px;
}

.main-slider-4 h1 i {
    color: #fd2d2a;
}

.header_btn a.btn-style-one {
    border-radius: 10px;
    color: #fff;
    padding: 4px 10px 4px 10px;
    font-size: 16px;
    border: 2px solid #fd2d2a;
    background-color: #fd2d2a;
}

.header_btn a.btn-style-one:hover {
    background-color: #ffffff;
    border-radius: 10px;
    color: #fd2d2a;
}

.header_btn a.btn-style-one i {
    margin-right: 15px;
}

.header_btn a.btn-style-two {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    line-height: 29px;
    padding: 4px 10px 4px 10px;
    font-weight: 700;
    border-radius: 10px;
    background-color: #e2b61e;
    border: 2px solid #e2b61e;
}

.header_btn a.btn-style-two:hover {
    color: #e2b61e;
    background-color: #ffffff;
}

.header_btn a.btn-style-two:hover i {
    color: #e2b61e;
}

.header_btn a.btn-style-two i {
    margin-right: 15px;
}

.header_btn a img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}


.syringe-icon {
    background-image: url("../images/syringe.svg");
    width: 35px;
    height: 35px;
    margin-left: 50px;
}

.main-slider h2 {
    position: relative;
    color: #222222;
    font-size: 52px;
    font-weight: 400;
    line-height: 1.2em;
    display: inline-block;
    font-family: "lato", sans-serif;
}

.btns-box-4 a.service {
    text-align: inherit;
    line-height: 29px;
    border-width: 2px;
    margin: 0px 0px 0px 10px;
    padding: 8px 20px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 16px;
    transition: .5s;
    border-radius: 5px;
    text-transform: uppercase;
}

.btns-box-4 a.advice {
    text-align: inherit;
    line-height: 29px;
    border-width: 2px;
    margin: 0px 10px 0px 0px;
    padding: 8px 20px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #222;
    border: 1px solid #222;
}

/*------  welcome section Home 4  ---------*/

.welcome-sec-4 {
    padding: 100px 0;
}

.welcome-sec-4 h1 {
    color: #222;
    font-size: 42px;
    line-height: 1.2;
    font-family: "lato", sans-serif;
}

.welcome-sec-4 h3 {
    color: #e2b61e;
    font-size: 18px;
    font-family: "lato", sans-serif;
    margin: 10px 0;
}

.welcome-sec-4 p {
    color: #444;
    font-size: 14px;
    font-family: "lato", sans-serif;
}

.welcome-sec-4 ul li {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    font-family: "OpenSans", sans-serif;
    margin-bottom: 6px;
}

.welcome-sec-4 ul li i {
    margin-right: 20px;
}

.welcome-sec-4 .content-column .inner-column .theme-btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    margin-top: 40px;
    text-decoration: underline;
    font-family: "lato", sans-serif;
}

/*------  features section Home 4  ---------*/


.features-sec-4 {
    background-color: #f6f6f6;
    padding: 100px 0;
}

.features-sec-4 .featured-block .inner-box {
    background-color: transparent;
    box-shadow: none;
    background-image: url("../images/resource/features-bg.png");
    width: 100%;
    height: 350px;
    text-align: center;
}

.features-sec-4 .featured-block .inner-box .inner_content {
    text-align: center;
    position: relative;
    margin: 0px auto;
    display: inline-block;
}

.features-sec-4 .featured-block .inner-box img {
    padding: 20px;
}

.features-sec-4 .featured-block .inner-box .features-icon-1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #e2b61e;
    display: inline-block;
}

.features-sec-4 .featured-block .inner-box .features-icon-2 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fd2d2a;
    text-align: center;
    display: inline-block;
}

.features-sec-4 .featured-block .inner-box .features-icon-3 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #1ee0e2;
    text-align: center;
    display: inline-block;
}

.features-sec-4 .featured-block .inner-box .features-details {
    padding: 50px 0;
}

.features-sec-4 .features-details h4 {
    font-family: "lato", sans-serif;
    color: #222;
    line-height: 2.5;
    font-weight: 700;
}

/*------  counter section Home 4  ---------*/

.counter-section-4 {
    padding: 100px 0;
    border-bottom: .5px solid #eeeeee;
}

.counter-section-4 .count-box {
    text-align: center;
}

.counter-section-4 .count-box .inner h2 {
    display: inline-block;
    font-size: 72px;
    color: #222;
    font-family: "OpenSans", sans-serif;
}

.counter-section-4 .count-box .inner span {
    font-size: 72px;
    color: #222;
    font-family: "OpenSans", sans-serif;
}

.counter-section-4 .count-box .inner p {
    font-family: "OpenSans", sans-serif;
    color: #444;
}

/*------  History section Home 4  ---------*/

.history_section {
    padding: 100px 0;
}

.history_inner {
    background-color: #f6f6f6;
    padding: 0;
}

.history_inner h2 {
    font-weight: 600;
}

.history_section .content-column {
    padding: 50px;
}

.history_section .image-column {
    padding: 0;
}

.history_section .content-column a {
    padding: 11px 25px;
    line-height: 1;
    border-radius: 5px;
    margin-top: 30px;
    background-color: #fd2d2a;
    border: 2px solid #fd2d2a;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
}

.history_section .content-column a:hover {
    background-color: transparent;
    color: #fd2d2a;
}

.counter-section.experienced-dr .image-layer:before,
.counter-section.experienced-dr .image-layer:after {
    content: none;
}

.experienced-dr .team-block .inner-box {
    border-radius: 15px;
}

.experienced-dr h2 {
    font-family: "lato", sans-serif;
}

.experienced-dr h2 span {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
}

.experienced-dr .image {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li {
    font-family: "OpenSans", sans-serif;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li:after {
    content: none;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li:first-child {
    color: #e2b61e;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li i {
    margin-right: 10px;
}

.experienced-dr .news-block .inner-box .lower-content h3 {
    font-family: "lato", sans-serif;
    font-weight: 600;
    font-size: 22px;
}

.experienced-dr .news-block .inner-box .lower-content a.read-more {
    text-decoration: underline;
}

.appointment-section.appointment-4:before {
    content: none;
}

.appointment-4 .btn-style-three {
    padding: 12px 20px;
    line-height: 1.5;
    border-radius: 5px;
}

.appointment-4 {
    padding: 100px 0;
}

.appointment-4 .sec-title h2 {
    color: #222;
    font-family: "lato", sans-serif;
    font-weight: bold;
    line-height: 2;

}

.appointment-4 .sec-title.light .title {
    color: #e2b61e;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 2;
}

.info-widget .margin_btm {
    margin-bottom: 20px;
    padding: 0;
}

.info-widget .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.info-widget .table-cell p {
    padding-left: 20px;
    line-height: 1.5;
    color: #444;
}

.info-widget .table-cell p.date {
    margin-top: 15px;
}



.calories-calulator {
    padding: 80px 0;
}

.calories-calulator .nav>li>a {
    padding: 15px 50px;
    border-radius: 20px 20px 0 0;
    background-color: transparent;
    color: #e7470c !important;
    border-color: #e7470c;
    margin-right: 0;
    border-bottom: none;
}

.calories-calulator .nav>li>a:hover {
    border-color: #e7470c;
    border-bottom-color: transparent;
    background: #ffffff;
}

.nav-tabs>li.active>a {
    background-color: #e7470c !important;
    color: #ffffff !important;
    border-color: #e7470c;
}

.calories-calulator .tab-content {
    padding: 70px 50px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
}

.calories-calulator .tab-content h3 {
    margin-bottom: 20px;
    font-size: 36px;
    color: #222;
}

.calories-calulator .tab-content .form-control {
    height: 40px;
}

.cal_outer {
    position: relative;
}

.calories-calulator .tab-content label {
    font-size: 16px;
    color: #222;
}

.calories-calulator .tab-content label span {
    color: #e7470c;
}

.calories-calulator .tab-content .text-muted {
    color: #e7470c;
}

.pet_img {
    position: absolute;
    top: 80px;
    right: 20px;
}

.pet_img i {
    font-size: 120px;
}

.dogage input[type=radio] {
    display: none;
}

.dogage input[type=radio]+label {
    border: 2px solid #e6e6e6;
    color: #818181;
    font-size: 17px;
    font-weight: normal;
    text-align: center;

    cursor: pointer;
    display: block;
    border-radius: 5px;
    margin: 5px;
}

.dogage input[type=radio]+label:hover {
    background: #583c23;
    color: #ffffff;
}

.dogage label:hover {
    color: #ffffff !important;
}

.dogage input[type=radio]:checked+label {
    background: #583c23;
    color: #fff !important;
    border: 2px solid #583c23;
}

h1#dogtotalcal {
    margin: 30px 0;
    text-transform: capitalize;
    color: #FF4136;
}


.counted .icon-box img{
    max-width: 70px;
}

/* about 2 */


.section-padding{
    padding: 80px 0;
}
.about-style-one-content a.thm-btn {
    margin-top: 40px;
}
.about-faq-section {
    background: #F8F8F8;
    padding: 150px 0;
}
.about-faq-section .accrodion-grp .accrodion .accrodion-title {
    padding: 23px 0;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
}
.about-faq-section .accrodion-grp .accrodion {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}
.about-faq-section .accrodion-grp .accrodion.active .accrodion-content {
    border-top: 1px solid #DDE2E7;
}
.about-faq-section .accrodion-grp .accrodion .accrodion-content {
    padding: 20px 0 23px;
    padding-left: 30px;
    padding-right: 30px;
}

.what-we-offer .single-what-we-offer {
    display: block;
    border: 1px solid #F5F5F5;
    -webkit-box-shadow: 1px 29px 62px rgba(243, 243, 243, 0.75);
    box-shadow: 1px 29px 62px rgba(243, 243, 243, 0.75);
    text-align: center;
    padding-top: 75px;
    padding-bottom: 70px;
        padding-left: 30px;
    padding-right: 30px;
}
.what-we-offer .single-what-we-offer h3 {
    color: #333333;
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 25px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.what-we-offer .single-what-we-offer a.read-more {
    border: 2px solid #A1A0A0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 39px;
    color: #e7470c;
    font-size: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.what-we-offer .single-what-we-offer i.icon {
    color: #e7470c;
    font-size: 84px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: inline;
}
.what-we-offer .single-what-we-offer i.fa {
    color: #e7470c;
    font-size: 46px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.single-what-we-offer:hover i.icon {color: #fff;}
.single-what-we-offer:hover i.fa {color: #fff;}         
.single-what-we-offer:hover h3 {color: #fff;}
.single-what-we-offer:hover p {color: #fff;}
.single-what-we-offer:hover a.read-more {border-color: #fff;color: #e7470c;}



.single-testimonial-one p {font-size: 20px;margin: 0;color: #888888;line-height: 35px;}
.single-testimonial-one     h3 {margin: 0;color: #fff;font-size: 18px;font-weight: 600;margin-top: 70px;margin-bottom: 10px;}
.single-testimonial-one     span.position {display: block;color: #ED492E;font-weight: 600;}


.testimonial-style-two {
    background:#181818;
    padding: 75px 0;
}
.testimonial-style-two .testimonial-carousel-two {
        padding-left: 30px;
        padding-right: 30px;
    }
.testimonial-style-two .single-testimonial-style-two .text-box {
    padding-left: 30px;
}
.testimonial-style-two .single-testimonial-style-two .img-box, .testimonial-style-two .single-testimonial-style-two .text-box {
    display: table-cell;
    vertical-align: middle;
}
.testimonial-style-two .single-testimonial-style-two .img-box {
    width: 86px;
}
.testimonial-style-two .single-testimonial-style-two .img-box, .testimonial-style-two .single-testimonial-style-two .text-box {
    display: table-cell;
    vertical-align: middle;
}
.testimonial-style-two .testimonial-carousel-two .owl-nav {margin: 0;}
.testimonial-style-two .testimonial-carousel-two .owl-nav [class*=owl-] {
    background-color: transparent;margin: 0;padding: 0;font-size: 50px;
    color: #424242;transition: all .4s ease;
    position: absolute;margin: 0;top: 50%;
    right: 100%;
    transform: translateY(-50%);
}
.testimonial-style-two .testimonial-carousel-two .owl-nav [class*=owl-]:hover {color: #ED492E;}
        
.testimonial-style-two .testimonial-carousel-two .owl-nav [class*=owl-next] {right: auto;left: 100%;}
    
.single-testimonial-style-two .img-box, .text-box {
            display: table-cell;vertical-align: middle;
}
.single-testimonial-style-two .img-box, .text-box .img-box {width: 86px;}
.single-testimonial-style-two .img-box, .text-box .img-box .inner {
                padding-bottom: 10px;
                border-bottom: 2px solid #ED492E;
            }
.single-testimonial-style-two .img-box, .text-box .img-box .inner  > img {width: 100%;}
            
        .text-box {padding-left: 30px;}
        .text-box   h3, p {margin: 0;}
        .text-box   h3 {font-size: 20px;color: #FFFFFF;font-weight: bold;margin-bottom: 5px;}
        .text-box   h3  span {color: #ED492E;font-weight: 600;font-size: 15px;padding-left: 16px;}
            
        .text-box   p {color: #888888;font-weight: 300;}


        .phoneno a{
            font-size: 18px;
            font-weight: 600;
        }
        .team-block3{
            padding: 3px;
            box-shadow: 2px 2px 2px 2px #cecece;
            margin-bottom:  30px;
            color: #333333;
            transition-duration: .5s;
        }
        .team-block3 .designation{
            position: relative;
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
    text-transform: uppercase;
        }
        .team-block3:hover{
            background: #e5a62d;
            color: #fff;
        }

        ul.list-style-two{
            padding-left: 0;
            list-style: none;
        }


/*-- hs Navigation Start --*/
.hs_btn_wrapper{
    float:right;
    text-align:center;
    font-size:15px;
    text-transform:uppercase;
     -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.menu_left{
    float:left;
    width:20%;
}
.menu_center{
    float:left;
    width:50%;
    text-align:center;
}
.hs_logo{
    padding-top:18px;
    padding-left:15%;
    text-align:center;
}
.hs_logo img{
    display:inline-block;
}
.menu_right{
    float:left;
    width:30%;
}
.hs_btn_wrapper a i{
    color:#fff;
    margin-right:3px;
}
.hs_navigation_header_wrapper{
    float:left;
    width:100%;
    position:relative;
    z-index:1;
    background:#ffffff;
}
.hs_btn_wrapper a:hover, .lv_search_bar span:hover{
    color:#333;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

        /*====================================
  DROPDOWN MENU STYLES
====================================*/
.cd-dropdown-wrapper{
    padding-left:25px;
    margin-bottom:3px;
    margin:26px 0 0 0%;
}
.drop-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: max-height .4s, opacity .3s;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  position:absolute;
}
.drop-menu > .menu-button {
  height: 100%;
  transition: transform .4s;
  transform: translateY(-300%);
  background: #333;
      float: left;
    width: 100%;    
}
.dropdown-wrapper:hover > .menu-button { 
      -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.dropdown-wrapper .drop-menu{
    width:200px;
}
.dropdown-wrapper:hover .drop-menu{
  max-height: 500px;  
  opacity: 1;
  z-index: 1000;
}
.dropdown-wrapper:hover > .drop-menu .menu-button {
  transform: translateY(0%); 
}
.search_bar{
    float:right;
    position:relative;
}
.lv_search_bar{
    float: right;
    width: auto;
    text-align: center;
    padding: 27px 33px 22px 33px;
    color: #222;
    font-size: 16px;
    cursor: pointer;
}
.lv_search_bar span{
    color:#828282;
    font-size:15px;
    margin-left:5px;
    text-transform:uppercase;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.hs_btn_wrapper a{
    float:left;
    padding:25px 20px 0 0;
}
.lv_search_box{
    position: absolute;
    width: 250px;
    top: 100%;
    padding: 20px;
    font-size: 16px;
    display: inline-block;
    border-top: 2px solid #111;
    border-radius: 0px;
    -webkit-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 17px -2px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    display: none;
    z-index: 1000;
    right:25px;
}
.lv_search_box input{
    float: left;
    color:#111111;
    width: calc(100% - 45px);
    padding: 0px 10px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-right: 0px;
}
.lv_search_box button{
    width: 45px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-left: none;
    background-color: #fff;
    color: #111;
    text-align: center;
    padding: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.lv_search_box button:hover{
    color:#333;
    background:#f2dede;
    border-color:#f2dede;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


/* -------------------------------- 

Main Components 

-------------------------------- */
header.headerv4 {
  height: 65px;
}
.cd-dropdown-content li{
    display: block;
}
.cd-dropdown-content li .sub-menu{
    position: relative;
    top: 0;
    padding-top: 0;
}
.cd-dropdown-wrapper {
  display: inline-block;
  position: relative;
  height: 40px;
  margin: 30px 0 0 0%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
      float: left;
}
.cd-dropdown-trigger {
  display: block;
  position: relative;
  padding: 0 36px 0 20px;
  line-height: 40px;
  background-color: #111433;
  color: #ffffff;
  border-radius: 3px;
}
.no-touch .cd-dropdown-trigger:hover {
  background-color: #171b46;
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
  /* this is the arrow inside the dropdown trigger*/
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 9px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  -moz-transition: width 0.3s, -moz-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
}
.cd-dropdown-trigger::before {
  right: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-dropdown-trigger::after {
  right: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {

}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  height: 35px;
  line-height: 35px;
}
@media only screen and (min-width: 768px) {
 
}
@media only screen and (min-width: 1024px) {
  
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  padding: 0 20px;
}

.cd-dropdown {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 320px;
  height: 100%;
  background-color: #111;
  color: #000000;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
  /* dropdown title - mobile version only */
  position: relative;
  z-index: 1;
  color: #000000;
  font-size:28px;
  color:#fff;
  font-weight:600;
  position:relative;
  padding-top:30px;
  float:left;
  width:100%;
  padding-bottom:30px;
}
.cd-dropdown h2 a{
    color:#ffffff;
}

.cd-dropdown h2 span{
    color:#00468c;
}
.cd-dropdown .cd-close {
  /* 'X' close icon - mobile version only */
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 30px;
  height: 50px;
  width: 50px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  /* this is the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 13px;
  width:2px;
  background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
  
}
@media only screen and (min-width: 1024px) {

}

.cd-dropdown-content, .cd-dropdown-content ul {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  padding-top: 50px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  display: block;
  color: #ffffff;
  text-transform:capitalize;
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border:0;
  border-right:0;
  border-bottom:0;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
     border:0;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0b0e23;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #585a70;
  text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {

}

.cd-dropdown-content .see-all a {
  /* different style for the See all links */
  color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
  padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  padding-left: 75px;
  position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
  color: #111433;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.house_toggle{
     text-transform: uppercase;
}
.house_toggle:hover{
    color: #333;
   
}
@media only screen and (min-width: 1024px) {
 
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}



.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 1px;
  width: 9px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
 
}

.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

@media only screen and (min-width: 1024px) {
 
 
}
.cd-dropdown-content .go-back a {
  padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

.cd-main-content {
  background-color: #e6e6e6;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}
.cd-dropdown-content li a{
        -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.cd-dropdown-content li a:hover{
    background:#333;
    color:#fff;
        -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.has-children:hover > a::before, .has-children:hover > a::after, .go-back:hover a::before, .go-back:hover a::after{
    background:#ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.testimonial-style-twortl .single-testimonial-style-twortl .text-box {
    padding-right: 30px;
}

.lv_search_box{
    display: none;
}

td.order-status{
    text-align:left; 
    white-space:nowrap;
}

.petarchive{
    background-image:url(framework/assets/images/background/11.png);
}
.list-rating ul.filled{
    width: 100%;
}
.woocommerce-PaymentMethod .woocommerce-PaymentBox{
    display: none;
}
.woologinsetpos{
   left: -999em; position: absolute;
}


/*************************************

 GUTENBERG

************************************/

.page-full .alignfull,
.page-full .alignwide {
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.alignwide{
    margin-top: 15px;
    margin-bottom: 15px;
}

.page-full .alignfull img,
.page-full .alignwide img {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-latest-posts,
.wp-block-categories,
.wp-block-archives {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 24px;
}

.wp-block-latest-posts li,
.wp-block-categories li,
.wp-block-archives li {
    margin-bottom: 8px;
    list-style: none;
}

.wp-block-latest-posts li a,
.wp-block-categories li a,
.wp-block-archives li a {
    color: #535353;
    text-decoration: none;
}

.wp-block-latest-posts li a:hover,
.wp-block-categories li a:hover,
.wp-block-archives li a:hover {
    text-decoration: none;
    color: #e5a62d;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    padding: 0 42px;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 32px;
}

.wp-block-button .wp-block-button__link {
    font-size: 13px;
    letter-spacing: 0.15em;
    font-weight: 600;
    display: inline-block;
    color: #ffffff;
    border: 2px solid #e5a62d;
    text-transform: uppercase;
    padding: 12px 24px;
    background: #e5a62d;
    cursor: pointer;
}

.wp-block-button .wp-block-button__link:hover {
    color: #e5a62d;
    border: 2px solid #e5a62d;
    background: none;
}

.wp-block-button__link:not([href]):not([tabindex]) {
    text-decoration: none;
}

.wp-block-button__link:not([href]):not([tabindex]):hover {
    color: #e5a62d;
}

.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus {
    background: none;
    color: #e5a62d;
}

.wp-block-columns {
    margin-left: -15px;
    margin-right: -15px;
}

.wp-block-column {
    padding-left: 15px;
    padding-right: 15px;
}



.wp-block-pullquote {
    border-top: 3px solid #252525;
    border-bottom: 3px solid #252525;
    color: #252525;
    padding: 24px;
    margin: 24px auto;
    border: none !important;
}

.wp-block-pullquote blockquote{
    margin: 0;
    border-left: 3px solid #212121;
    padding: 10px 20px;
}

.wp-block-pullquote blockquote:before {
    display: none;
}

.wp-block-pullquote cite,
.wp-block-pullquote footer {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    color: #40464d;
}

.wp-block-image,
.wp-block-gallery {
    margin-bottom: 24px;
}

/*.wp-block-cover,
.wp-block-cover-image {
    width: auto;
}*/

.blog-single .inner-box .lower-content .wp-block-gallery{
    margin-left: 0;
    clear: both;
    padding-left: 0 !important;
}
.blog-single .inner-box .lower-content .wp-block-cover p.wp-block-cover-text{
    font-size: 36px;
    color: #fff;
}
.blog-single .inner-box .lower-content .has-very-light-gray-color.has-very-light-gray-color{
    color: #fff;
}
.blog-single .inner-box .lower-content .text .has-large-font-size{
    font-size: 36px;
}
div.wp-block-spacer{
    clear: both;
}

@media only screen and (min-width: 768px){
    .entry .entry-content > *.alignwide, .entry .entry-summary > *.alignwide {
        width: 100%;
        max-width: 100%;
    }
}
.blog-single .inner-box .lower-content .text .wp-block-cover__inner-container p{
    color: #fff;
}


.page p{
    margin-bottom: 28px;
}


.blog-single .inner-box .lower-content .text p.has-medium-font-size{
    font-size: 20px !important;
}

.blog-single .inner-box .lower-content .text .wp-block-pullquote.is-style-solid-color blockquote p{
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.6;
}

.lower-content .has-pale-pink-background-color{
    margin-top: 28px;
    margin-bottom: 28px;
}

.post_format-post-format-quote .inner-box .lower-content blockquote{
    border-left: 5px solid #fc4f4f;
    box-shadow: none;
    margin: 0 0 20px;
    padding: 10px 20px;
}

/*.format-standard.category-block .lower-content h1,h2,h3,h4,h5,h6{
    margin-bottom: 0.83em;
    margin-top: 0.83em;
}*/

figure.wp-block-audio{
    margin-bottom: 28px;
}

.wp-image-904 figure{
    margin-top: 28px!important;
}

.has-background-dim.alignleft{
    margin-bottom: 43px!important;
}

.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption {
    margin: 0 auto;
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
}

.sec-pad-three .pet-block .inner-box .lower-content ul li {
    text-align: left;
}
@media (min-width: 1025px) {
	.main-header.header-style-three .header-upper {
		height: 135px;
	}
}

.is-style-outline .wp-block-button__link {
    background-color: transparent;
    color: #e5a62d;
}