body {
     margin: 0px;
     padding: 0px;
     background: #ccc;
}

.transition,a,button.btn,.socials li,header *,header .tel.mobile,header .logo-holder,.fixed-nav .nav-wrapper .main-links .list ul li a:before,.fixed-nav .nav-wrapper .sub-links .list ul li a.has-links:before,.home-nav .links a:before,ul.gallery-dropdown li ul li a,.sub-content.full .entry-content a{
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out
}
.transition2,header .logo-holder .logo,header .logo-holder .logo.text,.fixed-nav .nav-wrapper .sub-links .list ul,.home-nav{
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out
}
.bg-trans{
    -webkit-transition:background 0.5s ease, all 0.5s ease;
    -moz-transition:background 0.5s ease, all 0.5s ease;
    -ms-transition:background 0.5s ease, all 0.5s ease;
    -o-transition:background 0.5s ease, all 0.5s ease;
    transition:background 0.5s ease, all 0.5s ease
}

header .menu-holder{
    padding:20px;
    margin:0;
    float:right;
    background:#fff
}
.home header .menu-holder{
    width:58px;
    padding:0 40px 17px 14px;
    margin:-15px auto 0;
    float:right;
    background:transparent
}
@media only screen and (max-width: 64em){
    .home header .menu-holder{
        margin:0 auto
    }
}
@media only screen and (max-width: 40em){
    .home header .menu-holder{
        width:50px
    }
}
header.scrolled{
    background:rgba(20,20,20,0.8);
    padding:0
}
.home header.scrolled{
    padding:0 20px
}
header.scrolled .socials{
    margin-top:2px
}
@media only screen and (max-width: 40em){
    header.scrolled .socials{
        display:none
    }
}
header.scrolled h4{
    margin-top:6px !important
}
header.scrolled .menu-holder{
    margin:-20px auto 0;
    padding:20px
}
header.scrolled .icon-holder .icon{
    margin-top:20px
}
.home header.scrolled .icon-holder .icon{
    margin-top:0
}
header.scrolled .phone-holder .logo{
    position:absolute;
    max-width:100px;
    top:50%;
    transform:translateY(-50%);
    left:20px;
    display:block;
    opacity:1;
    margin-top:0
}
header.scrolled .tel{
    right:100px
}
header.scrolled .tel.mobile{
    opacity:1
}
@media (max-width: 440px){
    header.scrolled .tel.mobile{
        top:22px
    }
}
.home header.scrolled .tel{
    right:70px
}
header h1{
    margin-bottom:0px
}
.mobile-logo{
    padding:22px 0px
}
.mobile-logo img{
    padding:0px 10px;
    margin-bottom:0px !important
}
.icon-holder .icon{
    z-index:104;
    cursor:pointer;
    position:relative;
    height:26px;
    width:44px
}
@media only screen and (max-width: 40em){
    .icon-holder .icon{
        height:22px;
        width:36px
    }
}
.icon-holder .icon .text{
    display:block;
    line-height:1.7
}
.icon-holder .icon .bar{
    display:inline-block;
    width:100%;
    height:2px;
    background:#000;
    border-radius:3px;
    position:absolute;
    top:0;
    left:0;
    float:left;
    transition:0.45s all ease
}
.icon-holder .icon .bar.middle{
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.icon-holder .icon .bar.last{
    top:auto;
    bottom:0
}
.home .icon-holder .icon .bar{
    background:#fff
}
.icon-holder .icon.active .bar{
    background:#000
}
.icon-holder .icon.active .bar.first,.icon-holder .icon.active .bar.last{
    left:inherit;
    right:0;
    transform:translateX(2px) translateY(13px) rotate(-45deg)
}
@media only screen and (max-width: 40em){
    .icon-holder .icon.active .bar.first,.icon-holder .icon.active .bar.last{
        transform:translateX(2px) translateY(11px) rotate(-45deg)
    }
}
.icon-holder .icon.active .bar.middle{
    opacity:0;
    transform:rotate(90deg)
}
.icon-holder .icon.active .bar.last{
    transform:translateX(2px) translateY(-11px) rotate(45deg)
}
@media only screen and (max-width: 40em){
    .icon-holder .icon.active .bar.last{
        transform:translateX(2px) translateY(-9px) rotate(45deg)
    }
}
.scrolled .icon-holder .icon.active .bar{
    background:#fff
}
@media only screen and (max-width: 64em){
    .open-menu .icon-holder .icon.active .bar{
        background:#000
    }
    .home .open-menu .icon-holder .icon.active .bar{
        background:#fff
    }
}

@media (max-width: 440px){
    .nav .links>ul>li a{
        font-size:12px;
        padding:14px 10px
    }
}
.nav .links>ul>li a.here{
    background:#fff;
    color:#000 !important
}
.nav .links>ul>li a:hover{
    background:#000;
    opacity:1
}
.nav .links>ul>li:nth-child(7){
    margin-left:20%
}

.mobile-nav-wrap .js-menu-toggle .icon{
    position:absolute;
    display:block;
    width:20px;
    height:2px;
    background:#ffffff;
    top:50%;
    margin-top:-1px;
    right:20px;
    margin-left:-10px;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    transition:background 0.3s
}
.mobile-nav-wrap .js-menu-toggle .icon:before,.mobile-nav-wrap .js-menu-toggle .icon:after{
    content:'';
    position:absolute;
    left:0;
    background:inherit;
    width:100%;
    height:100%;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform 0.6s, background 0s;
    -moz-transition:-moz-transform 0.6s, background 0s;
    transition:transform 0.6s, background 0s
}
.mobile-nav-wrap .js-menu-toggle .icon:before{
    top:-6px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
}
.mobile-nav-wrap .js-menu-toggle .icon:after{
    bottom:-6px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon{
    background:rgba(232,74,100,0)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before,.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after{
    background:#ffffff
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before{
    top:0;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after{
    bottom:0;
    -webkit-transform:rotate(225deg);
    -moz-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    -o-transform:rotate(225deg);
    transform:rotate(225deg)
}
.off-canvas-click{
    display:none
}
.off-canvas-click.active{
    width:100%;
    height:100%;
    display:block;
    right:220px;
    position:fixed;
    z-index:9999;
    top:0
}
.on-canvas{
    z-index:2;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    transition-duration:0.4s
}
.on-canvas.menu-is-open{
    -webkit-transform:translateX(-220px);
    -moz-transform:translateX(-220px);
    -ms-transform:translateX(-220px);
    -o-transform:translateX(-220px);
    transform:translateX(-220px)
}
@media only screen and (min-width: 64.1em){
    .on-canvas.menu-is-open{
        -webkit-transform:translateX(0) !important;
        -moz-transform:translateX(0) !important;
        -ms-transform:translateX(0) !important;
        -o-transform:translateX(0) !important;
        transform:translateX(0) !important
    }
}
.mobile-navigation{
    position:fixed;
    height:100%;
    right:0;
    top:0;
    z-index:1;
    width:220px;
    background-color:#B8B433;
    overflow-y:auto;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    transition-duration:0.4s;
    -webkit-transform:translateX(220px);
    -moz-transform:translateX(220px);
    -ms-transform:translateX(220px);
    -o-transform:translateX(220px);
    transform:translateX(220px)
}
.mobile-navigation.menu-is-open{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-overflow-scrolling:touch
}


.fixed-nav{
    position:fixed;
    width:100%;
    height:100%;
    z-index:99;
    display:none
}
.fixed-nav .nav-wrapper{
    transition:none !important;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto
}
.fixed-nav .nav-wrapper .main-links{
    padding: 0px;
    background:rgba(20,20,20,0.9);
    background-size:cover;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .main-links{
        width:100%;
        padding:75px 20px 20px
    }
}
@media only screen and (max-width: 40em){
    .fixed-nav .nav-wrapper .main-links{
        padding-top:65px
    }
}
.fixed-nav .nav-wrapper .main-links .list {
  /*  position: relative;
    width: 100%;
    height: 100%;
    z-index: 3;*/
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.fixed-nav .nav-wrapper .main-links .list ul.holder {
    margin: 20px 0 0;
    margin: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: translateY(-50%); */
    width: 100%;
    box-sizing: border-box;
    padding-top: 16%;
    height: 100%;
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .main-links .list ul.holder{
        text-align:center;
        right:inherit;
        left:50%;
        top:0;
        transform:translateX(-50%) translateY(0%);
        width:100%
    }
}
.fixed-nav .nav-wrapper .main-links .list ul li a{
    font-size:13px;
    letter-spacing:1px;
    line-height:1.5;
    padding:6px 10px;
    color:#fff;
    font-weight:500;
    text-transform:uppercase;
    font-family:"proxima-nova";
    display:inline-block;
    position:relative
}
.fixed-nav .nav-wrapper .main-links .list ul li a:before{
    content:'';
    display:inline-block;
    width:0;
    border-top:2px solid #fff;
    position:absolute;
    bottom:0;
    left:0;
    height:0
}
.fixed-nav .nav-wrapper .main-links .list ul li a.here,.fixed-nav .nav-wrapper .main-links .list ul li a:hover{
    opacity:1
}
.fixed-nav .nav-wrapper .main-links .list ul li a.here:before,.fixed-nav .nav-wrapper .main-links .list ul li a:hover:before{
    left:10px;
    width:60%
}
@media only screen and (max-width: 40em){
    .fixed-nav .nav-wrapper .main-links .list ul li a.here:before,.fixed-nav .nav-wrapper .main-links .list ul li a:hover:before{
        display:none
    }
}
.fixed-nav .nav-wrapper .main-links .list ul li a.tel{
    color:#fff;
    font-size:16px
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .main-links .list ul li a{
        font-size:12px
    }
}
@media only screen and (max-width: 40em){
    .fixed-nav .nav-wrapper .main-links .list ul li a{
        font-size:11px
    }
}
.fixed-nav .nav-wrapper .main-links .list ul li+li{
    margin-top:20px
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .main-links .list ul li+li{
        margin-top:15px
    }
}
@media only screen and (max-width: 40em){
    .fixed-nav .nav-wrapper .main-links .list ul li+li{
        margin-top:10px
    }
}
.fixed-nav .nav-wrapper .main-links .list ul li.has-sub a{
    position:relative;
    padding-right:20px
}
.fixed-nav .nav-wrapper .main-links .list ul li.has-sub a:after{
    content:'\bb';
    display:inline-block;
    position:absolute;
    top:4px;
    right:5px
}
.fixed-nav .nav-wrapper .main-links .list ul li.has-sub a:hover,.fixed-nav .nav-wrapper .main-links .list ul li.has-sub a.here{
    opacity:1;
    color:#fff
}
.fixed-nav .nav-wrapper .main-links .list ul.socials{
    margin-left:10px
}
.fixed-nav .nav-wrapper .main-links .list ul.socials li+li{
    margin-top:0
}
.fixed-nav .nav-wrapper .sub-links {
    padding: 0;
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 9;
    overflow-y: auto;
    background: #fff;
    width: 75%;
    box-sizing: border-box;
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links{
        width:100%;
        left:100%;
        padding:75px 20px 20px
    }
}
@media only screen and (max-width: 40em){
    .fixed-nav .nav-wrapper .sub-links{
        padding-top:58px;
        padding-top:75px
    }
}
.fixed-nav .nav-wrapper .sub-links .list {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4;
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list{
        overflow-y:auto;
        -webkit-overflow-scrolling:touch
    }
}
.fixed-nav .nav-wrapper .sub-links .list .group{
    float:left;
    width:50%
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list .group{
        width:100%;
        float:none
    }
    .fixed-nav .nav-wrapper .sub-links .list .group+.group{
        margin-top:15px
    }
}
@media only screen and (max-width: 64em) and (max-width: 40em){
    .fixed-nav .nav-wrapper .sub-links .list .group+.group{
        margin-top:10px
    }
}
.fixed-nav .nav-wrapper .sub-links .list ul{
    margin:0;
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:50%;
    left:0%;
    width:100%;
    max-width:700px;
    transform:translateY(-50%)
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul{
        display:none;
        text-align:center;
        opacity:1;
        visibility:visible;
        width:100%;
        left:50%;
        transform:translateY(-50%) translateX(-50%)
    }
}
.fixed-nav .nav-wrapper .sub-links .list ul.active{
    opacity:1;
    visibility:visible;
    left:5%
}
.fixed-nav .nav-wrapper .sub-links .list ul.active.four-col li{
    max-width:25%;
    float:left
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul.active{
        left:50%;
        display:block;
        transform:translateY(0%) translateX(-50%);
        top:0
    }
}
.fixed-nav .nav-wrapper .sub-links .list ul.active.treatments li{
    margin-top:0
}
.fixed-nav .nav-wrapper .sub-links .list ul.active.treatments li h5{
    font-size:20px;
    color:#B8B433;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:0
}
.fixed-nav .nav-wrapper .sub-links .list ul.active.treatments li ul{
    display:block !important
}
.fixed-nav .nav-wrapper .sub-links .list ul.active.treatments li ul li{
    padding-left:10px
}
.fixed-nav .nav-wrapper .sub-links .list ul.active.conditions-treated li{
    width:100%
}
.fixed-nav .nav-wrapper .sub-links .list ul li a{
    color:#000;
    font-size:15px;
    letter-spacing:1px;
    line-height:1.5;
    padding:6px 10px;
    display:inline-block
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul li a{
        font-size:14px
    }
}
@media only screen and (max-width: 40em){
    .fixed-nav .nav-wrapper .sub-links .list ul li a{
        font-size:12px
    }
}
.fixed-nav .nav-wrapper .sub-links .list ul li a.here,.fixed-nav .nav-wrapper .sub-links .list ul li a:hover{
    opacity:1;
    color:#B8B433;
    font-weight:500
}
.fixed-nav .nav-wrapper .sub-links .list ul li a.has-links{
    position:relative
}
.fixed-nav .nav-wrapper .sub-links .list ul li a.has-links:before{
    content:'';
    display:inline-block;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:7px solid #000
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul li a.has-links:before{
        border-top:3px solid transparent;
        border-bottom:3px solid transparent;
        border-left:5px solid #000;
        right:-13px
    }
}
.fixed-nav .nav-wrapper .sub-links .list ul li a.has-links.opened:before{
    transform:rotate(90deg) translateX(-4px)
}
.fixed-nav .nav-wrapper .sub-links .list ul li.child{
    padding-left:50px
}
.fixed-nav .nav-wrapper .sub-links .list ul li.child a{
    padding-left:0
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul li.child{
        padding-left:0
    }
}
.fixed-nav .nav-wrapper .sub-links .list ul li+li{
    margin-top:10px
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul li+li{
        margin-top:13px
    }
}
@media only screen and (max-width: 40em){
    .fixed-nav .nav-wrapper .sub-links .list ul li+li{
        margin-top:9px;
        margin-top:5px
    }
}
.fixed-nav .nav-wrapper .sub-links .list ul li.back{
    margin-top:5px;
    margin-bottom:15px;
    display:none
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul li.back{
        display:inline-block
    }
}

@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links .list ul.long{
        columns:1;
        -webkit-columns:1;
        -moz-columns:1
    }
}
@media only screen and (max-width: 64em){
    .fixed-nav .nav-wrapper .sub-links.mobile-opened{
        left:0
    }
}