#pageContent {padding-bottom:0px;padding-top:0px;}
body {    padding-top: 0px !important;}

.openNav .navIcon span {background: #FFF}
.headerNav, .mainHeaderWrapper {background: transparent}
body.move .headerNav,body.move  .mainHeaderWrapper {background: #FFF}
#headerMenu .link {color:#FFF;}
body.move #headerMenu .link {color:#555}
.openNav .navIcon {border-color:#FFF;}
body.move .openNav .navIcon span {background: #02A43F}
body.move .openNav .navIcon {border-color:#02A43F}

#menuWrapper {}
#menuWrapper .button {    padding: 8px;border-color: #FFF;}
.bg_container .image.pushed {left:100px}
.swiper-pagination {width:100%}
.gradient
{
    display:none;

    position: absolute;
    top: 0px;
    width: 100%;
    height: 130px;
    z-index: 999;
    /* ff 3.6+ */
    background:-moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(186 103 4) 100%)

}
.gradient.blue {
    /* global 94%+ browsers support */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(67 116 147) 100%);
}
.gradient.black {
    /* global 94%+ browsers support */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(58 58 58) 100%);
}
body header:hover .logoWrapper > div.bl {opacity:1}
body header:hover .logoWrapper > div.ng {opacity:0}

body header:hover .cartManager.bl {opacity:1}
body header:hover .cartManager.ng {opacity:0}

body header:hover #searchBar a.search.bl {opacity:1}
body header:hover #searchBar a.search.ng {opacity:0}

.menuWrapper .button {margin-right: 26px;margin-top: 4px;margin-bottom: 0px;color:#555}

body.page-index .menuWrapper .button {color:#FFF;background-color:transparent;border:solid 1px #FFF}
body.page-index.moving .menuWrapper .button ,
body.page-index header:hover .menuWrapper .button  {background-color:#555;color:#FFF;border-color: transparent}

#profileWrapper:hover .namePlate b{color:#4A4A4A !important}

.clip-path,.clip-path-footer,.clip-path-rev{-webkit-clip-path:url(#clip-chevron);clip-path:url(#clip-chevron);overflow:hidden!important}.clip-path-rev{-webkit-clip-path:url(#clip-chevron-rev);clip-path:url(#clip-chevron-rev)}.clip-path-footer{-webkit-clip-path:url(#clip-chevron-footer);clip-path:url(#clip-chevron-footer)}

#slide {padding-top: 0px !important;}
#slide .item {height:100%;position:relative;}
#slide .item .buttonWrapper {    display: inline-block;border: solid 1px transparent;padding: 5px;}
#slide .item .buttonWrapper:hover {border-color:#000}
#slide .item .buttonWrapper a {margin:0px;}
.swiper-button-next > span, .swiper-button-prev > span {display:none;color:#fff;font-size:60px !important;margin:0px -10px}
#slide .swiper-slide .layer > div {position:relative;}
#slide .swiper-slide .layer {position:absolute;z-index:2;width:100%;height:100%;left:0px;top:0px;}
#slide .swiper-slide .layer .row {height:100%;}
#slide .swiper-slide .layer h1 {color: #02A43F;font-weight: 500;font-size: 58px;text-align: left;line-height: 58px;margin-bottom:20px;}
#slide .swiper-slide .layer h2 {font-size: 24px;text-align: left;color: #000;max-width:80%;font-weight:200}
#slide .swiper-slide .layer.w h1 {color:#FFF;    line-height: 50px;font-size: 47px;}
#slide .swiper-slide .layer.w h2 {color:#FFF;    font-weight: 400;font-size:18px;}
#slide .swiper-slide .layer .buttons {text-align:left;margin-top:20px}
#slide .swiper-slide .layer .button {background-color:orangered;}
#slide .swiper-slide .layer .button:hover {background-color:red}
.swiper-button-next, .swiper-button-prev {display:none;}
.bg_container canvas, .bg_container video {    transform:translate(-50%,-50%)}
.xyz .bg_container canvas, .xyz .bg_container video {transform:translate(-50%,-50%)}

#slide {position: relative;z-index: 0;background: #999;    height: auto;max-height: 1048px;min-height: 25vh;background-color: #FFF}
@media only screen and (min-width: 64em){

    #slide {    min-height: 0;}
}

#slide .name {    max-width: 500px;}
#slide .swiper-container {margin-top:0px;border: solid 1px #EEE;border-top: 0px;height:100%}
#slide .item {overflow:hidden;position:relative;}
#slide .item .bg {position:absolute;left:0px;top:0px;width: 100%;height: 100%;overflow:hidden;}
#slide .item .layer {position:relative;z-index:8;    height: 100%;width: 100%; margin-left: -50px;}
#slide .item.discount {    background-color: #e6e7e9;}
#slide .item.discount .buttonWrapper {    border: 0px;padding: 0px;}
#slide .item.discount .buttonWrapper a {margin:0px;    background: transparent;border: solid 4px #000;color: #000;    padding: 20px 30px;position:relative;font-weight:700}
#slide .item.discount .buttonWrapper a:after {    display: block;content: "";background: #EF7DB0;width: 103%;height: 110%;position: absolute;z-index: -4;top: 7px;left: 8px;    transition: all .2s ease;}
#slide .item.discount .buttonWrapper a:hover:after {top: 0px;left: 0px;    width: 100%;    height: 100%;}
#slide .item.general .button {font-size: 16px;padding: 14px 30px;}


#slide .item.point a {margin-left:0px;padding: 40px;}
#slide .item.point .text {margin:30px 0px 0px;padding: 30px 30px;text-align:center;}
#slide .item.point .text img:first-child {padding-right:10px}
#slide .item.point h1 {margin:0px;    font-weight: 300;font-size:30px;color:#4E4A11}
#slide .item.point h2 {margin:0px;line-height:40px;font-size:40px;color:#4E4A11;font-weight:700}
#slide .item.point h3 {margin:0px;    font-weight: 300;font-size:20px;color:#4E4A11}
#slide .item.point .sm {margin-top: 40px;}

#slide .item.product .text {position:absolute;left:0px;top:0px;text-align:left;}
#slide .item.product .text img:first-child {margin: 40px 50px;}
#slide .item.product h1 {font-weight:700;}
#slide .item.product h2 {font-weight:300}
#slide .item.product h3 {font-weight:700}
#slide .item.product .detail {    position: relative;z-index: 2;}
#slide .item.product .items {}
#slide .item.product .items img {    height: 230px;margin: 20px 0px 0px;}

#slide .item.discount .bgLine {position:absolute;z-index:1;width:100%;height:100%;    padding: 50px;}
#slide .item.discount .bgLine div {position:relative;border:solid 2px #FFF;    height: 440px;}
#slide .item.discount .bg div {animation:particle 40s ease-out 0s infinite}
@keyframes particle {
    0% {
        transform: scale(1.00);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}
#slide .item.discount canvas {    position: absolute;left:0px;top:0px;z-index: 2;height:100%;width:100%;}
#slide .item.discount {    text-align: center;}
#slide .item.discount b[class^='v'] {display:block;    padding-left: 50px;font-weight: 500;font-size: 24px;line-height: initial;    letter-spacing: 12px;}
#slide .item.discount img {    margin: 10px 0px;}
#slide .item.discount .v1 {}
#slide .item.discount .v2 {}
#slide .item.discount .v3 {font-weight:700}
#slide .item.general .text {margin-bottom:20px;font-size: 24px;font-weight: 100;    line-height: 30px;}
#slide .item.general .text b {display: block;}

#slide .layer > .row {height:100%}
#slide .info {}
#slide .info p {}
#slide .info .pricing {}
#slide .info .small {font-size: 16px;font-weight: 400;color: #CCC;    line-height: 56px;margin-top:30px;}
#slide .info .price {   font-size: 40px;margin-bottom: 10px;    color: #FFF;font-weight: 700;}
#slide .info .button {}

#h1 {margin:0px;width: 100%;max-width: 99999px;padding:90px 0px;color:#FFF;}
#h1 h3 {padding-right:100px;color:#FFF;}
#h1 h4 {color:#FFF;margin-bottom:40px;}

#bigText {    overflow: hidden;height: 244px;padding-top:20px;    padding-bottom: 45px;}
#bigText > div {height: 200px;width: 3600px;position:relative;left:60px}
#bigText > div img {height:100%}


#testimonial {background-color: #F8F8F8;padding-top:110px;padding-bottom:150px}
#testimonial .sliderWrapper {height:480px;}
#testimonial .swiper-container {    position: absolute;width: calc(75%);left: 25%;overflow: hidden;}
#testimonial .swiper-slide {width:420px;}
#testimonial .swiper-slide > div {background-color: #FFF;padding:20px 20px 40px;margin-right:50px}


.subPosts {padding:0px 0px 50px}
.subPosts .post {display:block;position:relative;margin-bottom:20px;overflow:hidden;cursor:pointer;border-radius:6px;}
.subPosts .post .title {position:absolute;left:0px;bottom:0px;width:100%;padding:10px;background: rgb(0,0,0);background: linear-gradient(360deg, rgba(0,153,58,1) 30%, rgba(255,255,255,0) 100%);color:#FFF;    font-size: 20px;    padding-top: 50px;font-weight:500}
.subPosts .post img {transform:scale(1);}
.subPosts .post:hover img {transform:scale(1.1)}
.subPosts .post .all {    text-align: center;border: solid 2px #00993a;padding: 10px;font-weight: 700;color: #FFF;background: #04993a;}
.subPosts .post .all:hover {background-color:#FFF;color:#00993a}


#doctors {background-color: #FFF;padding-top:0px;padding-bottom:60px}
#doctors .sliderWrapper {height:300px;}
#doctors .swiper-container {    position: absolute;width: calc(70%);left: 30%; overflow: hidden;}
#doctors .swiper-slide {width:310px;}
#doctors .swiper-slide > div {background-color: #FFF;padding:20px 20px 40px;margin-right:50px}
#doctors .namePlate {margin-top:20px;text-align: center;font-weight:700;margin-right: 30px;}
#doctors .profilePhoto {text-align: center;overflow: hidden;border-radius: 50%;margin-right: 30px;}

#association {background: #FBC163;padding:60px 0px}
#association .wrapper {background: #CF2F8A;text-align: center;border-radius:28px;padding:60px 100px 30px}
#association .wrapper h3 {color:#FFF;font-size:50px;font-weight:700;line-height: initial}
#association .wrapper h4 {color:#FFF;font-size:18px;font-weight: 400;margin:24px 0px;text-align: justify}
#association .wrapper a {color:#FFF;text-decoration: underline}

#highlighted {margin-top:50px;margin-bottom:160px;}
#highlighted .item {margin-top:40px;top:20px}
#highlighted .item:first-child {margin-top:0px}
#highlighted .item.left {    margin-right: -180px;}
#highlighted .info {background-color: #FAFAFA;padding: 40px 50px 30px;width: 400%;position: relative;left: -200px;}
#highlighted .info .title a {font-size:24px;color:#02A43F;margin-bottom:0px;}
#highlighted .info .description {font-size:20px;font-weight:300;    line-height: initial;}
#highlighted .showMore {position: relative;top:30px;    right: 0px;width:120px;display:inline-block;}
#highlighted .item.left .showMore {right: 50px;}


.swiper-slide {overflow:hidden;}

header .logoWrapper img {display:none}
header .logoWrapper img:first-child {display:block;}


.additionalContent {    width: 100%;height: 100%;}
.fullScreenImage {    position: Absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-size: cover;}


@media only screen and (min-width: 768px) {
    body.page-index header .mainNav .link {color:#FFF}
    body.page-index.moving header .mainNav .link,
    body.page-index header:hover .mainNav .link {color:#555}
    body.page-index header .mainNav .link>a {color:#FFF}
    body.page-index.moving header .mainNav .link>a,
    body.page-index header:hover .mainNav .link>a {color:#555}
    body.page-index #profileWrapper .namePlate b,header .menuWrapper .login {color:#FFF;}
    body.page-index header:hover #profileWrapper .namePlate b {color:#555;}
    body.page-index.moving #profileWrapper .namePlate b,
    body.page-index.moving header .menuWrapper .login,
    body.page-index #profileWrapper:hover .namePlate b {color:#999;}
    body.page-index #profileWrapper .arrow {color:#FFF}
    body.page-index.moving #profileWrapper .arrow,
    body.page-index #profileWrapper:hover .arrow {color:#999}
    body.page-index #searchInput input {background-color:transparent;border-color:#FFF;color:#FFF;}
    body.page-index.moving #searchInput input,
    body.page-index header:hover #searchInput input {background-color:#FFF;border-color:#EEE;color:#999}
    body.page-index #searchInput input::placeholder {color: #FFF;opacity: 1; /* Firefox */}
    body.page-index.moving #searchInput input::placeholder,
    body.page-index header:hover #searchInput input::placeholder {color: #999;opacity: 1; /* Firefox */}
    body.page-index.moving header .shop,
    body.page-index header:hover .shop {color: #999;opacity: 1;border-color:#999}
    body.page-index header:hover .menuWrapper .login {color:#555;}

    body.page-index.moving .openCouponBox.small,
    body.page-index header:hover .openCouponBox.small {color: #666;}
    body.page-index.moving header .openCouponBox.small span,
    body.page-index header:hover .openCouponBox.small span {border-right-color:#666;}

    .dd_ppl_h {top:266px}

}

@media only screen and (max-width: 40.063em) {
    #slide {height:auto !important;min-height:0px !important;;max-height:99999px !important;}
    .bg_container canvas, .bg_container video {    transform:translate(-50%,-50%)}
    .xyz .bg_container canvas, .xyz .bg_container video {transform:translate(-50%,-50%)}
    #slide {    max-height: 500px;min-height: 50vh;padding-top:0px;}
    .gradient {display:none;}
    #slide .item.discount .bgLine {    padding: 32px;}
    #slide .item .layer {padding: 32px;margin-left:0px}
    #slide .item.discount .bgLine div {    height: 100%;}
    #slide .item.discount img {    width: 70%;}
    #slide .item.discount b[class^='v'] {    padding-left: 12px;}
    #slide .item.general {text-align: center;}
    #slide .item.general .text {margin-bottom:210px;}
    #slide .item.discount .buttonWrapper {    margin-top: 20px;}
    #slide .item.discount {top:0px}

    #slide .swiper-slide .layer h1 {font-size: 40px;line-height:40px;    margin-top: 40px;}
    #slide .swiper-slide .layer h2 {font-size:16px;color:#FFF;}

    .gradient {display:none}

    body.page-index .menuWrapper .button {    background: #666;}

    .openNav {    margin-top: 35px;}
    .menuWrapper {    position: absolute;right: 15px;top: -8px;}
    .menuWrapper .button {    font-size: 12px;margin-right:0px}
    body.page-index.fixed {padding-top:75px;}
    #slide .swiper-slide .layer {    padding: 20px 20px 40px}
    #slide .swiper-slide .layer {background: rgb(0,0,0,.6);}
    #slide .info .name {margin-top:3px;font-size:52px;}
    .rotating-text {font-size: 48px;margin-top: -14px;}
    #slide .info .small {    line-height: initial;}

    #slide .swiper-slide .layer h1 {line-height: 44px !important;;font-size: 28px !important;}
    #slide .swiper-slide.first .layer h1 {font-size: 38px !important;;}
    #slide .swiper-slide .layer h2 {display:none}
    #slide .swiper-slide.first .layer h2 {display:block}

    #bigText {height:120px}
    #bigText > div {height:120px;}
    #highlighted .info {    left: 0px;width: auto;}
    #highlighted .showMore {        top: 0px;right: 0px !important;position: relative;background: #fafafa;width: 100%;padding: 0px 52px 20px !important;}
    #highlighted .showMore:after {    right: 30px;}
    #highlighted .item.left {margin-right:0px;}
    #highlighted .item.left .showMore {right:-50px;    top: -30px;}
    #highlighted {    margin-bottom: 30px;}


    #testimonial {    padding: 20px 30px 50px;}
    .sectionTitle {    font-size: 45px;line-height: 50px;margin-top: 10px;}
    #testimonial .sliderWrapper {height:320px;}
    #testimonial .swiper-container {position: absolute;width: auto;left: 0px;overflow: hidden;margin: 0px 30px;}
    #testimonial .swiper-slide > div .content {    height: 250px;overflow: auto;}
    .sectionSideInfo {margin-top:0px;}
    #doctors {    padding: 20px;}
    #doctors .swiper-container {    width: 100%;left: 0px;}
    #doctors .swiper-slide {width:270px;}
    #doctors .sliderWrapper{    height: 290px;margin-top: 20px;}

    #intro h1 {    font-size: 24px !important}
    #intro h2 {    font-size: 14px !important;margin: 0px 0px 60px !important;}

    #association {padding:20px 10px;}
    #association .wrapper {    padding: 20px 30px;}
    #association .wrapper h3 {    font-size: 28px;text-align: left !important;}
    #association .wrapper h4 {    text-align: left;}
    .subPosts {padding:10px}

}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}



/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

}
/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */

}