@charset "utf-8";

@font-face {
	font-family: 'MontserratRegular';
	src: url('../fonts/MontserratRegular.eot');
	src: local('MontserratRegular'), url('../fonts/MontserratRegular.woff') format('woff'), url('../fonts/MontserratRegular.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_8356">Text with this font applied</p> */
.fontsforweb_fontid_8356 {
	font-family: 'MontserratRegular' !important;
}

/* Font downloaded from FontsForWeb.com */
/* CSS Document */

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

a, a:hover {
    text-decoration: none;
	color:#686868;
	width:auto;
}

a{
	outline: none;	
}
a:focus
{
	outline: none;	
} 

button:focus {outline: none;}
input:focus{
		outline:none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:  #AFAFAF !important;
   opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color:  #AFAFAF;
}
:-ms-input-placeholder { /* IE 10+ */
  color:  #AFAFAF;
}
:-moz-placeholder { /* Firefox 18- */
  color:  #AFAFAF !important;
  opacity: 1;
}
::-moz-placeholder {
	color:  #AFAFAF !important;	
  	opacity: 1;
}

.dropdown-menu {padding-left:5px;}
.dropdown-menu a { color:#fff}
body{
	font-family: 'MontserratRegular' !important;
	color:#15688A;	
	font-size:1.0rem;
}

#wrapper{
	top: 0px;
	left: 0px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
}

.topbar{
	height: 59px;
	background-color: #F4F4F4;
}
.phoneBg{
	width: 48px;
	height: 48px;
	background: transparent url('../images/phone_bg.png') 0% 0% no-repeat padding-box;
}

.phone{
	position:relative;
	top: 28%;
	left:32%;
	width: 15px;
	height: 15px;
	background: transparent url('../images/phone.png') 0% 0% no-repeat padding-box;

}

.mainColor{
	color:#0066b2;
}
.darkColor{
	color:#0066b2;	
}


.para{
	font-size:1.4rem !important;	
}


.navbar-default{
	background-color:transparent !important;
	border-color:transparent !important;	
    margin-bottom: 0px;	
}

.navbar-nav{

	align-content: right;
	justify-content: flex-end;

	text-align: center;
	width:100%;	
}

.navbar-nav > li {
    margin-left:70px;
}

.navbar-nav > li:first-of-type {
    margin-left:0;
}

.navbar-nav > li:last-of-type {
    margin-right:11%;
}

.w{
	width:50%;
}

.wi{
	width:65%;
}
.wg, .smBtn:hover {width:20%;}



.navbar-nav > li >a {
    color: #0077c0;
    /*font-size: 1.2rem !important;*/
}

.topBtn{
	background-color:#0077c0;
	color:white;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	text-align: center;
	border: 1px outset white;
	box-shadow: 0px 3px 6px #00000029;	
}
.topBtn1{
	background-color:#0077c0;
	color:white;
}
header .sign-in-up{
	width: 100px;
	height: 40px;	
	font-size:20px;
	margin-right: 5px;
	text-transform:capitalize !important;		
}

header .sign-in-up a, header .sign-in-up a:hover{color:white; display: contents; }

#mainBanner{
	
	width: 100%;
	height: 500px;
	border-top: 1px outset #414042;
	
	background: transparent url('../images/mainBanner.jpg') no-repeat center;
    background-position: center center; 	
}
#iDBanner{
	
	width: 100%;
	height: 300px;
	border-top: 1px outset #414042;
	background: transparent url('../images/main_idBanner.jpg') no-repeat center;
    background-position: center center; 	
}

#accBanner{
	
	width: 100%;
	height: 300px;
	border-top: 1px outset #414042;
	background: transparent url('../images/accessories_banner.jpg') no-repeat center;
    background-position: center center; 	
}
#bannerText{
	position: relative;
	top:180px;
	left:3%;
	width:35%;		
}

#innerBannerText{
	position: relative;
	top:15px;
	left:3%;
	width:38%;
	line-height:2.3rem;
}

#bannerText, #innerBannerText{
	text-transform:uppercase;
	background-color:#0077c0;
	color:#FFF;
	font-size:2.1rem;
	padding:2%;
	
}

.topBtn{
	font-size: 1.5rem;
	text-transform:uppercase;	
}

.darkBtn, a.darkBtn:hover{
	font-size: 1.5rem;
	background-color:#0066b2;
	color:#fff;
	
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	text-align: center;	
}
 a.darkBtn:hover{
	color:#0077c0 !important;
 }
.more, more:hover{
	width:30% !important;	
}
.more-m, more-m:hover{
	width:38% !important;		
}

.mainContainer .leftTopBanner {
	width: 325px;
	height:230px;
	background: transparent url('../images/pet-parent.png') no-repeat center;
}

.PuppyContainer .leftPuppyBanner{
	width: 100%;
	height:192px;
	background: transparent url('../images/puppy-tag.jpg') no-repeat center;	
}

.PuppyScanContainer .leftPuppyScanBanner{
	width: 100%;
	height:202px;
	background: transparent url('../images/qr-code-scanning.jpeg') no-repeat center;	
}

.medical_record{
	background-color:#A2A1A2;	
}
.medicalBanner{
	width: 345px;
	height:229px;
	margin-top: .7rem !important;
	background: transparent url('../images/medical-record.jpeg') no-repeat center;
}

.puppies-scroller .row{
	width:85%;	
}

footer{
	background-color:#0077c0;
}
.footer-nav ul, .footer-nav ul li a{
	list-style:none;
	color:#fff;
}

.select2 {
    line-height: 1.5 !important;
    color: #495057  !important;
    background-clip: padding-box  !important;
    border: 1px solid #ced4da  !important;
    border-radius: .25rem  !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out  !important;
	padding:3px;

}
.select2-container--default .select2-selection--single{
	padding:3px;
	border:none !important;	
}