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

#menuWrapper {}
#menuWrapper .button {    padding: 8px;border-color: #FFF;}

.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)}

.sperate[data-image-src] {min-height:400px;}

#dna {padding:190px 0px 150px}
h1 {font-size:36px;}
h2,h3 {text-align:center;margin:90px 0px 70px;font-size:36px;font-weight: 700;}

#h1 {margin:0px;width: 100%;max-width: 99999px;padding:90px 0px;color:#FFF;}

#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;}
#testimonial .swiper-slide {width:420px;}
#testimonial .swiper-slide > div {background-color: #FFF;padding:20px 20px 40px;margin-right:50px}


#doctors {background-color: #FFF;padding-top:110px;padding-bottom:60px}
#doctors .sliderWrapper {height:300px;}
#doctors .swiper-container {    position: absolute;}
#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}
#doctors .profilePhoto {}


#highlighted {margin-top:50px;margin-bottom:160px;}
#highlighted .item {margin-top:40px}
#highlighted .item:first-child {margin-top:0px}
#highlighted .item.left {    margin-right: -232px;}
#highlighted .info {background-color: #FAFAFA;padding: 40px 50px 30px;width: 400%;position: relative;left: -200px;}
#highlighted .info .title {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: 90px;}
#highlighted .item.left .showMore {right: 50px;}


.swiper-slide {overflow:hidden;}


.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) {
    .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: 200px;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;}

    .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:154px;}
    #slide .swiper-slide .layer {    padding: 20px;}
    #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;}

    #dna {    padding: 70px 20px;}
}
@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 */

}