.tsidesign_reviews1 {
  background-image:url("https://playandstaypetresort.com/files/2019/03/new_dog_dl_xx.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

.tsidesign_reviews1 .the_list_item_desc {
    background: rgba(45, 45, 45, 0.45) !important;
    border: 1px solid #0b7da1 !important;
    margin-top: 4rem !important;
}

.tsidesign_reviews1 p {
    color: #fff !important;
    font-size: 1.3rem !important;
    font-weight: 200 !important;
    font-family: raleway !important;
    letter-spacing: .03em !important;
}






.tsidesign_reviews {
  background-image:url("../files/2019/02/new_dog_dl.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

.tsidesign_reviews .the_list_item_desc {
    background: rgba(45, 45, 45, 0.45) !important;
    border: 1px solid #0b7da1 !important;
    margin-top: 4rem !important;
}

.tsidesign_reviews p {
    color: #fff !important;
    font-size: 1.3rem !important;
    font-weight: 200 !important;
    font-family: raleway !important;
    letter-spacing: .03em !important;
}

.tsidesign_banner {
  margin: 0 auto !important;
}

.tsidesign_banner {
    animation: flash 3s linear 2s infinite;
   -webkit-animation: flash 3s linear 2s infinite; 
   -moz-animation: flash 3s linear 2s infinite;
    xanimation-duration: 2s ;
}
@keyframes flash {
    0%   {background-color: #000;}
    25%  {background-color: #79C241;}
    50%  {background-color: #00AFF5;}
    100% {background-color: #140857;}
}
@-webkit-keyframes flash {
    0%   {background-color: #000;}
    25%  {background-color: #79C241;}
    50%  {background-color: #00AFF5;}
    100% {background-color: #140857;}
}
@-moz-keyframes flash {
    0%   {background-color: #000;}
    25%  {background-color: #79C241;}
    50%  {background-color: #00AFF5;}
    100% {background-color: #140857;}
}

.tsidesign_banner * {
  color: #ae56fa !important;
}


/* ----- BLUE - #00aeef , GREEN - #8cc63f , PURPLE - #653e85 ----- */

.dog_names {
	border-radius: 5% !important;
}

.b2b-location-items ul li p span:nth-child(2):after {
content: " | (704-527-WAGS) " !important;
}

/*CONTAINER*/
@import url('//fonts.googleapis.com/css?family=Fredoka+One|Signika');
/*hide phone numbers*/
x.header_share_wrap.dropdown-list .phone {
	display: none !important;
}
.mediaqueries.mobileview #container .item_1.the_list_item.center.hero.yes_image.yes_heads.yes_link.yes_desc{
  	background-attachment:initial!important;
}
.mediaqueries.mobileview #container .section .list_block.type_article.a3 .the_list_item{
  	background-attachment:initial!important;
}
html:not(.mobileview) .home .full_width_content{
	margin-top: -42px !important;
  	max-width: 100% !important;
}
.home .content {
  	padding-top: 3rem !important;
}
body:not(.isMobile) #container { 
  	padding: 0 !important;
}
#container .the_list_item_headline{
  	text-transform: uppercase !important; 
}
h1, h2, h3{
  	font-weight: normal !important;
}
.home .full_width_content {
	max-width: 100% !important;
	background-color: transparent !important;
 	overflow: hidden !important;
}
#container .full_width_content {
	max-width: 100% !important;
  	margin: 0 !important;
}
#container .section .list_block .the_list_item .the_list_item_desc {
	font-size: 1.5rem !important;
}
/*END CONTAINER*/

/*HEADER*/
#_the_navigation a, #menu-holder a {
  	text-transform: uppercase !important;
  	font-size: 1.8rem !important;
  	font-weight: normal !important;
}

/*END HEADER*/

/*LOGO*/
/*#the_header .logo-variation.logo-variation-header .logo-slot img{
  	max-height: 25rem !important;
}
.mediaqueries.mobileview .logo-slot img{
  	max-height: 12rem !important;
}*/
.logo-v2 .logo-variation-footer .logo-slot.slot-type-image a img {
  	max-height: 8rem !important;
}
#wrapper #_the_logo {
	padding: .5% .5% .5% 2% !important;
}
/*END LOGO*/

/*FOOTER*/
#the_footer {
  	max-width:100% !important;
}
#wrapper .footer_brand {
    box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,.4) !important;
  	background-color: #fff !important;
}
.footer-phone-address {
	xdisplay: none !important;
}

#the_footer .the_list_item {
    padding: 1rem 0 1rem !important;
}
#the_footer a {
	color: #fff !important;
}
#the_footer a:hover {
	color: #00797e !important;
}

/*END FOOTER*/
#_the_map_wrapper .b2b-location.wide .b2b-location-items ul li.show-details {
  	overflow: auto !important;
}
/*--------MOBILE MENU COLOR FIX----------*/
/*------change to match internal header color-----*/
.mobileview #wrapper .mobile-menu {background-color: #00aeef !important;}

/*----BUTTON STYLING-----*/
.the_list_item_action a,#gform_submit_button_20373,#gform_submit_button_20374 {
  	background: #00aeef !important;
  	border-radius: 5px !important;
  	box-shadow: 1px 1px 3px rgba(0,0,0,.3) !important;
  	border: 1px solid #00aeef !important;
  	font-size: 1.7rem !important;
  	text-transform: uppercase !important;
  	color: #fff !important;
  	font-weight: normal !important;
}
.the_list_item_action a:hover,#gform_submit_button_20373:hover,#gform_submit_button_20374:hover {
  	background: #fff !important;
	color: #00aeef !important;
}
 .the_list_item_action {
  	background-color: transparent !important;
}
.mediaqueries.mobileview .the_list_item_action a {
    font-size: 1rem !important;
    font-weight: 300 !important;
}
/*----END BUTTON STYLING-----*/

/*------------MENU FADE-----------*/
/*-----changes color of menu during fade----*/
.menu-fade {
  	background-color: #653e85 !important;
  	transition: background-color 0.5s linear !important;
}
/*----------------END MENU FADE-----------*/

/*------------DL CODE-----------*/
.home .slidesjs-container {
    height: 47vw !important;
}
.home .slidesjs-control {
    height: 50vw !important;
}
.tsidesign_dl .slidesjs-pagination, .tsidesign_dl .slidesjs-previous.slidesjs-navigation, .tsidesign_dl .slidesjs-next.slidesjs-navigation {
  	display: none !important;
}
.tsidesign_dl .the_list_item, .tsidesign_dl .the_list{
  	margin-bottom: 0 !important;
}
html:not(.mobileview) .home .tsidesign_dl .caption {
   	background-color: rgba(0, 0, 0, 0.4) !important;
}
.tsidesign_dl .the_list_item .the_list_item_headline, .tsidesign_dl .the_list_item .the_list_item_subheadline, .tsidesign_dl2 .the_list_item .the_list_item_headline, .tsidesign_dl2 .the_list_item .the_list_item_subheadline,.tsidesign_dl3 .the_list_item .the_list_item_headline, .tsidesign_dl3 .the_list_item .the_list_item_subheadline, .tsidesign_dl4 .the_list_item .the_list_item_headline, .tsidesign_dl4 .the_list_item .the_list_item_subheadline, .tsidesign_dl4 .the_list_item .the_list_item_headline a, .tsidesign_dl4 .the_list_item .the_list_item_subheadline a{
    text-shadow: 1px 1px 1px rgba(0,0,0,1) !important;	
  	color: #fff !important;
}
.tsidesign_dl .the_list_text{
  	xmax-width: 70rem !important;
  	margin: 0 auto !important;
  	float: left !important;
  	text-align: left !important;
}
.home #container .section .list_block.type_article.a3.column_amt_1.large {  
  	margin-bottom: 0 !important; 
}
.tsidesign_dl .slidesjs-pagination {
	display: none !important;
}
.mediaqueries.mobileview .the_list_item_action a {
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}
@media (max-width: 500px){
  	.tsidesign_dl img {
		float: left !important;
     	position: relative !important;
  		right: 40% !important;
  	}
 	.tsidesign_dl .the_list_text{
  		max-width: 25rem !important;
	}
}
/*dl2*/
.tsidesign_dl2 .the_list_wrap {
  	text-align: left !important;
   	padding: 14% 8% 14% !important;
}
.tsidesign_dl2 .the_list_text {
  	max-width:134rem !important;
	margin: 0 auto !important;
}
/*dl3*/
.tsidesign_dl3  {
	margin-bottom: 0 !important;
}
.tsidesign_dl3 .the_list {
	margin-bottom: 0 !important;
}
.tsidesign_dl3 .the_list_text{
  	text-align: left !important;
   	padding: 10% 10% 10% !important;
}
.tsidesign_dl3 .the_list_item.hero .the_list_item_headline {
	xbackground-color: rgba(0,121,126,.5) !important;
  	xpadding: 1.5% !important;
}
.tsidesign_dl3 .type_gallery .the_list_item.hero.yes_image .caption {
	background: rgba(0,0,0,.1) !important;
}
/*dl4*/
.tsidesign_dl4 .the_list {
	margin-bottom: 0 !important;
}
.tsidesign_dl4 .the_list_text {
	max-width: 106rem !important;
  	color: #fff !important;
}
.tsidesign_dl4 .the_list_item_desc {
	font-size: 1.6rem !important;
}
/*button*/
.tsidesign_dl .the_list_item_action a, .tsidesign_dl2 .the_list_item_action a{
	background: rgba(0,0,0,.2) !important;
  	border: 1px solid #fff !important;
  	box-shadow: none !important;
}
.tsidesign_dl .the_list_item_action a:hover, .tsidesign_dl2 .the_list_item_action a:hover{
  	background: rgba(0,0,0,.4) !important;
  	color: #fff !important;
  	box-shadow: none !important;
}
/*------------END DL CODE-----------*/

/*------------SPLIT CODE-----------*/
.tsidesign_split {
  	width: 100% !important;
  	padding-top: 0 !important;
  	padding-bottom: 0 !important;
  	margin: 0 auto !important;
  	background: #fff !important;
  	padding: 0 !important;
}
.tsidesign_split .the_list_item{
    margin-bottom: 0 !important;
}
.tsidesign_split .item_2 .the_list_wrap{
  	max-width: 65rem !important;
  	float: clear !important;
  	padding-top: 8% !important;
  	padding-left: 2rem !important;
  	padding-right: 2rem !important;
  	float: left !important;
  	padding-bottom: 3rem !important;
  	text-align: left !important;
}

.tsidesign_split .the_list_item .the_list_item_headline {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 2.3rem !important;
}
.tsidesign_split .the_list_item .the_list_item_subheadline{
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: 1.5rem !important;
    font-weight: bold !IMPORTANT;
}
/*------------END SPLIT CODE-----------*/


/*-----------FEATURE CODE-----------*/
.tsidesign_feature12 {
    max-width: 100% !important;
  	padding: 4rem 8% 3rem 8% !important;
    margin: 0 !important;
    text-align: center !important;
  	background: url('https://playandstaypetresort.com/files/2018/10/background3_feature-(1).png') no-repeat !important;
 	background-attachment: fixed !important;
 	background-size: cover !important;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.tsidesign_feature12 .the_list_item {
    margin-bottom: 1rem !important;
    opacity: .9 !important;
    -moz-transition: all 0.35s ease-in-out !important;
    -webkit-transition: all 0.35s ease-in-out !important;
    -o-transition: all 0.35s ease-in-out !important;
    transition: all 0.35s ease-in-out !important;
    -webkit-transition: all .5s ease !important;
    transition: all .5s ease !important;
}
.tsidesign_feature12 .the_list_item:hover {
    filter: grayscale(0) !important;
    opacity: 1 !important;
  	xtransform: scale(1.1) !important;
    x-webkit-transform: translate(0px,-10px) !important;
    xtransform: translate(0px,-10px) !important;
    -moz-transition: all 0.35s ease-in-out !important;
    -webkit-transition: all 0.35s ease-in-out !important;
    -o-transition: all 0.35s ease-in-out !important;
    transition: all 0.35s ease-in-out !important;
}
.tsidesign_feature12 .the_list_item_heads {
    min-height: 5rem !important;
}
.tsidesign_feature12 .the_list_item .the_list_item_desc p {
    margin: 1rem !important;
}
.tsidesign_feature12 .the_list_item .the_list_item_headline, .tsidesign_feature12 .the_list_item .the_list_item_headline a {
    xxtext-transform: uppercase !important;
  text-transform: capitalize !important;
    letter-spacing: .1em !IMPORTANT;
    color: #00aeef !important;
    font-size: 1.5rem !important;
    padding-top: 0rem !important;
    margin-top: 0rem !important;
    font-weight: 600 !important;
}
.tsidesign_feature12 .the_list_item_headline {
    margin-top: 2% !important;
}
.tsidesign_feature12 .the_list_item .the_list_item_subheadline {
    xopacity: 0 !important;
    font-size: 1.5rem !Important;
  	font-family: Signika !important;
    color: #8cc63f !important;
    -moz-transition: all 0.35s ease-in-out !important;
    -webkit-transition: all 0.35s ease-in-out !important;
    -o-transition: all 0.35s ease-in-out !important;
    transition: all 0.35s ease-in-out !important;
  text-transform: capitalize !important;
}
.tsidesign_feature12 .the_list_item:hover .the_list_item_subheadline {
    opacity: 1 !important;
}
.tsidesign_feature12 .the_list_item .the_list_item_image {
    padding: 1rem !important;
    padding-bottom: 2rem !important;
    max-width: 20rem !important;
    margin: 0 auto !important;
    -moz-transition: all 0.35s ease-in-out !important;
    -webkit-transition: all 0.35s ease-in-out !important;
    -o-transition: all 0.35s ease-in-out !important;
    transition: all 0.35s ease-in-out !important;
}
.tsidesign_feature12 .the_list_item:hover .the_list_item_image {
    max-width: 23rem !important;
}
.tsidesign_feature12 .the_list_item .the_list_item_image img {
    box-shadow: 1px 1px 4px rgba(0,0,0,.6) !important;
    border: 10px solid #fff !important;
    -moz-transition: all 0.35s ease-in-out !important;
    -webkit-transition: all 0.35s ease-in-out !important;
    -o-transition: all 0.35s ease-in-out !important;
    transition: all 0.35s ease-in-out !important;
}
.tsidesign_feature12 .the_list_item:hover .the_list_item_image img {
    border: 1px solid #fff !important;
}
.tsidesign_feature12 .the_list_item_action a {
    background: #f5ca42 !important;
  	box-shadow: inset 9px 0px 0px 0px #f5b542 !important;
	color: #fff !important;
    font-size: 1.3rem !important;
  	letter-spacing: .1rem !important;
    font-weight: 400 !important;
    max-width: 15rem !important;
    padding: .6em !important;
    padding-top: 1em !important;
  	font-family: 'fredoka one' !important;
  	border: none !important;
  	border-radius: 25px !important;
    -moz-transition: all 0.35s ease-in-out !important;
    -webkit-transition: all 0.35s ease-in-out !important;
    -o-transition: all 0.35s ease-in-out !important;
    transition: all 0.35s ease-in-out !important;
}
.tsidesign_feature12 .the_list_item:hover .the_list_item_action a {
    background: #f5b542 !important;
    color: #fff !important;
  	box-shadow: inset 9px 0px 0px 0px #f5b542 !important;
}
.tsidesign_feature12 .the_list_item_action{
    padding: 0 1rem !important;
}
@media(max-width:575px) {
	.tsidesign_feature12 .the_list_item{
		filter: grayscale(0) !important;
        opacity: 1 !important;
    }
}
/*button*/
.tsidesign_feature2 .the_list_item_action {
	max-width: 65% !important;
	margin: 0 auto !important;
}
.tsidesign_feature2 .the_list_item_action a {
   	background: transparent !important;
    font-size: 1.3rem !important;
    font-weight: 300 !important;
  	border: none !important;
  	box-shadow: none !important;
}
.tsidesign_feature2 .the_list_item:hover .the_list_item_action a {
	background: #fe491a !important;
  	color: #fff !important;
}
/*-------------END FEATURE CODE———————*/

/*-------------CTA--------------*/
.tsidesign_cta {
    max-width: 100% !important;
    margin: 0 auto !important;
    background: linear-gradient(to right, #00aeef, #3cbeef, #3cbeef, #00aeef) !important;
    color: #fff !important;
    padding: 3% 6% 1% !important;
	text-align: center !important;
}
.tsidesign_cta .the_list_wrap {
    max-width: 100rem !important;
    margin: 0 auto !Important;
}
.tsidesign_cta .the_list_item .the_list_item_headline, .tsidesign_cta .the_list_item .the_list_item_headline a{
    text-shadow: 1px 1px 2px rgba(0,0,0,.6) !important;
    font-weight: 700 !important;
	color: #fff !important;
    text-transform: uppercase !important;
    font-size: 3.3rem !important;
}
.tsidesign_cta .the_list_item_subheadline {
    text-shadow: 1px 1px 2px rgba(0,0,0,.6) !important;
    color: #fff !important;
}

@media(max-width: 575px){ 
    .tsidesign_cta .the_list_item .the_list_item_headline {
        font-size: 2rem !important;
    }
}

@media (max-width:569px){
  	.tsidesign_cta{
    	padding: 10% 4% 3.7% !important;
  	}
}
.puppy {
	width: 100% !important;
  	opacity: 1 !important;
  	xmargin-bottom: 2% !important;
}
/*-----------END CTA-----------*/

/*-----------GALLERY - for available dogs page -----------*/
.tsidesign_gallery {
	max-width: 106rem !important;
  	margin: 0 auto !important;
}
.tsidesign_gallery .the_list_item_image img {
	box-shadow: 1px 1px 2px rgba(0,0,0,.4) !important;	
  	border: 10px solid #fff !important;
}
.tsidesign_gallery .the_list_item_image img{
	display: block !important;
  	transition: all .5s ease-in-out !important;
  	-webkit-backface-visibility: hidden !important;
  	backface-visibility: hidden !important;
  	-webkit-transform-style: preserve-3d !important;
  	transform-style: preserve-3d !important;
}
.tsidesign_gallery .the_list_item:hover .the_list_item_image img{
  	transform: scale(1.1) !important;
}
/*-----------END GALLERY-----------*/

/*-----------PARALLAX # SERVICES CODE-----------*/
.tsidesign_wrap{
 	margin: 0 !important;
 	xbackground: url("https://playandstaypetresort.com/files/2018/10/background-(1).jpg") !important;
    background-attachment: fixed !important;
    text-align: center !important;
    background-size: cover !important;
}
.tsidesign_services, .tsidesign_content, .tsidesign_title{
  	max-width: 106rem !important; 
  	margin-left:auto !important;
  	margin-right:auto !important;
}
.tsidesign_services, .tsidesign_title, .tsidesign_title h3 {
	color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.6) !important;
}
.tsidesign_services {
  	padding-top: 0 !important;
}
.tsidesign_services .the_list_item {
  	padding: 2% !important;
  	background-color: rgba(0,121,126,.6) !important;
  	border-radius: 5% !important;
  	box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
}
.tsidesign_services .the_list_item .the_list_item_headline {
	font-size: 1.5rem !important;
  	font-family: Signika !important;
  	text-shadow: none !important;
  	color: #fff !important;
    text-shadow: .5px .5px 1px rgba(0,0,0,.3) !important;
  	letter-spacing: .1rem !important;
}
.tsidesign_services .the_list_item .the_list_item_image {
  	margin-right:auto !important; 
  	margin-left:auto !important; 
  	width: 38% !important;
}
.tsidesign_services .the_list_item_image img{
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transition-duration: 0.5s !important;
  transition-duration: 0.5s !important;
}
.tsidesign_services .the_list_item:hover .the_list_item_image img{
  -webkit-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36) !important;
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36) !important;
}
/*title*/
.tsidesign_title .the_list_item .the_list_item_subheadline {
	font-size: 1.6rem !important;
  	font-family: Signika !important;
  	text-shadow: none !important;
  	color: #fff !important;
    text-shadow: .5px .5px 1px rgba(0,0,0,.9) !important;
  	letter-spacing: .1rem !important;
  	text-transform: uppercase !important;
}
@media (max-width: 815px) and (min-width: 568px) {
	.tsidesign_services .item_3 .the_list_item_image {
  		max-width: 13% !important;
  		margin-bottom: 0px !important;
	}
}
/*----------END PARALLAX # SERVICES CODE-----------*/

/*-----------DONATE WRAP-----------*/
.tsidesign_donate, .tsidesign_donate2 {
	max-width: 100% !important;
	margin: 0 !important;
   	background: url('https://playandstaypetresort.com/files/2018/10/donate_background2-(1).png') no-repeat !important;
    background-attachment: fixed !important;
    text-align: center !important;
    background-size: cover !important;
}



/*donate*/
.tsidesign_donate {
  	padding: 0 10% 2%!important;
}
.tsidesign_donate .the_list_item {
	xpadding: 2% !important;
}
.tsidesign_donate .the_list_item .the_list_item_image {
	width: 80% !important;
  	margin: 0 auto !important;
}
.mediaqueries.mobileview .tsidesign_donate .the_list_item .the_list_item_image {
	width: 50% !important;
}
.tsidesign_donate .the_list_item:hover .the_list_item_image {
  	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  	transform: translate3d(0, 0, 0);
  	backface-visibility: hidden;
  	perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: rotate(0deg);
  }
  
  20%, 80% {
    transform: rotate(-3deg);
  }

  30%, 50%, 70% {
    transform: rotate(3deg);
  }

  40%, 60% {
    transform: rotate(0deg);
  }
}

.tsidesign_donate .the_list_item .the_list_item_headline {
	width: 80% !important;
  	margin: 0 auto !important;
}
.tsidesign_donate .the_list_item .the_list_item_headline {
	font-size: 1.5rem !important;
  	font-family: signika !important;
  	color: #00aeef !important;
  	background: rgba(255,255,255,.3) !important;
}
/*donate2*/
.tsidesign_donate2 {
  	padding: 3% 10% 0 !important;
}
.tsidesign_donate2 img {
	margin-bottom: -2% !important;
}
.tsidesign_donate2 .the_list_item .the_list_item_headline {
  	font-size: 3rem !important;
    	color: #00aeef !important;

}
.tsidesign_donate2 .the_list_item .the_list_item_subheadline {
  	font-size: 2rem !important;
}
/*-----------DONATE END-----------*/

/*-----------CONTENT-----------*/
.tsidesign_content3 .the_list_item .the_list_item_desc ul {
	margin: 0 !important;
}
/*content3*/
.tsidesign_content3 {
	max-width: 106rem !important;
  	margin: 0 auto !important;
}
.tsidesign_content3 img {
	width: 60% !important;
  	margin-left: 20% !important;
}
html:not(.mobileview) .tsidesign_content3 img {
  	margin-left: 20% !important;
}
.tsidesign_dl4 {
	margin: 0 !important;
 	xbackground: url('../files/2018/10/_.jpg') no-repeat !important;
 	xbackground-attachment: fixed !important;
 	background-size: cover !important;
  	color: #fff !important;
  	padding: 8% 10% !important;
}
/*-----------CONTENT END-----------*/

/*----------MEDIA QUERIES-----------*/
@media (min-width: 1300px){
	.home #the_header .header_color{
  		background:transparent !important;
  	}
	.home #container{
  		margin-top: -35rem !important;
  	}
	.home .header_share_wrap.dropdown-list{
    	xbackground-color: transparent !important;
	}
	.home .tsidesign_dl .the_list_text{
   		padding-top: 20% !important;
  	}
}

@media(max-width: 800px){
 	.tsidesign_wrap{
  		background-attachment: scroll !important;
	} 
	.tsidesign_feature .the_list_item {
  		width: 50% !important;
	}
}

@media (max-width: 625px) {
	.tsidesign_feature .the_list_item {
  		width: 100% !important;
	}

	.tsidesign_dl, .tsidesign_dl .the_list , .tsidesign_dl .slides, .tsidesign_dl .slidesjs-container, .tsidesign_dl .slidesjs-control, .tsidesign_dl 		.the_list_item_image, .tsidesign_dl .caption_overlay, .tsidesign_dl .caption, .tsidesign_dl .the_list_text {
		height: 400px !important;
		top: 0 !important;
	}

	.tsidesign_dl .the_list_item {
	  	height: 400px !important;
  	}

	.tsidesign_dl .the_list_item_image img {
		height: 400px !important;
  		width: initial !important;
	}
	.tsidesign_dl .the_list_item .caption_overlay {
  		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0;
  		position: relative !important;
	}

	.content {
	  	padding-top: 15px !important;
  	}
	.tsidesign_dl .caption{
  		padding: 0 !important;
  		text-align: center !important;
	}
}

@media (max-width: 1000px){
	.tsidesign_dl .caption{
		padding: 0 !important;
		text-align: center !important;
	}
}
.mediaqueries.mobileview .tsidesign_dl .caption{
  	padding: 0 !important;
	text-align: center !important;
}
/*----------END MEDIA QUERIES-----------*/

/*-----------CONTACT-----------*/
.tsidesign_contact {
    max-width: 100% !important;
	margin: 0 !important;
    padding: 0 25% !important;
    background-color: #f7b733 !important;
    color: #fff !important;
}
.tsidesign_contact span {
	text-transform: uppercase !important;
  	font-size: 1.8rem !important;
  	padding-top: 8% !important;
}
.tsidesign_contact .the_list_item {
    margin-top: 0 !important;
}
.tsidesign_contact .the_list_item .the_list_item_subheadline {
    color: #fff !important;
    font-size: 1.5rem !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/*-----------CONTACT END-----------*/

/*---------MAP-------*/
.tsidesign_map .the_list_item {
	margin-bottom: 0 !important;
}
/*---------MAP END-------*/

/*---------FLEX-------*/
#container .tsidesign_flex, #container .tsD_flex {
    margin: 0 auto !important;

    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;

    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;

    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;

    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#container .tsidesign_flex .the_list_item, #container .tsD_flex .the_list_item {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*KILLS RIGHT MARGIN ON THE LAST ITEM IF ODD NUMBER OF FEATURES SO EDGES ARE FLUSH WHEN SCALED - RK QA*/
#container .tsidesign_flex .the_list_item:last-of-type, #container .tsD_flex .the_list_item:last-of-type {margin-right: 0rem !important;}
/*END*/

.flexboxlegacy #container .tsidesign_flex .the_list_item, .flexboxlegacy #container .tsD_flex .the_list_item{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.no-flexboxlegacy #container .tsidesign_flex .the_list_item, .no-flexboxlegacy #container .tsD_flex .the_list_item{
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
}
#container .tsidesign_flex .the_list_item,
.flexboxlegacy #container .tsidesign_flex .the_list_item .the_list_wrap, #container .tsD_flex .the_list_item,
.flexboxlegacy #container .tsD_flex .the_list_item .the_list_wrap  {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
}

#container .tsidesign_flex .the_list_item .the_list_wrap, #container .tsD_flex .the_list_item .the_list_wrap {
    /*height: 100% !important;*/
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;

}

.flexboxlegacy #container .tsidesign_flex .the_list_item .the_list_wrap, .flexboxlegacy #container .tsD_flex .the_list_item .the_list_wrap {
    height: auto;
}
#container .tsidesign_flex .the_list_item .the_list_item_action, #container .tsD_flex .the_list_item .the_list_item_action {
    margin-top: auto !important;
    display: block;
    width: 100%;
}

#container .tsidesign_flex, #container .tsD_flex {
    justify-content: space-around;
}
#container .tsidesign_flex .the_list_item, #container .tsD_flex .the_list_item {
    justify-content: space-between;
}

@media (max-width:815px) and (min-width:575px) {
	.tsidesign_flex .the_list_item, .tsD_flex .the_list_item {
    	width: 44.988% !important;
	}
}
/*-----END FLEX-----*/




.tsidesign_dl .caption {
 overflow: hidden !important;
}

.tsidesign_contact, .tsidesign_social {
	    margin: 0 !important;
     background: url('https://playandstaypetresort.com/files/2018/10/background3_feature-(1).png') no-repeat !important;
      background-attachment: fixed !important;
      text-align: center !important;
      background-size: cover !important;
  	max-width: 100% !important;
  	padding: 3% 10% !important;
}

.tsidesign_pagetitle{
  text-align: center !important;
}

.googlereview {
  max-width: 25rem !important;
}

.tsidesign_subpagebutton {
  
max-width: 80% !important;
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
  
}
#addy {
  text-align: center !important;
}

html:not(.mobileview) #the_header #_the_logo {
 width: 100% !important;
}

html:not(.mobileview) #wrapper .menu-wrap {
 width: 100% !important;
}

.logo-variation .align-left{
 text-align:center!important;
}

#access .menu.align-right {
   text-align: center !important;
}


.logo-variation.logo-variation-header .logo-slot img {
max-height: 25rem !important; 
-webkit-transition: all .5s ease-in-out !important;
-moz-transition: all .5s ease-in-out !important;
-o-transition: all .5s ease-in-out !important;
transition: all .5s ease-in-out !important;
}

.logo-fade .logo-variation.logo-variation-header .logo-slot img {
max-height:12rem !important;
}

#the_header #_the_logo .logo-variation-mobile .slot-type-image img {
    max-height: 14rem !important;
}

#cta {
    display: inline-block;
    position: absolute;
    right:2rem;
    bottom:-6rem;
  text-align: center;
  font-size: 1.8rem;
}

.lrn {
  display: block;
  text-align: center;
  background: #8cc63f; 
  width: 100%;
}

html:not(.mobileview) #mobile-call-btn {
  display: none !important;
}

.mobileview #mobile-call-btn {
 display: block !important; 
}

#mobile-call-btn {
  bottom: 14px;
  position: fixed;
  right: 20px;
  z-index: 99;
}

#mobile-call-btn span {
    font-size: 2rem;
    text-align: center !important;
    font-weight: bold;
    color: #653e85;
}

#mobile-call-btn img {
    position: relative;
    background: #653e85;
    max-width: 70px;
    border: solid 1px transparent;
    border-radius: 50%;
    z-index: 99 !important;
    width: 100%;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {transform: scale(1);}
    50% {transform:scale(1.15);}
    100% {transform:scale(1);}
}

/*-----Fixed Footer Tab-----*/

#fxd_1{
  bottom: 8.5%;
  position: fixed;
  right: -5px;
  z-index: 11;
}


html:not(.mobileview) #fxd_1 {
  display: block !important;
}

.ftr_tab {
  background-color: #8cc63f;
  border-top-left-radius: 10px;
  border-bottom-left-radius:10px;
  color: #fff;
  font-size: 18px;
  margin: 5px;
  padding: 10px;
  text-transform:  uppercase;
  font-weight:  900;
  letter-spacing: .05em;
  text-decoration: none !Important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  display:inline-block;
}

.ftr_tab:after {content:" >";font-family: "tsi-cms";font-size:75%;}

.ftr_tab:hover{
background-color:#653e85;
-webkit-transition: all .3s ease !important;
transition: all .3s ease !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shaky{
  max-width: 3.5rem;
  vertical-align: middle;
  margin-right: 5px;
  -webkit-animation: shake-vertical 1s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
  animation: shake-vertical 1s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-4-27 20:30:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  80% {
    -webkit-transform: translateX(1.4px);
            transform: translateX(1.4px);
  }
  90% {
    -webkit-transform: translateX(-1.4px);
            transform: translateX(-1.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  80% {
    -webkit-transform: translateX(1.4px);
            transform: translateX(1.4px);
  }
  90% {
    -webkit-transform: translateX(-1.4px);
            transform: translateX(-1.4px);
  }
}


@media (max-width: 816px){
  #fxd_1{
	display: none !important;
  }
}

/*-----End of Fixed Footer Tab-----*/

/*-----------Popup Modal----------*/
.modal_txt_area {
    color: #fff !important;
}

.btn{
  margin: 5px auto;
}

.btn, .exit-btn{
    display: inline-block;
    padding: 4px 20px;
    margin-bottom: 0;
    /* font-size: 2rem; */
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    margin: 1% auto;
}
.btn-primary, .exit-btn{
    color: #fff !important;/*----Button Text----*/
    background-color: #8cc63f; /*-----Button Color----*/
    text-transform: uppercase;
    font-weight: bold;
    padding: .8rem 2.6rem;
}

.btn-primary:hover {
  background: #00aeef; /*----Button hover color----*/
  text-shadow: 1px 1px 1px #000;
}

#modal_popup {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    text-align: center;
    white-space: nowrap;
    height: 100%;
}
#modal_popup:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: -0.25em;
}
.css-only-modal-check {
    pointer-events: auto;
}
.css-only-modal-check:checked ~ .css-only-modal {
    opacity: 1;
    pointer-events: auto;
  
}
.css-only-modal {
  top: 18%;
  width: 50%;
  min-width: 250px;
  background: #653e85; /*----Modal Background Color----*/
  z-index: 1;
  display: inline-block;
  position: relative;
  pointer-events: auto;
  text-align: center;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  pointer-events: none;
  overflow:visible;
}

#modal_wrapper {
  padding: .8rem 1.6rem 0;
  position: relative;
}
.css-only-modal h2 {
    text-align: center;
}
.css-only-modal p {
    font-size: 1.5rem;
  color: #fff;  
}
.modal_desc {
  display: inline-block;
  width: 100%;
  padding-top: 2%;
}

.css-only-modal-close {
/*--This is your X button, you can choose to display:none; if you do not want an X in the top right--*/
  position:absolute;
  right:0;
  top:0;
  margin-top:0 !important;
  width: auto !important;
  display: none !important;
}
.css-only-modal-check {
    display: none;
}
.css-only-modal-check:checked ~ #screen-shade {
    opacity: 0.5; /*----How dark the shade covering the site is----*/
    pointer-events: auto;
}
#screen-shade {
    opacity: 0;
    background: #000; /*-----Color of the shade----*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    transition: opacity 0.8s;
}

.modal_logo {
  padding: 0;
  width: 80%;
}

.modal_headline {
  width: 100%;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 2.8rem;
  padding-bottom: 2%;
}

.modal_txt_area {
  padding:0 4%;
}

.modal_txt_area .modal_desc em {
  font-weight:bold;
}


@media (max-width: 1035px){
  .modal_headline {
  font-size: 2rem;
    line-height: 2rem;
  }
  .modal_desc {
  display: block;
  width: 100%;
  padding-top: 5%;
}

  .btn, .exit-btn{
  margin-top: 2%;
  width: 100%;
}
}
@media (max-width: 800px){
	.css-only-modal{
		width: 100% !important;
}
}
div#cta-button{
  margin-right:2rem;
  width: 23rem;
}
div#cta-button a{
    padding: 5px;
    border: solid;
    border-radius:10px;
}

.header_share_wrap.dropdown-list {
    max-height: 10rem!important;
}

ul.share_list {
    position: relative;
    top: -3rem;
}

div#cta-button {
    margin-left: 40%;
}
@media(min-width:1400px){
div#cta-button {
    margin-left: 44%;
}
}