@font-face {
    font-family: 'OpenSans-Bold'; /*a name to be used later*/
    src: url('../assets/fonts/OpenSans-Bold.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'OpenSans-Light'; /*a name to be used later*/
    src: url('../assets/fonts/OpenSans-Light.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'OpenSans-Regular'; /*a name to be used later*/
    src: url('../assets/fonts/OpenSans-Regular.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'OpenSans-Semibold'; /*a name to be used later*/
    src: url('../assets/fonts/OpenSans-SemiBold.ttf'); /*URL to font*/
}
html, body{
	scroll-behavior: smooth;
}

.imgService{
	height: 300px !important;
	margin-bottom: 2rem;
}

.servicesOffered{
	margin-bottom: 5rem;
}

.btn_appointment{
	float: right;
	margin-top: 10px;
}
.home_background{
	height:680px;
	/*background-image: url('../img/home.jpg');*/
	background-repeat: no-repeat; 
	background-position: center ;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	margin-top: -80px
}

.navbar-toggler{
	margin-right: 30px;
}
.navbar{
	background-color: rgba(3, 74, 142, 0.75);
	font-family: OpenSans-Semibold;
	font-size: 16px;
	letter-spacing: .5px;
	margin-top: 1px;
	transition: background-color 1s ease 0s;
	color: white;
}


.navsolid{
	background-color: rgba(3, 74, 142, 1);
	font-family: OpenSans-Semibold;
	font-size: 16px;
	letter-spacing: .5px;
	margin-top: 1px;
	transition: background-color 1s ease 0s;
}

.head_title{
	color: #63be03;
	font-size: 39px;
	font-family: Opensans-Bold;
	text-align: right;
	letter-spacing: 2.5px;
	margin-top: 220px;
	margin-bottom: 40px;
}
.head_text{
	color: #252525;
	font-size: 18px;
	font-family: Opensans-Regular;
	text-align: right;
}
.head_container{
	margin-right: 20px;
	margin-left: 20px;
}

.service_image{
	/*height: 70%;*/
	margin-top: 20px;
	margin-bottom: -50px;
}
.services_title{
	color: #63be03;
	font-family: Opensans-Bold;
	font-size: 40px;
	text-align: center;
}
.service_name{
	opacity: 0;
	position: absolute;
	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
 	text-align: center;
}
.image1:hover .service_name{
  opacity: 1;
   /*-webkit-filter: blur(1.7px);*/
}

.image1:hover img{
  /*opacity: 1;*/
   -webkit-filter: blur(1.7px);
}
.service_name_one{
	color: white;
	font-family: OpenSans-Semibold;
	font-size: 20px;
	margin-bottom: 15px;

}
.btn_services{
	font-size: 14px;
	font-family: OpenSans-Regular;
}
.mobile{
	padding-bottom:50px;
}
.contactus{
	background-color: #034a8e;
	padding-top: 80px;
	padding-left: 50px;
	padding-right: 50px;
}
.footer_part1{
	margin-bottom: 50px;
}

.footer_row1{
	padding-right: 80px;
}
.company_name{
	font-size: 27px;
	font-family: OpenSans-Semibold;
	color: white;
	padding-bottom: 40px;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.company_description{
	font-size: 16px;
	font-family: OpenSans-Regular;
	color: white;
	padding-bottom: 25px;

}
.navigation_name{
	font-size: 27px;
	font-family: OpenSans-Semibold;
	color: white;
	padding-bottom: 40px;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.navigation_links>div>a{
	font-size: 16px;
	font-family: OpenSans-Regular;
	color: white;
	padding-bottom: 25px;
}
.navigation_links>div>a>i{
	color: #81df25;
}
.contact_name{
	font-size: 27px;
	font-family: OpenSans-Semibold;
	color: white;
	padding-bottom: 40px;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.contact_info>div>a>i{
	color: #81df25;
}
.contact_info>div>a{
	font-size: 16px;
	font-family: OpenSans-Regular;
	color: white;
	padding-bottom: 25px;
}
.footer_hr{
	background-color: #81df25;
}
.footer_row2{
	padding-left: 50px;
}
.contact_home{
	margin-bottom: 15px;
}
.contact_phone,.contact_fax,.contact_envelope{
	margin-bottom: 5px;
}
.footer_part2>hr{
	background-color: #006dd7;
	margin-bottom: 50px;
}
.footer_part2{
	color: white;
	font-family: OpenSans-Regular;
	font-size: 20px;
	margin-bottom: 50px;

}
.btn_footer{
	font-family: OpenSans-Regular;
	font-size: 14px;
	margin-left: 15px;
}
.footer_part3>hr{
	background-color: #006dd7;
	margin-bottom: 50px;
}
.footer_part3{
	padding-bottom: 40px;
}
.copyright{
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: OpenSans-Regular;
	font-size: 13px;
	background-color: #012241;
	color: white;
}
.social{
	margin-left: 5px;
	margin-right: 5px;
}
.counter{
    margin-left:5px; !important
}
/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 770px) {
.navlogo{
	max-width: 65%;
}
.head_title{
	color: #63be03;
	font-size: 30px;
	font-family: Opensans-Bold;
	text-align: center;
	letter-spacing: 2.5px;
	margin-top: 240px;
	margin-bottom: 50px;

}
.head_text{
	color: #252525;
	font-size: 14px;
	font-family: Opensans-Regular;
	text-align: center;
}

.navphone{
	background-color: rgba(3, 74, 142, 1);
	font-family: OpenSans-Semibold;
	font-size: 12px;
	letter-spacing: .5px;
	margin-top: 1px;
	transition: background-color 1s ease 0s;
	color: white;
}

.services_title{
	color: #63be03;
	font-family: Opensans-Bold;
	font-size: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.service_image{
	margin-bottom: 50px;
	margin-top: -30px;
}
.service_name{
	opacity: 0;
	position: absolute;
	top: 30%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
 	text-align: center;
}
/*.image1> .img-fluid{
	height: 90%;
}*/
.service_name_one{
	color: white;
	font-family: OpenSans-Semibold;
	font-size: 12px;
	margin-bottom: 15px;

}
.about{
	height:650px;
	/*background-image: url('../img/about_background.png');*/
	background-repeat: no-repeat; 
	background-position: center ;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 50px;
	/*padding-left: 80px;*/
	/*padding-right: 80px;*/
}
.about_head{
	font-size:40px;
	color: #63be03;
	font-family: Opensans-Bold;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 50px;

}
.about_text{
	color: #252525;
	font-size: 12px;
	font-family: Opensans-Regular;
	text-align: center;
	/*margin-right: 120px;*/
	/*margin-left: 120px;*/
	/*margin-bottom: 30px;*/
	letter-spacing: 1px;
	/*word-spacing: 4px;*/
}
.about_whitebg{
	background-color: rgba(249, 249, 249, .50);
	padding-right: 20px;
	padding-left: 20px;
	/*padding: 50px;*/
	/*position: absolute;*/
	
}
.btn_about{
	font-size: 14px;
	font-family: OpenSans-Regular;
	position: center;
	margin-bottom: 70px;
}

.staffs{
	height:600px;
	/*background-image: url('../img/staffs.jpg');*/
	background-repeat: no-repeat; 
	background-position: center ;
	background-size: cover;
	/*background-attachment: fixed;*/
	width: 100%;
	/*margin-top: 50px*/
}
.staffs_title{
	font-size:30px;
	color: #63be03;
	font-family: Opensans-Bold;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 20px;
}
.staffs_text{
	color: #252525;
	font-size: 12px;
	font-family: Opensans-Regular;
	margin-bottom: 50px;
	letter-spacing: 1px;
	padding-right: 50px;
	padding-left: 50px;
	text-align: center;
}
.mobile_title{
	font-size:30px;
	color: #63be03;
	font-family: Opensans-Bold;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.mobile_text{
	color: #252525;
	font-size: 12px;
	font-family: Opensans-Regular;
	margin-bottom: 50px;
	letter-spacing: 1px;
	padding-right: 50px;
	padding-left: 50px;
	text-align: center;
	margin-top: 40px;
}
.btn_mobile{
	font-size: 14px;
	font-family: OpenSans-Regular;
	position: center;
	margin-bottom: 40px;
	margin-top: 30px;
}

.footer_row1{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 70px;
	text-align: center;

}
.footer_row2{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 70px;
	text-align: center;
}
.navigation_links>div{
	text-align: left;
	padding-left: 50px;
	padding-right: 50px;
}
.footer_row3{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 50px;

}
.company_name{
	font-size: 20px;
	font-family: OpenSans-Semibold;
	color: white;
	padding-bottom: 20px;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.company_description{
	font-size: 12px;
	font-family: OpenSans-Regular;
	color: white;
	padding-bottom: 30px;

}
.navigation_name{
	font-size: 20px;
	font-family: OpenSans-Semibold;
	color: white;
	padding-bottom: 20px;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.navigation_links>div>a{
	font-size: 12px;
	font-family: OpenSans-Regular;
	color: white;
	padding-bottom: 30px;
}

.contact_name{
	font-size: 20px;
	font-family: OpenSans-Semibold;
	color: white;
	padding-bottom: 20px;
	letter-spacing: 1px;
	word-spacing: 2px;
	text-align: center;
}

.contact_info>div>a{
	font-size: 12px;
	font-family: OpenSans-Regular;
	color: white;
	padding-bottom: 25px;
}
.footer_part2{
	color: white;
	font-family: OpenSans-Regular;
	font-size: 16px;
	margin-bottom: 50px;

}
.btn_footer{
	font-family: OpenSans-Regular;
	font-size: 12px;
	margin-left: 15px;
}

}



/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 770px) { 
.services{
	padding-top: 120px;
	padding-left: 150px;
	padding-right: 150px;
	margin-bottom: 100px;
	height:680px;
	}
.services_title{
	/*margin-top: 100px;*/
	margin-bottom: 10px;
}
.about{
	height:680px;
	/*background-image: url('../img/about_background.png');*/
	background-repeat: no-repeat; 
	background-position: center ;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	padding-top: 120px;
	padding-bottom: 80px;
	padding-left: 80px;
	padding-right: 80px;
}
.about_head{
	font-size:40px;
	color: #63be03;
	font-family: Opensans-Bold;
	font-size: 40px;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 50px;

}
.about_text{
	color: #252525;
	font-size: 16px;
	font-family: Opensans-Regular;
	text-align: center;
	margin-right: 120px;
	margin-left: 120px;
	margin-bottom: 50px;
	letter-spacing: 1px;
	word-spacing: 4px;
}
.about_whitebg{
	background-color: rgba(249, 249, 249, .50);
	/*position: absolute;*/
	
}
.btn_about{
	font-size: 14px;
	font-family: OpenSans-Regular;
	position: center;
	margin-bottom: 70px;
}
.staffs{
	height:680px;
	/*background-image: url('../img/staffs.jpg');*/
	background-repeat: no-repeat; 
	background-position: center ;
	background-size: cover;
	/*background-attachment: fixed;*/
	width: 100%;
	/*margin-top: 10px;*/
	text-align: center;
}
.staffs_title{
	font-size:40px;
	color: #63be03;
	font-family: Opensans-Bold;
	font-size: 40px;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 30px;

}

.staffs_text{
	color: #252525;
	font-size: 16px;
	font-family: Opensans-Regular;
	margin-bottom: 50px;
	letter-spacing: 1px;
	padding-right: 250px;
	padding-left: 250px;
	text-align: center;
}
.mobile_title{
	font-size:40px;
	color: #63be03;
	font-family: Opensans-Bold;
	font-size: 40px;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 30px;

}
.mobile_text{
	color: #252525;
	font-size: 16px;
	font-family: Opensans-Regular;
	margin-bottom: 50px;
	letter-spacing: 1px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 100px;
	text-align: right;
}

.btn_mobile{
	font-size: 14px;
	font-family: OpenSans-Regular;
	position: center;
	margin-bottom: 70px;
	margin-top: 30px;
}
}



/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

.home_background{
height:100%;
/*background-image: url('../img/home.jpg');*/
background-repeat: no-repeat; 
background-position: center ;
background-size: cover;
background-attachment: fixed;
width: 100%;
margin-top: -80px
}

.about{
	height:100%;
	/*background-image: url('../img/about_background.png');*/
	background-repeat: no-repeat; 
	background-position: center ;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 100px;
	/*padding-left: 80px;*/
	/*padding-right: 80px;*/
}

.about_head{
	font-size:40px;
	color: #63be03;
	font-family: Opensans-Bold;
	font-size: 40px;
	text-align: center;
	padding-top: 90px;
	padding-bottom: 50px;

}

.about_whitebg{
	background-color: rgba(249, 249, 249, .50);
	margin-top: 160px;
	/*position: absolute;*/
	
}

.staffs{
	height:100%;
	/*background-image: url('../img/staffs.jpg');*/
	background-repeat: no-repeat; 
	background-position: center ;
	background-size: cover;
	/*background-attachment: fixed;*/
	width: 100%;
	/*margin-top: 10px;*/
	text-align: center;
}
.counter{
    margin-left:5px; 
}

}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }