/*
Theme Name: Metabolic Health Solutions
Author: Metabolic Health Solutions
Description: 2017 Metabolic Health Solutions theme
Version: 3.9.5
Template: Chameleon
*/

/*GLOBAL*/
/*.container { width: 100%; max-width: 1170px; position: relative;}*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

@font-face {
    font-family: Good Dog;
    src: url(fonts/gooddog/GoodDog.otf);
}

body .container {
    position: relative;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
}

.fl-row.background-size > .fl-row-content-wrap{ background-size: 100% auto !important; }
.overflow-hidden { overflow: hidden; }
/*.fl-row-full-width > .fl-col-group > .fl-col { min-height: 0; }*/

html, #footer { background-color: #fff;}
/*fonts*/
body, [class*='fa-'] > *,
input, button, select, textarea { font-family: 'Open Sans', sans-serif; }
/*typography*/
body {
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: top;
    background-color: #fff; color: #363636; font-size: 14px; margin: 0; padding: 0; }

/* Hide content - won't display in browser, but still visible to screen readers/robots/etc. */
.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}


h1, h2, h3, h4, h5, h6 { color: #4d4d4d; font-weight: 600; margin: 0 0 25px; line-height: 1.501em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1, .h1 { font-size: 36px;}
h2, .h2 { font-size: 28px;}
h3, .h3 { font-size: 24px;}
h4, .h4 { font-size: 19px;}
h5, .h5 { font-size: 16px;}
h6, .h6 { font-size: 1em;}
h1:only-child, .h1:only-child,
h2:only-child, .h2:only-child,
h3:only-child, .h3:only-child,
h4:only-child, .h4:only-child,
h5:only-child, .h5:only-child,
h6:only-child, .h6:only-child { margin-bottom: 0; }
hr { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 30px 0; }
p, .paragraph { font-size: 1em; line-height: inherit; margin: 0 0 20px; }
small { font-size: 10px; display: inline-block; }
mark { background-color: #bf1818; color: #fff; padding: 4px 8px; }
a:hover mark { color: #fff; }
a { text-decoration: none; color: rgb(64, 193, 172); -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
a:hover, a:focus { color: rgb(24, 73, 82); opacity: 1;  text-decoration: none; outline: none !important; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
a span { -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
a:hover span { -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

h2,
h3 {
    font-family: "Open Sans", sans-serif;
    color: #212121;
    display: block;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 30px;
    margin-bottom: 20px;
}

/*HEADER
---------------------------------------------------------------------*/
/*#header { background: #161616 url(images/header-bg.jpg) no-repeat scroll 50% 0; color: #fff; padding-bottom: 8px; position: relative; width: 100%; z-index: 100; }*/
#header {background: #fff;color: #212121;padding-bottom: 0px;position: relative; width: 100%; z-index: 999;-webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);-moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);}

/*.sticky #primary-menu { left: 0; top: 0; width: 100%; background: #2ea7d9; box-shadow: 0 2px 10px rgba(33,33,33,0.4); text-align: center; position: fixed !important; border-radius: 0; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); z-index: 999; }*/

@keyframes anim_in {
    0%   { opacity: 0;}
    25%  { opacity: 0.25;}
    50%  { opacity: 0.5;}
    100% { opacity: 1;}
}

#header.sticky {
    position: fixed;
    animation-name: anim_in;
    animation-duration: 0.4s;
    opacity: 1;
/*    overflow: hidden;*/
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/*.admin-bar .sticky #primary-menu {top: 32px;}*/

#alt-logo {
    display: none !important;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.sticky #logo,
.sticky #alt-logo { -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.sticky #logo {
    display: none !important;
}
.sticky #alt-logo {
    margin-right: 40px;
    display: inline-block !important;
}

.sticky #header-right {
    top: calc(50% - 35%);
}

#preheader .container {
/*
    width: 100%;
    padding: 0;
*/
}

.preheader { background: #12566b; }
#preheader .preheader-widget { display: inline-block; vertical-align: middle; padding: 8px 12px; }
.header-left{ padding: 15px 0 10px; display: table-cell; vertical-align: middle; width: 80%; }
.header-full{ width: 100%; float: none; padding: 0; display: table; }
/* .sticky .header-full { float: left; } */
.header-right{ display: block; vertical-align: middle; width: 22%; position: absolute; top: calc(50% - 25%); right: 30px; }
.header-widget { display: inline-block; }

nav#main-menu {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

div#section-menu {
    text-align: center;
}

.header-widget {
    padding: 8px 0px;
/*    display: table-cell;*/
    vertical-align: middle;
}
.header-widget .section-items {
    display: inline-block !important;
    vertical-align: top;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.header-widget #logo,
.header-widget #alt-logo {
    float: left;
}
.header-widget #menu {
    float: right;
    top: 70%;
}
.header-widget .section-item {
    display: inline-block !important;
    vertical-align: middle;
}

    #logo { text-align: left; position: relative; z-index: 10; display: block; margin: 0px 20px 0 0; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    #logo a { display: block; }
    #section-main { vertical-align: middle; /*height: 200px;*/ position: relative; text-align: center; width: 100%; height: 80px; }
    #section-social {  }
    #section-contact {  }
    #section-cta {  }
    .section-block { display: inline-block; }
    #header span { font-family: "Open Sans", sans-serif; }

        #section-logo #logo { vertical-align: middle; position: relative; left: 5px; right: 5px; /*top: calc(50% - 80px);*/ }
        ul#primary-menu { color: #fff; display: block; position: relative; vertical-align: middle; text-align: center; font-size: 0px; width: 100%; }
        ul#primary-menu li { position: relative; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
        ul#primary-menu li.current_page_item > a:after,
        ul#primary-menu li.current-menu-item > a:after,
        ul#primary-menu li:hover > a { color: rgba(24,73,82,0.6); -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); } 
        ul#primary-menu > li { cursor: pointer; display: inline-block; margin: 0px; font-weight: 400; padding: 18px 15px; text-align: center; vertical-align: middle; }
        ul#primary-menu > li { border-right: 0px solid rgba(0,0,0,0.15); }
/*
        ul#primary-menu > li:first-child > a::before { content: "\f015"; font-family: 'FontAwesome'; font-size: 30px; display: inline-block; vertical-align: middle; }
        ul#primary-menu > li:first-child { padding: 8px 4px; }
        ul#primary-menu > li:first-child:hover > a:before { color: #f79022; }
        ul#primary-menu > li:first-child:hover > a:after { display: none; }
            ul#primary-menu > li:first-child > a { display: inline-block; vertical-align: middle; font-size: 0; }
*/
        ul#primary-menu > li:last-child { border-right: 0px solid rgba(0,0,0,0.15); padding-right: 0; }

        
        ul#primary-menu > li > a { font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 600; color: #184952; display: block; letter-spacing: 0.1em; text-transform: uppercase; }
/*      ul#primary-menu > li.menu-item-has-children > a:after { content: "\f078"; font-family: FontAwesome; position: relative; top: -2px; left: 6px; font-size: 12px; font-weight: normal; display: none; }*/
        ul#primary-menu > li > .menu-arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; cursor: pointer; display: none; height: 0; margin: 0 0 2px 9px; vertical-align: middle; width: 0; }
/*      ul#primary-menu > li:hover > .menu-arrow { border-top-color: #000; }*/
            /*dropdown*/
            ul#primary-menu li ul {color: #212121;float: left;padding: 0 20px;position: absolute;width: 230px;top: 90px;left: 0px;max-height: 0;transition: all ease 0.6s;-webkit-transition: all ease 0.6s;border-radius: 0;overflow: hidden;}
            ul#primary-menu li:hover ul {overflow: visible;}
/*
            ul#primary-menu li:hover > ul:before {
                content: "";
                display: block;
                position: absolute;
                top: -38px;
                left: 25px;
                width: 0;
                height: 0;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 20px solid transparent;
                border-bottom: 20px solid #fff;
            }
*/
            ul#primary-menu li:first-child > ul {
                left: 30px;
            }
            ul#primary-menu li:first-child:hover > ul:before {
                left: 45px;
            }
            ul#primary-menu li ul ul { position: absolute; padding-left: 10px; float: none; top: 0; left: 100% !important; background-color: #184952; }
            ul#primary-menu li ul li > a {padding: 10px 25px;line-height: normal;display: block;}
            ul#primary-menu li ul ul li,
            ul#primary-menu li ul ul li ul {opacity: 0;}
            ul#primary-menu li ul li:hover ul li,
            ul#primary-menu li ul ul li:hover ul {opacity: 1;}
            ul#primary-menu li ul ul li > a::before { content: "\f0da"; font-family: 'FontAwesome'; display: inline-block; margin-right: 10px; }
            ul#primary-menu li ul ul ul li > a::before { content: "\f105"; }
            ul#primary-menu li:hover > ul { max-height: 1000px; padding: 25px 0;}
            ul#primary-menu li ul li {/* border-bottom: 1px solid #bccf6d; */display: block;margin: 0;width: 100%;text-align: left;}
            ul#primary-menu li ul li.current_page_item > a,
            ul#primary-menu li ul li.current-menu-item > a,
            ul#primary-menu li ul li:hover > a { opacity: 1; color: #5cbf9f; }
            ul#primary-menu li ul li:last-child { border-bottom: 0; }
            ul#primary-menu li ul li:last-child:hover { border-radius: 0 0 12px 12px; }
/*          ul#primary-menu li ul li:hover{ background-color: #000;}*/
            ul#primary-menu li ul li a:hover,
            ul#primary-menu li ul li.current-menu-parent a { color: #5cbf9f; }
            ul#primary-menu > li > ul {background-color: #184952; top: calc(100%); box-shadow: 0 2p 10px rgba(33,33,33,0.4); }
            ul#primary-menu > li > ul > li a{color: #fff;font-size: 12px;border-bottom: 0px solid #5cbf9f;}
            ul#primary-menu > li > ul > li:last-child a{border-bottom: 0px solid #bccf6d;}
    #responsive-menu { display: none !important;}

    .menu-items-right { display: inline-block; width: 100%; }

    span.text-title { color: #00adef; }

    #social-icons { padding: 0px; display: inline-block; margin: auto; text-align: center; vertical-align: middle; }
    #social-icons span { color: rgb(0, 173, 239); display: block; }
    #social-icons li i { color: #184952 !important; font-size: 30px; display: block; position: relative; top: 50%; transform: translateY(-50%); }
    #social-icons .telephone{ margin: 0 7px 0 0 !important; line-height: 26px; color: #00adef; }
    #social-icons .telephone i{ margin: 0 3px; color: #00adef;}
    #social-icons .social-icons-shortcode { display: inline-block; float: none; padding: 0; vertical-align: middle; width: auto; }
        #social-icons .social-icons-shortcode li { display: inline-block; padding: 5px !important; border-radius: 0px; background: transparent; margin: 0; }
        #social-icons .social-icons-shortcode li a { background-color: transparent; display: block; line-height: 1.2em; text-align: center; height: 35px; width: 35px; }
        #social-icons .social-icons-shortcode li:last-child,
        #social-icons .social-icons-shortcode li:last-child a { padding-right: 0 !important; margin-right: 0 !important; }
/*  #social-icons .social-icons-shortcode li:hover a{ background-color: #184952; border-color: #184952; }*/
    #social-icons .social-icons-shortcode li:hover a i{ color: rgba(23,74,84,0.6) !important; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);-moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

/*
#social-icons .social-icons-shortcode li a {
    background: url(images/facebook.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
}
#social-icons .social-icons-shortcode li a.facebook {
    background: url(images/facebook.png);
}
#social-icons .social-icons-shortcode li a.twitter {
    background: url(images/twitter.png);
}
#social-icons .social-icons-shortcode li a.youtube {
    background: url(images/youtube.png);
}
#social-icons .social-icons-shortcode li a.google.plus {
    background: url(images/google.png);
}

#social-icons .social-icons-shortcode li a:hover {
    opacity: 0.6;
}
*/

a.login-btn {
    background: #00adef;
    border: 2px solid #9bcc65;
    border-radius: 8px;
    padding: 12px 20px;
}
a.login-btn span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
}

    #contact-info { padding: 6px; display: block; text-align: left; vertical-align: top; }
    #contact-info span { color: #212121; display: block; font-size: 14px;margin-bottom: 5px; }
    #contact-info h3 { font-family: "Open Sans", sans-serif; color: #A13529; display: block; font-size: 16px; font-weight: 400; margin-bottom: 0; }
    #contact-info span a { color: #fff; font-weight: 700; }
    #contact-info span a:hover { color: rgba(65, 18, 6, 0.95); }

    #contact-info span.mobile { margin-bottom: 0px; line-height: 1em; }

    #section-contact .contact-block {background: transparent; text-align: left; padding: 5px 10px; margin-bottom: 10px; }
    #section-contact .contact-block:last-child {background: #transparent; text-align: left; padding: 0; margin-bottom: 0px; }
    #section-contact .contact-icon {vertical-align: middle; display: table-cell; padding-right: 10px; }
    #section-contact .contact-icon i {font-size: 60px; color: #A13529; }
    #section-contact #contact-info {vertical-align: middle; display: table-cell; }
    #section-contact #contact-info span,
    #section-cta a { padding: 8px 10px; border-radius: 5px; margin: 0 2.5px; display: inline-block; }
    #section-cta a#donate-btn { background: #f79022; }
    #section-cta a#shop-btn { background: #86d0c7; }
    #section-cta a span { color: #fff; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; }
    #section-cta a#donate-btn:hover,
    #section-cta a#shop-btn:hover { background: rgba(33, 33, 33, 1); }

    li.section-cta a { padding: 8px 10px; border-radius: 5px; margin: 0 2.5px; display: inline-block; }
    li.section-cta.donate-btn a { background: #f79022; }
    li.section-cta.shop-btn a { background: #86d0c7; }
    li.section-cta a { color: #fff; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; }
    li.section-cta.donate-btn a:hover,
    li.section-cta.shop-btn a:hover { background: rgba(33, 33, 33, 1); }
    ul#primary-menu li.section-cta { padding: 8px 0px; }
    ul#primary-menu li.section-cta.current_page_item > a:after,
    ul#primary-menu li.section-cta.current-menu-item > a:after,
    ul#primary-menu li.section-cta:hover > a:after { display: none; }

    #additional-info { background-color: #00adef; color: #fff; position: relative; right: auto; top: auto; width: 100%; }
    #header-text { color: #fff; float: left; margin: 0; padding: 5px 0 0; text-align: left; }
    #search-form{ display: table-cell; vertical-align: middle; height: 41px; }
    #search-form > #searchform{ float: right; background: #000; margin: 5px 1px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; height: 30px;}
    #search-form #searchinput { background: transparent none repeat scroll 0 0; border: 0 none; color: #00adef; font-size: 15px; font-style: normal; font-weight: 300; list-style: outside none none; margin: 0; padding: 0 0 0 10px; text-shadow: none; vertical-align: middle; }
    #search-form #searchbutton { background: #000 none repeat scroll 0 0; border: 0 none; border-radius: 20px; color: #00adef; cursor: pointer; font-size: 16px; height: 30px; line-height: 1em; padding: 0; vertical-align: top; width: 38px; }
    #search-form #searchbutton:hover { text-shadow: 0 0 1px #fff, 0 0 3px #fff}

    button#search-button { float: none; margin: auto; background: transparent; border: none; color: #00adef; display: table; padding: 10px; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
        button#search-button > i { padding-left: 10px; font-size: 20px; }
        button#search-button > i > span { padding-left: 10px; font-size: 15px; }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu { top: 81px; }
    #category1-menu.mega-menu-active { padding: 0; position: absolute; width: 100%; }
    #category1-menu.mega-menu-active .header-button { height: auto; margin: 7px 0 0; padding: 15px; position: absolute; right: 0; top: 0; width: auto; }
    #category1-menu.mega-menu-active .header-button i { display: block; line-height: 1em; }
    #category1-menu.search-button-enable.mega-menu-active .mega-menu.mega-menu-horizontal { padding-right: 40px !important; }
    .mega-current_page_item > a, .current_page_item > a{ opacity: 1 !important; }
    .mega-menu-item > ul { border-top: 1px solid rgba(255, 255, 255, 0.1); list-style: outside none none; padding: 0; }
    .mega-menu-item > ul > li { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 8px 0; }
    .mega-menu-item > ul > li > a{ color: #fff; }

/*Search Lightbox*/
#section-search { float: right; }
#headersearchform .fieldset { color: #184952; bottom: 0; display: block; height: 50px; left: 0; max-width: 700px; margin: 0; position: relative; right: 0; text-align: center; top: 0; width: 100%; }
#headersearchform .fieldset label {color: #184952; font-size: 14px; font-weight: 300; left: 15px; letter-spacing: 0; position: absolute; top: 15px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#headersearchform .fieldset.stay label {font-size: 10px; top: 2px; left: 5px; font-style: italic; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#headersearchform .fieldset.stay label::after {content: '...'; display: inline-block; margin-left: 0px; }
#headersearchform .fieldset input#searchinput { background-color: transparent; border: 1px solid #184952; color: #212121; display: block; float: none; font-size: 14px; font-weight: 300; padding: 20px 20px; height: 50px; width: 100%; }
#headersearchform .fieldset button#searchsubmit { background-color: transparent; border: 0 none; height: 50px; color: #184952; font-size: 20px; padding: 10px 20px; position: absolute; right: 0; top: 0; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#headersearchform .fieldset button#searchsubmit:hover { background-color: #184952; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#headersearchform .fieldset button#searchsubmit:after { display: none; content: "Search"; } 
#headersearchform .fieldset button#searchsubmit i { color: #184952; }
#headersearchform .fieldset button#searchsubmit:hover i { color: #fff; }

body.search #content-area {
    padding-top: 40px;
}

/*CONTENT
---------------------------------------------------------------------*/
div.rev_slider ul li .tp-bgimg:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1;
    z-index: 99;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
div.rev_slider ul li {
    z-index: 999;
}

.ares .tp-bullet {
    background: rgba(254, 254, 254, 0.5) !important;
}
.ares .tp-bullet.selected {
    background: rgba(255, 255, 255, 1) !important;
}

.section-on-top {
    position: relative;
    z-index: 99;
}

#content {position: relative;}
#content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#content-area { padding: 0; }
.blog.page-template-default #content-area { padding: 60px 0; }
#content.no-content #content-area,
#content.fl-builder-enable #content-area,
#content-area.no-padding { padding: 0;}
#content-area.top-padding{ padding-bottom: 0;}
#content-area.bottom-padding{ padding-top: 0;}

.product-banner{ overflow: hidden; position: relative;}
.product-banner::before { content: ''; display: block; position: absolute; bottom: -8px; right: 15%; z-index: -1; height: 62%; width: 100%; background: url(images/slider-bg.png) no-repeat 100% 100%; background-size: auto 100%;}
.product-photo { margin: 50px 0 0; }

#blog-content-area { padding-top: 40px; } #blog-content-area .post {background: #fff; padding:  20px 30px; }

#content form#commentform input[type="submit"], 
.wp-pagenavi span.current, .wp-pagenavi a:active, 
.wp-pagenavi a:hover, .post:hover .post-author-image, 
.post-image::after, .post-author-image:hover, 
.post-date strong {
    background-color: #64c7b0 !important;
}
.post-date span{
    background-color:#184952;
}
.post-title a{
    color:#184952;
}
.post:hover .post-title a{
    color:#64c7b0 !important;
}
.meta-info a{ color:#a3efdd;}

/*CATEGORY PAGE
-----------------------------------------------------------------------*/
.section {
    padding: 30px 0;
}
.section h2,
.section h3 {
    font-family: "Open Sans", sans-serif;
    color: #A13529;
    display: block;
    text-align: center;
}
.section h2 {
    font-size: 36px;
}
.section h3 {
    font-size: 30px;
    margin-bottom: 0;
}
#divider {
    margin-bottom: 30px;
}
#divider .image {
    text-align: center;
}

#about p {
    text-align: center;
}

.category-block {
    margin-bottom: 15px;
}
#category-overview {
    background: #A13529;
}  
#category-overview .overview-content {
    padding: 55px 30px;
}
    #category-overview h2 {
        color: #fff;
        font-size: 24px;
        text-align: left;
        margin-bottom: 10px;
    }
    #category-overview p {
        color: #fff;
        font-size: 14px;
        text-align: left;
    }
    #category-overview .posts-button {
        background: rgba(255,255,255,1);
        padding: 10px 20px;
        float: left;
        -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    #category-overview .posts-button:hover {
      background: rgba(255, 255, 255, 0.3);
      -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    #category-overview .posts-button span {
      color: #A13529;
      font-size: 10px;
      font-weight: 800;
      text-transform: uppercase;
    }
    #category-overview .posts-button:hover span {
      color: #fff;
      -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
#category-products {
  padding: 15px;
  background: #f3d9d6;
}

#all-products #category-products {
  padding: 15px;
  background: transparent;
}

#category-products .posts-items article figure {
    padding-top: 60%;
}
#category-products .posts-items article figure { margin: 0; display: block;  }
#category-products .posts-items article figure { position: relative; overflow: hidden; max-height: 260px; }
#category-products .posts-items article figure img { width: 100%; vertical-align: bottom; height: auto; max-width: 100%; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }
#category-products .posts-items article figure:hover img { -webkit-transform: translateY(-50px); transform: translateY(-50px); }

#category-products .posts-items article .posts-item {
  background: #fff;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#category-products .posts-items article:hover .posts-item { box-shadow: 0 2px 10px rgba(0,0,0,0.4); margin: -10px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#category-products .posts-items article .post-content { padding: 20px; } 
#category-products .posts-items article .post-content h4 {font-size: 12px; font-weight: 800; margin-bottom: 10px; }
#category-products .posts-items article .post-content h4:hover { color: #A13529; }
#category-products .posts-items article .posts-button { background: #e84c3d; /* Old browsers */ background: -moz-linear-gradient(top, #e84c3d 0%, #b12518 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e84c3d 0%,#b12518 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e84c3d 0%,#b12518 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84c3d', endColorstr='#b12518',GradientType=0 ); /* IE6-9 */ display: block; border-radius: 0; width: 100%; padding: 0; margin: 0; border: none; height: 34px; }
#category-products .posts-items article .posts-button i { color: #fff; font-size: 16px; background: #A13529; display: table-cell; border-radius: 0; width: 34px; vertical-align: middle; height: 34px; text-align: center; }
#category-products .posts-items article .posts-button span { display: table-cell; border-radius: 0; padding-left: 10px; vertical-align: middle; color: #fff; font-size: 10px; text-transform: uppercase; }

#category-products .posts-items article { padding-left: 15px; padding-right: 15px; }
#product-row { background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #b4b4b4 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e2e2e2 0%,#b4b4b4 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e2e2e2 0%,#b4b4b4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#b4b4b4',GradientType=0 ); /* IE6-9 */ }

.pagination {
  display: inline-block;
  text-align: center;
  width: 100%;
  position: relative;
  margin: auto;
  
}
.pagination > div {
  display: inline-block;
}
.pagination .arrow-next,
.pagination .arrow-prev {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  cursor: pointer;
}
.pagination .arrow-next:hover:before,
.pagination .arrow-prev:hover:before,
.pagination .arrow-next:hover:after,
.pagination .arrow-prev:hover:after {
  background: #A13529;
}
.pagination .arrow-prev:before {
  content: "";
  background: #777;
  width: 14px;
  height: 2px;
  display: block;
  position: absolute;
  top: calc(50%);
  transform: rotate(-60deg);
}
.pagination .arrow-prev:after {
  content: "";
  background: #777;
  width: 14px;
  height: 2px;
  display: block;
  position: absolute;
  top: calc(50% + 12px);
  transform: rotate(60deg);
}
.pagination .arrow-next:before {
  content: "";
  background: #777;
  width: 14px;
  height: 2px;
  display: block;
  position: absolute;
  top: calc(50%);
  transform: rotate(60deg);
}
.pagination .arrow-next:after {
  content: "";
  background: #777;
  width: 14px;
  height: 2px;
  display: block;
  position: absolute;
  top: calc(50% + 12px);
  transform: rotate(-60deg);
}
.pagination span {
  display: inline-block;
  padding: 2px 8px;
  cursor: pointer;
}
.pagination span.active {
  display: inline-block;
  padding: 2px 8px;
  background: #A13529;
  color: #fff;
}

/*SINGLE PAGE
---------------------------------------------------------------------*/
body.single .posts-button {
    background: #e84c3d; /* Old browsers */
    background: -moz-linear-gradient(top, #e84c3d 0%, #b12518 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e84c3d 0%,#b12518 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e84c3d 0%,#b12518 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84c3d', endColorstr='#b12518',GradientType=0 ); /* IE6-9 */
    display: block;
    border-radius: 0;
    width: 200px;
    padding: 0;
    margin: 0;
    border: none;
    height: 34px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
body.single .posts-button:hover {
    /*background: #212121;*/
    background: rgba(161, 53, 41, 0.7);
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
body.single .posts-button span {
    display: block;
    border-radius: 0;
    padding: 10px;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.product-info {
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-info p {
    margin-bottom: 10px;
}
.product-info p:last-of-type {
    margin-bottom: 30px;
}

.table {
  border: 1px solid #cecece;
    margin-bottom: 40px;
}
.table th {
  background: #A13529;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
}
.table td {
  background: #fff;
  color: #212121;
  border-color: #cecece !important;
}

.photo-gallery-grid {
  padding: 15px;
}
.photo-gallery-grid .image {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  padding-top: 75%;
}
.owl-carousel {
  background: #fff;
/*  box-shadow: 0 2px 10px rgba(0,0,0,0.4);*/
}
.gallery {
  background: #bfbfbf;
  padding: 40px 0;
}

.owl-dot.active {
    background-color: #fff !important;
}
.owl-dot {
  background-color: #cecece !important;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 15px !important;
    margin: 5px;
    opacity: 1 !important;
    width: 15px !important;
  border: 1px solid #777 !important;
}
.owl-dots {
  padding-bottom: 10px;
}


/*SUBPAGE TITLE
---------------------------------------------------------------------*/
body.home #banner-id {
/*    height:  550px;*/
}

.page-template-default #banner-id #section-donate {
    position: relative;
    top: 50%;
    right: -17%;
    left: auto;
    margin-left: auto;
    margin-right: 0;
    width: 440px;
    z-index: 10;
}

.page-template-default #banner-id .leaf {
    top: -15%;
    right: -16%;
    left: auto;
}

.page-template-default .page-heading-inner .container {
    height: 215px;
}
.page-template-default .page-heading-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

body.home #banner-id:before {
    content: "";
/*    background: rgba(0,0,0,0.6);*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

body.home #banner-id .leaf {
    left: -265px;
    top: 160px;
    right: auto;
}

.page-heading { text-align: center; position: relative; z-index: 1;}
.page-heading-inner {
    bottom: 0;
    width: 100%;
    text-align: center;
}
body.home .page-heading-content {
    height:  550px;
}
body.home #banner-id #section-donate {
    position: relative;
    left: 0%;
    top: 66%;
    z-index: 100;
    width: 440px;
    margin-right: auto;
    margin-left: 0;
}

#banner-id #section-donate h2 {
    font-family: "Good Dog", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    line-height: 1em;
    position: relative;
    display: block;
}
body.home #banner-id #section-donate h2:before {
    content: "";
    background: url(images/leaves.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -20px;
    left: 0px;
}
.page-template-default #banner-id #section-donate h2:before {
    content: "";
    background: url(images/leaves-alt.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -20px;
    left: 0px;
}
.page-template-default.page-slug-our-work #banner-id #section-donate h2:before,
.page-template-default.page-slug-focus-cambodia #banner-id #section-donate h2:before {
    content: "";
    background: url(images/leaves-alt-2.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -20px;
    left: 0px;
}

#banner-id #divider {
    margin-bottom: 0;
}

#banner-id #section-donate a {
    padding: 16px 50px;
    background: #2ea7d9;  
    border-radius: 5px;
}
#banner-id #section-donate a:hover {
    background: #212121;
}
#banner-id #section-donate a > span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.page-heading-inner .page-heading-content .title{ font-family: "Varela Round", sans-serif; font-size: 31px; font-weight: 300; color: #fff; }
#banner-id h2.section-heading { font-family: "Varela Round", sans-serif; color: #fff; font-size: 18px; font-weight: 300; }
#breadcrumbs { padding: 10px 0 0; vertical-align: middle; display: inline-block; }
#breadcrumbs a:hover{ text-decoration: underline;}
#breadcrumbs .separator { margin: 0 5px; opacity: 0.4;}

/*SIDEBAR
---------------------------------------------------------------------*/
#sidebar { position:relative;}
#sidebar .sidebar-inner{ display: block; margin: auto; max-width: 100%; }
#sidebar .sidebar-inner { position: relative; }

/*FOOTER
---------------------------------------------------------------------*/
#subscribe {
    padding: 130px 15px;
    position: relative;
}
#subscribe:before {
    content: "";
    background: rgba(0,0,0,0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#subscribe h3,
#subscribe h4 {
    color: #fff;
    text-align: center;
    font-weight: 400;
}
#subscribe h3 {
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    margin-bottom: 0;
}
#subscribe h4 {
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    margin-bottom: 60px;
}

.subscribe_form {
    text-align: center;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
}

input.in_email, 
input.in_submit_btn {
    border: 0;
    position: relative;
}
input.in_email {
    padding: 10px;
    border-radius: 5px 0 0 5px;
    min-width: 40%;
}
input.in_email::placeholder {
    color: #e9ebec;
} 
input.in_submit_btn {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #bb5d14;
    padding: 10px 20px;
    border-radius: 0 5px 5px 0;
    left: -5px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
input.in_submit_btn:hover {
    color: #fff;
    background: #212121;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#sponsors {
    padding: 40px 0;
    text-align: center;
    background: #e8e8e8;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
}
    .sponsor-img {
        position:relative;
        display:block;
    }
    #sponsors .sponsor {
        display: inline-block;
        padding: 0 20px 0 0;
    }
    #sponsors .sponsor:last-child {
        display: inline-block;
        padding: 0;
    }
        #sponsors .sponsor img {
            filter: grayscale(1);
            -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
            -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        #sponsors .sponsor:hover img {
            opacity: 0.6;
            filter: grayscale(0);
            -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
            -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

#prefooter {
    padding-top: 40px;
    padding-bottom: 30px;
    background: rgba(255, 255, 255, 1);
}

#prefooter #section-branding #logo {
    margin: auto;
    text-align: left;
    margin-bottom: 20px;
}

.footer-heading {
    padding-bottom: 8px;
    position: relative;
    border-bottom: 1px dotted #5c5c5c; 
    margin-bottom: 20px;
}
     .footer-heading:before {
        content: "";
        background: #ca753f;
        width: 90px;
        height: 1px;
        display: block;
        position: absolute;
        bottom: -1px;
    } 
    .footer-heading h4 {
        font-family: "Open Sans", sans-serif;
        color: #5c5c5c;
        font-size: 16px;
        font-weight: 700;
    }

#prefooter .footer-widget {
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
}
#prefooter .footer-widget:last-child {
    padding-right: 0px;
}
#prefooter .office-name p{
    margin-bottom: 0px;
}
#prefooter p {
    font-family: "Open Sans", sans-serif;
    color: #5c5c5c;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 0;
    margin-bottom: 0px;
    text-align: left;
}
#prefooter #footer-social p {
    text-align: right;
}
#prefooter p.site-title {
    font-size: 16px;
    font-weight: 400;
}
#prefooter p.footer-credits {
    font-size: 12px;
    font-weight: 400;
}
#prefooter .sponsor {
    text-align: center;
}

#office {
/*    width: 30%;*/
    background: url(images/locations-map.png);
    background-position: 20% center;
    background-size: 50%;
    background-repeat: no-repeat;
}

#prefooter .footer-links {
    margin-bottom: 30px;
}
#prefooter .footer-links:last-child {
    margin-bottom: 0px;
}

.footer-widget .office-info span,
.footer-widget .office-info a {
    color: #5c5c5c !important;
    font-weight: 700;
}

.footer-widget .office-info a {
    font-size: 16px;
    text-transform: uppercase;
}

#footer-disclaimer p {
    font-size: 14px;
    margin: 0;
}

#footer-disclaimer .footer-disclaimer-content {
    border: 2px solid lightgrey;
    padding: 10px 20px;
    margin: 0 100px;
}

#footer-credits {
    text-align: center;
}
#footer-credits span,
#footer-credits p {
    color: #5c5c5c;
}
#footer-credits .credits {
    margin-bottom: 20px;
}
#footer-credits span.credit-text {
    display: block;
    margin-top: 60px;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 5px;
}

#footer {
/*    background: url(images/footer-bg.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
/*    background-attachment: fixed;*/
    background-color: #fff;
    
    border: 0 none;color: #5c5c5c;font-size: 13px;
}
#footer-menu,
#footer-menu #menu-footer-menu,
#footer-menu li {
    display: inline;
}
#footer-menu li {
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    padding: 0px;
    text-align: center;
}
#footer-menu li:last-child {
    border-right: 0px solid rgb(155, 204, 100);
}
#footer-menu li > a { font-family: "Open Sans", sans-serif; color: #5c5c5c; display: block; text-transform: none; font-size: 15px; font-weight: 400; letter-spacing: 0.1em; }
#footer-menu li:hover > a { color: #c3641b; }
#footer-menu li > a:after {
    content: "|";
    font-size: 14px;
    color: #7f92a5;
    display: inline-block;
    padding-left: 5px;
}
#footer-menu li:last-child > a:after {
    content: "";
}
#footer-menu li:hover {
    text-decoration: none !important;
}

p#copyright {
    color: #000;
    font-size: 15px;
    margin-bottom: 10px;
}
p#copyright span {
    color: #ca753f;
}
nav#footer-menu {
    float: left;
}

#footer-links-menu ul > li {
    padding: 4px 0;
    position: relative;
}
#footer-links-menu ul > li:after {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 11px;
    color: rgba(255,255,255,0.8);
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
}
#footer-links-menu ul > li a {
    font-family: "Open Sans", sans-serif;
    color: #5c5c5c;
    font-size: 0.857em;
    /*font-weight: 300;*/
}
#footer-links-menu ul > li a:hover {
    color: #f79022;
}
#footer-links-menu ul > li > ul li a {
    font-weight: 400;
}

#footer a{ color: inherit; }
#footer a:hover{  }
    #footer-widget { padding: 30px 0 10px; position: relative; }
        #footer-widget .widget { float: left; padding-right: 30px; width: 25%; }
        #footer-widget .widget_propertylocations .title { margin-bottom: 16px; }
        #footer-widget h2, 
        #footer-widget h3, 
        #footer-widget h4, 
        #footer-widget h5, 
        #footer-widget h6{ color: inherit;}
        #footer-widget .widget ul { background-color: transparent; box-shadow: none; }
        #footer-widget .widget ul li a{ padding: 5px 0; text-transform: uppercase; }
        #footer-widget .widget ul li a:hover{ text-decoration: none;}
        #footer-widget .widget .widgettitle { font-size: 14px; font-weight: 300; letter-spacing: 1px; margin-bottom: 10px; }
        #footer-widget .widget_pages ul{ padding: 0; margin: 0; list-style: none; font-weight: 400; }
        #footer-widget .widget_pages ul li { padding: 2px 0; }
        #footer-widget .widget_pages ul li a{ opacity: 0.6; }
        #footer-widget .widget_pages ul li a:hover{ opacity: 1; }
    #footer-logo{ text-align: center; }
    #footer-logo *{ margin: 0; padding: 0 0 10px;}
    #footer-logo h6 span{ color: #f79022;}
    #footer-copyright { background: #fff; padding: 20px 0 0; position: relative; }
/*    #footer-copyright .container { border-top: 1px solid #e8e8e8; }*/
        #footer-copyright .footer-left { float: left; padding-top: 5px; position: relative; }
        #footer-copyright .footer-left #copyright { margin: 0; opacity: 0.8; }
        #footer-copyright .footer-right { float: right; margin-left: 20px;}
        #footer-copyright .footer-right .social-icons-shortcode{ padding-top: 0;}
        #footer-copyright .footer-center { float: none; text-align: center; margin-bottom: 20px; }
    #footer-copyright #section-footer > p { color: #fff; font-size: 14px; }

#footer #social-icons {
    display: block;
    text-align: right;
}
#footer #social-icons span {
    display: inline-block;
    font-size: 18px;
}
/*
#footer #social-icons li i {
    color: rgb(255, 255, 255);
    font-size: 16px;
    display: block;
}
*/

#section-footer {
    width: 100%;
    float: none;
    padding: 0;
    display: table;
}

#section-footer .footer-item { width: 50%; display: table-cell; vertical-align: middle; }
#section-footer #copyright { text-align: left; }
#section-footer #footer-social { text-align: right; }

#footer #footer-social { margin-bottom: 20px; }
#footer #footer-social #social-icons .social-icons-shortcode { }
/*    #footer #footer-social #social-icons .social-icons-shortcode li a { border: 1px solid #33a6d7; }*/
/*    #footer #footer-social #social-icons .social-icons-shortcode li:hover a { border: 1px solid transparent; background: #f79022; }*/
/*    #footer #footer-social #social-icons li i { color: #33a6d7 !important; }*/
/*    #footer #footer-social #social-icons li:hover i { color: rgba(23,74,84,0.6) !important; }*/

body.home #gdg,
body.page-slug-donate #gdg {
    display: table;
}

#gdg {
    display: none;
}
#gdg .section-items {
    display: table-cell;
    vertical-align: top;
}
    #gdg .section-items p {
        font-size: 12px;
    }
#gdg .gdg-text-block {
    text-align: left;
}
#gdg #gdg-logo {
    width: 20%;
}

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 16px rgba(0,0,0,0.6); border-radius: 0; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 16px rgba(0,0,0,0.8); }

/* Customized CSS Styles */

/* Live Chat Widget */
.fl-builder-edit .zsiq_floatmain {
    display: none !important;
}

#zsiq_float .siqico-chat, #zsiq_float .siqico-chat::before {
    color: #fff;
}

/* Subscribe to Blog Form */
#sidebar .widget .blog-subscribe-form { max-width: 500px; margin: 0; }
#sidebar .widget .blog-subscribe-form li { margin: 0; padding: 0; }
#sidebar .widget .blog-subscribe-form .gform_footer { padding: 0; text-align: center; }
#sidebar .widget .blog-subscribe-form input[type="text"],
  #sidebar .widget .blog-subscribe-form input[type="email"] { margin: 0; }
#sidebar .widget .blog-subscribe-form input.button {
  margin: 0;
  padding: 8px 16px;
  color: white;
  background-color: #64c7b0;
  border: none;
  border-radius: 3px;
  
}

.success-stories .fl-col-content.fl-node-content {
    position: relative;
}

.success-stories .fl-module-accordion .fl-accordion-button-label {
    font-size: 1.2em;
    padding-bottom: 10px;
    color: #5cbf9f;
}

.success-stories .fl-module-accordion .fl-accordion-button-icon {
    position: absolute;
    padding: 0px;
    bottom: 35px;
    left: 43px;
}

/* Clinics */
.dropdown-caret > .ginput_container {
    position: relative;
}

.dropdown-caret > .ginput_container:after {
    content: "\f0d7";
    display: inline-block;
    width: 45px;
    height: 100%;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    color: #ffffff;
    border-left: solid 1px #ffffff;
    line-height: 40px;
}

.dropdown-caret > .ginput_container select {
    height: 40px;
    padding-right: 55px !important;
    -moz-appearance: none;
}

/* Case Studies */
.case-study {
    position: relative;
}

.case-study > div {
    border-radius: 25px;
}

.case-study-head {
    background: #5cbf9f;
    border-radius: 25px 25px 0px 0px;
}

.case-study:before {
    width: 100%;
    height: 80px;
    position: initial;
    margin-top: 30px;
    /*top: -79px;*/
}

.case-study.female:before {
    background: url(images/female-img.png) no-repeat center bottom / contain;
}

.case-study.male:before {
    background: url(images/male-img.png) no-repeat center bottom / contain;
}

/* Stat Counters */
.stat-counter div.fl-number-string {
    font-family: 'Varela Round', sans-serif;
    padding-bottom: 5px;
}

.stat-counter span.fl-number-after-text {
    font-size: 16px;
}

/* Questionnaire */
.page-id-36 .dropdown-caret > .ginput_container:after {
    color: #115a63;
    border-left: solid 1px #115a63;
}

/* Header banner */
#banner-id {
    background-position: center top !important;
}

/* Homepage */

.sent-to-front { position: relative; z-index: 1; }

.pop-up-block > div {
  border-radius: 8px;
  /*min-height: 250px;*/
  padding: 15%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop-up-block h3 {
  color: white;
}

.nav-block p {
  margin-bottom: 0px;
}

.nav-block {
  padding: 32% 20%;
  text-align: center;
  border-radius: 8px;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  position: relative;
}

.pop-up-block {
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/*a > .nav-block:hover {
  background: url(images/hex-bg/hex-dark.png) no-repeat center center / contain!important;
}*/

.nav-block div h3, .nav-block div p {
  color: white;
}

.nav-block .text {
  position: relative;
  z-index: 9999;
}

.nav-block div.overlay, .contact-btn div.overlay {
  background: url(images/hex-bg/hex-dark.png) no-repeat center center / contain;
  position: absolute;
  left: 0px;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.025, 0.275, 0.1);
  -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.025, 0.275, 0.1);
  transition: opacity 0.4s cubic-bezier(0.25, 0.025, 0.275, 0.1);
}

.nav-block.clinics {
  background: url(images/hex-bg/hex-1.png) no-repeat center center / contain;
}

.pop-up-block.clinics > div {
  background: rgba(72, 92, 199, 1);
}

.nav-block.technology {
  background: url(images/hex-bg/hex-2.png) no-repeat center center / contain;
}

.pop-up-block.technology > div {
  background: rgba(64, 193, 172, 1);
}

.nav-block.investors {
  background: url(images/hex-bg/hex-3.png) no-repeat center center / contain;
}

.pop-up-block.investors > div {
  background: rgba(24, 73, 82, 1);
}

a > .pop-up-block:hover > div {
  background: rgba(0, 0, 0, 0.25)!important;
}

.home .flex-image-bg {
    position: static !important;
}

.home  .flex-image-bg .image img {
    transform: scale(1) !important;
}

.radius-20 > div { border-radius: 20px; }

@media only screen and (min-width: 1025px) {
  .success-box > div { min-height: 488px; }
}

@media only screen and (min-width: 1300px) {
  .success-box > div { min-height: 380px; }
}

@media only screen and (min-width: 1600px) {
  .success-box > div { min-height: 305px; }
}

@media only screen and (min-width: 1800px) {
  .success-box > div { min-height: 285px; }
}

/* CONTACT MENU */

.wrapper-center {
    width: 100%;
    text-align: center;
}

.wrapper {
    max-width: 33%;
    display: inline-block;
    width: 500px;
    height: 500px;
}

.contact-btn {
    padding: 15%;
    text-align: center;
    border-radius: 8px;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    height: 100%;
    width: 100%;
    position: relative;
}

.contact-btn h3 {
  color: white;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 864px) {

    .contact-btn.contact {
      background: url(images/hex-bg/hex-1.png) no-repeat center center / contain;
    }

    .contact-btn.questionnaire {
      background: url(images/hex-bg/hex-2.png) no-repeat center center / contain;
    }

    .contact-btn.faq {
      background: url(images/hex-bg/hex-3.png) no-repeat center center / contain;
    }

}

@media only screen and (min-width: 1024px) {

a > .nav-block:hover div.overlay, a > .contact-btn:hover div.overlay {
    opacity: 0.5;
    }

}

@media only screen and (max-width: 1024px) {

   .nav-block {
        padding: 8%;
        display: block;
        height: auto;
    }

    .nav-block h3 {
          top: unset;
          transform: unset;
    }

    .nav-block.clinics, a > .nav-block.clinics {
      background: url(images/contact-menu/contact-menu-green.jpg) no-repeat center center / cover!important;
      height: auto;
    }

    .nav-block.technology, a > .nav-block.technology {
      background: url(images/contact-menu/contact-menu-blue.jpg) no-repeat center center / cover!important;
      height: auto;
    }

    .nav-block.investors, a > .nav-block.investors {
      background: url(images/contact-menu/contact-menu-dark.jpg) no-repeat center center / cover!important;
      height: auto;
    }
    
    #footer-disclaimer .footer-disclaimer-content {
        margin: 0;
    }

}

@media only screen and (max-width: 863px) {

    .wrapper-center {
    padding: 20% 0;
    }

    .wrapper {
        max-width: unset;
        display: inline-block;
        width: 100%;
        height: auto;
        -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .contact-btn {
        padding: 8%;
        display: block;
        height: auto;
    }

    .contact-btn h3 {
          top: unset;
          transform: unset;
    }

    .contact-btn.contact, a > .contact-btn.contact {
      background: url(images/contact-menu/contact-menu-green.jpg) no-repeat center center / cover!important;
      height: auto;
    }

    .contact-btn.questionnaire, a > .contact-btn.questionnaire {
      background: url(images/contact-menu/contact-menu-blue.jpg) no-repeat center center / cover!important;
      height: auto;
    }

    .contact-btn.faq, a > .contact-btn.faq {
      background: url(images/contact-menu/contact-menu-dark.jpg) no-repeat center center / cover!important;
      height: auto;
    }

}

/* THIS ONLY DOES THE SIDEBAR NAV */

.sidebar.wrapper-center {
padding: 0;
}

.sidebar.wrapper-center > div {
margin-bottom: 20px;
}

.sidebar .wrapper {
    max-width: unset;
    display: inline-block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.sidebar .contact-btn {
    padding: 8%;
    display: block;
    height: auto;
}

.sidebar .contact-btn h3 {
      top: unset;
      transform: unset;
}

.sidebar.contact-btn.contact, .sidebar a > .contact-btn.contact {
  background: url(images/contact-menu/contact-menu-green.jpg) no-repeat center center / cover!important;
  height: auto;
}

.sidebar .contact-btn.questionnaire, .sidebar a > .contact-btn.questionnaire {
  background: url(images/contact-menu/contact-menu-blue.jpg) no-repeat center center / cover!important;
  height: auto;
}

.sidebar .contact-btn.faq, .sidebar a > .contact-btn.faq:hover {
  background: url(images/contact-menu/contact-menu-dark.jpg) no-repeat center center / cover!important;
  height: auto;
}

/* CONTACT PAGE */

.contact-accordion .fl-accordion-small .fl-accordion-button {
    padding: 20px 25px;
    background-color: white;
}

.contact-accordion span.fl-accordion-button-label {
    font-size: 17px;
}

.contact-accordion .fl-accordion-small .fl-accordion-content {
    padding: 20px 25px 20px 25px;
    font-size: 17px;
    background-color: white;
}

/* Media Queries */

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .home .flex-image-bg {
        transform: scale(1) !important;
    }
    
    .home #buttons .button-link {
        width: 300px;
    }
    
    #banner-id {
        background-position: left top !important;
    }
    
    .page-id-15 #banner-id {
        background-position: right top !important;
    }
    
    .fluid-container .fl-row-content .fl-col-group:nth-child(2),
    .fluid-container .fl-row-content .fl-col-group:nth-child(4) {
        font-size: 0;
    }

    .fluid-container .fluid-img {
        width: 50% !important;
        display: inline-block;
        vertical-align: middle;
    }
    
    .flexible-img-container  > .fl-row-content-wrap {
        padding-bottom: 50px !important;
    }
    
    .flexible-img {
        display: none;
    }
    
    #footer-disclaimer .container {
        padding: 0 20px;
    }
}

/* Custom, screen width < 551px */
@media only screen and (max-width: 551px) {
    .home #buttons .button-link {
        width: 100%;
    }
    
    .home #buttons .button-link > div {
        padding: 0 15px !important;
    }
}