@font-face {
    font-family: 'roboto_slabregular';
    src: url('/type/RobotoSlab-Regular-webfont.eot');
    src: url('/type/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('/type/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('/type/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_slabbold';
    src: url('/type/RobotoSlab-Bold-webfont.eot');
    src: url('/type/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('/type/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('/type/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubunturegular';
    src: url('/type/ubuntu-regular-webfont.eot');
    src: url('/type/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/ubuntu-regular-webfont.woff2') format('woff2'),
         url('/type/ubuntu-regular-webfont.woff') format('woff'),
         url('/type/ubuntu-regular-webfont.ttf') format('truetype'),
         url('/type/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_serifregular';
    src: url('DroidSerif-Regular-webfont.eot');
    src: url('DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Regular-webfont.woff') format('woff'),
         url('DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('DroidSerif-Regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src:  url('/type/fontawesome-webfont.eot?v=4.5.0');
  src:  url('/type/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
        url('/type/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), 
        url('/type/fontawesome-webfont.woff?v=4.5.0') format('woff'), 
        url('/type/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), 
        url('/type/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body { font-family:'ubunturegular'; font-size:0.875rem; color:#333; background: url(/img/background.png); }

.wrapper { z-index:3; max-width:67.50rem; margin:0 auto; border-top:.3125em solid #50B5C7; border-bottom:0; background:#fff; box-shadow:0 0 .625em .08em rgba(0,0,0,.05); padding-top:0; }

ul.nav-lag { text-align:right; margin:1rem 2.5rem 1rem 0; }
.menu.align-right > li { float:none; display: inline-block; border-right:1px solid #00613A; font-size:0.813rem; }
.menu.align-right > li:last-child { border:none; }
.menu.align-right > li:hover { background-color:#e6fbff; margin-left:-2px; }
.menu.align-right > li a { padding: 0.25rem 0.5rem; }
.menu.align-right > li a.active { color:#00613A; border:none; }

header { margin-bottom:1.5rem; }
header h1 { padding:0 0 0 2.813rem; }
header h1 a { color:#00613A; }
header .site-name { font-family:'roboto_slabregular'; font-size:2.5rem; letter-spacing:1px; line-height:1; }
header .blue { color:#2c92d0; }
header .grey { color:#808184; font-size:2rem; padding:0 0 0 0.5rem; }
header .orange { color:#e95c33; }
header .site-name small { font-family:'ubunturegular'; font-size:1.25rem; letter-spacing:2px; color:#808184; display:inline-block; text-align:justify; }

header h2 , header h3 { padding:0 2.813rem 0 0; text-align:right;  }
header .title { color:#895C00; font-family:'ubunturegular'; font-size:1rem; margin-top:0.750rem; }
header .date { font-size:0.875rem; color:#808184; }
@media only screen and (max-width: 40em) {
  header h1 { padding:0; text-align:center; }
  header h2 , header h3 { padding:0; text-align:center; }
}

/*== .logo ==*/
.logo { margin:0; margin-top:-2.25rem; padding:0; width:300px; height:116px; text-shadow:none; z-index:150; }
.logo a { display:block; border-bottom:0; text-indent:-9999em; width:300px; height:116px; background-image:url("/img/care_mediflora_logo.png"); background-repeat:no-repeat; 	background-position:0 0; background-size:contain; margin:0 0 12px 12px; }
.logo a {-webkit-transition: all 0.5s ease-in-out 0s;
             -o-transition: all 0.5s ease-in-out 0s;
                transition: all 0.5s ease-in-out 0s;}
@media only screen and (max-width:1024px) { 
  .logo {  }
}
@media only screen and (max-width:639px) { 
  .logo { margin:0 auto; text-align:center; display:block; }
}
/*== //.logo ==*/

/*== Navigation ==*/
.top-bar { border-bottom:0.08rem solid #eee; background-color:#fff; padding:0 0.5rem; }
.top-bar ul { background-color:#fff; }
.top-bar-left  ul { padding-left:2.813rem; }
.top-bar-right ul { padding-right:3.5rem; }
.top-bar-right ul ul { padding-right:0; }

.top-bar .menu li { width: 7.8125em; text-transform: uppercase; text-align:center; }
.top-bar .top-bar-left .menu li { border-right:.08em solid #eee; }
.top-bar .top-bar-left .menu li:last-child { border:none; }
.top-bar .top-bar-right .menu li { border-left:.08em solid #eee; }
.top-bar .menu li a { font-size:.875rem; padding:0.750rem; letter-spacing: .08em; color:#0F8094; }
.top-bar .menu li a.active, .top-bar .menu li a:hover { color:#fff; background:#0F8094; border:0; }

.dropdown.menu.vertical .is-dropdown-submenu.first-sub { top:auto; left:0; padding-left:0; z-index:89; background:#fff; border:none; 
                                                              -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
                                                              -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
                                                              box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px; 
                                                            }
.is-dropdown-submenu { min-width:auto; width:auto; }
.top-bar  .menu .submenu li { border-right:none; border-bottom:.08em solid #eee; text-align:left; width:auto; }
.top-bar .menu .submenu li a { padding:1rem; }

.is-dropdown-submenu-parent.is-down-arrow > a:after { display:none; }
.is-dropdown-submenu-parent.is-right-arrow > a::after { display:none; }

@media only screen and (max-width: 40em) {
  .title-bar { padding-left:2rem; background:#fff; color:#005993; border-top:.08em solid #eee; border-bottom:.08em solid #eee;}
  .title-bar .menu-icon::after { background:#005993;  box-shadow: 0 7px 0 #005993, 0 14px 0 #005993; }
  .top-bar-left  ul { padding-left:1rem; }
  .top-bar .menu li { width:100%; text-align:left; border-bottom:.08em solid #eee; }
  .top-bar-right ul { padding-left:1rem; padding-right:0; } 
}
/*== //Navigation ==*/

.inner { padding:2rem 2.813rem 3rem; }
.center { text-align:center; }

/*== Home-Slider ==*/
.home-slider { margin:1rem 0 2rem; position:relative; /* Style the actual content */ }
.home-slider .text-content { position:absolute; top:0; left:0; right:0; background-color: rgba(255, 255, 255, 0.9); padding:1rem; width:100%; height:100%; text-align:center; }
.home-slider .text-content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c92d0+0,2c92d0+25,ffffff+65&1+0,0.5+25,0+65 */
background: -moz-linear-gradient(top,  rgba(44,146,208,1) 0%, rgba(44,146,208,0.5) 25%, rgba(255,255,255,0) 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,146,208,1) 0%,rgba(44,146,208,0.5) 25%,rgba(255,255,255,0) 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,146,208,1) 0%,rgba(44,146,208,0.5) 25%,rgba(255,255,255,0) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c92d0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.home-slider .text-content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50b5c7+0,50b5c7+25,50b5c7+65&1+0,0.5+25,0+65 */
background: -moz-linear-gradient(top,  rgba(80,181,199,1) 0%, rgba(80,181,199,0.5) 25%, rgba(80,181,199,0) 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(80,181,199,1) 0%,rgba(80,181,199,0.5) 25%,rgba(80,181,199,0) 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(80,181,199,1) 0%,rgba(80,181,199,0.5) 25%,rgba(80,181,199,0) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b5c7', endColorstr='#0050b5c7',GradientType=0 ); /* IE6-9 */
}
.home-slider .text-content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+25,000000+65&0.85+0,0.5+25,0+65 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0) 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.home-slider .text-content h2 { margin:0 auto; margin-top:2rem; width:85%; color:#fff; font-family:'roboto_slabregular'; font-size:1.75rem; text-align:center; letter-spacing:0.05rem; text-decoration:none; text-shadow:2px 2px 1px  #002e61; }

.home-slider .text-content h2.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-3000px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-3000px;opacity:0} to{left:0;opacity:1}}

.home-slider .text-content h2.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.home-slider .text-content h2.w3-animate-right{position:relative; -webkit-animation:animateright 0.2s; animation:animateright 0.2s;
                                              -webkit-animation-delay: 81s; /* Chrome, Safari, Opera */
                                              animation-delay: 81s;
                                              }
@-webkit-keyframes animateright{from{right:-30000px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-30000px;opacity:0} to{right:0;opacity:1}}

/*http://www.w3schools.com/lib/w3.css*/


.home-slider .text-content p { margin: 1em 0; font-size:0.875rem; line-height:1.75; color:#fff; text-shadow:1px 1px 2px #002e61; }
.home-slider .text-content a.button-link { padding:0.25em 0.5em; position:absolute; bottom:1em; right:1em; color:#fff; text-shadow:1px 1px 2px #002e61; }
.home-slider .image-content { line-height:0; }
.home-slider .image-content img { max-width:100%; }
.home-slider .news-pager { z-index:4; position:absolute; bottom:0px; left:0px; background-color: rgba(255, 255, 255, 0.6); width:auto; height:auto; text-align:right; display:block; margin:0px; padding:0px; list-style: outside none none; }
.home-slider .news-pager li { display:inline-block; padding:0.6em; margin:0 0 0 1em; }
.home-slider .news-pager li.sy-active a { color:#31ace2; }
.home-slider .news-pager li a { font-weight:500; text-decoration: none; display:block; color:#222; }
.home-slider .sy-controls { top:36%; }
.home-slider .sy-controls li { height:25%; }
@media only screen and (max-width: 40em) {
.home-slider .text-content h2, .home-slider .text-content p { font-size:0.750; line-height:1.15; }
}
/*== //Home-Slider ==*/

.excerpt { color:#435373; font-family:'roboto_slabregular'; font-size:1.25rem; line-height:1.5; letter-spacing:0.005rem; }

/*== Home-Partners ==*/
#partners .thumbnail { width:100%; }
#partners .thumbnail p { text-align:center; }
.thumbnail img { width:108px; height:auto; }
.thumbnail p:nth-child(2) { font-size:0.688rem; text-align:center; font-family:'roboto_slabregular'; padding-bottom:0; margin-bottom:0;  }
.part p { padding:0 0.75rem; }
.part p:nth-child(2)  a { font-size:0.875rem; }
.part p:nth-child(3) { padding-top:1.85rem; }
/*== //Home-Partners ==*/




/*== News ==*/
h4.news { position:relative; }
h4.news a { margin-right:1rem; padding-right:1rem; }
h4.news a:after { content:" "; position:absolute; bottom:10px; right:0; padding:.5em; color:#fff; width:80%; height:1px; line-height:1px; border-bottom:1px solid #50B5C7; }

.news { overflow:hidden; }
.news dt, .news dd { margin:0 0 1em; }
.news dt { clear:both; float:left; margin-right:.8em; width:29%; }
.news dt img { vertical-align:top; }
.news dd {   }
.news.home dd { border-bottom:.08rem solid #e5e5e5;; padding-bottom:0.5rem; }
.news.home dd:last-child { border-bottom:none; }

.news dd:after { content:''; display:table; clear:both; }
.news dd .overflow { overflow: hidden; }

.news dd  a { text-decoration: none; border:none; }
.news dd  p { margin-bottom:0; }
.news dd p.date { margin:0; padding-bottom:0; color:#6c969f; font-size:0.875rem; margin-top:-0.375rem; }
.news.home dd p.date { text-align:right; }
.news dd h3 { font-size:0.925rem; font-family:'ubunturegular'; margin-bottom:0; font-weight:bold; }
.news.home dd h3 { font-weight:normal; line-height:1.3; }
.news dd p.disc { font-size:0.875rem; }
.news dd p.more { text-align:right; padding-right:0.5rem; }
.news dd p.more a:after { content:"\f105"; font-family:"FontAwesome";text-transform:none !important; line-height:1; position:relative; top:3px; font-size:24px; margin:0px 0px 0px 6px; }

.news_one .title { font-size:1.5rem; margin-bottom:0; }
.news_one .date { margin:0; padding-bottom:1.5rem; color:#6c969f; font-size:0.875rem; margin-top:-0.375rem; }
.news_one .thumbnail { margin-right:1rem; }
/*== //News ==*/


/*== Page Content ==*/
.page h1, .page h2, .page h3, .page h4  { font-family:'roboto_slabregular'; }
.page h1 { font-size:2rem; margin-bottom:1.25rem; }
.page h2 { font-size:1.750rem; margin-bottom:1.25rem; }
.page h3 { font-size:1.5rem; margin-bottom:1.15rem; }
.page h4 { font-size:1.25rem; margin-bottom:1.05rem; }
.page a { border-bottom:.08rem solid #e5e5e5; padding-bottom:.08rem; }
.page a.button { border-bottom:none; padding-bottom:0; padding:0.85em 1em; margin:0 0 1rem 0; }
.page a.button.home { margin-top:0.750rem; margin-bottom:0; }
.page a:hover { border-color: #4db7db; }
.page p { font-size:0.938rem; line-height:1.75; }
.page .intone { color:#e95c33; }

.page .menu.vertical { width:12rem; float:right; margin-left:2rem; margin-bottom:2rem; }
.center { text-align:center; }

.page .programme li { font-weight:700; padding-bottom:1.5rem; }
.page .programme li ul  { padding-top:1rem; }
.page .programme li ul li { font-weight:400; padding-bottom:1rem; }
.page .programme li ul li:last-child { padding-bottom:0; }

.page .lect-holder { margin:0; padding:0; padding:1rem 0; border-bottom: .08em solid #eee;}
.page .lect-holder:last-child { border:none;}
.page h3.lecturer  { margin:0.5rem 0 0.75rem 0; }
.page p.para-aff { line-height: 115%; font-size:0.813rem; }
.page p.para-photo { float:left; padding-right:1.5rem; padding-bottom:1.5rem; line-height: 115%; font-size:0.813rem; }
.page p.para-photo { display:none; }
/*== //Page Content ==*/

/*== Sidebar Content ==*/
.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }
/** For IE 6/7 only Include this rule to trigger hasLayout and contain floats.  */
.cf { *zoom: 1; }
.sidebar-right { display:block; float:right; margin:32px 22px 32px 32px; padding:0px; position:relative; width:31%; z-index:9; }
.sidebar-right .block { background:#fff; border-top:5px #50B5C7 solid; padding:16px 20px 20px; position:relative; 
                       -webkit-box-shadow: 0px 0px 15px rgba(93,161,177,0.3);
                       -moz-box-shadow: 0px 0px 15px rgba(93,161,177,0.3);
                       box-shadow: 0px 0px 15px rgba(93,161,177,0.3);
                      }
.sidebar-right .block p img { width:35%; height:auto; }
.sidebar-right .block h4 { font-family:'roboto_condensedregular'; font-size:1.125rem; color:#328444; margin-bottom:0; padding:8px 0 4px; }
.sidebar-right .block h4:first-child { padding-top:0; } 
.sidebar-right .block p { font-size:0.875rem; margin-bottom:0.25rem; text-align:center; }
@media screen and (max-width: 40em) { .sidebar-right { margin:10px 0px 0px 0px; float:none; 	position:relative; width:100%; z-index:9; } }
/*== //Sidebar Content ==*/


p.excerpt { font-family:'roboto_slabregular'; font-size:1.125rem; font-weight:400; font-style:normal; color:#3b4648; }



.callout.large { padding:0; background-color:#E6E6E6; }

#section-title > .columns { padding-bottom:1rem; border-bottom: 1px solid #E3E5E8; }

#content {  }

#content > .columns { padding-top:1rem; }

.active { color:#46a4f2; border-bottom: 1px solid #E3E5E8; }

/*== Partners ==*/
.partners p.part img { padding-left:0.75rem; }
/*== //Partners ==*/

/*== Footer ==*/
footer.foo { max-width:67.50rem; padding:2.5rem 3.75rem 1.25rem; margin:0 auto; border-top:.625em solid #e6fbff; color: rgba(0,0,0,.35); background-color:#50B5C7; }
footer.foo  ul.menu { margin-top:0.5rem; margin-left:-0.7rem; }
footer.foo .menu > li:not(.menu-text) > a:hover { background:none; color:#fff; }
footer.foo .menu > li a { font-size:0.750rem; font-weight:300; text-transform:uppercase; color:#0F8094; }
footer.foo p.social { margin:0.375rem -0.2rem 0 0; text-align:right;  }
footer.foo .copy { font-size:12px; text-align:center;  }
/*== //Footer ==*/



/*http://callmenick.com/_development/simple-parallax-effect/*/
/*
<section class="module parallax parallax-1">
  <div class="container">
    <h1>Serene</h1>
  </div>
</section>
*/
section.module.parallax {
  height: 600px;
  height: 50vh;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 600px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-1 {
  background-image: url("/img/slippry/home-1.jpg");
}



@media print {
  ul.nav-lag, .top-bar, footer.foo ul.menu, .page a.button 
        { display: none; }
    
    .inner { width: 85%; margin: 0 auto; padding: 0px; }
    
    * { color: #000; background-color: #fff; @include box-shadow(none); @include text-shadow(none); }
    
    a:after { content: "( "attr(href)" )"; }
   
   .partners a:after { content: ""; }
   
  .partners, .partners p.part  { text-align:center; }
        
    h1, h2, h3, h4, h5 { page-break-after: avoid; }
    
  .logo:before {
    content:url("/img/care_mediflora_logo.png");
    text-indent:0em;
    z-index:100000;
    display: block;
    border-bottom: 0;
    width: 300px;
    height: 116px;
    margin: 1.5cm 0 0.5cm 0;
  }
  .logo a { display:none; }
  header .title { font-size:1.25rem; text-align:left; line-height:1.35; margin:0 4cm 0 2cm; }
  
}