/*	================================================== //
 * 
 * 		----
 * 
 * 		ADAPTABILITY CANADA / AGE AT HOME --
 * 
 *		----
 * 
 * 	================================================== // 	
 */
/* ===================================================== */
/* ---
/* ===================================================== */
/* ===================================================== */
/* CSS RESET	--- */
/* ===================================================== */
html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big,
cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, tt, var, b, u, i,
center, dl, dt, sup, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure,
figcaption, footer, header, hgroup,
menu, nav, output, ruby, section,
summary, time, mark, audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

sup {
  vertical-align: top;
  font-size: 9px;
  position: relative;
  top: -0.2em; }

/* ===================================================== */
/* INSTALL FONTS	--- */
/* ===================================================== */
@font-face {
    font-family:'Roboto-Regular';
    src: url('/template/aah-web/lb/font/roboto/Roboto-Regular.eot');
    src: url('/template/aah-web/lb/font/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('/template/aah-web/lb/font/roboto/Roboto-Regular.woff') format('woff'),
         url('/template/aah-web/lb/font/roboto/Roboto-Regular.ttf') format('truetype'),
         url('/template/aah-web/lb/font/roboto/Roboto-Regular.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Roboto-Bold';
    src: url('/template/aah-web/lb/font/roboto/Roboto-Bold.eot');
    src: url('/template/aah-web/lb/font/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('/template/aah-web/lb/font/roboto/Roboto-Bold.woff') format('woff'),
         url('/template/aah-web/lb/font/roboto/Roboto-Bold.ttf') format('truetype'),
         url('/template/aah-web/lb/font/roboto/Roboto-Bold.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* ===================================================== */
/* WEBSITE STYLES	--- */
/* ===================================================== */
html, body {
    margin: 0px auto;
    padding: 1px 0;
    width: 100%;
    color:#2a2d34;
    background: #EEE;
    font-family: "Roboto-Regular", "Calibri", Tahoma, Georgia, Helvetica, Arial, sans-serif;
    overflow-y: auto; 
}
header,
section,
footer {
    width:1650px;
    margin:0 auto;
    background:#FFF;
    overflow-y:auto;
    padding:1px 0;
}
.page-wrap {
    position:relative;
    width:1200px;
    margin:0 auto;
    overflow-y:auto;
    padding:1px 0;
}

header {
    border-bottom:45px #435c89 solid;
    padding:25px 0 15px 0;
}
.header-top {
    padding-bottom:5px;
    border-bottom:1px #CCC solid;
}
#logo {
    float:left;
    width:363px;
}
#logo img {
    width:100%;
}
#header-right {
    float:right;
    width:50%;
    width:calc(100% - 370px);
    text-align:right;
    padding-top:15px;
}
.hr-contact {
    display:inline-block;
    vertical-align:middle;
}
.hr-contact:first-child,
.hr-contact:nth-child(2){
    padding-right:15px;
}
.hrc-ico,
.hrc-txt {
    display:inline-block;
    vertical-align:middle;    
}
.hrc-txt {
    font-size:12px;
    color:#666;
}
.hrc-txt a {
    color:#666;
}
.hr-contact .sm {
    font-size:10px;
}
.hr-contact .rg {}
.hr-contact .lg {
    font-size:16px;
}


.menu {
    padding:15px 0 10px;
    overflow-y:auto;
}
#main-menu {
    float:left;
    width:70%;
    width:calc(100% - 200px);
}
#main-menu ul li {
    display:inline-block;
}
#main-menu ul li a {
    display:inline-block;
    font-size:18px;
    color:#7e7f84;
    padding:5px 15px;
    text-transform:uppercase;
    text-decoration:none;
}
#main-menu ul li a:hover {
    color:#435a89;
    text-decoration:underline;
    transition:400ms;
}
#main-menu ul li a:first-child {
    padding-left:0;
}
#search-bar {
    float:right;
    width:180px;
}
#search-bar input {
    float:right;
    width:90%;
    width:calc(100% - 30px);
    border:1px #CCC solid;
    padding:5px 10px;
}
.content {
    min-height:500px;
}

#about-wrap {
    border-top:1px #CCC solid;
    margin:25px 0;
    width:100%;
    padding:15px 0;
    overflow-y:auto;
}
.about-wrap-header {
    position:relative;
    width:100%;
    padding-top:25px;
}
.about-wrap-header h4 {
    font-family:"Roboto-Bold";
    font-weight:bold;
    font-size:26px;
    padding-bottom:25px;
    color:#5a5858;
}
.about-wrap-header h4 span {
    color:#435c89;
}
.about-wrap-content {
    position:relative;
    width:100%;
    padding:15px 0;
}
.about-wrap-left {
    float:left;
    width:20%;
    width:calc(25% - 35px);
    border-right:1px #EEE solid;
    padding-right:25px;
    font-size:14px;
    text-transform:uppercase;
    color:#666;
}
.social-icons {
    position:relative;
    width:100%;
    padding:20px 0;
    text-align:left;
}
.social-ico {
    display:inline-block;
    padding:0 10px;
}
.social-ico:first-child {
    padding-left:0;
}
.social-ico:last-child {
    padding-right:0;
}
    
.about-wrap-left p {
    width:100%;
}
.about-wrap-right {
    float:right;
    width:70%;
}
.about-wrap-right p {
    color:#333;
    font-size:14px;
    line-height:20px;
    margin-bottom:15px;
}
.about-wrap-right strong {
    font-weight:bold;
}


#footer-top,
#footer-bottom {
    position:relative;
    width:100%;
    padding:25px 0;
    overflow-y:auto;
}
#footer-top {
    background:#e19943;
}
.footer-wrap {
    border-top:1px #e19943 solid;
    margin-top:10px;
    padding-top:15px;
    padding-bottom:5px;
}
#ft-left {
    float:left;
    width:70%;
    width:calc(100% - 250px);
    font-family:"Roboto-Bold";
    font-size:26px;
    color:#FFF;
    text-transform:uppercase;
    padding:18px 0;
}

    
#ft-right {
    float:right;
    text-align:right;
}
#ft-right a {
    display:block;
    padding:20px 0;
    width:225px;
    font-size:26px;
    color:#FFF;
    background:#2a2d34;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
}

#footer-bottom {
    font-size:12px;
}
#footer-bottom a {
    color:#2a2d34;
    text-decoration:none;
}
#fb-left {
    float:left;
    width:65%;
}
#fb-left a {
    color:#435c89;
}
#fb-right {
    float:right;
    text-align:right;
    width:30%;
}
#fb-right a {
    text-transform:uppercase;
    padding:0 10px;
}
#fb-right a:last-child {
    padding-right:0;
}

/* =========================================== --*/
/* @HOMEPAGE - SPECIFIC  -- */
/* =========================================== --*/
#slideshow,
#slides-frame,
#slideshow.inner,
#slides-frame.inner {
    height:600px;
    overflow:hidden;
}
#slides-frame {
    position:relative;
    width:200%!important;
}
#active-slide,
#next-slide {
    display:inline-block;
    width:50%;
    width:calc(50% + 5px);
    margin-right:-4px;
    height:100%;
}
#active-content {
    position:relative;
    width:100%;
    height:100%;
    margin-top:-600px;
    color:#FFF;
    padding:1px 0;
    text-transform:uppercase;
}
#active-content.inner {
    margin-top:-123px;
    margin-left:-25px;
}
.page-slide-inner {
    padding-top:20px;
    padding-bottom:20px;
    background:rgba(255,153,67,0.65);
}
#active-title,
#active-content.inner #active-title {
    width:70%;
    padding-top:250px;
    font-size:72px;
    line-height:60px;
    text-shadow:0 2px 3px rgba(0,0,0,0.5);
    font-family:"Roboto-Bold";
    text-transform:uppercase;
}
#active-content.inner #active-title {
    width:80%;
    font-size:65px;
    padding-top:0;
}
#active-content-sub {
    position:relative;
    margin:10px 0;
    font-size:18px;
    overflow-y:auto;
    padding:5px 0;
}
.home-sub {
    width:55%;
    line-height:22px;
    background:rgba(67,92,137,0.8);
    padding:15px 15px!important;
    text-transform:none!important;
}
#active-content-sub span {
    white-space:nowrap;
}
#active-content.inner #active-content-sub {
    font-size:20px;
    margin-top:3px;
    text-shadow:0 2px 0 rgba(0,0,0,0.25);
}
#active-content.inner #active-title,
#active-content.inner #active-content-sub {
    padding-left:25px;
}
#active-cta {
    position:relative;
    margin-top:20px;
    margin-bottom:35px;
}
#active-cta a {
    background:#e19943;
    padding:10px 15px 10px;
    text-transform:upercase;
    font-size: 16px;
    color:#FFF;
    text-align: center;
    text-decoration:none;
}
#active-cta a:hover {
    background:#555;
    color:#FFF;
}


#homepage-top {
    overflow-y:auto;
    width:100%;
    padding:35px 0;
    text-align:center;
}
.ht-col {
    display:inline-block;
    width:31%;
    vertical-align:top;
    text-align:left;
}
.ht-col:nth-child(2){
    margin:0 3%;
}
.ht-col img {
    width:100%;
}
.ht-col-title {
    margin:15px 0 10px;
}
.ht-col-title a {
    text-transform:uppercase;
    text-decoration:none;
    font-size:20px;
    color:#435c89;
}
.ht-col-title a:hover {
    text-decoration:underline;
}
.ht-col-text {
    font-size:14px;
    line-height:20px;
}


#featured-products {
    position:relative;
    width:100%;
    padding:25px 0;
    overflow-y:auto;
    text-align:center;
}
.page-title {
    position:relative;
    margin:0 auto;
    overflow-y:hidden;
    padding:2px 0;
}
.pt-line,
.pt-title {
    display:inline-block;
    vertical-align:middle;
}
.pt-line {
    width:150px;
    height:1px;
    background:#CCC;
}
.pt-title {
    padding:0 15px;
    font-size:18px;
    text-transform:uppercase;
}

.products-col {
    position:relative;
    width:100%;
    padding:35px 0;
}
.prod-col {
    display:inline-block;
    width:23%;
    text-align:left;
    border:1px #CCC solid;
    box-sizing: border-box;
    vertical-align:top;
}
.prod-col:nth-child(2){
    margin:0 1% 0 2%;
}
.prod-col:nth-child(3){
    margin:0 2% 0 1%;
}
.prod-col img {
    width:100%;
    border-bottom:1px #CCC solid;
}
.prod-info {
    position:relative;
    width:90%;
    margin:0 auto;
}

.pi-title {
    padding:15px 0 5px;
}
.pi-title a {
    text-decoration:none;
    font-size:18px;
}
.pi-subtitle {
    font-size:14px;
    padding-bottom:15px;
}
.pi-title a,
.pi-subtitle {
    color:#435c89;
    text-transform:uppercase;
}
.pi-text {
    font-size:14px;
    line-height:20px;
    padding-bottom:15px;
    min-height:180px;
}
#featured-products .pi-text {
    min-height:0;
}
.pi-price {
    border-top:1px #CCC solid;
    color:#435c89;
    font-weight:bold;
    padding:15px 0;
}

/* =========================================== --*/
/* @SINGLE PAGE -- */
/* =========================================== --*/
.single-page {
    padding:35px 0;
}
.single-page h1 {
    font-size:36px;
    font-family:"Roboto-Bold";
    font-weight:bold;
    color:#666;
    padding-bottom:25px;
}
.single-page h1 span {
    color:#435c89;
}
.page-content {
    position:relative;
    width:100%;
    border-bottom:3px #CCC solid;
    margin-bottom:10px;
    padding-bottom:15px;
    overflow-y:auto;
}

.page-content_left {
    float:left;
    width:20%;
    width:calc(25% - 35px);
    margin-right:35px;
}
.sub-nav {
    position:relative;
    width:100%;
    border-top:15px #435c89 solid;
    padding-top:10px;
}
ul.sub-menu li a {
    display:block;
    width:90%;
    width:calc(100% - 15px);
    color:#FFF;
    background:#666;
    margin:1px 0;
    padding:20px 0 20px 15px;
    text-transform:uppercase;
    text-decoration:none;
}
ul.sub-menu li a:after {
    content: ' 〉';
    position:absolute;
    left:100%;
    margin:0 0 0 -20px;
}
ul.sub-menu li a:hover {
    background:#435c89;
    transition:400ms;
}

/* =========================================== --*/
/* @PRODUCT PAGE-- */
/* =========================================== --*/
.prod-page {
    border-top:3px #CCC solid;
    margin-top:35px;
}
.product-page_left {
    float:left;
    width:20%;
    width:calc(25% - 35px);
    border:1px #CCC solid;
    box-sizing:border-box;
    margin-right:35px;
    padding-bottom:15px;
    overflow-y:auto;
}
.ppl-feat {
    position:relative;
    width:100%;
    border-bottom:1px #CCC solid;
}
.ppl-feat img {
    position:relative;
    width:100%;
}
.ppl-price {
    font-size:26px;
    margin-top:15px;
    padding-left:15px;
    color:#435c89;
}
.product-page_right,
.page-content_right,
.page-content_left.col2 {
    float:left;
    width:75%;
    border-top:3px #CCC solid;
    padding-top:15px;
}
.page-content_left.col2_3 {
    float:right;
    margin-left:35px;
    margin-right:0px;
}
.col1 {
    margin-top:0;
    padding-top:25px;
    border-top:3px #CCC solid;
}
.product-page_right h1,
.page-content_right h1 {
    margin-bottom:0;
    padding-bottom:0;
}
.product-page_right h2,
.page-content_right h2,
.page-content_left.col2 h2 {
    font-size:18px;
    color:#435c89;
    font-weight:bold;
    padding:5px 0 15px;
    margin-bottom:15px;
    border-bottom:1px #EEE solid;
}
.product-page_right p,
.single-page p {
    margin-bottom:15px;
    line-height:22px;
    font-size:16px;
}
.col2 ul li,
.col1 ul li {
    font-size:16px;
}
.col2 ul {
    margin-bottom:15px;
}
.col2 strong {
    font-weight:bold;
}
.page-content_left.col2,
.page-content_right.col2 {
    width:48%;
}
.page-content_right.col2 {
    float:right;
}

.page-content_left.col2_3 {
    width:25%;
}
.page-content_right.col2_3 {
    float:left;
    width:70%;
    margin-left:0;
}
.page-content_left.col2_3 img {
    width:100%;
    margin:15px 0;
    box-shadow:0 2px 0 rgba(0,0,0,0.05);
}

.page-content_left ul li,
.page-content_right ul li,
.col1 ul li {
    border-left:1px #e19943 solid;
    margin:5px 0 5px 10px;
    padding-left:10px;
}

/* =========================================== --*/
/* @PRIVACY  -- */
/* =========================================== --*/
.single-page.privacy h1 {
    margin-bottom:0;
}
.single-page.privacy em {
    font-size:12px;
    font-style:italic;
}
.single-page.privacy p {
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}
.single-page.privacy strong {
    font-weight:bold;
}

/* =========================================== --*/
/* @GLOBAL -- */
/* =========================================== --*/
.larger-txt {
   font-size:20px!important;
    line-height:28px!importat;
    font-weight:bold;
}


/* =========================================== --*/
/* @RESPONSIVE  -- */
/* =========================================== --*/
@media only screen and (max-width:1650px){
    header,
    section,
    footer {
        width:100%;
    }
}
@media only screen and (max-width:1280px){
    .page-wrap {
        width:1003px;
    }
    .pi-title a {
        font-size:16px;
    }
    .pi-text {
        font-size:12px;
         min-height:180px;
    }
}
@media only screen and (max-width:1024px){
    .page-wrap {
        width:96%;
    }
    #active-content.inner #active-title {
        width:80%;
        font-size:55px;
        padding-top:0;
    }
}
@media only screen and (max-width:967px){
    .products-col {
        text-align:center;
    }
    .prod-col {
        width:40%;
        margin:15px 10px;
    }
    .pi-text {
         min-height:50px;
    }
    #main-menu {
        width:100%;
        text-align:center;
    }
    #active-title {
        padding-top:100px;
    }
    .page-content_left.col2,
    .page-content_right.col2 {
        float:none;
        width:100%;
        overflow-y:auto;
        margin:0 auto 35px;
    }
    
    
}
@media only screen and (max-width:867px){
    #active-content.inner {
        margin-top:-430px;
        margin-left:0;
        text-align:center;
        width:100%;
    }
    .page-slide-inner {
        padding-top:10px;
        padding-bottom:10px;
    }   
    #active-content.inner #active-title,
    #active-content.inner #active-content-sub {
        width:100%;
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0;
    }
}
@media only screen and (max-width:840px){
    .ht-col {
        width:90%;
        margin:25px 0;
    }
    .ht-col img {
        width:100%;
    }
}
@media only screen and (max-width:767px){
    #main-menu ul li a {
        font-size:14px;
    }
    
    #fb-left,
    #fb-right {
        float:none;
        text-align:center;
        width:90%;
        margin-bottom:15px;
    }
    
}
@media only screen and (max-width:640px){
    .page-wrap {
        width:85%;
    }
    .prod-col {
        width:90%;
        margin:15px auto;
    }
    .prod-col:nth-child(3){
        margin-top:15px;
    }
    .pi-text {
         min-height:50px;
    }
    #logo,
    #header-right {
        float:none;
        width:100%;
        text-align:center;
    }
    #header-right {
        padding-bottom:15px;
    }
    #logo img {
        width:240px;
        margin:0 auto;
    }
    #active-title {
        text-align:Center;
        width:100%;
        padding-top:60px;
        font-size:58px;
        line-height:54px;
    }
    #active-content-sub {
        font-size:14px;
        margin:15px auto;
        position:relative;
    }
    #active-content .page-wrap {
        width:96%;
    }
    #active-cta {
        padding:0;
        margin:0 auto;
        width:90%;
    }
    #active-cta a {
        display:block;
        width:90%;
        font-size:13px;
        padding-left:0;
        padding-right:0;
        width:auto;
        margin:0;
    }
    .home-sub {
        width:90%;
        line-height:18px;
    }
    
    .about-wrap-header {
        text-align:center;
    }
    .about-wrap-left,
    .about-wrap-right,
    #ft-left,
    #ft-right {
        float:none;
        width:90%;
        padding:0;
        margin:15px auto;
        text-align:center;
        border:0;
    }
    .social-icons {
        width:100%;
        margin:0 auto;
        text-align:center;
    }
    .social-ico {
        float:none;
        display:inline-block;
    }
    
    #ft-right a {
        display:inline-block;
    }
        
}

@media only screen and (max-width:340px){
    #active-title {
        font-size:50px;
        line-height:46px;
    }
    .page-slide-inner #active-title {
        padding-top:20px!important;
        font-size:40px!important;
        line-height:32px!important;
    }
    .page-slide-inner #active-content-sub {
        font-size:14px!important;
        line-height:12px;
    }
}
/* =========================================== --*/
/* @PRINT -- */
/* =========================================== --*/
@media print {
    
    body,html {
        zoom:0.65;
    }
    nav,
    #slideshow {
        display:none;
    }
    
    @page {
        margin: 0.5cm;
    }
    
}