@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: HelveticaNeue-BoldCond;
	src: url("../fonts/HelveticaNeue-Bold/HelveticaNeue-BoldCond.eot") format('embedded-opentype'), 
	url("../fonts/HelveticaNeue-Bold/HelveticaNeue-BoldCond.otf") format('opentype'),
	 url("../fonts/HelveticaNeue-Bold/HelveticaNeue-BoldCond.woff") format('woff'), 
	url("../fonts/HelveticaNeue-Bold/HelveticaNeue-BoldCond.ttf") format('truetype'),
	 url("../fonts/HelveticaNeue-Bold/HelveticaNeue-BoldCond.svg") format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: TektonPro-BoldCond;
	src: url("../fonts/TektonPro-BoldCond.eot") format('embedded-opentype'), 
	url("../fonts/TektonPro-BoldCond.otf") format('opentype'), 
	url("../fonts/TektonPro-BoldCond.woff") format('woff'), 
	url("../fonts/TektonPro-BoldCond.ttf") format('truetype'), 
	url("../fonts/TektonPro-BoldCond.svg") format('svg');
	font-weight: 400;
	font-style: normal
}

ul {
	list-style: none
}
img {
	display: block
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0
}
.header {
	padding: 12px 0 14px;
	/*background-color: #FFF*/
	background-color: #FFF
}
.header .container {
	position: relative
}
.banner .container, .logo {
	position: absolute;
	left: 0;
	right: 0
}
.logo {
	margin: 0 auto;
	width: 221px;
	z-index: 1
}

.deskhide{
	display: none;
}
.navbar-default {
	background-color: transparent;
	border: none;
	margin: 0
}
.navbar-collapse {
	float: left
}
.navbar-nav>li {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 21px 0 0
}

.navbar-nav>li:nth-child(3) {
	margin-right: 350px;
}
/* .navbar-nav>li:nth-child(1) {
	margin-left: 60px
} */

.navbar-default .navbar-nav>li>a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 0 20px;
	color: #000
}
.banner-btns .btn, .signup-btn {
	text-transform: uppercase;
	border: none;
	-ms-transition: all .3s ease-in-out
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
	color: #11bcc3;
	background-color: transparent
}
.navbar-default .navbar-nav>li>a.cart-link {
	color: #a3a3a3;
	font-weight: 700
}
.navbar-default .navbar-nav>li>a.cart-link:hover {
	color: #000;
	text-decoration: none
}
.signup-btn {
	float: right;
	line-height: 30px;
	padding: 0 8px;
	display: none;
	font-weight: 700;
	font-size: 12px;
	font-family: Montserrat, sans-serif;
	background-color: #11bcc3!important;
	color: #FFF!important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.banner-btns .btn, .products li a img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}
.signup-btn:hover {
	background-color: #4d4d5a!important;
	color: #FFF!important
}

.banner {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/hawaii_banner_desktop.jpg?ts=1541526453&host=") no-repeat;
	background-size: cover;
	position: relative;
}
.banner img.mobile-banner {
    display: none;
}
.banner img {
	width: 100%
}
.banner .container {
	margin: 0 auto;
	top: 22%
}
.banner-cont {
	width: 605px;
	float: right;
	margin: 0 -180px 0 0
}
.banner-cont h1 {
	font-size: 63px;
	line-height: 67px;
	font-weight: 400;
	font-family: HelveticaNeue-BoldCond;
	margin: 0 0 19px
}
.banner-cont h1 span {
	display: block;
	font-size: 88px;
	line-height: 90px;
	text-transform:capitalize;
}
.banner-cont h2, .banner-cont p {
	font-size: 41px;
	line-height: 49px;
	font-family: 'Patrick Hand', cursive
}
.banner-btns {
	padding: 40px 0 0
}
.banner-btns .btn {
	line-height: 58px;
	padding: 0 52px;
	font-family: Montserrat, sans-serif;
	font-size: 17px;
	font-weight: 700;
	border-radius: 0;
	transition: all .3s ease-in-out
}
.how-it-works p, .how-work-text span, .logo-section h3 {
	font-family: 'Patrick Hand', cursive
}
.banner-btns .btn-default.get-btn, .banner-btns .btn-default.give-btn:hover {
	background-color: #d42025;
	color: #FFF
}
.banner-btns .btn-default.get-btn:hover, .banner-btns .btn-default.give-btn {
	background-color: #dab492;
	color: #fff;
}
.banner-btns .btn-default.give-btn {
	margin: 0 0 0 25px
}

.banner-new{
	overflow: hidden;
	height: 745px;
	/*background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/banner_img.jpg?ts=1541481018&host=") no-repeat 0 0;*/
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/banner_img.jpg?ts=1541481018&host=") no-repeat 0 0;
	background-size: cover;
	margin: 76px 0 0;
}

.banner-new img{
	width: 100%;
}
.banner-new img.normal-banner{
	display: block;
}
.banner-new img.mobile-banner{
	display: none;
}
.banner-new .container{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 22%;
}


.banner-new .banner-cont{
	width: 602px;
	float: right;
	margin: 0 -180px 0 0;
}
.banner-new .banner-cont h1{
	font-size: 87px;
	line-height:87px;
	color: #FFF;
	font-weight: normal;
	font-family: 'HelveticaNeue-BoldCond';
	text-shadow: 1px 3px 1px rgba(0,0,0,.09);
	margin: 0 0 19px;
}
.banner-new .banner-cont h1 span{
	display: block;
	/*font-size: 88px;
	line-height: 90px;*/
}
.banner-new .banner-cont p{
	font-size: 52px;
	line-height:52px;
	color: #FFF;
	font-family: 'Patrick Hand', cursive;
	text-shadow: 1px 3px 1px rgba(0,0,0,.09);
}
.banner-new .banner-btns{
	overflow: hidden;
	padding: 40px 0 0;
}
.banner-new .banner-btns .btn{
	line-height: 58px;
	padding: 0 52px;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.banner-btns .btn-default.get-btn:hover, .banner-btns .btn-default.give-btn {
    background-color: #dab492;
    color: #fff;
}
.banner-btns .btn-default.get-btn:hover, .banner-btns .btn-default.give-btn {
    background-color: #FFF;
    color: #b90119;
}

.banner-new .banner-btns .btn-default.get-btn, .banner-new .banner-btns .btn-default.give-btn:hover{
	background-color: #d42025;
	color: #FFF;
}
.banner-new .banner-btns .btn-default.give-btn, .banner-new .banner-btns .btn-default.get-btn:hover{
	background-color: #FFF;
	color: #d42025;
}
.banner-btns .btn-default.give-btn, .banner-new .banner-btns .btn-default.give-btn{
	margin: 0 0 0 25px;
}
.logo-section {
	background-color: #f8f7f5;
	padding: 23px 0 37px
}
.logo-section h3 {
	font-size: 26px;
	color: #4d4d5a;
	font-weight: 700;
	margin: 0 0 12px
}
.logo-section ul {
	padding: 0;
	margin: 0
}
.logo-section ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 50px 0 0
}
.logo-section ul li:last-child {
	margin-right: 0
}
/*.logo-section ul li:nth-child(4) {
	display: none
}*/
.come-in {
	transform: translateY(150px);
	animation: come-in .8s ease forwards
}
.come-in:nth-child(odd) {
	animation-duration: .6s
}
.already-visible {
	transform: translateY(0);
	animation: none
}
@keyframes come-in {
to {
transform:translateY(0)
}
}


.how-it-works, .how-it-works-new{
	padding: 121px 0 96px;
	overflow: hidden;
	text-align: center;
}
.how-it-works .container, .how-it-works-new .container{
	position:relative;
}
.how-it-works img{
	width:auto;
}
.how-it-works-new img{
	width:100%;
}
.how-it-works-new .container .shape{
	position:absolute;
	content:'';
	background:url(../images/what-in-the-box-shape.png) 0 0 no-repeat;
	width:245px;
	height:262px;
	left:-106px;
	top:-59px;
	text-align:center;
}
.how-it-works-new .container .shape h3{
	font-family: 'Patrick Hand', cursive;
	font-size:75px;
	line-height:83px;
	color:#fff;
	-moz-transform: rotate(-25deg) translate(-22px, 0);
	-webkit-transform: rotate(-25deg) translate(-22px, 0);
	transform: rotate(-25deg) translate(-22px, 0);
}
.how-it-works-new .container .shape h4{
	font-family: 'Patrick Hand', cursive;
	font-size:43px;
	line-height:48px;
	color:#fff;
	-moz-transform: rotate(-25deg) translate(22px, 0);
	-webkit-transform: rotate(-25deg) translate(22px, 0);
	transform: rotate(-25deg) translate(22px, 0);
}
.how-it-works-new .container .shape h4 span{
	display:block;
	font-family: 'Patrick Hand', cursive;
	font-size:34px;
	line-height:37px;
}
.how-it-works h2, .whats-inside h2, .why-choose h2, .insta-feed h2, .how-it-works-new h2, .whats-inside-new h2, .why-choose-new h2{
	font-size: 53px;
	line-height: 60px;
	margin: 0 0 25px;
	color: #5e423d;
	font-family: 'Patrick Hand', cursive;
	font-weight: bold;
}
.how-it-works p,
.whats-inside p,
.how-it-works-new p,
.whats-inside-new p{
	font-family: 'Patrick Hand', cursive;
	color: #a3a3a3;
	font-size: 32px;
	line-height: 38px;
	margin: 0 0 79px;
}
.how-it-works .col-sm-4 img, .how-it-works-new .col-sm-4 img{
	margin: 0 auto;
}
.how-work-text{
	overflow: hidden;
	padding: 0 16%;
}
.how-work-text span{
	float:left;
	font-size: 51px;
	line-height: 55px;
	color: #72ced2;
	font-family: 'Patrick Hand', cursive;
	font-weight: bold;
}
.how-it-works .how-work-text p, .how-it-works-new .how-work-text p{
	font-size: 19px;
	line-height: 28px;
	color: #666b75;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}


.how-it-works {
	padding: 75px 0 115px;
	text-align: center
}
.faq-banner h2, .how-it-works h2, .whats-inside h2, .why-choose h2, .bandanasection h2{
	font-size: 53px;
	line-height: 60px;
	margin: 0 0 25px;
	color: #5e423d;
	font-family: 'Patrick Hand', cursive;
	font-weight: 700
}
.how-it-works p {
	color: #a3a3a3;
	font-size: 32px;
	line-height: 38px;
	margin: 0 0 79px
}
.how-it-works .col-sm-4 img {
	margin: 0 auto 65px
}
.how-work-text {
	padding: 0 16%
}
.how-work-text span {
	float: left;
	font-size: 51px;
	line-height: 55px;
	color: #72ced2;
	font-weight: 700
}
.how-it-works .how-work-text p {
	font-size: 19px;
	line-height: 28px;
	color: #666b75;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin: 0
}
.brands-products h2, .whats-inside ul li {
	font-family: 'Patrick Hand', cursive
}
.whats-inside {
	position: relative
}
.whats-inside img {
	width: 100%
}
.brands-products:before, .create-experience .container:before, .insta-feed:before, .testimonial:before, .whats-inside:before, .why-choose:before {
	width: 90px;
	height: 45px;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/white_arrow.png?ts=1541481401&host=") no-repeat;
	top: 0
}
.whats-inside .container-fluid {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	padding-top: 4.5%;
	padding-bottom: 45px;
	top: 0
}
.brands-products, .products li, .products li a {
	position: relative
}
.whats-inside ul {
	margin: 0 0 74px;
	padding: 0
}
.whats-inside ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 40px;
	line-height: 46px;
	color: #8f8e8d;
	padding: 0 0 0 20px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/whats_inside_dot.png?ts=1541481397&host=") 0 20px no-repeat;
	margin: 0 30px 0 0
}
.whats-inside ul li:last-child {
	margin: 0
}
.whats-inside h2 {
	margin: 0 0 11px
}
.whats-inside-img-ph {
	width: 100%;
	display: none
}
.brand-top li, .products li {
	display: inline-block;
	vertical-align: top
}
.brands-products {
	overflow: hidden;
	padding: 110px 0 45px
}
.brands-products:before {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/grey_arrow.png?ts=1541481148&host=") no-repeat
}
.brands-products h2 {
	font-size: 51px;
	line-height: 58px;
	margin: 0 0 55px;
	color: #5e423d;
	font-weight: 700
}
.brands-products h4, .brands-products p {
	font-weight: 600;
	font-family: 'Open Sans', sans-serif
}
.brand-top {
	margin: 0;
	padding: 0
}
.brand-top li {
	margin: 0 42px 0 0
}
.brand-top li:last-child {
	margin: 0
}
.products {
	margin: 0;
	padding: 0
}
.brands-products .col-sm-7 {
	margin-left: -9%
}
.products li a {
	display: block;
	padding: 15px
}
.products li a img {
	opacity: .4;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.create-experience .btn, .insta-feed .btn {
	text-transform: uppercase;
	-moz-transition: all .3s ease-in-out
}
.products li a:hover img, .products li.active a img {
	opacity: 1
}
.products li.active a {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/brand_active_dot.png?ts=1541481028&host=") no-repeat;
	background-size: 100% 100%!important
}
.products li.product1 {
	margin: 80px 0 0 -9%
}
.products li.product2 {
	margin: 5px 0 0 -4%
}
.products li.product3 {
	margin: 55px 2% 0 -1%
}
.products li.product4 {
	margin: 45px 6% 0 0
}
.products li.product5 {
	margin: 3px 4% 0 -1%
}
.products li.product6 {
	margin: -2px 0 0 -3%
}
.products li.product7 {
	margin: -60px 5% 0 0
}
.products li.product8 {
	margin: -110px 10% 0 -5%
}
.products li.product9 {
	margin: -25px 0 0 13%
}
.products li.product10 {
	margin: -70px -1% 0 0
}
.products li.product11 {
	margin: -200px 0 0
}
.brands-products h4 {
	font-size: 26px;
	line-height: 34px;
	color: #5e423d;
	text-transform: uppercase;
	margin: 30px 0 20px
}
.brands-products p {
	font-size: 20px;
	line-height: 36px;
	color: #7e838e;
	margin: 0 6% 52px
}
.brands-products h3 {
	font-size: 32px;
	line-height: 41px;
	font-family: 'Patrick Hand', cursive;
	color: #72ced2;
	margin: 0 13%;
	font-weight: 700
}
.brand-detail {
	display: none
}
.products-normal-view {
	display: block
}
.products-ph-view {
	display: none
}
.brands-products .col-sm-6 {
	position: static
}
.brand-detail img {
	position: absolute;
	width: 19%;
	top: 32%;
	right: 0
}
.brands-products .carousel-control {
	width: 25px;
	height: 42px;
	top: 40%
}
.brands-products .left.carousel-control {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/product_prev.png?ts=1541481321&host=") no-repeat;
	left: 0
}
.brands-products .right.carousel-control {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/product_next.png?ts=1541481309&host=") no-repeat;
	right: 0
}


.why-choose{
    padding: 60px 0 77px;
    position: relative;
    background-color: #faf9f7;
}
.why-choose-new{
	padding: 65px 0 67px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background:url(../images/why-choose-us-bg.png) 50% 100% no-repeat #c4eef0;
}
.why-choose h2 span, .brands-products h2 span, .why-choose-new h2 span{
	text-transform: uppercase;
	font-weight: 400;
	color: #8e929b;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	vertical-align: top;
	font-size: 35px;
}
.why-choose .col-sm-6 img, .why-choose-new .col-sm-6 img{
	max-width: 100%;
	margin: 0 auto;
}
.why-choose .col-sm-6, .why-choose-new .col-sm-6{
	text-align: left;
}
.why-choose .col-sm-6 h3, .why-choose-new .col-sm-6 h3{
	font-family: 'TektonPro-BoldCond';
	font-size: 45px;
	line-height: 50px;
	font-weight: bold;
	color: #717170;
	margin: 80px 0 24px 77px;
}
.why-choose .col-sm-6 h3 span, .why-choose-new .col-sm-6 h3 span{
	font-size: 74px;
	line-height: 78px;
	display: block;
	text-transform: uppercase;
	color: #ffc471;
}
.why-choose h2, .why-choose-new h2{
	margin: 0 0 31px;
}
.why-choose .col-sm-6 ul, .why-choose-new .col-sm-6 ul{
	margin: 0 0 0 77px;
	padding: 0;
	overflow: hidden;
}
.why-choose .col-sm-6 ul li, .why-choose-new .col-sm-6 ul li{
	font-size: 20px;
	line-height: 28px;
	color: #7e838e;
	font-family: 'Open Sans', sans-serif;
	padding: 0 0 0 42px;
	background: url(../images/why_choose_tick.png) no-repeat 0 3px;
	margin: 0 0 17px;
}
.why-choose .col-sm-6 ul li:last-child, .why-choose-new .col-sm-6 ul li:last-child{
	margin: 0;
}
.col-sm-6.float-right{
	float: right;

}
.why-choose-detail{
	padding:10px 0 0;
	text-align:center;
}
.why-choose-detail .col-sm-4 img{
	display:inline-block;
	margin:0 0 28px;
}
.why-choose-detail h4{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	color:#5e423d;
	padding:0 0 22px;
	margin:0;
}
.why-choose-detail p{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:35px;
	font-weight:400;
	color:#4d5057;
	padding:0;
	margin:0;
}


.why-choose {
    padding: 60px 0 77px;
    position: relative;
    background-color: #faf9f7;
}
.why-choose:before{
	display:none !important;
}
.brands-products h2 span, .why-choose h2 span {
	text-transform: uppercase;
	font-weight: 400;
	color: #8e929b;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	vertical-align: top;
	font-size: 35px
}
.why-choose .col-sm-6 img {
	max-width: 100%;
	margin: 0 auto
}
.why-choose .col-sm-6 {
	text-align: left
}
.why-choose .col-sm-6 h3 {
	font-family: TektonPro-BoldCond;
	font-size: 45px;
	line-height: 50px;
	font-weight: 700;
	color: #717170;
	margin: 80px 0 24px 77px
}
.why-choose .col-sm-6 h3 span {
	font-size: 74px;
	line-height: 78px;
	display: block;
	text-transform: uppercase;
	color: #ffc471
}
.why-choose h2 {
	margin: 0 0 31px
}
.why-choose .col-sm-6 ul {
	margin: 0 0 0 77px;
	padding: 0
}
.why-choose .col-sm-6 ul li {
	font-size: 20px;
	line-height: 28px;
	color: #7e838e;
	font-family: 'Open Sans', sans-serif;
	padding: 0 0 0 42px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/why_choose_tick.png?ts=1541481405&host=") 0 3px no-repeat;
	margin: 0 0 17px
}
.why-choose .col-sm-6 ul li:last-child {
	margin: 0
}
.col-sm-6.float-right {
	float: right
}
.customized-dog {
	padding: 60px 0 68px;
	background-color: #f7f5f2
}
.create-experience .col-sm-6 img, .customized-dog .col-sm-6 img {
	max-width: 100%;
	margin: 0 auto
}
.customized-dog h3 {
	color: #69494b;
	font-size: 61px;
	font-family: 'Patrick Hand', cursive;
	font-weight: 700;
	line-height: 65px;
	margin: 110px 0 18px 40px;
	text-transform: uppercase
}
.customized-dog h3 span {
	font-family: 'Shadows Into Light Two', cursive;
	color: #5dbfc3;
	display: block;
	padding: 0 0 7px 20px;
	font-size: 30px;
	line-height: 34px;
	font-weight: 700
}
.create-experience p, .customized-dog p {
	font-size: 20px;
	line-height: 35px;
	color: #7e838e;
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 0 40px
}
.create-experience {
	text-align: center
}
.create-experience .col-sm-6 {
	text-align: left
}
.checkout_content .styled_cart header h3, .copyright, .faq-accordion .panel-title, .faq-banner, .insta-feed, .signup, .spoil-pup, .subscribe-banner, .subscribe-footer, .testimonial {
	text-align: center
}
.create-experience .container {
	padding-top: 96px;
	padding-bottom: 112px;
	position: relative
}
.create-experience .container:before {
	right: auto;
	margin: 0;
	left: 25%;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/grey_arrow_2.png?ts=1541481149&host=") no-repeat
}
.create-experience h3 {
	font-size: 33px;
	line-height: 38px;
	font-family: 'Shadows Into Light Two', cursive;
	font-weight: 700;
	color: #9ebc9e;
	text-transform: uppercase;
	margin: 52px 0 28px 77px
}
.create-experience h3 span {
	display: block;
	color: #69494b;
	font-size: 59px;
	line-height: 64px;
	font-family: 'Patrick Hand', cursive;
	padding: 0 0 3px 28px
}
.create-experience p {
	margin: 0 30px 0 77px
}
.video {
	margin: 0 45px 0 60px;
	height: 427px;
	position: relative
}
.video iframe {
	height: 100%;
	width: 100%
}
.video .play {
	position: absolute;
	cursor: pointer;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/video_icon.png?ts=1541481387&host=") center center no-repeat
}
.create-experience .btn {
	line-height: 61px;
	padding: 0 70px;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 700;
	border: none;
	border-radius: 0;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
	margin: 70px 0 0
}
.insta-feed .btn, .signup input[type=submit] {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}
.create-experience .btn:hover {
	background-color: #69494b
}
.testimonial {
	position: relative;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/testi_bg.jpg?ts=1541481360&host=") center bottom no-repeat #f7f5f2;
	background-size: cover;
	padding: 120px 0 82px;
	border-bottom: 1px solid #FFF
}
.testimonial h2 {
	color: #69494b;
	font-weight: 700;
	font-size: 53px;
	line-height: 60px;
	font-family: 'Patrick Hand', cursive;
	margin: 0 0 44px
}
.testimonial .col-md-11 {
	float: none;
	margin: 0 auto
}
.quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0;
	margin-right: -19px
}
.quote-carousel .carousel-indicators li {
	background: silver
}
.quote-carousel .carousel-indicators .active {
	background: #333
}
.testimonial .quote-carousel img {
	width: 188px;
	height: 188px;
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	margin: 0 auto 37px
}
.item blockquote {
	border-left: none;
	margin: 0
}
.item blockquote img {
	margin-bottom: 10px;
	display: inline;
	height: 350px
}
.item blockquote p {
	font-size: 24px;
	line-height: 40px;
	font-family: 'Open Sans', sans-serif;
	color: #53565d;
	font-weight: 600
}
.products-normal-view .item blockquote p {
	display: none
}
.testimonial .col-sm-12 {
	padding: 20px 40px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/quotation_start.png?ts=1541481326&host=") no-repeat;
	position: relative;
	margin: 0 0 30px
}
.testimonial .col-sm-12:after {
	width: 31px;
	height: 25px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/quotation_end.png?ts=1541481325&host=") no-repeat
}
.item blockquote small {
	color: #935640;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 700
}
.testimonial .carousel-control {
	width: 25px;
	height: 42px;
	top: 35%
}
.testimonial .left.carousel-control {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/testi_prev.png?ts=1541481367&host=") no-repeat;
	left: -150px
}
.testimonial .right.carousel-control {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/testi_next.png?ts=1541481361&host=") no-repeat;
	right: -150px
}


/*dog pic section start*/
.dog-pic-gallery{
	margin:0;
	padding:0;
}
.dog-pic-gallery .col-sm-3{
	padding-left:0;
	padding-right:0;
}
.dog-pic-gallery img{
	width:100%;
}
/*dog pic section end*/

@media (min-width:768px) {
.quote-carousel {
	margin-bottom: 0;
	padding: 0 40px 30px
}
.customlightbox .closefancy {
    right: 20px;
}
}

@media (max-width:768px) {
.quote-carousel .carousel-indicators {
	bottom: -20px!important
}
.quote-carousel .carousel-indicators li {
	display: inline-block;
	margin: 0 5px;
	width: 15px;
	height: 15px
}
.quote-carousel .carousel-indicators li.active {
	margin: 0 5px;
	width: 20px;
	height: 20px
}
}
.past-boxes {
	padding: 48px 0 28px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/past_box_bg.jpg?ts=1541481241&host=") repeat-x #9fe1e4
}

.testimonial:before{
    background: url(../images/blue_arrow.png) no-repeat;
}
.past-boxes .quote-carousel img {
	max-width: 100%
}
.past-boxes .quote-carousel .col-sm-6 {
	padding: 0
}
.past-boxes h2 {
	font-size: 73px;
	color: #FFF;
	line-height: 80px;
	font-weight: 700;
	font-family: 'Patrick Hand', cursive;
	text-shadow: 2px 3px 0 rgba(33,141,147,.3);
	margin: 60px 0 20px 45px
}
.insta-feed h2, .insta-feed p, .past-boxes h3 {
	font-family: 'Open Sans', sans-serif
}
.past-boxes h3 {
	font-size: 26px;
	line-height: 34px;
	color: #4d4d5a;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 0 45px
}
.past-boxes h3 span {
	display: block;
	font-size: 55px;
	line-height: 60px;
	padding: 8px 0 0
}
.past-boxes .carousel-control {
	width: 25px;
	height: 42px;
	top: 25%
}
.past-boxes .left.carousel-control {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/past_box_prev.png?ts=1541481257&host=") no-repeat;
	left: -100px
}
.past-boxes .right.carousel-control {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/past_box_next.png?ts=1541481252&host=") no-repeat;
	right: -100px
}
.insta-feed {
	padding: 128px 0 92px;
	position: relative
}
.insta-feed:before {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/blue_arrow.png?ts=1541481028&host=") no-repeat
}
.insta-feed h2 {
	font-size: 50px;
	line-height: 56px;
	font-weight: 700;
	color: #11bcc3;
	margin: 0 0 22px
}
.insta-feed p {
	font-size: 28px;
	line-height: 36px;
	color: #9b9ca0;
	margin: 0 0 80px;
	font-weight: 600
}
.insta-feed img {
	width: 100%
}
.insta-feed .btn {
	line-height: 53px;
	padding: 0 52px;
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 700;
	border: none;
	border-radius: 0;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
	margin: 102px 0 0
}
.signup input[type=submit], .spoil-pup .btn {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	text-transform: uppercase
}
.insta-feed .btn:hover {
	background-color: #4d4d5a
}
.signup {
	padding: 62px 0 70px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/signup_bg.jpg?ts=1541481339&host=") center 0 no-repeat;
	background-size: cover
}
.signup h2 {
	color: #62373c;
	font-size: 43px;
	line-height: 50px;
	font-weight: 700;
	font-family: 'Patrick Hand', cursive;
	margin: 0 0 35px
}
.signup .col-sm-8 {
	margin: 0 auto
}
.signup-field {
	background-color: #FFF;
	border: 1px solid #d8ccce;
	padding: 0 17px
}
.signup-field input[type=text] {
	height: 48px;
	border: none;
	width: 100%;
	font-size: 17px;
	color: #755a5b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600
}
.signup input[type=submit] {
	height: 50px;
	border: none;
	width: 100%;
	color: #FFF;
	font-family: Montserrat, sans-serif;
	font-size: 17px;
	font-weight: 700;
	display: block;
	cursor: pointer;
	background-color: #11bcc3;
	transition: all .3s ease-in-out;
	border-radius: 0;
webkit appearance:none
}
.ftnav li a, .spoil-pup .btn {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}
.signup input[type=submit]:hover {
	background-color: #69494b
}
.spoil-pup {
	padding: 208px 0 137px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/spoil_pup_bg.jpg?ts=1541481342&host=") center 0 no-repeat;
	background-size: cover
}
.spoil-pup h2 {
	font-size: 75px;
	line-height: 80px;
	color: #FFF;
	text-shadow: 0 2px 4px rgba(0,0,0,.3);
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	margin: 0 0 74px
}
.spoil-pup .btn {
	line-height: 66px;
	padding: 0 112px;
	font-family: Montserrat, sans-serif;
	font-size: 21px;
	font-weight: 700;
	border: none;
	border-radius: 0;
	transition: all .3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF
}
.ft-social li a, .ftnav li a {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out
}
.spoil-pup .btn:hover {
	background-color: #FFF;
	color: #11bcc3
}
.footer {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/footer_bg.jpg?ts=1541481116&host=") center 0 no-repeat;
	background-size: cover;
	padding: 52px 0 65px
}
.footer .col-sm-3, .ftnav {
	padding: 0
}
.footer h6 {
	font-size: 17px;
	font-weight: 700;
	color: #FFF;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	margin: 0 0 17px
}
.ft-social, .ftnav {
	margin: 0;
	overflow: hidden
}
.ftnav li {
	font-size: 17px;
	line-height: 32px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #cdecee
}
.copyright p, .ftlinks li {
	line-height: 20px;
	font-family: 'Open Sans', sans-serif
}
.ftnav li a {
	color: #cdecee;
	transition: all .3s ease-in-out
}
.ft-social li a, .ftlinks li a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}
.ftnav li a:hover {
	color: #FFF;
	text-decoration: none
}
.footer .col-sm-2.last {
	padding-left: 0
}
.ft-social {
	padding: 10px 0 0
}
.ft-social li {
	float: left;
	margin: 0 5px 0 0
}
.footer .col-sm-5.float-right, .ftright, .rescue-cont {
	float: right
}
.ft-social li a {
	width: 30px;
	height: 29px;
	display: block;
	transition: all .3s ease-in-out
}
.dog-profile .btn-primary, .ftlinks li a {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out
}
.ft-social li a:hover {
	opacity: .8
}
.ft-social li a.inst {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/inst_icon.png?ts=1541481207&host=") no-repeat
}
.ft-social li a.fb {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/fb_icon.png?ts=1541481115&host=") no-repeat
}
.ft-social li a.twit {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/twit_icon.png?ts=1541481385&host=") no-repeat
}
.ft-social li a.pint {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/pint_icon.png?ts=1541481260&host=") no-repeat
}
.ftright {
	width: 48%
}
.ftlogo {
	margin: 0 auto 22px
}
.copyright {
	padding: 29px 0 20px;
	background-color: #575757;
	overflow: hidden
}
.copyright p {
	color: #b8b8b8;
	font-size: 13px;
	font-weight: 600;
	margin: 0
}
.ftlinks {
	text-align: center;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: none
}
.ftlinks li {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	margin: 0 18px 0 0
}
.ftlinks li:last-child {
	margin: 0
}
.ftlinks li a {
	color: #b8b8b8;
	transition: all .3s ease-in-out
}
.ftlinks li a:hover {
	color: #fff
}
.rescue-cont h1, .rescue-cont h2, .rescue-cont p {
	color: #FFF;
	text-shadow: 1px 3px 1px rgba(0,0,0,.09)
}
.rescue {
	overflow: hidden;
	height: 944px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/shutterstock_100335845.jpg?ts=1541481340&host=") no-repeat;
	background-size: cover;
	margin: 76px 0 0
}
.rescue img {
	width: 100%
}
.banner img.normal-banner {
	display: block
}
.banner img.mobile-banner {
	display: none
}
.rescue .container {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 15%
}
.rescue-cont {
	width: 605px;
	margin: 0 -180px 0 0
}
.rescue-cont h1 {
	font-size: 63px;
	line-height: 67px;
	font-weight: 400;
	font-family: HelveticaNeue-BoldCond;
	margin: 0 0 19px
}
.faq-accordion .panel-title, .faq-banner h1, .rescue-cont h2, .rescue-cont p {
	font-family: 'Patrick Hand', cursive
}
.faq-accordion, .faq-banner .container-fluid {
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	padding-bottom: 45px;
	top: 0
}
.rescue-cont h1 span {
	display: block;
	font-size: 88px;
	line-height: 90px
}
.rescue-cont h2, .rescue-cont p {
	font-size: 41px;
	line-height: 49px
}
.faq-banner .container-fluid {
	padding-top: 4%
}
.faq-banner h1 {
	color: #69494b;
	font-size: 61px;
	font-weight: 700;
	line-height: 65px;
	text-transform: uppercase
}
.faq-accordion .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	color: #5dbfc3;
	display: block;
	font-size: 20px;
	line-height: 25px;
	font-weight: 700
}
.faq-accordion .panel-body {
	text-rendering: optimizeLegibility;
	line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px
}
.subscribe-banner {
	margin: 76px 0 20px
}
.subscribe-banner h1 {
	color: #69494b;
	font-size: 33px;
	font-family: 'Patrick Hand', cursive;
	font-weight: 700;
	line-height: 40px
}
.subscribe-footer {
	margin: 10px 0 20px
}
.subscribe-footer h4 {
	color: #9d9b99;
	font-size: 20px;
	font-family: 'Patrick Hand', cursive;
	line-height: 20px
}
.dog-profile .control-label, .dog-profile .form-control {
	font-size: 25px;
	font-family: 'Patrick Hand', cursive
}
.dog-profile {
	margin-bottom: 45px;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.dog-profile .control-label {
	font-weight: 700;
	line-height: 33px
}
.dog-profile .form-control {
	line-height: 40px;
	color: #7e838e;
	height: 50px
}
.dog-profile textarea {
	height: 180px!important
}
.dog-profile .btn-primary {
	font-family: Montserrat, sans-serif;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
	padding: 10px 40px
}
.checkout-container {
	background: #f8f6f3;
	font-family: 'Open Sans', sans-serif
}
.checkout_content.container {
	padding-top: 76px
}
.checkout_content .left-col {
	padding-right: 20px
}
.checkout_content .left-col section {
	background: #e2f6f7;
	padding: 0
}
.cart_listing header>img {
	content: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/checkout_golden.jpg?ts=1541481039&host=");
	width: 100%
}
.checkout_content .styled_cart header h3, .checkout_content section h3 {
	color: #62373c;
	font-family: 'Patrick Hand', regular;
	font-weight: 800;
	font-size: 2.5em
}
.checkout_content .right-col {
	color: #ac9c9d
}
.cart_listing, .checkout_content .empty_cart {
	color: #705a56
}
.checkout_content .styled_cart table #shipping_row {
	border-top: 0
}
.checkout_content .styled_cart table tr #shipping_price, .checkout_content .styled_cart table tr td.price_column {
	color: #65d3d8
}
.checkout_content .styled_cart .total-row {
	background: #11bcc3;
	color: #fff;
	padding: 40px;
	border-top: 0
}
.cta button, .thankyou .btn {
	height: 50px;
	border: none;
	color: #FFF;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	cursor: pointer
}
.checkout_content .styled_cart .total-row th {
	padding: 20px
}
.checkout_content .coupon_section .col-xs-8 {
	width: 100%;
	padding-right: 15px
}
.checkout_content .coupon_section #add_coupon_code {
	background: #c3c2c1;
	font-weight: 700
}
.checkout_content.newco #id_coupon_code {
	text-transform: uppercase
}
.right-col form {
	background: #fff;
	padding-right: 20px
}
.checkout_content .cta {
	padding: 20px!important
}
.cta button {
	background: #11bcc3;
	width: 70%;
	font-size: 17px;
	font-weight: 700;
	display: block
}
.thankyou {
	padding-top: 79px
}
.thankyou .jumbotron {
	background: #fff
}
.thankyou .text-xs-center {
	text-align: center!important
}
.thankyou .display-3 {
	font-size: 6rem;
	font-weight: 300
}
.thankyou .lead {
	font-size: 2rem;
	font-weight: 300
}
.thankyou .btn {
	display: initial;
	font-size: 17px;
	font-weight: 700;
	background-color: #11bcc3;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 10px
}
.login {
	padding-top: 79px;
	min-height: 500px
}
.panel-login {
	border-color: #ccc;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2)
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	border-color: #fff;
	text-align: center
}
.panel-login>.panel-heading a {
	text-decoration: none;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
	color: #62373c;
	font-size: 26px;
	line-height: 22px;
	font-weight: 700;
	font-family: 'Patrick Hand', cursive
}
.panel-login>.panel-heading hr {
	margin-top: 10px;
	margin-bottom: 0;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,0))
}
.panel-login input[type=text], .panel-login input[type=email], .panel-login input[type=password] {
	height: 45px;
	border: 1px solid #ddd;
	font-size: 16px;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear
}
.btn-login, .btn-register {
	outline: 0;
	font-size: 14px;
	height: auto;
	font-weight: 400;
	padding: 14px 0;
	text-transform: uppercase
}
.choose-treat-block, .size-block {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}
.panel-login input:focus, .panel-login input:hover {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc
}
.btn-login {
	background-color: #59B2E0;
	color: #fff;
	border-color: #59B2E6
}
.btn-login:focus, .btn-login:hover {
	color: #fff;
	background-color: #53A3CD;
	border-color: #53A3CD
}
.forgot-password {
	text-decoration: underline;
	color: #888
}
.forgot-password:focus, .forgot-password:hover {
	text-decoration: underline;
	color: #666
}
.btn-register {
	background-color: #1CB94E;
	color: #fff;
	border-color: #1CB94A
}
.ashapic, .story {
	padding-bottom: 20px
}
.btn-register:focus, .btn-register:hover {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347
}
.accountpage {
	padding-top: 79px
}

.story {
	padding-top: 20px;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-family: 'Open Sans', sans-serif
}
.smartbar {
	margin-bottom: 0;
	padding-left: 0
}
.smartbar li {
	display: inline
}
.sumome-smartbar-content form {
	margin-bottom: 0!important
}
.get-box-content {
	overflow: hidden;
	padding: 82px 0 80px;
	text-align: center;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/get_box_bg.jpg?ts=1541481143&host=") no-repeat;
	background-size: cover
}
.get-box-content h1 {
	color: #5e423d;
	font-size: 53px;
	line-height: 60px;
	font-weight: 700;
	font-family: 'Patrick Hand', cursive;
	margin: 0 0 12px
}
.get-box-content p, .subscribe-banner p {
	color: #9d9b99;
	font-size: 32px;
	line-height: 40px;
	font-family: 'Patrick Hand', cursive;
	margin: 0
}
.get-box-content .bs-example {
	text-align: left;
	padding: 20px 0 0
}
.choose-toys, .choose-treats, .did-u-know, .dog-size, .form-pup-bio h1, .pick-plan, p.display-toggle {
	text-align: center
}
.get-box-content .panel-title>a {
	font-size: 18px;
	line-height: 34px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #bcbec1;
	text-decoration: none!important
}
.get-box-content .panel-title>a span {
	font-size: 33px;
	color: #bcbec1;
	display: inline-block;
	vertical-align: top;
	font-family: 'Patrick Hand', cursive;
	padding: 0 12px 0 0
}
.get-box-content .size-block p, .size-block h3 {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase
}
.get-box-content .panel-title.active>a {
	color: #666b75
}
.get-box-content .panel-title.active>a span {
	color: #72ced2
}
.get-box-content .panel-default>.panel-heading {
	padding: 21px;
	border: none!important;
	background-color: #FFF;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}
.get-box-content .panel-default>.panel-heading.selected {
	background-color: #e2f6f7
}
.get-box-content .panel-default>.panel-heading.selected .panel-title>a, .get-box-content .panel-default>.panel-heading.selected .panel-title>a span {
	color: #666b75
}
.get-box-content .panel-default {
	border: none!important
}
.get-box-content .panel-group .panel-heading+.panel-collapse>.list-group, .get-box-content .panel-group .panel-heading+.panel-collapse>.panel-body {
	border: none!important;
	background-color: transparent!important;
	padding: 50px 0 70px
}
.get-box-content .panel {
	background-color: transparent!important;
	box-shadow: none!important
}
.get-box-content .panel-group .panel+.panel {
	margin-top: 7px
}
.dog-size {
	padding: 0 7px 0 10px;
	margin: 0;
	overflow: hidden
}
.dog-size li {
	width: 19.5%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer
}
.size-block {
	overflow: hidden;
	margin: 0 3px 0 0;
	background-color: rgba(158,226,228,.3);
	transition: all .3s ease-in-out;
	padding: 55px 10px 47px
}
.size-block h3 {
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #666b75;
	margin: 0 0 7px
}
.get-box-content .size-block p {
	font-size: 16px;
	line-height: 22px;
	color: #8d979c;
	margin: 0;
	font-weight: 600
}
.dog-size li .size-block.active, .dog-size li .size-block:hover {
	background-color: rgba(158,226,228,1)
}
.selected-option {

	display: none;
	vertical-align: top;
	float: right
}
.selected-option.show {
	display: inline-block
}
.get-box-content .selected-option p {
	max-width: 150px;
	float: left;
	font-size: 16px;
	line-height: 34px;
	font-weight: 600;
	padding: 0 0 0 31px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/tick_icon.png?ts=1541481381&host=") 0 center no-repeat;
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap
}
.choose-toys li h3, .choose-treats li h2 {
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
	line-height: 32px;
	text-transform: uppercase
}
.selected-option .edit {
	width: 19px;
	height: 34px;
	float: left;
	margin: 0 0 0 19px;
	display: block;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/edit_icon.png?ts=1541481112&host=") 0 center no-repeat
}
.choose-toys li, .choose-treats li {
	float: none;
	cursor: pointer;
	vertical-align: top
}
.choose-treats {
	padding: 0 85px;
	margin: 0
}
.choose-treats li {
	display: inline-block
}
.choose-treats li.col-sm-6 {
	width: 49.5%;
	padding: 0 12px
}
.choose-treat-block {
	position: relative;
	padding: 34px 10px 44px;
	transition: all .3s ease-in-out;
	background-color: #e2f6f7
}
.choose-toys-block, .dog-description button {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}
.choose-treat-block span {
	width: 80px;
	height: 70px;
	display: block;
	margin: 0 auto 9px
}
.choose-treat-block span.all-natural {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/all_natural_icon.png?ts=1541481015&host=") no-repeat
}
.choose-treats li .choose-treat-block.active span.all-natural, .choose-treats li:hover .choose-treat-block span.all-natural {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/all_natural_icon_h.png?ts=1541481015&host=") no-repeat
}
.choose-treat-block span.grain-free {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/grain_free_icon.png?ts=1541481146&host=") no-repeat
}
.choose-treats li .choose-treat-block.active span.grain-free, .choose-treats li:hover .choose-treat-block span.grain-free {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/grain_free_icon_h.png?ts=1541481147&host=") no-repeat
}
.choose-treats li .choose-treat-block.active, .choose-treats li:hover .choose-treat-block {
	background-color: #9ee2e4
}
.choose-treats li h2 {
	font-size: 28px;
	margin: 0;
	font-weight: 700
}
.choose-toys {
	padding: 0 80px;
	margin: 0;
	overflow: hidden
}
.choose-toys li {
	display: inline-block
}
.choose-toys li.col-sm-4 {
	padding: 0 3px;
	width: 32.8%
}
.choose-toys-block {
	padding: 46px 32px 52px;
	overflow: hidden;
	transition: all .3s ease-in-out;
	background-color: rgba(158,226,228,.3)
}
.choose-toys li:hover .choose-toys-block, .choose-toys li:hover .choose-toys-block.active {
	background-color: rgba(158,226,228,1)
}
.choose-toys li h3 {
	font-weight: 700;
	margin: 0 0 13px;
	font-size: 26px
}
.dog-desc-field textarea, .get-box-content .choose-toys li p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #666b75
}
.get-box-content .choose-toys li p {
	font-weight: 600;
	margin: 0;
	line-height: 22px
}
.get-box-content .panel-body.dog-panel {
	padding: 10px 42px 10px 51px!important
}
.dog-description {
	width: 530px;
	float: left;
	margin: 21px 0 0
}
.dog-desc-field {
	overflow: hidden;
	border: 1px solid #dfdddb;
	background-color: #FFF;
	margin: 0 0 14px
}
.dog-desc-field textarea {
	width: 100%;
	border: none;
	overflow: auto;
	height: 136px
}
.dog-description button {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #666b75;
	height: 46px;
	padding: 0 39px;
	cursor: pointer;
	border: none;
	font-family: Montserrat, sans-serif;
	transition: all .3s ease-in-out;
	background-color: rgba(102,107,117,.19);
	text-transform: uppercase
}
.pick-plan-block, .total-price .btn {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out

}
.dog-description button:hover {
	background-color: rgba(102,107,117,1);
	color: #FFF
}
.did-u-know {
	width: 260px;
	height: 260px;
	float: right;
	border-radius: 260px;
	background-color: #f8ebd5
}
.did-u-know h3 {
	color: #5e423d;
	font-size: 33px;
	line-height: 40px;
	font-weight: 700;
	margin: 53px 0 6px;
	font-family: 'Patrick Hand', cursive
}
.get-box-content .did-u-know p {
	color: #5e423d;
	font-size: 16px;
	line-height: 27px;
	margin: 0 25px;
	font-family: 'Open Sans', sans-serif
}
.pick-plan {
	margin: 0;
	overflow: hidden
}
.pick-plan li {
	float: none;
	display: inline-block;
	vertical-align: top;
	cursor: pointer
}
.coupon-banner {
	margin-top: 20px
}
.couponbar span {
	color: #5e423d;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	font-family: 'Patrick Hand', cursive
}
.get-box-content .pick-plan li p, .get-box-content .total-price p, .pick-plan li .price h3 span, .pick-plan li h3 {
	font-family: 'Open Sans', sans-serif
}
.couponbar ul {
	padding: initial
}
.pick-plan li.col-sm-6 {
	width: 49.5%;
	padding: 0 8px
}
.pick-plan-block {
	padding: 32px 34px 38px;
	overflow: hidden;
	background-color: #e2f6f7;
	transition: all .3s ease-in-out;
	position: relative;
	margin: 0 2px
}
.pick-plan-block:after {
	width: 32px;
	height: 24px;
	display: none;
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/plan_tick_icon.png?ts=1541481262&host=") no-repeat
}
.pick-plan-block.active:after {
	display: block
}
.pick-plan li .pick-plan-block.active, .pick-plan li:hover .pick-plan-block {
	background-color: #9ee2e4
}
.pick-plan li h3 {
	font-weight: 700;
	text-transform: uppercase;
	color: #666b75;
	margin: 0 0 8px;
	font-size: 26px;
	line-height: 32px
}
.pick-plan li h3 span {
	font-size: 20px;
	font-weight: 400
}
.get-box-content .pick-plan li p {
	font-weight: 600;
	color: #666b75;
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 22px
}
.pick-plan li .price {
	border-top: 1px solid #bacacb;
	padding: 18px 0 0;
	overflow: hidden
}
.pick-plan li .price h3 span {
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	color: #666b75;
	font-size: 26px;
	line-height: 32px
}
.pick-plan li .price .line {
	margin: 0;
	text-decoration: line-through;
	color: #ed1c24;
	display: block;
	padding: 8px 8px 0 2px;
	font-size: 24px;
	font-weight: 400
}
.pick-plan li .price .suffix {
	font-size: 12px;
	text-transform: lowercase;
	padding: 0 4px;
	display: inline
}
.pick-plan li .price .display {
	display: inline
}
.total-price {
	padding: 34px 5px 0 7px;
	border-top: 2px solid #11bcc3;
	overflow: hidden;
	margin: 38px 0 0
}
.get-box-content .total-price p {
	float: left;
	line-height: 58px;
	font-size: 35px;
	color: #11bcc3;
	margin: 0
}
.btn-choose, .total-price .btn {
	font-family: Montserrat, sans-serif;
	text-transform: uppercase
}
.get-box-content .total-price p span {
	font-weight: 700
}
.get-box-content .total-price p span.line {
	font-weight: 700;
	text-decoration: line-through;
	color: #ed1c24;
	display: inline-block;
	vertical-align: top;
	padding: 0 8px 0 2px;
	font-size: 28px
}
.get-box-content .total-price p span.line span {
	padding: 0;
	color: #92959c;
	font-weight: 400
}
.total-price .btn, .total-price .btn:hover {
	background-color: #11bcc3;
	color: #FFF
}
.get-box-content .total-price p span.new-price {
	font-weight: 400
}
.total-price .btn {
	line-height: 58px;
	padding: 0 38px;
	font-size: 17px;
	font-weight: 700;
	border: none;
	border-radius: 0;
	transition: all .3s ease-in-out;
	float: right
}
.total-price .btn:disabled {
	background-color: #c5c4c2;
	color: #dddddc
}
.best-value {
	width: 85px!important;
	height: 31px!important;
	position: absolute;
	top: 3px;
	right: -9px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/best_value_bg.png?ts=1541481020&host=") no-repeat;
	font-size: 12px!important;
	font-weight: 700!important;
	line-height: 25px!important;
	font-family: 'Open Sans', sans-serif;

	text-transform: uppercase;
	text-align: left;
	display: block!important;
	margin: 0!important;
	color: #FFF!important;
	padding: 0 0 0 21px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.22)
}
.btn-choose {
	line-height: 66px;
	padding: 0 60px;
	font-size: 21px;
	font-weight: 700;
	border: none;
	border-radius: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
	margin: 20px 0 0;
	display: inline-block
}
.btn-choose.nothanks {
	background-color: #d0d0d0;
	color: #777
}
.btn-choose:hover {
	color: #fff;
	background-color: #69494b
}
.choose-plan-content .container-fluid {
	padding-top: 30px;
	padding-bottom: 45px
}
.choose-plan-content .col-lg-6.float-right {
	float: right
}
.choose-plan-content p {
	margin: 0 0 15px;
	font-size: 20px;
	line-height: 30px;
	color: #7e838e
}
.choose-plan-content p span {
	color: #11bcc3
}
.choose-plan-content p span.highlight {
	color: #7e838e;
	background-color: #fef7d6;
	padding-left: 5px;
	padding-right: 5px
}
.choose-plan-content p span.highlight-header {
	background-color: #fef7d6;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 22px!important
}
.choose-plan-content .col-lg-12.mid-yellow-section {
	background-color: #fef7d6;
	padding: 0 0 0 44px;
	margin: 50px 0 0
}
.choose-plan-content .col-lg-12.mid-yellow-section p {
	line-height: 52px;
	margin: 0;
	font-size: 18px;
	color: #000
}
.breadcrumb-section ul li.active p, .heavy-option {
	color: #11bcc3
}
.breadcrumb-section {
	overflow: hidden;
	margin: 20px 0 25px
}
.breadcrumb-section ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: center
}
.breadcrumb-section ul li {
	display: inline-block;
	vertical-align: top;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/breadcrumb-arw.png?ts=1541481031&host=") right 5px no-repeat;
	position: relative;
	padding: 0 25px 0 0;
	margin: 0 20px 0 0
}
.breadcrumb-section ul li span.circle {
	height: 20px;
	width: 20px;
	display: inline-block;
	background-color: #d7d7d7;
	border-radius: 50px;
	margin: 0 5px 0 0
}
.breadcrumb-section ul li.active span.circle {
	background-color: #11bcc3
}
.breadcrumb-section ul li p {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 20px;
	color: #7e838e
}
.choose-plan-content {
	margin: 30px 0 0;
	overflow: hidden
}
.breadcrumb-section ul li:last-child {
	background-image: none;
	margin: 0;
	padding: 0
}
.btn-choose.signmeup {
	margin: 20px 30px 0 0
}
.breadcrumb-section ul li.progressed span.circle {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/active-tick.png?ts=1541481014&host=") no-repeat;
	width: 30px;
	height: 30px
}
.breadcrumb-section ul li.progressed p {
	color: #5ca605
}
.choose-plan-content h1 {
	color: #69494b;
	font-size: 33px;
	font-family: 'Patrick Hand', cursive;
	font-weight: 700;
	line-height: 40px;
	margin-top: 0
}
.form-pup-bio h1 {
	margin: 0 0 40px
}
.datepicker th.prev {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/cal_prev.png?ts=1541481035&host=") center center no-repeat
}
.datepicker th.next {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/cal_next.png?ts=1541481035&host=") center center no-repeat
}
.datepicker thead tr:first-child th.prev:hover {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/cal_prev.png?ts=1541481035&host=") center center no-repeat #eee
}
.datepicker thead tr:first-child th.next:hover {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/cal_next.png?ts=1541481035&host=") center center no-repeat #eee
}
.form-pup-bio .btn-primary {
	font-family: Montserrat, sans-serif;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
	padding: 10px 40px;
	line-height: 45px;
	float: right;
	margin: 30px 0 0
}
.form-pup-bio .btn-primary:hover {
	background-color: #69494b
}
p.display-toggle {
	display: none
}


.holiday-collection-section{
	overflow:hidden;
	position:relative;
}
.holiday-collection-section img{
	width:100%;
}
.holiday-collection-section .container {
    position: absolute;
    top: 13%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.section-hero-left {
    width: 605px;
    float: right;
    margin: 0 -260px 0 0;
    text-align: center;
}
.section-hero-left .headingimg{
	margin:0 auto;
	width:auto;
}
.section-hero-left .caption{
	width:auto;
	
}
.section-hero-left h2{
	font-family: 'Patrick Hand', cursive;
}
.why-choose:before {
    width: 90px;
    height: 45px;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url("../images/tri-after.png") no-repeat;
    top: 0;
}
.section-hero-left .btn{
	line-height: 61px;
    padding: 0 105px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
    border: none;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #d42025;
    color: #FFF;
    margin: 60px auto 0;
	text-transform:uppercase;
}

.section-hero-left .btn:hover{
	background-color: #11bcc3;
}

.caption-mobile, .insta-feed:before{
	display:none;
}

.homepage .signup{
	margin-top: -20px;
}


.gift-ideas{
	padding:30px 0px 0px 0;
  	background:#f8f7f5;
}

.gift-ideas a.glink{
	display:block;
}

.gift-ideas img.gft-img{
	margin:0 auto;
}

.choose-plan-content.chooseplantop{
	margin: 60px 0 0;
}

.breadcrumb-section.chooseplanbreadcrumb {
    margin: 20px 0 20px 0;
}

.breadcrumb-section.chooseplanbreadcrumb ul li {
    float: left;
	display:block;
}

.selectables ul{
	padding:0;
	margin:0;
	overflow:hidden;
}

.selectables li {
    border: 1px solid #dadada;
    padding: 15px;
    margin: 0 0 15px 0;
    cursor: pointer;
    color: #7e838e;
    font-size: 16px;
    line-height: 20px;
	position:relative;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.selectables li:after{
	content:'';
	border:3px solid #11bcc3;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.selectables li.clicked:after{
	opacity:1;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.selectables li:last-child{
	margin-bottom:0;
}

.selectables li.clicked {
    background: url(../images/right-arw.png) no-repeat 96% 20px;
}

.plans-options h3{
	font-size: 16px;
	line-height: 1.4em;
	margin: 0px;
}

.plans-options p{
	text-transform: uppercase;
	font-size: 14px;
	color: #11bcc3;
	zoom: 1;
	margin: 0px;
	line-height: 1.3em;
}

.most-popular {
	left: 200px;
    position: absolute;
    /* top: -5px; */
    max-width: 95px;
    transform: rotate(30deg);
}

.choose-plan-content.chooseplantop a.maillink{
	color:#11bcc3;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.choose-plan-content.chooseplantop a.maillink:hover{
	color:#69494b;
}

/*banner section start*/
.banner {
	height: 944px;
	/*background: url("../images/hawaii_banner_desktop.jpg") no-repeat;*/
	background: url("../images/dapperdog_banner_desk.jpg") no-repeat center center;
	background-size: cover;
	margin: 76px 0 0
}
.banner img.mobile-banner {
    display: none;
}
.banner img {
	width: 100%
}
/*.banner .container {
	margin: 0 auto;
	top: 22%
}*/
/*.banner .container {
    margin: 0 auto;
    top: 42%;
}*/
.banner .container {
    margin: 0 auto;
    top: 20%;
}

/*.banner-cont {
    width: 520px;
    float: right;
    margin: 0 -180px 0 0;
}*/

.banner-cont {
    width: 520px;
    float: right;
    margin: 0 -180px 0 0;
}

.new-index .banner-cont {
    width: 520px;
    float: right;
    margin: -60px -180px 0 0;
}


.banner-cont h1{
	font-size: 63px;
	line-height: 67px;
	font-weight: 400;
	font-family: HelveticaNeue-BoldCond;
	margin: 0 0 19px;
	color: #000;
	text-shadow: none !important;
}
.banner-cont h1, .banner-cont h2, .banner-cont p {
    /*text-shadow: 1px 3px 1px rgba(0,0,0,.09);*/
	text-shadow: none !important;
}
.banner-cont h1 span {
	display: block;
	font-size: 88px;
	line-height: 90px;
	text-transform:capitalize;
}
/*.banner-cont h2, .banner-cont p {
	font-size: 41px;
	line-height: 49px;
	font-family: 'Patrick Hand', cursive
}*/
.banner-cont h2, .banner-cont p {
	font-size: 41px;
	line-height: 49px;
	font-family: 'Patrick Hand', cursive;
	color:#11bcc3;
}

.banner-btns {
	padding: 40px 0 0
}
.banner-btns .btn {
	line-height: 58px;
	padding: 0 52px;
	font-family: Montserrat, sans-serif;
	font-size: 17px;
	font-weight: 700;
	border-radius: 0;
	transition: all .3s ease-in-out
}
.how-it-works p, .how-work-text span, .logo-section h3 {
	font-family: 'Patrick Hand', cursive
}
.banner-btns .btn-default.get-btn, .banner-btns .btn-default.give-btn:hover {
	/*background-color: #b90119;
	color: #FFF;*/
	background-color: #d42025;
	color: #fff;
}
.banner-btns .btn-default.get-btn:hover, .banner-btns .btn-default.give-btn {
	/*background-color: #FFF;
	color: #b90119;*/
	background-color: #fff;
	color: #d42025;
}
.banner-btns .btn-default.give-btn {
	margin: 0 0 0 25px
}

.banner-new{
	overflow: hidden;
	height: 745px;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/banner_img.jpg?ts=1541481018&host=") no-repeat 0 0;
	background-size: cover;
	margin: 76px 0 0;
}

.banner-new img{
	width: 100%;
}
.banner-new img.normal-banner{
	display: block;
}
.banner-new img.mobile-banner{
	display: none;
}
.banner-new .container{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 22%;
}
.banner-new .banner-cont{
	width: 602px;
	float: right;
	margin: 0 -180px 0 0;
}
.banner-new .banner-cont h1{
	font-size: 87px;
	line-height:87px;
	color: #FFF;
	font-weight: normal;
	font-family: 'HelveticaNeue-BoldCond';
	text-shadow: 1px 3px 1px rgba(0,0,0,.09);
	margin: 0 0 19px;
}
.banner-new .banner-cont h1 span{
	display: block;
	/*font-size: 88px;
	line-height: 90px;*/
}
.banner-new .banner-cont p{
	font-size: 52px;
	line-height:52px;
	color: #FFF;
	font-family: 'Patrick Hand', cursive;
	text-shadow: 1px 3px 1px rgba(0,0,0,.09);
}
.banner-new .banner-btns{
	overflow: hidden;
	padding: 40px 0 0;
}
.banner-new .banner-btns .btn{
	line-height: 58px;
	padding: 0 52px;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.banner-btns .btn-default.get-btn:hover, .banner-btns .btn-default.give-btn {
    background-color: #dab492;
    color: #fff;
}

.banner-new .banner-btns .btn-default.get-btn, .banner-new .banner-btns .btn-default.give-btn:hover{
	background-color: #11bcc3;
	color: #FFF;
}
.banner-new .banner-btns .btn-default.give-btn, .banner-new .banner-btns .btn-default.get-btn:hover{
	background-color: #FFF;
	color: #11bcc3;
}
.banner-btns .btn-default.give-btn, .banner-new .banner-btns .btn-default.give-btn{
	margin: 0 0 0 25px;
}


/*banner section end*/


/*logo section start*/
.logo-section{
	background-color: #f8f7f5;
	padding: 23px 0 37px;
	overflow: hidden;
	text-align: center;
}
.logo-section h3{
	font-size: 26px;
	color: #4d4d5a;
	font-weight: bold;
	font-family: 'Patrick Hand', cursive;
	margin: 0 0 12px;
}
.logo-section ul{
	text-align: center;
	padding: 0;
	margin: 0;
}
.logo-section ul li{
	display: inline-block;
	vertical-align: top;
	margin: 0 50px 0 0;
}
.logo-section ul li:last-child{
	margin-right: 0;
}
.logo-section ul li:nth-child(4){
	display: inline-block;
}
.come-in {
  	transform: translateY(150px);
  	animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  	animation-duration: 0.6s;
}
.already-visible {
  	transform: translateY(0);
  	animation: none;
}
@keyframes come-in {
  	to { transform: translateY(0); }
}
/*logo section end*/


/*how it works start*/
.how-it-works, .how-it-works-new{
	padding: 121px 0 96px;
	overflow: hidden;
	text-align: center;
}
.how-it-works .container, .how-it-works-new .container{
	position:relative;
}
.how-it-works img{
	width:auto;
}
.how-it-works-new img{
	width:100%;
}
.how-it-works-new .container .shape{
	position:absolute;
	content:'';
	background:url(../images/what-in-the-box-shape.png) 0 0 no-repeat;
	width:245px;
	height:262px;
	left:-106px;
	top:-59px;
	text-align:center;
}
.how-it-works-new .container .shape h3{
	font-family: 'Patrick Hand', cursive;
	font-size:75px;
	line-height:83px;
	color:#fff;
	-moz-transform: rotate(-25deg) translate(-22px, 0);
	-webkit-transform: rotate(-25deg) translate(-22px, 0);
	transform: rotate(-25deg) translate(-22px, 0);
}
.how-it-works-new .container .shape h4{
	font-family: 'Patrick Hand', cursive;
	font-size:43px;
	line-height:48px;
	color:#fff;
	-moz-transform: rotate(-25deg) translate(22px, 0);
	-webkit-transform: rotate(-25deg) translate(22px, 0);
	transform: rotate(-25deg) translate(22px, 0);
}
.how-it-works-new .container .shape h4 span{
	display:block;
	font-family: 'Patrick Hand', cursive;
	font-size:34px;
	line-height:37px;
}
.how-it-works h2, .whats-inside h2, .why-choose h2, .insta-feed h2, .how-it-works-new h2, .whats-inside-new h2, .why-choose-new h2{
	font-size: 53px;
	line-height: 60px;
	margin: 0 0 25px;
	color: #5e423d;
	font-family: 'Patrick Hand', cursive;
	font-weight: bold;
}
.how-it-works p,
.whats-inside p,
.how-it-works-new p,
.whats-inside-new p,
.bandanasection p{
	font-family: 'Patrick Hand', cursive;
	color: #a3a3a3;
	font-size: 32px;
	line-height: 38px;
	margin: 0 0 79px;
}
.how-it-works .col-sm-4 img, .how-it-works-new .col-sm-4 img{
	margin: 0 auto;
}
.how-work-text{
	overflow: hidden;
	padding: 0 16%;
}
.how-work-text span{
	float:left;
	font-size: 51px;
	line-height: 55px;
	color: #72ced2;
	font-family: 'Patrick Hand', cursive;
	font-weight: bold;
}
.how-it-works .how-work-text p, .how-it-works-new .how-work-text p{
	font-size: 19px;
	line-height: 28px;
	color: #666b75;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}
/*how it works end*/


/*whats inside section start*/

.whats-inside {
	position: relative
}
.whats-inside img {
	width: 100%
}

.whats-inside-new{
	text-align: center;
	padding:95px 0 53px;
	background:#f8f6f3;
	position:relative;
}
.whats-inside-new p{
	margin-bottom:29px;
}
.whats-inside-new img{
	width: 100%;
}
.whats-inside:before, /*.why-choose:before,*/ .create-experience .container:before, .testimonial:before, /*.insta-feed:before,*/ .brands-products:before, .whats-inside-new:before{
	width: 90px;
	height: 45px;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../images/white_arrow.png) no-repeat 0 0;
	top: 0;
	display: none;
}
.testimonial:before{
	width: 90px;
	height: 45px;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../images/white_arrow.png) no-repeat 0 0;
	top: 0;
    /*background: url(../images/blue_arrow.png) no-repeat;*/
}
.whats-inside .container-fluid {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	padding-top: 4.5%;
	padding-bottom: 45px;
	top: 0
}
/*.whats-inside .container-fluid{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	padding-top: 4.5%;
	padding-bottom: 45px;
	top: 0;
}*/
.whats-inside ul, .whats-inside-new ul{
	overflow: hidden;
	margin: 0 0 24px;
	padding: 0;
	text-align: center;
}
.whats-inside ul li, .whats-inside-new ul li{
	display: inline-block;
	vertical-align: top;
	font-size: 40px;
	font-family: 'Patrick Hand', cursive;
	line-height: 46px;
	color: #8f8e8d;
	padding: 0 0 0 20px;
	background: url(../images/whats_inside_dot.png) no-repeat 0 20px;
	margin: 0 30px 0 0;
}
.whats-inside ul li:last-child, .whats-inside-new ul li:last-child{
	margin: 0;
}
.whats-inside h2, .whats-inside-new h2{
	margin: 0 0 11px;
}
.whats-inside-img-ph{
	width: 100%;
	display: none;
}
.btn-toy-include{
	background:url(../images/btn-toy-include.png) 0 0 no-repeat;
	width:656px;
	height:65px;
	margin:0 auto;
	font-family: 'Patrick Hand', cursive;
	font-size: 40px;
	line-height:58px;
	color: #fff;
	text-align:center;
	display:block;
}
.btn-toy-include:hover{
	background:url(../images/btn-toy-include-h.png) 0 0 no-repeat;
	color: #fff;
	text-decoration:none;
}
/*whats inside section end*/


/*brands and products section start*/
.brands-products{
	overflow: hidden;
	text-align: center;
	position: relative;
	padding: 110px 0;
}
.brands-products:before{
	background: url(../images/grey_arrow.png) no-repeat 0 0;
}
/*
.brands-products:after{
	width: 19%;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	display: block;
	content: '';
	background: url(../images/brand_right_pic.jpg) no-repeat right 85%;
	background-size: 100%;
}

.brands-products .container{
	position: relative;
	z-index: 1;
}*/
.brands-products h2{
	font-size: 51px;
	line-height: 58px;
	margin: 0 0 55px;
	color: #5e423d;
	font-family: 'Patrick Hand', cursive;
	font-weight: bold;
}
.brand-top{
	text-align: center;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.brand-top li{
	display: inline-block;
	vertical-align: top;
	margin: 0 42px 0 0;
}
.brand-top li:last-child{
	margin: 0;
}
.products{
	margin: 0;
	padding: 0;
}
.brands-products .col-sm-7{
	margin-left: -9%;
}
.products li{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.products li a{
	display:block;
	position: relative;
	padding: 15px;
}
.products li a img{
	opacity: 0.4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.products li.active a img, .products li a:hover img{
	opacity: 1;
}
.products li.active a{
	background: url(../images/brand_active_dot.png) no-repeat 0 0;
	background-size: 100% 100% !important;
}
.products li.product1{
	margin: 80px 0 0 -9%;
}
.products li.product2{
	margin: 5px 0% 0 -4%;
}
.products li.product3{
	margin: 55px 2% 0 -1%;
}
.products li.product4{
	margin: 45px 6% 0 0;
}
.products li.product5{
	margin: 3px 4% 0 -1%;
}
.products li.product6{
	margin: -2px 0 0 -3%;
}
.products li.product7{
	margin: -60px 5% 0 0;
}
.products li.product8{
	margin: -110px 10% 0 -5%;
}
.products li.product9{
	margin: -25px 0 0 13%;
}
.products li.product10{
	margin: -70px -1% 0 0;
}
.products li.product11{
	margin: -200px 0 0;
}
.brands-products h4{
	font-size: 26px;
	line-height: 34px;
	color: #5e423d;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	margin: 33px 0 12px;
}
.brands-products .item blockquote p{
	font-size: 20px;
	line-height: 36px;
	font-weight: 600;
	color: #7e838e;
	font-family: 'Open Sans', sans-serif;
	margin: 0 20px 40px;
}
.brands-products .item blockquote img{
	margin: 0 auto;
}
.brands-products h3{
	font-size: 32px;
	line-height: 41px;
	font-family: 'Patrick Hand', cursive;
	color: #72ced2;
	margin: 0 0 18px;
	font-weight: bold;
}
.brands-products .quote-carousel{
	padding: 0 0 30px ;
}
.brand-detail{
	display: none;
}
.products-normal-view{
	display: block;
}
.products-ph-view{
	overflow: hidden;
	display: none;
}
.brands-products .col-sm-6{
	position: static;
}
.brand-detail img{
	position: absolute;
	width: 19%;
	top: 32%;
	right: 0;
}
.brands-products .carousel-control {
    width: 25px;
    height: 42px;
    top:62%;
}
.brands-products .left.carousel-control{
	background: url(../images/testi_prev.png) no-repeat 0 0;
	left: -100px;

}
.brands-products .right.carousel-control{
	background: url(../images/testi_next.png) no-repeat 0 0;
	right: -100px;
}
.brands-products .quote-carousel .carousel-indicators{
	bottom: -5px;
}
.brands-products .carousel-indicators li{
	width: 11px;
	height: 11px;
	margin: 0 3px;
	border: none;
	background: #ebebeb !important;
}
.brands-products .quote-carousel .carousel-indicators .active{
	background: #9d9d9d !important;
}
/*brands and products section end*/


/*why choose section start*/
.why-choose{
    padding: 60px 0 77px;
    position: relative;
    background-color: #faf9f7;
}
.why-choose-new{
	padding: 65px 0 67px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background:url(../images/why-choose-us-bg.png) 50% 100% no-repeat #c4eef0;
}
.why-choose h2 span, .brands-products h2 span, .why-choose-new h2 span{
	text-transform: uppercase;
	font-weight: 400;
	color: #8e929b;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	vertical-align: top;
	font-size: 35px;
}
.why-choose .col-sm-6 img, .why-choose-new .col-sm-6 img{
	max-width: 100%;
	margin: 0 auto;
}
.why-choose .col-sm-6, .why-choose-new .col-sm-6{
	text-align: left;
}
.why-choose .col-sm-6 h3, .why-choose-new .col-sm-6 h3{
	font-family: 'TektonPro-BoldCond';
	font-size: 45px;
	line-height: 50px;
	font-weight: bold;
	color: #717170;
	margin: 80px 0 24px 77px;
}
.why-choose .col-sm-6 h3 span, .why-choose-new .col-sm-6 h3 span{
	font-size: 74px;
	line-height: 78px;
	display: block;
	text-transform: uppercase;
	color: #ffc471;
}
.why-choose h2, .why-choose-new h2{
	margin: 0 0 31px;
}
.why-choose .col-sm-6 ul, .why-choose-new .col-sm-6 ul{
	margin: 0 0 0 77px;
	padding: 0;
	overflow: hidden;
}
.why-choose .col-sm-6 ul li, .why-choose-new .col-sm-6 ul li{
	font-size: 20px;
	line-height: 28px;
	color: #7e838e;
	font-family: 'Open Sans', sans-serif;
	padding: 0 0 0 42px;
	background: url(../images/why_choose_tick.png) no-repeat 0 3px;
	margin: 0 0 17px;
}
.why-choose .col-sm-6 ul li:last-child, .why-choose-new .col-sm-6 ul li:last-child{
	margin: 0;
}
.col-sm-6.float-right{
	float: right;
}
.why-choose-detail{
	padding:10px 0 0;
	text-align:center;
}
.why-choose-detail .col-sm-4 img{
	display:inline-block;
	margin:0 0 28px;
}
.why-choose-detail h4{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	color:#5e423d;
	padding:0 0 22px;
	margin:0;
}
.why-choose-detail p{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:35px;
	font-weight:400;
	color:#4d5057;
	padding:0;
	margin:0;
}
/*why choose section end*/


/*customized for your dog start*/
.customized-dog{
	padding: 60px 0 68px;
	overflow: hidden;
	background-color: #f7f5f2;
}
.customized-dog .col-sm-6 img{
	max-width: 100%;
	margin: 0 auto;
}
.customized-dog h3{
	color: #69494b;
	font-size: 61px;
	font-family: 'Patrick Hand', cursive;
	font-weight: bold;
	line-height: 65px;
	margin:110px 0 18px 40px;
	text-transform: uppercase;
}
.customized-dog h3 span{
	font-family: 'Shadows Into Light Two', cursive;
	color: #5dbfc3;
	display: block;
	padding: 0 0 7px 20px;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
}
.customized-dog p, .create-experience p{
	font-size: 20px;
	line-height: 35px;
	color: #7e838e;
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 0 40px;
}
/*customized for your dog end*/



/*create experience section start*/
.create-experience{
	overflow: hidden;
	text-align: center;
}
.create-experience .col-sm-6{
	text-align: left;
}
.create-experience .container{
	padding-top: 96px;
	padding-bottom: 112px;
	position: relative;
}
.create-experience .container:before{
	right: auto;
	margin: 0;
	left: 25%;
	background: url(../images/grey_arrow_2.png) no-repeat 0 0;
}
.create-experience h3{
	font-size: 33px;
	line-height: 38px;
	font-family: 'Shadows Into Light Two', cursive;
	font-weight: bold;
	color: #9ebc9e;
	text-transform: uppercase;
	margin: 52px 0 28px 77px;
}
.create-experience h3 span{
	display: block;
	color: #69494b;
	font-size: 59px;
	line-height: 64px;
	font-family: 'Patrick Hand', cursive;
	padding: 0 0 3px 28px;
}
.create-experience p{
	margin: 0 30px 0 77px;
}
.video{
	margin: 0 45px 0 60px;
	height: 427px;
	position: relative;
}
.video iframe{
	height: 100%;
	width: 100%;
}
.video .play{
	position: absolute;
	cursor: pointer;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/video_icon.png) no-repeat center center;
}
.create-experience .btn{
	line-height: 61px;
	padding: 0 70px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
	margin: 70px 0 0;
}
.create-experience .btn:hover{
	background-color: #69494b;
}
/*create experience section end*/


/*testimonial section start*/
.testimonial{
	text-align: center;
	overflow: hidden;
	position: relative;
	background: url(../images/testi_bg.jpg) no-repeat center bottom #f7f5f2;
	background-size: cover;
	padding: 120px 0 82px;
	border-bottom: 1px solid #FFF;
}
.testimonial h2{
	color: #69494b;
	font-weight: bold;
	font-size: 53px;
	line-height: 60px;
	font-family: 'Patrick Hand', cursive;
	margin: 0 0 44px;
}
.testimonial .col-md-11{
	float: none;
	margin: 0 auto;
}
/* Changes the position of the indicators */
.quote-carousel .carousel-indicators {
  	right: 50%;
  	top: auto;
  	bottom: 0px;
  	margin-right: -19px;
}
/* Changes the color of the indicators */
.quote-carousel .carousel-indicators li {
  	background: #c0c0c0;
}
.quote-carousel .carousel-indicators .active {
  	background: #333333;
}
.testimonial .quote-carousel img{
  	width: 188px;
	height: 188px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	margin: 0 auto 37px;
}
/* End carousel */
.item blockquote {
    border-left: none; 
    margin: 0;
}
.item blockquote img {
    margin-bottom: 10px;
}
.item blockquote p{
	font-size: 24px;
	line-height: 40px;
	font-family: 'Open Sans', sans-serif;
	color: #53565d;
	font-weight:600;
}
.testimonial .col-sm-12{
	padding: 20px 40px;
	background: url(../images/quotation_start.png) no-repeat 0 0;
	position: relative;
	margin: 0 0 30px;
}
.testimonial .col-sm-12:after{
	width: 31px;
	height: 25px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	background: url(../images/quotation_end.png) no-repeat 0 0;
}
.item blockquote small{
	color: #935640;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}
.testimonial .carousel-control{
	width: 25px;
	height: 42px;
	top: 35%;
}
.testimonial .left.carousel-control{
	background: url(../images/testi_prev.png) no-repeat 0 0;
	left: -150px;
}
.testimonial .right.carousel-control{
	background: url(../images/testi_next.png) no-repeat 0 0;
	right: -150px;
}
/*dog pic section start*/
.dog-pic-gallery{
	margin:0;
	padding:0;
}
.dog-pic-gallery .col-sm-3{
	padding-left:0;
	padding-right:0;
}
.dog-pic-gallery img{
	width:100%;
}
/*dog pic section end*/
/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .quote-carousel {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    .quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    .quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    .quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
/*testimonial section end*/


/*past boxes section start*/
.past-boxes{
	padding: 48px 0 28px;
	overflow: hidden;
	background: url(../images/past_box_bg.jpg) repeat-x 0 0 #9fe1e4;
    background-size: 100%;
}
.past-boxes .quote-carousel img{
  	max-width: 100%;
}
.past-boxes .quote-carousel .col-sm-6{
	padding: 0;
}
.past-boxes h2{
	font-size: 73px;
	color: #FFF;
	line-height: 80px;
	font-weight: bold;
	font-family: 'Patrick Hand', cursive;
	text-shadow:2px 3px 0px rgba(33,141,147,.3);
	margin: 60px 0 20px 45px;
}
.past-boxes h3{
	font-size: 26px;
	line-height: 34px;
	color: #4d4d5a;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 0 45px;
}
.past-boxes h3 span{
	display: block;
	font-size: 55px;
	line-height: 60px;
	padding: 8px 0 0;
}
.past-boxes .carousel-control{
	width: 25px;
	height: 42px;
	top: 25%;
}
.past-boxes .left.carousel-control{
	background: url(../images/past_box_prev.png) no-repeat 0 0;
	left: -100px;
}
.past-boxes .right.carousel-control{
	background: url(../images/past_box_next.png) no-repeat 0 0;
	right: -100px;
}
/*past boxes section end*/


/*instagram section start*/
.insta-feed{
	padding: 73px 0 104px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.insta-feed:before{
	background: url(../images/blue_arrow.png) no-repeat 0 0;
}
.insta-feed h3{
	font-size: 50px;
	line-height: 56px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #11bcc3;
	margin: 0 0 22px;
}
.insta-feed p{
	font-size:28px;
	line-height: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #9b9ca0;
	margin: 0 0 80px;
	font-weight: 600;
}
.insta-feed img{
	width: 100%;
}
.insta-feed .btn{
	line-height: 53px;
	padding: 0 52px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
	margin:102px 0 0;
}
.insta-feed .btn:hover{
	background-color: #4d4d5a;
}
/*instagram section end*/


/*signup section start*/
.signup{
	padding: 62px 0 70px;
	overflow: hidden;
	text-align: center;
	background: url(../images/signup_bg.jpg) no-repeat center 0;
	background-size: cover;
}
.signup h2{
	color: #62373c;
	font-size: 43px;
	line-height: 50px;
	font-weight: bold;
	font-family: 'Patrick Hand', cursive;
	margin: 0 0 35px;
}
.signup .col-sm-8{
	float: none;
	margin: 0 auto;
	overflow: hidden;
}
.signup-field{
	background-color: #FFF;
	overflow: hidden;
	border: 1px solid #d8ccce;
	padding: 0 17px;
}
.signup-field input[type=text]{
	height: 48px;
	border: none;
	width: 100%;
	font-size: 17px;
	color: #755a5b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.signup input[type=submit]{
	height: 50px;
	border: none;
	width: 100%;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	cursor: pointer;
	background-color: #11bcc3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 0;
	webkit appearance: none;
}
.signup input[type=submit]:hover{
	background-color: #69494b;
}
/*signup section start*/


/*spoil pup section start*/
.spoil-pup{
	padding: 208px 0 137px;
	background: url(../images/spoil_pup_bg.jpg) no-repeat center 0;
	background-size: cover;
	text-align: center;
}
.spoil-pup h2{
	font-size: 75px;
	line-height: 80px;
	color: #FFF;
	text-shadow: 0px 2px 4px rgba(0,0,0,.3);
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	margin: 0 0 74px;
}
.spoil-pup .btn{
	line-height: 66px;
	padding: 0 112px;
	font-family: 'Montserrat', sans-serif;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #11bcc3;
	color: #FFF;
}
.spoil-pup .btn:hover{
	background-color: #FFF;
	color: #11bcc3;
}
/*spoil pup section end*/


/*footer section start*/
.footer{
	overflow: hidden;
	background: url(../images/footer_bg.jpg) no-repeat center 0;
	background-size: cover;
	padding: 52px 0 65px;
}
.footer h6{
	font-size: 17px;
	font-weight: 700;
	color: #FFF;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	margin: 0 0 17px;
}
.ftnav{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.ftnav li{
	font-size: 17px;
	line-height: 32px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #cdecee;
}
.ftnav li a{
	color: #cdecee;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ftnav li a:hover{
	color: #FFF;
	text-decoration: none;
}
.footer .col-sm-2.last{
	padding-left: 0;
}
.footer .col-sm-3{
	padding: 0;
}
.ft-social{
	overflow: hidden;
	margin: 0;
	padding: 10px 0 0;
}
.ft-social li{
	float: left;
	margin: 0 5px 0 0;
}
.ft-social li a{
	width: 30px;
	height: 29px;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ft-social li a:hover{
	opacity: 0.8;
}
.ft-social li a.inst{
	background: url(../images/inst_icon.png) no-repeat 0 0;
}
/*
.ft-social li a.inst:hover{
	background: url(../images/inst_icon_h.png) no-repeat 0 0;
}
*/
.ft-social li a.fb{
	background: url(../images/fb_icon.png) no-repeat 0 0;
}
/*
.ft-social li a.fb:hover{
	background: url(../images/fb_icon_h.png) no-repeat 0 0;
}
*/
.ft-social li a.twit{
	background: url(../images/twit_icon.png) no-repeat 0 0;
}
/*
.ft-social li a.twit:hover{
	background: url(../images/twit_icon_h.png) no-repeat 0 0;
}
*/
.ft-social li a.pint{
	background: url(../images/pint_icon.png) no-repeat 0 0;
}
/*
.ft-social li a.pint:hover{
	background: url(../images/pint_icon_h.png) no-repeat 0 0;
}
*/
.ftright{
	float: right;
	width: 48%;
}
.ftlogo{
	margin: 0 auto 22px;
}
.copyright{
	padding: 29px 0 20px;
	background-color: #575757;
	text-align: center;
	overflow: hidden;
}
.copyright p{
	color: #b8b8b8;
	font-size: 13px;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin: 0;
}
.footer .col-sm-5.float-right{
	float: right;
}
.ftlinks{
	text-align: center;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: none;
}
.ftlinks li{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 20px;
	margin: 0 18px 0 0;
	font-family: 'Open Sans', sans-serif;
}
.ftlinks li:last-child{
	margin: 0;
}
.ftlinks li a{
	color: #b8b8b8;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ftlinks li a:hover{
	color: #fff;
}
/*footer section end*/



/*get a box page start*/
.get-box-content{
	margin: 76px 0 0;
	overflow: hidden;
	padding: 82px 0 80px;
	text-align: center;
	background: url(../images/get_box_bg.jpg) no-repeat 0 0;
	background-size: cover;
}
.get-box-content h1{
	color: #5e423d;
	font-size: 53px;
	line-height: 60px;
	font-weight: bold;
	font-family: 'Patrick Hand', cursive;
	margin: 0 0 12px;
}
.get-box-content p{
	color: #9d9b99;
	font-size: 32px;
	line-height: 40px;
	font-family: 'Patrick Hand', cursive;
	margin: 0;
}
.get-box-content .bs-example{
	text-align: left;
	padding: 52px 110px 0;
}
.get-box-content .panel-title > a{
	font-size: 18px;
	line-height: 34px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #bcbec1;
	text-decoration: none !important;
}
.get-box-content .panel-title > a span{
	font-size: 33px;
	color: #bcbec1;
	display: inline-block;
	vertical-align: top;
	font-family: 'Patrick Hand', cursive;
	padding: 0 12px 0 0;
}
.get-box-content .panel-title.active > a{
	color: #666b75;
}
.get-box-content .panel-title.active > a span{
	color: #72ced2;
}
.get-box-content .panel-default > .panel-heading{
	padding: 21px 38px 27px 54px;
	border: none !important;
	background-color: #FFF;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.get-box-content .panel-default > .panel-heading.selected{
	background-color: #e2f6f7;
}
.get-box-content .panel-default > .panel-heading.selected .panel-title > a span, .get-box-content .panel-default > .panel-heading.selected .panel-title > a{
	color: #666b75;
} 
.get-box-content .panel-default{
	border: none !important;
}
.get-box-content .panel-group .panel-heading + .panel-collapse > .list-group, .get-box-content .panel-group .panel-heading + .panel-collapse > .panel-body{
	border: none !important;
	background-color: transparent !important;
	padding: 50px 0 70px;
}
.get-box-content .panel{
	background-color: transparent !important;
	box-shadow: none !important;
}
.get-box-content .panel-group .panel + .panel{
	margin-top: 7px;
}
.dog-size{
	padding:0 7px 0 10px;
	margin: 0;
	overflow: hidden;
	text-align: center;
}
.dog-size li{
	width: 19.5%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.size-block{
	overflow: hidden;
	margin: 0 3px 0 0;
	background-color: rgba(158,226,228,.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 55px 10px 47px;
}
.size-block h3{
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	line-height: 30px;
	font-weight: 700;
	color: #666b75;
	margin: 0 0 7px;
	text-transform: uppercase;
}
.get-box-content .size-block p{
	font-size: 16px;
	line-height: 22px;
	color: #8d979c;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
.dog-size li .size-block.active, .dog-size li .size-block:hover{
	background-color: rgba(158,226,228,1);
}
.selected-option{
/*	display: inline-block;*/
	display: none;
	vertical-align: top;
	float: right;
}
.selected-option.show{
	display: inline-block;
}
.get-box-content .selected-option p{
	float: left;
	font-size: 16px;
	line-height: 34px;
	font-weight: 600;
	padding: 0 0 0 31px;
	background: url(../images/tick_icon.png) no-repeat 0 center;
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
}
.selected-option .edit{
	width: 19px;
	height: 34px;
	float: left;
	margin: 0 0 0 19px;
	display: block;
	background: url(../images/edit_icon.png) no-repeat 0 center;
}
.choose-treats{
	padding: 0 85px;
	margin: 0;
	text-align: center;
}
.choose-treats li{
	display: inline-block;
	vertical-align: top;
	float: none;
	cursor: pointer;
}
.choose-treats li.col-sm-6{
	width: 49.5%;
	padding: 0 12px;
}
.choose-treat-block{
	position: relative;
	padding: 34px 10px 44px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #e2f6f7;
}
.choose-treat-block span{
	width:80px;
	height: 70px;
	display: block;
	margin: 0 auto 9px;
}
.choose-treat-block span.all-natural{
	background:url(../images/all_natural_icon.png) no-repeat 0 0;
}
.choose-treats li:hover .choose-treat-block span.all-natural, .choose-treats li .choose-treat-block.active span.all-natural{
	background:url(../images/all_natural_icon_h.png) no-repeat 0 0;
}
.choose-treat-block span.grain-free{
	background:url(../images/grain_free_icon.png) no-repeat 0 0;
}
.choose-treats li:hover .choose-treat-block span.grain-free, .choose-treats li .choose-treat-block.active span.grain-free{
	background:url(../images/grain_free_icon_h.png) no-repeat 0 0;
}
.choose-treats li:hover .choose-treat-block, .choose-treats li .choose-treat-block.active{
	background-color: #9ee2e4;
}
.choose-treats li h2{
	color: #666b75;
	font-size: 28px;
	line-height: 32px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	margin: 0;
	font-weight: 700;
}
.choose-toys{
	padding: 0 80px;
	margin: 0;
	overflow: hidden;
	text-align: center;
}
.choose-toys li{
	float: none;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.choose-toys li.col-sm-4{
	padding: 0 3px;
	width: 32.8%;
}
.choose-toys-block{
	padding: 46px 32px 52px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: rgba(158,226,228,.3);
}
.choose-toys li:hover .choose-toys-block, .choose-toys li:hover .choose-toys-block.active{
	background-color: rgba(158,226,228,1);
}
.choose-toys li h3{
	font-weight: 700;
	text-transform: uppercase;
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 13px;
	font-size: 26px;
	line-height: 32px;
}
.get-box-content .choose-toys li p{
	font-weight: 600;
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	font-size: 16px;
	line-height: 22px;
}
.get-box-content .panel-body.dog-panel{
	padding: 10px 42px 10px 51px !important;
}
.dog-description{
	width: 530px;
	float: left;
	margin: 21px 0 0;
}
.dog-desc-field{
	overflow: hidden;
	border: 1px solid #dfdddb;
	padding: 14px 0 0 21px;
	background-color: #FFF;
	margin: 0 0 14px;
}
.dog-desc-field textarea{
	width: 100%;
	border: none;
	overflow: auto;
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	height: 136px;
	outline: none;
}
.dog-description .btn{
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	color: #666b75;
	line-height: 46px;
	padding: 0 39px;
	cursor: pointer;
	border: none;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: rgba(102,107,117,.19);
	text-transform: uppercase;
	border-radius: 0 !important;
}
.dog-description .btn:hover{
	background-color: rgba(102,107,117,1);
	color: #FFF;
}
.did-u-know{
	width: 260px;
	height: 260px;
	float: right;
	border-radius: 260px;
	background-color: #f8ebd5;
	text-align: center;
}
.did-u-know h3{
	color: #5e423d;
	font-size: 33px;
	line-height: 40px;
	font-weight: 700;
	margin: 53px 0 6px;
	font-family: 'Patrick Hand', cursive;
}
.get-box-content .did-u-know p{
	color: #5e423d;
	font-size: 16px;
	line-height: 27px;
	margin: 0 25px;
	font-family: 'Open Sans', sans-serif;
}
.pick-plan{
	padding: 0 160px;
	margin: 0;
	overflow: hidden;
	text-align: center;
}
.pick-plan li{
	float: none;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.pick-plan li.col-sm-6{
	width: 49.5%;
	padding: 0 8px;
}
.pick-plan-block{
	padding: 32px 34px 38px;
	overflow: hidden;
	background-color: #e2f6f7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
}
.pick-plan-block:after{
	width: 32px;
	height: 24px;
	display: none;
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/plan_tick_icon.png) no-repeat 0 0;
}
.pick-plan-block.active:after{
	display: block;
}
.pick-plan li .pick-plan-block.active, .pick-plan li:hover .pick-plan-block{
	background-color: #9ee2e4;
}
.pick-plan li h3{
	font-weight: 700;
	text-transform: uppercase;
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 8px;
	font-size: 26px;
	line-height: 32px;
}
.pick-plan li h3 span{
	font-size: 20px;
	font-weight: 400;
}
.get-box-content .pick-plan li p{
	font-weight: 600;
	color: #666b75;
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 22px;
}
.pick-plan li .price{
	border-top: 1px solid #bacacb;
	padding: 18px 0 0;
	overflow: hidden;
}
.pick-plan li .price h3{
	margin: 0;
}
.total-price{
	padding: 34px 5px 0 7px;
	border-top: 2px solid #11bcc3;
	overflow: hidden;
	margin: 38px 0 0;
}
.get-box-content .total-price p{
	float: left;
	line-height: 58px;
	font-size: 35px;
	color: #11bcc3;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}
.get-box-content .total-price p span{
	font-weight: 700;
}
.get-box-content .total-price p span.line{
	font-weight: 700;
	text-decoration: line-through;
	color: #ed1c24;
	display: inline-block;
	vertical-align: top;
	padding: 0 8px 0 2px;
	font-size: 28px;
}
.get-box-content .total-price p span.line span{
	padding: 0;
	color: #92959c;
	font-weight: 400;
}
.get-box-content .total-price p span.new-price{
	font-weight: 400;
}
.total-price input[type=submit]:disabled{
	background-color: #c5c4c2;
	color: #dddddc;
}
.total-price input[type=submit]{
	line-height: 58px;
	padding: 0 38px;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	float: right;
	background-color: #11bcc3;
	color: #FFF;
}
.best-value{
	width: 105px !important;
	height: 31px !important;
	position: absolute;
	top: 11px;
	right: -9px;
	background: url(../images/best_value_bg.png) no-repeat 0 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 25px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-align: left;
	display: block !important;
	margin: 0 !important;
	color: #FFF;
	padding: 0 0 0 21px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.22);
}
/*get a box page end*/

.press-content ul{
	padding: 0;
}

/*new css*/

.purpose{
	padding: 30px 0;
	text-align: center;
	text-align: center;
}

.purpose h3 {
    color: #11bcc3;
    font-size: 38px;
    font-weight: normal;
    font-family: 'Patrick Hand',sans-serif !important;
    margin: 0 0 10px;
}

.purpose p{
	font-size: 23px;
	line-height: 23px;
}

.new-index .banner{
	height: 734px;
}

.new-index .banner-cont {
    width: 700px;
    background-color: rgba(255,255,255,.7);
    padding: 0 0;
    margin: 127px 0 0 0;
}

.insidepadding {
    padding: 36px 72px 36px 70px;
}

.new-index .banner-cont h1 span, .new-index .banner-cont h1{
    display: block;
    font-size: 34px;
    line-height: 36px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #333;
}

.new-index .banner-cont h2{
	font-size: 24px;
	line-height: 26px;
	color:#333;
	font-family: 'Open Sans', sans-serif;
}

.new-index .banner-btns {
    padding: 25px 0 0;
}


.new-index .white-overlay{
	width: 700px;
	background-color: rgba(255,255,255,.7);
    padding: 0 0;
    text-align: left;
}

.new-index .white-overlay p{
	font-size: 23px;
    line-height: 26px;
    color:#333333;
    margin: 0; 
    font-family: 'Open Sans', sans-serif;
}

.new-index .whats-inside h2{
	font-weight: 400;
}

.new-index .whats-inside .container-fluid {
    padding-top: 2%;
}


/*new css*/

.purpose{
	padding: 30px 0;
	text-align: center;
	text-align: center;
}

.purpose h3 {
    color: #11bcc3;
    font-size: 38px;
    font-weight: normal;
    font-family: 'Patrick Hand',sans-serif !important;
    margin: 0 0 10px;
}

.purpose p{
	font-size: 23px;
	line-height: 23px;
}

.new-index .banner{
	height: 734px;
}

.new-index .banner-cont {
    /*width: 700px;*/
    width: 590px;
    background-color: rgba(255,255,255,.7);
    padding: 0 0;
    /*margin: 127px 0 0 0;*/
    margin: 0 0 0 0;
}

.insidepadding {
    padding: 36px 72px 36px 70px;
}

.new-index .banner-cont h1 span, .new-index .banner-cont h1{
    display: block;
    font-size: 34px;
    line-height: 36px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #333;
}

.new-index .banner-cont h2{
	font-size: 24px;
	line-height: 26px;
	color:#333;
	font-family: 'Open Sans', sans-serif;
}

.new-index .banner-btns {
    padding: 25px 0 0;
}


.new-index .white-overlay{
	width: 700px;
	background-color: rgba(255,255,255,.7);
    padding: 0 0;
    text-align: left;
}

.new-index .white-overlay p{
	font-size: 23px;
    line-height: 26px;
    color:#333333;
    margin: 0; 
    font-family: 'Open Sans', sans-serif;
}

.new-index .whats-inside h2{
	font-weight: 400;
}

.new-index .whats-inside .container-fluid {
    padding-top: 2%;
}
.new-index .banner {
	/*background: url("../images/dapperdog_banner_desk_new.jpg") no-repeat center center;*/
	background: url("../images/hawaii_banner_desktop1.jpg") no-repeat center bottom;
	background-size: cover !important;
}

.holiday{
	overflow: hidden;
	background-color: #f3dbea;
	padding:30px 0; 
}
.holiday img {
    margin: 0 auto;
    width: 350px;
}
.hero{
	overflow: hidden;
    
    position:relative;
    height: 720px;
    background: url("../images/herosection.jpg") no-repeat center center;
    background-size:cover;
}
.text {
    width: 490px;
    float: right;
    margin: 0 -120px 0px 0px;
    text-align: center;
}
.text img{
	width: 100%;
}
.herobtn{
	display: inline-block;
	background-color: #d42025;
	color: #fff;
	line-height: 58px;
    padding: 0 52px;
    font-family: Montserrat,sans-serif;
    font-size: 17px;
    font-weight: 700;
    border-radius: 0;
    transition: all .3s ease-in-out;
    margin: 30px auto 0;
    text-transform: uppercase;
}
.herobtn:hover{
	background-color: #dab492;
	color: #fff;
}
.hero .wrapper {
    width: 1170px;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

.bandanasection{
	text-align: center;
	padding:80px 0 0;
}

.featured-bandana{
	margin:0;
	padding:0;
}
/*.featured-bandana li {
    width: 278px;
    float: left;
    margin: 0 9px 0 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow:hidden;
}*/

.featured-bandana li {
    width: 24.6%;
    float: left;
    margin: 0 9px 0 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.featured-bandana li img{
	width:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.featured-bandana li:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.featured-bandana li:last-child{
	margin-right:0;
}

.bandanasection p {
    margin: 0 0 60px;
}


.fullwidthwrapper {
    padding: 0 50px;
}


.past-boxes h3 span.textwithit {
    display: block;
    font-size: 20px;
    line-height: 24px;
    padding: 0;
    margin: 15px 0 0 0;
}

.homepage{
	position:relative;
}

.customlightbox {
    position: fixed;
    top: 23%;
    left: 0;
    right: 0;
    bottom: 0;
    /*display: none;*/
    z-index: -1;
}
.customlightbox.showdiv{
	z-index: 10000;
}

.popup-overlay{
	background-color: rgba(0 , 0, 0, .9);
	opacity: 1;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.customlightbox img{
	margin:0 auto;
}

.closefancy {
    width: 50px;
    height: 50px;
    top: 0px;
    right: 32%;
    display: block;
    z-index: 100000;
    background: url(../images/close.png) no-repeat 0 0;
    position: absolute;
	display: none;
}

.customlightbox.showdiv .closefancy{
	display: block;
}

.past-boxes {
    position: relative;
}

.new-index .banner{
	position: relative;
}

.source-vid video {
    margin: 0 auto;
    display: block;
    position: relative;
}

.btn.btn-default.whatsbtn {
    line-height: 58px;
    padding: 0 52px;
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    font-weight: 700;
    border-radius: 0;
    transition: all .3s ease-in-out;
    background-color: #11bcc3;
    color: #fff;
    margin: 35px 0 0 0;
    text-transform: uppercase;
}

.source-vid {
    text-align: center;
    padding: 0 0 80px 0;
	position: relative;
}
.source-vid img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: 0 auto;
    padding: 0;
}


.source-vid img.btn.layerdown{
	z-index:-10;
}

.col-lg-6 .ashapic{
	width:520px;
}


/* Responsive css */

@media screen and (max-width:3500px) {
.faq-accordion .panel-body {
	padding: 15px 350px
}
}

@media screen and (max-width:1950px) {
	.holiday-collection-section .container {
		position: absolute;
		top: 11%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.section-hero-left {
    width: 605px;
    float: right;
    margin: 0 -170px 0 0;
    text-align: center;
}
}

@media screen and (max-width:1900px) {
	.featured-bandana li {
		width: 24.5%;
	}
}


@media screen and (max-width:1800px) {
.rescue {
	height: 800px
}
/*.banner .container, .rescue .container {
	top: 18%
}*/

.banner .container{
	margin: 0 auto;
    top: 20%;
}

.brands-products::after {
	width: 14%;
	background-position: right 75%
}
.brand-detail img {
	width: 14%;
	top: 40%
}
.faq-accordion .panel-body {
	padding: 15px 350px
}
.banner, .rescue {
	height: 800px
}
.banner .container, .rescue .container {
	top: 18%
}
	.brands-products::after{
		width: 14%;
		background-position: right 75%;
	}
	.brand-detail img{
		width: 14%;
		top: 40%;
	}




}

@media screen and (max-width:1700px) {
	
}


@media screen and (max-width:1600px) {
.banner, .rescue {
	height: 700px
}
.banner-cont, .rescue-cont {
	margin: 0 -10% 0 0;
	width: 520px
}
.banner-cont h1, .rescue-cont h1 {
	font-size: 50px;
	line-height: 58px;
	margin: 0 0 10px
}
.banner-cont h1 span, .rescue-cont h1 span {
	font-size: 70px;
	line-height: 78px
}
.banner-cont h2, .banner-cont p, .rescue-cont h2, .rescue-cont p {
	font-size: 34px;
	line-height: 42px
}
.banner-btns {
	padding: 20px 0 0
}
.banner .container, .rescue .container {
	top: 18%
}
.logo-section ul li {
	margin: 0 35px 0 0
}
.brand-detail img {
	top: 45%
}
.faq-accordion .panel-body {
	padding: 15px 250px
}

.banner, .banner-new{
		height: 700px;
	}
	/*.banner-cont{
		margin:59px -19% 0 0;
	}*/
	.banner .banner-cont, .banner-new .banner-cont{
		margin:39px -12% 0 0;
	}
	.banner .banner-cont h1, .banner-new .banner-cont h1{
		font-size: 50px;
		line-height: 58px;
		margin: 0 0 10px;
	}
	.banner .banner-cont h1, .banner-new .banner-cont p{
		font-size: 34px;
		line-height: 42px;
	}
	.banner .banner-btns, .banner-new .banner-btns{
		padding: 20px 0 0;
	}
	.banner .banner-cont, .banner-new .banner-cont{
		width: 485px;
	}
	/*.banner-cont{
		width: 605px;
	}*/
	.banner-new .container{
		top: 18%;
	}
	.logo-section ul li{
		margin: 0 35px 0 0;
	}
	.brand-detail img{
		top: 45%;
	}
	.how-it-works .container .shape, .how-it-works-new .container .shape{
		left:-75px;
	}
	.banner-cont h1 span, .rescue-cont h1 span {
	font-size: 70px;
	line-height: 78px
}

	.banner, .rescue {
	height: 700px
}
.banner .banner-cont {
	margin: 0 -10% 0 0;
	width: 520px
}


.banner .banner-cont h1, .rescue-cont h1 {
	font-size: 50px;
	line-height: 58px;
	margin: 0 0 10px
}
.banner .banner-cont h1 span, .rescue-cont h1 span {
	font-size: 70px;
	line-height: 78px
}
.banner .banner-cont h2, .banner-cont p, .rescue-cont h2, .rescue-cont p {
	font-size: 34px;
	line-height: 42px
}
.banner .banner-btns {
	padding: 20px 0 0
}
.banner .container, .rescue .container {
	top: 18%
}


.new-index .banner-cont h1 span, .new-index .banner-cont h1 {
    font-size: 34px;
    line-height: 36px;
}

.new-index .banner-cont {
    margin: 0;
    width: 580px;
}
.banner .banner-cont h1, .banner-new .banner-cont p {
    font-size: 34px;
    line-height: 42px;
}

.new-index .banner-cont h2 {
    font-size: 24px;
    line-height: 26px;

}

.featured-bandana li {
    width: 24.4%;
}


}

@media screen and (max-width:1450px) {
.brands-products::after {
	width: 12%
}
.brand-detail img {
	width: 12%;
	top: 49%
}
.testimonial .left.carousel-control {
	left: -50px
}
.testimonial .right.carousel-control {
	right: -50px
}
.past-boxes .left.carousel-control {
	left: 0
}
.past-boxes .right.carousel-control {
	right: 0
}
.banner, .rescue {
	height: 630px
}
.banner-cont h1, .rescue-cont h1 {
	font-size: 44px;
	line-height: 52px;
	margin: 0 0 10px
}
.banner-cont h1 span, .rescue-cont h1 span {
	font-size: 60px;
	line-height: 66px
}
.banner .container, .rescue .container {
	top: 22%
}
.rescue-cont h2, .rescue-cont p {
	font-size: 30px
}

.banner-new{
		height: 630px;
	}
	.banner-new .banner-cont {
    	margin: 39px -10% 0 0;
	}
	.banner-new .banner-cont h1 {
		font-size: 44px;
		line-height: 52px;
		margin: 0 0 10px;
	}
	.banner-new .banner-cont h1 span {
		font-size: 60px;
		line-height: 66px;
	}
	.banner-new .banner-cont h1 span {
		font-size: 60px;
		line-height: 66px;
	}
	.banner-new .container{
		top:22%;
	}
	.banner-cont h1 span, .rescue-cont h1 span {
    font-size: 60px;
    line-height: 66px;
}
.banner, .rescue {
	height: 630px
}
.banner-cont h1, .rescue-cont h1 {
	font-size: 44px;
	line-height: 52px;
	margin: 0 0 10px
}
.banner-cont h1 span, .rescue-cont h1 span {
	font-size: 60px;
	line-height: 66px
}
.banner .container, .rescue .container {
	top: 22%
}

.banner .banner-cont h1, .rescue-cont h1 {
    font-size: 44px;
    line-height: 52px;
    margin: 0 0 10px;
}

.new-index .banner-cont h1 span, .new-index .banner-cont h1 {
    font-size: 34px;
    line-height: 36px;
}

.new-index .banner-cont {
    margin: 245px 0 0;
}


.text {
    width: 490px;
    float: right;
    margin: 0 -4% 0 0;
}

.herobtn {
    margin: 50px auto 0;
}

.hero {
    height: 670px;
}
}

@media screen and (max-width:1400px) {
.banner, .rescue {
	height: 580px
}



.rescue-cont h2, .rescue-cont p {
	font-size: 30px
}
.logo-section ul li {
	margin: 0 25px 0 0
}
.banner-cont, .rescue-cont {
	margin: 0 -8% 0 0
}
.brand-detail img {
	top: 51%
}
.faq-accordion .panel-body {
	padding: 15px 180px
}

.section-hero-left {
    width: 383px;
    float: right;
    margin: 0 60px 0 0px;
    text-align: center;
}
.section-hero-left .caption {
    width: 100%;
}

.banner-new{
		height:580px;
	}
	.logo-section ul li{
		margin: 0 25px 0 0;
	}
	.banner-new .banner-cont{
		margin: 39px -8% 0 0;
	}
	.brand-detail img{
		top: 51%;
	}
	.banner-cont, .rescue-cont {
    	margin: 0 -8% 0 0;
	}

	.new-index .banner {
		height: 500px;
		background-position: center bottom;
		
	}
	.new-index .banner-cont{
		margin: 20px 0 0 0;
	}
	.featured-bandana li {
    	width: 24.4%;
	}
	.customlightbox {
    position: fixed;
    top: 20%;
}
.closefancy {
    right: 20px;
}

.fullwidthwrapper {
    padding: 0 50px;
}


.new-index .banner-cont {
    width: 590px;
    margin: 0 ;
}


.banner .container, .banner-new .container, .rescue .container {
    top: 18%;
}
}

@media screen and (max-width:1365px) {
.banner-cont, .rescue-cont {
	margin: 0 -2% 0 0;
	width: 455px
}
.logo-section ul li {
	margin-bottom: 25px;
}
.logo-section {
	padding: 23px 0 12px;
}
.banner-cont h1, .rescue-cont h1 {
	font-size: 42px;
	line-height: 50px
}
.banner-cont h1 span, .rescue-cont h1 span {
	font-size: 58px;
	line-height: 68px
}
.banner-cont h2, .banner-cont p, .rescue-cont h2, .rescue-cont p {
	font-size: 30px;
	line-height: 38px;
	margin: 0
}
.rescue-cont h2, .rescue-cont p {
	font-size: 28px;
	line-height: 36px;
	margin: 0
}
.banner-btns .btn {
	line-height: 50px;
	padding: 0 30px
}
.brands-products h2, .faq-banner h2, .get-box-content h1, .how-it-works h2, .testimonial h2, .whats-inside h2, .why-choose h2, .bandanasection h2{
	font-size: 42px;
	line-height: 50px;
	margin: 0 0 15px;
}
.whats-inside h2 {
	margin: 0
}
.how-it-works p {
	font-size: 28px;
	line-height: 36px;
	margin: 0 0 50px
}
.how-it-works .col-sm-4 img {
	margin: 0 auto 35px
}
.how-it-works {
	padding: 60px 0 70px
}
.whats-inside ul li {
	font-size: 30px;
	line-height: 38px;
	background-position: 0 15px
}
.whats-inside ul {
	margin: 0 0 50px
}
, .brands-products::after {
display:none
}
.brand-detail img {
	display: none
}
.brands-products h2 span, .why-choose h2 span {
	font-size: 30px
}
.brands-products h2 {
	margin: 0 0 30px
}
.brands-products .col-sm-7 {
	width: 50%;
	margin: 0
}
.brands-products h4 {
	margin: 30px 0 5px
}
.brands-products p {
	margin: 0 6% 30px
}
.brands-products {
	padding: 100px 0 45px
}
.why-choose h2 {
	margin: 0 0 30px
}
.why-choose {
	padding: 100px 0 65px
}
.why-choose .col-sm-6 h3 span {
	font-size: 60px;
	line-height: 70px
}
.why-choose .col-sm-6 h3 {
	font-size: 40px;
	line-height: 46px;
	margin: 60px 0 15px 50px
}
.why-choose .col-sm-6 ul {
	margin: 0 0 0 50px
}
.customized-dog {
	padding: 70px 0 48px
}
.customized-dog h3, .faq-banner h1 {
	font-size: 50px;
	line-height: 58px
}
.customized-dog h3 span {
	padding: 0 0 4px 15px
}
.customized-dog h3 {
	margin: 90px 0 15px 40px
}
.create-experience .container {
	padding-top: 80px;
	padding-bottom: 70px
}
.create-experience h3 {
	font-size: 30px;
	line-height: 36px;
	margin: 30px 0 15px 50px
}
.create-experience h3 span {
	font-size: 50px;
	line-height: 60px;
	padding: 0 0 0 15px
}
.create-experience p {
	margin: 0 30px 0 50px
}
.video {
	height: 380px;
	margin: 0 20px
}
.create-experience .btn {
	margin: 60px 0 0;
	line-height: 54px;
	padding: 0 40px
}
.testimonial h2 {
	margin: 0 0 30px
}
.item blockquote p {
	font-size: 20px;
	line-height: 34px
}
.testimonial .quote-carousel img {
	margin: 0 auto 10px
}
.testimonial .col-sm-12 {
	margin: 0 0 5px
}
.item blockquote small {
	font-size: 24px
}
.testimonial {
	padding: 105px 0 25px
}
.past-boxes {
	padding: 50px 0 15px
}
.insta-feed {
	padding: 100px 0 70px
}
.insta-feed h2 {
	font-size: 40px;
	line-height: 48px;
	margin: 0 0 15px
}
.insta-feed p {
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 55px
}
.insta-feed .btn {
	margin: 60px 0 0
}
.signup h2 {
	font-size: 40px;
	line-height: 48px;
	margin: 0 0 30px
}
.spoil-pup h2 {
	font-size: 65px;
	line-height: 72px;
	margin: 0 0 60px
}
.footer {
	padding: 45px 0 40px
}
.products li.product1 {
	margin: 65px 0 0 -9%
}
.products li.product2 {
	margin: 5px 0 0 -4%
}
.products li.product3 {
	margin: 55px 4% 0 0
}
.products li.product4 {
	margin: 45px 2% 0 0
}
.products li.product5 {
	margin: -10px 4% 0 -8%
}
.products li.product6 {
	margin: -15px 1% 0 -3%
}
.products li.product7 {
	margin: -60px 0 0
}
.products li.product8 {
	margin: -80px 0 0
}
.products li.product9 {
	margin: -30px -3% 0 10%
}
.products li.product10 {
	margin: -70px 0 0
}
.products li.product11 {
	margin: -160px -6% 0 0
}
.get-box-content p, .subscribe-banner p {
	font-size: 24px;
	line-height: 36px
}
.get-box-content h1 {
	margin: 0 0 10px
}
.get-box-content .bs-example {
	padding: 20px 0 0
}
.get-box-content .panel-default>.panel-heading {
	padding: 20px
}
.get-box-content .panel-group .panel-heading+.panel-collapse>.list-group, .get-box-content .panel-group .panel-heading+.panel-collapse>.panel-body {
	padding: 50px 0
}
.banner .banner-cont, .rescue-cont {
    margin: 0 -2% 0 0;
    width: 455px;
}

	.banner .banner-cont, .rescue-cont {
    margin: 0 -2% 0 0;
    width: 455px;
}

	.banner-new .banner-cont{
		margin: 0 -1% 0 0;
		width: 390px;
	}
	.logo-section ul li{
		margin-bottom: 25px;
	}
	.logo-section{
		padding: 23px 0 12px;
	}
	.banner-new .banner-cont h1{
		font-size: 42px;
		line-height: 50px;
	}
	.banner-new .banner-cont h1 span{
		font-size: 58px;
		line-height: 68px;
	}
	.banner-new .banner-cont p{
		font-size: 30px;
		line-height: 38px;
		margin: 0;
	}
	.banner-btns .btn, .banner-new .banner-btns .btn{
		line-height: 50px;
		padding: 0 30px;
	}

	.new-index .banner-cont {
    margin: 1% 0 0 0;
    width: 610px;
}

	.featured-bandana li {
		width: 24.3%;
	}

}


@media screen and (max-width:1250px) {
	.text {
	    width: 400px;
	    float: right;
	    margin: 0 0% 0 0;
	}
	.hero {
    height: 580px;
}
.hero .wrapper {
    width: auto;
    margin: 0 3%;
}
}



@media screen and (max-width:1200px) {
	
.navbar-default .navbar-nav>li>a {
	padding: 0 12px;
}
.navbar-nav>li:nth-child(3) {
    margin: 0 254px 0 0;
}
/* .navbar-nav>li:nth-child(1) {
	margin-left: 60px
} */
.navbar-nav>li:last-child a {
	padding-right: 0
}
.banner .container, .rescue .container {
	top: 15%
}
.banner-cont, .rescue-cont {
	width: 390px
}
.banner-cont h2, .banner-cont p, .rescue-cont h2, .rescue-cont p {
	font-size: 26px;
	line-height: 34px
}
.banner-cont h1 span, .rescue-cont h1 span {
	font-size: 50px;
	line-height: 58px;
}
.banner-cont h1, .rescue-cont h1 {
	font-size: 36px;
	line-height: 44px
}
.how-work-text {
	padding: 0 8%
}
.brands-products p {
	font-size: 18px;
	line-height: 30px
}
.brands-products h3 {
	font-size: 28px;
	line-height: 34px
}
.why-choose .col-sm-6 h3 {
	margin: 40px 0 15px
}
.why-choose .col-sm-6 ul {
	margin: 0
}
.why-choose .col-sm-6 ul li {
	font-size: 18px;
	margin: 0 0 12px;
	background-size: 18px;
	padding: 0 0 0 32px;
	background-position: 0 4px
}
.customized-dog h3 {
	margin: 45px 0 15px 40px
}
.create-experience p, .customized-dog p {
	font-size: 18px;
	line-height: 30px
}
.create-experience h3 {
	margin: 30px 0 15px
}
.create-experience p {
	margin: 0 30px 0 0
}
.quote-carousel {
	padding: 0 20px 30px
}
.past-boxes h2 {
	font-size: 50px;
	line-height: 58px;
	margin: 60px 0 15px 45px
}
.past-boxes h3 span {
	font-size: 50px;
	line-height: 56px
}
.past-boxes {
	background-position: 0 bottom;
}
.spoil-pup {
	padding: 150px 0 137px
}
.footer .col-sm-2 {
	padding: 0
}
.ftnav li {
	font-size: 16px;
	line-height: 28px
}
.footer .col-sm-7 {
	padding-right: 0
}
.footer h6 {
	margin: 0 0 12px
}
.whats-inside {
	padding: 70px 0 0;
	background-color: #f7f6f2
}
.whats-inside .container-fluid {
	padding-top: 7%
}
.faq-banner .container-fluid {
	padding-top: 10%
}
.products li.product1 {
	margin: 65px -3% 0 -9%
}
.products li.product2 {
	margin: 5px -6% 0 -4%
}
.products li.product3 {
	margin: 55px 0 0 -1%
}
.products li.product4 {
	margin: 45px -2% 0 -3%
}
.products li.product5 {
	margin: -10px -1% 0 -5%
}
.products li.product6 {
	margin: -15px 4% 0 -3%
}
.products li.product7 {
	margin: -80px -4% 0 -5%
}
.products li.product8 {
	margin: -80px -6% 0 0
}
.products li.product9 {
	margin: -30px -6% 0 0
}
.products li.product10 {
	margin: -70px -5% 0 0
}
.products li.product11 {
	margin: -130px -15% 0 0
}
.faq-accordion .panel-body {
	padding: 15px 120px
}
.sale {
	right: 50px
}
.choose-plan-content.chooseplantop .col-lg-6.float-right{
	float:none;	
}

.banner-new .container{
		top: 15%;
	}
	.banner-new .banner-cont{
		width: 390px;
		margin: 85px -1% 0 0;
		background:rgba(186,195,200,0.5);
		padding:20px;
	}
	.banner-new .banner-cont p{
		font-size: 26px;
		line-height: 34px;
	}
	.banner-new .banner-cont h1 span{
		font-size: 50px;
		line-height: 58px;
	}
	.banner-new .banner-cont h1{
		font-size: 36px;
		line-height: 44px;
	}
	.banner .banner-cont, .rescue-cont {
    width: 390px;
}

.banner .banner-cont h1, .rescue-cont h1 {
    font-size: 36px;
    line-height: 44px;
}
.banner .banner-cont h1 span, .rescue-cont h1 span {
    font-size: 50px;
    line-height: 58px;
}
.banner .banner-cont h2, .banner .banner-cont p, .rescue-cont h2, .rescue-cont p {
    font-size: 26px;
    line-height: 34px;
}


.new-index .banner-cont h1 span, .new-index .banner-cont h1 {
    font-size: 34px;
    line-height: 36px;
}

.new-index .whats-inside{
	padding-top: 0;
}

.new-index .banner-cont h2 {
    font-size: 24px;
    line-height: 26px;
}	

.new-index .banner-cont {
    margin: 247px 0 0 0;
}

.new-index .banner {
    height: 535px;
    background-size: cover!important;
}


.new-index .banner-cont {
    margin: 147px 0 0;
	width: 530px;
}

.col-lg-6 .ashapic {
	width: 100%;
}

}


@media screen and (max-width: 1150px){
.fullwidthwrapper {
    padding: 0 2%;
    overflow: hidden;
}

.insidepadding {
    padding: 26px;
}

}


@media screen and (max-width:1024px) {
	
.choose-plan-content.chooseplantop .breadcrumb-section.chooseplanbreadcrumb {
    margin: 40px 0;
}

.banner, .rescue {
	height: 500px
}
/*.banner .container, .rescue .container {
	top: 17%
}*/
.banner .container, .rescue .container {
    top: 25%;
}
.spoil-pup {
	padding: 190px 0 50px
}
.faq-accordion .panel-body {
	padding: 15px 60px
}
.sale {
	right: 15px
}
.section-hero-left {
    width: 293px;
    float: right;
    margin: 0 110px 0 0px;
    text-align: center;
}

.section-hero-left .btn {
    line-height: 61px;
    padding: 0 65px;
    font-size: 18px;
    margin: 30px auto 0;
}
.banner, .rescue {
    height: 500px;
}
	.banner-new{
		height: 430px;
	}
	.banner-new .container{
		top: 14%;
	}
	.spoil-pup{
		padding: 190px 0 50px;
	}
	.banner-new .banner-cont {
   	 margin: 50px -1% 0 0;
	}
	.why-choose-detail h4 {
		font-size: 18px;
		line-height: 24px;
	}
	.why-choose-detail p {
		font-size: 16px;
		line-height: 26px;
	}
	
	/*
	body{
		border:1px solid purple;
	}
*/
.banner, .rescue {
    height: 500px;
}
	.banner-new{
		height: 430px;
	}
	.banner-new .container{
		top: 14%;
	}
	.spoil-pup{
		padding: 190px 0 50px;
	}
	.banner-new .banner-cont {
   	 margin: 50px -1% 0 0;
	}
	.why-choose-detail h4 {
		font-size: 18px;
		line-height: 24px;
	}
	.why-choose-detail p {
		font-size: 16px;
		line-height: 26px;
	}
	

.insidepadding {
    padding: 36px 42px 36px 42px;
}

.new-index .banner-cont {
    width: 610px;
    /* margin: 75px 0 0 0; */
}

.new-index .white-overlay {
    width: 500px;
}


.new-index .banner {
    height: 535px;
    background-size: cover !important;
}

.featured-bandana li {
    width: 24.2%;
}

.bandanasection {
    padding: 60px 0 0;
}



}

@media screen and (max-width:991px) {
.banner {
	height: auto;
	/*background: rgba(216,127,147,1);*/
	/*background: #b90119;*/
	background: #fff;
/*
	background: -moz-linear-gradient(top, rgba(167,32,34,1) 0, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(167,32,34,1)), color-stop(73%, rgba(167,32,34,1)), color-stop(100%, rgba(198,58,84,1)));
	background: -webkit-linear-gradient(top, rgba(167,32,34,1) 0, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
	background: -o-linear-gradient(top, rgba(167,32,34,1) 0, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
	background: -ms-linear-gradient(top, rgba(167,32,34,1) 0, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
	background: linear-gradient(to bottom, rgba(167,32,34,1) 0, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72022', endColorstr='#c63a54', GradientType=0 )
*/
}

.banner-new{
		height: auto;
		background: rgba(186,195,200,1);
		/*background: -moz-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,32,34,1)), color-stop(73%, rgba(167,32,34,1)), color-stop(100%, rgba(198,58,84,1)));
		background: -webkit-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: -o-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: -ms-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: linear-gradient(to bottom, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72022', endColorstr='#c63a54', GradientType=0 );*/
	}
/*.banner-btns .btn-default.get-btn, .banner-btns .btn-default.give-btn:hover {
	background-color: #cda880;
	color: #FFF
}
.banner-btns .btn-default.get-btn:hover, .banner-btns .btn-default.give-btn {
	background-color: #FFF;
	color: #b90119;
}*/
.banner-btns .btn-default.get-btn, .banner-btns .btn-default.give-btn:hover{
	background-color: #dab492;
	color: #FFF;
}
.banner-btns .btn-default.get-btn:hover,.banner-btns .btn-default.give-btn {
	/*background-color: #11bcc3;*/
	background-color: #FFF;
	color: #d42025;
}

.banner-cont h1, .banner-cont h2, .banner-cont p {
    text-shadow: 1px 3px 1px rgba(0,0,0,.09);
    color: #FFF;
    /*color: #b90119;*/
}

.rescue {
	height: auto;
	background: #f7f5f2
}
.navbar-collapse {
	padding: 0
}
.navbar-default .navbar-nav>li {
	font-size: 14px
}
.navbar-default .navbar-nav>li>a {
	padding: 0 10px
}
.navbar-nav>li:last-child a {
	padding-right: 0
}
.logo {
    width: 180px;
    top: 3px;
    right: -28px;
}
.navbar-nav>li:nth-child(3) {
    margin-right: 208px;
}


.banner .container-fluid, .rescue .container-fluid {
	position: relative
}
.banner .container-fluid:before {
	height: 90px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -65px;
	content: '';
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/mobile_banner_bg.png?ts=1541481223&host=") center 0 no-repeat;
	background-size: 100% 100%;
	display: none;
}
.banner img.normal-banner, .rescue img.normal-banner {
	display: none
}
.banner img.mobile-banner, .rescue img.mobile-banner {
	display: block
}
.banner .container, .rescue .container {
	position: static;
	overflow: hidden;
	text-align: center
}
.banner-cont, .rescue-cont {
	padding: 40px 0 55px;
	float: none;
	width: auto;
	margin: 0
}
.rescue-cont h1 {
	color: #5e423d
}
.rescue-cont h2, .rescue-cont p {
	color: #8f8e8d;
	text-shadow: none
}
.how-work-text {
	padding: 0
}
.how-work-text span {
	font-size: 40px
}
.how-it-works .how-work-text p {
	font-size: 17px;
	line-height: 26px
}
.whats-inside:after {
	display: none
}
.why-choose .col-sm-6 h3 {
	margin: 0 0 15px
}
.customized-dog h3 {
	margin: 0 0 15px 30px;
	font-size: 46px;
	line-height: 52px
}
.create-experience h3, .customized-dog h3 span {
	font-size: 28px;
	line-height: 32px
}
.faq-banner h1, .past-boxes h2 {
	font-size: 46px;
	line-height: 52px
}
.customized-dog p {
	margin: 0 0 0 30px
}
.faq-accordion .panel-body {
	padding: 15px
}
.video {
	height: 300px;
	margin: 0
}
.create-experience h3 {
	margin: 17px 0 12px
}
.testimonial .left.carousel-control {
	left: 0;
	top: 18%
}
.testimonial .right.carousel-control {
	top: 18%;
	right: 0
}
.past-boxes h2 {
	margin: 50px 0 15px 20px
}
.past-boxes h3 {
	margin: 0 0 0 20px
}
.insta-feed .col-sm-2 {
	padding: 0 5px
}
.signup .col-sm-8 {
	width: auto
}
.spoil-pup h2 {
	font-size: 50px;
	line-height: 58px;
	margin: 0 0 45px
}
.spoil-pup .btn {
	line-height: 58px;
	padding: 0 60px
}
.footer .col-sm-2 {
	width: 33%;
	padding: 0 15px
}
.footer .col-sm-7 {
	width: 50%
}
.footer .col-sm-5 {
	width: 36%;
	float: right
}
.ftright {
	width: 100%;
	overflow: hidden;
	margin: 30px 0 0
}
.brands-products .col-sm-7 {
	width: auto;
	float: none;
	padding-top: 25px
}
.brands-products .col-sm-6 {
	width: auto;
	float: none
}
.products li.product1 {
	margin: 75px 1% 0 0
}
.products li.product2 {
	margin: 5px 0 0
}
.products li.product3 {
	margin: 35px 5% 0 0
}
.products li.product4 {
	margin: 60px 8% 0 0
}
.products li.product5 {
	margin: -25px 2% 0 4%
}
.products li.product6 {
	margin: -35px 4% 0 0
}
.products li.product7 {
	margin: -75px 0 0
}
.products li.product8 {
	margin: -80px 10% 0 0
}
.products li.product9 {
	margin: -40px -3% 0 0
}
.products li.product10 {
	margin: -60px 2% 0 0
}
.products li.product11 {
	margin: -110px -10% 0 0
}
.whats-inside ul li {
	font-size: 24px;
	line-height: 26px;
	background-position: 0 8px
}
.brands-products::before, .create-experience .container::before, .insta-feed::before, .testimonial::before, .whats-inside::before, .why-choose::before {
	width: 60px;
	background-size: 100%;
	height: 30px
}
.how-it-works {
	padding: 45px 0 50px
}
.brands-products {
	padding: 70px 0 45px
}
.why-choose {
	padding: 70px 0 50px
}
.customized-dog {
	padding: 60px 0 50px
}
.create-experience .container {
	padding-top: 80px;
	padding-bottom: 55px
}
.testimonial {
	padding: 70px 0 15px
}
.insta-feed {
	padding: 70px 0 55px
}
.signup {
	padding: 45px 0 55px
}
.brands-products h4 {
	margin: 30px 0 20px
}
.choose-treats {
	padding: 0 40px
}
.choose-toys {
	padding: 0 10px
}
.get-box-content .panel-body.dog-panel {
	padding: 10px 20px!important
}
.dog-description {
	width: 420px
}
.did-u-know {
	height: 240px;
	width: 240px
}
.get-box-content .did-u-know p {
	margin: 0 15px
}
.breadcrumb-section {
	margin: 0 0 30px
}
.choose-plan-content .col-lg-12.mid-yellow-section p {
	line-height: 25px;
	font-size: 18px;
	padding: 10px 0
}

.hero{
	background-image:none;
	height: inherit;
}
.hero img.deskhide{
	width:100%;
}
.hero .wrapper {
    position: static;
    background: url(../images/hero-bg.jpg) repeat;
    background-size: 500px;
    margin: 0;
    padding: 40px 0;
}
.text {
    width: 350px;
    float: none;
    margin: 0 auto;
}

.holiday-collection-section .container {
    position: static;

    top: 0;
    margin: 0;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
}

.section-hero-left .caption {
    width: 50%;
    margin: 0 auto;
}
.section-hero-left {
    width: auto;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
    background: url(../images/hero-bg.jpg) repeat 0 -200px;
}

.banner-new{
		height: auto;
		background: rgba(186,195,200,1);
		/*background: -moz-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,32,34,1)), color-stop(73%, rgba(167,32,34,1)), color-stop(100%, rgba(198,58,84,1)));
		background: -webkit-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: -o-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: -ms-linear-gradient(top, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		background: linear-gradient(to bottom, rgba(167,32,34,1) 0%, rgba(167,32,34,1) 73%, rgba(198,58,84,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72022', endColorstr='#c63a54', GradientType=0 );*/
	}
	.navbar-collapse{
		padding: 0;
	}
	.navbar-default .navbar-nav > li{
		font-size: 14px;
	}
	.navbar-default .navbar-nav > li > a{
		padding: 0 10px;
	}
	.navbar-nav > li:last-child a{
		padding-right: 0;
	}
	.logo{
		width: 180px;
		top: 3px;
	}
	/* .navbar-nav > li:nth-child(2) {
	    margin-right: 268px;
	    margin-left: 0px;
	} */
	.banner-new .container-fluid{
		position: relative;
	}
	.banner-new .container-fluid:before{
		height: 90px;
		width: 100%;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: -65px;
		content: '';
		background: url(../images/mobile_banner_new_bg.png) no-repeat center 0;
		background-size: 100% 100%;
		display:none;
	}
	.banner-new img.normal-banner{
		display: none;
	}
	.banner-new img.mobile-banner{
		display: block;
	}
	.banner-new .container{
		position: static;
		overflow: hidden;
		text-align: center;
	}
	.banner-new .banner-cont{
		padding: 40px 0 55px;
		float: none;
		width: auto;
		margin: 0;
		background: rgba(186,195,200,1);
	}
	.how-work-text{
		padding: 0;
	}
	.how-work-text span{
		font-size: 40px;
	}
	.how-it-works .how-work-text p{
		font-size: 17px;
		line-height: 26px;
	}
	.whats-inside:after{
		display: none;
	}
	.why-choose .col-sm-6 h3{
		margin:0 0 15px;
	}
	.customized-dog h3{
		margin: 0 0 15px 30px;
		font-size: 46px;
		line-height: 52px;
	}
	.customized-dog h3 span, .create-experience h3{
		font-size: 28px;
		line-height: 32px;
	}
	.customized-dog p{
		margin: 0 0 0 30px;
	}
	.video{
		height: 300px;
		margin: 0;
	}
	.create-experience h3{
		margin: 0 0 15px;
	}
	.create-experience .container{
		padding-top: 105px;
	}
	.testimonial .left.carousel-control{
		left: 0;
		top: 18%;
	}
	.testimonial .right.carousel-control{
		top: 18%;
		right: 0;
	}
	.past-boxes h2{
		margin: 50px 0 15px 20px;
		font-size: 46px;
		line-height: 52px;
	}
	.past-boxes h3{
		margin: 0 0 0 20px;
	}
	.insta-feed .col-sm-2{
		padding: 0 5px;
	}
	.signup .col-sm-8{
		width: auto;
	}
	.spoil-pup h2 {
		font-size: 50px;
		line-height: 58px;
		margin: 0 0 45px;
	}
	.spoil-pup .btn{
		line-height: 58px;
		padding: 0 60px;
	}
	.footer .col-sm-2{
		width: 33%;
		padding: 0 15px;
/*		text-align: center;*/
	}
	.footer .col-sm-7{
		width: 50%;
/*		text-align: center;*/
	}
	.footer .col-sm-5{
		width: 36%;
		float: right;
	}
	.ftright{
		width: 100%;
		overflow: hidden;
		margin: 30px 0 0 ;
	}
	.brands-products .col-sm-7{
		width: auto;
		float: none;
		padding-top: 25px;
	}
	.brands-products .col-sm-6{
		width: auto;
		float: none;
	}
	.products li.product1{
		margin: 75px 1% 0 0;
	}
	.products li.product2{
		margin: 5px 0% 0 0;
	}
	.products li.product3 {
		margin: 35px 5% 0 0;
	}
	.products li.product4 {
		margin: 60px 8% 0 0;
	}
	.products li.product5 {
		margin: -25px 2% 0 4%;
	}
	.products li.product6 {
		margin: -35px 4% 0 0;
	}
	.products li.product7 {
		margin: -75px 0% 0 0;
	}
	.products li.product8 {
		margin: -80px 10% 0 0;
	}
	.products li.product9 {
		margin: -40px -3% 0 0%;
	}
	.products li.product10 {
		margin: -60px 2% 0 0;
	}
	.products li.product11 {
		margin: -110px -10% 0 0;
	}
	.whats-inside ul li, .whats-inside-new ul li{
		font-size: 24px;
		line-height: 26px;
		background-position: 0 8px;
	}
	.whats-inside::before, .why-choose::before, .create-experience .container::before, .testimonial::before, .insta-feed::before, .brands-products::before, .whats-inside-new:before{
		width: 60px;
		background-size: 100%;
		height: 30px;
	}
	.bandanasection {
		text-align: center;
		padding: 60px 0 0;
	}
	
	.how-it-works, .how-it-works-new {
		padding: 58px 0 50px;
		
	}
	.brands-products{
		padding: 70px 0 50px;
	}
	.why-choose, .why-choose-new{
		padding: 51px 0 55px;
	}
	.customized-dog{
		padding: 60px 0 50px;
	}
	.create-experience .container{
		padding-top: 80px;
		padding-bottom: 55px;
	}
	.testimonial{
		padding: 70px 0 15px;
	}
	.insta-feed{
		padding: 48px 0 60px;
	}
	.signup{
		padding: 45px 0 55px;
	}
	.brands-products h4{
		margin: 25px 0 14px;
	}
	.choose-treats{
		padding: 0 40px;
	}
	.choose-toys{
		padding: 0 10px;
	}
	.get-box-content .panel-body.dog-panel{
		padding: 10px 20px !important;
	}
	.dog-description{
		width: 420px;
	}
	.did-u-know{
		height: 240px;
		width: 240px;
	}
	.get-box-content .did-u-know p{
		margin: 0 15px;
	}
	.pick-plan{
		padding: 0 60px;
	}
	.how-it-works .container .shape, .how-it-works-new .container .shape {
		background-size: 45% 45%;
	}
	.how-it-works .container .shape h3, .how-it-works-new .container .shape h3 {
		font-size: 30px;
		line-height: 36px;
		-moz-transform: rotate(-25deg) translate(-64px, -37px);
		-webkit-transform: rotate(-25deg) translate(-64px, -37px);
		transform: rotate(-25deg) translate(-64px, -37px);
	}
	.how-it-works .container .shape h4, .how-it-works-new .container .shape h4 {
		font-size: 16px;
		line-height: 22px;
		-moz-transform: rotate(-25deg) translate(-42px, -48px);
		-webkit-transform: rotate(-25deg) translate(-42px, -48px);
		transform: rotate(-25deg) translate(-42px, -48px);
	}
	.how-it-works .container .shape h4 span, .how-it-works-new .container .shape h4 span {
		font-size: 16px;
		line-height: 16px;
	}

	.deskhide{
	display: block;
}
	
	
	
.banner .container-fluid, .rescue .container-fluid {
	position: relative
}
.banner .container-fluid:before {
	height: 90px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -65px;
	content: '';
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/mobile_banner_bg.png?ts=1541481223&host=") center 0 no-repeat;
	background-size: 100% 100%;
	display: none;
}
.banner img.normal-banner, .rescue img.normal-banner {
	display: none
}
.banner img.mobile-banner, .rescue img.mobile-banner {
	display: block
}
.banner .container, .rescue .container {
	position: static;
	overflow: hidden;
	text-align: center
}
.banner .banner-cont, .rescue-cont {
	padding: 40px 0 55px;
	float: none;
	width: auto;
	margin: 0
}
.banner {
    height: auto;
    /* background: rgba(216,127,147,1); */
    /*background: #b90119;*/
	/*background: #fff;*/
	background: rgba(252,251,247,1);
background: -moz-linear-gradient(top, rgba(252,251,247,1) 0%, rgba(252,251,247,1) 68%, rgba(247,238,223,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,251,247,1)), color-stop(68%, rgba(252,251,247,1)), color-stop(100%, rgba(247,238,223,1)));
background: -webkit-linear-gradient(top, rgba(252,251,247,1) 0%, rgba(252,251,247,1) 68%, rgba(247,238,223,1) 100%);
background: -o-linear-gradient(top, rgba(252,251,247,1) 0%, rgba(252,251,247,1) 68%, rgba(247,238,223,1) 100%);
background: -ms-linear-gradient(top, rgba(252,251,247,1) 0%, rgba(252,251,247,1) 68%, rgba(247,238,223,1) 100%);
background: linear-gradient(to bottom, rgba(252,251,247,1) 0%, rgba(252,251,247,1) 68%, rgba(247,238,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf7', endColorstr='#f7eedf', GradientType=0 );
}
.banner .banner-btns .btn-default.get-btn:hover, .banner .banner-btns .btn-default.give-btn {
	/*background-color: #11bcc3;*/
	background-color: #FFF;
	/*color: #b90119;*/
	color: #d42025;
}

.banner .banner-cont h1, .banner .banner-cont h2, .banner .banner-cont p {
    text-shadow: 1px 3px 1px rgba(0,0,0,.09);
    /*color: #FFF;*/
    /*color: #b90119;*/
	color: #11bcc3;
}
.banner .banner-cont h1{
	color: #000;
}

.banner .banner-btns .btn-default.get-btn, .banner .banner-btns .btn-default.give-btn:hover {
    /*background-color: #cda880;*/
	background-color: #dab492;
    color: #FFF;
}

.new-index .banner .container{
    background-color: #d42025;
    padding: 0;
}

.new-index .banner .container-fluid{
	background-color: #d42025;
}

.banner .banner-cont, .rescue-cont {
    background-color: transparent;
}

.new-index .banner-cont{
	padding: 40px 0;
}

.new-index .banner-cont .insidepadding {
    padding: 0 2%;
}

.new-index .banner .banner-cont h1{
	color: #fff;
}

.new-index .banner-cont h1 span, .new-index .banner-cont h1, .new-index .banner-cont h2{
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    padding: 0 5px;
}
		

.navbar-default .navbar-nav > li {

    font-size: 13px;
}


.new-index .banner {
    height: inherit;
    background-size: cover;
}
.purpose {
    overflow: hidden;
}

.new-index .banner-cont {
    padding: 30px 0 20px;
}

.new-index .whats-inside {
    overflow: hidden;
	background-color: #f0e2df;
}

.featured-bandana li{
    width: 48%;
}
.featured-bandana li:nth-child(2n){
	margin-right:0;
}

.featured-bandana li {
    width: 49.3%;
    margin: 0 9px 9px 0;
}
.bandanasection p {
    margin: 0 0 35px;
}



}

@media screen and (max-width:767px) {



.choose-plan-content.chooseplantop .breadcrumb-section.chooseplanbreadcrumb {
    margin: 40px 0 0;
}
.footer, .ft-social, .how-work-text, .past-boxes .quote-carousel .col-sm-6, .products-ph-view {
	text-align: center
}
.header {
	padding: 12px 0 8px
}
.logo {
	width: 170px;
	z-index: 1000
	right: 0;
}

.navbar-toggle {
	margin: 20px 0 0 10px;
	padding: 0;
	border: none;
	float: left;
	border-radius: 0
}
.navbar-toggle .icon-bar {
	height: 4px;
	width: 24px;
	margin: 0 0 4px;
	background-color: #000
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent
}
.navbar-collapse {
	padding: 0 15px;
	width: auto;
	float: none;
	margin: 12px 0 0;
}
.navbar-nav>li {
	padding: 15px 0 0;
}
.navbar-nav>li:nth-child(3) {
	margin: 0px;
}
.navbar-nav>li:nth-child(1) {
	margin-left: 0px;
} 
.signup-btn {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 13px
}
.banner-cont h1, .rescue-cont h1 {
	font-size: 31px;
	line-height: 35px
}
.banner-cont h2, .banner-cont p, .rescue-cont h2, .rescue-cont p {
	font-size: 19px;
	line-height: 21px
}
.banner-cont h1 span, .rescue-cont h1 span {
	font-size: 39px;
	line-height: 41px
}
.banner-btns .btn {
	line-height: 40px;
	padding: 0 25px
}
.banner-btns .btn-default.give-btn {
	margin: 0 0 0 12px
}
.banner .container-fluid::before {
	height: 50px;
	top: -38px
}
.banner-cont, .rescue-cont {
	padding: 15px 0 25px
}
.logo-section {
	padding: 17px 0 12px
}
.logo-section h3 {
	font-size: 24px
}
.logo-section ul {
	width: 330px;
	margin: 0 auto
}
.logo-section ul li {
	margin-right: 17px;
	margin-bottom: 0px;
}
.logo-section ul li:first-child {
	width: 113px
}
.logo-section ul li:nth-child(2) {
	width: 37px
}
.logo-section ul li:nth-child(3) {
	width: 138px;
	margin-right: 0
}
.logo-section ul li:nth-child(4) {
	width: 118px;
	display: inline-block
}

.logo-section ul li:nth-child(5) {
	width:113px;
}
 .whats-inside-img {
	display: none
}
.logo-section ul li:nth-child(6) {
	width: 122px
}
.logo-section ul li img {
	width: 100%
}
.brands-products h2, .get-box-content h1, .how-it-works h2, .signup h2, .testimonial h2, .whats-inside h2, .why-choose h2 {
	font-size: 35px;
	line-height: 40px
}
.how-it-works h2 {
	margin: 0 0 10px
}
.how-it-works p {
	font-size: 22px;
	line-height: 28px;
	margin: 0 0 30px
}
.how-work-text span {
	font-size: 51px
}
.how-it-works .how-work-text p {
	font-size: 19px;
	line-height: 29px
}
.how-it-works .col-sm-4 img {
	margin: 0 auto 13px
}
.how-it-works .col-sm-4 {
	margin: 0 0 40px;
	text-align: center
}
.how-work-text {
	width: 240px;
	margin: 0 auto
}
.how-it-works {
	padding: 36px 0 5px
}
.brands-products::before, .create-experience .container::before, .insta-feed::before, .testimonial::before, .whats-inside::before, .why-choose::before {
	width: 45px;
	height: 23px
}
.whats-inside {
	background: #eaecf0;
	padding: 0
}
.whats-inside-img-ph {
	display: block
}
.whats-inside:before {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/whats_inside_ar_ph.png?ts=1541481394&host=") no-repeat
}
.whats-inside ul li {
	font-size: 20px;
	padding: 0 0 0 13px;
	background-size: 7px;
	margin: 0 12px 0 0;
	background-position: 0 10px
}
.whats-inside h2 {
	margin: 0 0 10px
}
.faq-banner .container-fluid, .whats-inside .container-fluid {
	position: relative;
	padding-top: 55px;
	padding-bottom: 0
}
.whats-inside ul {
	margin: 0
}
.why-choose {
	padding: 40px 0 32px
}
.why-choose h2 {
	font-size: 45px;
	line-height: 50px
}
.brands-products h2 span, .why-choose h2 span {
	font-size: 24px;
	line-height: 30px;
	display: block;
	padding: 15px 0 0
}
.footer .col-sm-2, .insta-feed .col-sm-2.nodisplay {
	display: none
}
.why-choose .col-sm-6 img {
	margin: 0 auto 23px
}
.why-choose .col-sm-6 h3 {
	margin: 0 0 8px
}
.col-sm-6.float-right {
	float: none
}
.why-choose .col-sm-6 h3 span {
	font-size: 44px;
	line-height: 46px
}
.why-choose .col-sm-6 ul li {
	font-size: 15px;
	line-height: 31px;
	padding: 0 0 0 28px;
	background-size: 15px;
	margin: 0;
	background-position: 0 8px
}
.customized-dog {
	padding: 45px 0 38px
}
.customized-dog h3 {
	margin: 17px 0 12px;
	font-size: 42px;
	line-height: 52px
}
.customized-dog h3 span {
	font-size: 21px;
	line-height: 25px;
	padding: 0 0 0 10px
}
.customized-dog p {
	margin: 0;
	font-size: 15px
}
.faq-banner h1 {
	font-size: 42px;
	line-height: 52px
}
.create-experience .container {
	padding-top: 45px
}
.create-experience .container::before {
	z-index: 1;
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/video_ar_ph.png?ts=1541481386&host=") no-repeat;
	top: -1px
}
.video {
	margin: 0 -30px 48px;
	height: 320px
}
.create-experience h3 {
	font-size: 21px;
	line-height: 25px
}
.create-experience h3 span {
	font-size: 38px;
	line-height: 42px;
	padding: 2px 0 0 18px
}
.create-experience p {
	font-size: 15px;
	line-height: 30px;
	margin: 0
}
.create-experience .btn {
	margin: 35px 0 0;
	line-height: 50px;
	padding: 0 52px
}
.slide-left, .slide-right {
	left: 0!important;
	right: 0!important;
	opacity: 1!important
}
.item blockquote p {
	font-size: 18px;
	line-height: 30px
}
.item blockquote small, .past-boxes h3 {
	font-size: 20px
}
.testimonial .col-sm-12 {
	background-size: 24px;
	padding: 15px 25px
}
.testimonial .col-sm-12::after {
	width: 24px;
	background-size: 100%
}
.testimonial {
	padding: 50px 0 5px
}
.past-boxes h2 {
	margin: 0 0 10px
}
.past-boxes h3 {
	line-height: 26px;
	margin: 0
}
.past-boxes h3 span {
	font-size: 41px;
	line-height: 45px
}
.past-boxes .quote-carousel img {
	margin: 52px auto 0
}
.past-boxes {
	background-position: 0 bottom;
	background-color: #abe7ea;
	padding: 28px 0 10px
}
.insta-feed h2 {
	font-size: 29px;
	line-height: 36px;
	margin: 0 0 10px
}
.insta-feed p {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 39px
}
.insta-feed .col-sm-2 {
	width: 33.333%;
	float: left;
	padding: 0 5px 10px
}
.insta-feed .btn {
	margin: 30px 0 0;
	line-height: 50px;
	padding: 0 43px
}
.insta-feed {
	padding: 52px 0 45px
}
.signup-field {
	margin: 0 0 16px;
	padding: 0 15px
}
.signup h2 {
	margin: 0 0 23px
}
.signup {
	padding: 30px 0 55px
}
.spoil-pup {
	padding: 168px 0 42px
}
.spoil-pup h2 {
	font-size: 44px;
	line-height: 50px;
	margin: 0 0 28px;
	background-size: auto 110%
}
.spoil-pup .btn {
	line-height: 50px;
	padding: 0 54px
}
.footer {
	padding: 40px 0 23px
}
.footer .col-sm-5, .footer .col-sm-7 {
	width: auto;
	padding: 0;
	float: none!important
}
.ftright {
	margin: 0
}
.ftnav {
	margin: 0 0 20px
}
.ft-social li {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 0 0;
	float: none
}
.footer .col-sm-7 {
	margin: 50px 0 0
}
.copyright p {
	font-size: 12px;
	color: #838383
}
.ftlinks {
	display: block;
	margin: 0 0 4px
}
.ftlogo, .products-normal-view {
	display: none
}
.ftlinks li {
	font-weight: 600;
}
.ftlinks li a {
	text-decoration: none
}
.copyright {
	padding: 17px 0
}
.create-experience .container:before {
	left: 0;
	right: 0;
	margin: 0 auto;
	display: none
}
.brands-products::before {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/dog_pattern_ar.png?ts=1541481103&host=") no-repeat
}
.products-ph-view {
	display: block
}
.brands-products h4 {
	font-size: 19px;
	line-height: 26px;
	margin: 25px 0 0
}
.brand-top li {
	width: 88px;
	margin: 0 18px 0 0
}
.brand-top li img {
	width: 100%
}
.brands-products .products-ph-view .item blockquote p {
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
	font-family: 'Patrick Hand', cursive;
	color: #72ced2;
	margin: 0 0 20px
}
.brands-products .item blockquote img {
	margin: 0 auto;
	max-width: 100%
}
.brands-products .quote-carousel .carousel-indicators {
	bottom: 0!important
}
.brands-products .carousel-indicators li {
	width: 11px;
	height: 11px;
	background: #ebebeb;
	border: none!important;
	margin: 0 3px
}
.quote-carousel .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	background: #9d9d9d;
	margin: 0 3px
}
.brands-products {
	padding: 53px 0 24px
}
.brands-products blockquote {
	padding-top: 5px
}
.video .play {
	background-size: 75px
}
.banner {
	margin: 70px 0 0
}
.brands-products .col-sm-6 {
	position: relative
}
.smartbar li {
	display: block
}
.get-box-content {
	margin: 68px 0 0;
	padding: 20px 0 80px;
	background: url(../images/get_box_bg_ph.jpg) repeat-x #f8f6f3
}
.get-box-content h1 {
	margin: 0 0 18px
}
.get-box-content p, .subscribe-banner p {
	font-size: 20px;
	line-height: 30px;
	display: inline
}
.get-box-content .bs-example {
	padding: 18px 0 0
}
.get-box-content .container, .get-box-content .container-fluid {
	padding: 0
}
.get-box-content .row {
	margin: 0
}
.get-box-content .panel-title>a {
	font-size: 17px
}
.get-box-content .panel-title>a span {
	font-size: 26px
}
.get-box-content .panel-default>.panel-heading {
	padding: 10px 24px 13px 20px
}
.get-box-content .panel-group .panel+.panel {
	margin-top: 2px
}
.get-box-content .panel-group .panel-heading+.panel-collapse>.list-group, .get-box-content .panel-group .panel-heading+.panel-collapse>.panel-body {
	padding: 17px 15px 45px
}
.choose-treats, .dog-size {
	padding: 0
}
.dog-size li {
	display: block;
	width: auto;
	margin: 0 0 3px
}
.size-block {
	padding: 11px 30px;
	text-align: left
}
.size-block h3 {
	font-size: 20px;
	width: 110px;
	float: left;
	margin: 0
}
.get-box-content .size-block p {
	overflow: hidden;
	font-size: 14px;
	line-height: 30px
}
.choose-treats li {
	width: auto!important;
	padding: 0!important;
	display: block;
	margin: 0 0 7px
}
.choose-treat-block {
	padding: 14px 30px 16px;
	text-align: left
}
.choose-treat-block span {
	width: 64px;
	height: 56px;
	background-size: 100%!important;
	float: left;
	margin: 0 22px 0 0
}
.choose-treats li h2 {
	font-size: 20px;
	line-height: 56px;
	overflow: hidden
}
.choose-toys {
	padding: 0
}
.choose-toys li {
	display: block;
	margin: 0 0 6px;
	width: auto!important;
	padding: 0!important
}
.choose-toys-block {
	padding: 22px 26px;
	text-align: left
}
.choose-toys li h3 {
	font-size: 22px;
	line-height: 30px;
	width: 120px;
	float: left;
	margin: 0
}
.get-box-content .choose-toys li p {
	font-size: 16px;
	line-height: 22px;
	overflow: hidden
}
.dog-description {
	width: 100%
}
.did-u-know {
	margin: -45px 0 0;
	width: 198px;
	height: 198px
}
.did-u-know h3 {
	font-size: 25px;
	line-height: 30px;
	margin: 39px 0 2px
}
.get-box-content .did-u-know p {
	font-size: 15px;
	line-height: 20px
}
.dog-description button {
	font-size: 15px;
	height: 46px;
	padding: 0 17px
}
.pick-plan {
	padding: 0
}
.pick-plan li {
	width: auto!important;
	padding: 0!important;
	display: block;
	margin: 0 0 12px
}
.pick-plan-block {
	padding: 24px 20px 22px 24px;
	text-align: left
}
.pick-plan-left {
	float: left;
	width: 150px
}
.pick-plan li h3 {
	font-size: 23px;
	line-height: 30px;
	margin: 0 0 3px
}
.get-box-content .pick-plan li p {
	margin: 0;
	display: block
}
.pick-plan li .price {
	float: right;
	padding: 0;
	border-top: none
}
.pick-plan li h3 span {
	display: block;
	line-height: 20px;
	font-size: 14px
}
.pick-plan-block::after {
	width: 26px;
	height: 22px;
	background-size: 100%;
	top: 5px;
	right: auto;
	left: 150px
}
.total-price {
	margin: 30px 0 0;
	padding: 30px 0 0;
	text-align: center
}
.get-box-content .total-price p {
	float: none;
	line-height: 40px
}
.total-price .btn {
	line-height: 56px;
	padding: 0 54px;
	float: none;
	margin: 26px auto;
	display: block
}
.best-value {
	top: 8px
}
.get-box-content .total-price p span.new-price {
	display: inline
}
.checkout_content .left-col {
	padding-right: 0;
	padding-bottom: 20px
}
.sale {
	right: 40px
}
.breadcrumb-section ul {
	display: none
}
p.display-toggle {
	display: block
}
.choose-plan-content .container-fluid {
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px
}
.choose-plan-content .col-lg-5, .choose-plan-content .container {
	padding-left: 0;
	padding-right: 0
}
.choose-plan-content .container h1 {
	font-size: 30px
}

/*body{
		border:1px solid brown;
	}*/

	.header{
		padding: 12px 0 8px;
	}
	.logo{
		width: 170px;
		z-index: 1000;
	}
	.navbar-toggle{
		margin: 20px 0 0 10px;
		padding: 0;
		border: none;
		float: left;
		border-radius: 0;
	}
	.navbar-toggle .icon-bar{
		height: 4px;
		width: 24px;
		margin: 0 0 4px;
		background-color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #000;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color: transparent;
	}
	.navbar-collapse {
		padding: 0 15px;
		width: auto;
		float: none;
		margin: 12px 0 0;
	}
	.navbar-nav > li{
		padding: 15px 0 0;
	}
	.navbar-nav > li:nth-child(2){
		margin: 0;
	}
	.signup-btn{
		display: inline-block;
		position: absolute;
		right: 20px;
		top: 13px;
	}
	.banner-new .banner-cont h1{
		font-size: 31px;
		line-height: 35px;
	}
	.banner-new .banner-cont p{
		font-size: 19px;
		line-height: 21px;
	}
	.banner-new .banner-cont h1 span{
		font-size: 39px;
		line-height: 41px;
	}
	.banner-btns .btn, .banner-new .banner-btns .btn {
		line-height: 40px;
		padding: 0 18px;
	}
	.banner-btns .btn-default.give-btn, .banner-new .banner-btns .btn-default.give-btn{
		margin: 0 0 0 12px;
	}
	.banner-new .container-fluid::before{
		height: 50px;
		top: -22px;
	}
	.banner-new .banner-cont{
		padding: 27px 0 33px;
	}
	
	.banner .banner-cont h1, .rescue-cont h1 {
	font-size: 31px;
	line-height: 35px
	}
	.banner .banner-cont h2, .banner .banner-cont p, .rescue-cont h2, .rescue-cont p {
		font-size: 19px;
		line-height: 21px
	}
	.banner .banner-cont h1 span, .rescue-cont h1 span {
		font-size: 39px;
		line-height: 41px
	}
	.banner .banner-btns .btn, .herobtn{
		line-height: 40px;
		padding: 0 25px
	}
	.banner .banner-btns .btn-default.give-btn {
		margin: 0 0 0 12px
	}
	.banner .banner .container-fluid::before {
		height: 50px;
		top: -38px
	}
	.banner .banner-cont, .rescue-cont {
		padding: 15px 0 25px
	}

	
	
	.logo-section{
		padding: 17px 0 12px;
	}
	.logo-section h3{
		font-size: 24px;
	}
	.logo-section ul{
		width: 330px;
		margin: 0 auto;
	}
	.logo-section ul li{
		margin-right: 17px;
		margin-bottom: 15px;
	}
	.logo-section ul li:first-child{
		width: 113px;
	}
	.logo-section ul li:nth-child(2){
		width: 37px;
	}
	.logo-section ul li:nth-child(3){
		width: 138px;
		margin-right: 0;
	}
	.logo-section ul li:nth-child(4){
		width: 118px;
		display: inline-block;
	}
	.logo-section ul li:nth-child(5) {
    width: 113px;
}

	.logo-section ul li:nth-child(6){
		width: 122px;
	}
	.logo-section ul li img{
		width: 100%;
	}

	.how-it-works h2, .whats-inside h2, .why-choose h2, .brands-products h2, .testimonial h2, .signup h2, .get-box-content h1, .how-it-works-new h2, .whats-inside-new h2, .why-choose-new h2, .purpose h3{

		font-size: 35px;
		line-height: 40px;
	}
	.whats-inside p, .whats-inside-new p{
		font-size: 23px;
		line-height:29px;
	}
	.how-it-works h2, .how-it-works-new h2{
		margin: 0 0 10px;
	}
	.how-it-works p, .how-it-works-new p, .bandanasection p{
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 30px;
	}
	.how-work-text span{
		font-size: 51px;
	}
	.how-it-works .how-work-text p, .how-it-works-new .how-work-text p{
		font-size: 19px;
		line-height: 29px;
	}
	.how-it-works .col-sm-4 img, .how-it-works-new .col-sm-4 img{
		margin: 0 auto 13px;
	}
	.how-it-works .col-sm-4, .how-it-works-new .col-sm-4{
		margin: 0 0 40px;
		text-align: center;
	}
	.how-work-text{
		width: 240px;
		text-align: center;
		margin: 0 auto;
	}
	.how-it-works, .how-it-works-new{
		padding: 36px 0 5px;
	}
	.whats-inside::before, .why-choose::before, .create-experience .container::before, .testimonial::before, .insta-feed::before, .brands-products::before, .whats-inside-new::before, .why-choose-new::before{
		width: 45px;
		height: 23px;
	}
	.whats-inside, .whats-inside-new{
		background: #eaecf0;
		padding: 0;
	}
	

	
	.whats-inside-img{
		display: none;
	}
.whats-inside-img-ph {
    display: block;
    margin: 22% 0 0 0;
}
	.whats-inside .container-fluid{
		position: relative;
	}
	.whats-inside:before, .whats-inside-new:before{
		background: url(../images/whats_inside_ar_ph.png) no-repeat 0 0;
	}
	.whats-inside ul li, .whats-inside-new ul li{
		font-size: 20px;
		padding: 0 0 0 13px;
		background-size: 7px;
		margin: 0 12px 0 0;
		background-position: 0 10px;
	}
	.whats-inside h2, .whats-inside-new h2{
		margin: 0 0 10px;
	}
	.whats-inside .container-fluid, .whats-inside-new .container-fluid{
		padding-top: 51px;
		padding-bottom: 52px;
	}
	.whats-inside ul, .whats-inside-new ul{
		margin: 0 0 19px;
	}
	.why-choose, .why-choose-new{
		padding: 28px 0 32px;
	}
	.why-choose h2 span, .brands-products h2 span, .why-choose-new h2 span{
		font-size: 24px;
		line-height: 30px;
		display: block;
		padding: 15px 0 0;
	}
	.why-choose .col-sm-6 img, .why-choose-new .col-sm-6 img{
		margin: 0 auto 23px;
	}
	.why-choose .col-sm-6 h3, .why-choose-new .col-sm-6 h3{
		margin: 0 0 8px;
	}
	.col-sm-6.float-right{
		float: none;
	}
	.why-choose .col-sm-6 h3 span, .why-choose-new .col-sm-6 h3 span{
		font-size: 44px;
		line-height: 46px;
	}
	.why-choose .col-sm-6 ul li, .why-choose-new .col-sm-6 ul li{
		font-size: 15px;
		line-height: 31px;
		padding: 0 0 0 28px;
		background-size: 15px;
		margin: 0;
		background-position: 0 8px;
	}
	.customized-dog{
		padding: 45px 0 38px;
	}
	.customized-dog h3{
		margin: 17px 0 12px;
		font-size: 42px;
		line-height: 52px;
	}
	.customized-dog h3 span{
		font-size: 21px;
		line-height: 25px;
		padding: 0 0 0 10px;
	}
	.customized-dog p{
		margin: 0;
		font-size: 15px;
	}
	.create-experience .container{
		padding-top: 0;
	}
	.create-experience .container::before{
		z-index: 1;
		background: url(../images/video_ar_ph.png) no-repeat 0 0;
		top: -1px;
	}
	.video{
		margin:0 -30px 48px;
		height: 320px;
	}
	.create-experience h3{
		font-size: 21px;
		line-height: 25px;
	}
	.create-experience h3 span{
		font-size: 38px;
		line-height: 42px;
		padding: 2px 0 0 18px;
	}
	.create-experience p{
		font-size: 15px;
		line-height: 30px;
		margin: 0;
	}
	.create-experience .btn {

		margin: 35px 0 0;
		line-height: 50px;
		padding: 0 52px;
	}
	.slide-right, .slide-left{
		left: 0 !important;
		right: 0 !important;
		opacity: 1 !important;
	}
	.item blockquote p{
		font-size: 18px;
		line-height: 30px;
	}
	.testimonial .col-sm-12{
		background-size: 24px;
		padding: 15px 25px;
	}
	.testimonial .col-sm-12::after{
		width: 24px;
		background-size: 100%;
	}
	.item blockquote small{
		font-size: 20px;
	}
/*
	.testimonial .right.carousel-control, .testimonial .left.carousel-control, .past-boxes .right.carousel-control, .past-boxes .left.carousel-control{
		display: none;
	}
*/
	.testimonial{
		padding: 50px 0 5px;
	}
	.past-boxes h2{
		margin: 0 0 10px;
	}
	.past-boxes h3{
		font-size: 20px;
		line-height: 26px;
		margin: 0;
	}
	.past-boxes h3 span{
		font-size: 41px;
		line-height: 45px;
	}
	.past-boxes .quote-carousel img{
		margin:52px auto 0;
	}
	.past-boxes .quote-carousel .col-sm-6{
		text-align: center;
	}
	.past-boxes{
		background-position: 0 bottom;
		background-color: #abe7ea;
		padding: 28px 0 10px;
	}
	.insta-feed h2{
		font-size: 29px;
		line-height: 36px;
		margin: 0 0 10px;
	}
	.insta-feed h3{
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 10px;
	}
	.insta-feed p{
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 39px;
	}
	.insta-feed .col-sm-2{
		width: 33.333%;
		float: left;
		padding: 0 5px 10px;
	}
	.insta-feed .col-sm-2.nodisplay{
		display: none;
	}
	.insta-feed .btn{
		margin: 30px 0 0;
		line-height: 50px;
		padding: 0 43px;
	}
	.insta-feed{
		padding: 36px 0 45px;
	}
	.signup-field{
		margin: 0 0 16px;
		padding: 0 15px;
	}
	.signup h2{
		margin: 0 0 23px;
	}
	.signup{
		padding: 30px 0 55px;
	}
	.spoil-pup{
		padding: 168px 0 42px;
	}
	.spoil-pup h2{
		font-size: 44px;
		line-height: 50px;
		margin: 0 0 28px;
		background-size: auto 110%;
	}
	.spoil-pup .btn{
		line-height: 50px;
		padding: 0 54px;
	}
	.footer{
		text-align: center;
		padding: 40px 0 23px;
	}
	.footer .col-sm-7, .footer .col-sm-5{
		width: auto;
		padding: 0;
		float: none !important;
	}
	.footer .col-sm-2{
		display: none;
	}
	.ftright{
		margin: 0;
	}
	.ftnav{
		margin: 0 0 20px;
	}
	.ft-social{
		text-align: center;
	}
	.ft-social li{
		display: inline-block;
		vertical-align: top;
		margin: 0 8px 0 0;
		float: none;
	}
	.footer .col-sm-7{
		margin: 50px 0 0;
	}
	.copyright p{
		font-size: 12px;
		color: #838383;
	}
	.ftlinks{
		display: block;
		margin: 0 0 4px;
	}
	.ftlinks li{
		font-weight: 600;
	}
	.ftlinks li a{
		text-decoration: none;
	}
	.copyright{
		padding: 17px 0;
	}
	.ftlogo{
		display: none;
	}
	.create-experience .container:before{
		left: 0;
		right: 0;
		margin: 0 auto;
		display: none;
	}
	.brands-products::before{
		background: url(../images/dog_pattern_ar.png) no-repeat 0 0;
	}
	.products-normal-view{
		display: none;
	}
	.products-ph-view{
		display: block;
		text-align: center;
	}
	.brands-products h4{
		font-size: 19px;
		line-height: 26px;
		margin: 15px 0 10px;
	}
	.brand-top li{
		width: 88px;
		margin: 0 18px 0 0;
	}
	.brand-top li img{
		width: 100%;
	}
	.brands-products .products-ph-view .item blockquote p{
		font-size: 20px;
		line-height: 25px;
		font-weight: 700;
		font-family: 'Patrick Hand', cursive;
		color: #72ced2;
		margin: 0 0 20px;
	}
	.brands-products .item blockquote img{
		margin: 0 auto;
		width: 70%;
	}
	.brands-products .quote-carousel .carousel-indicators{
		bottom: 0 !important;
	}
	.brands-products .carousel-indicators li{
		width: 11px;
		height: 11px;
		background: #ebebeb;
		border: none !important;
		margin: 0 3px;
	}
	.quote-carousel .carousel-indicators li.active{
		width: 11px;
		height: 11px;
		background: #9d9d9d;
		margin: 0 3px;
	}
	.brands-products{
		padding: 53px 0 24px;
	}
	.brands-products blockquote{
		padding-top: 5px;
	}
	.video .play{
		background-size: 75px;
	}
	.banner-new{
		margin: 70px 0 0;
	}
	.brands-products .col-sm-6{
		position: relative;
	}
	.get-box-content{
		margin: 68px 0 0;
		padding: 20px 0 80px;
		background: url(../images/get_box_bg_ph.jpg) repeat-x 0 0 #f8f6f3;
	}
	.get-box-content h1{
		margin: 0;
	}
	.get-box-content p{
		font-size: 22px;
		line-height: 30px;
	}
	.get-box-content .bs-example{
		padding: 18px 0 0;
	}
	.get-box-content .container-fluid, .get-box-content .container{
		padding: 0;
	}
	.get-box-content .row{
		margin: 0;
	}
	.get-box-content .panel-title > a{
		font-size: 17px;
	}
	.get-box-content .panel-title > a span{
		font-size: 26px;
	}
	.get-box-content .panel-default > .panel-heading{
		padding: 10px 24px 13px 20px;
	}
	.get-box-content .panel-group .panel + .panel{
		margin-top: 2px;
	}
	.get-box-content .panel-group .panel-heading + .panel-collapse > .list-group, .get-box-content .panel-group .panel-heading + .panel-collapse > .panel-body{
		padding: 17px 15px 45px;
	}
	.dog-size, .choose-treats{
		padding: 0;
	}
	.dog-size li{
		display: block;
		width: auto;
		margin: 0 0 3px;
	}
	.size-block{
		padding: 11px 30px;
		text-align: left;
	}
	.size-block h3{
		font-size: 20px;
		width: 110px;
		float: left;
		margin: 0;
	}
	.get-box-content .size-block p{
		overflow: hidden;
		font-size: 14px;
		line-height: 30px;
	}
	.choose-treats li{
		width: auto !important;
		padding: 0 !important;
		display: block;
		margin: 0 0 7px;
	}
	.choose-treat-block{
		padding: 14px 30px 16px;
		text-align: left;
	}
	.choose-treat-block span{
		width: 64px;
		height: 56px;
		background-size: 100% !important;
		float: left;
		margin: 0 22px 0 0;
	}
	.choose-treats li h2{
		font-size: 20px;
		line-height: 56px;
		overflow: hidden;
	}
	.choose-toys{
		padding: 0;
	}
	.choose-toys li{
		display: block;
		margin: 0 0 6px;
		width: auto !important;
		padding: 0 !important;
	}
	.choose-toys-block{

		padding: 22px 26px;
		text-align: left;
	}
	.choose-toys li h3{
		font-size: 22px;
		line-height: 30px;
		width: 120px;
		float: left;
		margin: 0;
	}
	.get-box-content .choose-toys li p{
		font-size: 16px;
		line-height: 22px;
		overflow: hidden;
	}
	.dog-description{
		width: 100%;
	}
	.dog-desc-field textarea{
		height: 85px;
	}
	.did-u-know{
		margin: -45px 0 0;
		width: 198px;
		height: 198px;
	}
	.did-u-know h3{
		font-size: 25px;
		line-height: 30px;
		margin: 39px 0 2px;
	}
	.get-box-content .did-u-know p{
		font-size: 15px;
		line-height: 20px;
	}
	.dog-description .btn{
		font-size: 15px;
		height: 46px;
		padding: 0 17px;
	}
	.pick-plan{
		padding: 0;
	}
	.pick-plan li{
		width: auto !important;
		padding: 0 !important;
		display: block;
		margin: 0 0 12px;
	}
	.pick-plan-block{
		padding: 24px 20px 22px 24px;
		text-align: left;
	}
	.pick-plan-left{
		float: left;
		width: 170px;
	}
	.pick-plan li h3{
		font-size: 23px;
		line-height: 30px;
		margin: 0 0 3px;
	}
	.get-box-content .pick-plan li p{
		margin: 0;
	}
	.pick-plan li .price{
		float: right;
		padding: 0;
		border-top: none;
	}
	.pick-plan li h3 span{
		display: block;
		line-height: 20px;
		font-size: 14px;
	}
	.pick-plan-block::after{
		width: 26px;
		height: 22px;
		background-size: 100%;
		top: 27px;
		right: auto;
		left: 130px;
	}
	.total-price{
		margin: 30px 0 0;
		padding: 30px 0 0;
		text-align: center;
	}
	.get-box-content .total-price p{
		float: none;
		line-height: 40px;
	}
	.total-price input[type=submit]{
		line-height: 56px;
		padding: 0 54px;
		float: none;
		margin: 26px 0 0;
	}
	.best-value{
		top: 8px;
	}
	.get-box-content .total-price p span.new-price{
		display: block;
	}
	.brands-products .item blockquote p{
		font-size: 16px;
		line-height: 26px;
		margin: 0 0 8px;
	}
	.btn-toy-include{
		width:auto;
		background-size: 95% 95%;
		font-size: 28px;
	}
	.btn-toy-include:hover{
		background-size: 95% 95%;
	}
	.how-it-works .container .shape, .how-it-works-new .container .shape{
		top:-75px;
	}
	.how-it-works, .how-it-works-new{
		padding: 108px 0 5px;
	}
	.dog-pic-gallery .col-sm-3{
		width:49%;
		float:left;
		margin:0 5px 5px 0;
	}
	.why-choose-detail h4{
		padding-bottom:15px;
	}
	.why-choose-detail p{
		padding-bottom:15px;
	}
	.logo-section ul li:nth-child(4) {
    display: inline-block;
}

.how-it-works .container .shape, .how-it-works-new .container .shape {
    left: 5px;
}



.new-index .banner .banner-cont{
    padding: 20px 0;
}
.banner .banner-cont h1 span{
	font-size: 34px;
    line-height: 36px;
}

.new-index .white-overlay {
    width: auto;
    background-color:  #f0e2df;
}

.new-index .whats-inside .container-fluid {
    padding: 0 !important;
    margin: 0 0 -175px 0;
    text-align: center;
}

.purpose p{
	font-size: 19px;
	line-height: 23px;
}

.new-index .insidepadding{
	text-align: center;
}

.new-index .how-it-works{
    padding: 40px 0 5px;
}


.featured-bandana li {
    width: 49%;
}


.source-vid {
    padding: 0 0 45px 0;
}
.source-vid video {
    width: 100%;
}
.source-vid img {
    width: 92%;
}


}

@media screen and (max-width:640px) {


.new-index .white-overlay p {
    font-size: 19px;
    line-height: 23px;
}

.smartbar li {
	display: block
}
.btn-choose.signmeup {
	margin: 20px 20px 0 0
}
.btn-choose, .form-pup-bio .btn-primary {
	line-height: 56px;
	padding: 0 30px;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 700
}
.choose-plan-content .col-lg-12.mid-yellow-section {
	padding: 0 20px
}
.form-pup-bio .btn-primary {
	margin: 0
}
.gift-ideas {
    padding: 20px 0 30px;
}
.gift-ideas img.gft-img{
	width:100%;
}
.sumome-react-wysiwyg-move-handle{
	position: relative;
	z-index: 10000;
}


.new-index .white-overlay .insidepadding {
    padding: 8% 2% 0;
}

.new-index .whats-inside .container-fluid {
    margin: 0 0 -134px 0;

}

.featured-bandana li {
    width: 49%;
}

}


@media screen and (max-width:550px) {
.smartbar li {
	display: block;
}
.btn-toy-include {
		font-size: 24px;
	}
	.dog-pic-gallery .col-sm-3 {
		width:100%;
		float: none;
		margin: 0 0 5px 0;
	}
	
	.banner .banner-cont h1 span, .rescue-cont h1 span {
    font-size: 24px;
    line-height: 30px;
}
.banner .banner-cont h1, .rescue-cont h1 {
    font-size: 24px;
    line-height: 29px;
    margin: 0 0 9px;
}
.banner .banner-btns, .banner-new .banner-btns {
    padding: 18px 0 0;
}
.holiday img {
    width: 270px;
}
.holiday {
    padding: 20px 0;
}

.banner-btns .btn{
	font-size: 15px;
}

.banner .banner-cont h2{
    font-size: 18px;
    line-height: 21px;
}
.banner .banner-cont p{
	margin-bottom: 0 !important;
}
.new-index .banner .banner-cont {
    padding: 15px 0 24px;
}
.banner .banner-btns .btn, .herobtn{
    line-height: 40px;
    padding: 0 21px;
}
.s.u.m.o.me div p{
	font-size:16px !important;
}

.whats-inside-img-ph {
    margin: 27% 0 0 0;
}

.featured-bandana li {
    width: 48.9%;
}
.bandanasection {
    padding: 40px 0 0;
}

.text {
    width: 290px;
    float: none;
    margin: 0 auto;
}

}

@media screen and (max-width:480px) {
.navbar-toggle {
	margin-left: 0
}
.signup-btn {
	right: 10px
}
.banner .container-fluid::before {
	height: 30px;
	top: -22px
}
.brands-products blockquote {
	padding: 5px 0 10px
}
.brands-products .quote-carousel .carousel-indicators {
	left: 0;
	right: 0;
	margin-right: 0;
	width: auto;
	text-align: center;
	margin-left: 0
}
.video {
	height: 250px
}
.past-boxes blockquote, .testimonial blockquote {
	padding: 10px 0
}
.past-boxes .quote-carousel, .testimonial .quote-carousel {
	padding: 0 0 30px
}
.testimonial .quote-carousel blockquote .row {
	margin-left: 0;
	margin-right: 0
}
.insta-feed .col-sm-2 {
	width: 50%
}
.insta-feed .col-sm-2.nodisplay-ph {
	display: none
}
.spoil-pup {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/spoil_pup_bg_ph.jpg?ts=1541481342&host=") center 0 no-repeat;
	background-size: cover
}
.signup .col-sm-6, .signup .col-sm-8 {
	padding: 0
}
.signup {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/signup_bg_ph.jpg?ts=1541481340&host=") 0 bottom repeat-x #f5f2ee
}
.testimonial {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/tesiti_bg_ph.jpg?ts=1541481358&host=") 0 bottom repeat-x #f7f5f2
}
.footer {
	background: url("//d3a1v57rabk2hm.cloudfront.net/thedapperdogbox/bold-copy-2/images/footer_bg_ph.jpg?ts=1541481116&host=") 0 bottom repeat-x #11bcc3
}
.smartbar li {
	display: block
}
.get-box-content .selected-option p {
	text-indent: -20000px;
	padding: 0 0 0 20px;
	width: 20px
}
.checkout_content .styled_cart .total-row th {
	font-size: 18px
}


.desktopview{
	display:none;
	
}
.caption-mobile{
	display:block;
}
.section-hero-left {
    background: url(../images/hero-bg.jpg) repeat 0 -140px;
}


.section-hero-left .caption {
    width: 90%;
    margin: 0 auto;
}


/*body{
		border:1px solid yellow;
	}*/

	.navbar-toggle{
		margin-left: 0;
	}
	.signup-btn{
		right: 10px;
	}
	.banner-new .container-fluid::before{
		height: 30px;
		top: -22px;
	}
	.brands-products blockquote{
		padding: 5px 0 10px;
	}
	.brands-products .quote-carousel .carousel-indicators{
		left: 0;
		right: 0;
		margin-right: 0;
		width: auto;
		text-align: center;
		margin-left: 0;
	}
	.video{
		height: 250px;
	}
	.testimonial blockquote, .past-boxes blockquote{
		padding: 10px 0;
	}
	.testimonial .quote-carousel, .past-boxes .quote-carousel{
		padding: 0 0 30px;
	}
	.testimonial .quote-carousel blockquote .row{
		margin-left: 0;
		margin-right: 0;
	}
	.insta-feed .col-sm-2{
		width: 50%;
	}
	.insta-feed .col-sm-2.nodisplay-ph{
		display: none;
	}
	.spoil-pup{
		background: url(../images/spoil_pup_bg_ph.jpg) no-repeat center 0;
		background-size: cover;
	}
	.signup .col-sm-8, .signup .col-sm-6{
		padding: 0;
	}
	.signup{
		background: url(../images/signup_bg_ph.jpg) repeat-x 0 bottom #f5f2ee;
	}
	.testimonial{
		background: url(../images/tesiti_bg_ph.jpg) repeat-x 0 bottom #f7f5f2;
	}
	.footer{
		background: url(../images/footer_bg_ph.jpg) repeat-x 0 bottom #11bcc3;
	}
	.get-box-content .selected-option p{
		text-indent: -20000px;
		padding: 0 0 0 20px;
		width: 20px;
	}
	.how-it-works .container .shape, .how-it-works-new .container .shape {
    	background-size: 35% 35%;
	}
	.how-it-works .container .shape h3, .how-it-works-new .container .shape h3 {
		font-size: 22px;
		line-height: 28px;
		-moz-transform: rotate(-25deg) translate(-74px, -45px);
		-webkit-transform: rotate(-25deg) translate(-74px, -45px);
		transform: rotate(-25deg) translate(-74px, -45px);
	}
	.how-it-works .container .shape h4, .how-it-works-new .container .shape h4 {
		font-size: 14px;
		line-height: 20px;
		-moz-transform: rotate(-25deg) translate(-53px, -57px);
		-webkit-transform: rotate(-25deg) translate(-53px, -57px);
		transform: rotate(-25deg) translate(-53px, -57px);
	}
	.how-it-works .container .shape h4 span, .how-it-works-new .container .shape h4 span {
		font-size: 14px;
		line-height: 14px;
	}
	.btn-toy-include {
    	font-size: 20px;
	}
	
.whats-inside-img-ph {
    margin: 29% 0 0 0;
}

.purpose h3 {
    font-size: 38px;
    line-height: 30px;
    margin: 0 0 25px 0;
}

.featured-bandana li{
    width: auto;
	float: none;
	margin:0 0 10px 0; 
}
.featured-bandana li:nth-child(2n){
	margin:0 0 10px 0; 
}
.featured-bandana li:last-child{
	margin-bottom:0;
}



.purpose h3 {
    font-size: 38px;
    line-height: 30px;
    margin: 0 0 25px 0;
}

}

@media screen and (max-width:420px) {
	.whats-inside-img-ph {
    	margin: 30% 0 0 0;
	}

}

@media screen and (max-width:400px) {
.smartbar li {
	display: block
}


.how-it-works .container .shape, .how-it-works-new .container .shape {
    	top: -95px;
	}
	.btn-toy-include {
    	font-size: 18px;
	}
}

@media screen and (max-width:375px) {
	.whats-inside-img-ph {
    	margin: 30% 0 0 0;
	}

	.whats-inside-img-ph {
		margin: 38% 0 0 0;
	}

}

@media screen and (max-width:359px) {
.logo {
	width: 150px;
	z-index: 1000;
	margin: 0;
	left: 25%
}
.banner-btns .btn-default.give-btn {
	margin: 0 0 0 10px
}
.banner-btns .btn {
	padding: 0 20px;
	font-size: 16px
}
.logo-section ul {
	width: 310px
}
.logo-section ul li {
	margin-right: 6px
}
.whats-inside ul li {
	font-size: 19px;
	margin: 0 8px 0 0
}
.brand-top li {
	width: 80px;
	margin: 0 10px 0 0
}
.spoil-pup h2 {
	font-size: 40px;
	line-height: 46px
}
.past-boxes .left.carousel-control, .past-boxes .right.carousel-control {
	top: 35%
}
.brands-products .carousel-control {
	top: 48%
}
.smartbar li {
	display: block
}
.pick-plan-block {
	padding: 24px 15px 22px
}
.choose-toys-block {
	padding: 22px 5px 22px 15px
}
.size-block {
	padding: 11px 15px
}
.choose-treat-block {
	padding: 14px 15px 16px
}
.dog-description button {
	font-size: 14px;
	padding: 0 10px
}
.did-u-know {
	width: 175px;
	height: 175px
}
.did-u-know h3 {
	margin: 28px 0 2px
}
.sale {
	right: 15px
}


/*body{
		border:1px solid pink;
	}*/

	.logo {
		width: 150px;
		z-index: 1000;
		margin: 0;
		left: 25%;
	}
	.banner-btns .btn-default.give-btn, .banner-new .banner-btns .btn-default.get-btn{
		margin: 0 0 0 10px;
	}
	.banner-btns .btn, .banner-new .banner-btns .btn{
		padding: 0 20px;
		font-size: 16px;
	}
	.logo-section ul{
		width: 310px;
	}
	.logo-section ul li{
		margin-right: 6px;
	}
	.whats-inside ul li, .whats-inside-new ul li{
		font-size: 19px;
		margin: 0 8px 0 0;
	}
	.brand-top li {
		width: 80px;
		margin: 0 10px 0 0;
	}
	.spoil-pup h2{
		font-size: 40px;
		line-height: 46px;
	}
	.past-boxes .right.carousel-control, .past-boxes .left.carousel-control{
		top: 35%;
	}
	.brands-products .carousel-control {
		top:68%;
	}
	.pick-plan-block{
		padding: 24px 15px 22px;
	}
	.choose-toys-block {
    	padding: 22px 5px 22px 15px;
	}
	.size-block{
		padding: 11px 15px;
	}
	.choose-treat-block{
		padding: 14px 15px 16px;
	}
	.dog-description .btn {
		font-size: 14px;
		padding: 0 10px;
	}
	.did-u-know {
		width: 175px;
		height: 175px;
	}
	.did-u-know h3{
		margin: 28px 0 2px;
	}
	.btn-toy-include {
    	font-size: 17px;
	}
	
	
		.whats-inside-img-ph {
		margin: 40% 0 0 0;
	}

	
}

.fancybox-nav{
	display: none;
}