@charset "utf-8";







@font-face {

  font-family: Karla;

  src: url(../public/karla/static/Karla-Regular.ttf)

}



body

html {

	font-family: 'Karla', 'sans-serif'!important;

	font-size: 14px;

	width: 100%;

	height: 100%

}



ul {

	list-style: none

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box

}



.heading-style {

	font-family: 'Karla', sans-serif!important;

	font-weight: 700

}

h1,h2,h3,h4,h5,h6{

	font-family: 'Karla', sans-serif!important;



}



a {

	text-decoration: none!important

}

.navbar-nav li {

	margin-top: 1rem!important;

}

.hero-section{

    width: 100%;

    height: auto;

    background-color: #ccc;

}



.custom-container

{

	width: 100%;

    padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

}



.main-content {

	width: 100%;

	overflow: hidden;

	height: auto

}

.blue-color{

	color: #3962aa!important;

}

.yellow-color{

	color: #fdb715!important;

}

.bg-color-blue

{

	background-color: #3962aa!important;

}



.navbar-light .navbar-nav .nav-link {

   /* color: black!important;*/

    /*padding-left: 15px;*/

    font-weight: 600;

}

.contact-navbar-hr

{

	margin-bottom: 0px;

	margin-top: .5rem;

}

.custom-appointment-btn{

	border-radius: 0px!important;

	background-color: #3962aa;

    border-color: #295c86;

    color: white;

    padding: 12px 20px 12px 20px;



}

.custom-appointment-btn:hover{

	color: white;

	text-decoration: underline;

}







/* card decoration */

.card{

	border-radius: 0px!important;

}

.bg-bl{
    background-color: #2E53A3!important;
}


.blue-card{

    background-color: #2E53A3!important;

	/*background-image:url(../images/all-pages/help-icon.png);

  	background-repeat: no-repeat;

    background-size: 100% 100%;*/

    width:100%;

    height: 100%;



}


.blue-card .blue-card-1{
  overflow: hidden!important;
  width:100%;

    height: 100%;
    z-index: 1;
}

.blue-card .blue-card-1 img{
    position: absolute;
    left: 89%;
    height: 102%;
    width: auto;
    top: -1%;
    transform: translate(-50%, 0%);
    opacity: 0.1;
    /*z-index: -1;*/
}

.blue-card .text-underline{

	

    text-underline-position: 1px;

}

.bg-gr{
    background-color: #A3C249!important;
}

.green-card{

    background-color: #A3C249!important;

	/*background-image:url(../images/all-pages/Branch-icon.png);

  	background-repeat: no-repeat;

    background-size: 100% 100%;*/

   	width:100%;

    height: 100%;

}

.green-card .green-card-1{
  overflow: hidden!important;
  width:100%;

    height: 100%;
    z-index: 1;
}

.green-card .green-card-1 img{
      position: absolute;
    left: 86%;
    height: 100%;
    width: auto;
    top: 2%;
    transform: translate(-50%, 0%);
    opacity: 0.1;
}

.bg-yl{
    background-color: #F6D55C!important;
}

.yellow-card{

    background-color: #F6D55C!important;

	/*background-image:url(../images/all-pages/Bill-Icon.png);

  	background-repeat: no-repeat;

    background-size: 100% 100%;*/

  	 width:100%;

    height: 100%;

}

.yellow-card .yellow-card-1{
  overflow: hidden!important;
  width:100%;

    height: 100%;
    z-index: 1;
}

.yellow-card .yellow-card-1 img{
      position: absolute;
    left: 89%;
    height: 100%;
    width: auto;
    top: 0%;
    transform: translate(-50%, 0%);
    opacity: 0.2;
}





/*footer area css*/

#footer-section ul>li {

	padding-top:10px;

}

#footer-section ul>li a {

	text-decoration: none;

	color: #555555;

}

.custom-newletter-btn{

	border-radius: 0px!important;

	background-color: #3962aa;

    border-color: #295c86;

    color: white;

    padding: 15px 0px 35px 0px!important;

    border: none;



}

.custom-newletter-btn:hover{

	color: white;

	text-decoration: underline;

}

#footer-section .form-control {

	border-radius: 0px;

	padding: 5px;

}

#footer-section .form-group > input {

	background-color: #e5f4fb;

	height: 50px;

}

.part1-footer-margin-handle{

	margin-top: 110px;

}

.part2-footer-margin-handle{

	margin-top: 100px;

}

.part3-footer-margin-handle{

	margin-top: 60px;

}

.part2-footer-margin-handle ul >li

{



}

.social-icons ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.social-icons ul li {

    float: left;

    display: block;

    font-size: 20px;

    width: 35px;

    height: 35px;

    margin: 5px;

    color: #555555!important;

    text-align: left;

    line-height: 35px;
   /* margin-left: 50px!important;*/

}

.social-icons ul li a  {

   

    color: #555555;

}

.social-icons ul li a:hover  {

   

    color: #3962aa!important;

}
/*.social-icons-ml{

    

   margin-left: 25px!important;

    

}*/

.copyright {

	font-size: 14px;

}

.copyright span img{
    width: 15px;
    height: 15px;
}

.mb-newsletter-5 {

    margin-top: 4.35rem!important;

}



#copyright{

	font-size: 10px;

}

/*by mateen */



/* Extra small devices (phones, 600px and down) */

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

.content-appointment-area

{

text-align: center;

	

}




}




}

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



}





/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 376px) {



/*.social-icons-ml {

    

   margin-left: 45px!important;

    

}*/
}

@media only screen and (min-width: 600px) {


/*.social-icons-ml{

    

   margin-left: 50px!important;

    

}*/


}



/* Medium devices (landscape tablets, 768px and up) */

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



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {...}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {

	.picture_area_text_box_outer {

   min-height: 380px!important;

    width: 500px!important;

    box-shadow: black;

    /* border: 1px solid; */

    padding: 0px 50px 20px 50px!important;

    box-shadow: -6px 3px 9px!important;

    background-color: white!important;

    position: absolute!important;

    bottom: 20px!important;

    right: -150px!important;

}

.reviews-area-content-box {

  

       min-height: 180px!important;

 

}

/*.social-icons-ml{

    

   margin-left: 50px!important;

    

}*/




}



@media (min-width: 1201px) {



.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 900px!important;

  

}

 body,

html {

	font-family: 'Karla', sans-serif!important;

	font-size: 12px!important;

	width: 100%!important;

	height: 100%!important;

}

#department-service {

    min-height: 650px!important;

    background-color: #3962aa!important;

}

#reviews-area {

    min-height: 500px!important;

    background-color: #e4e4e4;

}

#billmaxmd-service-area {

    min-height: 350px!important;

}



.nav-log-img{

	height: 60px!important;
    width: 200px!important;
    margin-left: -50px;

}

    

 .custom-appointment-btn {

  

    padding: 8px 20px 8px 20px!important;

}

#tabs .nav-tabs .nav-link {



    font-size: 14px!important;

}

.billmaxmd-service-heading-outer {

  

    padding-top: 5px!important;

}

.content-appointment-area {

    min-height: 100px!important;

}



.custom-newletter-btn {

   

    padding: 15px 0px 30px 0px!important;

   

}



#footer-section .form-group > input {

    

    height: 40px;

}




/*.social-icons-ml {

    

   margin-left: 50px!important;

    

}*/


.social-icons ul li {

    float: left;

    display: block;

    font-size: 15px;

    width: 25px;

    height: 35px;

    margin: 5px;

    color: #555555!important;

    text-align: left;

    line-height: 25px;

}

 /*   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0rem; 
    
}*/


        #copyright {
            font-size: 12px;
        }







}



/* Extra large devices (large desktops, 1200px and up)*/

@media screen and (min-width: 1501px) {





	/*.navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0rem; 
   
}*/
#copyright {
    font-size: 12px;
}


 .container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 1140px!important;

}

  body,

html {

	font-family: 'Karla', sans-serif!important;

	font-size: 16px!important;

	width: 100%!important;

	height: 100%!important;

}



#department-service {

    min-height: 835px!important;

    background-color: #3962aa!important;

}

#reviews-area {

    min-height: 635px!important;

    background-color: #e4e4e4;

}

#billmaxmd-service-area {

    min-height: 630px!important;

}

 .custom-appointment-btn {

  

    padding: 12px 20px 12px 20px!important;

}

#tabs .nav-tabs .nav-link {



    font-size: 16px!important;

}

.billmaxmd-service-heading-outer {

   

    padding-top: 100px!important;

}

.content-appointment-area {

    min-height: 135px!important;

}

.custom-newletter-btn {

   

    padding: 15px 0px 35px 0px!important;

   

}

#footer-section .form-group > input {

    background-color: #e5f4fb;

    height: 50px;

}



#copyright {
    font-size: 16px;
}
.social-icons ul li {

    float: left;

    display: block;

    font-size: 20px;

    width: 35px;

    height: 35px;

    margin: 5px;

    color: #555555!important;

    text-align: left;

    line-height: 35px;

}

/*.social-icons-ml {

    

   margin-left: 50px!important;

    
*/
}
.social-icons-facebook{
    margin-left: 0px!important;
}



}



/*		@media screen and ( min-width: 1200px ) {

				@media (min-width: 1200px){

.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 80%!important;

} }

@media screen and ( min-width: 1920px ) {

				@media (min-width: 1920px){

.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 1080px;

} }

*/

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

    .copyright span img{
    width: 10px;
    height: 10px;
}


}