/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* main styles /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    font-weight: normal;
    background: #EFECE9;
    margin:0;
    padding:0;
    text-rendering: optimizelegibility;
}
img { margin:0; padding:0; max-width:100%; width:100%; display:block; /*width: 100 must be removed later*/}
.download {
    width:auto;
}
.info-list-01 {
    padding: 10px;
    background: #efece9
}

.info-list-01  > li{
    padding: 10px;
    border: 1px solid #b74137;
    margin-bottom: 5px;
    color: #b74137;
    font-size: 1.8rem;
    list-style: none;
    background: #fdfcfc;
}
.download-a {
    float: left;
}
.profile-thumb {
    height:150px;
    width:100px;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* typography //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

html { font-size: 62.5%!important;}/* 1em/rem = 10px */ 
body { font-size: 1.4rem;}/* =14px */

h1, h2, h3, h4, p { margin: 0; padding: 0; font-weight:normal;}

h1 { font-size: 4.2rem; line-height: 50px; color:#B74137; }/* 42px; */
h2 { font-size: 2.2rem; }/* 22px; */
h3 { font-size: 1.8rem; }/* 18px; */
p { padding: 10px 0; }

a {
    color: #b74137;
    text-decoration: none;
}
    a:hover { transition: ease 0.2s; text-decoration:underline; }

input, select, textarea { -webkit-appearance: none; border-radius: 0; }

ul { margin:0; padding:0 20px;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* main ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.wrapper { min-width: 1260px; width: 100%; margin: 0 auto; }
.content { width: 1220px; margin: 0 auto; display: block; padding: 0 20px; }
.footer, .header { width:100%; }

.area20 {float:left;width:20%;}
.area25 {float:left;width:25%;}
.area33 {float:left;width:33.3%;}
.area40 {float:left;width:40%;}
.area50 {float:left;width:50%;}
.area60 {float:left; width:60%;}
.area66 {float:left; width:66.6%;}
.area75 {float:left; width:75%;}
.area80 {float:left; width:80%;}
.area90 {float:left; width:90%;}
.area100 {float:left;width:100%;}

.multi_Column_Layout {margin:0 -10px;}
.column_Inner_Padding {margin:0 10px;}

.area20, .area25, .area33, .area40, .area50, .area60, .area66, .area75, .area80, .area90, .area100 {margin-bottom: 20px;}

/* mobile disabled
@media all and (max-width: 800px) {
    .area20, .area25, .area33, .area40, .area50, .area60, .area66, .area75, .area80, .area90 {width: 100%;}
}
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* helpers /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a, img, a, img { outline: none; border:0; }

.animate {
	-webkit-animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;/* Safari and Chrome */
	-ms-animation: fadein 0.5s;/* Firefox */
	-o-animation: fadein 0.5s;/* Internet Explorer */
	animation: fadein 0.5s;/* Opera */
}
/* on-start transition effect */
@keyframes fadein 			{from { opacity: 0; }to{ opacity: 1; }}
/* Firefox */
@-moz-keyframes fadein 		{from { opacity: 0; }to{ opacity: 1; }}
/* Safari and Chrome */
@-webkit-keyframes fadein 	{from { opacity: 0; }to{ opacity: 1; }}
/* Internet Explorer */
@-ms-keyframes fadein 		{from { opacity: 0; }to{ opacity: 1; }}
/* Opera */
@-o-keyframes fadein 		{from { opacity: 0; }to{ opacity: 1; }}

/* colours */
.txt-umber { color: #57483C;}/* nav li a bg */
.txt-cedar { color: #655546;} /* nav bg */
.txt-coffee { color: #655346;}/* banner h1 */
.txt-snow { color: #fff;}
.txt-kanada { color: #B74137;}

.bg-umber { background-color: #57483C;}/* nav li a bg */
.bg-cedar { background-color: #655546;} /* nav bg */
.bg-coffee { background-color: #655346;}/* banner h1 */
.bg-snow { background-color: #fff;}
.bg-kanada { background-color: #B74137;}
.bg-concrete { background-color: #f2f2f2;}

.bg-hover-umber:hover { background-color: #57483C;}
/* /colours */

.border-top { border-top: 1px solid #ddd; }
.border-bottom { border-bottom: 1px solid #ddd; }
.border-left { border-left: 1px solid #ddd; }
.border-right { border-right: 1px solid #ddd; }
.border { border: 1px solid #ddd; }
.border-top-none { border-top:0;}

.space-break { height: 20px; }
.space-break10 { height: 10px; }
.padding-bottom { margin-bottom:20px; }
.padding-bottom69 { margin-bottom:69px; }
.padding-bottom135 { margin-bottom:135px; }
.margin-bottom20 { margin-bottom:20px; }
.margin-bottom0 { margin-bottom:0; }
.padding10 { padding:10px;}
.padding20 { padding:20px; }
.paddingright20 { padding-right: 20px; }
.margin20 { margin:20px; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.title h2 { font-size: 2.8rem; font-weight:bold; line-height:1.4; color:#fff;  text-transform:uppercase; }

.shadow { 
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.clear{ clear:both; }
.hide { display: none; }

.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.inline-block { display: inline-block }
.top { top:0; }
.right { float: right; right:0;}
.bottom { bottom:0; }
.left { float: left; left:0; }
.center { margin:0 auto; text-align: center; left:0; right:0; }
.vertical-align { vertical-align: middle; }

.caps{text-transform:uppercase;}
.bold{font-weight:bold;}

.advertBG{background:#B74137;color:white;padding:10px;}

.bbox{box-sizing: border-box;}

.small{font-size:1.2rem;}

.gototop { display:block; position:absolute; top:-42px; right:0; background-color:#B74137; padding: 10px 20px;}
    .gototop:hover { background-color:#af3b31; text-decoration:none; }

.nobullets { list-style-type:none; margin:0 auto; padding:0;}

.sml-icon:before {
    content: "";
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 40px;
    height: 40px;
    float: left;
    background-size: 20px 20px;
}
.search-ico:before { background-image: url(../images/icons/search.png);}
.menu-ico:before { background-image: url(../images/icons/menu.png);}
.telephone-ico:before { background-image: url(../images/icons/telephone.png);}

.cat1-medium a, .cat2-medium a, .cat2 a { 
    width:90%; height:90%;
    display:block;
    margin:0 auto;
    overflow:hidden;
}

.cat1-medium { background: url(../images/icons/cat1-medium.png) right top no-repeat; 
        position:absolute; left:-110px; bottom:-24px; 
        background-size: 128px 128px; 
        width:128px; height: 128px;
        z-index:200;}

.cat2-medium { background: url(../images/icons/cat2-medium.png) right top no-repeat; 
        position:absolute; right:0px; bottom:-28px; 
        background-size: 90px 90px; 
        width:90px; height: 90px;
        display:none;
        z-index:200;}

.cat2 { background: url(../images/icons/cat2.png) right top no-repeat; 
        position:absolute; right:10px; top:-64px; 
        background-size: 64px 64px; 
        width:64px; height: 64px;}

.uppercase {
    text-transform: uppercase;}

.btn {
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 8px 22px;
    border: 0;
    min-width: 5em;
    display: inline-block;}
    .btn a { color:#fff; }
    .btn:hover { background:#57483C; }

    .btn.center {
        height: 20px;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 40px;
        right: 40px;
    }

.icon-home { margin-bottom: -2px; display:inline-block;}
/* horizontal line */
.horline { width:100%; display:block; }
.horline:after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  background: #999999;
  content: "";
  width: 100%;
  display: block;}
.horline span {z-index:1; position:relative; padding-right:10px; }

/* breadcrumb */
.breadcrumb { background:#fafafa; border-bottom: 1px solid #ddd; text-transform: capitalize;/* z-index:300; */position:relative; }
.breadcrumb p { font-size:12px; line-height:1; padding: 10px 0; vertical-align:middle;}
.breadcrumb a { color: #666; }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb-break { padding: 0 10px; display:inline-block;}

.width100 { width:100%; }
.max-width600 { max-width:600px; }


/* header */
.header { background: #fff; z-index:300; position:relative; }
.header .logo { max-width:260px; display: inline-block; padding: 10px 0 20px 0; }
.header-button { display:none; float:right; }
    .header-button .btn { margin-top:50px; float:right; }

    .header .top-nav { }
        .header .top-nav span { padding:20px 0; display:inline-block; }
    .header .search {
        margin-top: 20px;
        display:inline-block;
        float:right;
        border:1px solid #ddd;
        border-radius: 20px; }
        .header .search span { display:inline-block; padding:0 10px; }
        .header .search .btn-search { border:0; padding: 8px 22px; outline:none; border-radius: 20px; min-width:9em; margin: 6px 0;}
/* header > nav */
.nav {background:#655546;
      display:block;}

    .nav ul { list-style-type:none;
              margin:0; padding:0; margin: 0 auto; }

        .nav ul li {display:block;
                    float:left;
                    position:relative;
                    z-index:10;}

            .nav ul li a {
                padding: 12px 8px;
                display: block;
                color: #fff;
                font-size: 1.3rem;
            }

            .nav ul li:hover,    
            .nav ul li a:hover {
                    background:#57483C; 
                    text-decoration:none;}

                .nav ul li.active > a {
                  background: red;}
.bg-cedar a {
    color:#ffffff;
}
/* sub-menu 1st level */
.nav ul li:hover > ul {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    margin-top: 42px;
}

    .nav ul li ul { display:none; width: 220px; background-color: #57483C; font-size:1.3rem;}
        .nav ul li ul li { float:none; width:100%; }
            .nav ul li ul li a { border-top:1px solid #655546; border-bottom:0;}
            .nav ul li ul li a:hover { background-color: #655546; }


/* header > mobile-nav */
.mobile-nav { display:none; color:#fff; z-index:999; width:100%;}
.mobile-menu-logo {max-width:200px; margin:0 auto;}
.mobile-nav .center-me {}

.mobile-nav .box { float:left; background:#655546; position:relative; z-index:1; }
    .mobile-nav .box.box1 { text-align:center; width:25%; }
    .mobile-nav .box.box2 { text-align:center; width:50%; }
    .mobile-nav .box.box3 { text-align:center; width:25%; }

    .mobile-nav .box img { width:20px; height:20px; margin-bottom:-4px; display:inline-block }

    .mobile-nav .box p {padding:10px;}
/* content */
/* content > banner */
.banner h1, .banner h2 { font-size: 4.2rem; line-height: 50px; color:#B74137; }

/* content > about-us */
/*.about-us { height: 352px; }*/

/* content > latest-news */
.latest-news { margin: 10px 0; display:block;}
    .latest-news .post { padding:20px; display:block; border-bottom: 1px solid #ddd; /*height: 140px; height:463px;*/ min-height:166px; }
        .latest-news .post:last-child { border-bottom:0; }
        .latest-news .post .title { padding-bottom: 10px; }
    .latest-news a:hover { color:#B74137; }

/* content > testimonials */
.testimonials { margin: 10px 0; margin-bottom:20px; display: table;}
    .testimonials .message { padding:20px; /*display: table-cell;*/
    vertical-align: middle; border-bottom: 1px solid #ddd; }
    .testimonials .message:last-child {border-bottom:0;}
        .testimonials .message .text { margin-bottom: 4px; font-size:110%; padding-left:2rem; padding-right:2rem; text-align:center;}
        .testimonials .message .author { }

/* content > contact-us */
.contact-form { padding:20px;}
.form {
    outline: none;
	text-decoration: none;
	padding: 8px 22px;
    margin:0 0 20px 0;
    border: 1px solid #ddd;
    min-width: 65%;
    max-width:390px;
    color: inherit;
    background: #fff;
    overflow: hidden;}

/* content > members */
.members img { max-width:100px; float:left; margin-right:10px; }
.members a.link { position:absolute; bottom:10px; color:#B74137; }
.members .column_Inner_Padding { position:relative; border: 1px solid #EFECE9; background:#fafafa; }

.member img { max-width:none; float:left; margin-right:10px; }
.member a.link { }
.member .border { border: 1px solid #EFECE9; }

/* content > pricing */
.pricing-table { width:100%; border-spacing:0; border:1px solid #ddd; }
.pricing-table tr td { padding:10px 15px; }
.pricing-table tr:nth-child(even) td { background-color:#f2f2f2; border-top:1px solid #ddd; }
.pricing-table tr td:nth-child(2n) { border-left: 1px solid #ddd; border-right:1px solid #ddd; }

/* content > healthy-pet-club */
.healthy-pet-club                                                           {}

.healthy-pet-club section                                                   { border-bottom:1px solid #ddd; margin-bottom:40px; }
.healthy-pet-club section table                                                     { width:100%;text-align:left; border-bottom:1px solid #ddd; border-spacing:0; }

.healthy-pet-club section table tr th,
.healthy-pet-club section table tr td                                               { padding: 10px 15px; }

.healthy-pet-club section table tr:nth-child(odd) td                                { background:#;}
.healthy-pet-club section table tr:last-child td                                    { background:#f2f2f2;}

.healthy-pet-club section table tr th                                               { background:#666; color:#fff; font-weight:normal;}
.healthy-pet-club section table tr td                                               {  }

.healthy-pet-club section .area25 .column_Inner_Padding                             { padding:20px; background:#f2f2f2; border-bottom: 1px solid #ddd; }

.healthy-pet-club section .area75 .column_Inner_Padding                             {  }
.healthy-pet-club section .area75 .column_Inner_Padding                             { margin:0; }
.healthy-pet-club section h2                                                        { margin-bottom:20px; }


/* content > quick-nav */
.quick-nav { margin: 10px 0; }
    .quick-nav ul { margin:0; padding:0; list-style-type:none; }
        .quick-nav ul li {}
            .quick-nav ul li a { padding: 12px 16px; display:block; border-top: 1px solid #ddd; background:#fff; }
            .quick-nav ul li a:hover { color:#B74137; background:#f2f2f2; text-decoration:none; }
            .quick-nav ul li:hover { border-left: 4px solid #655546; transition: ease 0.2s;}

/* footer */
.footer { 
    color:#fff;
    text-align: left;}
    .footer a {
        color: white;
    }
.footer-nav { overflow:hidden;}
    .footer-nav ul { 
        list-style-type:none;
        padding:10px;
        overflow:hidden;}
        .footer-nav ul li {width:280px; float:left; margin:10px;}
            .footer-nav ul li ul { background-color: #57483C; margin-top: 10px; }
                .footer-nav ul li ul li { display:block; float: none; width:auto; margin:0;}
    
    .getintouch span {
        display: inline-block;
        color: #999;
    }
.getintouch a:before { content:"\25B8"; color: #999; font-size: 20px; margin-right: 5px; line-height:1; }

.mail:before { content:"\2709"; }
.phone:before { content:"\2706"; }



.footer .copyright { text-align:center; padding: 15px 0; }

.highlight { color: #B74137; -webkit-transition: ease 1s; }


/* Addition March 2017 */

.outofhours {
    background:#B74137;
    color:#fff;
    text-align:center;
    padding:0.25rem;
}
.outofhours a {
    text-decoration:none;
    cursor:default;
    display:inline-block;
    color:#ffffff;
}

blockquote{
    text-align:center;
    font-style:italic;
    font-size:120%;
    line-height:150%;
}


.main_notification {
    padding:2rem;
    text-align:center;
    font-size:120%;
    font-weight:bold;
}

.services img {
    /* resetting the width 100% set on all images */
    width: auto;
}
.services .small-image {
    display: inline-block;
    max-height: 150px;
}

.center{}