:root{
--primary:#0c445f;
--secondary:#4a98af;
--secondary-dark:#0c91ba;
}
@font-face
{
	src: url(../fonts/DroidSansBold.ttf);
	font-family: myfont;
}
@font-face
{
	src: url(../fonts/DroidSans.ttf);
	font-family: myfont1;
}
body
{
	font-family: myfont1;
	background:white;
	font-size:14px;
}
h1,h2,h3,h4
{
	font-family: myfont;
	color: #10304a;

}
.top_bar a
{
	color:white;
	transition: 0.5s;
}
.top_bar .social i
{
	font-size: 13px;
	display:inline-block;
	text-align: center;
}
.top_bar .social a
{
	color:var(--primary);
	transition: 0.5s;
	width:30px;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.top_bar .social a:nth-child(1){
	color: #3C5A99;
}
.top_bar .social a:nth-child(2){
	color: #1DA1F2;
}
.top_bar .social a:nth-child(3){
	color: #0077B5;
}
.top_bar .social a:nth-child(4){
	color: #3C5A99;
}
.top_bar .social a:nth-child(5){
	color: #ff0000;
}
.top_bar .social a:nth-child(1):hover{
	background-color: #3C5A99;
	color:white;
}
.top_bar .social a:nth-child(2):hover{
	background-color: #1DA1F2;
	color:white;
}
.top_bar .social a:nth-child(3):hover{
	background-color: #0077B5;
	color:white;
}
.top_bar .social a:nth-child(4):hover{
	background-color: #3C5A99;
	color:white;
}
.top_bar .social a:nth-child(5):hover{
	background-color: #ff0000;
	color:white;
}
.top_bar p
{
	margin-bottom:0;
}
.top_bar a:hover
{
	color:black;
	text-decoration: none;
}
.social
{
	height:100%;
	display:flex;
}
.top_bar
{
	background-color: var(--primary);
	color:white;
	font-size: 13px;
}
.top_bar .timing
{
	list-style: none;
}
.top_bar .timing li
{
	float: left;
	margin-left:15px;
	transition: 0.5s;
}
.top_bar .timing li:hover
{
	color:black;
}
.timing li i
{
	margin-right:5px;
}
.header_bar
{
	width:90%;
	margin:auto;
}
.hdr
{
	background:white;
}
.logo_icon
{
	width: 160px;
}
ul.navbar-nav>.nav-item
{
	position: relative;
}
.navbar-nav .nav-item .nav-link
{
	color:#6c6c6c;
	font-size: 16px;
	font-weight: bolder;
	margin-left: 22px;
	transition:0.5s;
}
.navbar-nav .nav-item .nav-link:hover
{
	color:var(--primary);
}
.navbar-nav .nav-item.active .nav-link
{
	color:var(--primary);
}
/* width */
.navbar ::-webkit-scrollbar {
	width: 2px;
  }
  
  /* Track */
  .navbar ::-webkit-scrollbar-track {
	background: rgba(0,0,0,0.2);
  }
  
  /* Handle */
  .navbar ::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,0.4);
  }
  
  /* Handle on hover */
  .navbar ::-webkit-scrollbar-thumb:hover {
	background: #555;
  }
.dropdwn
{
	position: absolute;
	width: 270px;
	max-height:460px;
	overflow:auto;
	background-color:var(--primary);
	display: none;
	z-index: 999;
}
.dropdwn a
{
	display: block;
	font-size: 0.85rem;
	padding: 15px 25px;
	color: white;
	transition: 0.7s ease all;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.2);

}
.dropdwn a:before{
	position: absolute;
	content:'';
	left:0;
	top:0;
	width:0;
	height:100%;
	transition:0.5s;
	border-bottom:1px solid white;
}
.dropdwn a:hover::before{
	width:100%;
}
.dp_menus
{
	/* padding:10px 0; */
}
.navbar-expand-md .navbar-nav .nav-item:hover .dropdwn
{
	display: block;
}
.fxheader
{
position:fixed;
left:0;
top:0;
width:100%;
background:white;
z-index: 99999;
box-shadow: 0 0 10px rgba(0,0,0,0.2);	
}
.main_slider .s-image
{
	position: relative;
}

.main_slider .s-image img
{
	width: 100%;
	padding:0;
	margin:0;
}
.main_slider .s-image:before
{
	position: absolute;
	content: '';
	width:100%;
	height:100%;
	background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1) 70%);
	top:0;
	left: 0;
	z-index: 999;
}
.main_slider .s-image .text
{
	position: absolute;
    top: 50%;
	left: 50%;
	width:70%;
	transform:translate(-50%,-50%);
    z-index: 9999;
}
.main_slider .text
{
	
}
.main_slider .text h2
{
	color: white;
	text-align: center;
	font-size: 70px;
	font-family: myfont;
	animation-delay: 0.5s;
	display: none;
	opacity: 0;
	animation:anm 0.2s ease-in;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes anm {
	0%{
		transform:translateX(-100px);
		opacity: 0;
	}
	100%{
		transform:translateX(0px);
		opacity: 1;
	}
}
.main_slider .text h3
{
	color:white;
	font-size: 30px;
	text-align: center;
	margin-top: 20px;
	font-family: myfont;
	animation-delay: 1.5s;
	display: none;
	opacity: 0;
	animation:anm 0.2s ease-in;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
.main_slider .text h2.main
{
	color:var(--secondary-dark);
	animation-delay: 0.8s;
}

.main_slider .slick-slide
{
	padding:0;
	margin:0;
}
.main_slider .slick-slide.slick-current.slick-active .text h2, .slick-slide.slick-current.slick-active .text h3
{
	display: block;
	
}
.main_slider .slick-dots li
{
	margin:0 3px;
}
.main_slider .slick-dots li button:before
{
  color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: white;
  opacity:0.7;

}
.main_slider .slick-dots li.slick-active button:before
{
 color: transparent !important;
	background-color:var(--primary);
	border:3px solid white;
    opacity: 0.9;
}
.main_slider .slick-dots li button:before
{
	color: transparent !important;
}

.main_slider .slick-dots
{
	top: 60%;
    right: 10px;
    position: absolute;
    width: 150px;
    transform: rotate(90deg);
    transform-origin: top right;
}

.image img
{
	width: 100%;
}
.expertise
{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.expertise img
{
	transition:0.5s;
}

.expertise_item:hover img{
	transform:scale(1.3);
}

.expertise_item:hover a.text{
	background:var(--primary);
}

.expertise_item
{
	margin: 15px;
	position: relative;
	width:calc(50% - 36px);
	overflow: hidden;
}

a.text {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
	width:65%;
	font-size:1.35rem;
    transform: translate(-50%,-50%);
    text-decoration: none;
    color: white;
    padding: 10px;
	background: rgba(0,0,0,0.5);
	transition:0.5;
}
.myhead
{
	text-align: center;
	color:var(--primary);
	font-size: 35px;
}
.services
{
	display: flex;
	flex-wrap: wrap;
}

.services > .service_item
{
	width: 240px;
	margin: 15px;
}

.services > .service_item h3{
	font-size:18px;
}

.services p.service_desc {
    font-size: 13px;
}

.services > .service_item img {
	width: 100%;
	transition:2s;
}
.services > .service_item:hover img{
	transform:translateY(-10px);
}
.global_btn
{
	display: inline-block;
    padding: 8px 18px;
	border:1px solid var(--primary);
    font-size: 13px;
    border-radius: 3px;
	color: var(--primary);
	transition:0.5s;
}
.global_btn:hover
{
	background:var(--primary);
	text-decoration: none;
	color:white;
}
.welcome
{
	transform:rotateY(180deg);
}
.content
{
	position: relative;
	transition: 0.5s;
	padding: 25px;
}
.content h3
{
	font-size: 23px;
    padding: 0;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-family: myfont1;
    color: black;
}
.content p
{
	margin: 0;
	padding: 0;
	text-align: left;
}
.slick-slide
{
	margin: 10px;
}
.wel-sec
{
	position: relative;
}

.hdng
{
	display: inline-block;
	color: #10304a;
	position: relative;
	font-size: 33px;
	padding-top: 5px;
}
.hdng:after
{
	content: "";
	width: 70px;
	height: 3px;
	background-color: var(--primary);
	top: 50%;
	left: 100%;
	position: absolute;
}
a.mybtn
{
	display: block;
	padding:15px;
	text-decoration: none;
	width:120px;
	height:50px;
	border:1px solid var(--primary);
	color:var(--primary);
	text-align: center;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
a.mybtn span.text1
{
	position: relative;
	z-index: 1;
	transition: 0.5s;
}
a.mybtn span.wave
{
	position: absolute;
	display: block;
	top:calc(100% + 12px);
	left:0;
	width:100%;
	height:100%;
	background: var(--primary);
	transition: 2s;

}
a.mybtn span.wave:before
{
	position: absolute;
	content:'';
	width:100%;
	height:35px;
	background: url(../img/wave.png);
	top:-35px;
	left:0;
	animation:mv1 1s linear infinite;
}
@keyframes mv1
{
	0%{
		background-position-x:0%; 
	}
	100%{
		background-position-x:200px;
	}
}
a.mybtn:hover span.text1
{
	color:white;
}
a.mybtn:hover span.wave
{
	top:0;
}
.quality
{
	position: relative;
	background-image:url(../img/parallax1.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.quality::before{
	position: absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../img/overaly.png);
}
.quality_content
{
	background:rgba(255,255,255,0.5);
	padding:35px 20px;
	text-align:center;
	transition:0.5s;
	transform:translateY(0)scale(1);
}
.quality_content:hover
{
	background:rgba(255,255,255,1);
	box-shadow:0 0 10px rgba(255,255,255,0.5),0 0 20px rgba(255,255,255,0.3), 0 0 25px rgba(255,255,255,0.1);
	transform:translateY(-10px)scale(1.05);
}
.quality_content i{
	font-size:45px;
	color:var(--primary);
}
.quality_content h4
{
	font-size: 20px;
}
.quality .col-md-3:nth-child(2)
{
	animation-delay: 0.8s;
}
.quality .col-md-3:nth-child(3)
{
	animation-delay: 1s;
}
.quality .col-md-3:nth-child(4)
{
	animation-delay: 1.2s;
}
.count-sec
{
	background-color: var(--primary);
	background-size: cover;
	padding: 40px 0px;
}
.count
{
	font-size: 4.5em;
	font-family: myfont1;
	text-align: center;
	position: relative;
	padding-bottom: 11px;
}
.count:after
{
	content: "";
	width: 30px;
	height: 3px;
	background-color: white;
	top: 100%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
.count-sec h4
{
	color:white;
}
.count-sec p i{
	font-size: 52px;
}
.count-sec p
{
	color: white;;
	margin-top: 30px;
	font-size: 19px;
	text-align: center;
	font-weight: bold;
}
.quotes i
{
	font-size: 40px;
	color: var(--primary);
}
.prev, .next
{
	position: absolute;
	top: -60px;
	font-size: 45px;
	color: gray;
	cursor: pointer;
}
.prev
{
	left: 43%;
}
.next
{
	right: 43%;
}
.testi_content
{
	font-size: 20px;
	font-style: italic;
	line-height: 35px;
}
.author
{
	margin-top: 20px;
	font-size: 22px;
	color: darkgray;
	transition: 0.3s;
	font-weight: bold;
	font-style: italic;
}
.testimonials:hover .author
{
	color: var(--primary);
}
.top-ftr
{
	background-image:url(../img/ftr.jpg);
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
.top-ftr::before
{
	position: absolute;
	content: '';
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.top-ftr p
{
	color: rgba(255,255,255,0.7);
}
.top-ftr ul
{
	list-style: none;
	margin:0;
	padding:0;
}
.top-ftr ul li
{
	line-height: 30px;
	color: rgba(255,255,255,0.7);
	font-size: 17px;
	line-height: 34px;
}
.top-ftr ul li a, .top-ftr p a
{
	
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	transition: 0.4s;
}
.top-ftr ul li a:hover
{
	color: white;
}
.top-ftr h4
{
	color: white;
	margin-bottom: 40px;
}
.social_icon a i
{
	margin-left: 10px;
    transition: 0.4s ease all;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background: red;
    font-size: 18px;
    padding-top: 7px;
    color: white;
}
.social_icon a i:hover
{
	transform: rotate(360deg); 
	transition: 0.5s ease all;

	
}
.down-ftr p a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.more-content{
	display:none;
}



.wpicon {
    position: fixed;
    bottom: 20px;
	left: 20px;
	animation:anm1 1s linear infinite;
	border-radius:50%;
}
@keyframes anm1
{
	
	0%{
		-webkit-box-shadow:0 0 0 0 rgba(0, 165, 0,0.1),0 0 0 20px rgba(0, 165, 0,0.1),0 0 0 40px rgba(0, 165, 0,0.1);
		box-shadow:0 0 0 0 rgba(0, 165, 0,0.1),0 0 0 20px rgba(0, 165, 0,0.1),0 0 0 40px rgba(0, 165, 0,0.1)
		}
	100%{
		-webkit-box-shadow:0 0 0 20px rgba(0, 165, 0,0.1),0 0 0 40px rgba(0, 165, 0,0.1),0 0 0 60px transparent;
		box-shadow:0 0 0 20px rgba(0, 165, 0,0.1),0 0 0 40px rgba(0, 165, 0,0.1),0 0 0 60px transparent;
		}
}

@media (max-width: 680px)
{
	.social
	{
		justify-content: center;
		margin-top: 10px;
		padding: 10px 0;
	}
	.navbar
	{
		justify-content: center;
	}
	.dropdwn
	{
		position: relative;
		width: 100%;
		background-color: var(--primary);
	}
	.main_slider .text h2
	{
		font-size: 25px;
	}
	.main_slider .text h3
	{
		font-size:20px;
	}
	.hdng::after
	{
		top: 100%;
    	left: 0;
	}
}