/*==================================================================
[Master Stylesheet]

Project:	Petcare
Version:	1.0
Developed by:	Bluehorn Tech.
====================================================================*/

/*===================================================================
[Table of contents]

1. Common Stylesheet
2. Body
3. Top Header / .site-topbar
4. Logo / .site-logo
5. Navigation / .top-bar-section
6. Breadcrumb / .breadcrumb
7. Main Slider / .main-slider-container
8. Search form / .home-search-form-container
9. Welcome Section / .welcome-section
10. Post Section / .post-container
11. Spacial Offers carousel / .spacial-offers-container
12. Product details / .Product-detail
13. Pagination / .post-pagination
14. Contact detail / .map-container
15. Contact Form / .contact-form-container
16. Classified Search / .search-form-container
17. Shopping Cart / .shopping-cart-section
18. Shopping Left Sidebar / .shop-sidebar
19. Product List and Grid Views Right / .product-right-contents
20. Category / .post-cat-container
21. Faculty Member / .faculties_section
22. Blog Left Side Contents / .blog-post-contents
23. Blog right Side Bar Contents / .blog-right-side-bar
24. Comment Section / .comments-section
25. Footer Section / .footer
====================================================================*/

/*===================================================================
# [Color codes]

# Pink (headings, links, text, backgrounds): #26a953
# Orange (text, buttons): #000066
# Gray (text, links, top navigation): #778089
# Light Gray (text, headings): #A9A9A9
# Dark Gray (headings): #37485C
# White (headings, text): #FFFFFF
====================================================================*/

/*===================================================================
[Typography]

Body:		        14px "Open Sans",sans-serif;
Body heading:		14px "Lato",sans sarif;
Headers:		    14px "Montserrat",sans-serif;
Input, textarea:	14px "Open Sans",sans-serif;
Sidebar heading:	15px "Open Sans",sans-serif;
Section heading:	2.5vw "Lato",sans sarif;
Footer heading:	    15px "Open Sans",sans-serif;
====================================================================*/

/*========= Import Common Styles ===========*/
/*(1)*/ @import "common.css";
/*==========================================*/

/*=============================================
(2) =            Body style                   =
 =============================================*/
body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

#pageWrapper {
    float: left;
    width: 100%;
}

.page-content-wrapper {
    float: left;
    padding-bottom: 1.5em;
    width: 100%;
}

.contents {
    float: left;
    width: 100%;
}

/* Mozilla based browsers */
::-moz-selection {
    background-color: #26a953;
    color: #FFFFFF;
}

/* Works in Safari */
::selection {
    background-color: #26a953;
    color: #FFFFFF;
}

a:hover,
a:focus {
    text-decoration: none;
}
/*-----  End of Body style ------*/

/*=============================================
(3) =        Top Header style                  =
 =============================================*/
.site-topbar {
    background: #f8f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #e9e9e9;
    color: #888888;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 12px;
}

    .site-topbar .topbar-left {
        float: left;
    }

    .site-topbar .topbar-widget {
        padding: 12px 0px;
    }

.clearfix, .wpc-menu, .widget-area .widget_categories ul, .widget-area .widget_archive ul, .widget-area .widget_meta ul, .tagcloud {
    display: block;
}

    .site-topbar .topbar-left .topbar-widget:first-child {
        border-left: 1px solid #e9e9e9;
        padding-left: 15px;
    }

    .site-topbar .widgettitle {
        display: none;
    }

    .site-topbar .widget {
        text-align: center;
    }

    .site-topbar .topbar-social a {
        font-size: 15px;
        line-height: 1;
        margin: 0 7px;
    }

    .site-topbar .widget a {
        color: #888888;
    }

    .site-topbar .topbar-left .topbar-widget {
        border-right: 1px solid #e9e9e9;
        float: left;
        margin-right: 15px;
        padding-right: 15px;
    }

.clearfix::after, .wpc-menu::after, .widget-area .widget_categories ul::after, .widget-area .widget_archive ul::after, .widget-area .widget_meta ul::after, .tagcloud::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

    .site-topbar .topbar-right .topbar-widget {
        border-left: 1px solid #e9e9e9;
        float: right;
        margin-left: 15px;
        padding-left: 15px;
    }

.widget:last-child {
    border-bottom: medium none;
}

    .site-topbar .topbar-highlight {
        letter-spacing: 0.5px;
    }

    .topbar-social > a {
        transition: all 0.5s ease 0s;
    }

    .topbar-social > a:hover {
        color: #26a953;
    }

.item-add-to-cart {
    text-align: center !important;
}

.padding-on-my-header{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease 0s;
    z-index: 100;
    background: #FFF none repeat scroll 0% 0%;
    max-width: none !important;
}
/*-----  End Top Header style  ------*/

/*=============================================
(4) =           Logo style                    =
 =============================================*/
.site-logo {
    font-family: "Open Sans",sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 24px;
}

    .site-logo > span:first-child {
        color: #37485c;
    }

    .site-logo > span:last-child {
        color: #26a953;
        font-weight: bold;
    }
/*-----  End of Logo style  ------*/

/*=============================================
(5) =     Main Header Navigation style        =
 =============================================*/
.top-bar-section {
    width: 100%;
}

.main-header {
    /*float: left;*/
    width: 100%;
}

.navbar-nav > li {
    margin-left: 15px;
    margin-right: 15px;
}

    .navbar-nav > li > a {
        font-size: 14px;
        color: #778089;
        font-weight: bold;
        text-transform: capitalize;
        padding-top: 9px;
        padding-bottom: 9px;
        font-family: "Montserrat", sans-serif;
    }

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus {
        color: #26a953;
        background: transparent none repeat scroll 0% 0%;
    }

    .navbar-nav > li:last-child > a {
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #72c02c;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        padding-right: 23px;
        padding-left: 23px;
        transition: all 0.5s ease 0s;
    }

    .navbar-nav > li:last-child > a:hover {
        background: #26a953 none repeat scroll 0% 0%;
        transform: scale(0.9);
    }

.navbar-nav > li:not(:last-child)::before {
    bottom: 3px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 600ms ease 0s;
    visibility: hidden;
    width: 0;
    background-color: #26a953;
}

.navbar-nav > li:not(:last-child)::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 500ms ease 0s;
    visibility: hidden;
    width: 0;
    background-color: #26a953;
}

.navbar-nav > li:not(:last-child):hover::after,
.navbar-nav > li:not(:last-child):hover::before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.navbar-nav li:not(:last-child) a {
    text-shadow: none;
    overflow: hidden;
    margin-top: 9px;
    padding: 0px;
}

    .navbar-nav li a {
        position: relative;
        animation: 1.5s ease 0s normal none 1 running, Navbar;

    }

        .navbar-nav li a span {
            transition: transform 0.3s ease 0s;
            display: inline-block;
            position: relative;
            padding-bottom: 12px;
        }

    .navbar-nav li a:hover span,
    .navbar-nav li a:focus span {
        transform: translateY(-100%);
    }

        .navbar-nav > li a span::before {
            top: 100%;
            position: absolute;
            content: attr(data-hover);
            transform: translate3d(0px, 0px, 0px);
            font-weight: 700;
        }

.navbar {
    margin-bottom: 0px;
}

.navbar-toggle {
    border: 1px solid #37485C;
}

    .navbar-toggle .icon-bar {
        background-color: #26a953;
    }

.navbar-brand {
    padding: 9px 15px 15px;
}

.dropdown-menu {
    z-index: 1200;
}

.top-bar-section > h5 {
    display: none;
}

li.moved > ul > li > a,
ul.dropdown .js-generated > h5 > a {
    text-decoration: none;
}
/*-----  End of Main Header Navigation style  ------*/

/*=============================================
(6) =          Breadcrumb style               =
 =============================================*/
.breadcrumb {
    background-color: #f8f8f8;
    float: left;
    padding-top: 2em;
    width: 100%;
    padding-bottom: 2em;
}

    .breadcrumb a {
        color: #606060;
        font-family: "Lato", sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition:all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    .breadcrumb a:hover,
    .breadcrumb a:focus{
        color: #26a953 !important;
    }

/*-----  End of Breadcrumb style  ------*/

/*=============================================
(7) =         Main Slider style               =
 =============================================*/
.main-slider-container {
    float: left;
    width: 100%;
}

.detail-text {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    margin: 12px 0px; text-shadow:0px 0px 1px #4c4d4d;
}

.learn-more,
.rounded-corner-btn {
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #72c02c;
    border-radius: 23px;
    transition: all 0.5s ease 0s;
    text-decoration: none !important;
    padding: 0.5em 1em;
    border: none;
}
.learn-more2
 {
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #72c02c;
    border-radius: 23px;
    transition: all 0.5s ease 0s;
    text-decoration: none !important;
    padding: 0.5em 1.1em;
    border: none;
}
.about
 {
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    background-color: #72c02c;
    border-radius: 7px;
    transition: all 0.5s ease 0s;
    text-decoration: none !important;
    padding: 0.5em 1.1em;
    border: none; margin:2px 3px;
}
.rounded-corner-gray-btn {
    font-size: 11px;
    color: #778089;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #d9d9d9;
    border-radius: 23px;
    transition: all 0.5s ease 0s;
    text-decoration: none !important;
    padding: 0.5em 1.9em;
    border: none;
}

.learn-more:hover,
.rounded-corner-btn:hover,
.rounded-corner-gray-btn:hover {
    background: #26a953 none repeat scroll 0% 0%;
    transform: scale(0.9);
    color: #FFF;
}
/*-----  End of Main Slider style  ------*/

/*=============================================
(8) =        Search form style                =
 =============================================*/
.home-search-form-container {
    float: left;
    width: 100%;
    padding-top: 29px;
    padding-bottom: 29px;
    background-color: #f7f7f7;
}

.main-search-form label {
    font-weight: normal;
    color: #37485C;
    font-size: 17px;
}

.main-search-form .form-control {
    height: 42px;
    border-bottom: 2px solid #e1e1e1;
    border-top: none;
    border-left: none;
    border-right: none;
}

.form-control {
    transition: all .3s ease 0s;
}

.search-form-button {
    border: 1px solid #E8E8E8;
    background: #5BBD50 none repeat scroll 0% 0%;
    color: #FFF;
    display: block;
    width: 84%;
    padding: 8px 4px 5px;
    font-size: 1.4em;
    border-radius: 4px;
    bottom: 0px;
    position: absolute;
    transition: all 0.5s ease 0s;
}

.search-form-button:hover {
    background: rgba(91, 189, 80, 0.79) none repeat scroll 0% 0%;
    transform: scale(0.9);
}

.form-control:focus {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(239, 157, 135, 0.6);
    border-color: #26a953;
}
/*-----  End of Search form style  ------*/

/*=============================================
(9) =   Home Page Welcome Section style       =
 =============================================*/
.welcome-section {
    float: left;
    width: 100%;
}

.welcome-note-container {
    float: left;
    width: 100%;
    padding: 5em 7% 4em;
}

.lower-right-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.welcome-heading {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 500;
    margin-bottom: 0px; margin-top:0px;
    color: #444444;
}
h1.welcome-heading span{color:#26a953;}
.welcome-domain{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    margin-top: 0px;
    color: rgb(55, 72, 92);
}

.border-line {
    border: 1px solid #26a953;
    float: left;
    width: 5%;
    margin-bottom: 1.2em;
}

.welcome-main-img {
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.welcome-description {
    color: #778089;
    font-size: 16px; line-height:1.6em;
}

.read-more {
    color: #37485c;
    font-family: 'Source Sans Pro', sans-serif;
}

.read-more:hover {
    text-decoration: none; color:#555555;
}

.welcome-note{
   /* height: 73%;*/
}

.lower-img{
    height: 27%;
}
/*-----  End of Home Page style  ------*/

/*=============================================
(10) =         Post Section style             =
 =============================================*/
.post-container {
    float: left;
    width: 100%;
    padding-top: 1.9em;
}

.post-note-container {
    float: left;
    width: 100%;
    padding: 9% 7% 12%;
}

.post-heading {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 500;
    margin-bottom: 0px;
    color: #26a953;font-size:40px;
}

.post-domain {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 300;
    margin-top: 0px;font-size:23px; margin-top:0.3em;
    color: #37485C;
}

.post-description {
    color: #555555;
    font-size: 16px;line-height:1.6em;
}

.post-option-container {
    float: left;
    width: 100%;
    padding-top: 5%;
}

.post-navigator {
    float: left;
    width: 5em;
    left: 3.5%;
    position: relative;
}

.post-left-navigator {
    float: left;
    background-color: #778089;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
    padding: 7% 12%;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.post-right-navigator {
    float: right;
    background-color: #778089;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
    padding: 7% 12%;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.post-right-navigator:hover,
.post-left-navigator:hover{
    background-color: #26a953;
    transform: scale(0.9);
}

#post-carousel .owl-controls {
    display: none !important;
}
/*-----  End of Post Section style  ------*/

/*=============================================
(11) =    Spacial Offers carousel style       =
 =============================================*/
.spacial-offers-container {
    float: left;
    width: 100%;
    padding: 1% 0%;
    background-color: #fff;
    margin:  0%;
}

#owl-demo .item{
    margin: 0px 19px;
}

    #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
    }


.spacial-offer-carousel {
    float: left;
    width: 100%;
}

.carousel-header {
    float: left;
    width: 100%;
}

.carousel-navigator {
    float: right;
    width: 5em;
}

.carousel-left-navigator {
    float: left;
    background-color: #778089;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
    padding: 7% 12%;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.carousel-right-navigator {
    float: right;
    background-color: #778089;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
    padding: 7% 12%;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.carousel-right-navigator:hover,
.carousel-left-navigator:hover{
    background-color: #26a953;
    transform: scale(0.9);
}

#owl-demo .item {
    background-color: #ffffff;
}

.related-products #owl-demo .item {
    background-color: transparent;
}

.related-products #owl-demo .item:hover {
    background-color: #ffffff;
}

.related-products .products-list-grid .grid-group-item .thumbnail .caption {
    background-color: transparent;
}

#owl-demo .item img {
    padding: 0% 5%;
}

.related-products #owl-demo .item img {
    padding: 0px;
}

.related-products .products-list-grid .item .item-add-to-cart .add-to-cart {
    margin: 0px auto;
    display: block;
}

.related-products {
    background-color: #f6f6f6;
    float: left;
    width: 100%;
    padding-top: 2.9em;
    margin-top: 4.8em;
}

    .related-products .owl-theme .owl-controls {
        margin-top: 0px;
        text-align: center;
    }
/*-----  End of Home Page Spacial Offers carousel style  ------*/

/*=============================================
(12) =      Product details style             =
 =============================================*/
.Product-detail {
    float: left;
    width: 100%;
}

.product-detail-heading {
    color: #303030;
    float: left;
    font-family: "Lato",sans sarif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}

.product-number {
    color: #A9A9A9;
    font-family: "Lato",sans sarif;
    font-size: 0.9em;
}

.product-number > span {
    font-style: italic;
}

.product-price {
    color: #606060;
    font-style: italic;
    font-family: "Lato",sans sarif;
    font-size: 1.5em;
}

.product-detail-small-heading {
    color: #303030;
    float: left;
    font-family: "Lato",sans sarif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    font-size: 25px;
}

.product-description {
    color: #606060;
    font-family: "Lato",sans sarif;
    float: left;
    width: 100%;
}

.product-detail-container{
    float: left;
    padding-top: 29px;
    width: 100%;
}

.product-detail-slides {
    float: left;
    width: 100%;
    position: relative;
}

.slider-price-tag {
    float: left;
    position: absolute;
    background-color: rgb(255, 255, 255);
    padding: 0.5em 0em;
    z-index: 12;
    bottom: 1em;
    width: 11em;
    right: 2%;
}

    .slider-price-tag > p {
        margin-bottom: 0px;
    }

.user-detail-container {
    float: left;
    width: 100%;
}

    .user-detail-container * {
        font-family: "Lato",sans sarif;
    }

.user-name {
    float: left;
    width: 100%;
    background-color: #586162;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 9px 0px;
    margin-bottom: .5em;
}

.detail-logo {
    float: left;
    width: 12%;
    font-size: 1.5em;
    background-color: #ffffff;
    text-align: center;
    color: #e5e5e5;
    border: 1px solid #e5e5e5;
}

.user-detail-text {
    float: left;
    width: 88%;
    color: #878787;
    font-size: 0.9em;
    padding-left: 9px;
    padding-top: 2.3%;
}

.email-seller-container {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 1em 2em;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin: 2em 0em;
}

.emial-heading {
    color: #878787;
    margin-bottom: 15px;
}

.email-seller-form {
    float: left;
    width: 100%;
}

.email-seller-form textarea{
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.email-seller-form button{
    float: right;
}

.post-detail > ul > li {
    color: #4c5955;
    font-family: "Lato",sans sarif;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0.5em;
}

.post-detail > ul > li:first-child {
    padding-left: 5px;
}

.post-detail > ul > li > span,
.post-detail > ul > li > a > span {
    font-style: italic;
}

.post-detail > ul > li:last-child {
    border-right: none;
    float: right;
}

/*-----  End of Product details style  ------*/

/*=============================================
(13) =        Pagination style                =
 =============================================*/
.post-pagination {
    float: left;
    width: 100%;
    margin-bottom: 3.9em;
}

    .post-pagination .pagination>li>a,
    .post-pagination .pagination>li>span {
        border-radius: 50% !important;margin: 0 5px;
    }

    .post-pagination .pagination > li > a,
    .post-pagination .pagination > li > span {
        color: #26a953;
    }

    .post-pagination .pagination > .active > a,
    .post-pagination .pagination > .active > a:focus,
    .post-pagination .pagination > .active > a:hover,
    .post-pagination .pagination > .active > span,
    .post-pagination .pagination > .active > span:focus,
    .post-pagination .pagination > .active > span:hover {
        background-color: #26a953;
        border-color: #26a953;
        color: #FFFFFF;
    }

    .post-pagination .pagination > li > a,
    .post-pagination .pagination > li > span {
        margin: 5px;
    }
/*-----  End of Pagination style  ------*/

/*=============================================
(14) =      Contact detail style              =
 =============================================*/
.map-container {
    float: left;
    width: 100%;
    position: relative;
}

#googleMap {
    width: 100%;
}

.address-logo,
.address-text,
.address-phone,
.address-email {
    display: flex;
}

.address-heading {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

.address-logo {
    font-size: 19px;
    margin-right: 5px;
    float: left;
}

.contact-address {
    float: left;
    width: 25%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 19px 15px 23px;
    position: absolute;
    right: 4em;
    top: 4em;
}

.address-text {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
}

.address-phone {
    font-size: 17px;
    font-family: "Lato",sans sarif;
}

.address-query {
    float: left;
    width: 100%;
    margin-top: 1.2em;
    font-size: 12px;
    font-family: "Lato",sans sarif;
}
/*-----  End of Contact detail style  ------*/

/*=============================================
(15) =        Contact Form style              =
 =============================================*/
.contact-form-container label {
    color: #606060;
    text-transform: uppercase;
}

.contact-form-container .form-group {
    margin-bottom: 1em;
}

.contact-form-container input.form-control,
.contact-form-container select{
    height: 48px;
}

.theme-form-container input.form-control,
.theme-form-container select {
    height: 38px;
    border-radius: 0px;
}

.contact-form-container .form-control {
    border-radius: 0px;
}
/*-----  End of Contact Form style  ------*/

/*=============================================
(16) =      Classified Search style           =
 =============================================*/
.search-form-container {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 2.9em 7em 5em;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.75);
}

.search-form {
    float: left;
    width: 100%;
    padding: 0% 5%;
}

.dropdown-container {
    float: left;
    width: 100%;
}

    .dropdown-container > button, .classified-field input[type="text"] {
        width: 100% !important;
        border-top: 2px none;
        border-right: 2px none;
        border-left: 2px none;
        border-width: 2px;
        border-radius: 4px;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset;
        text-align: left;
        color: rgb(110, 110, 110);
        border-color: #303030;
        font-family: "Georgia", sarif;
        font-style: italic;
    }

    .dropdown-container > button:focus {
        box-shadow: none;
    }

        .dropdown-container > button > .caret {
            position: absolute;
            right: .5em;
            top: 17px;
            border-top: 6px solid #768082;
        }

.classified-field > .input-group {
    width: 100%;
}

.classified-field input[type="text"] {
    width: 12%;
}

.classified-field input[type="text"]:focus {
    box-shadow: none;
    border-color: #26a953;
}

.classified-search-form-button {
    bottom: 0px;
    border-radius: 4px;
    background: transparent none repeat scroll 0% 0%;
    border-bottom: 2px solid rgb(48, 48, 48);
    color: rgb(48, 48, 48);
    transition: all 0.5s ease 0s;
    padding: 11px 11px 0px;
}

.classified-search-form-button:hover,
.classified-search-form-button:focus{
    color: #26a953;
}

.dropdown-container > .dropdown-menu > li > a,
.dropdown-container > .dropdown-menu > li > a {
    font-family: "Georgia", sarif;
    font-style: italic;
}

.dropdown-container > .dropdown-menu > li > a:hover,
.dropdown-container > .dropdown-menu > li > a:focus {
    color: #26a953;
}

.jplist .list .img img {
    width: 100%;
}
/*-----  End of Classified search style ------*/

/*=============================================
(17) =      Shopping Cart style               =
 =============================================*/
.shopping-cart-section {
    float: left;
    width: 100%;
}

.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    color: #303030;
    font-family: "Lato", sarif;
}

.noUi-handle {
    -webkit-border-radius: 39px !important;
    -moz-border-radius: 39px !important;
    border-radius: 39px !important;
}

@media screen and (max-width: 767px) {
    .actions .btn {
        margin: 5px 0px;
    }
}

@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
        width:20%;
        display: inline !important;
    }
    .actions .btn{
        width:20%;
        margin:1.5em 0;
    }

    .actions .btn-info{
        float:left;
    }
    .actions .btn-danger{
        float:right;
    }

    table#cart thead { display: none; }
    table#cart tbody td { display: block; padding: .6rem; width:100%;}
    table#cart tbody tr td:first-child { background: #fff; color: #fff; }
    table#cart tbody td:before {
        content: attr(data-th); font-weight: bold;line-height:1.2em;
        display: inline-block; width: 8rem;
    }
	
	 table#cart tbody td.ShopCartDescription:before {content: none; }
	 table#cart tbody td.autoShipDescription:before {content: none; }
	
	
	table#cart tfoot td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    width: 8rem;
}
table#cart tbody td.ShopCartImage:before   {width:0px;}
table#cart tbody td.cartActions:before   {width:0px;}
table#cart tbody td.cartCenter:before   {width:0px;}
.table#cart  tfoot  td {padding:5px; line-height:1.2em;}



    .italic-text {
        color: #ffffff;
    }

    table#cart tfoot td{display:block; }
    table#cart tfoot td .btn{display:block;}
table#cart tfoot td.noview {display:none !important;}
table#cart tbody td.noview {display:none !important;}

}
@media screen and (max-width: 600px) {
	.actions .btn{
        width:25%;
        margin:1.2em 0;
    }
	}
.feet-logo-container {
    margin: 2em 0em;
}

.nomargin {
    margin-bottom: 1px;
    font-weight: bold;
    font-size: 15px;
}
/*-----  End of Shopping Cart style  ------*/

/*=============================================
(18) =    Shopping Left Sidebar style         =
 =============================================*/
.shop-sidebar .checkbox label:after,
.shop-sidebar .radio label:after {
    content: '';
    display: table;
    clear: both;
}

.shop-sidebar .checkbox .cr,
.shop-sidebar .radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #666666;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: 0.9em;
    margin-top: 4px;
}

.shop-sidebar .radio .cr {
    border-radius: 50%;
}

.shop-sidebar .checkbox .cr .cr-icon,
.shop-sidebar .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.shop-sidebar .radio .cr .cr-icon {
    margin-left: 0.04em;
}

.shop-sidebar .checkbox label input[type="checkbox"],
.shop-sidebar .radio label input[type="radio"] {
    display: none;
}

.shop-sidebar .checkbox label input[type="checkbox"] + .cr > .cr-icon,
.shop-sidebar .radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.shop-sidebar .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.shop-sidebar .radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.shop-sidebar .checkbox label input[type="checkbox"]:disabled + .cr,
.shop-sidebar .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.shop-sidebar-heading {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ededed;
}

.shop-sidebar {
    background-color: #ffffff;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    margin-bottom: 0.5em;
    padding: 2px 0 0;
    width: 100%; 
}

.sidebar-item {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 12px 5px 23px;
    width: 100%;
}

.shop-sidebar ul {
    margin-bottom: 0px;
}

    .shop-sidebar  ul > li {
        border-bottom: 1px solid #ededed;
    }

        .shop-sidebar ul > li > .checkbox > label {
            font-size: 0.7em;
        }

        .shop-sidebar ul > li > .checkbox .category-name{
            color: #666666;
            font-size: 1.5em;
        }

    .shop-sidebar h4,
    .shop-sidebar h5 {
        padding: 5px 12px 5px 23px;
    }

        .shop-sidebar ul > li > .checkbox input[type="checkbox"]:checked
        + .cr,
        .shop-sidebar ul > li > .checkbox input[type="checkbox"]:checked
        + .cr + .category-name {
            color: #26a953;
        }

        .shop-sidebar ul > li > .checkbox input[type="checkbox"]:checked
        + .cr {
            border: 2px solid #26a953;
        }


.priceRangeInfo{
    position: relative;
    height: 30px;
    margin-top: 60px;
}

    .priceRangeInfo label{
        position: absolute;
        top: -30px;
        left: 10px;
    }
                          /* moves label field */
    .priceRangeInfo #buying_slider_min{
        top: -40px;
        position: absolute;
        left: 100px;
    }       /* moves first input field */
    .priceRangeInfo #buying_slider_max{
        top: -40px;
        position: absolute;
        left: 170px;
    }      /* move second input field */
    .priceRangeInfo div.ui-slider{
        position: absolute;
    }                   /* move both sliders - adressing 1st slider with CSS is hard */
    .priceRangeInfo div:last-child {
        position: absolute;
        left: 0px;
    }

.shop-sidebar-category,
.shop-sidebar-brand {
    float: left;
    width: 100%;
}

.shop-sidebar-price {
    float: left;
    width: 100%;display:none;
}

    .shop-sidebar-price #price-max-label {
        bottom: 2em;
        display: block;
        height: 19px;
        position: absolute;
        right: 31%;
        width: 32px;
    }

    .shop-sidebar-price #price-dash {
        bottom: 2.3em;
        left: 50%;
        position: absolute;
    }

    .shop-sidebar-price input[type="number"] {
        border-radius: 0;
        box-shadow: none;
        color: #666666;
        font-family: "Source Sans Pro",sans-serif;
        font-weight: lighter;
        position: relative;
        top: 2.9em;
        width: 31%;
    }

    .shop-sidebar-price input[type="number"]:first-child {
        margin-left: 12px;
    }

.ui-content label {
    color: #666666;
    font-weight: lighter;
}

.ui-content > #price-min-label {
    display: block;
    position: absolute;
    bottom: 2em;
    color: #666666;
}

.shop-sidebar-price .ui-content {
    height: 7em;
    position: relative;
}

    .shop-sidebar-price  .ui-rangeslider .ui-rangeslider-sliders {
        margin: 0px;
    }

.shop-sidebar-color {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ededed;
}

.sidebar-colors {
    float: left;
    padding: 5px 12px 5px 23px;
    width: 100%;
}

    .sidebar-item-color span {
        left: 5px;
        position: relative;
        top: 2px;
    }

    .sidebar-item-color a {
        text-decoration: none;
    }

        .sidebar-item-color a *{
            transition: all 0.5s ease 0s;
        }

.sidebar-item-color {
    float: left;
    padding: 7px 12px 7px 0;
    width: 100%;
}

    .sidebar-item-color .color-name{
        color: #666666;
    }

    .sidebar-item-color .color-count,
    .sidebar-item-color a:hover .color-name {
        color: #26a953;
    }

.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on::after, html .ui-bar-a .ui-checkbox-on::after, html .ui-body-a .ui-checkbox-on::after, html body .ui-group-theme-a .ui-checkbox-on::after, .ui-btn.ui-checkbox-on.ui-btn-a::after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: #26a953 !important;
    border-bottom-color: #26a953 !important;
    border-left-color: #26a953 !important;
    border-top-color: #26a953 !important;
    text-shadow: 0 1px 0 #26a953 !important;
}

.shop-sidebar-price .ui-slider-track .ui-btn.ui-slider-handle {
    border-radius: 29px;
}

.left-bar-search-contents {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 12px 19px;
}

.search-ul-container > ul {
    list-style: square;
}

    .search-ul-container > ul > li,
    .search-ul-container > ul > li *{
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        color: #b9b9b9;
        margin-bottom: 7px;
    }

    .search-ul-container > ul > li> a{
        text-decoration: none;
        color: #666666;
    }

    .search-ul-container > ul > li:hover > a,
    .search-ul-container > ul > li:hover {
        color: #26a953;
    }

    .search-ul-container > ul > li:hover {
        margin-left: 12px;
    }

.left-search-bar-section {
    float: left;
    width: 100%;
}

.product-title {
    color: #303030;
    font-family: "Lato",sans sarif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 100%;
}

.search-ul-container {
    float: left;
    width: 100%;
}

.main-list .media {
    padding-bottom: 1.1em;
    border-bottom: 1px dotted #E8E8E8;
}

.main-list .media:last-child {
    padding-bottom: 0em;
    border-bottom: none;
}

.starrr {
    cursor: default;
    color: #72c02c;
    -webkit-mask-image: -webkit-gradient(linear, left top,
    left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,1)));
    margin-bottom: 5px;
}

.left-search-bar-section .media > a > img.media-object {
    border: 1px solid #EDEDED;
}

.top-seller-carousel {
    float: left;
    width: 100%;
}

.top-seller-carousel > .owl-carousel .owl-item > .item {
    padding: 0 1px;

}

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-child {
        border-bottom: 1px solid #ededed;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-child .item-inner {
        border: medium none;
        padding: 14px 10px;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner {
        position: relative;
        text-align: center;
        transition: all 0.3s ease-out 0s;
    }

    .top-seller-carousel > .owl-carousel .owl-item  > .item .item-child .item-inner .item-img {
        padding: 0 10px;
    }

    .top-seller-carousel > .owl-carousel .owl-item  > .item .item-inner .item-img {
        float: left;
        margin-bottom: 0;
    }

    .top-seller-carousel > .owl-carousel .owl-item  > .item .item-inner .item-info {
        border: medium none;
        float: left;
        margin: 0px;
        text-align: left;
        width: 56%;
    }

    .top-seller-carousel > .owl-carousel .owl-item .item .item-inner .item-title > a {
        color: #222;
        display: inline-block;
        line-height: 20px;
        text-decoration: none;
        transition: all .5s ease 0s;
    }

    .top-seller-carousel > .owl-carousel .owl-item .item .item-inner .item-title > a:hover {
        color: #26a953;
    }

    .top-seller-carousel > .owl-carousel .owl-item .item .item-inner .item-info {
        text-align: left;
    }

    .top-seller-carousel > .owl-carousel .owl-item .item .item-inner .item-title {
        margin-bottom: -5px;
    }

    .top-seller-carousel > .owl-carousel .owl-item  > .item .item-inner .item-img .product-image {
        text-align: center;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner .item-img .product-image {
        display: block;
        text-align: center;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item a,
    .top-seller-carousel > .owl-carousel .owl-item > .item span,
    .top-seller-carousel > .owl-carousel .owl-item > .item i {
        transition: all 0.25s ease 0s;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-child .item-inner .item-info .rating {
        margin-bottom: 5px;
        margin-top: 7px;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner .item-price {
        line-height: 20px;
        margin-bottom: -9px;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner .item-price {
        line-height: 20px;
    }

    .top-seller-carousel > .owl-carousel .owl-item  .price {
        color: #222;
        font-size: 15px;
        line-height: 100%;
        font-weight: bold;
    }

.best-seller > h4 {
    float: left;
}

.best-seller .post-navigator {
    float: right;
    left: -5%;
    position: relative;
    top: 12px;
    width: 3.9em;
}

.best-seller .post-left-navigator, .best-seller .post-right-navigator {
    padding: 3% 9%;
}
/*-----  End of Shopping Sidebar style  ------*/

/*===============================================
(19) = Product List and Grid Views Right style  =
 ===============================================*/
.product-right-contents {
    float: left;
    width: 100%;
}
.control-bar {
    background-color: #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

    .control-bar > .btn-group > a:first-child {
        margin-right: 12px;
    }

    .control-bar > .btn-group > a {
        padding: 0px;
        border: none;
        font-size: 23px;
        color: #c9c9c9;
    }

    .control-bar > .btn-group > a:hover,
    .control-bar > .btn-group > a:focus {
        background: none;
        color: #26a953;
    }

    .control-bar .glyphicon {
        margin-right:5px;
    }

.thumbnail {
    border-radius: 0;
    margin-bottom: 20px;
    padding: 0;
    background-color: transparent;
    border: none;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.item {
    transition: all 0.5s ease 0s;
    border: none;
}

    .item.list-group-item:nth-of-type(2n+1):hover, .item.list-group-item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .item.list-group-item .list-group-image
    {
        margin-right: 10px;
    }
    .item.list-group-item .thumbnail
    {
        margin-bottom: 0px;
    }
    .item.list-group-item .caption
    {
        padding: 9px 9px 0px 9px;
    }
    .item.list-group-item:nth-of-type(odd)
    {
        background: #FFFFFF;
    }

    .item.list-group-item:before, .item.list-group-item:after
    {
        display: table;
        content: " ";
    }

    .item.list-group-item img
    {
        float: left;
    }
    .item.list-group-item:after
    {
        clear: both;
    }
.list-group-item-text
{
    margin: 0 0 11px; 
}

.show-on-hover:hover > ul.dropdown-menu {
    display: block;
}

.control-bar > .btn-group > label:first-child {
    border-left: 1px solid #cccccc;
    float: left;
    font-weight: lighter;
    margin-left: 15px;
    margin-top: 7px;
    padding-left: 15px;
    padding-right: 9px;
}

.control-bar > .btn-group > span{
    float: left;
    font-weight: lighter;
    margin-left: 11px;
    margin-top: 7px;
    width: 4em;
}

.control-bar > .sort-icon {
    cursor: pointer;
    padding: 0 15px;
    border-right: 1px solid #cccccc;
}

.control-bar > .sort-icon:hover,
.control-bar > .sort-icon:focus {
    color: #26a953;
}

.control-bar > .btn-group > button {
    text-align: left;
    width: 6em;
    box-shadow: none;
    border-radius: 0px;
    background-color: #f0f0f0;
}

.control-bar > .show-on-hover .dropdown-menu {
    left: 2.9em;
    margin-top: 0;
}

.control-bar > .btn-group > button > span {
    position: absolute;
    right: 4px;
    top: 14px;
}

.pagination-container {
    float: right;
    width: 14em;
}

    .pagination-container > span {
        float: left;
        font-weight: lighter;
    }

    .pagination-container > .pagination{
        margin: 0px;
    }

        .pagination-container ul.pagination li a {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: medium none;
        }

        .pagination-container ul.pagination li a:hover,
        .pagination-container ul.pagination li a:focus {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            color: #26a953;
        }

        .pagination-container ul.pagination li.active a {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            color: #26a953;
        }

.control-bar > .btn-group,
.control-bar > .pagination-container{
    padding: 12px 0px;
}

.control-bar > .pagination-container {
    position: relative;
    top: .7em;
}

.control-bar > .btn-group:first-child {
    padding-left: 12px;
}

#products {
    float: left; width:100%;
}

.products-list-grid .grid-group-item .thumbnail .caption > .list-group-item-heading,
.products-list-grid .grid-group-item .thumbnail .caption > .starrr,
.products-list-grid .grid-group-item .thumbnail .caption > .lead {
    text-align: center;
}

.products-list-grid .thumbnail .caption > .list-group-item-heading,
.products-list-grid .thumbnail .caption > .starrr,
.products-list-grid .thumbnail .caption > .lead {
    transition: all .5s ease 0s;
}

.products-list-grid .thumbnail .caption > .list-group-item-heading {
    color: #222222;
    float: left; font-weight:bold;
    font-size: 14px;
    width: 100%;
    text-decoration: none;
    margin: 2px;
}
.ProdDescription {text-align:center; color:#778089;}
.products-list-grid .list-group-item .thumbnail .caption > .list-group-item-heading {
    float: none;
}

.products-list-grid .thumbnail .caption > .starrr {
    margin: 0px;
}

.products-list-grid .thumbnail .caption > .lead {
    color: #222222;
    font-size: 15px;
    font-weight: bold;
}

.products-list-grid .thumbnail .caption > .list-group-item-heading:hover {
    color: #26a953;
}

.products-list-grid .grid-group-item .thumbnail .caption > .list-group-item-text {
    display: none;
}

.products-list-grid .list-group-item .thumbnail .caption > .list-group-item-text {
    display: block;
}

.products-list-grid .grid-group-item .thumbnail .caption {
    background-color: #FFFFFF;
}

.products-list-grid .grid-group-item .thumbnail .caption > .lead {
    text-align: center;
    margin: 0;
}

.products-list-grid .item .thumbnail {
    position: relative;
}

.products-list-grid .list-group-item .thumbnail {
    float: left;width: 100%;
}

.products-list-grid .item .thumbnail .actions-links {
    bottom: 12.2em;
    height: 37px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    width: 120px;
    z-index: 1;
}

.products-list-grid .list-group-item .thumbnail .actions-links {
    right: 1em;
    top: 1em;
    left: auto;
    bottom: auto;
}

.products-list-grid .item:hover .actions-links .view-link,
.products-list-grid .item:hover .actions-links .wishlist-link,
.products-list-grid .item:hover .actions-links .compare-link {
    opacity: 1;
    transform: translate(0px, 0px);
}

.products-list-grid .item:hover .thumbnail .actions-links {
    opacity: 1;
}

.products-list-grid .item .actions-links .wishlist-link::before,
.products-list-grid .item .actions-links .compare-link::before {
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease-out 0s;
}

.products-list-grid .item .actions-links .view-link::before {
    color: #fff;
	content: "VIEW"; font-size:10px;font-weight:bold;
    /*content: "\f06e";*/
    display: inline-block;
    font-family: FontAwesome;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: -100%;
    transition: all 0.3s ease 0s;
    width: 36px;
}
.fa-eye::before {content: "VIEW" !important;  font-size:10px; font-weight:bold;}
.products-list-grid .item .actions-links .view-link {
    background-color: #ccc; 
    border: medium none;
    border-radius: 50%;
    float: left;
    height: 36px;
    margin: 0 1px;
    overflow: hidden;
    padding: 0;
    transform: translate(0px, -70px);
    transition: all 0.3s ease-out 0s;
    width: 36px; 
}

.products-list-grid .item .actions-links .add-wish-compare {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .products-list-grid .item .actions-links .add-wish-compare li {
        display: inline-block;
        float: left;
        margin: 0;
    }

    .products-list-grid .item .actions-links .wishlist-link::before {
        content: "\f08a";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        height: 36px;
        line-height: 36px;
        position: absolute;
        text-align: center;
        top: -100%;
        transition: all 0.3s ease 0s;
        width: 36px;
        color: #FFFFFF;
        left: 0;
    }

    .products-list-grid .item:hover .actions-links .view-link,
    .products-list-grid .item:hover .actions-links .wishlist-link,
    .products-list-grid .item:hover .actions-links .compare-link {
        opacity: 1;
        transform: translate(0px, 0px);
    }

    .products-list-grid .item .actions-links .wishlist-link {
        margin: 0 5px;
        overflow: hidden;
        transform: translate(0px, -70px);
        transition: all 0.3s ease-out 0.1s;
    }


    .products-list-grid .item .actions-links .wishlist-link,
    .products-list-grid .item .actions-links .compare-link {
        background-color: #ccc;
        border: medium none;
        border-radius: 50%;
        display: block;
        height: 36px;
        padding: 0;
        text-align: center;
        width: 36px;
    }

    .products-list-grid .item .actions-links .compare-link::before {
        content: "\f012";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        height: 36px;
        line-height: 36px;
        position: absolute;
        text-align: center;
        top: -100%;
        transition: all 0.3s ease 0s;
        width: 36px;
        color: #FFFFFF;
        left: 0;
    }

    .products-list-grid .item .actions-links .compare-link {
        left: -20px;
        overflow: hidden;
        transform: translate(0px, -70px);
        transition: all 0.3s ease-out 0.2s;
    }

    .products-list-grid .item .actions-links .view-link:hover,
    .products-list-grid .item .actions-links .compare-link:hover,
    .products-list-grid .item .actions-links .wishlist-link:hover {
        background: #26a953 none repeat scroll 0 0;
    }

    .products-list-grid .item .actions-links .view-link:hover::before,
    .products-list-grid .item .actions-links .compare-link:hover::before,
    .products-list-grid .item .actions-links .wishlist-link:hover::before{
        top: 0%;
    }


        .products-list-grid .item .actions-links .view-link i,
        .products-list-grid .item .actions-links .wishlist-link i,
        .products-list-grid .item .actions-links .compare-link i {
            backface-visibility: hidden;
            color: #fff; 
            display: inline-block;
            font-size: 15px;
            font-style: normal;
            font-weight: normal;
            height: 36px;
            line-height: 36px;
            position: absolute;
            text-align: center;
            transition: all 0.3s ease 0s;
            width: 36px;
            left: 0px;
        }

        .products-list-grid .item .actions-links .view-link:hover i,
        .products-list-grid .item .actions-links .wishlist-link:hover i,
        .products-list-grid .item .actions-links .compare-link:hover i {
            transform: translateY(313%);
        }

    .products-list-grid .item:hover .item-add-to-cart {
        opacity: 1;
    }

    .products-list-grid .item .item-add-to-cart {
        background: #fff none repeat scroll 0 0;
        margin-top: -1px;
        opacity: 0;
        padding: 0px 0px 10px 0px;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    .products-list-grid .list-group-item .item-add-to-cart {
        float: right;
        margin-top: -1px;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 8em;
        top: 1em;
        transition: all 0.3s ease-out 0s;
        width: 12em;
    }

    .products-list-grid .grid-group-item {
        margin-bottom: -39px;
    }

    .products-list-grid .item input[type="button"],
    .products-list-grid .item.button,
    .products-list-grid .item button {
        background: transparent none repeat scroll 0 0;
        border: 1px solid #ddd;
        border-radius: 0;
        color: #666;
        display: inline-block;
        font-size: 100%;
        font-weight: normal;
        overflow: hidden;
        padding: 5px 15px;
        text-transform: uppercase;
        transition: all 0.2s ease-out 0s;
        vertical-align: middle;
    }

    .products-list-grid .item:hover .item-add-to-cart .add-to-cart {
        opacity: 1;
        transform: scale(0.7);
    }

    .products-list-grid .item .item-add-to-cart .add-to-cart {
        background: #72c02c none repeat scroll 0 0;
        border: medium none;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;font-weight:bold;
        height: 39px;
        line-height: 30px;
        overflow: hidden;
        padding: 0 25px;
        transform: scale(0.5);
        transition: all 0.3s ease-out 0s;
    }

    .products-list-grid .item a,
    .products-list-grid .item span,
    .products-list-grid .item i {
        transition: all 0.25s ease 0s;
    }

    .products-list-grid .item .item-add-to-cart .add-to-cart {
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        font-weight: lighter;
    }

    .products-list-grid .item .item-add-to-cart .add-to-cart:hover {
        background: #26a953 none repeat scroll 0 0;
    }

    .products-list-grid .item .item-add-to-cart .add-to-cart:hover span {
        animation: 300ms ease 0s normal none 1 running, moveFromRight;
        display: inline-block;
    }

    .products-list-grid .item .item-add-to-cart .add-to-cart:hover i {
        animation: 400ms ease 0s normal none 1 running, moveFromLeft;
    }

    .products-list-grid .grid-group-item:hover .thumbnail {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .products-list-grid .item:hover .thumbnail {
        z-index: 9;
    }

.control-bar .shop-cart {
    padding: 12px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.control-bar .shop-cart:hover,
.control-bar .shop-cart:focus {
    color: #26a953;
}

/*-----  End of Product List and Grid Views style  ------*/

/*=============================================
(20) =          Category style                =
 =============================================*/
.post-cat-container {
    float: left;
    width: 100%;
}

.thumb {
    margin-bottom: 30px;
}

.cat-product-price {
    color: #303030;
    font-family: "Lato",sans sarif;
    text-align: center;
}

.cat-product:hover,
.cat-product:focus {
    text-decoration: none;
}
/*-----  End of Category style  ------*/

/*=============================================
(20) =          Category style                =
 =============================================*/
.post-cat-container {
    float: left;
    width: 100%;
}

.thumb {
    margin-bottom: 30px;
}

.cat-product-price {
    color: #303030;
    font-family: "Lato",sans sarif;
    text-align: center;
}

.cat-product:hover,
.cat-product:focus {
    text-decoration: none;
}
/*-----  End of Category style  ------*/

/*=============================================
(21) =        Faculty Member style            =
 =============================================*/
.faculties_section {
    float: left;
    width: 100%;
}

.faculty_member_info {
    display: block;
    float: none;
    margin: 0 auto 39px;
    max-width: 265px;
    background-color: #f8f8f8;
    border-bottom: 2px solid #26a953;
    padding: 0 12px 19px;
    width: 265px;
}

.faculty_member_image {
    float: none;
    margin: 0 auto;
    width: 265px;

    height: 399px;
    position: relative;
    background: #26a953 none repeat scroll 0 0;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.home_services {
    float: none;
    margin: 0 auto;
    width: 265px;
text-align:center;
    height: 200px;
    position: relative;
    background: #26a953 none repeat scroll 0 0;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.read-more{color:#26a953; text-decoration:underline; font-weight:bold; text-align:center; margin-top:40px; font-style:normal;}
    .faculty_member_image > img {
        display: block;
        float: left;
        left: 0;
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        right: 0;
        text-align: center;
        transition: all 0.5s ease 0s;
    }

    .faculty_member_image:hover img {
        opacity: 0.2;
    }

.faculty_member {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

    .faculty_member_image a {
        display: block;
        height: 5em;
        width: 5em;
        z-index: 100;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

    .faculty_member_image a:hover {
        transform: rotate(360deg);
    }

    .faculty_member_image a.facebook {
        background: rgba(0, 0, 0, 0) url("../images/facebook-o.png") no-repeat scroll 0 0 / 100% auto;
        left: -35%;
        margin-top: -17px;
        position: absolute;
        top: 50%;
    }

    .faculty_member_image a.twitter {
        background: url("../images/twitter-o.png") no-repeat;
        position: absolute;
        top: 50%;
        right: -35%;
        margin-top: -17px;
        background-size: 100% ;
    }

    .faculty_member_image:hover a.twitter {
        right: 23%;
    }

    .faculty_member_image:hover a.facebook {
        left: 23%;
    }

.paralex-container {
    float: left;
    width: 100%;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}
/*-----  End of Faculty Member style  ------*/

/*=============================================
(22) =  Blog Left Side Contents Style         =
 =============================================*/
.blog-post-contents {
    float: left;
    width: 100%;
}

.post-detail > ul {
    background-color: #f8f8f8;
    float: left;
    padding: 12px;
    width: 100%;
}

.blog-post-container {
    border-bottom: 1px solid #ededed;
    margin-bottom: 3.9em;
    padding-bottom: 3.9em;
    float: left;
    width: 100%;
}

.blog-post-contents {
    float: left;
    margin-bottom: 3.9em;
    width: 100%;
}

.post-image figure {
    cursor: pointer;
    float: left;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.post-image figure {
    background: #26a953 none repeat scroll 0 0;
    border: 9px solid #ededed;
}

.cat-product figure {
    background: #fff none repeat scroll 0 0;
    border: none;
}

    .post-image figure:hover img {
        opacity: .48;
        transform: scale3d(1.1, 1.1, 1);
    }

    .post-image figure > img {
        backface-visibility: hidden;
        transition: opacity 1s ease 0s, transform 1s ease 0s;
        width: 100%; text-align:center;
    }

    .post-image figure > img {
        display: block;
        max-width: 100%;
        min-height: 100%;
        position: relative;
        opacity: 1;text-align:center;
    }

.post-image {
    float: left;text-align:center;
    width: 75%;
}

.post-image-container {
    border: 2.9px solid #bfbfbf;
    border-radius: 69px;
    float: left;
    height: 9em;
    padding: 2.9px;
    width: 9em;
    transition: all 0.5s ease 0s;
}

.post-image-container {
    border: 2.9px solid #bfbfbf;
    border-radius: 69px;
    float: left;
    height: 7em;
    padding: 2.9px;
    transition: all 0.5s ease 0s;
    width: 7em;
}

    .post-image-container > img {
        border-radius: 69px;
        float: left;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.next-prev-post > div > a:hover .post-image-container {
    border-color: #26a953;
}

.next-prev-post-left {
    padding: 2.3em 0 0 .5em;
}

.next-prev-post-right {
    padding: 2.3em 0.5em 0 0em;
}

.next-prev-post-left,
.next-prev-post-right {
    float: left;
    vertical-align: middle;
    font-size: 15px;
    color: #778089;
    transition: all 0.5s ease 0s;
}

.next-prev-post > div > a:hover .next-prev-post-left,
.next-prev-post > div > a:hover .next-prev-post-right {
    color: #26a953;
}

.next-prev-post-left span,
.next-prev-post-left i,
.next-prev-post-right span,
.next-prev-post-right i {
    display: inline-block;
}
/*-----  End of Blog Left Side Contents Style  ------*/

/*=============================================
(23) = Blog right Side Bar Contents Style     =
 =============================================*/
.blog-right-side-bar {
    float: left;
    width: 100%;
}

.list-links,
.right-side-section {
    float: left;
    width: 100%;
    margin-top: 2.9em;
    margin-bottom: 2.9em;
}

.tag-buttons > button {
    margin: 5px;
}

.event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
}

.event-list > li {
    background-color: transparent;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    float: left;
    padding: 0;
    width: 100%;
}

.event-list > li:last-child {
    border-bottom: 1px solid #ededed;
}

    .event-list > li > a > time {
        background-color: transparent;
        color: #778089;
        display: inline-block;
        padding: 5px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

    .event-list > li > a > time > span {
        display: none;
    }

    .event-list > li > a > time > .day {
        display: block;
        font-size: 25px;
        font-weight: 900;
        line-height: 1;
    }

    .event-list > li > a time > .month {
        display: block;
        font-size: 15px;
        font-weight: bold;
        line-height: 1;
    }

    .event-list > li > a > img {
        width: 100%;
    }

    .event-list > li > a > .info {
        float: left;
        padding-bottom: 12px;
        padding-top: 5px;
        text-align: center;
        width: 100%;
    }

        .event-list > li > a > .info > .title {
            color: #606060;
            font-size: 14pt;
            font-weight: 700;
            margin: 0;
        }

        .event-list > li > a > .info > .desc {
            font-size: 12pt;
            font-weight: 300;
            margin: 0;
            color: #606060;
        }

        .event-list > li > a > .info > ul,
        .event-list > li > a > .social > ul {
            display: table;
            list-style: none;
            margin: 10px 0px 0px;
            padding: 0px;
            width: 100%;
            text-align: center;
        }
        .event-list > li > a > .social > ul {
            margin: 0px;
        }
            .event-list > li > a > .info > ul > li,
            .event-list > li > a > .social > ul > li {
                display: table-cell;
                cursor: pointer;
                color: rgb(30, 30, 30);
                font-size: 11pt;
                font-weight: 300;
                padding: 3px 0px;
            }
            .event-list > li > a > .info > ul > li > a {
                display: block;
                width: 100%;
                color: rgb(30, 30, 30);
                text-decoration: none;
            }
            .event-list > li > a > .social > ul > li {
                padding: 0px;
            }
            .event-list > li > a > .social > ul > li > a {
                padding: 3px 0px;
            }
            .event-list > li > a > .info > ul > li:hover,
            .event-list > li > a > .social > ul > li:hover {
                color: rgb(30, 30, 30);
                background-color: rgb(200, 200, 200);
            }
.facebook a,
.twitter a,
.google-plus a {
    display: block;
    width: 100%;
    color: rgb(75, 110, 168) !important;
}
.twitter a {
    color: rgb(79, 213, 248) !important;
}
.google-plus a {
    color: rgb(221, 75, 57) !important;
}
.facebook:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(75, 110, 168) !important;
}
.twitter:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(79, 213, 248) !important;
}
.google-plus:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(221, 75, 57) !important;
}

@media (min-width: 992px) {
    .event-list > li {
        display: block;
        height: 89px;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .event-list > li > a{
        text-decoration: none;
    }
    .event-list > li > a > time,
    .event-list > li > a > img  {
        display: inline-block;
    }
    .event-list > li > a > time,
    .event-list > li > a > img {
        width: 120px;
        float: left;
    }
    .event-list > li > a > .info {
        background-color: transparent;
        overflow: hidden;
    }

    .event-list > li > a > time, .event-list > li > img {
        border-right: 1px solid #ededed;
        height: 89px;
        margin: 0;
        padding: 23px;
        width: 93px;
    }

    .event-list > li > a > .info {
        height: 89px;
        padding-left: 13px;
        padding-right: 40px;
        padding-top: 19px;
        position: relative;
        text-align: left;
        width: auto;
        float: none;
    }

    .event-list > li > a > .info > .title,
    .event-list > li > a > .info > .desc {
        padding: 0px 10px;
    }
    .event-list > li > a > .info > ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }
    .event-list > li > a > .social {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        width: 40px;
    }
        .event-list > li > a > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
            .event-list > li > a > .social > ul > li {
                display: block;
                padding: 0px;
            }
                .event-list > li > a > .social > ul > li > a {
                    display: block;
                    width: 40px;
                    padding: 10px 0px 9px;
                }
}

.event-list > li,
.event-list > li *{
    transition: all 0.5s ease 0s;
}

.event-list > li:hover {
    background-color: #f8f8f8;
}

    .event-list > li:hover *,
    .event-list > li:hover > a > .info > .title,
    .event-list > li:hover > a > .info > .desc {
        color: #26a953;
    }

.view {
    border: 5px solid #fff;
    cursor: default;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 125px;
}

    .view .mask, .view .content {
        height: 115px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 115px;
    }

    .view img {
        display: block;
        position: relative;
    }

    .view a.info {
        background:url(../images/link.png) center no-repeat;
        display: inline-block;
        text-decoration: none;
        padding:0;
        text-indent:-9999px;
        width:20px;
        height:20px;
    }

.second-effect .mask {
    opacity: 0;
    overflow:visible;
    border:0px solid rgba(0,0,0,0.7);
    box-sizing:border-box;
    transition: all 0.4s ease-in-out;
}

.second-effect a.info {
    opacity: 0;
    position: relative;
    right: 12px;
    top: -10px;
    transform: scale(0, 0);
    transition: transform 0.2s ease-in 0.1s, opacity 0.1s ease-in-out 0s;
}

.second-effect:hover .mask {
    border: 60px solid rgba(239, 157, 135, 0.7);
    opacity: 1;
}

.second-effect:hover a.info {
    opacity:1;
    transform:scale(1,1);
    transition-delay:0.3s;
}

.round-bullet-ul {
    line-height: 2.3;
    list-style: none;
}

    .round-bullet-ul > li:before {
        content: "\f10c";
        font-family: FontAwesome;
        color: #26a953;
        font-size: 9px;
        margin-right: 7px;
        vertical-align: middle;
    }

.next-prev-post {
    float: left;
    margin-bottom: 2.9em;
    margin-top: 2.9em;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    width: 100%;
}

.social-bar {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    float: left;
    margin-bottom: 2.9em;
    margin-top: 2.9em;
    padding-bottom: 1.2em;
    padding-top: 1.2em;
    width: 100%;
}

    .social-bar > div:first-child {
        padding-top: 1%;
        vertical-align: middle;
    }


        .social-bar > div > i {
            float: left;
            margin-right: 5px;
            vertical-align: middle;
            margin-top: 4px;
        }

        .social-bar > div > ul {
            margin-bottom: 0;
        }

.social-bar-icons {
    float: right;
}

    .social-bar > div > ul > li {
        padding-left: 1px;
        padding-right: 1px;
    }

        .social-bar > div > .social-bar-icons > li > a {
            background-color: #bfbfbf;
            border-radius: 29px;
            color: #ffffff;
            float: left;
            padding: 6px 9px;
            transition: all 0.5s ease 0s;
        }

        .social-bar > div > .social-bar-icons > li > .facebook,
        .social-bar > div > .social-bar-icons > li > .tumbler {
            padding: 6px 12px;
        }

        .social-bar > div > .social-bar-icons > li > .xing {
            padding: 6px 10px;
        }

        .social-bar > div > .social-bar-icons > li > .facebook:hover {
            background-color: #3b5998;
        }

        .social-bar > div > .social-bar-icons > li > .twitter:hover {
            background-color: #55acee;
        }

        .social-bar > div > .social-bar-icons > li > .google-plus:hover {
            background-color: #e46f61;
        }

        .social-bar > div > .social-bar-icons > li > .tumbler:hover {
            background-color: #35465c;
        }

        .social-bar > div > .social-bar-icons > li > .xing:hover {
            background-color: #cfdc00;
        }

        .social-bar > div > .social-bar-icons > li > .mail:hover {
            background-color: #778089;
        }
/*-----  End of Blog right Side Bar Contents Style  ------*/

/*=============================================
(24) =      Comment Section style             =
 =============================================*/
.comments-section {
    float: left;
    width: 100%;
}

/*
    Image credits:
    uifaces.com (http://uifaces.com/authorized)
*/

#login { display: none; }
.login,
.logout {
    position: absolute;
    top: -3px;
    right: 0;
}
.page-header { position: relative; }
.reviews {
    color: #555;
    font-weight: bold;
    margin: 10px auto 20px;
}
.notes {
    color: #999;
    font-size: 12px;
}

.media .media-object {
    border: 2.9px solid #bfbfbf;
    max-width: 120px;
    padding: 2px;
    transition: all 0.5s ease 0s;
}

.media .media-object:hover {
    border: 2.9px solid #26a953;
}

.media-body {
    position: relative;
}

.media-date {
    position: absolute;
    right: 25px;
    top: 25px;
}

    .media-date li { padding: 0; }
    .media-date li:first-child:before { content: ''; }
    .media-date li:before {
        content: '.';
        margin-left: -2px;
        margin-right: 2px;
    }

.media-comment {
    margin-bottom: 20px;
}

.media-replied {
    margin: 0 0 20px 50px;
}

    .media-replied .media-heading {
        padding-left: 6px;
    }

.btn-circle {
    font-weight: bold;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 20px;
}

    .btn-circle span { padding-right: 6px; }
    .embed-responsive { margin-bottom: 20px; }
    .tab-content {
        padding: 30px 15px;
        border: 1px solid #ddd;
        border-top: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px; 
    }
.tab-pane .active {vertical-align:top;}
.custom-input-file {
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 120px;
    background: #eee url('https://s3.amazonaws.com/uifaces/faces/twitter/walterstephanie/128.jpg');
    background-size: 120px;
    border-radius: 120px;
}

input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    margin: 0;
    padding:0;
    left:0;
}

.uploadPhoto {
    position: absolute;
    top: 25%;
    left: 25%;
    display: none;
    width: 50%;
    height: 50%;
    color: #fff;
    text-align: center;
    line-height: 60px;
    text-transform: uppercase;
    background-color: rgba(0,0,0,.3);
    border-radius: 50px;
    cursor: pointer;
}

.custom-input-file:hover .uploadPhoto {
    display: block;
}

.comments-container {
    float: left;
    width: 100%;
    margin-top: 3.9em;
}

    .comments-container .well {
        background-color: #ededed;
        border: medium none;
    }

        .comments-container .well .btn-info,
        .comments-container .well .btn-warning {
            background-color: #d9d9d9;
            border-color: #d9d9d9;
            color: #fff;
            transition: all 0.5s ease 0s;
            margin: 2.9px;
        }

        .comments-container .well .btn-info:hover {
            background-color: #26a953;
            border-color: #26a953;
        }

        .comments-container .well .btn-warning:hover {
            background-color: #72c02c;
            border-color: #72c02c;
        }

.comment-form-container {
    float: left;
    width: 100%;
    margin-bottom: 2.9em;
}
/*-----  End of Comments style  ------*/

/*=============================================
(25) =   Footer Section style       =
 =============================================*/
.footer {
    float: left;background:#eaeaea url(../images/nuvet-labs-footer.jpg) top center no-repeat;
    width: 100%;
}

.get-in-touch {
    float: left;
    width: 100%;
}

.gary-text {
    color: #778089;
    font-size: 1.1em;
    padding-top: 2%;
}

.pink-heading {
    font-family: "Source Sans Pro",sans-serif;
    color: #26a953;
    font-size: 1.9em;
}

.get-in-touch-form input,
.get-in-touch-form button{
    -webkit-border-radius: 23px !important;
    -moz-border-radius: 23px !important;
    border-radius: 23px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    width: auto !important;
}



.get-in-touch-form input {
    width: 97% !important;
    background-color: #f6f6f6;
}

.get-in-touch-form button {
    background-color: #26a953 !important;
    border: medium none !important;
    color: #ffffff !important;
    font-weight: bold;
    padding-left: 5%;
    padding-right: 5%;
    transition: all 0.5s ease 0s;
}

.get-in-touch-form button:hover,
.get-in-touch-form button:focus {
    background-color: #26a953;
    transform: scale(0.9);
    color: #ffffff;
}

.footer-link-heading,
.small-heading {
    color: #26a953;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2em;
}

.footer-links ul > li > a::before,
.list-links ul > li > a::before {
    content: "\f105";
    bottom: 4px;
    color: #26a953;
    display: block;
    float: left;
    font-family: FontAwesome;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    position: relative;
    width: 19px;
}

.footer-links ul > li > a,
.list-links ul > li > a {
    color: #555555;
    float: left;
    line-height: 1.5;
    text-decoration: none;
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.get-in-touch-footer a {
    color: #778089;
    line-height: 1.5;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.twitter-share a {
    color: #72c02c;
    text-decoration: none;
    line-height: 1.5;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.footer-links ul > li > a:hover,
.list-links ul > li > a:hover,
.get-in-touch-footer a:hover,
.twitter-share a:hover {
    color: #26a953;
}

.get-in-touch-footer p,
.about-us-footer p,
.twitter-share {
    color: #778089;
    float: left;
    width: 100%;
}
.about-us-footer a{color:#26a953;}
.get-in-touch-footer p:first-child,
.about-us-footer p:first-child {
    margin-bottom: 23px;
}

    .get-in-touch-footer .get-in-touch-location::before,
    .get-in-touch-footer .get-in-touch-phone::before,
    .get-in-touch-footer .get-in-touch-email::before,
    .twitter-share::before {
        bottom: 4px;
        color: #26a953;
        display: block;
        float: left;
        font-family: FontAwesome;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        position: relative;
        width: 25px;
    }

    .get-in-touch-footer .get-in-touch-location::before {
        content: "\f041";
    }

    .get-in-touch-footer .get-in-touch-phone::before {
        content: "\f10b";
    }

    .get-in-touch-footer .get-in-touch-email::before {
        content: "\f0e0";
        font-size: 17px;
        bottom: 1px;
    }

.twitter-share::before{
    content: "\f099";
    display: table-cell;
    float: none;
    height: 100%;
}

.twitter-share {
    display: table;
}

.footer-links {
    float: left;
    width: 100%;
    padding: 2% 0%;
}
.footer-links span{ color: #26a953;}
.copy-right{
    color: #fff; margin-top:5px; font-size:0.8em;
}

.copy-right-to,
.copy-right-to:hover,
.copy-right-to:focus{
    text-decoration: none;
    color: #26a953;
}
.logo-footer{width:80%; height:auto; margin-bottom:10px;}

.lower-footer {
    float: left;
    width: 100%;
    background-color: #26a953;
    padding: 1% 0%;
}
.footer-social-icons {
    float: right; margin-bottom:0;
}

.footer-social-icons > li > a {
    color: #fff;
    font-size: 23px;
    padding-right: 12px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.footer-social-icons > li > a:hover {
    color: #72c02c;
}

.footer-social-icons > li:last-child > a {
    padding-right: 0px;
}
/*-----  End of Footer Section style  ------*/

.jumbotron { margin: 0 0 50px 0; }
  .jumbotron h1 { margin-top: 0; }
  .jumbotron p { margin-bottom: 0; }
  .row h3 { margin: 25px 0; }
  .nav-tabs { margin-bottom: 10px; }
  #product-tabs {margin:20px 0px; overflow:auto;}
  #product-tabs span{color:#26a953;}
#product-tabs .nav > li > a {padding: 12px 20px; font-size:1.2em; font-weight:bold; color:#778089;}
#product-tabs .nav-tabs > li.active > a{ color:#26a953; background: url(../images/white50.png) top center repeat; border:1px solid #9c9c9c; border-top:2px solid #26a953; }
#product-tabs .nav-tabs > li > a:hover{background: url(../images/white50.png) top center repeat;}
#product-tabs p {color:#222}
#product-tabs .nav-tabs { margin-bottom:0px; border-bottom:0px; }

#product-tabs .tab-content {border:1px solid #9c9c9c;  color:#000; background: url(../images/white.png) top center repeat; overflow:auto; height:auto; vertical-align: baseline; }

.parallax-window {height:auto;}
.titlepage {padding: 30px 0 30px;}
.title-heading {font-family: "Source Sans Pro",sans-serif;
    font-weight: bold;font-size:3em;
    color: #fff;
	text-shadow:#535453 2px 2px 2px;}
.product-heading {font-family: "Source Sans Pro",sans-serif;
    font-weight: bold;font-size:3em; margin-top:10px;
    color: #26a953;
	text-shadow:#eee 2px 2px 2px;}
		
.title-subheading{font-family: "Source Sans Pro",sans-serif;
    font-weight: 500;
    margin: 1em 0; 
    color: #fff;
	text-shadow:#eee 2px 2px 2px;}	
	
.product-count{width:100%; height:auto; clear:both;}	
.prod_descr {width:31%; float:left; margin-right:2%; padding:2% 4% 0% 0%}
.prod_descr2 {width:56%; float:left; margin-right:2%;  padding:2% 4% 0% 0%}

.prod_descr-shamp {width:40%; float:left; margin-right:2%; padding:2% 4% 0% 0%}

.prod-price {width:24%; float:left; margin-right:1%; }
.prod-price-number {width:14%; float:left; margin-right:1%; }
.prod-price-radio {width:9%; float:left; margin-right:1%; }
.prod-radio2 {width:33%; float:left; margin-right:2%; padding:1%;  }
.shamp-prod-price {width:24%; float:left; margin-right:2%; padding:5% 1% 1% 1%; font-weight:bold; }

.prod-button {width:15%; float:left; padding-top:25px;}
.prod-button2 {width:25%; float:left; padding-top:35px; text-align:center;}

.prodPrice {width:18%; float:left; margin-right:2%; padding:3% 2%; font-weight:bold;}
.prodImage{width:15%; float:left; margin-right:2%; padding:0; text-align:center;}
.prodImage img{width:80%; height:auto;padding-top:10px;}
.ship-every .btn-danger{background:#fff; color:#555555; border:1px solid #72c02c; display:none;overflow:auto;}
.autoship{margin-bottom:0px;}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .25rem;
    margin-left: .25rem;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    color: #555555;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}
.dropdown-menu {width:100%; z-index:3000;}
.descr-title {font-size:1.5em; font-weight:bold; color:#26a953; margin-bottom:5px;}
.product-count span{color:#26a953}
.prod-line{
    width: 100%;
    border-top: 1px dashed #959695;
    margin:0px; 
}
.prod-line2{
    width: 70%;
    border-top: 1px dashed #959695;
    margin:0px; 
}
.open > .dropdown-toggle.btn-danger {background-color: #72c02c;
border-color: #26a953;}
.list1{margin-bottom:0.3em;}
.list1 li {
  font-size: 1.2em; line-height:1.8em; 
  color: #555; text-align:left;
}
.name {font-style:italic; color:#26a953; margin-top:0.3em;}
.dogW {
  background-image: url(../images/nuvet-products-background2.jpg);background-size: cover;
  padding: 25px 0px;
}
.dogNJ {
  background-image: url(../images/nuvet-products-cat-dogs-supplements-nujoint.jpg);background-size: cover;
  padding: 25px 0px;
}
.catP {
  background-image: url(../images/nuvet-products-background-feline-vitamin-supplements.jpg);background-size: cover;
  padding: 25px 0px;
}
.shampP {
  background-image: url(../images/nuvet-products-cat-dogs-shampoos.jpg);
  padding: 25px 0px;
}
.shampLeft {
  background-image: url(../images/nuvet-labs-shampoos.jpg);
  padding: 25px 0px;
}
.treatments {
  background-image: url(../images/nuvet-labs-supplements.jpg);
  padding: 25px 0px;
}
.guarantee {
  background-image: url(../images/nuvet-labs-dog-cat-supplements-background.jpg);
  padding: 25px 0px;
}

.givingBack {
  background-image: url(../images/nuvet-pet-dogs-cats-supplemets-giving-back-background.jpg);
  padding: 25px 0px;
}
.dogSleep {
  background-image: url(../images/nuvet-dogs-sleeping-vitamin-supplements.jpg);
  padding: 15px 0px;
}

.submitTestim {
  background-image: url(../images/nuvet-labs-submit-testimonials.jpg); 
  padding: 15px 0px;
}
.sitemap{
	background-image: url(../images/nuvet-pet-dogs-cats-supplements-for-dogs-light.jpg); 
	padding: 15px 0px;}
.manufacturing {
  background-image: url(../images/nuvet-labs-manufacturing-in-usa.jpg); 
  padding: 15px 0px;
}
.NuVetContactsTop {
  background: url(../images/nuvet-labs-vitamin-supplements-products-contacts-top.jpg) top center repeat-y;
  padding: 15px 0px 0px 0px; 
}
#reviews {
  background: url(../images/nuvet-reviews-supplements-vitamins-sm.jpg) top center no-repeat fixed;
}
.NuVetContacts {
  background: url(../images/nuvet-labs-vitamin-supplements-products-contacts-sm.jpg) bottom center no-repeat;
  padding: 15px 15px; min-height:790px;
}

.puppies {
  background-image: url(../images/nuvet-labs-vitamin-supplements-puppy-in-grass-sm.jpg);
  padding: 15px 15px; border-bottom:3px solid #fff;}
 .dogs {
  background-image: url(../images/nuvet-labs-active-dogs-in-prime-sm.jpg);
  padding: 15px 15px; border-bottom:3px solid #fff;}
  .olderDogs {
  background-image: url(../images/nuvet-labs-vitamin-supplements-older-dogs.jpg);
  padding: 15px 15px; }
   .NuVetContacts h3{line-height:1.5em; margin-bottom:5px;}
  
@media (min-width : 400px) and (max-width:480px){	.NuVetContacts { min-height:750px;} 
}
@media (max-width : 400px){
	.NuVetContacts {background:none; min-height:1px;} 
.NuVetContactsTop {background:none;} 
}
.moving-block {
  background-attachment: scroll;
  background-position: 40% 40% !important;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover !important;background-attachment: fixed;
}
nuvet-products-background-feline-vitamin-supplements
.testimonial {border-left:3px solid #72c02c; padding:1%; margin:0% 2% 1% 2%; box-shadow:#b5b4b4 2px 2px 5px; height:auto;}
.ingredients1{width:35%; float:left; margin-right:5%}

.ingredients2{width:18%; float:left; margin-right:8%}


.ingredients3{width:32%; float:left;}
.ingredients4{width:30%; float:left;}
.ingredients4 table td{padding:2px;}

.ingredients5{width:45%; float:left; margin-right:10%}
.ingredients6{width:45%; float:left; margin-right:0%}
.ingredients7{width:24%; float:left; }
.ingredients2 table td{padding:2px;}
.ingredients6 table td{padding:2px 4px;}

#autoshipTab {background:url(../images/NUVET-LABS-AUTOSHIP45.png) top left no-repeat;}
#product-tabs .nav > li#autoshipTab > a {padding-left:50px;}

h2.subdescription{font-size:22px; font-weight:bold; color:#778089; margin-top:0px; margin-bottom:15px;}
.ShipEvery {color:#26a953; font-weight:bold;}
.btn-group > .btn + .dropdown-toggle {background-color:#72c02c}
.nmbr{text-align:right;}

#allProducts .thumb{margin-bottom:0px;}
.ShopCartImage {text-align:center;}
.ShopCartImage img{width:90%; height:auto; text-align:center;}
.ShopCartImageSum {text-align:center !important;}
table#cart tbody td.ShopCartImageSum::before{width:0px;}
.ShopCartImageSum img{width:65%; height:auto; text-align:center;}

#cart span, #loginPage span{color:#26a953;}
#cart tr:nth-child(2n+1) {background:#fbfdfb;}
#cart tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #f9f9f9;
}

.myformQ {
    padding: 4px;
    border: 1px dotted #ccc; 
    margin: 2% 0px;
}
.qty {
    width: 42%;
    height: 35px;
    text-align: center; vertical-align:top;border:1px solid #d1d1d1;
}
input.qtyplus { width:25%; height:35px; vertical-align:top; font-weight:bold; color:#26a953; font-size:1.2em; border-radius:1px; border:1px solid #C0C0C0; background:#f1f1f1;}
input.qtyminus { width:25%; height:35px;vertical-align:top;  font-weight:bold; color:#26a953;font-size:1.2em;border-radius:1px; border:1px solid #C0C0C0; background:#f1f1f1;}

.main-heading{color: #444444;
font-size: 2.4em;
font-weight: bold;
font-family: "Lato", sans sarif; text-shadow:#eee 2px 2px 3px;
text-align: left; margin-bottom:20px;}
.main-heading span{color: #26a953 !important;}
.main-heading2{color: #444444;
font-size: 2em;
font-weight: bold;
font-family: "Lato", sans sarif; text-shadow:#eee 2px 2px 3px;
text-align: center; margin-bottom:20px;}
.main-heading2 span{color: #26a953 !important;}

.heading2{color: #444444;
font-size: 2.3em;
font-weight: bold;
font-family: "Lato", sans sarif; text-shadow:#eee 2px 2px 3px;
text-align: center; margin-bottom:20px;}
.heading2 span{color: #26a953 !important;}
.heading3 {color: #26a953 !important;
font-size: 2em;
font-weight: bold;
font-family: "Lato", sans sarif; text-shadow:#eee 2px 2px 3px;
text-align: center; margin-bottom:30px !important;}

.heading3left{color: #26a953 !important;
font-size: 2em;
font-weight: bold;
font-family: "Lato", sans sarif; text-shadow:#eee 2px 2px 3px;
text-align: left; margin-bottom:15px !important;}

.loginTitle {background-color:#9c9c9c; color:#fff; text-align:center; font-weight:bold; font-size:1.4em; padding:0.3em 0.1em; margin-bottom:1em;}
.loginTitleGrn {background-color:#26a953; color:#fff; text-align:center; font-weight:bold; font-size:1.4em; padding:0.3em 0.1em; margin-bottom:1em;}
.loginPage {padding: 1em 0.3em !important; width:100%;}
.loginFormTableL {width:47%; padding:0px 3% 0px 0px;}
.loginFormTableR {width:47%; padding:0px 0px 0px 3%;}
.loginInstruction {font-size:0.9em;}
.ShopCartDescription{padding:5px 10px 5px 5px !important;}
.cartActions{text-align:center;}

.item.list-group-item img {width:25%; height:auto;}
.item.list-group-item .caption .ProdDescription {text-align:left;}
.orderTotal td {padding:10px 15px; text-align:center;}
.orderTotal th {text-align:center;}
.orderTotal50 td {padding:10px 10px; text-align:center; width:50%;}

.orderTotal span {font-weight:bold;}
.orderTotal50 span {font-weight:bold;}
.autoshipsummary {font-weight:bold;}
#billingAddress {opacity:0.3;}

#accountPage .panel-title {text-align:center; font-weight:bold; padding:5px 20px;}
#accountPage .panel-title > a {padding:5px 20%; }

#ingredientsPage .panel-title > a {padding:1px 30% 1px 10%; }
#ingredientsPage .panel-title {text-align:left;  font-size:0.9em; }
#ingredientsPage .panel-heading {padding:1px 10px; }
#ingredientsPage .panel{padding:0px; background:none;  }
#ingredientsPage .panel-default > .panel-heading {background:url(../images/white50.png) repeat;}
#ingredientsPage .panel-default > .panel-heading:hover {background:#26a953;}


.mypanel {width:90%; display:block; background: #72c02c; text-align:center; margin:0 auto; padding:6px; color:#fff; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em}
#accordion1 .panel-title span {width:40%; background:#72c02c; }

#ailmentsPage .panel-title > a {  text-align:center;}
#ailmentsPage .panel-title {text-align:center;  font-size:1.1em; }
#ailmentsPage .panel-heading {padding:0px 10px; background:#72c02c;}

#ailmentsPage .panel{padding:0px; background:none;  }
#ailmentsPage .panel-default > .panel-heading {background:url(../images/white50.png) repeat;}
.mypanel:hover { background:#26a953; color:#fff !important;}

#ailmentsPage .panel-default {border-color: #f2f2f2; margin-bottom:10px;}
.faarrow {float:left; margin-left:1%}


.tableborder0 {border:0px;}
#cart.table  > tbody > tr > td {border-top:0px; border-bottom: 1px solid #ddd;}
#cart.table > tfoot > tr > td {border-top:0px;}
.boldgreen {font-weight:bold; color:#26a953 !important;}
.billingcheck{border:1px solid #26a953; padding:8px 15px; text-align:left;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden; background:#fff;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;background:#fff;
	height:100%;
}
#cart td {text-align:center;}
#cart.table > thead > tr > th{text-align:center;}
.shopbuttons {width:30%;}
.shopbuttonsempty {width:40%;}
.footer {z-index:5; position:relative;}
#cart{z-index:6; position:relative;}

.textwidget span{color:#26a953}
.site-topbar span{color:#26a953}
.panel-heading:hover {background:#72c02c; color:#fff;}
.doublearrow{font-size:22px !important; color:#26a953; font-weight:bold !important;}
.cardtype .btn-danger{background:#fff; border: 1px solid #ccc; font-size: 14px;border-radius:0px; font-weight:normal;
line-height: 1.42857143;color:#26a953;width:85%; padding:8px;}
.cardtype  .dropdown-toggle {width:15%;}
.cardtype  .dropdown-toggle:hover {background:#26a953; color:#fff;} 

.cardtype {width:100%;}
#collapseOne1 .form-control, #collapseTwo1 .form-control{height:38px; border-radius:0px;}
.quotesR {font-size:40px !important; color:#26a953;}
.quotereview {margin-left:20px; border-left:2px solid #26a953; padding:15px;}
.givingback-icons {text-align:center;margin-bottom:15px; }

.givingback-icons img{margin-right:1%;}
sup {
    position: relative;
    font-size: 50%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.75em;
}

#products .grid-group-item .thumbnail {min-height:315px; margin-bottom:5px;}
#products{padding-bottom:20px;}
#nuvetplus{text-align:center;}
#nuvetplus .caption a {
    color: #222222;
    float: left; font-weight:bold;
    font-size: 14px;
    width: 100%;
    text-decoration: none;
    margin: 2px;
}
#nuvetplus .caption a:hover{color:#26a953;}

#nuvetplus .btnPlus{
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #72c02c;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        padding-right: 23px;
        padding-left: 23px;
        transition: all 0.5s ease 0s;
    }
	 .btnPlus{
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #72c02c;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        padding-right: 23px;
        padding-left: 23px;
        transition: all 0.5s ease 0s;
    }
	.btnPlus2{
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #72c02c;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        padding: 7px 45px;
        transition: all 0.5s ease 0s;
    }
	.NuVetContacts .btnPlus{
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #72c02c;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        padding-right: 23px;
        padding-left: 23px;
        transition: all 0.5s ease 0s;
    }
	#nuvetPlusTabs .btnPlus, #product-tabs .btnPlus{
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #72c02c;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        padding-right: 23px;
        padding-left: 23px;
        transition: all 0.5s ease 0s;
    }
#nuvetPlusTabs #product-tabs .nav > li > a{padding: 12px 12px;
font-size: 0.95em;
font-weight: bold;
color: #778089;}
#nuvetPlusTabs #product-tabs .nav > li#autoshipTab > a
{padding-left:50px;}

.smaller {font-size:0.9em; text-align:center;}
.NuVetContacts span{color:#26a953; font-weight:bold;}
.imgCircle{border-radius:300px; border:2px solid #72c02c}
#stages p{font-size:0.9em;}
#ailmentsPage p{font-size:0.9em;}
#ailmentsPage span{color:#26a953;}
#ailmentsPage h3{color:#26a953; }

h2.trigger {
    background: #26a953 ;
    color: #ffffff;
    cursor: pointer;
    margin: 8px auto;
    padding: 5px;
    text-align: center;
    width: 40%;
}

#disclaimer p{text-align:center; padding:2px 15px;}
#reviews {clear:both;}
.menuX {text-align:left;}
.menuX li a {color:#444444;}
.sub-menuX {margin-left:0 !important;}

.allergyVet {
  background-image: url(../images/allergy/nuvet-supplements-veterinarian-sm.jpg);   background-position: 50% 50%; background-size: cover !important;background-attachment: fixed;

}

.imgCircleW {border-radius:300px; background:#fff; width:115px; margin-bottom:10px;border:1px solid #72c02c;}
.ingred {font-weight:bold; color:#26a953 !important;}
#landingTestim{background:url(../images/allergy/nuvet-plus-supplements.jpg) bottom left no-repeat;}
#landingTestim img {width:90%; height:auto; padding:5px; margin:3px 0px; border:1px solid #72c02c;}
#landingTestim h3{color:#26a953; font-weight:bold; margin-top:0px; font-size:2em;}
a.bigbutton {background:#72c02c; width:90%; padding:1% 5%;  margin:1.5% 0%; color:#fff; font-weight:bold; font-size:2.2em;border-radius:25px;box-shadow:4px 4px 4px #978B8B; text-align:center;}
a.bigbuttonGr {background:#72c02c; width:90%; padding:1% 5%; margin:1.5% 0%; color:#fff; font-weight:bold; font-size:2.2em;border-radius:25px;box-shadow:4px 4px 4px #306C37; text-align:center;}

#popupCanada {background:#72c02c; width:550px; height:450px; border-radius:20px; box-shadow:2px 2px 2px #eeeeee;}
@media screen and (max-width: 600px) {
#cart td {text-align:left;}
#cart.table > thead > tr > th{text-align:left;}	


}

#reviewList .list-links {margin-top:5px;}
@media screen and (max-width: 800px){
.shopbuttons {width:40% !important;}#landingTestim img {width:50%; height:auto; display:block; margin:0 auto;}
.shopbuttonsempty {width:20% !important;}
.allergyVet { background-position: 0% 0%;}
}