@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Chau+Philomene+One');
/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Courgette', cursive;
font-family: 'Chau Philomene One', sans-serif;*/
@font-face {
    font-family: 'GoodDog Plain';
    src: url('../fonts/GoodDogPlain.eot');
    src: url('../fonts/GoodDogPlain.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoodDogPlain.woff2') format('woff2'),
        url('../fonts/GoodDogPlain.woff') format('woff'),
        url('../fonts/GoodDogPlain.ttf') format('truetype'),
        url('../fonts/GoodDogPlain.svg#GoodDogPlain') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GoodDog Cool';
    src: url('../fonts/GoodDogCool.eot');
    src: url('../fonts/GoodDogCool.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoodDogCool.woff2') format('woff2'),
        url('../fonts/GoodDogCool.woff') format('woff'),
        url('../fonts/GoodDogCool.ttf') format('truetype'),
        url('../fonts/GoodDogCool.svg#GoodDogCool') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font:400 14px/24px 'Roboto', sans-serif; color:#363636; background-color:#fff; padding:0; margin:0 }
html{ font-size:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% }
ul{padding:0;margin:0 }
ul li, ol li{ list-style-position:inside }
p{ padding-bottom:20px; margin:0 }
p strong{ font-weight:600 }
a{text-decoration:none; color:#2f2f2f }
a:focus, a:hover{ text-decoration:none; color:rgb(237,51,25) }
a:focus, .btn, .btn:hover, .btn:focus, .btn.active{outline:none; text-decoration:none}
a, a:hover, .btn, .header-top, .header-bottom, .logo img, .user-log ul, .nav-top-right, .hamburger-menu span, .nav-top-right, .notifications-box, body .owl-next, body .owl-prev, button, .filter-content, .button, button{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s   }	
.search-invite-section{ -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s }    
   
h2{ font:normal 48px/36px 'GoodDog Cool'; color:#553102; background-color: inherit; padding:0 0 15px; margin:0 }
body.inner-page h2{ color:rgb(229,51,10); background-color: inherit }
h3{ font:normal 30px/35px 'GoodDog Cool'; color:#fff; background-color: inherit; padding:0 0 15px; margin:0 }
h4{ font:300 22px/24px 'Roboto', sans-serif; color:#e5330a; background-color: inherit; padding:0 0 15px; margin:0 }
h4 .label{ margin-left:28px; font-size:12px; text-transform: uppercase; font-family:'Roboto', sans-serif; font-weight:400; padding:2px 10px }
h4 a{ color:#e5330a; background-color: inherit }
h4 a:hover{ color:#f85f3f; background-color: inherit }
h5{ font:400 18px/24px 'Roboto Condensed', sans-serif; color:#e5330a; background-color: inherit; padding:0 0 8px; margin:0 0 15px; border-bottom:1px dashed rgba(0,0,0,0.2) }
h5 span{ display: block }
h5.h5{ font:400 18px/20px 'Roboto Condensed', sans-serif; color:#e5330a; background-color: inherit; padding:0 0 12px; margin:0; border:none }
h6{ font:400 16px/24px 'Roboto Condensed', sans-serif; color:#5e5e5e; background-color: inherit; padding:0 0 8px; margin:0;}
img.img-rounded { border: 1px solid rgba(192,180,159,0.5)}
.label-success{ color:#fff; background-color:rgb(37,135,82) }
.label-danger{ color:#fff; background-color:rgb(229,51,10) }
.my-profile h2{ color:#e5441e; background-color: inherit }
::-moz-selection { background: #258752; color: #fff }
::selection { background: #258752; color: #fff }
.text-success{ color:rgb(37,135,82); font-size:13.5px }
.text-danger{ color:#e5441e; font-size:13.5px }
.no-right-margin{ margin-right:0 !important }
.no-left-margin{ margin-left:0 !important }

/* Row with equal height columns */
.row-eq-height{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex }

/*Loader Css*/
.loader { width:100%; height:100vh; display:table; position:fixed; top:0; left:0; z-index:9999; background:rgba(255,255,255,1) }
.loader-inner{ width:100%; height:100vh; text-align:center; display:table-cell; vertical-align:middle }
.sk-three-bounce {
    margin: 40px auto;
    width: 80px;
    text-align: center; }
.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #666;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

/*Header Css Start*/
header{ width: 100%; position: fixed; top: 0; left: 0; z-index:99 }
.header-top{ width: 100%; min-height:43px; padding: 6px 0; background-color:#2e2e2e }
body.home .header-top{ background-color:rgba(0,0,0,0.70) }
.header-top-right{ float: right }
ul.top-nav{ float: left; padding: 0; margin: 8px 0 0 }
ul.top-nav li{ float: left; padding: 0; margin:0 0 0 26px; font:400 14px/16px 'Roboto', sans-serif; list-style: none  }
ul.top-nav li a{ color: #fff; background-color: inherit }
ul.top-nav li a:hover, ul.top-nav li.current-menu-item a{ color: rgba(255,255,255,0.7); background-color: inherit }
ul.top-nav li .icon, ul.top-nav li .icon{ display: inline-block; vertical-align:middle }
ul.top-nav li .icon-forum{ width:24px; height: 16px; background: url(../img/forum-icon.svg) no-repeat 0 0; background-size:24px }
ul.top-nav li .icon-blog{ width:16px; height:15px; background: url(../img/blog-icon.svg) no-repeat 0 0 }
ul.top-nav li .icon-faq{ width:16px; height: 16px; background: url(../img/faq-icon.svg) no-repeat 0 0 }
ul.top-nav li .icon-contact{ width:18px; height: 12px; background: url(../img/contact-icon.svg) no-repeat 0 0 }
.menu-top-menu-container{ float: left }
ul.top-nav li.icon-forum a{ width:24px; height: 16px; background: url(../img/forum-icon.svg) no-repeat 0 0; background-size:24px; padding-left:30px }
ul.top-nav li.icon-blog a{ width:16px; height:15px; background: url(../img/blog-icon.svg) no-repeat 0 1px; background-size:17px; padding-left:22px }
ul.top-nav li.icon-faq a{ width:16px; height: 16px; background: url(../img/faq-icon.svg) no-repeat 0 0; background-size:16px; padding-left:22px }
ul.top-nav li.icon-contact a{ width:18px; height: 12px; background: url(../img/contact-icon.svg) no-repeat 0 0; background-size:18px; padding-left:24px }





.language-dropdown{ width:117px !important; height: 31px !important; float: left; padding: 0; margin: 0 0 0 19px !important; background-color: #424242; color: #ececec; font:300 14px/17px 'Roboto', sans-serif; outline: none; -webkit-appearance: none; -moz-appearance: none; background: url(../img/select-arrow-white.png) no-repeat right center #424242;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px }
.language-dropdown::-ms-expand { display:none }
.language-dropdown option{ border: 1px solid #f2f2f2; color: #333; background-color: #fff; padding: 5px 6px }
.language-dropdown option:hover{ background-color: green }
header .dropdown-menu{ border:1px solid #fff }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color:#008756 } 
ul.user-register{ float: right; padding: 0; margin: 8px 0 0 }
ul.user-register li{ float: left; padding: 0; margin:0 0 0 16px; font:400 14px/16px 'Roboto', sans-serif; list-style: none  }
ul.user-register li a{ color: #fff; background-color: inherit }
ul.user-register li a:hover, ul.user-register li.current-menu-item a{ color: rgba(255,255,255,0.7); background-color: inherit }
body.inner-page .header-bottom{ min-height: 121px; padding: 24px 0 0; background: url(../img/top_bg-inner.png) repeat-x center bottom; }
body.home .header-bottom{ min-height: 115px; padding: 28px 0 0; background: url(../img/top_bg.png) repeat-x center bottom; }
.logo img{ width:311px } 
/*Home Search Box Css Start*/
.search-box{ width:235px; height: 35px; float: right; margin: 10px 0 0; position: relative }
.search-box input[type="text"]{ width: 100%; height: 35px; font-size: 14px; padding: 0 42px 0 12px; border: 1px solid #d2d2d2; background-color: #f5f5f5; }
.search-box input[type="submit"]{ width: 16px;height:16px; padding: 0; margin: 0; position: absolute; top: 9px; right: 14px; border:none; background: url(../img/search_icon.png) no-repeat 0 0 }
.search-box input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #363636;
}
.search-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #363636;
    opacity:  1;
}
.search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #363636;
    opacity:  1;
}
.search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #363636;
}
.search-box input::-ms-input-placeholder { /* Microsoft Edge */
    color:    #363636;
}
.primary-nav{  float: left }
.primary-nav ul{ padding: 0; margin:7px 15px 0 0 }
.primary-nav ul li{ padding: 0; margin: 0 0 0 1px; float: left; list-style: none; text-transform: uppercase }
.primary-nav ul li a{ padding: 0 15px; margin: 0; float: left; font: 600 16px/44px 'Roboto Condensed', sans-serif; color: #363636; background-color: inherit;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px}
.primary-nav ul li a:hover{ color: #258752; background-color: inherit }
.primary-nav ul li.current-menu-item a{ color: #fff; background-color:#258752 }
.alert-msg{ float:left; position: relative; padding:4px 18px 0 }
a.link-alert{ color:#6b6b6b; background-color: inherit; position: relative; font-size:21px }
a.link-alert span{ width:15px; height:15px; color:#fff; background-color: #e5330a;  position: absolute; top: -0px; right:0; text-align: center; font-size: 12px; line-height: 15px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100% }
.user-log{ float: left; position: relative; margin-right:14px }
.user-log > a{ font-size:14px; line-height:29px; padding-right:21px; display: block; color:#fff; background:url('../img/down-arrow-white.png') no-repeat right center; }
.user-log > a:hover{ color:#e5330a; background-color: inherit; }
.user-pic{ width:29px; height:29px !important; float: left; margin: 0 6px 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100% }
.user-log ul{ width:165px; background:#262626; padding:0; margin:0; border:1px solid #474747; position: absolute; top:37px; left:0; z-index:1; opacity:0; visibility: hidden }
.user-log ul > li{ width:100%; padding:0; margin:0; list-style:none; font-size:14px; font-weight:300; line-height:18px }
.user-log ul > li > a{ padding:7px 9px; color:#fff; background-color:#262626; display: block; border-bottom:1px solid #474747 }
.user-log ul > li > a:hover, .user-log ul > li > a:focus, .user-log ul > li.current-menu-item > a{ color:#fff; background-color:#474747 }
.user-log ul.expend{ opacity:1; visibility: visible }

.cart-count{ float:left; padding:4px 0 0 }
a.link-cart{ color:#6b6b6b; background-color: inherit; position: relative; font-size:21px }
a.link-cart span{ width:15px; height:15px; color:#fff; background-color: #e5330a;  position: absolute; top: -0px; right:0; text-align: center; font-size: 12px; line-height: 15px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100% }

/*Sticky Header Css*/
body.home.sticky .header-top{ background-color:rgba(0,0,0,1) } 
body.sticky .header-bottom{  }
body.sticky .logo{ margin-top:0; display: inline-block } 
body.sticky .logo img{ width:180px } 
body.sticky .primary-nav ul{ margin-top:0px }
body.sticky .search-box{ margin-top:0px }
body.inner-page.sticky .header-bottom{ min-height: 78px; padding:12px 0 16px; background: url(../img/top_bg-inner.png) repeat-x center bottom  }
body.home.sticky .header-bottom{ min-height: 69px; padding:12px 0 16px; background: url(../img/top_bg_sticky.png) repeat-x center bottom }
body.sticky .primary-nav ul li a{ line-height:35px }

/*Home Banner Slider Css Start*/
.home-slider{ width: 100%; height: auto }
.slider{ width:100%; height:770px; }
.home-slider .slides{ width:100%; height:770px; background-position: center !important; background-size:cover !important; background-repeat: no-repeat !important }
.slick-prev{ left:25px; z-index:9 }
.slick-next{ right:25px; z-index:9 }
.slick-prev, .slick-next{ margin-top: 70px; z-index:1 }
.slick-slider{ margin-bottom:0 }
.slider-txt{ max-width:1140px; height:100%; position: relative; padding:0; margin: 0 auto /*display:table*/ }
/*.vh{ width:100%; height:100%; display:table-cell; vertical-align:middle }*/
.home-slider h2{ font:600 55px/55px Times, "Times New Roman", Georgia, serif; color:#fff; position:absolute; left:-100%; top:38%; opacity:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 1s ease-in-out 0s; -moz-transition:all 1s ease-in-out 0s; transition:all 1s ease-in-out 0s; }		
.home-slider .slick-current.slick-active h2{ position:absolute; left:8%; top:38%; opacity:1;  -webkit-transform:translateX(-8%); -moz-transform:translateX(-8%); -ms-transform:translateX(-8%); transform:translateX(-8%); -webkit-transition:all 1s ease-in-out 0s; -moz-transition:all 1s ease-in-out 0s; transition:all 1s ease-in-out 0s; }
.home-slider .slick-current.slick-active{ /*-webkit-box-shadow:inset rgba(0,0,0,0.7) 0px 0px 100px;
-moz-box-shadow:inset rgba(0,0,0,0.7) 0px 0px 100px;
box-shadow:inset rgba(0,0,0,0.7) 0px 0px 100px */}
.home-slider .slick-dots{ bottom:35px; z-index:1 }	
.home-slider .slick-dots li button:before{ font-size: 10px; color: #fff; opacity: 0.5 }
.home-slider .slick-dots li.slick-active button:before{ color: #000 }
.home-slider .slick-dots li{ margin: 0 2px }

/*Home Banner Slider Top Section Css Start*/
.banner-top-section{ width: 100%; height: 609px; position: absolute; top: 161px; left: 0; z-index:1 }
.vh{ width: 100%; height: 100%; display: table }
.vh-in{ width: 100%; height: 100%; display:table-cell; vertical-align: middle  }
.vh-in-bottom{ width: 100%; height: 100%; display:table-cell; vertical-align: bottom  }
.banner-top-section h2{ font:normal 64px/64px 'GoodDog Cool'; color: #fff; text-shadow: 5px 0px 7px rgba(0,0,0,0.7); margin-top: 155px; float: left; }
.search-dogs{ width:319px; height:368px; background:url('../img/form-box.png') no-repeat 0 0; float:right }
.search-dogs h3{ font:normal 32px/66px 'GoodDog Plain'; color:#fff; background-color: inherit; padding:0 15px 0 30px; margin:0 }
.search-dogs form{ padding:10px 30px }
.search-dogs label{ font-size:16px; line-height:18px; color:#000; background-color: inherit; font-weight:400; margin-bottom:5px }
.search-dogs .radio-group{ margin:0 }
.search-dogs .form-group{ margin-bottom:12px }
.search-dogs .form-group label{  }
.search-dogs .form-control{ height:42px; padding:0 11px; color:#4b4b4b; background-color:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px }
.search-dogs .checkbox-inline{ margin-top:-10px }
.btn-search{ width:127px; height:48px; background:url('../img/search_bg.png') no-repeat 0 0; text-align: center; padding:0; margin:-10px 0 0; float: right; font:600 18px/47px 'Roboto Condensed', sans-serif; text-transform: uppercase; color:#fff  }
.btn-search:hover, .btn-search:focus, .btn-search.active{ background:url('../img/search_bg.png') no-repeat 0 0; opacity:0.8; color:#fff }

/*About Section Css Start*/
.about-section{ width:100%; position: relative; padding:0 0 10px }
.about-section:before{ width:100%; height:37px; background:url('../img/about-top-bg.png') repeat center top; position: absolute; top:-14px; left:0%; right:0%; margin:0; content:'' }
.about-section h2{ font:normal 41px/41px 'GoodDog Cool'; color:#553102; background-color: inherit; padding:50px 0 12px; margin:0 }
.about-section h2 span{ color:#004c07; background-color: inherit }
.about-section h2 span span{ color:#e5330a; background-color: inherit }
.about-section p{ font-size:16px; font-weight:300; color:#4e4e4e }
.about-section img{ margin:22px 0 0 }

/*Testemonials Section Css Start*/
.testemonials-section{ width:100%; background:url('../img/bone-pattern-brown.png') repeat #e7e0d4; padding:72px 0 62px; position: relative; }
.testemonials-section:before{ width:100%; height:35px; background:url('../img/wave-bg-bottom.png') repeat-x 0 0; position: absolute; top:0; left:0; content:'' }
.testemonials-section:after{ width:100%; height:35px; background:url('../img/wave-bg-top.png') repeat-x 0 0; position: absolute; bottom:0; left:0; content:'' }
.testemonials-section h2{ padding-bottom:15px }
.testemonials-slider{ width:100%; padding-bottom:20px }
.tSlides{ width:100% }
.tSlides img{ float: left; margin:0 8px 0 0 }
.tSlides p{ font:400 18px/30px 'Courgette', cursive; color:#474747; background-color: inherit; padding:10px 0 15px; margin:0 }
.author-details img{ width:63px; height:63px; border:1px solid #d2bf9e; float: left;  margin: 0 9px 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100% }
.author-details span{ padding-top:20px; font-size:16px; font-weight:600; color:#553102; float: left; }
.testemonials-section .slick-dots{ bottom:0 } 
.testemonials-section .slick-dots li{ width:15px; height:15px } 
.testemonials-section .slick-dots li button:before{ display:none } 
.testemonials-section .slick-dots li button{ width:15px; height:15px; background-color:#c2af8e; font-size:14px; border:1px solid #fff; opacity: 1;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100% }
.testemonials-section .slick-dots li.slick-active button{  background-color:#fff; font-size:14px; border:1px solid #c2af8e }
.img-how-it-work{ position: relative; margin-bottom:-180px; z-index:1 }
.howItWork-video-modal .modal-content{ padding:15px 15px 12px }
.howItWork-video-modal iframe{ width:100% !important; height:450px !important }
.modal-backdrop.in{ opacity:0.8; filter:alpha(opacity=80) }

/*Top Dog Section Css Start*/
.top-dogs-section{ width:100%; background-color:#fff; padding:52px 0 0; position: relative }
.top-dog{ margin:0 0 25px;  }
.top-dogs-img{ width:103px; height:103px; margin:0 auto 10px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; }
.top-dogs-img a{ width:100%; height:100%; display: block }
.top-dogs-img:hover{ -webkit-transform: scale(1.1);
transform: scale(1.1) }

.top-dog img{ width:103px; height:103px; margin:0 0 10px; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; }
.top-dog:hover img{ -webkit-transform: scale(1.1);
transform: scale(1.1) }
.top-dog h4{ font-size:16px; color:#000; background-color: inherit; font-weight:600; padding:0 0 10px; margin:0 }
.top-dog h4 a{ color:#000; background-color: inherit }
.top-dog h4 a:hover{ color:#666; background-color: inherit }
ul.rating{ width:100%; text-align: center; padding:0; margin:0 }
ul.rating li{ width:18px; height:18px; background:url('../img/rating-default.png') no-repeat 0 0; text-align: center; padding:0; margin:0 1px; list-style:none; display: inline-block }
ul.rating li.active{ background:url('../img/rating-active.png') no-repeat 0 0 }
.top-dog p{ color:#504f4f; background-color: inherit; font-size:14px; line-height: 17px; padding-bottom:0 }
.top-dogs-section .hvr-icon-wobble-horizontal{ float:right }
ul.rating.sml{ width:auto }
ul.rating.sml li{ width:14px; height:14px; background:url('../img/rating-default.png') no-repeat 0 0; text-align: center; padding:0; margin:0; list-style:none; display: inline-block; background-size:14px }
ul.rating.sml li.active{ background:url('../img/rating-active.png') no-repeat 0 0; background-size:14px }
ul.rating.center{ display: inline-block }
span.rating-no{ font-size:14px; vertical-align:top }
ul.dog-search-info.top-dogs li{ width:100% }
ul.dog-search-info.top-dogs > li span{ width:50% }
.dog-search-info-box.top-dogs{ overflow: hidden }
.dog-search-info-box.top-dogs .rating-wrapper{ margin-bottom:0 }

.top-dog-img{ width:100%; height:90px; background-position: center !important; background-size: cover !important;  background-repeat: no-repeat !important; -webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px   }

/*Recent Blog Post Section Css Start*/
.recent-blog-post-section{ width:100%; background:url('../img/paw-pattern.png') repeat 0 0 #258752; padding:105px 0 65px; position: relative }
.recent-blog-post-section:before{ width:100%; height:37px; position: absolute; top:0; left:0; background:url('../img/blog-top-bg.png') no-repeat center top; content:'' }
.recent-blog-post-section:after{ width:100%; height:13px; position: absolute; bottom:0; left:0; background:url('../img/blog-bottom-bg.png') no-repeat center top; content:'' }
.recent-blog-post-section .row.row-eq-height{ margin-bottom:35px }
.recent-blog-post-section h2{ color:#fff; background-color: inherit }
.recent-blog-post{ width:100%; height: 100%; background:#fff; overflow: hidden;
-webkit-box-shadow: rgba(0,0,0,0.12) 2px 0px 2px;
-moz-box-shadow: rgba(0,0,0,0.12) 2px 0px 2px;
box-shadow: rgba(0,0,0,0.12) 2px 0px 2px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.recent-blog-post .img-box{ width:100%; height:173px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; }
.recent-blog-post .content{ padding:18px 23px 46px; text-align: left }
.recent-blog-post .date-text{ font-size:14px; color:#5a5a5a; padding:0; margin: 0 }
.recent-blog-post h4{ font-size:16px; line-height:24px; color:#e5330a; background-color: inherit; font-weight:400; padding:0 0 10px; margin: 0 }
.recent-blog-post h4 a{ color:#e5330a; background-color: inherit }
.recent-blog-post h4 a:hover{ color:#ff7555; background-color: inherit }
.recent-blog-post p{ font-size:14px; line-height:22px; color:#2e2e2e; background-color: inherit; font-weight:400; padding:0 0 2px; margin: 0 }
.recent-blog-post .hvr-icon-wobble-horizontal{ font-size:14px; position: absolute; bottom:15px; left: 23px }

/*Featured Product Section Css Start*/
.feature-product-section{ width:100%; background:url('../img/bone-pattern-gray.png') repeat 0 0 #f8f8f8; padding:65px 0 38px; position: relative }
.f-product-box{ width:100%; height: 100%; padding:22px 15px 25px; border:1px solid #dfdfdf; background-color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px  }
.f-product-box img{ display: block; margin:0 auto 11px }
.f-product-box p{ font-size:14px; line-height:21px; min-height:48px; color:#000; background-color: inherit; padding-bottom:6px; text-align: center; font-weight:600 }
.f-product-box p a{ color:#000; background-color: inherit }
.f-product-box p a:hover{ color:#e5330a; background-color: inherit }
.rating-wrapper{ overflow: hidden; text-align: center; margin-bottom:13px }
.rating-wrapper ul.rating{ width:auto; display: inline-block; margin-top:3px }
.rating-wrapper span{ display: inline-block; vertical-align:top; font-size:14px; color:#4c4c4c; background-color: inherit; }
.feature-product-section .hvr-icon-wobble-horizontal{ float: right; margin-top: 35px }
.f-product-box:hover{  }

/*Footer -  section Css Start*/
.ads-section{ width:100%; padding:21px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf }
.ads-section img{ width:auto; display: block; border:1px solid #000; margin:0 auto }
.footer-bottom{ width:100%; padding:62px 0 48px; background-color:#f7f7f7 }
.footer-bottom nav ul{ width:100%; padding:0; margin:0 }
.footer-bottom nav ul > li{ width:50%; float: left; padding:0 0 30px; margin:0; font-size:14px; line-height:16px; text-transform: uppercase; list-style:none }
.footer-bottom nav ul > li > a{ color:#3f3f3f; background-color: inherit }
.footer-bottom nav ul > li > a:hover, .footer-bottom nav ul > li.current-menu-item > a{ color:#258752; background-color: inherit }
footer h5{ font-size:22px; line-height:22px; font-weight:400; color:#333; background-color: inherit; padding:0 0 16px; margin:0; border:none }
.app-btn-group{ text-align: center; margin-bottom:35px }
.app-btn-group a{ margin:0 9px 8px; display: inline-block }
ul.share-icons{ width:100%; text-align: center; padding:0; margin:0 }
ul.share-icons li{ padding:0; margin:0 2px; list-style:none; display: inline-block; }
ul.share-icons li img{ width: 40px; height: auto }
ul.share-icons li a:hover{ opacity:0.8 }
.newsletter-signup{ padding-left:50px }
.newsletter-signup input.form-control{ height:40px; padding:0 11px; margin: 0 0 9px; color:#7f7f7f; background-color:#fff; border:1px solid #d2d2d2; font-size:14px }
.copyright-section{ width:100%; padding:14px 0; background-color:#0f0f0f; text-align: center }
.copyright-section p{ color:#fff; background-color: inherit; font-size:14px; line-height:18px; padding-bottom:0 }
.copyright-section p a{ color:#fff; background-color: inherit }
.copyright-section p a:hover{ color:#258752; background-color: inherit }

ul.bgs-social li a{ width:40px; height:40px; color:#fff; background-color:rgb(0,135,86); border:none !important;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50% }
ul.bgs-social li a .fa{ line-height:40px; font-size:21px }
ul.bgs-social li a:hover{ color:#fff; background-color:rgba(0,135,86,0.8); }

/*Notifications Section Start*/
.notifications-box{ width:324px; background:#262626; padding:0 0 8px; margin:0; border:1px solid #474747; position: absolute; top:37px; right:0; z-index:1; opacity:0; visibility: hidden }
.notifications-box.expend{ opacity:1; visibility: visible }
.notifications-box:before{ width: 0; height: 0; position: absolute; top:-6px; right:20px; content:''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #6b6b6b }
.notifications-box ul{ width:100%; max-height:352px; padding:0; margin:0 0 10px; overflow-y:auto; }
.notifications-box ul > li{ width:100%; overflow: hidden; border-bottom:1px solid #474747; padding:8px 12px; margin:0; list-style:none; color:#fff; background-color: #262626; font-size:13px; line-height:17px; font-weight:400 }
.notifications-box ul > li a{ color:#fff; background-color: transparent }
.notifications-box ul > li:hover{ color:#fff; background-color:#474747 }
.notifications-box ul > li .rht-text{ margin-left:50px }
.notifications-box ul > li span.date{ display: block; color:rgba(255,255,255,0.5); padding:3px 0 0; font-weight:400 }
a.link-see-all{ color:rgb(37,135,82); background-color: inherit; text-align: center; display: block; font-size:13px; font-weight:300 }
.notifications-icon{ width:36px; height:42px; float: left; margin-right:14px; }
.notifications-icon.invite{ background:url('../img/invite-icon-green.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.invite-edit{ background:url('../img/invite-edit-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.invite-cancel{ background:url('../img/invite-cancel-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.invite-accept{ background:url('../img/invite-accept-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.invite-reject{ background:url('../img/invite-reject-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.invite-suggest{ background:url('../img/invite-suggest-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.invite-accept-heart{ background:url('../img/invite-accept-heart-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.date-reminder{ background:url('../img/date-reminder-icon.svg') no-repeat 0 0; background-size:36px }
/*.notifications-icon.cancel-date{ background:url('../img/cancel-date-orange.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.accept-date{ background:url('../img/accept-date-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.suggest-icon{ background:url('../img/suggest-icon.svg') no-repeat 0 0; background-size:36px }
.notifications-icon.date-reminder{ background:url('../img/date-reminder-icon.svg') no-repeat 0 0; background-size:36px }*/
ul.notification-list{ width:100%; padding:0; margin:0 0 10px }
ul.notification-list > li{ width:100%; overflow: hidden; border-bottom:1px dashed rgba(0,0,0,0.3); padding:8px 12px; margin:0; list-style:none; color:#fff; font-size:14px; line-height:17px; font-weight:400 }
ul.notification-list > li a{ color:#666; background-color: transparent }
ul.notification-list > li a:hover{ color:rgba(0,0,0,0.6); background-color: inherit }
ul.notification-list > li .rht-text{ margin-left:50px }
ul.notification-list > li span.date{ display: block; color:#999; padding:3px 0 0; font-weight:400 }
.notification-img{ margin-bottom:10px }
.link-review{ color:rgb(37,135,82); background-color: inherit }
.link-review:hover{ color:#666; background-color: inherit }
ul.notification-details{ width:100%; overflow: hidden; padding:0; margin:0 }
ul.notification-details > li{ width:100%; overflow: hidden; padding:0 0 5px; margin:0; list-style:none; color:rgba(0,0,0,0.8); background-color: inherit; font-weight:500 }
ul.notification-details > li span{ width:65%; float: right; color:rgba(0,0,0,0.6); background-color: inherit; font-weight:300 }
.notification-img{  position: relative; margin: 0 0 4px }
.notification-img-holder{ width:100%; height:165px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; border:1px solid rgba(192,180,159,0.5); -webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px }
.notification-img .btn-edit{ position: absolute; bottom:15px; right:15px } 
.looking-dog{ /*width:84px;*/ margin-bottom:5px }
.looking-dog img.img-responsive{ width:100% }
.looking-dog p{ padding-bottom:10px }
.looking-dog-img-holder{ width:100%; height:100px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; border:1px solid rgba(192,180,159,0.5); -webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px }

/*My Group Page Css Start*/
ul.group-list{ width:100%; padding:0; margin:0 0 10px }
ul.group-list > li{ width:100%; overflow: hidden; border-bottom:1px dashed rgba(0,0,0,0.3); padding:8px 0 5px; margin:0; list-style:none; color:#333; font-size:14px; line-height:17px; font-weight:400 }
ul.group-list > li a{  }
ul.group-list > li a:hover{  }
ul.group-list > li .rht-text{ margin-left:50px }
ul.group-list > li span.date{ display: block; color:#999; padding:3px 0 0; font-weight:400 }
ul.group-list > li .group-lft{ width:50%; float: left }
ul.group-list > li .group-lft p{ padding-bottom:5px; color:rgba(0,0,0,0.5) }
ul.group-list > li .group-lft p strong{ font-size:16px; font-weight:500; color:rgba(0,0,0,0.8) }
ul.group-list > li .group-rht{ width:50%; float: right }
ul.group-list > li:last-child{ border:none }
ul.group-edit-list{ width:100%; overflow: hidden; padding:0; margin:30px 0 10px }
ul.group-edit-list > li{ width:100%; overflow: hidden; border-bottom:1px dashed rgba(0,0,0,0.3); padding:10px 0 7px; margin:0; list-style:none; color:#333; font-size:14px; line-height:17px; font-weight:400 } 
ul.group-edit-list .img-box{ width:55px; float: left; margin-right:15px }
ul.group-edit-list .group-info{ padding-top:3px; margin-left:70px }
ul.group-edit-list > li .group-info p{ padding-bottom:5px; color:rgba(0,0,0,0.5) }
ul.group-edit-list > li .group-info p strong{ font-size:16px; font-weight:500; color:rgba(0,0,0,0.8) }
ul.group-edit-list > li .group-info .pull-left{ width:90% }
ul.group-edit-list > li .btn{ margin-top:9px }
ul.group-edit-list > li:last-child{ border:none }
.add_to_dog_search_top{ padding-bottom:15px }
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px); transform: translateX(6px);
    }
    33.3% {
        -webkit-transform: translateX(-5px); transform: translateX(-5px);
    }
    49.95% {
        -webkit-transform: translateX(4px); transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px); transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px); transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0); transform: translateX(0);
    }
}
@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px); transform: translateX(6px);
    }
    33.3% {
        -webkit-transform: translateX(-5px); transform: translateX(-5px);
    }
    49.95% {
        -webkit-transform: translateX(4px); transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px); transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px); transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0); transform: translateX(0);
    }
}
.hvr-icon-wobble-horizontal { color:#e5330a; font-size:16px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s }
.hvr-icon-wobble-horizontal:before { width: 18px; height: 7px; background: url('../img/icon-arrow.png') no-repeat right center; position: absolute; right: 12px; top:9px; padding: 0 1px; -webkit-transform: translateZ(0); transform: translateZ(0); content: '' }
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal;  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.hvr-icon-wobble-horizontal:hover{ color:#e5330a }
.hvr-icon-wobble-horizontal.green{ color:#258752 }
.hvr-icon-wobble-horizontal.green:hover{ color:#258752 }
.hvr-icon-wobble-horizontal.green:before { background: url('../img/icon-arrow-green.png') no-repeat right center }
.hvr-icon-wobble-horizontal.white{ color:#fff }
.hvr-icon-wobble-horizontal.white:hover{ color:#fff }
.hvr-icon-wobble-horizontal.white:before { background: url('../img/icon-arrow-white.png') no-repeat right center }
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
/* Shine */
.shine-img{ overflow: hidden }
.shine-img figure { position: relative }
.shine-img figure::before {
    position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.shine-img figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

/*Inner Page Css Start*/
body.inner-page .main-container{ padding-top: 146px; padding-bottom:50px }  
body.home .main-container{ padding-top: 0 }
/*body.inner-page .main-container{ padding-top: 184px }  */
body.inner-page{ position: relative; background:url('../img/my-profile-container-bg.png') repeat-x 0 0 }
/*body.inner-page:before{ width:100%; height:142px; position: absolute; top:0; left:0; content:''; background-color:#DCD3C4 }
body.sticky.inner-page:before{ height:100px }*/
/*body.page-template.inner-page:before{ width:100%; height:146px; position: absolute; top:0; left:0; content:''; background-color:#E7E0D4 }
body.sticky.page-template.inner-page:before{ height:100px }*/
body.inner-page .main-container.inner-content{ padding-top:196px }

/*My Profile Page Css Start*/
.my-profile-section{ padding-top:30px }
ul.my-profile-nav{ width:100%; border:1px solid rgb(231,218,201); overflow: hidden;  margin: 0 0 30px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px } 
ul.my-profile-nav li{ border-bottom:1px solid rgb(231,218,201); list-style:none; font-size:14px; line-height:16px }
ul.my-profile-nav li a{ display: block; padding:10px 15px; color:rgba(0,0,0,0.8); background-color: rgb(250,248,244); }
ul.my-profile-nav li a:hover{ color:rgba(0,0,0,0.9); background-color: #fff }
ul.my-profile-nav li.current-menu-item a, ul.my-profile-nav li.is-active a{ font-weight:600; color:rgba(0,0,0,0.9); background-color: #fff }
.user-profile-pic{ border:1px solid rgb(192,180,159); position: relative; margin: 0 0 30px; overflow: hidden;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px }
.user-profile-pic img{ display: block; width: 100%; overflow: hidden; margin: 0 auto; 
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
min-height: 50px;
}
.profile-compleetness{ padding:18px 25px; margin-bottom:30px; background-color:rgb(46,46,46); color:#fff; position: relative }
.profile-compleetness:before{ width:100%; height:7px; content:''; position: absolute; top:-7px; left:0; background:url('../img/profile-compleetness-top-bg.png') repeat-x 0 0 }
.profile-compleetness:after{ width:100%; height:7px; content:''; position: absolute; bottom:-7px; left:0; background:url('../img/profile-compleetness-bottom-bg.png') repeat-x 0 0 }
.profile-compleetness h3{ text-align:center }
ul.profile-compleetness-list{ width:80%; padding:15px 0 0 ; margin:0 auto }
ul.profile-compleetness-list li{ padding:0; margin:0; list-style:none; color:#fff; font-size:14px }
ul.profile-compleetness-list li span{ float:right } 
ul.profile-compleetness-list li span span{ padding-left:2px; color:rgb(67,182,120) } 
ul.dog-info{ width:100%; overflow: hidden; padding:0; margin:0 }
ul.dog-info > li{ width:100%; padding:0 0 4px; margin:0; list-style:none; font-size:14px; color:rgb(59,59,59) }
ul.dog-info > li span{ width:40%; float: left; font-weight:500 }
ul.dog-info > li span + span{ width:60%; float: left; font-weight:300 }
.manage-dog-info{ padding-bottom:18px; margin-bottom:18px; border-bottom:1px dashed rgb(201,191,173) }
.manage-dog-img{ width:100%; height:150px; background-position:center !important; background-repeat: no-repeat !important; background-size:cover !important; -webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.manage-dog-info h4{ font-family:'GoodDog Cool'; font-size:30px }
ul.upcoming-dates{ padding:0; margin:0 }
ul.upcoming-dates > li{ width:100%; overflow: hidden; padding:10px 0; margin:0; list-style:none; border-bottom:1px dashed rgb(201,191,173); font-size:14px; color:rgb(59,59,59) }
ul.upcoming-dates > li .dog-img{ width:60px; float: left }
ul.upcoming-dates > li .u-dates{ width:148px; float: left; padding-top:10px }
ul.upcoming-dates > li .u-time{ width:184px; float: left; padding-top:10px  }
ul.upcoming-dates > li .u-location{ width:270px; float: left; padding-top:10px  }
ul.upcoming-dates > li .btn-group{  float: right }
ul.upcoming-dates > li .fa{ color:rgb(37,135,82); background-color: inherit }
ul.upcoming-dates > li .u-location a{ color:rgb(37,135,82); background-color: inherit; text-decoration: underline }
ul.upcoming-dates > li .u-location a:hover{ color:rgba(37,135,82,0.8); background-color: inherit;  text-decoration: none }
.btn-add-dog{ position: relative; margin:-66px 0 0 }
#frmAddDog .mixed-breed{ top:-10px }
.edit-dog .mixed-breed{ top:-9px }
.mixed-breed{ /*top:-7px;*/ position: relative; display: inline }
.mixed-breed label{ margin-bottom:0; padding-bottom:0 }
ul.upload-photo{ width:100%; overflow: hidden; padding:0; margin:0 0 12px }
ul.upload-photo > li{ width:110px; padding:0 ; margin:0 24px 15px 0; list-style:none; float: left;  overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px }
ul.upload-photo > li figure{ overflow: hidden }
ul.upload-photo > li:last-child{  margin-right:0 }
ul.upload-photo > li img{ width:100%; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px }
.invite-playdate-modal .btn{ margin-bottom:0 }
.select2-container .select2-selection--single{ height:41px }
.select2-container--default .select2-selection--single .select2-selection__arrow{ height:39px }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ left:3px; border-color:#333 transparent transparent transparent }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:39px }
.select2-container .select2-selection--single .select2-selection__rendered{ padding-left:11px }

/*Dog Search Page Css Start*/
.dog-search-filter{ width:100%; min-height:100px; padding:30px 0 30px; margin:0; background:url('../img/search-pattern.png') repeat 0 0; position: relative }
.dog-search-filter:before{ width:100%; height:35px; background:url('../img/wave-bg-top.png') repeat-x 0 0; position: absolute; bottom:0; left:0; content:'' }
.dog-search-filter:after{ width min-height:200px; background:red; }
.dog-search-filter label{ text-transform: uppercase; color:rgb(85,49,2); background-color: inherit }
.dog-search-filter input[type="checkbox"]:not(old) + label, .dog-search-filter input[type="radio"]:not(old) + label{ margin-right:15px; text-transform: inherit; color:rgb(54,54,54); background-color: inherit }
.devider{ border-top:1px dashed rgb(201,191,173); display: block; margin-bottom:10px }
.link-fewer-filters{ text-align: center; color:rgb(98,68,32); background-color: inherit; font-size:14px; position: relative; }
.link-fewer-filters:focus, .link-fewer-filters:hover{ color:rgba(98,68,32,0.7); background-color: inherit }
.link-fewer-filters span{ width:200px; display: inline-block; position: relative; padding:0 15px }
.link-fewer-filters.collaspe span{ width:130px }
.link-fewer-filters span strong{ font-weight:400 }
.link-fewer-filters span strong:after{ width:200px; position: absolute; top:-17px; left:0; content:'Additional Filter Options' }
.link-fewer-filters span strong.text:after{ width:130px; content:'Fewer Filters' }
.link-fewer-filters span:before{ width:10px; height:10px; position: absolute; top:-17px; left:0; content:'\f103'; font-family:'FontAwesome'  }
.link-fewer-filters span:after{ width:10px; height:10px; position: absolute; top:-17px; right:0; content:'\f103'; font-family:'FontAwesome'  }
.link-fewer-filters.collaspe span:before{ width:10px; height:10px; position: absolute; top:-17px; left:0; content:'\f102'; font-family:'FontAwesome'  }
.link-fewer-filters.collaspe span:after{ width:10px; height:10px; position: absolute; top:-17px; right:0; content:'\f102'; font-family:'FontAwesome'  }
.filter-hide{ opacity:0; visibility: hidden; height:0px; display:none }
.filter-hide.expend{ opacity:1; visibility:visible; display: block; }
.dog-search-filter .btn-search{ margin:0 0 10px }
.dog-search-filter .form-control{ background-color: rgb(247,243,237); color:rgb(54,54,54); border-color:rgb(212,201,182); outline:none }
select, select:focus, select option:focus, select option{ outline:none !important; }
.dog-search-filter input[type="radio"]:not(old) + label > span{ background:rgb(247,243,237); border-color:rgb(212,201,182) }
.search-invite-section{ padding:0 0 15px; border-bottom:1px solid rgb(231,231,231);  }
.search-invite-section input[type="checkbox"]:not(old) + label, .search-invite-section input[type="radio"]:not(old) + label{ margin-right:0 }
.search-invite-section input[type="checkbox"]:not(old) + label > span{ margin-top:17px !important }
.search-invite-list input[type="checkbox"]:not(old) + label > span{ margin-top:0 !important }
.search-invite-list input[type="checkbox"]:not(old) + label, .search-invite-list input[type="radio"]:not(old) + label{ margin-right:15px }
.search-invite-list{ width:100%; overflow: hidden; padding:25px 0 0 }
.directory-nolist-section{ width:100%; overflow: hidden; padding:50px 0 }
.directory-nolist-section .no-directory{ max-width:150px; margin-top:20px }


body.sticky .search-invite-section{ width:100%; padding:15px 0; position: fixed; top:102px; left:0; background:#fff; z-index:3 }
.search-invite-section .ads{ margin-bottom:0px }
.dog-img-box{ width:120px; overflow: hidden; position: relative }
.dog-img-box figure{ width:112px; height:130px; overflow: hidden; margin:0 auto; position: relative; z-index:1 }
.dog-img-box figure:before{ width:100%; height:100%; position: absolute; top:0; left:0; content:''; background:url('../img/dog-frame.png') no-repeat center; z-index:2 }
.dog-img-box figure > span{ width:100%; height:100%; display: block; background-position: center !important; background-repeat: no-repeat !important; background-size:cover !important }
.dog-details{ margin-left:198px }
.dog-details h4{ font-family:'GoodDog Cool'; font-size:30px }
.owner-info{ float:left; margin-right:8px }
.owner-info figure{ width:26px; height:26px }
.owner-info figure img{ width:26px; height:26px; display: block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px }
.dog-details .row{ overflow: hidden }
ul.dog-search-info{ width:100%; overflow: hidden; padding:0; margin:0 0 8px }
ul.dog-search-info > li{ width:50%; float: left; padding:0 5px 5px 0; margin:0; list-style:none; font-size:14px }
ul.dog-search-info > li span{ width:60%; float:right; font-weight:300 }
.dog-search-info-box{ width:100%; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid rgb(221,221,221) }
.gmap-wrapper{ width:100%; position: relative }
.gmap{ width:100% !important; margin-bottom:15px; border:1px solid rgb(168,168,153) }
.gmap iframe{ width:100% !important; height:750px !important }

.map-option{ width:90%; padding:5px; background:rgb(230,230,230); position: absolute; top: 24px; left:50%; margin: 0 0 0 -45%; border: 1px solid #fff; z-index:2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 12px;
-moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 12px;
box-shadow: rgba(0,0,0,0.4) 0px 0px 12px }
.map-option ul{ padding:0; margin:0 }
.map-option > ul > li{ width:calc(20% - 4px); float: left; padding:0; margin:0 4px 0 0; text-align: center; font-size:11px; line-height:13px; color:rgb(112,112,112); list-style:none; border:1px solid rgb(221,221,221) }
.map-option > ul > li > a{ padding:8px 0 6px; display: block; color:rgb(112,112,112); background-color:rgb(241,241,241);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.map-option > ul > li .icon{ display: block; margin:0 auto }
.map-option > ul > li .icon-restaurants{ width:18px; height:17px; background:url('../img/restaurants-icon.png') no-repeat center top;  }
.map-option > ul > li .icon-vets{ width:18px; height:17px; background:url('../img/vets-icon.png') no-repeat center top;  }
.map-option > ul > li .icon-park{ width:18px; height:17px; background:url('../img/park-icon.png') no-repeat center top;  }
.map-option > ul > li .icon-petstore{ width:18px; height:17px; background:url('../img/petstore-icon.png') no-repeat center top;  }
.map-option > ul > li .icon-hotel{ width:18px; height:17px; background:url('../img/hotel-icon.png') no-repeat center top;  }
.map-option > ul > li a:hover .icon-restaurants, .map-option > ul > li a:focus .icon-restaurants, .map-option > ul > li.active a .icon-restaurants{  background:url('../img/restaurants-icon-up.png') no-repeat center top;  }
.map-option > ul > li a:hover .icon-vets, .map-option > ul > li a:focus .icon-vets, .map-option > ul > li.active a .icon-vets{ background:url('../img/vets-icon-up.png') no-repeat center top;  }
.map-option > ul > li a:hover .icon-park, .map-option > ul > li a:focus .icon-park, .map-option > ul > li.active a .icon-park{ background:url('../img/park-icon-up.png') no-repeat center top;  }
.map-option > ul > li a:hover .icon-petstore, .map-option > ul > li a:focus .icon-petstore, .map-option > ul > li.active a .icon-petstore{ background:url('../img/petstore-icon-up.png') no-repeat center top;  }
.map-option > ul > li a:hover .icon-hotel, .map-option > ul > li a:focus .icon-hotel, .map-option > ul > li.active a .icon-hotel{ background:url('../img/hotel-icon-up.png') no-repeat center top;  }
.map-option > ul > li input[type="checkbox"]{ visibility: hidden; opacity:0; display:none }
.map-option > ul > li label{ width:100%; height:100%; margin-bottom:0; font-size:11px; padding:5px 0; background-color: rgb(241,241,241); cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px }
.map-option > ul > li label:hover{ color:#fff; background-color:rgb(37,135,82) }
.map-option > ul > li label.isSelected {color:#fff; background-color:rgb(37,135,82)}

.directory-filter .map-option > ul > li label{ background-color: rgb(241,241,241) }
.directory-filter .map-option > ul > li label:hover{ color:#fff; background-color:rgb(229,51,10) }
.directory-filter .map-option > ul > li label.isSelected {color:#fff; background-color:rgb(229,51,10)}

.map-option > ul > li label:hover .icon-restaurants, .map-option > ul > li a:focus .icon-restaurants, .map-option > ul > li.active a .icon-restaurants, .map-option > ul > li label.isSelected .icon-restaurants{  background:url('../img/restaurants-icon-up.png') no-repeat center top;  }
.map-option > ul > li label:hover .icon-vets, .map-option > ul > li a:focus .icon-vets, .map-option > ul > li.active a .icon-vets, .map-option > ul > li label.isSelected .icon-vets{ background:url('../img/vets-icon-up.png') no-repeat center top;  }
.map-option > ul > li label:hover .icon-park, .map-option > ul > li a:focus .icon-park, .map-option > ul > li.active a .icon-park, .map-option > ul > li label.isSelected .icon-park{ background:url('../img/park-icon-up.png') no-repeat center top;  }
.map-option > ul > li label:hover .icon-petstore, .map-option > ul > li a:focus .icon-petstore, .map-option > ul > li.active a .icon-petstore, .map-option > ul > li label.isSelected .icon-petstore{ background:url('../img/petstore-icon-up.png') no-repeat center top;  }
.map-option > ul > li label:hover .icon-hotel, .map-option > ul > li a:focus .icon-hotel, .map-option > ul > li.active a .icon-hotel, .map-option > ul > li label.isSelected .icon-hotel{ background:url('../img/hotel-icon-up.png') no-repeat center top;  }
/*.isSelected { background-color: rgb(229,51,10) !important; color:#fff !important }*/
.map-option > ul > li > a:hover, .map-option > ul > li > a:focus, .map-option > ul > li.active > a{ color:#fff; background-color:rgb(37,135,82) }
.map-option > ul > li:last-child{ width:20%; margin-right:0px }

/*Directory Page Css Start*/
.directory-filter{ width:100%; min-height:100px; padding:20px 0 40px; margin:0; background:rgb(231,224,212); position: relative }
.directory-filter:before{ width:100%; height:35px; background:url('../img/wave-bg-top.png') repeat-x 0 0; position: absolute; bottom:0; left:0; content:'' }
.btn-more-filter{ display:none }
.directory-filter .map-option{ width:100%; /*overflow: hidden;*/ padding:5px; background:rgb(249,246,242); position: inherit; top: inherit; left:inherit; margin: 0; border: 1px solid #fff; float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 0px 5px }
.directory-filter .map-option > ul > li{ min-width:76px; width: auto; border:none }
.directory-filter .map-option > ul > li label{ margin-bottom:0 }
.directory-filter .map-option > ul > li > a{ border:1px solid rgb(231,218,201); color:#4b4b4b; padding:6px 0 5px; }
.directory-filter .map-option > ul > li .form-control{ min-width:132px; height:42px; border:1px solid rgb(231,218,201) }
.directory-filter .map-option > ul > li .form-control.zip-code{ width:250px; min-width: inherit }
.directory-filter .map-option > ul > li > a:hover, .directory-filter .map-option > ul > li > a:focus, .directory-filter .map-option > ul > li.active > a{ color:#fff; background-color:rgb(229,51,10) }
.directory-filter .map-option > ul > li.max-distance .form-control{ border:none }
.directory-filter .map-option > ul > li.max-distance .form-control .btn{ margin-top:0 }
.directory-filter .map-option > ul > li.max-distance .form-control .btn.btn-white{ border:1px solid rgb(231,218,201); height:42px }
.directory-filter .map-option > ul > li.max-distance .form-control .btn.btn-white:focus{ outline:none !important }
ul.directory-list{ width:100%; padding:0; margin:0 0 30px }
ul.directory-list > li{ width:100%; border:1px solid #ebebeb; padding:10px; margin: 0 0 15px; list-style: none; overflow: hidden;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 8px 8px rgba(0,0,0,0.03);
-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.03);
-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.03) }
ul.directory-list > li figure{ width:136px; height:136px;  float: left; overflow:hidden;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px }
ul.directory-list > li figure img{ width:100%; height:auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px }
ul.directory-list > li .rht{ margin-left:150px }
ul.directory-list > li h4{ padding-bottom:5px }
ul.directory-list > li p{ padding-bottom:0px; color:#000 }
ul.directory-list > li p .fa{ color:#2ac45c }
ul.directory-list > li p strong{  color:rgb(59,59,59) }
.yelp-rating{overflow: hidden; padding-bottom:3px }
.yelp-rating ul{ width:102px; height:18px; float:left; padding:0; margin:9px 20px 0 0; background:url(../img/rating-bg.png) no-repeat 0 0 }
.yelp-rating ul li{ width:18px; height:18px; padding:0; margin:0 3px 0 0; float: left; list-style:none; text-indent:-200000px }
.yelp-rating ul li:last-child{ margin-right:0 }
.yelp-rating ul li a{ width:18px; height:18px; display: block; margin-right:0 } 
.yelp-rating ul.rating-1{ background-position:0 -18px }
.yelp-rating ul.rating-2{ background-position:0 -54px }
.yelp-rating ul.rating-3{ background-position:0 -90px }
.yelp-rating ul.rating-4{ background-position:0 -126px }
.yelp-rating ul.rating-5{ background-position:0 -162px }
.yelp-logo{ float:left }
p.rating-reviews{ width:100%; display: block; color:#787878 !important; padding-bottom:0 }



ul.directory-list .rating-wrapper{ margin-bottom:0; text-align: inherit; }
.directory-details{ width:100%; min-height:100px; padding:35px 0 6px; margin:0; position: relative }
.directory-details:before{ width:100%; height:348px; background:url('../img/bone-pattern-light.png') repeat 0 0; position: absolute; top:0; left:0; content:''; border-bottom:1px solid rgb(222,212,196) }
.directory-details .gmap{ width:100% !important; height:100% !important; margin-bottom:0 !important; border: inherit }
.directory-details .gmap iframe{ width:100% !important; height:100% !important; display: block; border:6px solid rgb(202,188,164) !important;
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important }
.ads{ margin-bottom:15px }
.contact-info-section p{ padding-bottom:8px }
.contact-info-section{ padding-bottom:12px; margin-bottom:12px; border-bottom:1px dashed rgb(201,191,173) }
ul.contact-info{ padding:0; margin:0 }
ul.contact-info > li{ padding:0  0 5px; margin:0; list-style:none; font-weight:500; color:rgb(59,59,59) }
ul.contact-info > li span{ width:75%; float:right; font-weight:400 }
ul.contact-info > li .fa{font-weight:400; color:rgb(42,196,92); background-color: inherit }
.distance-text{ font-weight:500; color:rgb(59,59,59) }
.distance-text span{ font-weight:400 }
.distance-text .fa{font-weight:400; color:rgb(42,196,92); background-color: inherit }
.reviews-section h3{ color:#553102; background-color: inherit; font-size:34px }
ul.review-list{ width:100%; overflow: hidden; padding:0; margin:0 }
ul.review-list > li{ width:100%; overflow: hidden; list-style:none; padding:0 0 15px; margin:0 0 15px; border-bottom:1px dashed rgb(201,191,173) }
ul.review-list > li p{ font-family:'Courgette', cursive; font-size:15px; font-weight:400 }
ul.review-list ul.rating{ margin-bottom:15px }
ul.review-list .author-details img{ width:36px; height:36px; border:1px solid rgb(217,200,171) }
ul.review-list .author-details span{  font-weight:500; padding-top:5px }
ul.review-list .author-details a span{ color:#553102; background-color: inherit }
ul.review-list .author-details a:hover span{ color:#a46004; background-color: inherit }
.review-form ul.rating{ margin-bottom:15px }
.review-form ul.rating li{ width:26px; height:26px;  background:url('../img/rating-default@2x.png') no-repeat 0 0; background-size:26px; }
.review-form ul.rating li.active{ background:url('../img/rating-active@2x.png') no-repeat 0 0; background-size:26px; }
.dog-details{  }
.directory-details .owner-info figure{ width:36px  !important; height:36px !important; }
.directory-details .owner-info figure img{ border-width:1px !important; width:36px  !important; height:36px !important;
                                           border-radius:50%  !important; -webkit-border-radius:50% !important; -moz-border-radius:50% !important; }
.dog-details-info h2{ padding-bottom:12px }
.dog-details-info .rating-wrapper{ margin:0; text-align: left }
.dog-details-info .rating-wrapper .link-review{ vertical-align:top }
.dog-details-info .dog-search-info{ margin-top:10px }
.dog-details-info .dog-search-info li{ color:#333; font-weight:600 }
.dog-details-info .dog-search-info li span{ width:60%; font-weight:400 }
.dog-profile-img{ width:100%; height:360px; background-position: center !important; background-repeat: no-repeat !important; 
    background-size: cover !important;
    /* background-size: 100% 100% !important;  */
    border:6px solid rgb(202,188,164) !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px }
.photos-gallery{ width:100%; overflow: hidden; margin-bottom:20px }
.photos-gallery-box{ border:1px solid rgb(231,218,201); padding:22px; margin-bottom:5px; background-color:rgb(250,248,244);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px }
.photos-gallery h3{ color:rgb(85,49,2); background-color: inherit }
ul.photo-list{ width:100%; overflow: hidden; padding:0; margin:0 }
ul.photo-list > li{ width:calc(25% - 6px); float: left; list-style:none; padding:5px; margin:3px; border:1px solid rgb(230,218,197); position: relative }
ul.photo-list > li .btn.btn-delete{ width: 26px; height: 26px; position: absolute; top:8px; right:8px; z-index:2; background-size:12px }
ul.photo-list li .img{ width: 100%; height: 60px; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important }
a.link{ color:rgb(63,145,98); background-color: inherit; float:right }
a.link:hover{ color:rgba(63,145,98,0.8); background-color: inherit }

/*Shop - woocommerce  Page Css Start */
.woocommerce .woocommerce-result-count{ color:rgba(0,0,0,0.7); padding:12px 0 0; float: right; font:400 13.5px/17px 'Roboto', sans-serif }
.woocommerce .woocommerce-ordering select.orderby{ height:24px; line-height:24px; color:#999; margin:14px 30px 0 0; background-color: inherit; border:none }
.woocommerce .woocommerce-ordering .bootstrap-select{ width:168px !important; height:auto; margin:11px 25px 0 0 } 
.woocommerce .woocommerce-ordering .bootstrap-select > .dropdown-toggle{ height:auto; padding-left:0; padding-right:0 }
.woocommerce .woocommerce-ordering .bootstrap-select > .dropdown-toggle > span{ margin-bottom:0px !important }
.woocommerce .woocommerce-ordering .bootstrap-select > .dropdown-toggle > span > .caret{ right:0 }
.woocommerce .woocommerce-ordering .bootstrap-select > .dropdown-menu{ width:180px !important }
.woocommerce .added_to_cart.wc-forward{ display: none } 
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ padding:0 15px; font-family:'Roboto Condensed', sans-serif; line-height:20px; color:#1a1a1a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{ color:#989898 !important; margin-bottom:0 }
body.woocommerce div.product p.price, body.woocommerce div.product span.price{ font-size:22px; font-weight:400; font-family:'Roboto', sans-serif }
body.woocommerce ul.products li.product .onsale, body.woocommerce span.onsale{ color:#fff; background-color:rgb(229,51,10); height:24px; line-height:24px; min-height:auto; top:15px !important; right:15px !important; padding:0 }
.summary.entry-summary h1.entry-title{ padding-bottom:15px; text-transform: inherit }
body.woocommerce div.product p.price ins, body.woocommerce div.product span.price ins{ font-weight:500 }
.woocommerce-product-details__short-description p{ font-size:16px; color:#808080; font-weight:300 }
.woocommerce .quantity .qty{ border-color:#ccc !important }
body.woocommerce div.product .single_add_to_cart_button.button{ color:#fff !important; background-color:#258752 !important; padding:0 18px; font-size:14px; line-height:42px; font-weight:500; text-transform: uppercase; border:none !important; margin:0 }
.woocommerce div.product .single_add_to_cart_button.button:hover, .woocommerce div.product .single_add_to_cart_button.button:focus, .woocommerce div.product .single_add_to_cart_button.button.active{ color:#fff; background-color:#2baf68 !important }
.woocommerce .product_meta .sku_wrapper, .woocommerce .product_meta .posted_in{ width:100%; display: block; padding:8px 0; border-bottom:1px solid #ddd; color:#666; font-size:16px }
.woocommerce .product_meta .posted_in  a{ color:#666 }
body.woocommerce .product .woocommerce-tabs ul.tabs {background:none; border:none !important; border-bottom:1px solid #e5e5e5 !important;margin-bottom:0;padding:0;overflow:inherit;text-align:left;width:100%;}
body.woocommerce .product .woocommerce-tabs ul.tabs:before {display:none;}
body.woocommerce .product .woocommerce-tabs ul.tabs li {background:none;border:none !important;box-shadow:none;display:block;list-style:none;margin:0 25px 0 0 !important;position:relative;padding:0;float:left;}
body.woocommerce .product .woocommerce-tabs ul.tabs li:before,body.woocommerce  .product .woocommerce-tabs ul.tabs li:after {display:none;}
body.woocommerce .product .woocommerce-tabs ul.tabs li:first-child {padding-left:0;}
body.woocommerce .product .woocommerce-tabs ul.tabs li a {border:none;color:#808080;display:block;font-size:1.57em;font-weight:500;line-height:1 !important;padding:0 0 15px;position:relative;text-decoration:none;text-transform:uppercase;text-shadow:none;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
body.woocommerce .product .woocommerce-tabs ul.tabs li a:before {display:none;}
body.woocommerce .product .woocommerce-tabs ul.tabs li a:after {background:#1a1a1a;content:'';display:block;height:2px;position:absolute;bottom:0;left:0;right:0;width:0;z-index:999;margin:auto;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
body.woocommerce .product .woocommerce-tabs ul.tabs li a:hover {color:#1a1a1a;}
body.woocommerce .product .woocommerce-tabs ul.tabs li a:hover:after {width:50px;}
body.woocommerce .product .woocommerce-tabs ul.tabs li.active a {background:none;color:#1a1a1a;}
body.woocommerce .product .woocommerce-tabs ul.tabs li.active a:after {width:50px;}
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background-color:#fff }
body.woocommerce div.product .woocommerce-tabs .panel{ padding:30px 0; border-bottom:1px solid #e5e5e5 !important }
body.woocommerce div.product .woocommerce-tabs .panel h2{ font-family:'Roboto', sans-serif; font-size:26px; line-height:29px; padding-bottom:15px }
body.woocommerce .related.products h2{ font-family:'Roboto', sans-serif; font-size:26px; line-height:29px; padding-bottom:15px }
body #reviews.woocommerce-Reviews #comments{ width:100%; padding-right:0; font-size:16px }
body #reviews.woocommerce-Reviews #review_form_wrapper{ width:100%; padding-left:0; font-size:16px }
body .comment-form-rating p.stars{ padding:0 }
body .comment-respond p.comment-form-comment{ padding:0 }
body .comment-respond p.comment-form-comment + .form-group{ padding-left:0 }
body.woocommerce div.product form.cart .variations label{ font-weight:400; padding-top:12px }
body.woocommerce div.product form.cart .variations select{ min-width:50%; border-color:#ccc }
body .woocommerce-variation-price{ padding-bottom:15px }
.product-gallery{ /*padding-top:166px;*/ padding-bottom:50px }
body .product-gallery h1.page-title{ color:rgb(229,51,10); background-color: inherit; font:normal 48px/36px 'GoodDog Cool'; padding:0 0 30px; margin:0; float: left }
.product-gallery + .shop-sidebar{ /*padding-top:166px; padding-bottom:50px*/ }
body.woocommerce .widget_price_filter .ui-slider{ margin:25px 8px 25px 6px !important; }
body.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ height:8px; background-color:rgb(247,243,237) !important; border:1px solid rgb(212,201,182); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px }
body.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color:rgb(37,135,82) !important }
body.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ width:24px; height:24px; outline:none; background:url('../img/slider-handle.png') no-repeat 0 0; background-size:100%; top:-10px; cursor:w-resize }
body .price_label{ font-family:'Roboto Condensed', sans-serif; font-size:16px; line-height:42px; color:#525252 }
body .widget li.cat-item:before{ content:'\f105' }
body .shop-widget.widget_product_categories .product-categories li.cat-item{ border-bottom:1px solid #e5e5e5; padding-bottom:5px }
body .shop-widget.widget_product_categories .product-categories li.cat-item:last-child{ border-bottom:none; padding-bottom:0 }
body .shop-widget.widget_product_categories .product-categories li.cat-item a:hover, body .shop-widget.widget_product_categories .product-categories li.cat-item.current-cat a{ color:#a5967e }
body.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{ position: relative; padding-left:15px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e5e5e5;  }
body.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child{ border-bottom:none; padding-bottom:0 }
body.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before{ position: absolute; top:0; left:0; content:'\f105'; font-family:"FontAwesome"; margin-right:10px; font-size:14px }
body .bgs-products .woocommerce-loop-product__title{ font-size:18px !important }
body .woocommerce ul.products li.product .price{ font-size:16px }
body .woocommerce table.shop_table thead th{ color:#505050 } 
body .woocommerce table.shop_table tbody td, body .woocommerce table.shop_table tbody td a{ color:#666 } 
body .woocommerce table.shop_table tbody td a:hover{ color:rgb(229,51,10) } 
body .woocommerce table.shop_table thead{ background:#e7e0d4 }
body .woocommerce table.shop_table tbody tr{ background:#fff }
body .bgs-cart-totals{ background-color: inherit }
body .woocommerce .cart .button, body .woocommerce a.button.alt, body .woocommerce #place_order{  color:#fff !important; background-color:#258752 !important; padding:0 18px; font-size:14px; height:42px; line-height:42px; font-weight:500; text-transform: uppercase; border:none !important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
body .woocommerce .cart .button:hover, body .woocommerce a.button.alt:hover, body .woocommerce .cart .button:focus, body .woocommerce a.button.alt:focus, body .woocommerce #place_order:hover, body .woocommerce #place_order:focus{ color:#fff; background-color:#2baf68 !important }
body .woocommerce input#coupon_code{  }
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ padding:0 18px !important }
body .cart_totals h2{ padding-bottom:30px }
body .woocommerce .coupon input.input-text, body .woocommerce .input-text{ border:1px solid #ccc; font-size:13.5px; height:42px; padding:0 11px !important; color:#4b4b4b; background-color:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px }
body .woocommerce textarea.input-text{ height:82px; padding:8px 11px !important; }
body .checkout .select2-container{  }
body .checkout .select2-container--default .select2-selection--single{ height:42px; padding:8px 11px 8px 3px; border-color:#ccc; color:#4b4b4b }
body .checkout .select2-container--default .select2-selection--single .select2-selection__arrow{ height:42px; padding:8px 11px 8px 3px; border-color:#ccc; color:#4b4b4b; right:7px }
body .wc_payment_method.payment_method_cheque .input-radio{ display: inline-block !important; opacity:1; margin-right:0 !important }
body .wc_payment_method.payment_method_cheque .input-radio + label{ margin-left:0 }
body .woocommerce-info{ border-top-color:#258752 }
body .woocommerce-info::before{ color:#258752 }
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger{ text-indent: inherit }
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after, body.woocommerce div.product div.images .woocommerce-product-gallery__trigger img{ display:none !important }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before{ content: "\f00e"; font-size:20px; line-height:36px; font-family:'FontAwesome'; font-weight: normal; color:#666; border:none; left:8px; top:0 }
body .woocommerce-product-gallery__image a, body .woocommerce-product-gallery__image img{ cursor: pointer }
body .woocommerce-message a{ color:rgb(229,51,10); background-color: inherit; text-decoration: underline }
body .woocommerce-message a:hover{ color:rgba(229,51,10,0.8); background-color: inherit; text-decoration: none }
.woocommerce header{ position: relative; z-index:1 }
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .woocommerce-additional-fields h3{ color:#333 }
.woocommerce-shipping-fields h3 label{ font:normal 30px/35px 'GoodDog Cool' }
.woocommerce-shipping-fields h3 input[type="checkbox"]{ width:auto; position: relative; margin:0 8px 0 0; opacity:1 }
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:27px }
.widget_product_search{ width:235px; margin: 10px 0 0; position: relative }
.widget_product_search form{ position: relative }
.widget_product_search input[type="search"]{ width: 100%; height: 35px; font-size: 14px; padding: 0 42px 0 12px; border: 1px solid #d2d2d2; background-color: #f5f5f5; }
.widget_product_search input[type="submit"]{ width: 16px;height:16px; padding: 0; margin: 0; position: absolute; top: 9px; right: 14px; border:none; background: url(../img/search_icon.png) no-repeat 0 0; text-indent:-200000px }
.widget_product_search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#363636 }
.widget_product_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#363636; opacity:1 }
.widget_product_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#363636; opacity:1 }
.widget_product_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#363636 }
.widget_product_search input::-ms-input-placeholder { /* Microsoft Edge */
    color:#363636 }
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{ padding:9px 12px }
.woocommerce table.my_account_orders th{ font-weight:700; font-size:14px }
body .woocommerce-orders-table a.button.woocommerce-button{ height:34px; line-height:34px }
.mark, mark{ background-color:#FBFAF9 }
body.woocommerce div.item.product, body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{ padding:0 0 12px; border:1px solid #eee;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s  }
body.woocommerce div.item.product a h2, body.woocommerce ul.products li.product a h2, body.woocommerce-page ul.products li.product a h2{ color:#333 !important; font-size:16px !important }
body.woocommerce div.item.product a:hover h2, body.woocommerce ul.products li.product a:hover h2, body.woocommerce-page ul.products li.product a:hover h2{ color:#666 !important }
.woocommerce ul.products li.product a img{ margin-bottom:12px;
border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
height: 265px;
object-fit: contain;}
body.woocommerce div.item.product:hover, body.woocommerce ul.products li.product:hover, body.woocommerce-page ul.products li.product:hover{ box-shadow:0 0 10px rgba(0,0,0,.15) }
.woocommerce div.item.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ text-align: left !important }
.woocommerce ul.products li.product .price{ padding:0 15px }
.woocommerce ul.products li.product .button{ margin:4px 15px 0; padding:0 10px; line-height:32px; border:1px solid #eee !important; background-color:#fff !important; color:#bbb !important }
.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button.added{ border:1px solid #258752 !important; background-color:#258752 !important; color:#fff !important }
body.woocommerce .woocommerce-LoopProduct-link{ margin:0 }
.woocommerce a.added_to_cart{ margin:0 15px }
.widget-heading .widget-title, .widget-heading .widget-title a{ font-weight:600; color:rgba(0,0,0,0.7) !important }
body .sidebar-widget{ background-color:inherit !important; padding:15px; border:none !important; overflow: hidden; margin-top:0; margin-bottom:0; position: relative; z-index:2 }
.woocommerce .col-md-9.product-gallery ul.products li.product, .woocommerce-page .col-md-9.product-gallery ul.products li.product{ width:calc(34% - 22px) !important; margin:0 22px 22px 0 !important }
.woocommerce .col-md-9.product-gallery ul.products li.product:nth-child(3n+3), .woocommerce-page .col-md-9.product-gallery ul.products li.product:nth-child(3n+3){ margin-right:0 !important }
.woocommerce .col-md-9.product-gallery ul.products li.first, .woocommerce-page .col-md-9.product-gallery ul.products li.first{ clear:none }
#secondary{ position: relative; overflow: hidden }
#secondary:before{ height:100%; position: absolute; top:0; left:15px; right:15px; content:''; background:#fff; border:1px solid #e5e5e5; z-index:1; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin-right:15px; margin-bottom:15px }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{ border:1px solid #e5e5e5 }
body.woocommerce .related.products ul.products li{ clear:none !important }
.address_book .select2{ display:none !important }



/*Shop Page Preloader*/
.pswp__preloader{ display:none !important; opacity:0 !important; visibility: hidden !important }

/*Forum page Css Start*/
.bps-slingle .bgs-post-post, .bgs-post-page{ background-color: transparent !important; padding:0 !important }
.bps-slingle .bgs-post-content{ padding: 0 }
body #af-wrapper #forum-header-container{ border:1px solid rgba(201,191,173,0.7); overflow: hidden; border-radius:6px;  -webkit-border-radius:6px; -moz-border-radius:6px }
body #af-wrapper #forum-header-container-top{ background-color:#e7e0d4; color:rgb(85,49,2); padding-left:10px; border-radius:4px 4px 0 0;  -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0 }
body #af-wrapper #breadcrumbs-container{ border-radius:0 0 6px 6px;  -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px }
body #af-wrapper #forum-header-container-top > a{ border-left:none !important; border-right:1px solid rgb(212,201,182); color:rgb(85,49,2) !important; background-color:inherit; padding:0 10px 0 0; margin:0 10px 0 0 }
body #af-wrapper #forum-search{ /*height:44px*/ } 
body #af-wrapper #subscription-overview-link{ border-color:rgb(212,201,182) }
body #af-wrapper #breadcrumbs-container{ border-color: transparent !important }
body #af-wrapper #subscription-overview-link a{ color:rgb(85,49,2) !important }
body #af-wrapper #forum-search{ /*line-height:38px*/ }
body #af-wrapper #forum-search span{ padding:0 10px }
body #af-wrapper #forum-search span::before{ /*line-height:40px*/ }
body #af-wrapper #forum-search{ border-color:#e7e0d4 }
body #af-wrapper #forum-search input{ font-size:14px; color:#4b4b4b; font-style: normal; font-family:'Roboto', sans-serif }
body #af-wrapper .main-title{ font:300 22px/24px 'Roboto', sans-serif; color:#e5330a; padding-bottom:5px }
body #af-wrapper .title-element{ height:auto; font-family:'Roboto Condensed', sans-serif; font-size:20px; background-color:rgb(28,147,104); border-bottom:none; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0 }
body #af-wrapper .last-post-headline{ font-style: inherit; text-align:right; font-weight:300 }
body #af-wrapper a{ color:rgb(229,51,10) } 
body #af-wrapper #statistics #statistics-header{ background-color:rgb(28,147,104); border-bottom:none; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0 }
body #af-wrapper #statistics-body{ border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px }
body #af-wrapper #statistics-online-users{ border-top:1px solid #e1e1e1; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px }
body #af-wrapper #statistics-header span{ height:auto; font-family:'Roboto Condensed', sans-serif; font-size:20px !important }
body #af-wrapper #statistics span:before{ margin-top:8px; margin-right:5px }
body #af-wrapper #statistics #statistics-online-users span:before{ margin-top:3px; margin-right:5px }
body #af-wrapper .read-unread{ line-height:12px }
body #af-wrapper .forum-name, body #af-wrapper .topic-name, body #af-wrapper .forum small, body #af-wrapper .topic small{ font:400 15px/24px 'Roboto', sans-serif }
body #af-wrapper .forum-stats, body #af-wrapper .topic-stats{ font:400 15px/24px 'Roboto', sans-serif }
body #af-wrapper .forum-name{ padding:8px }
body #af-wrapper .forum-name a{ font-size:17px }
body #af-wrapper .forum-stats{ border-left:1px solid #eee; text-align: center }
body #af-wrapper .topic-stats{ border-left:1px solid #eee }
body #af-wrapper .forum-poster, body #af-wrapper .topic-poster{ font:400 14px/20px 'Roboto', sans-serif }
body #af-wrapper .forum-poster .dashicons-before:before{ padding:5px 4px 0px 0 }
body #af-wrapper { font-family:'Roboto', sans-serif }
body #af-wrapper .unread:before{ color:#a2a2a2 }
body #af-wrapper .forum-menu a{ border:1px solid #e5330a; color:#e5330a !important; background-color: transparent; padding:0 18px; font-size:14px; line-height:40px; font-weight:500; text-transform: uppercase; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:6px }
body #af-wrapper .forum-menu a:hover, body #af-wrapper .forum-menu a:focus{ color:#fff !important; background-color:#e5330a }
body #af-wrapper .forum-menu a:before{ margin:12px 5px 0 0 }
body #af-wrapper #topic-subscription, body #af-wrapper #forum-subscription{ color:#a2a2a2; background-color:inherit }
body #af-wrapper #topic-subscription a, body #af-wrapper #forum-subscription a{ font-style:normal; font-size:13px }
body #af-wrapper .forum-post-menu a{ color:#e5330a }
body #af-wrapper .forum-post-menu a:hover{ color:#f76242 }
body #af-wrapper .forum-post-date{ font-family:'Courgette', cursive; font-size:14px }
body #af-wrapper .post-author{ padding:15px 7px }
body #af-wrapper .post-message{ padding-top:15px }
body #af-wrapper .post-message p{ font:400 16px/24px 'Roboto', sans-serif !important }
body #af-wrapper .post-footer{ font:400 15px/24px 'Roboto', sans-serif !important  }
body #af-wrapper .post-author img.avatar{ width:100% !important; height:auto !important; border:none; outline:none; padding:0; margin-bottom:5px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px }
body #af-wrapper .post-author{ margin-bottom:8px }
body #af-wrapper .post-author a{ font:400 16px/24px 'Roboto', sans-serif; color:#777 !important; background-color: inherit !important }
body #af-wrapper .post-author small{ font:400 14px/24px 'Roboto', sans-serif; color:#999 !important; background-color: inherit !important }
body .editor-row{ margin-top:12px }
body #af-wrapper .editor-row .cancel, body #af-wrapper .editor-row .cancel-back{ border:1px solid #e5330a !important; color:#e5330a !important; background-color: transparent !important; padding:0 18px !important; font-size:14px; line-height:40px; font-weight:500; text-transform: uppercase; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:6px }
body #af-wrapper .editor-row .cancel:hover, body #af-wrapper .editor-row .cancel-back:hover, body #af-wrapper .editor-row .cancel:focus, body #af-wrapper .editor-row .cancel-back:focus{ color:#fff !important; background-color:#e5330a !important; }
body #af-wrapper .editor-row input[type="file"], body #af-wrapper .editor-row input[type="submit"]{ width:auto; color:#fff; background-color:#e5330a; padding:0 18px; font-size:14px; line-height:42px; text-transform: uppercase; border:none !important;  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
#af-wrapper .editor-row input[type="file"]:hover, #af-wrapper .editor-row input[type="submit"]:hover, #af-wrapper .editor-row input[type="file"]:focus, #af-wrapper .editor-row input[type="submit"]:focus{ color:#fff; background-color:#fc613a }
body #af-wrapper #forum-profile div > span{ font:400 16px/32px 'Roboto', sans-serif !important }
body #af-wrapper #forum-profile .avatar{ border:none; outline:none; padding:0; margin-bottom:5px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px }
body #af-wrapper #forum-profile .display-name{ margin-bottom:15px; font:400 22px/28px 'Roboto', sans-serif !important }
body #af-wrapper .editor-row-subject{ padding-left:0; padding-right:0; border-bottom: inherit !important }
body #af-wrapper .editor-row{ border-bottom: inherit !important }
body #af-wrapper #forum-header-container-top > a{ border:none }
body #af-wrapper #forum-header-container-top >  a + a{ display:none }
body #af-wrapper #breadcrumbs-container{ display:none }
body #af-wrapper #forum-search span{ float:right }
body #af-wrapper #forum-search input{ padding-left:12px }
body #af-wrapper #statistics .statistics-element{ width:20% }

/*Event Page Css Start*/
.events-list{ width:100%; padding:0; margin:0;  text-align:center }
.events-list > .row > div{ margin:15px 0 }
.events-list .img-box{ width:100%; height:195px; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; margin:0 }
.events-list .event-inner{ height:494px; padding:0; margin:0; list-style:none; text-align:left; display:inline-block; background:#fff; position:relative; vertical-align:top;
box-shadow:0 2px 2px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.22);
-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.22)  }
.event-content{ padding:30px 25px 20px }
.events-list .event-inner img{ display:block; margin:0 auto 18px }
.events-list .event-inner h4{ font:700 16px/18px 'Roboto', sans-serif; color:#d14124; background-color:inherit; text-transform:uppercase; padding:0 0 8px; margin:0 }
.events-list .event-inner h4 a{ color:#d14124; background-color:inherit }
.events-list .event-inner h4 a:hover{ color:rgb(229,51,10); background-color:inherit }
.events-list .hvr-float:hover, .events-list .hvr-float:focus, .events-list .hvr-float:active{ -webkit-box-shadow: rgba(0,0,0,0.3) 0px 5px 13px;
-moz-box-shadow:  rgba(0,0,0,0.3) 0px 5px 13px;
box-shadow:  rgba(0,0,0,0.3) 0px 5px 13px } 
.date-txt{ width:51px; min-height:51px; padding:6px 0 0; color:#fff; background-color:#d14124; border:3px solid #fff; position:absolute; top:16px; left:18px; text-align:center; font:bold 23px/16px 'Roboto', sans-serif; text-transform:uppercase }
.date-txt span{ font-weight:300; font-size:15px; line-height:12px }
.date-txt span.year{ display: block; font-weight:300; font-size:16px; line-height:12px; padding:3px 0 4px }
.time-info .time{ display:inline-block; font-size:14px;  line-height:14px; color:#012f6b; background-color:inherit; padding:0 20px 0 0 }
.time-info .location{ display:inline-block; font-size:14px;  line-height:14px; color:#012f6b; background-color:inherit }
.event-section i, .time-info i{ width:15px; text-align:center; color:rgb(229,51,10) !important; font-size:15px }
.events-list p, .past-events-list p{ width:100%; display:block; clear:both; font-size:14px; line-height:20px; color:#585858; background-color:inherit; padding-bottom:16px }
.time-info{ padding-bottom:0 }
.time-info .time, .time-info .location{ width:100%; padding:0; vertical-align:top }

/*Form Style Css Start*/
label{ font-weight:400; font-size:14px; position: relative; }
label.label1{ position: relative; top:-8px }
.form-control{ font-size:13.5px; height:41px; padding:0 11px; color:#4b4b4b; background-color:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px }
textarea.form-control{ height:80px !important; padding:8px 11px }
select.form-control, select{ background: url(../img/select-arrow-black.png) no-repeat right center #fff; -webkit-appearance: none; -moz-appearance: none  }
select.form-control:focus, select:focus{ background: url(../img/select-arrow-black.png) no-repeat right center #fff } 
header select.form-control:focus, header select:focus{ background: url(../img/select-arrow-black.png) no-repeat right center #424242; outline:none }
select.form-control::-ms-expand, select::-ms-expand { display:none }
select.form-control option, select option{ padding:5px 12px }
select.form-control option:focus, select option:focus{ background-color:#258752 }
input.form-control.datepicker{ background:url('../img/calendar-icon.png') no-repeat right center }
body .select2-container .select2-selection--multiple{ min-height:41px }
body .select2-container--default .select2-selection--multiple{ /*height:42px;*/ /*color:rgb(54,54,54); background-color:rgb(247,243,237); padding:0 7px; border-color:rgb(212,201,182)*/ color:#4b4b4b; background-color:#ff; padding:0 7px; border-color:#ccc }
body .moreFilter .select2-container--default .select2-selection--multiple{ /*height:42px;*/ color:rgb(54,54,54); background-color:rgb(247,243,237); padding:0 7px; border-color:rgb(212,201,182) }
body .select2-container--default .select2-selection--single{ border-color:#ccc }
body .mixed-breed .select2-container--default .select2-selection--multiple{ color:#4b4b4b !important; background-color:#fff !important; padding:0 7px; border-color:#ccc !important; }
.dog-search-filter .mixed-breed .select2-container--default .select2-selection--multiple{ color:rgb(54,54,54) !important; background-color:rgb(247,243,237) !important; padding:0 7px; border-color:rgb(212,201,182) !important; }
body .select2-container--default .select2-search--inline .select2-search__field{ height:27px }
body .select2-container--default.select2-container--focus .select2-selection--multiple{ border-color:rgb(212,201,182) }
body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option--highlighted[data-selected]{ background-color:#258752 }
select.orderby{ border-color:#e5e5e5; padding:5px 35px 5px 10px; color:#666; background-color:#fff }
#frmAddDog .select2-container .select2-selection--single, #frmAddDog .select2-container--default .select2-selection--single .select2-selection__arrow, #frmUpdateDog .select2-container .select2-selection--single, #frmUpdateDog .select2-container--default .select2-selection--single .select2-selection__arrow{ height:42px !important }
#frmAddDog .select2-container--default .select2-selection--single .select2-selection__rendered, #frmAddDog .select2-container--default .select2-selection--single .select2-selection__arrow, #frmUpdateDog .select2-container--default .select2-selection--single .select2-selection__rendered, #frmUpdateDog .select2-container--default .select2-selection--single .select2-selection__arrow{ line-height:42px }

/*Button Custom Css Start*/
.btn-dark{ background-color: #424242; color: #ececec; font:300 13.5/17px 'Roboto', sans-serif; border:1px solid #595959 }
.btn-dark:hover, .btn-dark:focus, .btn-dark.focus{ background-color: #424242; color: #ececec !important }
.btn-gray{ background-color:rgb(247,243,237); color:rgb(54,54,54); font:300 13.5px/17px 'Roboto', sans-serif; border:1px solid rgb(212,201,182); padding-top:11px; padding-bottom:11px }
.btn-gray:hover, .btn-gray:focus, .btn-gray.focus{ background-color:rgb(247,243,237); color:rgb(54,54,54) !important }
.btn-white{ background-color:rgb(255,255,255); color:rgb(54,54,54); font:300 13.5px/17px 'Roboto', sans-serif; border:1px solid #ccc; padding-top:11px; padding-bottom:11px }
.btn-white:hover, .btn-white:focus, .btn-white.focus{ background-color:rgb(255,255,255); color:rgb(54,54,54) !important }
body .btn-primary, body .btn-theme, .button.button-primary{ color:#fff !important; background-color:#258752; padding:0 18px; font-size:14px; height:42px; line-height:42px; font-weight:500; text-transform: uppercase; border:none !important; }
body .btn-primary:hover, body .btn-theme:hover, body .btn-theme:focus, .button.button-primary:hover{ color:#fff; background-color:#2baf68 }
body .nav-previous a, body .nav-next a{ text-transform: inherit !important }
.btn-outline-primary, body .nav-previous a, body .nav-next a, body .comment-form .btn-primary, body .comment-form .btn-theme{ border:1px solid #258752 !important; color:#258752 !important; background-color: transparent; padding:0 18px; font-size:14px; line-height:40px; font-weight:500; text-transform: uppercase }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-primary:focus, .btn-primary.active, .nav-previous a:hover, .nav-previous a:focus, .nav-previous a.active, body .nav-next a:hover, body .nav-next a:focus, body .nav-next a.active, body .comment-form .btn-primary:hover, body .comment-form .btn-primary:focus, body .comment-form .btn-primary.active, body .comment-form .btn-theme:hover, body .comment-form .btn-theme:focus, body .comment-form .btn-theme.active{ color:#fff !important; background-color:#258752 !important }
body .comment-form .btn-theme:hover, body .comment-form .btn-theme:focus, body .comment-form .btn-theme.active,
.btn-outline-danger{ border:1px solid #e5330a; color:#e5330a; background-color: transparent; padding:0 18px; font-size:14px; line-height:40px; font-weight:500; text-transform: uppercase }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.active{ color:#fff; background-color:#e5330a }
.btn-danger{ color:#fff; background-color:#e5330a; padding:0 18px; font-size:14px; line-height:42px; text-transform: uppercase; border:none }
.btn-danger:hover, .btn-danger:focus, .btn-danger.active{ color:#fff; background-color:#fc613a }
.btn-edit{ width:42px; height:42px; background-color:#fff; color:#fff; text-align: center; display: block;  text-align: center; line-height: 42px; border: 1px solid rgb(37,135,82); background: url('../img/edit-icon-green.svg') no-repeat center #fff; background-size: 24px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.btn-edit:hover{ background: url('../img/edit-icon-white.svg') no-repeat center rgb(37,135,82); background-size: 24px; color:rgb(37,135,82); border:1px solid rgba(37,135,82,0.8) }
.user-profile-pic .btn-edit{ position: absolute; bottom:15px; right:15px }
.user-profile-pic .btn-edit.fileUpload{ margin-right:0 }
.btn-delete{ width:42px; height:42px; background-color:#fff; color:#fff; text-align: center; display: block;  text-align: center; line-height: 42px; border: 1px solid rgb(229,51,10); background: url('../img/delete-icon-orange.svg') no-repeat center #fff; background-size: 18px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.btn-delete:hover{  background: url('../img/delete-icon-white.svg') no-repeat center rgb(229,51,10); background-size: 18px; color:rgb(229,51,10); border:1px solid rgb(229,51,10) }
.btn-invite-date{ width:42px; height:42px; background-color:#fff; color:#fff; text-align: center; display: block;  text-align: center; line-height: 42px; border: 1px solid rgb(37,135,82); background: url('../img/invite-icon-green.svg') no-repeat center #fff; background-size: 18px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.btn-invite-date:hover{  background: url('../img/invite-icon-white.svg') no-repeat center rgb(37,135,82); background-size: 18px; color:rgb(37,135,82); border:1px solid rgb(37,135,82) }
.btn-send-message{ width:42px; height:42px; background-color:#fff; color:#fff; text-align: center; display: block;  text-align: center; line-height: 42px; border: 1px solid rgb(37,135,82); background: url('../img/send-message-icon-green.svg') no-repeat center #fff; background-size: 18px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.btn-send-message:hover{  background: url('../img/send-message-icon-white.svg') no-repeat center rgb(37,135,82); background-size: 18px; color:rgb(37,135,82); border:1px solid rgb(37,135,82) }
.btn-cancel-date{ width:42px; height:42px; background-color:#fff; color:#fff; text-align: center; display: block; float: right;  text-align: center; line-height: 42px; border: 1px solid rgb(229,51,10); background: url('../img/cancel-date-orange.svg') no-repeat center #fff; background-size: 20px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.btn-cancel-date:hover{  background: url('../img/cancel-date-white.svg') no-repeat center rgb(229,51,10); background-size: 20px; color:rgb(229,51,10); border:1px solid rgb(229,51,10) }
.btn-more-info{ width:42px; height:42px;  background-color:#fff; color:rgb(37,135,82); text-align: center; display: block;  text-align: center; line-height: 42px; border: 1px solid rgb(37,135,82);  
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px }
.btn-more-info:hover{ background-color:rgb(37,135,82); color:#fff; border:1px solid rgba(37,135,82,0.8) }
.fileUpload { position: relative; overflow: hidden; margin:0 12px 0 0 }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0) }
.btn-edit.sml{ width:26px; height:26px; background-size: 16px; }
.btn-edit.sml:hover{ background-size:16px }
body .swal2-modal .swal2-styled{ color:#fff !important; background-color:#258752 !important; padding:0 18px !important; font-size:14px; line-height:42px; font-weight:500; text-transform: uppercase; border:none !important }
body .swal2-modal .swal2-styled:hover, body .swal2-modal .swal2-styled:hover, body .swal2-modal .swal2-styled:focus{ color:#fff; border:none !important; background-color:#2baf68 !important }
body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button{ color:#fff !important; background-color:#258752 !important; padding:0 18px; font-size:14px; line-height:42px; font-weight:500; text-transform: uppercase; border:none !important;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ color:#fff; background-color:#2baf68 !important; }
.pull-right .btn-edit{ float: left }
.pull-right .btn-delete, .pull-right .btn-cancel-date, .pull-right .btn-more-info, .pull-right .btn-more-info, .pull-right .btn-edit{ float: left; margin:0 0 0 6px }
.btn-group{ height:100%; display: table }
.btn-group-in{ height:100%; display: table-cell; }
.pull-right .btn{ margin:0 0 0 8px; float: left }
.pull-left .btn{ margin:0 8px 0 0 }
body .woocommerce #respond input#submit, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button{ color:#fff !important; background-color:#258752; padding:0 18px; font-size:14px; height:42px; line-height:42px; font-weight:500; text-transform: uppercase; border:none !important; }
body .woocommerce #respond input#submit:hover, body .woocommerce a.button:hover, body .woocommerce button.button:hover, body .woocommerce input.button:hover{ color:#fff; background-color:#2baf68 }
body .swal2-modal .swal2-styled:focus{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none }
.btn-link{ background-color:inherit; color:rgba(0,0,0,0.7); font:400 13.5px/17px 'Roboto', sans-serif; border:none; padding-top:0; padding-bottom:0; outline:none } 
.btn-link:hover, .btn-link:focus, .btn-link.focus{ background-color: inherit; color:rgb(54,54,54) !important; outline:none }


/*RADIO/CHECKMARK/SELECT STYLE*/
.radio-group{ margin:5px 0 0 }
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){ width : 24px; margin : 0; padding : 0; font-size : 1em; opacity : 0 }
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{ display: inline-block; margin-left  : -2em; line-height  : 1.5em; margin-right: 35px; font-size: 14px }
input[type=checkbox]:not(old) + label > span{ display : inline-block; width : 22px; height : 22px; margin : /*0.25em 0.5em 0.25em 0.25em*/ 9px 8px 0 6px; border : 0.0625em solid rgb(192,192,192); border-radius : 0.25em; background : #fff; vertical-align : bottom }
input[type=radio   ]:not(old) + label > span{ display : inline-block; width : 22px; height : 22px; margin : 0.25em 0.5em 0.25em 0.25em; border : 0.0625em solid rgb(192,192,192); border-radius : 50%; background : #fff; vertical-align : middle }
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{ background : rgb(255,255,255) }
input[type=checkbox]:not(old):checked + label > span{ margin:9px 8px 0 6px }
input[type=checkbox]:not(old):checked + label > span:before{
/*content     : '✓';*/ content : '\f00c'; font-family: 'FontAwesome'; display : block; width : 22px;  height: 22px; color :rgb(37,135,82); font-size : 0.875em; line-height : 22px; text-align : center;  text-shadow : 0 0 0.0714em rgb(115,153,77); font-weight : normal }
input[type=radio]:not(old):checked +  label > span > span{ display : block; width : 10px; height :10px; margin : 5px; border : none; border-radius : 50%; background : rgb(128,128,128) }
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=radio]:not(old):checked +  label > span > span{ margin:6px 6px 6px 5px }
}

/*Modal Box Custom style*/
h4.modal-title{ color:#000; background-color: inherit; padding:0; margin:0; font-size:17px; line-height:20px; font-weight:500; text-transform: uppercase; }
.modal-sm{ width:400px }
.modal-content{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px }
.modal-header{ border:none; padding:15px; background-color:rgb(240,240,240); border-bottom:1px solid rgb(215,215,215); border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0  }
.modal .form-control{ height:40px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px }
.modal a{ color:#6d8cc4; background-color: inherit }
.modal a:hover{ color:#5f81be; background-color: inherit }
.modal .btn{ height:42px; line-height:40px !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; margin-bottom:15px }
.modal h6{ text-align: center; font-size:15px; border-top:1px solid #e5e5e5; padding:0; margin:5px 0 10px }
.modal h6 span{ padding:0 15px; background-color:#fff; margin:0; position: relative; top:-12px; font-weight:400 }
ul.social-icons{ padding:0; margin:0 0 10px; text-align: center }
ul.social-icons > li{ padding:0; margin:0 2px; display: inline-block; float: none; list-style: inherit; }
ul.social-icons > li{ width:32px; height:32px }
ul.social-icons > li .fa{ font-size:20px; line-height:32px }
ul.social-icons > li a{ width:32px; height:32px; display: block; }
ul.social-icons > li.facebook a{ background:rgb(59,85,139); color:#fff }
ul.social-icons > li.facebook a:hover{ background:rgba(59,85,139,0.8); color:#fff }
ul.social-icons > li.twitter a{ background:rgb(0,172,237); color:#fff }
ul.social-icons > li.twitter a:hover{ background:rgba(0,172,237,0.8); color:#fff }
ul.social-icons > li.google-plus a{ background:rgb(182,58,43); color:#fff }
ul.social-icons > li.google-plus a:hover{ background:rgba(182,58,43,0.8); color:#fff }
.recaptcha-box{ margin-bottom:12px }
.modal button.close{ font-size:30px; line-height:22px; font-weight:300; color:#333; opacity:1 }
.modal button.close:hover{ opacity:0.6 }
.modal .btn{ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:0 }

.modal.video-modal button.close{ width:32px; height:32px; font-size:0px; line-height:0px; background:url('../img/btn-close.png') no-repeat 0 0; background-size:100%; position: absolute; top:16px; right:16px; opacity:1; z-index:9 }



.modal{ text-align: center }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle }

/*Slider for Bootstrap Custom Css Start*/
.slider.slider-horizontal{ width:100%; margin:10px 0 0 }
.slider.slider-horizontal .slider-track{ height:8px }
.slider-selection{ background:rgb(37,135,82) }
.slider-track{ background:rgb(247,243,237); border:1px solid rgb(212,201,182);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none }
.slider-handle{ width:29px; height:29px; outline:none; background:url('../img/slider-handle.png') no-repeat 0 0; top:-6px; cursor:w-resize }
.currentSliderValLabel{ color:#e5441e; font-size:14px }

/*Custom Tab Design Css Start*/
.nav-tabs{ border-bottom-color:rgb(231,218,201) }	
.nav > li{ font-size:14px; font-weight:500; text-transform: uppercase }
.nav > li > a{ padding:9px 24px }
.nav-tabs > li > a{ border:1px solid rgb(231,218,201); border-bottom: inherit; margin-right: 0; margin-left: -1px; border-bottom: 3px solid rgba(0,0,0,0);
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0 }                    
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover{ border-color:rgb(231,218,201);  border-bottom: 3px solid rgb(229,51,10); background-color: #fff !important;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0 }
.tab-content{ margin-bottom:30px }

/*Image Custom Css Start*/
.img-responsive{ width:100% }
.img-thumbnail{ border-color:rgb(230,218,197) }

/*Blog Page css Start*/ 
body .owl-next, body .owl-prev{ width:40px; height:40px; padding-top:0; line-height:37px; vertical-align:top; background-color:rgba(255,255,255,0.2) !important; -webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100% }
body .owl-next:hover, body .owl-next:focus, body .owl-prev:hover, body .owl-prev:focus{ background-color:rgba(0,0,0,0.2) !important }
body .carousel-caption{ padding:30px 0; left:15%; right:15% }
body .carousel-caption h2{ font-size:32px; background-color: transparent; padding-bottom:12px; margin-bottom:0; text-transform: inherit !important; font-family:'Roboto', sans-serif }
body .carousel-caption p{ font-size:16px; font-family:'Roboto', sans-serif; font-weight:400 }
body .owl-dot.active{ background:rgba(0,0,0,0.5) !important }
body .owl-dot{ background:rgba(255,255,255,0.5) }
body .home-pagi .swiper-pagination-bullet, body .owl-dot{ width:8px; height:8px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%  }
body .shop-slider .carousel-caption, body .blog-slider .carousel-caption{ background-color: transparent } 
body .widget_product_search input[type="search"]{ background-color:#fff }
body .sidebar-widget .widget-heading{ margin:0 0 15px; padding:0 0 8px; /*background-color:rgb(250,248,244);*/ background-color: inherit; border-right:none; border-bottom:1px solid #e2e2e2; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0 }
.sidebar-widget .widget-heading .widget-title{ font-size:17px; line-height:26px; text-transform: inherit; font-family:'Roboto Condensed', sans-serif; text-transform: uppercase }
body .sidebar-widget ul{ padding:0 5px !important }
body .widget ul li a{ color:#4f4f4f }
body .widget ul li a:hover{ color:#333 }
body .sidebar-widget ul li:before{ color:#999 }
body .widget_search input{ border-color:#ccc }
body .bds-date-block.bds-day{ background-color:rgb(237,51,25) }
body .bds-date-block.bds-month{ background-color:#efefef }
body .bgs-blog-more{ display:none }
.bgs-post-content h2.entry-title{ font-size:17px; line-height:22px; font-weight:500; padding-top:7px; text-transform: inherit; font-family:'Roboto', sans-serif; padding-top:2px }
.bgs-post-content h2.entry-title a{ color:#2f2f2f }
.bgs-post-content h2.entry-title a:hover{ color:rgb(237,51,25) } 
.bgs-post .img-thumbnail{ margin-bottom:10px }
.bgs-post .bgs-post-content{   }
.bgs-post-post .entry-meta, .bgs-post-post .entry-footer{ font-weight:300; color:#8c8c8c; background-color: transparent; margin:0 0 15px !important }
body .bgs-post-post .entry-footer{ margin-bottom:0px !important; border: none }

.bgs-post-post .entry-meta a{ padding-left:8px }
.bgs-post-post .entry-meta .posted-on,  .bgs-post-post .entry-meta .byline, .bgs-post-post .entry-meta .comments-link{ border-right:1px solid rgba(0,0,0,0.2); padding-right:12px; margin-right:12px }
.bgs-post-post .entry-meta .comments-link{ border:none; padding-right:0; margin-right:0 }
.bgs-post-post .entry-meta a{ color:#e5330a; background-color: inherit }
body .bgs-post-post .entry-meta i.fa, .bgs-post-post .entry-footer i.fa{ color:#8c8c8c }
.bgs-post-post .entry-title, .bgs-post-post h1{ font-size:25px; line-height:30px; text-transform: inherit; color:#444; background-color: transparent; }
.bgs-post-post h2{ font-size:25px; line-height:30px; font-family:'Roboto', sans-serif; text-transform: inherit; color:#444; background-color: transparent; padding-bottom:15px }
.bgs-post-content ul li, .bgs-post-content p{ color:#636363; background-color: transparent }
.bgs-post-content ul{ margin-bottom:15px }
.bgs-post-content ol{ margin-left:0; padding-left:0 }
.bgs-post-content ul > li{ list-style:none; color:#636363; background-color: transparent }
.bgs-post-content h5{ border:none;  color:#5e5e5e; background-color: transparent }
body blockquote{ font-size:15px; border-left:5px solid #e5330a } 
.bgs-post-content blockquote p{ padding:5px 0 }
body .comment-respond h2{ color:#553102; background-color: transparent; font-size:34px; padding:15px }
body .comment-respond p{ padding:0 15px }
body .comment-respond form.comment-form{ width:100%; overflow: hidden }
body .comment-respond form.comment-form .form-group{   }
body .bgs-pagination.col-md-12{ padding-left:0; padding-right:0 }
body .bgs-comment-form, body .bgs-comment{ padding-bottom:15px }
body .bgs-date.entry-date{ margin-top:-10px }
.bgs-comment-form, .bgs-comment{ border: 1px solid #e2e2e2; background-color: #fcf9f9 !important }

/*Faq Page css Start*/ 
body h3.hrf-title{ color:#262626; background-color:; border-bottom:1px solid #fff; font-size:22px; line-height:36px; font-family:'Roboto Condensed', sans-serif }
body .hrf-content p{ color:#444; background-color: inherit; font-size:15px; line-height:25px; padding:5px 0 }
body .hrf-content{ padding:0; padding-left:6px }

/*Multiple Dog details Page Css Start*/
.play-dates-details-section{ width:100%; margin-bottom:30px } 
.play-dates-details-section hr{ border-bottom:1px solid rgb(231,218,201) }
ul.dog-details-list{ padding:0; margin:0 }
ul.dog-details-list > li{ width:100%; display: block; overflow: hidden; padding:0 0 5px; margin:0; list-style:none }
ul.dog-details-list > li > span{ width:65%; float:right }
ul.dog-details-list > li > a{ color:#e5330a; background-color: inherit }
ul.dog-details-list > li > a:hover{ color:#f96f51; background-color: inherit }
.play-dates-details-section .btn{ padding:0 10px }
.playDateDetails .rating-wrapper{ margin-bottom:0px }
.playDateDetails ul.rating{ margin-right:5px }
.playDateDetails.modal p{ padding-bottom:5px; line-height:18px }
.playDateDetails.modal hr{ margin-top:8px; margin-bottom:10px; border-top:1px solid rgba(201,191,173,0.5) }
ul.paticipants-list{ padding:0; margin:0 0 30px }
ul.paticipants-list > li{ padding:0; margin:0; list-style:none; padding:0 0 8px; margin:0 0 8px; border-bottom:1px solid rgba(201,191,173,0.5) }
ul.paticipants-list > li:last-child{ padding-bottom:0; margin-bottom:0; border:none }

/*Woocommerce Address Page Css Start*/
.woocommerce-account .addresses .title h3{ color:rgb(229,51,10) }
.woocommerce-Address { border:1px solid #dfdfdf; background-color:#fff }
.woocommerce-Addresses header.woocommerce-Address-title{ padding:25px 30px 0 30px }
.woocommerce-Addresses address{ padding:0 30px 10px 30px }
.address-book-top{ padding:0 0 15px }
.address-book-top p{ padding:8px 0 }
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{ width:49% }
.woocommerce select{ font-size:13.5px; height:41px; padding:0 11px; color:#4b4b4b; background-color:#fff; border:1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px }
.woocommerce form .form-row{ padding:0; margin-bottom:15px }



/*Wp-admin Login Page Css Start*/
.page-id-19 .main-container > .container, .woocommerce-customer-logout .main-container > .container{ max-width:380px }
.woocommerce-customer-logout .main-container > .container .bgs-page-content > h2{ display:none } 
.woocommerce-customer-logout .woocommerce-form-login{ background:#fff; border:none !important; padding:0 !important; margin:0 !important }
.page-id-19 .modal .login-form-container{ background-color: transparent; padding:0; border:none; 
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow:none }
.page-id-19 .login-form-container{ background-color:#fff; padding:25px; border:1px solid #f6f6f6; 
box-shadow:0 0 12px rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 12px rgba(0,0,0,0.1);
-moz-box-shadow:0 0 12px rgba(0,0,0,0.1) }

.page-id-19 .login-form-container form label{ width:100%; color:#666 }
.page-id-19 .login-form-container form input.input{ width:100%; font-size:13.5px; height:40px; padding:0 11px; color:#4b4b4b; background-color:#fff; border-color:#ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px  }
.page-id-19 .login-form-container form input[type="checkbox"]{ width: auto; opacity:1; margin:0 4px 0 0; position: relative; top:2px }
.page-id-19 .login-form-container form p{ padding-bottom:10px }
.button.button-primary{ width:100%; height:40px; line-height: 40px; display: block;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; }
.page-id-19 .login-form-container a.forgot-password{ color:#6d8cc4 !important; margin-bottom:15px; display: inline-block }
.page-id-19 .login-form-container a.forgot-password:hover{ color:#5f81be !important }
.page-id-19 .login-form-container h6{ text-align: center; font-size:15px; border-top:1px solid #e5e5e5; padding:0; margin:5px 0 10px }
.page-id-19 .login-form-container h6 span{ padding:0 15px; background-color:#fff; margin:0; position: relative; top:-12px; font-weight:400 }
.page-id-19 .login-form-container .login-error{ color:#c7254e; background-color: inherit; padding-bottom:5px }
.modal .login-error{ width:100%; margin:10px 0 0; padding:0; display: block }
.modal .alert{ padding:9px 15px; display: block; margin-bottom:8px }



/*Gallery Page Css Start*/
.img-gallery-section{ width:100%; overflow: hidden }
ul.img-gallery{ width:100%; overflow: hidden; padding:0; margin:0 }
ul.img-gallery > li{ width:calc(33.33% - 14px); height:190px; float: left; padding:0; margin:0 7px 14px 7px; list-style:none; background-position: center !important; background-repeat: no-repeat !important; background-size:cover !important; border:3px solid #ccc; overflow: hidden }
ul.img-gallery > li > a{ width:100%; height:100%; display: block; position: relative }
ul.img-gallery > li > a .img-hover{ width:100%; height:100%; position: absolute; top:100%; left:0; margin:0; padding:0; color:#fff; background-color:rgba(0,0,0,0.5); font-size:50px; text-align: center; line-height:190px }
ul.img-gallery > li > a:hover .img-hover{ top:0 }
.shorting{ width:150px; position: absolute; top:8px; right:15px }
.pagination > li > a, .pagination > li > span{ color:#666 }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background-color:rgb(229,51,10); border-color:rgb(229,51,10) }
ul.img-gallery > li > a .img-hover{ -webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s }

/*Event page Css Start*/    
.event-details img{ margin-bottom:25px; border:3px solid #ccc }    
.event-details .time-info{ width:100%; padding-bottom:5px; margin-bottom:15px; margin-right:10px; border-bottom:1px solid #e5e5e5 }
.event-details .time-info .time, .event-details .time-info .location{ width:auto; margin-right:10px }

/*404 Page Css Start*/
body.error404 .main-container{ padding-bottom: 0 }
/*body .bgs-404-page{ background: url('../img/notfound.png') no-repeat center }*/
body .bgs-404-page{ background-color:#dcd3c4 }
body .error-404 h2{ font:600 70px/60px 'Roboto Condensed', sans-serif; padding-bottom: 20px }
body .bgs-404-page .title-404{ color: #e5330a }
body .bgs-404-page h2.code-404{ color: #363636; font:700 200px/150px 'Roboto Condensed', sans-serif }
body .bgs-404-page .page-header.error{ border-bottom: none }
body .bgs-404-page h3, body .bgs-404-page p{ color: #333; font-family:'Roboto', sans-serif; font-weight: 300 }
body .bgs-404-page h3{ text-transform: uppercase; font-weight: 700; font-family:'Roboto Condensed', sans-serif; font-size: 36px  }

.timepicker-picker tr td{ text-align: center }

.page-header{ margin:0 }
.page-header h1{ margin:0 0 15px }

/*Contact page css Start*/
address .fa{ width:22px; color:#666 }
address p{ padding-bottom:5px }
address span{ width:30px; float: left; font-size:19px; line-height:30px; color:#363636 }
address span + span{ width: inherit; float: none; margin-left:0; font-size:17px; line-height:30px; color:#363636 }

.gmap-section{ width:100%; height:225px; margin-bottom:50px }
.gmap-section iframe{ width:100% !important; height:225px !important; border:2px solid #fff !important;
-webkit-box-shadow: #999 0px 0px 6px;
-moz-box-shadow: #999 0px 0px 6px;
box-shadow: #999 0px 0px 6px }

/*My Play Dates Filter option css Satrt*/
.play-date-filter{ float:right; position: relative }
.link-filter{ position: relative; padding:5px 10px 5px; top:5px }
.filter-content{ width:235px; padding:15px; position: absolute; top:30px; right:0; z-index:999; background-color:#fff; opacity:0; visibility: hidden;
-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 12px;
-moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 12px;
box-shadow: rgba(0,0,0,0.4) 0px 0px 12px  }
.filter-content:before{ width: 0; height: 0; position: absolute; top:-5px; right:11px; content:''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff }
.link-clear{ float: right; color:rgb(229,51,10) }
.link-clear:hover{ color:rgba(229,51,10,0.7) }
.filter-content .btn{ width:49% }
.filter-content.expend{ opacity:1; visibility: visible }

/*About Page Css Start*/
body.inner-page .our-story-section h2{ padding-bottom:15px }
.our-story-section img{ margin-top:35px; width: 60%;}
.about-team{ width:100%; padding:65px 0; position: relative; background:url('../img/paw-pattern.png') repeat 0 0 #258752 }
.about-team:before{ width:100%; height:37px; position: absolute; top:0; left:0; background:url('../img/blog-top-bg.png') no-repeat center top; content:'' }
.team-info img{ width:128px; height:128px; margin-bottom: 15px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100% }
.team-info h4{ color:#e7e0d4; background-color: inherit; padding-bottom:30px; font-size:20px; line-height:24px; font-weight:500 }
.team-info h4 span{ display: block; color:#fff; background-color: inherit; font-size:18px; font-weight:300; font-style: italic }
.team-info p{ color:#fff; background-color: inherit; font-size:15px }



.hamburger-menu{ display: none }
@media(max-width:1199px){
    .banner-top-section h2{ font-size: 55px; line-height: 55px }	
    .search-box{ width:180px }
    .select2-container{ width:100% !important }
    ul.dog-search-info{ margin-top:10px }
    ul.dog-search-info > li{ width:100% }
    .pull-right .btn{ margin-top:4px; margin-bottom:4px }
    .dog-search-info-box .pull-right .btn{ width:100% }
    .gmap #map{ width:100% !important }

    .profile-compleetness{ padding:18px 20px }
    .profile-compleetness h3{ font-size:26px; line-height:28px }
    ul.profile-compleetness-list{ width:100% }
    
    ul.upcoming-dates > li .u-dates{ width:160px }
    ul.upcoming-dates > li .u-time{ width:190px }
    ul.upcoming-dates > li .u-location{ width:256px }
    ul.upcoming-dates > li .btn-group{ margin-top:6px }
    
    .short-info-group{ width:430px; float: left }
    ul.upcoming-dates > li .short-info-group .u-dates{ width:100%; float: none; padding-top:5px }
    ul.upcoming-dates > li .short-info-group .u-time{ width:100%; float: none; padding-top:0 }
    ul.upcoming-dates > li .short-info-group .u-location{ width:100%; float: none; padding-top:0 }
    
    .woocommerce .col-md-9.product-gallery ul.products li.product, .woocommerce-page .col-md-9.product-gallery ul.products li.product{ width:29.53% }
}
@media(max-width:991px){
    .logo img{ width: 210px }
    ul.top-nav{ display:none }
    .row-eq-height { display:inherit; display:inherit; display:inherit; display:inherit}
    .dog-search-filter .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex }
    .recent-blog-post{ margin:7px 0 }
    .f-product-box{ margin:7px 0 }
    .footer-bottom nav ul > li{ font-size: 13px; padding-bottom: 18px }
    footer h5{ font-size: 18px }
    .app-btn-group a{ display: block; margin: 5px 0 }
    ul.share-icons li a img{ width: 24px; height: 24px }
    .newsletter-signup{ padding-left: 0 }

    body.home .header-bottom{ padding-top: 15px; min-height: 85px }
    body.home.sticky .header-bottom{ min-height: 65px; padding-top: 8px }
    /*Responsive Mobile Menu*/
    .hamburger-menu { position:absolute; top:12px; right:15px; z-index:1; cursor: pointer;display: block;float: right;margin:0;width:28px; clear:both }
    .hamburger-menu span { background:#012f6b; display: block;height: 2px;margin-bottom: 6px;width: 100%;float:right }
    .body-menu-open .hamburger-menu{ z-index: 999 }
    .body-menu-open .hamburger-menu span{ height:3px; color:inherit; background-color:#d14124  !important }
    .body-menu-open .hamburger-menu span:first-child{ -ms-transform: rotate(50deg); /* IE 9 */
    -webkit-transform: rotate(50deg); /* Safari */
    transform: rotate(50deg) }
    .body-menu-open .hamburger-menu span:nth-child(2){ display:none }	
    .body-menu-open .hamburger-menu span:last-child{ margin:-9px 0 0; -ms-transform: rotate(-50deg); /* IE 9 */
    -webkit-transform: rotate(-50deg); /* Safari */
    transform: rotate(-50deg) }
    .nav-top-right{ opacity: 0; visibility: hidden; display:none }
    .nav-top-right.menu-open{ width: 100%; height: 100vh; padding: 30px; background: rgba(0,0,0,0.9); opacity:1; visibility:visible; z-index: 9; position: fixed; top: 0; right: 0; display: table }
    .nav-inner{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center }
    .primary-nav{ width: 100%; float: none; overflow: hidden; margin-bottom: 25px}
    .primary-nav ul{ width: 100% }
    .primary-nav ul.menu li{ width: 100%; text-align: center; margin: 5px 0 }
    .primary-nav ul.menu a{ display: block;font-size: 26px; line-height: 35px; padding: 0; float: none; text-align: center; color: rgba(255,255,255,0.8)}
    .primary-nav ul.menu li.current-menu-item a{ color:#258752; background-color: inherit }
    .search-box{ width:240px; height:42px; float: none; margin: 15px auto; overflow: hidden}
    .search-box input[type="text"]{ height:42px; line-height:42px }
    .search-box input[type="submit"]{ top:14px }
    .profile-compleetness{ margin-top:30px }

	.dog-search-info-box .pull-right .btn{ width:auto }
	
	.directory-filter .map-option{ display:none }
	.directory-filter .map-option > ul > li{ width:calc(25% - 4px); margin-top:3px; margin-bottom:3px }
	.directory-filter .map-option > ul > li:nth-child(4){ width:25%; margin-right:0px }
	.directory-filter .map-option .btn{ margin-top:3px }
	.directory-filter .map-option > ul > li .form-control.zip-code{ width:100% }
	.directory-filter .map-option label{ font-size:13px !important }
	.directory-filter .map-option > ul > li .icon{ margin-bottom:3px }
	ul.directory-list > li h4{ font-size:20px }
	
	.directory-filter{ min-height:70px }
	.btn-more-filter{ display: inline-block; float:right; color:#4b4b4b; position: relative }
	.btn-more-filter.expend{ margin-bottom:5px }
	.btn-more-filter:hover{ color:#e5330a; background-color: inherit }
	.btn-more-filter:before{ position: absolute; top:1px; left:-17px; content:'\f067'; font-size:15px; font-family:'FontAwesome' }
	.btn-more-filter.expend:before{ position: absolute; top:1px; left:-17px; content:'\f068'; font-size:15px; font-family:'FontAwesome' }
	ul.profile-compleetness-list li{ font-size:16px; padding:3px 0 }
	.profile-compleetness h3{ font-size:30px; line-height:35px }
	.short-info-group{ width:235px }
	ul.group-edit-list > li .group-info .pull-left{ width:84% }
	#af-wrapper .forum, #af-wrapper .topic{ padding-bottom:15px; margin-bottom:15px }
	
	.dog-search-filter .radio-group{ margin-top:0 }
	input[type="checkbox"]:not(old) + label, input[type="radio"]:not(old) + label{ margin-bottom:0 }
	
	body.inner-page .header-bottom{ min-height:78px; padding:12px 0 16px; background:url(../img/top_bg-inner.png) repeat-x center bottom }
	body.inner-page .main-container{ padding-top: 102px }  
	.logo img{ width:180px }
	body.post-type-archive-pd4d_directory{ background:none }
	.dog-search-filter .slider.slider-horizontal{ width:calc(100% - 10px); margin:5px 5px 0 }
	.howItWork-video-modal iframe{ height:280px !important }
	
	body.woocommerce .product .woocommerce-tabs ul.tabs li a{ font-size:18px }
	.dog-profile-img{ margin-bottom:15px }
	.directory-filter .map-option > ul > li .form-control, .directory-filter .map-option > ul > li.max-distance .form-control .btn.btn-white{ height:45px }
	
	.product-gallery{ padding-bottom:0 }
	.woocommerce .col-md-9.product-gallery ul.products li.product, .woocommerce-page .col-md-9.product-gallery ul.products li.product{ margin-bottom:30px }
	
	body.woocommerce div.item.product, body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{ width:calc(33.33% - 18px); margin:0 9px 18px }
	
	.col-md-12.product-gallery.left-sidebar{ float:none; width:100% }
	body.inner-page .main-container.inner-content{ padding-top:146px }
	.our-story-section img{ margin-top:0px }
	.team-info{ margin-bottom:30px; margin-top:15px }
}
@media(max-width:768px){
	body #af-wrapper #forum-header-container-top{ padding:0 10px 10px; position: relative }
	#af-wrapper #subscription-overview-link{ position: absolute; top:0; right:0; border-left: inherit !important } 
	
	body.woocommerce .col-md-9.product-gallery div.item.product, body.woocommerce .col-md-9.product-gallery ul.products li.product, body.woocommerce-page .col-md-9.product-gallery ul.products li.product{ width:calc(34% - 22px) !important; clear:none !important }
	.woocommerce .col-md-9.product-gallery ul.products li.product:nth-child(3n+3), .woocommerce-page ul.products li.product:nth-child(3n+3){ margin-right:0 !important }
	.woocommerce .col-md-9.product-gallery ul.products li.product:nth-child(2n+2), .woocommerce-page ul.products li.product:nth-child(2n+2){ float: left }
	
	
}
@media(max-width:767px){
	.float-none{ float:none !important } 
	.pull-left, .pull-right{ margin-bottom:15px }
    .home-slider{ overflow: hidden}
    .home-slider .slick-arrow{ display: none }
    .slider{ height:670px }
    .banner-top-section{ height:509px }

    .testemonials-slider{ margin-bottom: 50px }
    .img-how-it-work{ margin-bottom: -80px }

    .footer-bottom nav ul{ margin-bottom: 20px; overflow: hidden}
    .footer-bottom nav ul > li{ width: 100%; text-align:center; font-size: 15px }
    ul.share-icons{ margin-bottom: 20px }

    .newsletter-signup{ padding-top:30px;  text-align: center}
    .newsletter-signup input.form-control{ text-align: center}

    .language-dropdown{ margin-left:0 }

	.ads{ margin-top:15px; margin-bottom:15px }
	.ads img.img-responsive{ width:auto; margin:0 auto; display: block }
	
    .dog-search-filter .row-eq-height { display:inherit; display:inherit; display:inherit; display:inherit }
    .pull-left-xs{ float:left !important }
    .dog-search-info-box .pull-right .btn{ width:100%; margin-left:0 }
    .pull-right.btn-block{ width:100% }
    .pull-left.float-none .btn{ width:100%; margin:4px 0 }
    
    /*.pull-right .btn{ margin-left:0 }*/
    
    .directory-list .rating{ margin-bottom:8px }
    .manage-dog-img{ height:180px; margin-bottom:15px }
    
    .user-profile-pic{ margin:0 0 15px }
    
    .btn-add-dog{ position: relative; margin-top:0 }
    
    ul.group-list > li .group-lft{ padding-bottom:15px }
    ul.group-list > li .group-lft, ul.group-list > li .group-rht{ width:100% }
	
	body .product-gallery h1.page-title{ font-size:40px; line-height:40px }
	.product-gallery{ padding-bottom:0 }
	
	body.sticky .search-invite-section .ads{ display:none }
	body.sticky .search-invite-section{ padding:8px 0 }
	.dog-details-info .dog-search-info li span{ width:55% }
	
	body.woocommerce .col-md-9.product-gallery div.item.product, body.woocommerce .col-md-9.product-gallery ul.products li.product, body.woocommerce-page .col-md-9.product-gallery ul.products li.product{ width:calc(50% - 10px) !important; margin-right:10px !important; clear:none !important }
	.woocommerce .col-md-9.product-gallery ul.products li.product:nth-child(3n+3), .woocommerce-page .col-md-9.product-gallery ul.products li.product:nth-child(3n+3){ margin-right:10px !important }
	.woocommerce .col-md-9.product-gallery ul.products li.product:nth-child(2n+2), .woocommerce-page .col-md-9.product-gallery ul.products li.product:nth-child(2n+2){ margin-right:0 !important; float: right !important }
	
	.page-id-19 .login-form-container{ padding:15px }
	.nav.events-list > li > a{ padding-left:15px; padding-right:15px } 
	
}
@media(max-width:640px){
    #slider-section{ padding-bottom: 290px }
    .banner-top-section{ width:100%; height: 420px; left:0; top:0 }
    .banner-top-section h2{ width:100%; text-align: center; font-size: 48px; line-height: 48px; padding-bottom: 0; margin-top: 0; position: absolute; top: 145px; left: 0 }
    .search-dogs{ position: absolute; top: 354px; left: 0; right: 0;  float: none; margin: 0 auto; overflow: hidden } 
    .home-slider .slick-slider, .home-slider .slick-list, .home-slider .slick-track, .home-slider .slides{ height: 420px }
    .home-slider .slick-dots{ display: none !important }
    .banner-top-section .vh-in{ display: block}
    /*#slider-section{ padding-bottom: 150px }
    .banner-top-section h2{  margin-bottom: 140px}
    .banner-top-section .container{ margin-left: 0; margin-right: 0 }
    .banner-top-section .container .col-md-12{ padding-left: 0; padding-right: 0 }
    .search-dogs{ width:100%; height: auto; padding: 15px 30px; background:#008756; margin:0; border:none }
    .search-dogs .form-group{ width:50%; float:left}
    .search-dogs .form-group input.form-control{ width:96% }
    .search-dogs .form-group + .form-group input.form-control{ width:100% }
    .search-dogs label{ color: #fff }
    .search-dogs h3{ line-height: 32px; padding: 0 0 10px}
    .search-dogs form{ padding: 0 }*/
    
	.directory-filter .map-option > ul > li{ width:calc(33.33% - 4px) }
	.directory-filter .map-option > ul > li:nth-child(3n + 3){ width:33.33%; margin-right:0px }
	.directory-filter .map-option > ul > li:nth-child(4){ width:calc(33.33% - 4px); margin-right:4px }
	
	.about-section h2{ font-size:38px }
	h2{ font-size:38px; padding-bottom:40px }
	.testemonials-section{ padding-top:52px }
	.recent-blog-post-section{ padding-top:70px }
	.feature-product-section{ padding-top:35px }  
	
	body.woocommerce .product .woocommerce-tabs ul.tabs li a{ font-size:16px }

}
@media(max-width:569px){
    .header-top-right{ width:100% }
    .banner-top-section h2{ font-size: 45px; line-height: 45px }
    .language-dropdown{ width:100px; margin-left:0; float: left; }
    .alert-msg{ padding-left:10px; padding-right:10px }
    .user-log{  margin-right: 0}	
    .user-log > a{ font-size:12px }
    a.link-alert{ font-size:16px }
    a.link-alert span{ width:12px; height:12px; font-size:10px; line-height:10px }
    a.link-cart{ font-size:18px }
    a.link-cart span{ width:12px; height:12px; font-size:10px; line-height:10px }
    .cart-count{ float:right }
    
    .dog-details{ width:100%; display: block; clear:both; margin-left:0 }
	.directory-filter .map-option > ul > li{ width:calc(50% - 4px) }
	.directory-filter .map-option > ul > li:nth-child(2n + 2){ width:50% !important; margin-right:0px !important }
	.directory-filter .map-option > ul > li:nth-child(3n + 3){ width:calc(50% - 4px); margin-right:4px }
	.directory-filter .map-option > ul > li:nth-child(4){ width:calc(50% - 4px); margin-right:4px }
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product{ margin-bottom:1.500em }
	/*body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button{ font-size:12px; padding:0 10px }*/
	
	body.woocommerce .product .woocommerce-tabs ul.tabs li a{ font-size:15px }
	.dog-profile-img{ height:220px }
	.directory-details:before{ height:180px }
	
	body .product-gallery h1.page-title{ display: block; float:none; padding-bottom:20px }
	.woocommerce .woocommerce-result-count{ padding:0px }
	.woocommerce .woocommerce-ordering .bootstrap-select{ margin-top:-8px; margin-right:15px }
	
	ul.directory-list > li figure{ width:116px; height:116px }
	ul.directory-list > li .rht{ margin-left:130px } 

}
@media(max-width:520px){
	.short-info-group{ width:210px }
}
@media(max-width:480px){
    .banner-top-section h2{ font-size: 45px; line-height: 45px }	
    body.woocommerce .product .woocommerce-tabs ul.tabs li{ width:100%; text-align: center; margin:0 0 15px !important; float:none }
	body.woocommerce .product .woocommerce-tabs ul.tabs li a{ font-size:18px }
	
	ul.photo-list > li{ width:calc(33.33% - 6px) }
	
	ul.directory-list > li figure{ width:100%; height:auto; margin-bottom:15px }
	ul.directory-list > li .rht{ width:100%; margin-left:0 } 
}
@media(max-width:479px){
    .search-dogs{ width: 278px; height:367px; background: url(../img/form-bg_small.png) no-repeat 0 0 }
    .banner-top-section h2{ font-size: 40px; line-height: 40px }
	.directory-filter .map-option > ul > li{ width:100% !important; margin-right:0 !important }
	.directory-filter .map-option > ul > li:nth-child(2n + 2){ width:100% !important; margin-right:0 !important }
	.directory-filter .map-option > ul > li:nth-child(3n + 3){ width:100% !important; margin-right:0 !important }
	.directory-filter .map-option > ul > li:nth-child(4){ width:100% !important; margin-right:0 !important }	
	.directory-filter .map-option > ul > li .form-control.zip-code{ width:100% } 
	.directory-filter .map-option .btn{ margin-bottom:3px }
	
	.short-info-group{ width:auto; float: none; margin-left:60px }
	ul.group-edit-list > li .group-info .pull-left{ width:73% }
	
	.woocommerce .col-md-9.product-gallery ul.products li.product, .woocommerce-page .col-md-9.product-gallery ul.products li.product, .woocommerce-page[class*=columns-] .col-md-9.product-gallery ul.products li.product, .woocommerce[class*=columns-] .col-md-9.product-gallery ul.products li.product{ width:100% }
		ul.photo-list > li{ width:calc(50% - 6px) }

}
@media(max-width:420px){
body.woocommerce .col-md-9.product-gallery div.item.product, body.woocommerce .col-md-9.product-gallery ul.products li.product, body.woocommerce-page .col-md-9.product-gallery ul.products li.product{ width:100% !important; margin-right:0 !important; clear:none !important }
	.woocommerce .col-md-9.product-gallery ul.products li.product:nth-child(3n+3), .woocommerce-page .col-md-9.product-gallery ul.products li.product:nth-child(3n+3){ margin-right:0 !important }
	.woocommerce .col-md-9.product-gallery ul.products li.product:nth-child(2n+2), .woocommerce-page .col-md-9.product-gallery ul.products li.product:nth-child(2n+2){ margin-right:0 !important; float: right !important }
	
	.woocommerce .woocommerce-result-count{ width:100%; float: none; text-align:right; padding:0px }
	.woocommerce .woocommerce-ordering .bootstrap-select{ margin-top:-8px; margin-right:0 }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 
    ul.rating li{ background: width:18px; height: 18px; url(../img/bone-default@2x.png) no-repeat 0 0; background-size: 18px }
    ul.rating li.active{ background: width:18px; height: 18px; url(../img/rating-active@2x.png) no-repeat 0 0; background-size: 18px }
    ul.top-nav li .icon-forum{ width:24px; height: 16px; background: url(../img/forum_icon@2x.png) no-repeat 0 0; background-size: 24px }
    ul.top-nav li .icon-blog{ width:16px; height:15px; background: url(../img/blog_icon@2x.png) no-repeat 0 0; background-size: 16px }
    ul.top-nav li .icon-faq{ width:16px; height: 16px; background: url(../img/faq_icon@2x.png) no-repeat 0 0; background-size: 16px }
    ul.top-nav li .icon-contact{ width:18px; height: 12px; background: url(../img/contact_icon@2x.png) no-repeat 0 0; background-size: 18px }
    .search-box input[type="submit"]{ width: 16px; height: 16px; background: url(../img/search_icon@2x.png) no-repeat 0 0; background-size: 16px }
}
.bootstrap-datetimepicker-widget{ display:block }
.pac-container{ z-index:9999 }

/*!
 * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
.dropdown-menu{ padding:0; margin-top:0; } 
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color:#008756 } 
.dropdown-menu>li{ border-bottom:1px solid rgba(255,255,255,0.2) }
.dropdown-menu>li.selected>a{ color:#fff }
.dropdown-menu > li > a{ color:#333; padding:7px 12px !important }
.dropdown-menu > li > a:hover{ color:#fff }
.dropdown-menu>li:last-child{ border-bottom:none }
.bootstrap-select>.dropdown-toggle{ height:41px }

.datepicker.datepicker-dropdown{ width:240px }
.datepicker.datepicker-dropdown .table-condensed{ width:100% }
.datepicker.datepicker-dropdown .table-condensed td, .datepicker.datepicker-dropdown .table-condensed th{ text-align: center }
.datepicker.datepicker-dropdown .table-condensed td.today.day{ background-color:#eee }
.datepicker.datepicker-dropdown .table-condensed td.active.day{ background-color:#f2f2f2 }
.datepicker .disabled{ color: #b9b8b8;}
ul.upcoming-dates > li .u-status { width: 80px; float: left; padding-top: 2px; }
.status-msg{  width: 120px }
.bootstrap-datetimepicker-widget{ width:180px }
.bootstrap-datetimepicker-widget table{ width:100% }
.contact_us_link{ width:100% !important; margin-bottom:15px; border:1px solid rgb(168,168,153) }

#dog_images ul.photo-list > li {
    width: calc(16% - 2px);
}

body.inner-page .main-container.fancyPopUp{
    padding-top:0;
}

.wc-address-book-address{
    padding: 25px 30px 0 30px;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px;
    min-height: 160px;
}




/*Directory Page Multiselect Css*/ 
.multiselect-native-select button{ width:250px; height:42px; line-height:40px; text-align:left; border:1px solid rgb(231,218,201); padding:0 11px; color:#999; background-color:#fff }
.multiselect-native-select button .multiselect-selected-text{ float:left }
.multiselect-native-select button .caret{ float:right; margin-top:18px; border-top-color:#393939 }
.multiselect-native-select button.active.focus, .multiselect-native-select button.active:focus, .multiselect-native-select button.focus, .multiselect-native-select button:active.focus, .multiselect-native-select button:active:focus, .multiselect-native-select button:focus{ outline: inherit inherit; box-shadow:inset 0 3px 5px rgba(0,0,0,.125); -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow:inset 0 3px 5px rgba(0,0,0,.125) }
.multiselect-native-select .dropdown-menu{ width:250px }
@-moz-document url-prefix(){
	.multiselect-native-select .dropdown-menu{ top:46px; left:5px }	
}
.multiselect-native-select .dropdown-menu > li > a{ padding:0 !important; border: none !important; }
.multiselect-native-select .dropdown-menu > li > a label{ font-weight:400; font-size:13px; padding:8px 12px; border: none !important; border-bottom:1px solid #f2f2f2 !important; background-color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0 } 
.directory-filter .map-option > ul > li label.isSelected{ color:#f53726 !important }
.multiselect-native-select ul.dropdown-menu > li label:hover{ color:#f53726 !important }


/*Dog report Page 911 Css Start*/
.dog-report-info{ width:100%; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid rgb(221,221,221) }
.dog-info-img{ width:120px; overflow: hidden; position: relative }
.dog-info-img figure{ width:112px; height:130px; overflow: hidden; margin:0 auto; position: relative; z-index:1 }
.dog-info-img figure:before{ width:100%; height:100%; position: absolute; top:0; left:0; content:''; background:url('../img/dog-frame.png') no-repeat center; z-index:2 }
.dog-info-img figure > span{ width:100%; height:100%; display: block; background-position: center !important; background-repeat: no-repeat !important; background-size:cover !important }
.dog-info-details{ margin-left:160px }
.dog-info-details h4{ font-family:'GoodDog Cool'; font-size:30px }
.dog-info-details .row{ overflow: hidden }
.dog-info-details label{ display: block; font-weight:500 }
ul.dog-info-list{ width:100%; overflow: hidden; padding:0 0 15px; margin:0 }
ul.dog-info-list > li{ width:50%; float: left; padding:0 5px 5px 0; margin:0; list-style:none; font-size:14px; font-weight:500 }
ul.dog-info-list > li span{ width:60%; float:right; font-weight:300 }
ul.upload-recent-photo{ width:100%; overflow: hidden; padding:6px 0 0; margin:0 }
ul.upload-recent-photo > li{ width:calc(25% - 12px); float: left; padding:0; margin:8px 16px 8px 0; list-style:none }
ul.upload-recent-photo > li:nth-child(4n+4){ margin-right:0 }
.lost-dog-info-img{ width: 120px }
.user-comments .user-com-pic{ width:34px; height:34px; float: left; background:#f1f3f7; border:1px solid #fafbfc; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; position: relative }
.user-comments .user-com-pic:before{ width:100%; height:100%; position: absolute; top:0; left:0; text-align: center; content:'\f007'; font-family:'FontAwesome'; font-size:20px; line-height:34px; color:#dadde1; z-index:1 }
.user-comments .user-com-pic img{ width:100%; height:auto; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; position: relative; z-index:2 }
.user-com-details{ margin-left:48px; padding-top:8px }
.user-com-details p{ font-size:14px; padding-bottom:5px; margin-bottom:0 }
.user-com-details p.updated-info{ font-size:13px; padding-bottom:5px; margin-bottom:0; color:#929292 }
.user-com-details h6{ font:500 15px/20px 'Roboto', sans-serif; padding:0; margin:0 }
.user-com-details p.post-date{ padding-bottom:8px; font:400 13px/20px 'Roboto', sans-serif; color:#929292 }
.user-comments label{ margin-bottom:16px; font-size:18px }



/*Dog report Reply Page 911 Css Start*/
.row.post-list{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f2f2f2 }
.row.post-list:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:none }
.row.post-list textarea{ height:100px !important }
.dog-slider{ width:100% }
.dog-slider .slick-prev{ top:50%; margin-top:-10px; left:8px }
.dog-slider .slick-next{ top:50%; margin-top:-10px; right:8px }

/*Dog report List Css Start*/
.dog-report-list-wrapper{ padding:0 0 15px; margin:0 0 30px; border-bottom:1px solid #f2f2f2 }
.dog-report-list-wrapper h5{ border:none; padding-bottom:0; margin-bottom:6px }


/*Text Element*/
.text-primary{ color:#258752 !important }

.pb-0{ padding-bottom:0 !important }
@media(max-width:767px){
	.btn-sm-block{ width:100% }
}
body h4.comment-txt{ padding: 25px 0 0 }

.rating-wrapper .dog-reviews {
    display: block;
    color: green;
    font-weight: 500;
}

.manage-dog-img{
    width: 105px !important;
    height: 105px !important;
    border-radius: 100% !important;
}

#frmUpdateDog .user-profile-pic{
    border-radius: 100% !important;
}

#frmUpdateDog .user-profile-pic img{
    /* width: 105px !important; */
    height: 105px !important;
}

#frmAddDog .user-profile-pic{
    border-radius: 100% !important;
}

#frmAddDog .user-profile-pic img{
    /*width: 105px !important;*/
    height: 105px !important;
}

.banner-top-section .tag-line{
    height: 328px;
    display: inline-block;
}

.banner-top-section .app-badge{
  width: 200px;
  display: block;
  margin-left: 30%;
}

@media(max-width:991px){
  .banner-top-section .tag-line{
    width: 45%;
  }
  .banner-top-section h2{
    margin-top: 60px;
  }
  .banner-top-section .app-badge{
    width: 200px;
    margin-left: 20%;
  }
}

@media(max-width:640px){
  .banner-top-section h2 {
      margin-top: 0px;
  }
  .banner-top-section .app-badge{
    width: 130px;
    position: absolute;
    top: 225px;
    left: 10%;
  }
}

.newsletter-modal .modal-content{ height: 100%; padding: 284px 120px 110px 120px; background-color: inherit; background: url('../img/Newsletter-Popup-bg.png') no-repeat 0 0; background-size: 100%; box-shadow: inherit; border: inherit }
.newsletter-modal .modal-body{ padding: 0; }
.newsletter-modal h6{ font:400 25px/40px 'Roboto', sans-serif; text-align: center; border-top: inherit; margin-bottom:24px }
.newsletter-modal h6 span{ top: inherit; font-size: 70px; font-family: 'GoodDog Cool'; color:#e5330a; display: block; padding-top:0 }
.newsletter-modal p{ font:400 21px/28px 'Roboto', sans-serif; text-align: center; border-top: inherit }
.newsletter-modal p span{ display: block }
.newsletter-modal button.close{ position: absolute; top: 10px; right: 10px }
.newsletter-modal input.form-control{ height: 32px; line-height: 30px; margin-bottom: 8px; border: 1px solid #757575; text-align: center; font-size: 18px; color: #000 }
.newsletter-modal input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
.newsletter-modal input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    opacity:  1;
}
.newsletter-modal input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000; opacity:  1;
}
.newsletter-modal input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #000;
}
.newsletter-modal input::-ms-input-placeholder { /* Microsoft Edge */
    color:    #000;
}
.newsletter-modal .btn-primary{ height: 38px; font:normal 22px/36px 'GoodDog Cool'; border-radius: 0px; text-transform: inherit  }

@media (min-width: 768px){
    .newsletter-modal .modal-dialog {  width: 640px; height: 674px; }
}
@media (max-width: 767px){
    .newsletter-modal .modal-dialog {  width: 520px; height: 548px; }
    .newsletter-modal .modal-content{ padding:224px 90px 110px 90px }
    .newsletter-modal h6{ font-size: 17px; line-height: 26px }
    .newsletter-modal h6 span{ font-size: 42px }
    .newsletter-modal p{ font-size: 16px; line-height: 20px }
}
@media (max-width: 567px){
    .newsletter-modal .modal-dialog {  width: 300px; height: 360px; }
    .newsletter-modal .modal-content{ padding:132px 45px 110px 45px }
    .newsletter-modal h6{ font-size: 12px; line-height: 13px; margin-bottom: 5px; padding: 0 }
    .newsletter-modal h6 span{ font-size:20px; padding-top: 0; line-height: 19px; display: inline-block; padding: 0 }
    .newsletter-modal p{ font-size: 12px; line-height: 14px; padding-bottom: 4px }
    .newsletter-modal input.form-control{ height: 28px; line-height: 26px; font-size: 12px; }
    .newsletter-modal .btn-primary{ height: 32px; line-height: 30px !important; font-size: 16px }   
    .newsletter-modal button.close{ top: -176px; right: 0; text-shadow: inherit; color: #fff; font-weight: 300; }
}