/* ===== COLORS ===== */
.r-brown{color:#342e1f;}
.r-beige{color:#bcb196;}
.r-beige2{color:#e7e5dd;}
.r-beige3{color:#d0c3b2;}
.r-beige4{color:#dcd8ce;}
.r-white{color:#fff;}
.r-ccc{color:#ccc;}
.r-bg-brown{background-color:#342e1f;}
.r-bg-beige{background-color:#bcb196;}
.r-bg-beige2{background-color:#e7e5dd;}
.r-bg-beige3{background-color:#d0c3b2;}
.r-bg-white{background-color:#fff;}
.r-bg-beige4{background-color:#dcd8ce;}

.r-line{width:120px;height:3px;margin:auto;margin-top:30px;}

/* ===== LINKS =====*/
a{color:#bcb196;}
a:hover{color:#342e1f;}
.brown-bg:hover{color:#dcd8ce!important;}
#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #bcb196;
}
.button.button-dark:hover { background-color: #dcd8ce; }

/* ===== TOPBAR ===== */
.topbar{font-size:14px;color:#bcb196;background-color:#342e1f;padding:10px;}
.top-comp{display:block;}
.top-mobile{display:none;}
.top-btn{border:none!important;border-radius:2px;padding:3px 15px;color:#342e1f;background:#bcb196;font-size:12px;}
.top-btn:hover{background-color:#e7e5dd;}

/* ===== LOGO / NAV ===== */
#logo img{padding:10px;max-width:100%;}
.logo-comp{display:block!important;}
.logo-mobile{display:none!important;}
.board{display:block;}
    .board-mid{display:none;}

/* ===== HOMEPAGE ===== */
.hero{background: url('../img/dog5.jpg') no-repeat center #ccc;height:500px;background-size:cover;}
.r-feature h3{height:180px;}
.welcome{font-size:18px;padding:70px 15px 60px 15px;background:url(../img/bg3.png) no-repeat;border-top:0px solid #bcb196;max-width:500px;margin:auto;}
.iacp-home{margin-top:-35px;}
.iacp-home img{width:220px;}

/* ===== SECONDARY PAGES ===== */
.secondary-hero{padding:60px 30px 30px 30px;}
.prices{padding:30px;}
.r-line2{width:50px;height:3px;margin:auto;margin-top:0px;}
.r-pricing{width:100%;max-width:500px;margin:0 auto;margin-top:30px;}
.pricing-paw{width:20px;padding-bottom: 7px;}

/* ===== FOOTER ===== */
.r-questions{background:url('../img/questions.png') no-repeat top center;padding-top:80px;margin-top:60px;border-bottom: 5px solid #bcb196;}
.r-questions div{margin-top:0px;padding-bottom:10px;}
.foot-left{text-align: left;}
.foot-right{text-align: right;}

/* ===== MEDIA ===== */
@media (max-width: 1200px) {
   .r-feature h3{height:220px;}
    #primary-menu ul li > a {
        letter-spacing: 0px;}
    .board{display:none;}
    .board-mid{display:block;}
    
    #primary-menu ul li > a {
        line-height:16px;
    }
    
}

@media (max-width: 991px) {
    .board{display:block;}
    .board-mid{display:none;}
  .iacp-home{margin-top:-10px;}
  .iacp-home img{width:200px;}
  .r-feature h3{height:150px;padding-bottom:20px;}
  .r-feature{margin-bottom:50px;}
  .foot-left{text-align: center;}
  .foot-right{text-align: center;}
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
    color: #bcb196 !important;}
  .secondary-hero{padding:10px 10px 60px 10px;}
  .hero{background: url('../img/dog2.jpg') no-repeat right #ccc;height:500px;background-size:cover;}
    
        #primary-menu ul li > a {
        line-height:20px;
    }
}

@media (max-width: 767px) {
  .top-comp{display:none;}
  .top-mobile{display:block;}
  .r-feature h3{height:auto;}
}

@media (max-width: 575.98px){
.container, #header.full-header .container, .container-fullwidth {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}

@media (max-width: 500px) {
  .welcome {background:rgba(52, 46, 31, 0.3);}
    #logo img{max-width:275px;max-height:85px;margin-top:10px;padding:10px 0;}
  .top-l, .top-r{padding-right:5px;padding-left:5px;font-size:13px;}
}

@media (max-width: 400px) {
  .welcome {background:rgba(52, 46, 31, 0.3);}
  #logo img{max-width:250px;margin-top:10px;padding:0px 0;}
  .logo-comp{display:none!important;}
  .logo-mobile{display:block!important;}
  
  .button.button-xlarge {
    padding: 0 12px;
    font-size: 16px;
    letter-spacing: 1px;
}


}
.owl-dot{margin-top:10px!important;}
#p-carousel{margin-top:0px!important;}

