@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body
{
margin:0;
padding:0;

}
h1,h2,h3,h4,h5,h6
{
margin:0;
padding:0;
font-family: 'Bebas Neue', cursive;
}
p
{

margin:0;
padding:0;
font-family: 'Raleway', sans-serif;
}
ul,ol,li
{
margin:0;
padding:0;
list-style:none;
}
a
{
text-decoration:none;
font-family: 'Bebas Neue', cursive;
}
.auto-container
{
max-width:1170px;
margin:auto;	
}
.header-outer
{
width:100%;
float:left;
position:fixed;
background-color:#fff;
z-index:99999;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 6%);
}
.header-inner
{
width:100%;
float:left;
padding:0px 50px;
}
.header-logo
{
width:auto;
float:left;
margin-right:30px;
}
.header-logo a {
font-size: 65px;
color: #1998d5;
letter-spacing: 5px;
}
.header-right {
float: left;
width: auto;
}
.navbar-right
{
width:auto;
float:left;
}
.navbar-right li {
float: left;
padding: 23px 20px;
position: relative;
}
.navbar-right li ul li {
border-bottom: 1px #eee solid;
padding:0px;
}
.navbar-right ul li ul {
display: none;
}
.navbar-right ul li ul li
{
width:100%;
float:left;
}
.navbar-right ul li ul li:after
{
display:none;
}
.navbar-right li ul li a {
font-size: 18px;
letter-spacing: 1px;
color: #fff;
padding: 10px 20px;
display: block;
}
.navbar-right li ul li a:hover
{
background-color:#000;
color:#fff;
}
.navbar-right ul li:hover ul {
display: block;
position: absolute;
background-color: #1998d5;
top: 85px;
left: 0;
}
.navbar-right li:after {
content: "";
background-color: #000;
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.navbar-right li:last-child:after
{
display:none;
}
.navbar-right a {
color: #000;
font-size: 30px;
letter-spacing: 2px;
}
.navbar-right ul li a:hover
{
color:#1998d5;
}
.contact-info {
width: auto;
margin-top: 32px;
float: right;
}
.contact-info ul li {
float: left;
margin-right: 20px;
font-size: 20px;
}
.our-services-inner h1 {
font-size: 55px;
text-align: center;
margin: 30px 0 40px;
position:relative;
padding-bottom:10px;
}
.our-services-inner h1:after
{
width:100px;
height:1px;
position:absolute;
left:0;
right:0;
margin:auto;
bottom:0;
content:"";
background-color:#000;
}
.contact-info ul li:last-child
{
margin-right:0;
}
.contact-info ul li .fa {
margin-right: 10px;
}
.contact-info ul li a
{
color:#000;
}
.main-banner-outer
{
width:100%;
float:left;
}
.main-banner-outer img
{
width:100%;
float:left;
}
.our-services-outer
{
width:100%;
float:left;
background-color:#eee;
padding:50px;
}
.our-services-inner {
width: 100%;
float: left;
padding:35px 25px 0px;
background-color: #fff;
}
.our-services-inner:last-child
{
padding-bottom:25px;
}
.our-serivces-box
{
width:49%;
float:left;
margin-right:2%;
position:relative;

}
.our-services-content {
position: absolute;
top: 100px;
left: 0px;
}
.our-services-content h4 {
font-size: 40px;
line-height: 40px;
color: #fff;
margin-bottom: 20px;
background-color: #fff;
letter-spacing: 2px;
color: #000;
padding: 20px 50px 15px;
display: inline-block;
}
.our-services-content p {
font-size: 22px;
line-height: 40px;
color: #fff;
padding-left: 50px;
margin-bottom: 35px;
}
.our-services-content a {
background-color: #1998d5;
font-size: 22px;
display: inline-block;
padding:13px 55px;
color: #fff;
margin-top:10px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.our-services-content:hover a
{
margin-top:-10px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.our-services-content a:hover
{
background-color:#000;
color:#fff;
}
.our-serivces-box img {
width: 100%;
float: left;
height: 600px;
}
.our-serivces-box:last-child
{
margin-right:0;
}
.main-content-outer
{
width:100%;
float:left;
padding:100px 0px;
position:relative;
background:url(../images/new-image.jpg) center top no-repeat;
background-size:cover;
}
.main-content-outer h3 {
font-size: 45px;
color: #fff;
position:relative;
margin-bottom:30px;
padding-left:50px;
letter-spacing: 2px;
}
.main-content-outer h3:after
{
width:100px;
height:1px;
background-color:#fff;
position:absolute;
left:50px;
bottom:0;
content:"";
}
.main-content-outer p {
font-size: 17px;
color: #fff;
margin-bottom: 10px;
width: 68%;
padding-left: 50px;
line-height: 30px;
text-align: justify;
}
.main-content-outer a .fa {
margin-left: 20px;
}
.main-content-outer a {
background-color: #1998d5;
font-size: 35px;
display: inline-block;
padding: 16px 100px;
color: #fff;
position: absolute;
right: 0;
top: 40%;
z-index: 9999;
letter-spacing: 2px;
transition: All 1s ease;
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
}
.main-content-outer a:hover
{
background-color:#000;
color:#fff;
margin-top:20px;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.footer-outer
{
width:100%;
float:left;
padding:50px 50px 0;
}
.footer-inner
{
width:100%;
float:left;
}
.footer-left
{
width:32%;
float:left;
margin-right:2%;
}
.footer-left h4 {
font-size: 29px;
color: #000;
margin-bottom: 20px;
position: relative;
font-weight: normal;
letter-spacing: 1px;
}
.footer-left li {
border-bottom:1px #bfb2b2 solid;
padding: 10px 0;
}
.footer-left li a
{
color:#000;
font-size:20px;
display:inline-block;
}
.footer-left h4:after {
bottom: 0;
content: "";
background-color: #000000;
width: 50px;
height: 1px;
position: absolute;
left: 0;
}
.footer-left:last-child
{
margin-right:0;
}
.copyright
{
width:100%;
float:left;
padding:30px 0;
text-align:center;
}
.copyright p
{
color:#000;
font-weight:bold;
font-size:16px;
}
.content-main-banner
{
width:100%;
float:left;
position:relative;
}
.content-main-banner img
{
width:100%;
float:left;
}
.content-main-banner h1 {
font-size: 75px;
color: #000;
position: absolute;
top: 45%;
left: 0;
z-index: 9999;
background-color: #fff;
padding: 10px 0px 10px 70px;
text-shadow: 4px 5px 1px #000000ab;
letter-spacing: 10px;
}
.content-main-banner:hover h1
{
background-color: #000;
color:#fff;
}
.content-main-banner:hover h1 span
{
background-color: #fff;
color:#000;	
}
.aboutus-outer
{
width:100%;
float:left;
padding:50px 0;
}
.content-main-banner h1 span {
background-color: #000;
padding: 10px 20px;
color: #fff;
margin-left:20px;
text-shadow:4px 5px 1px #ffffffab;
}
.aboutus-inner
{
width:100%;
float:left;
}
#float-right
{
float:right !important;
}
#float-left
{
float:left !important;
}
.aboutus-left {
width: 50%;
float: left;
}
.aboutus-left img
{
max-width:100%;
float:left;
}
.aboutus-right
{
width:45%;
float:left;
margin-left:2%;
}
.aboutus-inner h2,
.aboutus-inner h3 {
font-size: 35px;
color: #000;
padding-top: 30px;
padding-bottom:10px;
letter-spacing: 3px;
margin-bottom:20px;
position:relative;
}
.aboutus-inner h2:after,
.aboutus-inner h3:after
{
width:70px;
height:1px;
background-color:#000;
content:"";
position:absolute;
left:0;
bottom:0;
}
.aboutus-inner p {
font-size: 17px;
color: #000;
text-align: justify;
line-height: 28px;
}
.about-main
{
width:100%;
float:left;
padding:50px 0;
position:relative;
background-color:#eee;
}
.about-main p {
font-size: 17px;
line-height: 30px;
color: #000;
margin-bottom: 30px;
text-align: center;
}
.about-main h4
{
font-size:45px;
color:#000;
position:relative;
text-align:center;
padding-bottom:10px;
margin-bottom:20px;
letter-spacing:2px;
}
.about-main h4:after
{
width:100px;
height:1px;
position:absolute;
left:0;
right:0;
margin:auto;
content:"";
bottom:0;
background-color:#000;
}
.product-outer
{
width:100%;
float:left;
padding:50px;
}
.product-inner
{
width:100%;
float:left;
}
.product-inner img {
float: left;
margin: 0 20px 20px 0;
box-shadow: 3px 7px 14px -5px #000;
}
.product-outer h3
{
font-size:30px;
color:#000;
letter-spacing:2px;
margin-bottom:20px;
}
.product-outer p {
font-size: 17px;
color: #000;
margin-bottom: 30px;
line-height: 33px;
text-align: justify;
}
.contact-outer
{
width:100%;
float:left;
padding:50px 0;
}
.contact-inner {
width: 100%;
float: left;
background-color: #eee;
padding: 40px;
}
.contact-left
{
width:45%;
float:left;
}
.contact-right
{
width:45%;
float:right;
}
.contactform {
width: 100%;
float: left;
}
.contact-field {
width: 49%;
margin: 0px 2% 25px 0;
float: left;
}
input[type="text"] {
width: 100%;
float: left;
color: #000;
font-size: 17px;
padding: 19px 16px;
border: none;
border-bottom: 2px #1998d5 solid;
}
input.submit-button {
padding: 12px 40px;
border: none;
outline: none;
background-color: #1998d5;
color: #fff;
font-size: 25px;
font-family: 'Bebas Neue', cursive;
margin-top: 15px;
cursor: pointer;
}
input.submit-button:hover
{
background-color:#000;
color:#fff;
}
textarea {
width: 100% !important;
color:#000 !important;
font-family: 'Raleway', sans-serif;
height:100px !important;
padding: 14px;
float: left;
border: none;
border-bottom: 2px #1998d5 solid;
font-size: 17px;
}
.contact-us-inner li p {
font-size: 18px;
margin-top: 15px;
color: #000;
text-align: center;
}
.contact-us-inner li img {
background-color: #eae8e8;
border-radius: 50%;
padding: 10px;
width: 200px;
}
.contact-field:last-child
{
margin-right:0;
}
input[type="text"]:focus,
textarea:focus
{
outline:none;
}
.contact-us-inner li {
width: 27%;
display: inline-block;
border-right: 1px #000 solid;
margin: 0 35px;
text-align: center;
padding: 60px 0px;
}
.contact-us-inner li span {
width: 100%;
float: left;
margin-bottom: 20px;
border-top: 1px #1998d5 solid;
position: relative;
margin-top: 20px;
}
.contact-us-inner li span a {
background-color: #1998d5;
display: inline-block;
width: auto;
color: #fff;
padding: 10px 40px;
font-size: 25px;
box-shadow: 8px 8px 1px #000000;
position: relative;
top: -8px;
}
.contact-us-inner li span a:hover
{
background-color:#000;
color:#fff;
box-shadow: 8px 8px 1px #1998d5;
}
.contact-us-inner {
width: 100%;
float: left;
background-color: #fff;
}
section.contact-us-outer {
width: 100%;
float: left;
background-color: #eee;
padding: 50px 0;
}
.google-map
{
width:100%;
float:left;
border:10px #1998d5 solid;
border-right:none;
border-left:none;
}
.address-left
{
width:50%;
float:left;
}
.address-right
{
width:50%;
float:right;
}
.latest-services {
padding: 60px 0;
width: 100%;
float: left;
background-color: #000000;
}	
.latest-services h2 {
text-align: center;
color: #fff;
font-size: 45px;
position: relative;
padding-bottom: 10px;
margin-bottom: 40px;
}
.latest-services h2:after {
width: 100px;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
right:0;
bottom: 0;
margin:auto;
content: "";
}
.latest-services img {
background-color: #1998d5;
border-radius: 50%;
padding: 10px;
}
.ser-col h5 {
font-size: 25px;
font-weight: 300;
color: #fff;
margin: 13px 0;
}
.ser-col p {
color: #fff;
font-size: 16px;
line-height: 26px;
}
.ser-col:last-child {
border-right: none;
}
.ser-col {
border-right: 1px #fff solid;
float: left;
width: 31.3%;
margin: 0;
text-align:center;
padding: 30px 35px;
border-bottom: 1px #fff solid;
min-height: 270px;
}
.ser-col:nth-child(5)
{
border-bottom:none;
border:1px #f0f solid;
}
a.icon {
display: none !important;
}
div#myTopnav {
width: 60%;
float: right;
}