/* Index */

.default-logo {
    /* index size Logo*/
    position: fixed;
    width: 250px;
    top: 15px;
}

.learnMore {
    /* display: inline-block; */
    max-width: 60%;
    justify-content: center;
    padding: 3px 20px;
    color: #8ad4e9;
    font-weight: bold;
    border: 1px solid #8ad4e9;
    border-radius: 50px;
}

.learnMore:hover {
    background: #55595d;
    color: #fff;
}

.test {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    /* max-width: 1000px; */
    /* margin: 0 -5px; */
}

@media screen and (min-width:600px) {
    .test {
        display: flex;
        flex-direction: row;
    }
}

.test li {
    /* background: gray; */
    height: 260px;
    margin: 10px 10px;
}

*/ .megamenu-parent .light-button a {
    background: #fff !important;
    border: 1px solid black;
    color: #8ad3e8 !important;
}

.megamenu-parent .light-button a:hover {
    background: #55595d !important;
}

.lists-container .panel-heading {
    border: none !important;
}

.lists-container .btn.accord.collapsed {
    border-color: #55595d !important;
}

.nav>li {
    text-transform: uppercase;
}

.default-logo2 {
    /* other pages Logo*/
    position: fixed;
    width: 250px;
    top: 8px;
}

.header {
    background: #fff;
    background-repeat: repeat;
    background-position: 0 0;
}

.megamenu-parent>li>a {
    color: #000;
}

.megamenu-parent>li.active>a,
.megamenu-parent>li:hover>a {
    color: #000;
}

.megamenu-parent>li>a:hover {
    color: #8ad3e8;
}

.megamenu-parent .light-button a {
    background: #000;
    color: #fff;
}

.pe-7s-menu:before {
    color: #000;
}

.comingSoon {
    position: relative;
    top: -30px;
}

.therapy {
    margin-top: 100px !important;
    background: #000000a6 !important;
    color: white !important;
    position: relative;
    top: 10px;
    padding: 10px !important;
}

.injector {
    margin-top: 150px !important;
    /* background:#000000a6!important; */
    color: white !important;
    position: relative;
    top: 30px;
    padding: 10px !important;
}

.MenuSlide {
    padding: 10px;
    /* color:black;
    margin-top: 20px; */
}

/* li.MenuSlide a:hover{
    color:black!important;
} */

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    /* padding: 2px; */
    width: 100%;
    /* border-top: 1px solid #8ad3e8; */
    margin-bottom: 10px;
    border-bottom: 1px solid #8ad3e8;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

@media screen and (min-width:500px) {
    .injector {
        margin-top: 150px !important;
        background: #000000a6 !important;
        color: white !important;
        position: relative;
        top: 30px;
        padding: 10px !important;
    }
}

/* service ipad desktop mobile toggle hide show */

@media (min-width: 701px) and (max-width: 799px) {
    .showLarge {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 700px) {
    .displayMedium {
        display: none;
    }
}

@media (min-width: 799px) and (max-width: 1023px) {
    .showLarge {
        display: none;
    }
}

@media (min-width: 1024px) {
    .displayMedium {
        display: none;
    }
}

.vitaminDrip {
    background: #000000a6 !important;
    color: white;
    padding: 10px !important;
    font-size: 40px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media screen and (min-width: 500px) {
    .comingSoon {
        position: relative;
        top: -40px;
        font-size: 40px;
    }
    .therapy {
        margin-top: 100px !important;
        background: #000000a6 !important;
        color: white !important;
        position: relative;
        top: 30px;
        font-size: 40px;
        padding: 10px 20px !important;
    }
    .vitaminDrip {
        background: #000000a6 !important;
        color: white;
        padding: 10px 50px !important;
        font-size: 80px !important;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
    }
}

.booknowBtn {
    border: 1px solid black;
    font-size: 1em !important;
    padding: 5px;
    border-radius: 50px
    /* padding:10px;
    border:1px solid black!important;
    color:red!important; */
}

.megamenu-parent .light-button a:hover {
    color: #8ad3e8 !important;
    background: #000;
    border-radius: 25px;
    line-height: 40px !important;
    margin: 0 5px;
    border: 1px solid transparent;
}

.megamenu-parent>li::after {
    background: #000;
}

.sprocket-strips-content {
    color: #fff !important;
    background: transparent !important;
    transition: all 0.4s ease 0s !important;
    min-height: 260px;
}

/* List collapsing override border color  */

.lists-container .panel-heading {
    border: 1px solid rgb(212, 209, 209);
}

/* override a red to light blue color */

a,
em,
b,
strong {
    color: #8ad3e8;
}

a:hover {
    color: #8ad3e8 !important;
}

/* Book Now Icon */

.pe-7s-angle-right-circle:before {
    color: #8ad3e8;
}

.uk-panel-title {
    font-size: 16px !important;
}

/* End Index page */

/* vitamin page */

.vitaminSlidertopText {
    color: white !important;
    font-size: 25px !important;
    text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.73) !important;
    letter-spacing: 2px !important;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
    text-align: center !important;
    margin: 0 auto !important;
    text-transform: uppercase;
}

.theOnlyOne {
    background: #000000a6 !important;
    padding: 5px 20px;
    text-align: center !important;
    margin: 0 auto !important;
    font-size: 10px !important;
}

.selling {
    background: #000000a6 !important;
    padding: 5px 20px;
    font-size: 0.7em !important;
    position: relative;
    top: 20px;
    text-align: center !important;
    margin: 0 auto !important;
}

@media screen and (min-width:768px) {
    .vitaminSlidertopText {
        color: white !important;
        font-size: 60px !important;
        text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.73) !important;
        letter-spacing: 2px !important;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    .theOnlyOne {
        background: #000000a6 !important;
        padding: 5px 20px;
        text-align: center !important;
        margin: 0 auto !important;
        font-size: 40px !important;
        position: relative;
        top: 20px;
    }
    .selling {
        background: #000000a6 !important;
        padding: 5px 20px;
        width: 80% !important;
        font-size: 25px !important;
        position: relative;
        top: 50px;
        text-align: center !important;
        margin: 0 auto !important;
    }
}

/* custom li bullet */

ul.post-list>li:before {
    padding-top: 6px;
    padding-right: 15px;
    font-size: 20px;
    content: "\2022";
    /* unicode for bullet, "•" */
}

.post-list {
    counter-reset: post;
    /* assume counter reset = post */
    margin-bottom: 30px;
}

.post-list>li {
    margin-left: 30px;
    margin-bottom: 12px;
    padding-top: 2px;
}

.post-list>li:before {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    width: 58px;
    margin-left: -58px;
    text-align: right;
}

/* About us page */

.parallax1 {
    height: 100%;
    min-height: 300px;
    background-image: url(../../images/elements/parallax-1.jpg);
    background-repeat: no-repeat;
    background: #8ad3e8;
}

.parallax2 {
    height: 100%;
    min-height: 300px;
    background-image: url(../../images/elements/parallax-2.jpg);
    background-repeat: no-repeat;
    background: #8ad3e8;
}

.parallax3 {
    height: 100%;
    min-height: 300px;
    background-image: url(../../images/elements/parallax-5.png);
    background-repeat: no-repeat;
    background: #8ad3e8;
}

.uk-button-primary {
    color: #fff !important;
    background: black;
    border: none;
    margin-top: 20px;
    width: 200px;
}

button.uk-button-primary:hover {
    color: #fff !important;
    background: #8ad3e8 !important;
    border: none;
    margin-top: 20px;
    width: 200px;
}

/* Services page icons */

.serviceDesc {
    padding: 10px;
}

/* Service blue icons disable visited & focus */

.pe-7s-leaf:visited {
    background: white;
    color: #fff;
}

.pe-7s-leaf:focus {
    background: white;
    color: #fff;
}

.pe-7s-leaf:hover {
    background: white;
    color: #fff;
}

.pe-7s-leaf:active {
    background: white;
    color: #fff;
}

.pe-7s-magic-wand:visited {
    background: white;
    color: #fff;
}

.pe-7s-magic-wand:focus {
    background: white;
    color: #fff;
}

.pe-7s-magic-wand:hover {
    background: white;
    color: #fff;
}

.pe-7s-magic-wand:active {
    background: white;
    color: #fff;
}

.pe-7s-arc:visited {
    background: white;
    color: #fff;
}

.pe-7s-arc:focus {
    background: white;
    color: #fff;
}

.pe-7s-arc:hover {
    background: white;
    color: #fff;
}

.pe-7s-arc:active {
    background: white;
    color: #fff;
}

/*  end Service blue icons disable visited & focus */

.hi-icon-effect-1 .hi-icon {
    background: #8ad3e8 !important;
}

.mirandaPhoto {
    /* width: 400px; */
    /* margin: 0 auto; */
    /* padding: 10px;
    margin-left:10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    transition: 0.3s;
}

.mirandaPhoto:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.subtitle {
    text-align: left;
}

.uk-button-primary {
    position: absolute;
    left: 100px;
}

.uk-button-primary2 {
    /*position: absolute;*/
    /*left: 100px;*/
}

.DopDownPosition {
    position: relative;
    top: 100px !important;
    left: -185px !important;
    margin-top: 5px;
    margin-bottom: 20px;
}

@media screen and (max-width: 780px) {
    .DopDownPosition {
        left: 10px !important;
    }
}

.uk-icon-facebook:hover {
    background: #7fcde5 !important;
}

.uk-icon-instagram:hover {
    background: #7fcde5 !important;
}

/* End About us page */

/* faq page */

.send_btn {
    color: #fff !important;
    background: #8ad3e8;
    border: 1px solid #8ad3e8 !important;
    margin-top: 20px;
    width: 200px;
    padding: 10px;
    border-radius: 100px;
}

/* Form border right */

select,
textarea.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-right: 5px solid #8ad3e8;
}

input[type=text],
textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border-right: 3px solid #8ad3e8;
}

input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 5px #8ad3e8;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border-right: 3px solid #8ad3e8;
}

textarea {
    height: 100px;
    ;
}

.social-bar .uk-icon-button {
    border-bottom: 1px solid #dedede;
}

/* End faq page */

@media screen and (max-width:1024px) {
    .default-logo {
        /* index size Logo*/
        position: fixed;
        width: 240px;
        top: 25px;
    }
    .default-logo2 {
        /* other pages Logo*/
        position: fixed;
        width: 240px;
        top: 20px;
    }
}

/* Form border right */

/* Removing Padding */

/* web & mobile */

.body-innerwrapper {
    padding: 0;
}

/* hover social icons */

.uk-icon-button {
    color: #fff
}

.uk-icon-button:hover {
    color: #000 !important;
}

/* DropDown */

.dropbtn {
    /* background-color: #4CAF50; */
    color: #000;
    font-size: 16px;
    border: none;
}

.menu-item2 {
    position: relative;
    display: inline-block;
}

.menu-item2-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border: 1px solid rgb(114, 114, 114);
    width: 200px;
    /* height: 300px; */
}

.menu-item2-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.menu-item2-content a:hover {
    background-color: #ddd;
    color: #8ad3e8;
}

.menu-item2:hover .menu-item2-content {
    display: block;
}

.dromenu-item2pdown:hover .dropbtn {
    background-color: #3e8e41;
}

/* End dropDown */

/* Side Menu */

.close-offcanvas {
    color: #000;
    border: 2px solid#000;
}

.uk-icon-close:before,
.uk-icon-remove:before,
.uk-icon-times:before {
    content: "\f00d";
    color: #000;
}

.offcanvas-menu {
    color: #000;
    background: #fff;
    /* background-image: -webkit-linear-gradient(135deg,rgba(79, 213, 243, 0.4),#95d8eb); */
}

.offcanvas-menu .offcanvas-inner .module ul>li>a:hover,
.offcanvas-menu .offcanvas-inner .module ul>li>a {
    color: #000;
}

.offcanvas-menu .offcanvas-inner .module ul>li>a:hover,
.offcanvas-menu .offcanvas-inner .module ul>li>a:active {
    color: #8ad3e8;
}

/* Footer */

.footerLogo {
    max-width: 80%;
}

/* Scroll to top */

.footer .uk-icon-button {
    color: #fff;
    background: #8ad3e8;
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.uk-icon-angle-up:before {
    content: "\f106";
    position: relative;
    top: 10px;
    font-size: 30px;
}