/*************common css**************/
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../Font/lato/lato-v20-latin-regular.eot'); src: local('Lato Regular'), local('Lato-Regular'), url('../Font/lato/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype'), url('../Font/lato/lato-v20-latin-regular.woff2') format('woff2'), url('../Font/lato/lato-v20-latin-regular.woff') format('woff'), url('../Font/lato/lato-v20-latin-regular.ttf') format('truetype'), url('../Font/lato/lato-v20-latin-regular.svg#Lato') format('svg'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('../Font/lato/lato-v20-latin-italic.eot'); src: local('Lato Italic'), local('Lato-Italic'), url('../Font/lato/lato-v20-latin-italic.eot?#iefix') format('embedded-opentype'), url('../Font/lato/lato-v20-latin-italic.woff2') format('woff2'), url('../Font/lato/lato-v20-latin-italic.woff') format('woff'), url('../Font/lato/lato-v20-latin-italic.ttf') format('truetype'), url('../Font/lato/lato-v20-latin-italic.svg#Lato') format('svg'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../Font/lato/lato-v20-latin-700.eot'); src: local('Lato Bold'), local('Lato-Bold'), url('../Font/lato/lato-v20-latin-700.eot?#iefix') format('embedded-opentype'), url('../Font/lato/lato-v20-latin-700.woff2') format('woff2'), url('../Font/lato/lato-v20-latin-700.woff') format('woff'), url('../Font/lato/lato-v20-latin-700.ttf') format('truetype'), url('../Font/lato/lato-v20-latin-700.svg#Lato') format('svg'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('../Font/lato/lato-v20-latin-700italic.eot'); src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../Font/lato/lato-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), url('../Font/lato/lato-v20-latin-700italic.woff2') format('woff2'), url('../Font/lato/lato-v20-latin-700italic.woff') format('woff'), url('../Font/lato/lato-v20-latin-700italic.ttf') format('truetype'), url('../Font/lato/lato-v20-latin-700italic.svg#Lato') format('svg'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('../Font/lato/lato-v20-latin-900.eot'); src: local('Lato Black'), local('Lato-Black'), url('../Font/lato/lato-v20-latin-900.eot?#iefix') format('embedded-opentype'), url('../Font/lato/lato-v20-latin-900.woff2') format('woff2'), url('../Font/lato/lato-v20-latin-900.woff') format('woff'), url('../Font/lato/lato-v20-latin-900.ttf') format('truetype'), url('../Font/lato/lato-v20-latin-900.svg#Lato') format('svg'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 900; src: url('../Font/lato/lato-v20-latin-900italic.eot'); src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('../Font/lato/lato-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), url('../Font/lato/lato-v20-latin-900italic.woff2') format('woff2'), url('../Font/lato/lato-v20-latin-900italic.woff') format('woff'), url('../Font/lato/lato-v20-latin-900italic.ttf') format('truetype'), url('../Font/lato/lato-v20-latin-900italic.svg#Lato') format('svg'); }

body{
	font-family: 'Lato';
}
@font-face {
    font-family: Lato;
    src: url('../font/Lato.ttf') format('ttf');
    font-style: normal;
}
ul {
	padding-left: 0;
}
ul li {
	list-style: none;
}
h4{
	font-weight: bold;
}
.margin0{
	margin:0px;
}
.btn-disable {
	background-color: #79AFCE;
	color: #FFFFFF;
	padding: 8px 27px;
    border-radius: 0;
    border: none;
}
.btn-primary, .btn-default, .btn
{
border-radius: 0 !important;
}
.btn , .form-group input {
	border-radius: 0;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(0,123,255,.25);
}
.wrapper {
	position: relative;
    top: -38px;
}
.header-logo {	
	height: 75px;
    position: relative;
    top: -1px;
    z-index: 1;    
}
.user-logo {
	background: url(../images/user.png) no-repeat;
	height: 75px;
}
.btn-red {
	background-color: #9E0F1A;
	color: #FAFAFA;
	font-size: 16px;	
	font-weight: 500; 
	width: 100%;
}
.img-responsive {
	width: 100%;
	height: auto;
}
.login-header {
	background-color: #385DAE;
	padding: 0.8em;
}
.login-header2 {
	background-color: #608ECC;
	position: relative;
    top: -34px;
    padding: 0.5em;
}
.login-header2-list {
	margin: 0 0 0 5.8em;
	padding: 0;
	list-style:none;
}
.header-links {
	margin: 0;
	padding: 0;
	list-style:none;
}
.header-links li, .login-header2-list li{
	display: inline-block;
	padding: 0 11px;
}
.header-links li a{
	font-size: 18px;
	color: #FFFFFF;
	padding-bottom: 1.5em;
	text-decoration: none;
}
.login-header2-list li a{
	color: #FAFAFA;
	font-size: 14px;		
	text-align: right;
	text-decoration: none;
}
.user-details {
	color: #FAFAFA;	
	font-size: 12px;	
	font-weight: 500;
}
.home-link {
	margin-left: 7em;
}
.search-icon::after {
	/*background: url(../images/search.png) no-repeat;*/
	content: "";
    display: inline-block;
    /*width: 20px;*/
    height: 20px;
    vertical-align: middle;
    margin: 0 0 0 6px;
}
.pricing-padding0{
	padding:0;
}
.cart-icon::after {
	background: url(../images/cart.png) no-repeat;
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 0 0 6px;
}
.placeholder-input{
	font-size: 14px;
} 
.footer-logo{
	background: url(../images/hills-logo.png) no-repeat;
	height: 75px;
}
.footer-txt {
	font-size: 8px;
	color: #FAFAFA;
}
.btn-14 {
	color: #FFFFFF;	
	font-size: 14px;
	font-weight: 500;	
	text-align: center;
	background-color: #0055A5;
}
.error-Box{
	border: 1px solid #ED1B34; 
	background: url(../images/warning-red.png) no-repeat;
	height: auto;
    width: 100%;
    padding-left: 28px;
	background-color: white;
}

.error-Box-pwd{
	border: 1px solid #ED1B34; 
	background: url(../images/warning-red.png) no-repeat;
	height: auto;
    width: 100%;
    padding-left: 28px;
	background-color: white;
}

.errorBorder{
	border: 2px solid #ED1B34 !important; 
	color: #ED1B34 !important;
} 
.error{
 	border: 2px solid #ED1B34;
}
a:hover {
	text-decoration: none;
}
/********cart************/
.cartList
{
  width: 320px;
  position: absolute;
  right: 10%;
  /* top: -3.7%; */
  z-index: 999999;
  background-color: #F4F6F7;
  border:1px solid #999999;
  padding: 0 10px 0px 30px; 
}
form#addressForm input, #addressForm select , #shippingAddressForm input,  #shippingAddressForm select{
    height: 36px !important;
}
#addressForm select, #shippingAddressForm select{
    padding-right: 20px;
}
#changePetStatusForm select {
    padding-right: 20px;
}
.moreItemslink
{
  cursor:pointer;
  color: #46A3EE !important;
  text-decoration: underline !important;
}
.cartList .row
{
  padding:10px 0px;
}
.cart-thump-image{
	width:50px;
}
.cartWarpper
{
	max-height: 450px;
    overflow-y: auto;
    margin-bottom: 24%;
	width:100%;
}
.header-viewcart
{
	position: absolute;
    bottom: 0;
    width: 79% !important;
    left: 14%;
}
.cartList .addItems
{
  padding:10px 14px !important;
}
.viewcart .btn
{
  color: #fff;
   background-color: #0062cc;
   border-color: #005cbf;
}
.borderBottom
{
  border-bottom: 1px solid #999999;
}

.itemsinCart
{
  text-align:right;
}
.moreItems
{
  padding-left:0;
  padding-right:0;
}
@media (max-width: 576px)
{
  .borderBottom img {
    position: initial;
    width: 130px;
    height: 130px;
    float:left;
}

.cartList {
    width: 284px;
    }
    .header-links li, .login-header2-list li
    {
      padding:0;
    }
    .login-header2-list
    {
    margin:0;
    }
    
}
.promo-strike-price
{
	text-decoration:line-through;
	color:gray !important;
	font-style:italic;
}
.blue_text
{
	color: rgb(0, 85, 165) !important;
}
.white_text{
    color: white !important;
}
.badge_circle{
    background: white;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: #608ecc;
    font-size: 12px;
}

.erroText
{
	border:1px solid #ED1B34;
	padding:6px;
	margin-bottom:3%;
	background-color: white;
}
.erroText span
{
	float: left;
    margin-right: 4%;
    margin-top: 2%;
}
.duplicateUser p
{
	font-size: 13px;
    padding: 1px;
    margin-bottom: 0;
}

.incorrectUser p
{
font-size: 13px;
    padding: 5px;
    margin-bottom: 0;
}

.padding_top_8px{
    padding-top: 8px;
}

/* Added to fix search issue HDCP2-666*/
.display_none{
      display : none !important;
}

.padding_left_25px{
    padding-left: 25px;
}

.padding_right_0px{
	padding-right:0px !important;
} 
@media (max-width: 576px)
{
	.header-logo
	{
	top:13px;}
}

ul.header-links.padding_top_1{
	padding-top:2px;
}
.form-control
{
	border-radius:0;
}

.incorrectUser .FL {float: left;}
.incorrectUser .clr {clear: both;}

.literature .left-nav-companion h6 {
    border-top: 1px dotted #bcbcbc;
    padding: 20px 0px;
    text-transform: capitalize;
}

.literature .left-nav-companion {
    margin: 40px 13%;
}
.literature.container h3, .literature.container h5 {
    text-align: center;
}
.dropdown-toggle::after
{
      display:none;
}

select, .bootstrap-select .dropdown-toggle .filter-option
{
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance:none;
  appearance:none; 
  background: url(../images/date-down-arrow-icon.png) no-repeat;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 4px;  
} 
select::-ms-expand{
      display:none;
}
/**minicart Related css**/
.cartList ul li {
    padding: 0;
    text-align: left;
    float:left;
}
.cartList ul li a {
    color: #46A3EE ;
    text-align: left;
    text-decoration: underline;
}
.cartList .col-md-8 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 4px;
    padding-right: 0px;
}

div#g-recaptcha_incorrect {
    display: none;
}
.spinner-wrapper{
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9990;
   opacity: .8;
}
.spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(255, 255, 255, .7) url(../images/spinner.gif) center no-repeat;
/*   background-size: 150px 120px; */
/*   background-color: #333; */
/* border-radius: 100%;   */
  opacity : .7;
/*   -webkit-animation: sk-scaleout 1.0s infinite ease-out; */
/*   animation: sk-scaleout 1.0s infinite ease-out; */
}

/* .spinner { */
/* 	display:none; */
/* 	position: fixed; */
/* 	left: 0; */
/* 	top: 0; */
/* 	width: 100%; */
/* 	height: 100%; */
/* 	z-index: 9000; */
/* 	background: rgba(255, 255, 255, .7) url(../images/spinner.gif) center no-repeat; */
/* } */

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
.alert-wrapper .alert-dismissible
{
      margin-top:60px !important;
}

.header-links li.cartqty
{
      display:block;
      float:none;
}


.pricingUnderline
{
Text-decoration:underline;
}

.pricingUnderlineNone
{
Text-decoration:none !important;
}
.nounderline{
     text-decoration:none !important;                
  }
  .unclickable{
	pointer-events:none !important;
}
.link-login{
	cursor:pointer !important;
}

.margin-top-10{
    margin-top:10px;
}

.promotion{
	margin-top : 40px;
}
.heads
{
font-size: 24px;
}
.conts
{
font-size: 14px;
}
.impnote
{
font-size: 14px;
color: red;
}
.header-logo {
    background: url(../images/HillsToHomeLogo.png) no-repeat;
    height: 75px;
    position: relative;
    top: -1px;
    z-index: 1;
    padding: 0 38px;
}
@media (min-width: 578px)
{ 	
	.borderBottom img{
	 	 position: absolute;
	    top: 12%;
	    right: 5%;
	}
	.carousel-margin-top{
	     margin-top : 55px;
    }
	.page-v2cPromotionsPage .footer-section{
    position: fixed;
    bottom:0;
    width:100%;
	}
	

	.rsvp-none-desktop{
    	display:none !important;
    }
	.back-button {
	padding-top: 2em;
	}
	.btn-primary
	 {
		width: 228px;
	}
	.paymentactions{
		margin-left:55px;
	}
	.payment-popup-cancel{
		margin-left: 64%;
	}
	.payment-popup-submit{
		margin-left:34%;
	}
	.main__inner-wrapper .container
	{
          margin-top: 35px;
	}
	.payment-popup-cancel
	{
		background-color:#fff;
		margin-left:64%;
	}	
	.payment-popup-submit
	{
		margin-left:34%;
	}
	
}
@media (max-width: 576px)
{   
	.main__inner-wrapper .container
	{
          margin-top: 10px;
	}
	#useSelectedCardCheckout-Btn{
		width:100%;
	}
  	.main__inner-wrapper {
    	margin-top:84px;
	}
	.login-header-padding{
		padding:1.5em !important;
	}
	.rsvp-items{
	    height: 100px;
	    width: 100px;
	    margin-bottom: 10px;
	}
	.userdetailsMobile
	{
	 background: #fff;
	 margin-top: -2px;
	 padding-top: 2px !important;
	}
	.page-petParentRegistrationPage .userdetailsMobile 
	{
		margin-top:10px !important;
	}
	.rsvp-margin{ 
		margin-left:15px;
	}
	.rsvp-margin0{ 
		margin-left:0px !important;
	}
	.rsvp-marginleftright0{ 
		margin:0px !important;
	}
	.rsvp-marginleftright10{ 
		margin-left:10px !important;
		margin-right:10px !important;
	}
	.rsvp-margin-left-for{
	  margin-left: 33%;
	}
	.rsvp-marginbottom10{ 
		margin-bottom:10px !important;
	}
	.rsvp-padding0{ 
		padding-left:0px !important;
	}
	.rsvp-width{
	width:100% !important;
	}
	.rsvp-width70{
	width:70% !important;
	}
	.rsvp-margintop10{
		margin-top: 10px;
	}

	.rsvp-select-button{
	    padding-left: 0% !important;
	    margin-left: 0% !important;
	    width: 100% !important;
	}
	#myAccountPage .left-content {
	     padding-left: 15px !important; 
	}
	.rsvp-wordbreak{
	   word-break: keep-all !important;
	}
	.table-modal-responsive
	{
		width: 300px;
		overflow-x:auto;
	} 
    .rsvp-petcolumn{ 
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }
    .rsvp-marginbottom20{
    margin-bottom: 20px;
    }
    .rsvp-product-pricing-align{
    	float : left !important;
    	width:100% !important;
    }
    .product-title{
       margin-bottom:10px;
    }
    .rsvp-newprice{
     width:50px !important;
    }
    .rsvp-margintop10{
       margin-top : 15px;
    }
    .rsvp-none{
    	display:none !important;
    }
    .rsvp-quantityofitem{
    	margin-left: 14px;
	    margin-right: 3px;
	    margin-top: 3px;
	    margin-bottom: 10px;
    }
    .rsvp-quantiylabel{
       padding-left:15px;
    }
    .table-mobile-responsive
	{
		width:1000px;
		overflow-x:auto;
	}
	.rsvp-image
	{
	margin-left:-30px !important;
	}
	.bootstrap-select .dropdown-menu {
	    width: 100% !important;
	    min-width: 100% !important;
	}
	.rsvp-manageClinicUser-cancel{
            padding-left: 18px !important;
      padding-right: 17px !important;
      }
      .rsvp-cart-additems{
          padding-left : 20px !important;
      }

} /**end of media Querry max-width: 576px**/

/* UPS ADDRESS */

.ui-dialog{
    z-index: 1500;
    background-color: yellowgreen;
    padding: 20px;
}

@media screen and (max-width:768px) {
	#hth-upsaddress-Modal .hills-custom-modal {
		left: 0% !important;
		top: 0% !important;
	}
}

@media screen and (max-width:640px) {
	#hth-upsaddress-Modal .hills-custom-modal {
		left: 0% !important;
		top: 0% !important;
	}
}

#hth-upsaddress-Modal .hills-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 500px;
	height: auto;
	left: 0;
	top: 150px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}
.hills-upsaddress-custom-modal-content {
	padding: 0 50px 25px;
	min-height: 150px;
}

.hills-upsaddress-modal-footer {
	padding: 0 60px 25px;
	text-align: left;
/*     height: 70px; */
}

.upsaddressClose {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #1587CA;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  cursor: pointer;
  padding: 5px 30px;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.upsaddressCloseLabel {
  line-height: 1;
  color: #c10000;
  margin: 2px 0px;
  cursor: pointer;
}
.hills-custom-modal-header h3{
	color: #231F20;
    font-family: Lato;
    font-size: 24px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 1.5rem;
}

.upsaddress-error{
	color: #da291b;
	font-weight: bold;
	font-size: 15px;
    line-height: 30px;
/*     margin-bottom: 15px; */
}
.upsaddress-text{
	font-weight: bold;
    line-height: 25px;
}
.upsaddress-address, .upsaddress-radio{
	font-size: 14px;
    line-height: 25px;
    padding: 0px 8px;
}

@media screen and (max-width:768px) {
	#hth-stripeAccountPopup-Modal .hills-custom-modal {
		left: 0% !important;
		top: 0%!important;
	}
}

@media screen and (max-width:640px) {
	#hth-stripeAccountPopup-Modal .hills-custom-modal {
		left: 0% !important;
		top: 0% !important;
	}
}

#hth-stripeAccountPopup-Modal .hills-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 390px;
	height: auto;
	left: 0;
	top: 250px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
}

.stripeAccountPopupClose {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #1587CA;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  cursor: pointer;
  padding: 5px 30px;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}


.hills-stripeAccountPopup-custom-modal-header h3{
	color: #231F20;
    font-family: lato;
    font-size: 22px;
    font-weight: bold;
    line-height: 10px;
    margin: 1.5rem;
    text-align: center;
}

.hills-stripeAccountPopup-custom-modal-content {
	padding: 0 38px 0px;
	font-family: lato;
/* 	margin-left: 10px; */
	font-weight: bold;
}

.hills-stripeAccountPopup-modal-footer {
	font-family: lato;
	padding: 0 82px 25px;
	text-align: left;
}
    .highlighted-content {
    text-align: center;
    margin-top: 0.3rem;
    margin-bottom: -0.7rem;
    background-color: #999999;
    padding-top: 17px;
    padding-bottom: 12px;
    }
    
    @media only screen and (max-width: 900px){
    .highlighted-content {
    text-align: center;
    margin-top: 0.3rem;
    margin-bottom: 3.3rem;
    background-color: #999999;
    padding-top: 17px;
    padding-bottom: 12px;
    }
    }
    
    .highlighted-text {
    padding: 17px;
    border-radius: 5px;
    font-size: 1.875em;
    letter-spacing: 1px;
    color: white;
    }
   .banner-content-link:link {
  color: #005dcb;
  text-decoration: underline;
	}
	.banner-content-link:visited {
  color: #005dcb;
	}
	.banner-content-link:hover {
  color: #608ecc;
  text-decoration: underline;
	}
	.banner-content-link:active {
  color: #ec1b35;
  text-decoration: underline;
	}
	.skiptocontent {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }