/* Minification failed. Returning unminified contents.
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
 */
/* -----------------------------------------------
Title: A MAtter of Health
Author:  Ramkumar
Copyright:  2016
--------------------------------------------------*/
/*================= Responsive Styles ================== */


/*=========== For Mobile Styles ===============*/
@media only screen and (max-width: 767px) {
    #myContainer {  max-width:767px; margin:0 auto; }
   
}

/*=========== For Mobile Styles End ===============*/





/*=========== For Tablets/iPad Styles ===============*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #myContainer {  max-width:1024px; margin:0 auto; }
    
    
}

/*=========== For Tablets/iPad End ===============*/



/* Slider */
.slider button { display:none !important; }
.slider .slick-dots button { display:block !important; }
.slider div {width:1200px; margin:0 auto; position: relative; }
.slider div:hover aside {display: block; }
.slider div aside { background: rgba(0, 0, 0, 0.7) /*rgba(67, 176, 42, 0.8)*/; color:#FFF; display:none; position: absolute; top:50px; left:50px; z-index:11; width:500px; padding:20px; text-align: left; }
.slider div aside h2 { color:#FFF; font-size: 24px; padding: 0 0 5px 0; }
.slider div aside p { color:#FFF; font-size: 14px; line-height:1.3; }


.slider2 button { display:none !important; }
.slider2 .slick-dots button { display:block !important; }
.slider2 div {width:1200px; margin:0 auto; position: relative; }
.slider2 div:hover aside {display: block; }
.slider2 div aside { background: rgba(67, 176, 42, 0.8); color:#FFF; display:none; position: absolute; bottom:80px; left:0px; z-index:11; width:100%; padding:20px; text-align: left; }
.slider2 div aside h2 { color:#FFF; font-size: 24px; padding: 0 0 5px 0; }
.slider2 div aside p { color:#FFF; font-size: 14px; line-height:1.3; }


.slick-slider { position: relative; display: block;  box-sizing: border-box;  -webkit-touch-callout: none;   -webkit-user-select: none;   -khtml-user-select: none;   -moz-user-select: none;
    -ms-user-select: none;   user-select: none;   -ms-touch-action: pan-y;   touch-action: pan-y;   -webkit-tap-highlight-color: transparent; }
.slick-list {  position: relative;  overflow: hidden;  display: block; margin: 0;  padding: 0; }
.slick-list:focus { outline: none;  }
.slick-list.dragging { cursor: pointer;  cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {   -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Dots */
.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -49px; list-style: none; display: block; text-align: center; padding: 5px 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 30px; width: 30px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 30px; height: 30px; font-family: "slick"; font-size: 50px; line-height: 20px; text-align: center; color: #b6e0ac; opacity: 1; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: #6a8264; opacity: 1; }