@font-face{
   font-family: 'OpenSans-Regular';
   src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face{
   font-family: 'OpenSans-Semibold';
   src:url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

html{
	scroll-behavior: smooth;
}

body{
	  font-family: 'OpenSans-Regular';
	  color: #444444;
}
.logo{
	width: 160px;
	margin-bottom: 5px;
}

.mynav{
	margin-bottom: 0;
	border-bottom: 1px solid rgb(24,47,79);
	border-radius: 0;
}

.mynav .nav{
	margin-top: 0px;
}

.mynav .nav li a{
	text-transform: capitalize;
	color: rgb(24,47,79);
	font-family: 'OpenSans-Semibold';
	box-shadow: inset 0 0 rgb(24,47,79);
	transition: 0.3s;
	letter-spacing: 1px;
	font-size: 15px;
}

.mynav .nav li a:hover{
/*  background: rgb(24,47,79);*/
  color:#ffffff;
 box-shadow: inset 0 70px rgb(24,47,79);
}

.mynav .dropdown-menu a{
padding: 10px;
}
.dropdown:hover .dropdown-menu{
	display: block;
}

.mynav .navbar-toggle{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}

.navbar-right{margin-right: 15px;}

.bg{
	background: rgb(24,47,79);
	color:#ffffff;
	padding: 0;
}

.pr{
	background: #89c5fd;
	color:rgb(24,47,79);
	font-family: 'OpenSans-Semibold';
	padding: 30px 10px;
	margin-left: -15px;
	margin-right: -15px;
}

.pr h3{
	margin-top: 5px;
}

.pr2{
background: #3a80cc;
	color:#ffffff;
	font-family: 'OpenSans-Semibold';
	padding: 60px 10px;
	margin-left: -15px;
	margin-right: -15px;
}

.pr2 h3{
	margin-top: 5px;
}


.bg .head{color:#fff;}
.bg .button{
	background: #ffffff;
	color:rgb(24,47,79);
}
.bg .button:hover{
	background: #ffffff;
	color:rgb(24,47,79);
}

.banner2{
	padding: 0;
	margin-top: 70px;
}
.banner2 img{
	width: 100%;
}

.banner{
	padding: 0;
	margin-top: 70px;
	background: url('../images/banner7.png');
	background-size: 100%;
	height: 500px;
	background-repeat: no-repeat;
}

.banner img{
	width: 100%;
}

.cover{
	position: absolute;
	left:165px;
/*	width: 500px;*/
}

.banner-text{
	margin-top: 360px; 
	color:#ffffff;
	letter-spacing: 0.5px;
	text-align: center;
}
.banner-text h2{
	color:#ffffff;
	font-family: 'OpenSans-Semibold';
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;

}

.banner-text p{
	line-height: 25px;
font-size:16px;
font-family: 'OpenSans-Semibold';
}

.info{text-align: center;}
.info img{width: 100px;}

.buy{
	display: inline-block;
	padding: 7px 25px;
	border:2px solid #ffffff;
	border-radius: 10px;
	background: #ffffff;
	color:#182F4F;
	font-family: 'OpenSans-Semibold';
	transition: 0.2s;
	text-decoration: none;
	margin-top: 20px;
}




.intro{
	margin-top: 85px !important;
}


.mt{
	margin-top: 65px !important;
}

.intro2{
	margin-top: 50px;
}

.hintro{
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 25px;
		text-align: justify;
}

.abt p{
	font-size: 16px;
	line-height: 30px;
}

.drn{
	font-family: 'OpenSans-Semibold';
	margin-bottom: 0;
}

.button{
	background: rgb(24,47,79);
	color:#ffffff;
	padding: 15px 20px;
	display: inline-block;
	font-family: 'OpenSans-Semibold';
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-radius: 10px;
	border: 0;
}

.button:hover{
 text-decoration: none;
 color:#ffffff;
}

.button2{
	background:  #fdd415;;
	color:#182F4F ;
	padding: 15px 20px;
	display: inline-block;
	font-family: 'OpenSans-Semibold';
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	border: 0;
	border-radius: 10px;
}

.button2:hover{
 text-decoration: none;
 color:#182F4F ;
}

.img1{
	width: 100%;
	border:1px solid #cccccc;
	padding: 7px;
	margin-top: 50px;
}

.subhead{
	font-family: 'OpenSans-Semibold';
	color:#182F4F ;
}

.head{
	color:#182F4F ;
    font-family: 'OpenSans-Semibold';
    text-align: center;
    position: relative;
    padding-bottom: .8em;
    margin-bottom: 30px;
    font-size: 32px;
    /*letter-spacing: 4px;*/
}


.head::before {
  width: 11%;
  bottom: 8%;
  left: 44.5%;
}

.head::after{
  width: 18%;
  right: 41%;
  bottom: 0%;
}

.head::before, .head::after{
  position: absolute;
  background: #fdd415; /*#2ebaef;*/
  height: 2px;
  content: '';
}
.treat{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.treat img{
	height: 100px;
	margin-bottom: 10px;
}
.disease{
	text-transform: capitalize;
	font-family: 'OpenSans-Semibold';
}

.cats{
	padding: 0;
	position: relative;
	overflow: hidden;

}
.cats img{
	transition: 1s;
}	

.product .cats:hover img{
	transform: scale(1.1);
	
}

.product{
	margin-bottom: 25px;

}

.product a{
	color:#333333;
	text-decoration: none;
}

.allpro{
	margin-top: 20px;
	margin-bottom: 50px;
}

.mrp{
	font-size: 18px;
	color:#999;
}

.price{
	font-size: 30px;
	font-family: 'OpenSans-Semibold';
	user-select: none;
}

.size{
	display: inline-block;
	padding: 5px 10px;
	border:2px solid #e9c1f6;
	color:#333333;
	cursor: pointer;
	text-align: center;
	width: 100px;
	margin-right: 10px;
	user-select: none;
	margin-bottom: 5px;
}

.active{
	border:3px solid #a805dc;
}

.rate{
	font-size: 13px;
	color: #666;
}

.save{
	background: #91d3c4;
	color:#ffffff;
	font-family: 'OpenSans-Semibold';
	display: inline-block;
	padding: 5px 10px;
	font-size: 18px;
	user-select: none;
	margin-left: 10px;
}



.adc{
	display: inline-block;
	padding: 10px 20px;
  background:#fdd415;
  color: #182F4F;
  font-family: 'OpenSans-Semibold';
  margin-top: 20px;
  font-size: 18px;
  transition: 0.3s;
}
.adc:hover{
	text-decoration: none;
	background: #182F4F;
	color:#ffffff;
}

.desc{letter-spacing: 0.5px; line-height: 25px;}


.disc{
	font-size: 13px;
	color: #666;
}


.minus{
	display: inline-block;
	border:1px solid #333333;
	color:#333333;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	padding-top: 2px;
}

.plus{
	display: inline-block;
	border:1px solid #333333;
	color:#333333;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	padding-top: 2px;
}

.qty{font-size: 18px; display: inline-block; width: 30px; text-align: center;}
.summary{font-size: 18px; border: 1px solid #efefef; padding: 15px;}
.summary span{
	width: 200px;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
.summary .fa-stack{
	display: inline-block;
	width: 40px;
}

.sum{font-family: 'OpenSans-Semibold';}

.per{
	font-size: 16px;
	margin: 0;
}

.cap{
	font-size: 13px;
	margin: 0;
	margin-left: 55px;
	margin-top: -10px;
}

.apply{
	float: right; 
	display: inline-block;
	margin-top: 5px;
}

.modal-body a{
	color:#ffffff;
}


.pro{
	font-family: 'OpenSans-Semibold';
	color: #666666;
	margin-top: 5px;
	font-size: 16px;
}


.mrp2{
	font-size: 16px;
	color:#999;

}

.price2{
	font-size: 24px;
	font-family: 'OpenSans-Semibold';
	user-select: none;
	color:#333;
}

.save2{
	background: #91d3c4;
	color:#ffffff;
	font-family: 'OpenSans-Semibold';
	display: inline-block;
	padding: 5px 10px;
	font-size: 13px;
	user-select: none;
	margin-left: 10px;
}

.inr{font-size: 16px;}
.planpr{
/*	font-family: 'OpenSans-Semibold';*/
	background:#182F4F;
	color:#ffffff;
	margin: 0;
	padding: 15px 10px;
	text-align: center;
	letter-spacing: 1px;
}

.form{
	padding: 15px 30px;
	border:1px solid #eee;
/*	background: #efefef;*/
	
}

.form label{
	font-size: 13px;
}
.form input{
	width: 100%;
	height: 40px;
	padding-left: 10px;
	border:1px solid #ccc;
	border-radius: 7px;
}

.form select{
	width: 100%;
	height: 35px;
	background: #ffffff;
		border:1px solid #ccc;
		border-radius: 7px;
}

.form input[type='submit']{
	
	border-radius: 0;
	color: #fff;
	border:0;	
}

.form textarea{
	padding-left: 10px;
	border:1px solid #ccc;
	height: 100px;
	border-radius: 7px;
}

.form .code{
	display: inline-block;
	margin-top: 5px;
	color: #999;
	font-size: 24px;
	letter-spacing: 4px;
}

.form span{
	color:#f00;
}

.formbg{
	background: #f7f7ff;
}

#bc{
 font-weight: bold;
    display: inline-block;
    background: #a805dc;
    color:#ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    /*padding-top: 2px;*/
    margin-left: -2px;
   
    position: relative;
}


.plinks li a{
 color: #333;
}

.plinks li a:hover{
background: #182F4F; 
color:#ffffff;
}
.full{
	background: #182F4F;
	color:#ffffff;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 20px;
}
.full h4{
color:#fdd415;
}


.full .form{
	color:#333333;
}

.full .head{
	color:#ffffff;
}

.full a{
	color:#ffffff;
}

.cont{
	margin-top: 15px;
	padding-left:50px;
}
.cont h4{
	font-family: 'OpenSans-Semibold';
}

.cont > i{
	position: absolute;
	left: 0;
	top:30px;
}

.cont a{
	color:#ffffff;
	display: inline-block;
	margin: 8px;
}



.footer{
	/*margin-top: 50px;*/
	/*padding-top: 40px;*/
	padding-bottom: 60px;
	background: #182F4F;
	color:#ffffff;
}
.footer h3,h4{
	font-family: 'OpenSans-Semibold';
	letter-spacing: 0.5px;
}

.footer p{
	letter-spacing: 0.5px;
	line-height: 25px;
}

.footer a{
	color:#ffffff;
	text-decoration: none; 
}
.step{text-align: center; font-family: 'OpenSans-Semibold';}
.step p{

	color:#fdd415;
}
/*.step span{
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fdd415;
	color:#182F4F;
	font-family: 'OpenSans-Semibold';
	font-size: 24px;
	padding-top: 30px;
}*/

.plan{
	padding: 10px;
	text-align: center;
}

.plan h4{
	font-family: 'OpenSans-Semibold';
	text-align: center;
	font-size: 24px;
	color:#182F4F;
}

.plan .get{
	background: #fdd415;
	color:#182F4F;
	font-size: 16px;
	display: inline-block;
	padding: 10px 25px;
	font-family: 'OpenSans-Semibold';
}
.plan .get:hover{
  text-decoration: none;
}

.form label{ font-weight: normal; font-family: 'OpenSans-Semibold' }
.form input{
	width: 100%;
	height: 35px;
}

.form textarea{
	width: 100%;
	height:100px;
}

.bmi{
background:  #fdd415;
	color:#182F4F ;
	padding: 12px 20px;
	display: inline-block;
	font-family: 'OpenSans-Semibold';
	font-size: 20px;
	margin-bottom: 35px;
	margin-top: 15px;
	border-radius: 25px;

}

.bin{
	border:0;
	border-bottom:2px solid #333;
	border-radius: 7px;
	height: 40px;
	width: 100px;
	font-size: 15px;
	padding-left: 10px;
	font-weight: bold;
}


.bor{
	padding: 10px;
	border:1px solid #999;
	float: left;
	width: 100%;
}
.bor span{
	font-weight: normal;
	font-family: 'OpenSans-Semibold';
}

.cart{
	display: inline-block;
	background:  #182F4F;
	color:#fff ;
	padding: 5px 10px;
	font-size: 16px;
	border-radius: 0 0 10px 10px;

}


.mynav .user .cart a{
	display: inline-block;
	background:  #182F4F;
	color:#fff ; 
	font-size: 16px; 
	text-decoration: none; 
	}
.mynav .user .cart a:hover{
	display: inline-block;
	background:  #182F4F;
	color:#fff ; 
	font-size: 16px; 
	text-decoration: none; 
	}

	.user li > a{ padding-top: 10px; }

.user li a{
		color:#182F4F; 
}

.user li a:hover{
		color:#182F4F; 
		background: none;
}

.tsoc a{
	background: #182F4F; 
	color:#ffffff; 
	padding: 5px;
	padding-top: 5px;
	border-radius: 0 0 7px 7px;
	display: inline-block;
	text-decoration: none;
	font-family: 'OpenSans-Semibold';
}

.bottom{
	display: none;
	font-family: 'OpenSans-Semibold';
	text-align: center;
}

.bottom a{
	display: block;
	padding:15px 10px; 
}
.one{
	background: #89c5fd;
		color:#182F4F; 
}
.one a{color:#182F4F; }

.two{
	background: #3a80cc;
	color:#ffffff;
}

.two a{color:#ffffff; }

.three{
	background: green;
}

.three a{color:#ffffff;}


.testimonial a{color:#444; text-decoration: none;}
.testimonial h4{
font-family: 'OpenSans-Semibold';
letter-spacing: 1px;
}
.testimonial p{ color:#444; letter-spacing: 0.5px; }
.testimonial i{
	color: #ffd43b;
	margin-bottom:10px;
}


.time{
    font-family: 'OpenSans-Semibold';
}

@media(max-width: 480px){
	.chat{display: none;}
	.bottom{display: block;}
	.colpa{padding: 0}
	.logo{
	width: 120px;
  	margin-left: 10px;
  	margin-bottom: 5px;
    position: relative;
	}
	.user{margin-top: -65px !important; margin-right: 60px !important; text-align: right; margin-right: 5px; float: right;}
	.user li{
		display: inline-block;
	}

	.intro{margin-top: 65px  !important;}
.banner{
	padding: 0;
	margin-top: 65px;
	background: url('../images/banner4.png');
	background-size: 100% 100%;
	background-position: top center;
	background-repeat: no-repeat;
	height: 500px;
}
	.cover{
		background: none;
		height: 100%;
		left: 0;
		width: 100%;
	}
	.cover .container{padding: 0;}
	.banner-text{
		margin-top: 350px;
		text-align: center;
	}

	.banner-text h2{
	color:#ffffff;
	font-family: 'OpenSans-Semibold';
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;

}

	.banner-text h4{
		line-height: 30px;
		font-size:17px;
		font-family: 'OpenSans-Semibold';
	}

	.banner2{
	padding: 0;
	margin-top: 105px;
	}
}