/*!
 * Start Bootstrap - Business Casual (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
}


a, a:hover {text-decoration:none; outline:none}
a:active, a:focus {outline:0} 
img {border:none; vertical-align:top;}

/* DEFAULT FORM STYLING */
input[type="radio"], input[type="checkbox"] {vertical-align:-2px}
textarea {resize:none}
input {visibility:visible; outline:none}

/* INDIVIDUAL RESET */
.reset {list-style:none; padding:0; margin:0}

/* FLOATS */
.lf {float:left} .rf {float:right}

/* CLEAR FLOAT */
.clear {clear:both; padding:0; margin:0; overflow:hidden; height:0}



h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: 'PT Serif', serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.font-color
{
	color:#fff;
}

.navbar-brand{ height:auto; padding:0px 0px; }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{   
color: #FFF;
    }

.fix-nav{  border:1px solid #1b96e0;  }


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ color:#1b96e0;     background-color: transparent;}
.navbar-inverse .navbar-nav>li>a{ color:#FFF; font-weight:500;  font-size: 14px; }
.navbar-nav>li>a { margin-right:5px ;    padding: 20px 13px; text-transform: uppercase; }
/*.navbar-inverse .navbar-nav>li>a:hover{ color:#1b96e0; border:1px solid #1b96e0; padding:8px 23px;}*/
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {  border-color:transparent;}
.navbar-inverse {  border-color:transparent;  background:#2e385c;}
.fixed-header {
   position: fixed;
   display: block;
      color: 000;
   z-index: 9999;
   left: 0;
   right: 0;
   transition: padding .3s;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.navbar {
    border-radius: 0px;
	border:0px;
}

 
.fixed-header .top-head
{
display:none;
}


.navbar-header {
    margin-top: 7px;
}






h3{  padding-bottom:10px;}

/*ul.nav.navbar-nav.navbar-right {  margin-top: 28px;}*/
.top-right p{ display:inline-block; color:#af2900;  font-size:17px; font-family: 'Montserrat', sans-serif;
    font-weight: 600; margin-bottom: 0px;}
.top-right p.seno{ margin-right:12px;}
.top-right a{ color:#af2900; }
.ml{ margin-left:20px;}
.top-head{ background:#FFF; padding:10px 0px;}
.top-right .fa{ font-size:18px;}





footer{ background:url(../img/petcare.jpg) no-repeat;      overflow: hidden;    background-size: cover;    padding:30px 0;}

.form-horizontal .form-group
{
	margin-right:0;
}
footer .form-control
{
	background-color: transparent;
	
}

footer .form-control:hover
{
	background:none;
}




.carousel-caption{     background: rgba(0, 0, 0, 0.57);  padding:0px 10px; bottom:34%; width:60%; margin:0 auto;}
.carousel-caption h4{ font-size:26px; line-height:1.6; color:#FFF; font-family: 'Montserrat', sans-serif; font-weight:600;}
.carousel-caption p{ font-size:19px; color:#ffffff;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{     font-size: 26px;
    background: black;
    height: 8%;
    padding-top: 8px;
    width: 20%;
    /* border-radius: 50%; */
    /* top: 6px; */
    /* margin-top: 6px; */
    border-radius: 5px;}



.btn-primary { background-color:#f15f43; border-color:#de9c8f;}




.nav-tabs>li>a{ font-size:15px;}

/*property for the bootstrap panel*/


/*property for the HTML input placeholder*/
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*property for reset button*/
button[type="reset"]    {
    background-color:transparent;
    border:1px solid black;
}

/*Glyphicon color*/

.contact h3{ font-size:40px; color:#f15f43; margin-bottom:20px; }

.footer h3{font-size: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #FFF; }
	
.footer h3:before {
    position: absolute;
    content: "";
    width: 510px;
    border: 1px solid #868282;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
}	

.footer h3:after {
    position: absolute;
    content: "";
    width: 60px;
    border: 1px solid #7d3e3e;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 7px;
}
	
.footer span{    color: #fec500;
    font-size: 37px;}

.footer p{ color:#FFF; font-size:18px;}

.footer-sec{background: #000;  padding: 20px 0;    color: #FFF;}
.footer-sec p{ color:#FFF; font-size:15px; margin-bottom:0px;}
.footer-sec span{ color:#f6931e;     font-size: 19px;}


/*.item img{ width:100%;}*/

.btn-group button.btn.btn-primary { border: none; border-radius: 7px;  padding: 12px 10px;     font-size: 14px;     margin-left: 8px;     background-color: #ffb426;}
.btn-group button.btn.btn-primary:hover{background-color: #75b42f}














@media (max-width: 1024px){
	.pratical-left h3:before{    width: 430px  !important;}
	.pratical-left h3{ margin-top:0px;}
	.pratical-left ul li{ font-size:16px; margin-bottom:12px;}
	.pratical-left h4{    margin: 25px 0px 14px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{    padding-top: 4px;}
	
	}




@media screen and (max-width:991px) {
	
	.footer .text-right{ text-align:center;}	

.btn-group button.btn.btn-primary{ padding:10px 6px;}
.navbar-inverse .navbar-nav>li>a{ font-size:12px;}
.navbar-nav>li>a{ padding:6px 12px; }
.navbar-inverse .navbar-nav>li>a:hover{ padding:5px 11px}
.navbar-brand{ padding:5px 10px;}
	
	
}

@media screen and (max-width:768px) {
	
	.footer-sec{ text-align:center;}
	ul.nav.navbar-nav.navbar-right {  margin-top:0px;}

}




@media screen and (max-width:568px) {
.tab-content ul li{     width:43%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 38px;}
.carousel-caption{ display:none;}
.navbar-brand>img {     width:200px;}
.top-right p{ font-size:15px; line-height:0px; margin-bottom:0px;}

}



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



.navbar-brand>img {     width: 170px;}


.footer h3 {   font-size: 36px;     margin-bottom: 30px;}
.product h3 {   font-size: 36px;     margin-bottom: 30px;}
.about-us h3 {   font-size: 36px;     margin-bottom: 30px;}
.about-us{ padding:25px 0px;}

footer{ padding:25px 0px;}



}







@media screen and (max-width:980px) {
	.navbar-brand>img{    width: 136px;}
	.navbar-header {    margin-top: 8px;}
	.navbar-inverse .navbar-nav>li>a {
    font-size: 11px;
}

.navbar-nav>li>a {    padding: 15px 8px;}
.navbar-inverse .navbar-nav>li>a:hover {
    padding: 15px 8px;
}


.thanks-caption{ width:80%;}
.thanks-caption h4 {  font-size: 35px;}

	}



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

.thanks-caption{ width:85%;}
.thanks-caption h4 {  font-size: 30px;}
.img-sub-abt{ right:-10px !important; bottom: -10px !important;}
.mb40{ margin-bottom:30px;}
footer{ padding:25px 0px;}

.navbar-brand>img{ height:auto;}
.navbar-inverse .navbar-nav>li>a {    font-size: 15px;}
.carousel-caption{    bottom: 21%;
    width: 60%;}
.lf{ float:none; width:100% !important;}
.rf{ float:none; width:100%  !important;     height: 450px !important;}
 .pratical-right h4{   font-size: 21px;}
 .pratical-right{    padding: 20px 20px; margin-top:100px !important;}
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
    background:transparent;
    height:auto;
    padding-top: 8px;
    width: auto;
   
    border-radius: 5px;
}

.service h3:before{ display:none !important;}
.pratical-left h3:before{ display:none !important;}

.member h3:before{ display:none !important;}

.gallery h3:before {display:none !important;}

.service .img-sec p{ font-size:15px  !important;}

.footer h3:before{ display:none !important;}
.footer h3:before{  display:none !important;}

}
 
 
 



	
@media screen and (max-width:580px) {
	
	.footer h3{ margin-bottom:10px;}
	
	.pratical-right{    padding: 15px; margin-top:60px !important;}
	.service .img-sec p{  padding-top:5px!important; padding:10px 10px!important; min-height:45px!important;}
	
	}


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

.top-right p{ font-size:13px; }

.pratical-left h3:before {
    width: 270px !important;
}

.pratical-right{    margin-left: 50px !important; width:80% !important;     padding: 30px 40px!important;}
.pratical-right h4{ font-size:20px!important; line-height:1.4!important;}

}

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

p.ml {   display: none;}
.top-right p{ font-size:13px; }

.pratical-left h3:before{ width:200px;}
.pratical-left h3:before {
    width: 230px !important;
}

.pratical-right{    padding: 30px 0px!important; margin-left:30px!important;}
.rf{    background-position: center !important;}

}


/*New CSS Of Job*/


.navbar{ margin-bottom:0px;}




.form-control{ color:#FFF;     border: 1px solid #fff	}

.footer h4{ font-size:26px; color:#FFF;  font-family: 'Montserrat', sans-serif; font-weight:600;}
.footer p .fa.fastyle{ font-size:18px; color:#fec500;      margin-right: 16px;}

.navbar-toggle{ background-color: #f4931d;}


.form-control::-moz-placeholder{color:#FFF;opacity:1}.form-control:-ms-input-placeholder{color:#FFF}.form-control::-webkit-input-placeholder{color:#FFF}

.navbar-nav .active{
        background-color:#af2900!important;
   color: #fff!important;
   }
   
   
 /*Pet Css*/  
   
.carousel-caption a{ font-size:20px; text-transform:uppercase; background:#af2900; color:#FFF; padding:12px 25px; border-radius:5px; display:inline-block; margin-bottom:20px;}
.carousel-caption a:hover{    background: #a03f21e6;}

.lf{ float:left; width:50%;}

.pratical-left {
    width:94%;
    z-index: 1;
    position: relative;
    margin: 25px 0px;
    float: right;
    margin-right: 15px;
}


.rf{ float:right; width:50%; background:url(../img/pra-img.jpg) no-repeat;      height: 580px;   background-size: cover;}
.rf img{ width:100%;}
.pratical-right {float: left;         margin: 0 auto;   width: 80%;    margin-top: 150px;        margin-left: 70px;    background: #0000009e;    padding: 40px 50px;      text-align: center;    }

.pratical-right h4{ text-align:center; margin: 0 auto;
    color: #FFF;
    line-height: 1.8;
    font-size: 25px;  font-family: 'Montserrat', sans-serif; font-weight:500;}

.pratical-left h3{ position:relative;     padding-bottom:34px; font-size:32px; text-align:center; font-family: 'Montserrat', sans-serif; font-weight:600;     color: #af2900; margin-top:0px; }

.pratical-left h3:before {
    position: absolute;
    content: "";
    width: 510px;
    border: 1px solid #f7f6f6;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
}

.pratical-left h3:after {
    position: absolute;
    content: "";
    width: 60px;
    border: 1px solid #7d3e3e;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 7px;
}



.pratical-left p{ font-size:16px; font-family: 'Montserrat', sans-serif; font-weight:500; color:#000; }
.pratical-left h4{ font-size:20px;     margin: 30px 0px 14px;  font-family: 'Montserrat', sans-serif; font-weight:600;     color: #3c79a2; }
.pratical-left ul li{ list-style:none; margin-bottom:20px; font-size:17px; font-family: 'Montserrat', sans-serif; font-weight:600; background:url(../img/mark.png) no-repeat left; padding-left:35px;  }
.pratical-left ul{ padding:0px 4px;}



.img-sec img{ width:100%; }

.service {
    background: #d8d2d2;
}


.service { padding:30px 0px}
.service h3{ font-size:30px; text-align:center; position:relative; padding-bottom:30px; font-family: 'Montserrat', sans-serif; font-weight:600;     color: #af2900;}
.service h3:before {
    position: absolute;
    content: "";
    width: 510px;
    border: 1px solid #e2d7d7;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
}

.service h3:after {
    position: absolute;
    content: "";
    width: 60px;
    border: 1px solid #7d3e3e;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 7px;
}

.service .img-sec p    {padding: 15px 10px;
    font-size: 16px;
    color: #000;
	 text-align:center;
    background: #FFF;
    font-weight: bold;
	    min-height: 92px;
    padding-top: 28px;
	
	}
.hover-sec{ position:absolute; display:none; background:#af290082; width:100%; height:100%; top:0px;    }
.pet-sec{ position:relative;}

.img-sec:hover .hover-sec{ display:block;}
.hover-sec span{ background:url(../img/view.png) no-repeat; width:38px; height:38px;  position:absolute;     top: 45%;
    left: 42%;}
	
.img-sec {
    margin: 20px 0px;
}	

.car-sec p{ font-size:20px; text-align:center; padding:10px 0px; background:#a9330f; color:#FFF; font-family: 'Montserrat', sans-serif; font-weight:600;}
.car-sec .owl-dots{ display:none;}
.car-sec .fa{ font-size:24px; color:#FFF;}
.owl-theme .owl-nav [class*=owl-]{ padding:2px 30px  !important;     background: #a9330f !important;}

.member{ padding:30px 0px;}
.member h3{ font-size:30px; text-align:center; position:relative; padding-bottom:30px; font-family: 'Montserrat', sans-serif; font-weight:600;     color: #af2900;}
.member h3:before {
    position: absolute;
    content: "";
    width: 510px;
    border: 1px solid #f7f6f6;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
}

.member h3:after {
    position: absolute;
    content: "";
    width: 60px;
    border: 1px solid #7d3e3e;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 7px;
}

.vet-box{ text-align:center;}
.vet-box h4{ text-align:center; font-size:20px;  background: #2e385c;  font-family: 'Montserrat', sans-serif; font-weight:600;    color: #FFF;    padding: 20px 0px; margin-bottom:0px;}
.vet-box ul li{ list-style:none; display:block; margin-bottom:22px; font-size:17px; font-family: 'Montserrat', sans-serif; font-weight:400; border-bottom:1px dashed #ccc; padding-bottom:12px; color:#000; }

.vet-box  a{ font-size:16px; color:#FFF; background:#2e385c; padding:12px 20px; display:inline-block; margin-top:10px; margin-bottom:5px; text-transform:uppercase;}	
.sub-vet{   padding: 20px;
    background:#F8F9FA;     min-height: 418px;}


.gallery{ padding:20px 0px;     background: #fbfbfb;}
.gallery h3{ font-size:30px; text-align:center; position:relative; padding-bottom:30px; font-family: 'Montserrat', sans-serif; font-weight:600;     color: #af2900;}
.gallery h3:before {
    position: absolute;
    content: "";
    width: 510px;
    border: 1px solid #f7f6f6;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
}

.gallery h3:after {
    position: absolute;
    content: "";
    width: 60px;
    border: 1px solid #7d3e3e;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 7px;
}
.gal-sec img{  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}

.gal-sec:hover img{-khtml-opacity:.20;
	-moz-opacity:.20;
	-ms-filter:"alpha(opacity=20)";
	filter:alpha(opacity=20);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	opacity:.20;
	-webkit-transform:scale(1.3) rotate(7deg);
	-moz-transform:scale(1.3) rotate(7deg);}
  
.gal-sec {   position: relative;   margin-top: 10px; margin-bottom:30px; overflow:hidden;}

.gal-sec:hover .hover-sec{ display:block;}
.footer .btn-warning{ background:#ae2900;     border:0px;}
a.bnow{ margin-top:30px;}

.inner-banner{ background:url(../img/inner-ban.jpg) no-repeat; width:100%;     height: 470px; position:relative; }
.inner-cap{ position:absolute; top:30%; text-align:center; width:100%;}
.inner-cap h4{ text-align:center; font-size:40px; color:#FFF;}