/**
 * Stylesheet:  style.css
 * Theme:       allbiz - Corporate & Business Responsive Template
 * Version:     1.0
 * Author:     	Theme Earth
 * URL:         https://themeforest.net/user/themeearth
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.About Us Section
7.Title Section
8. About Service sec
9.Service Section
10.Pricing Package Section
11.Project Gallery Section
12. Project Details Page Section
13.Service Details Section
14.Count Up Section 
15.Free Consult Section
16.Faq Section
17.Testimonial Section
18.Page Heading Section
19.Team section
20.Faq Page
21.Contact Page
22.Call To Action Section
23.404 Page Section 
24.Footer Section 
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
height: 100%;
font-size: 16px;
color: #808080;
font-family: 'Poppins', sans-serif;
vertical-align: baseline;
line-height: 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #072948;
}

h1 {
font-size: 32px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#072948
}
a:active,
a:hover {
  outline: 0 none;
  color: #072948;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #0cb1f6;
  text-shadow: none;color:#fff
}
::selection {
  background: #0cb1f6;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.slider-overlay {
  background-color:rgba(0, 0, 0, 0.20);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1
}
.images-overlay {
   background-color:rgba(0, 0, 0, 0.60);
  height: 100%;
  position: absolute;  width: 100%;
  top: 0;

}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.pb-70{padding-bottom:70px}
.bg-color{background:#fbfbfb}
.no-padding-left{padding-left:0px}
.no-padding-right{padding-right:0px}
.bg-gray{
	background:#f0f0f0
}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 340px;
	width: 336px;
    background: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
	background: #0cb1f6 none repeat scroll 0 0;
	border-radius: 100%;
	bottom: 5px;
	color: #fff;
	font-size:16px;
	height: 40px;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#c9c00;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 11px;
}

/*
3.Header Section
==================*/
.header-top {
	background: #072948;
	padding: 6px 0;
}
.header-left {
	padding: 10px 0;
}
.header-left ul {
	display: inline-block;
}
.header-left li{padding-right:40px;position:relative;display: inline-block;color: #d5d4d4;}
.header-left li:last-child{padding-right:0}
.header-left li i {
	color: #0cb1f6;
	font-size: 20px;
	margin-right: 15px;
}
.header-right-div {
	text-align: right;
}
.header-right {
	text-align: right;
	position: relative;
	z-index: 1;
	padding: 10px 0;
	display: inline-block;
	z-index:99
}
.header-right a {
	color: #ffffff;
	font-weight: 300;
	padding-left: 15px;
	text-transform: capitalize;
	position: relative;
	text-decoration: none;
}
.language.dropdown-menu a{
	color: #fff;
	font-size: 16px;
	width: 100%;
	display: inline-block;
	text-align: right;
	padding: 3px 10px;
}
.language.dropdown-menu {
	background: #0cb1f6;
	border-radius: 0;
	box-shadow: 0;
	border: 0;
	margin-top: 0;
	left: -100px;
	position: absolute;
	
}
.header-right a span {
	margin-left: 10px;
}
.soical-profile {
	padding-top: 7px;
}
.soical-profile,
.soical-profile li {
	display: inline-block;
}
.soical-profile li a i{
color:#d5d4d4;	width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius:100%}
.soical-profile li a i:hover {
	background: #0cb1f6;
	color: #fff;
}
/*
4.Menu  Section
=================*/
.logo {
	padding: 20px 0;
}
.menu {
  display: inline-block;
  width: 100%;
}
.main-menu {
	display: inline-block;
	text-align: right;
	margin-right: 40px;
}

.main-menu ul {
margin : 0;
padding : 0;
position : relative;
}
.main-menu ul li {
display: inline-block;
padding: 0;
position: relative;
}
.main-menu ul li a {
	color: #072948;
	display: block;
	font-size: 12px;
	padding: 40px 16px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	position: relative;
	font-weight: 600;
}
.main-menu ul li ul:hover .main-menu ul li a{
  background: #fafafa;
}
.main-menu ul li a:hover {
transition : all 0.4s 0s ease;
color:#0cb1f6
}

.main-menu ul ul {
background: #072948 none repeat scroll 0 0;
left: 0;
opacity: 0;
position: absolute;
text-align: left;
top:106px;
transition: all 0.4s ease 0s;
visibility: hidden;
z-index: 99999;
transition: all 0.3s ease 0s;
border-top:2px solid #0cb1f6;
}
.main-menu ul ul li {
float : none;
width : 220px;
}
.main-menu ul ul li a {
line-height : 120%;
padding : 10px 20px;color:#fff;
}
.main-menu ul ul li a:hover {
color:#0cb1f6;background:#fff;
}
.main-menu ul ul ul {
top : 0;
left : 100%;
}
.main-menu ul li:hover ul {
	
 visibility: visible;transition: all 0.4s ease 0s; opacity: 1;
}
.main-menu ul li a i {
margin-left : 6px;
}
.menu-icon {
	display: inline-block;
	padding: 38px 0px;
	position: absolute;
	right: 0;
	top: 0;
}
.cart-icon, .site-search {
	display: inline-block;
	border: 1px solid #072948;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 100%;
}
.cart-icon a i{font-size:19px}
.site-search i {
  color: #072948;
  cursor: pointer;
}
.search-forum > form {
  display: inline-flex;
  background: #0cb1f6;
  padding: 10px;
}
.search-forum input[type=text] {
  padding: 10px;
}
.search-forum input[type="submit"] {
  padding: 10px;
  background: #072948;
  color: #fff;
}
.site-search:hover .search-forum {visibility:visible;transition: all 0.4s ease 0s;transform:scale(1);opacity:1;}
.search-forum {
display: inline-block;
left: -220px;
opacity: 0;
position: absolute;
top:107px;
transition: all 0.4s ease 0s;
visibility: hidden;z-index:2;transform:scale(0)
}
.hd-sec.sticky_menu {
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;  
  position: fixed;
  z-index: 9999;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.appoitment-button {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 28px  0;
	display: inline-block;
	width: 100%;
	text-align: right;
}
.appoitment-button a {
	background: #0cb1f6;
	padding: 12px 26px;
	display: inline-block;
	font-weight: 600;text-transform: uppercase;font-size: 15px;color:#fff;
}
.appoitment-button a:hover{background:#0cb1f6;color:#fff;}

/*
5.Slider Section
======================*/
.all-slide .owl-item {
  height: 650px;
}
.all-slide .single-slide {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
.slider-wrapper {
	width: 1170px;
	padding: 15px 0;
	margin: 0px auto;
	height: 100%;
}
.slider-text {
left: 0;
position: relative;
right:0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
margin: 0px auto;
text-align:center;

}
.slider-caption {
	width: 750px;
	margin: 0px auto;
}
.slider-caption span.subtitle {
	color: #ffffff;
	font-size: 24px;
	text-transform: capitalize;
}
.slider-text ul {
  margin-top: 20px;
}
.slider-text h1 {
	color: #fff;
	font-size: 48px;
	text-transform: capitalize;
	line-height: 60px;
	margin-bottom: 10px;
}
.slider-text h1 > span{color:#0cb1f6;}
.slider-text p {
  color: #fff;
}
.slider-text li {
  display: inline-block;
}
.slider-text li a {
	background: #0cb1f6;
	color: #fff;
	display: inline-block;
	padding: 12px 30px;
	text-transform: uppercase;
	margin: 0px 10px;
	position: relative;
	z-index: 5;
	transition: 0.5s;
	font-weight: 600;
	position:related;
	transition: all 0.4s ease 0s;
}
.slider-text li a:hover:before{
	visibility:visible;transition: all 0.4s ease 0s;margin-left:0px;opacity:1;
}
.slider-text li a:before{
content: "\f178";
font-family: fontawesome;
float:right;top:0px;
position: relative;color:#fff;padding-left:10px;transition: all 0.4s ease 0s;
margin-left: -50px;visibility:hidden;
opacity:0;
}
.slider-text li a:hover{background:#0cb1f6;color:#fff;transition: all 0.4s ease 0s;border-color:#0cb1f6;}
.slider-text li:last-child a{background:#fff;color:#0cb1f6}
.slider-text li:last-child a:hover{background:#072948;color:#fff;transition: all 0.4s ease 0s;border-color:#072948;}
.all-slide .owl-controls {
position: absolute;
top: 45%;
width: 100%;
z-index: 99;
transform: translateY(-50%);
}
.all-slide .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}

.all-slide .owl-controls .owl-prev {
  left: 20px;
  position: absolute;transition: all 0.4s ease 0s;
}
.all-slide:hover .owl-prev{transition: all 0.4s ease 0s;}

.all-slide .owl-controls .owl-next {
  right: 20px;
  position: absolute;transition: all 0.4s ease 0s;
}
.all-slide:hover .owl-next{transition: all 0.4s ease 0s;}
.all-slide .owl-controls .owl-prev i, .all-slide .owl-controls .owl-next i {
	background: transparent;
	color: #fff;
	font-size: 32px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	transition: all 0.5s ease-out 0s;
	width: 50px;
	border: 1px solid #fff;
}
.all-slide .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#0cb1f6;color:#fff;border-color:#0cb1f6;
}
.all-slide .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#0cb1f6;color:#fff;border-color:#0cb1f6;
}

.header-right span {
	color: #ffffff;
}
.header-right span i {
	margin-right: 10px;
}
.hd-search-field {
	position: absolute;
	right: 24px;
	top: 5px;
}
.hd-search-field form {
	width: 190px;
	position: relative;
}
.hd-search-field input[type="text"] {
	background: transparent;
	padding: 3px 35px 3px 10px;
	width: 100%;
	border: 1px solid #858484;
	border-radius: 6px;
}
.hd-search-field button {
	background: transparent;
	color: #fff;
	position: absolute;
	padding: 4px 10px;
	right: 0;
	top: 0;
}
.hd-search-field button i{color:#858484;}
.blog-sec .pagination.custom-pagination {
  text-align: left;
  width: 100%;
}
.pagination.custom-pagination li {
  display: inline-block;
}
.pagination.custom-pagination li a {
color: #999999;
font-size: 16px;
font-weight: 600;
height: 36px;
line-height: 22px;
margin: 2px 5px;
width: 36px;
border: none;border-radius:0%;text-align:center;
border:1px solid #fafafa
}
.pagination.custom-pagination li.active a {
  background: #0cb1f6 none repeat scroll 0 0;color:#fff;
  border:0px;;
}

.pagination.custom-pagination li a:hover{background:#0cb1f6 none repeat scroll 0 0;color:#fff;border-color:#0cb1f6}
.blog-sec a.blog-btn {
	color: #8d8d8d;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	display: inline-block;
	width: 150px;
	height: 50px;
	text-align: center;
	padding: 10px;
	border: 1px solid #fafafa;
}
.single-post:hover a.blog-btn {background:#0cb1f6;color:#fff;border-color:#0cb1f6}
/*
6.About Us Section
=================*/
.about-img img{width:100%;position:relative;}
.about-img::before {
	border: 10px solid rgba(0, 0, 0, 0.30);
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 9;
}
.about-img {
	position: relative;
}
.about-desc h1 {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 30px;
}
.about-desc h1 span{
	color: #0cb1f6;
}
.about-desc span.about-subtitle {
	color: #0cb1f6;
	text-transform: capitalize;
}
.about-desc a {
	background: #0cb1f6;
	padding: 12px 26px;
	display: inline-block;
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
	position:relative;
}
.about-desc a:before{
content: "\f178";
font-family: fontawesome;
float:right;top:0px;
position: relative;color:#fff;padding-left:10px;transition: all 0.4s ease 0s;
}
.about-sec{background:#fafafa}
.company-ceo-info h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
}
.company-ceo-info span {
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	font-size: 16px;
}
.company-mission {
	margin-top: 20px;
}
.company-mission h2 a {
	text-transform: capitalize;
	font-size: 28px;
	font-weight: 600;
	color: #072948;
}
.company-mission a {
	color: #0cb1f6;
	text-transform: capitalize;
	font-weight: bold;
}


.vedio-inner {
	position: relative;
	margin-bottom: 40px;
}
.vedio-overly{position:absolute;top:0;height:100%;width:100%;
background-color: rgba(0, 0, 0, 0.10);}
.vedio-button {
	text-align: center;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
.vedio-inner img {
	width: 100%;
}
.vedio-button {
  position: relative;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  background-color: transparent;
  background-image: url('../img/icon/play_button.png');
  background-size:cover;
  background-repeat: no-repeat;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  margin:0px auto;
}
.vedio-button a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.vedio-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
/*
7.Title Section
=================*/
.sec-title {
	text-align: center;
	margin: 0 150px 50px 150px;
}
.sec-title  h1 {
  font-size: 36px;
  text-transform: uppercase;
  color: #072948;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}
.sec-title h1 span {
  font-weight: normal;
}
.border-shape::before {
	background: #ddd none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0px;
	position: absolute;
	top: 3px;
	width: 90px;margin: 0px auto;
	left:0;right:0;
}
.border-shape {
background:#ddd;
display: block;
height: 1px;
left: 0;
margin: 20px auto;
position: relative;
right: 0;
text-align: center;
top: 0;
width: 350px;
}
.border-shape::after {
	background: #ddd none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	position: absolute;
	left: 0;
	text-align: center;
	top: 6px;
	width: 70px;
	margin: 0px auto;
	left:0;right:0;
}
.sec-title  p {
  margin-bottom: 0;
}

/*
8. About Service sec
============================*/
.service-tab li a {
	background: #072948;
	padding: 12px 16px;
	display: inline-block;
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
	position: relative;
	margin:6px 0px;
	transition:none;
}
.service-tab li.active a{
	background:#0cb1f6;text-decoration:none;transition:none;
}
.service-tab li.active a::before {border-top-color:#0cb1f6;}
.service-tab li a::before {
	position: absolute;
	top: 6px;
	right: -17px;
	content: '';
	z-index: 9;
	border-left: 38px solid transparent;
	border-top: 38px solid #072948;
	content: "";
	height: 0;
	position: absolute;
	width: 0;
	transform: rotate(46deg);

}
.service-tab li a i {
	margin-right: 10px;
}
/*
9.Service Section
============================*/
.service-item .inner {
	margin-bottom: 30px;
	position: relative;
	margin-bottom: 30px;
	display: inline-block;
	text-align: center;
	padding: 40px 20px;
	background: #fff;
	border: 1px solid #f0f0f0;
}
.service-content p {
	margin-bottom: 0;
	margin-top: 15px;
}
.service-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;visibility:hidden;background-color: rgba(0, 0, 0, 0.59);transition: all 0.4s ease 0s;
}
.service-item .inner::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	z-index: 9;
	content: "";
	height: 0px;
	position: absolute;
	width: 0px;
	border-left: 1px solid #0cb1f6;
	border-top: 1px solid #0cb1f6;
	visibility:hidden;
	transition: all 0.4s ease 0s;
}
.service-item .inner::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	z-index: 9;
	content: "";
	height: 0px;
	position: absolute;
	width: 0px;
	border-top: 1px solid #0cb1f6;
	border-right: 1px solid #0cb1f6;
	visibility:hidden;
	transition: all 0.4s ease 0s;
}
.service-content::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	z-index: 9;
	content: "";
	height: 0px;
	position: absolute;
	width: 0px;
	border-left: 1px solid #0cb1f6;
	border-bottom: 1px solid #0cb1f6;
	visibility:hidden;
	transition: all 0.4s ease 0s;
}
.service-content::after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	z-index: 9;
	content: "";
	height: 0px;
	position: absolute;
	width: 0px;
	border-right: 1px solid #0cb1f6;
	border-bottom: 1px solid #0cb1f6;
	visibility:hidden;
	transition: all 0.4s ease 0s;
}
.service-item .inner:hover.inner::before,
.service-item .inner:hover.inner::after,
.service-item .inner:hover .service-content::after,
.service-item .inner:hover .service-content::before
{visibility:visible;
transition: all 0.4s ease 0s;
width: 60px;
height:60px;}
.service-item .inner h2 {
	text-transform: capitalize;
	font-size: 20px;
	margin-top:0;
}
.service-icon {
	width: 60px;
	height: 60px;
	margin: 0px auto;
	line-height: 54px;
	transition: all 0.4s ease-in-out 0s;
	margin-bottom: 20px;
}
.service-icon i{color:#fff;font-size:24px;}
/*
10.Pricing Package Section
============================*/
.pricing-sec-image {
	background: #072948 none repeat scroll 0 0;
	padding: 300px 0;
	background-image: url(../img/why-img-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.pricing-sec-image::before {
	position: absolute;
	content: "";
	background-color: rgba(7, 41, 72, 0.95);
	top: 0;
	width: 100%;
	height: 100%;
}
.pricing-sec .sec-title h1{
	color:#f4f4f4
}
.pricing-sec {
	margin-top: -600px;
}
.pricing-sec .brder-btm{border-color:#fff}
.sngl-price {
text-align: center;
}
.price {
	background: #072948 none repeat scroll 0 0;
	border-radius: 100%;
	display: inline-block;
	height: 130px;
	position: absolute;
	width: 130px;
	z-index: 2;
	right: 0;
	top: -75px;
	transition: all 0.4s ease-in-out 0s;
	left: 0;
	text-align: center;
	margin: 0px auto;
}
.price::before {
	position: absolute;
	content: "";
	background: #0cb1f6;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all 0.4s ease 0s;
	top: 0px;
	left: 0;
	border-radius: 100%;
	transform:scale(1);
}
.sngl-price:hover .price::before{transform:scale(0);transition: all 0.4s ease 0s;}
.price-box span {
  display: inline-block;
  width: 100%;
  color:#fff;
}
.price-box span.amount {
  font-weight: bold;
  font-size: 22px;
  color:#fff;
}
.price-box {
  display: inline-block;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color:#fff;
}
.price-heading > span {
  width: 100%;
  display: inline-block;
  color:#072948;
}
.price-box span.time {
font-size: 14px;
}
.sngl-price  h2 {
  color: #0cb1f6;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 800;
}
.price-heading {
	background: #fff none repeat scroll 0 0;
	padding: 60px 0 30px 0;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 16px;
}
.price-heading.price-bg h2,
.price-heading.price-bg span{
  color: #fff;
  position: relative;
}
.price-heading h2 {
	color: #072948;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	margin-top: 20px;
}
.sngl-price {
	position: relative;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
	margin-top: 70px;
	background: #fff;
}
.pakage-icon i {
background: #0cb1f6 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font-size: 40px;
height: 80px;
line-height: 80px;
position: absolute;
top: -34px;
transform: translateX(-50%);
width: 80px;
}
.sngl-price  h1 {
color: #fff;
font-size: 28px;
font-weight: bold;
text-transform: capitalize;
margin-bottom:0px;
}
.sngl-price h1 span {
  font-size: 18px;
  color: #fff;
}
.sngl-price ul li{
display: inline-block;
padding: 10px 0;
width: 100%;
}
.sngl-price ul li:first-child{border-top:0px}
.snglPrice-lrnMore {
padding: 30px 0;
}
.btn.price_btn {
	background: transparent;
	border-radius: 0;
	font-size: 14px;
	padding: 12px 20px;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
	border: 2px solid #0cb1f6;
	overflow: hidden;
}
.btn.price_btn::before {
	position: absolute;
	content: "";
	background: #0cb1f6;
	width:100%;
	height: 100%;
	z-index: -1;
	transition: all 0.4s ease 0s;
	top: 0px;
	left: 0;
	border-radius:0px;
	transform:scale(0);
}
.sngl-price:hover .price-heading{background: #0cb1f6;transition: all 0.4s ease-in-out 0s;}
.sngl-price:hover .btn.price_btn::before{transition: all 0.4s ease-in-out 0s;transform:scale(1);}
.sngl-price:hover .price-box span.amount{color:#fff;transition: all 0.4s ease-in-out 0s;}
.sngl-price:hover .price-box span.time{color:#fff;transition: all 0.4s ease-in-out 0s;}
/*
11.Project Gallery Section
============================*/
.gallery-sec {
	background: #fafafa none repeat scroll 0 0;
	padding: 90px 0;
}
.simplefilter {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
	display: inline-block;
	width: 100%;
}
.shorttitle {
  display: none;
}
.simplefilter li {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	font-size: 16px;
	text-transform: capitalize;
	background: #072948;
	margin: 0px 5px;
}
.simplefilter li:hover {
transition: all 0.5s ease-out 0s;background:#0cb1f6;color:#fff;
}
.simplefilter li.active {
    background: #0cb1f6;color:#fff;position:relative
}
.simplefilter li.active:hover{transition: all 0.5s ease-out 0s;background:#0cb1f6;color:#fff;}
.gallery-item {
	position: relative;overflow:hidden
}

.gallery-item:hover .gallery-button h2 a{
	top:0px;
	transition: all 0.4s ease 0s;
}
.gallery-button h2 a {
	color: #fff;
	text-transform: capitalize;
	font-size: 20px;
	top:-100px;
	position: relative;
	transition: all 0.4s ease 0s;
}
.gallery-button a i {
	color: #fff;
	font-size: 24px;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 100%;
	line-height: 60px;
}
.project-gallery .inner {
	width: 25%;
	display: inline-block;
	float: left;
}
.gallery-sec .gallery-item {
	margin-bottom:30px;
}
.gallery-sec .simplefilter li.active{color:#fff;background:#0cb1f6;}
.gallery-item:hover .project-project-gallery-overlay {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s ease 0s;	
}
.gallery-item:hover .gallery-button a i{
bottom:0px;
transition: all 0.4s ease 0s;
}
.project-project-gallery-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-color:rgba(12, 177, 246, 0.7);
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease 0s;
}
.project-gallery-overlay-text {
	text-align: center;
}
.project-gallery-overlay-text {
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
.project-gallery-overlay-text .gallery-button a i {
	color: #fff;
	font-size: 20px;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 100%;
	line-height: 50px;
	bottom: -140px;
	position: relative;
	transition: all 0.4s ease 0s;
}
.project-gallery-overlay-text .gallery-button a i:hover{background:#072948;color:#fff;border-color:#072948;transition: all 0.4s ease 0s;}
.nav-page {
	text-align: center;
	margin-top: 20px;
}
.nav-page ul li {
	display: inline-block;
}
.nav-page ul li a:hover{color: #ffc300;}
.nav-page li.active a {
	color: #ffc300;
}
/*
12. Project Details Page Section
=================================*/
.details-text img{margin-bottom:20px;}
.details-text h2 a,
.project-details-info h2 {
	color: #072948;
	font-size: 24px;
	text-transform: capitalize;
}
.details-text h2,
.related-project h2 {
	font-size: 22px;
	text-transform: capitalize;
}
.project-details-info ul li {
	display: inline-block;
	width: 100%;
	text-transform: capitalize;
	padding: 6px 0;
}
.project-details-info ul li span{float:right}
.project-details-info {
	padding: 50px 40px;
	background: #fafafa;
}
.service-details-img img {
	width: 100%;
}
.details-text h2,
.related-project h2 {
	font-size: 22px;
	text-transform: capitalize;
}
.project-details-info ul li {
	display: inline-block;
	width: 100%;
	text-transform: capitalize;
	padding: 6px 0;
}
.project-details-info ul li span{float:right}
.project-details-info {
	padding: 50px 40px;
	background: #fafafa;
}
/*
13.Service Details Section
============================*/
.service-details h2 a,
.service-details-text h2,
.contact-field.service-details h2,
.brochures h2 {
	color: #072948;
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
}
.service-details-text {
	margin-top: 40px;
}
.service-details ul li {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	position:relative;
	
}
.service-details ul li:before{
	content: "\f101";
	font-family: fontawesome;
	left: 0px;
	top: 0px;
	position: relative;
	color: #fff;
	padding-right: 10px;
}
.appoitment-sec {
	margin-top: 25px;
}
.brochures li:first-child::before {
content: "\f1c1";
font-family: fontawesome;
left:0px;top:0px;
position: relative;color:#fff; padding-right: 10px;
}
.brochures li:last-child::before {
content: "\f0f6";
font-family: fontawesome;
left:0px;top:0px;
position: relative;color:#fff; padding-right: 10px;
}
.brochures li {
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	position: relative;
 background:#0cb1f6;
 margin-bottom:5px;
}
.brochures li a {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.brochures li:hover{background:#0cb1f6}
.brochures li:hover a{color:#fff}
.brochures li:hover::before{color:#fff}
.brochures li:hover i{color:#fff}


.brochures li a span {
  float: right;
  color: #fff;
}
/*
14.Count Up Section 
============================*/
.count-up-sec {
background: #072948 none repeat scroll 0 0;
padding: 76px 0;
background-image: url(../img/count_up_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
background-attachment:fixed;
}
.count-up-sec-overlay{background-color: rgba(7, 41, 72, 0.95);
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;}
.counting_sl {
text-align: center;
}
.countup-icon {
  display: inline-block;
  height: 70px;
  margin-bottom: 16px;
  text-align: center;
  width: 70px;
}
.counting_sl h2 {
	color: #0cb1f6;
	font-size: 48px;
	text-transform: uppercase;
	margin-bottom:0px;
	
}
.counting_sl h4 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 0;
	text-transform: capitalize;font-weight:400;
	
}
/*
15.Free Consult Section
=========================*/
.faq-free-consult-sec {
	overflow: hidden;
	position:relative;
}
.faq-free-consult-sec::before {
	position: absolute;
	content: "";
	background: #072948;
	width: 5000px;
	height: 100%;
	top: 0;
	left: 0;
	z-index:-2
}
.about-us-contact {
	position: relative;
	background: #fff;
}

.about-us-contact .contact-field {
	border: 1px solid #ddd;
	padding: 35px;
}
.about-us-contact-title{position:relative}
.contact-title-border {
	width: 1px;
	height: 10px;
	display: inline-block;
	background: #fff;
	text-align: center;
	margin: 0px auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}
.about-us-contact .contact-field input,
.about-us-contact .single-input-field textarea{border-color:#ddd;}
.about-us-contact-title h1 {
	display: inline-block;
	width: 100%;
	background: #0cb1f6;
	color: #ffffff;
	text-align: center;
	padding: 50px 0;
	margin-bottom: 0;font-weight:bold;font-size:30px;position:relative;margin-bottom: -1px;
}
.about-us-contact .contact-field input[type="submit"] {
	background: #0cb1f6 none repeat scroll 0 0;
	border: 1px solid #0cb1f6;
	border-radius: 100px;
}

.faq-sec .sec-title {
text-align:left;
margin-bottom:30px;
margin:0
}

.faq-sec .panel-title {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600px;
}
.faq-sec .panel-content {
	padding: 0px 20px 20px 20px;
	color: #777777;
}
.faq-img {
display: inline-block;
width: 100%;
}
.faq-img img {
  width: 100%;
}
.faq-sec .panel-heading {
	margin-bottom: 0px;
	padding: 20px;
	border: 1px solid #edf2f6;
	border-radius: 0;
	margin-bottom: 10px;
}
.faq-sec .panel {
 border: none;
	border-radius: 0;
	-webkit-box-shadow: 0;
	 box-shadow: 0 1px 1px rgba(0,0,0,.0);
}
.faq-sec .panel-heading a {
color: #282828;
display: inline-block;
font-size: 18px;
width: 100%;
font-weight:600
}
.faq-sec .panel-title a:before {
    float:right !important;
    font-family: FontAwesome;
    content:"\f106";
   color:#777777
}
.faq-sec .panel-title a.collapsed:before {
    float: right !important;
    content:"\f107";color:#777777;
}
.faq-sec .panel-title > a:hover, 
.faq-sec .panel-title > a:active, 
.faq-sec .panel-title > a:focus  {
    text-decoration:none;color:#777777;
}

/*
16.Faq Section
==================*/
h1.faq-style1-title {
	font-size: 36px;
	text-transform: capitalize;
	font-weight: bold;
	color: #f4f4f4;
	line-height: 40px;
	margin-bottom: 50px;
}
.faq-style1-sec .panel {
  background: transparent;
}
.faq-style1-sec .panel-content {
	padding-bottom: 20px;
	color: #999;
}

.faq-style1-sec .panel-heading {
margin-bottom:15px;
padding: 0;
}
.faq-style1-sec .panel {
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0 1px 1px rgba(0,0,0,.0);
	padding-bottom: 15px !important;
	transition: all 0.4s ease 0s;
}
.faq-style1-sec .panel-heading a {
color: #f2f2f2;
display: inline-block;
font-size: 20px;
width: 100%;
font-weight:600;
font-family: 'Poppins', sans-serif;
}
.faq-style1-sec .panel-title > a:hover, 
.faq-sec .panel-title > a:active, 
.faq-style1-style1-sec .panel-title > a:focus  {
    text-decoration:none;color:#0cb1f6;
}

/*
15.Blog Section
==================*/

.single-post {
  display: inline-block;
  margin-bottom: 30px;
}
.single-blog.inner .single-post {
  margin-bottom: 10px;
}
.blog-detail-page .single-post-text {
  padding: 0;
  margin-top: 25px;
}

.single-blog.inner .single-post img {
  margin-bottom: 25px;
}
.single-blog.inner {
  margin-bottom: 40px;
}

/*latest blog*/
.single-post-thumb {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.single-post:hover .single-post-thumb img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.project-gallery .inner:hover .gallery-item img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.service-item .inner:hover .service-thumb img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.single-post-thumb img,
.gallery-item img,
.service-thumb img{transform:scale(1);transition: all 0.4s ease 0s;}
.service-item .inner:hover h2 a,
.service2-inner:hover h2 a{color:#0cb1f6}

.single-post:hover a.blog-readmore{
color:#0cb1f6;
}
.single-post:hover .single-post-thumb-overlay{
visibility: visible;bottom:0;
transition: all 0.4s ease 0s;
}
.single-post-thumb-overlay {
	position: absolute;
	bottom: -100%;
	width: 100%;
	visibility: hidden;
	transition: all 0.4s ease 0s;
}
.post-meta {
	padding: 10px 10px;
	background-color: rgba(12, 177, 246, 0.7);
	display: inline-block;
	width: 100%;
}
.post-info {
	display: inline-block;
	width: 100%;
	padding: 14px 0;
}
.post-meta li span {
	color: #8d8d8d;
	font-weight: normal;
	margin-right: 10px;
}
.post-meta li {
	display: inline-block;
	margin-right: 5px;
	text-transform: capitalize;
	padding-right: 10px;
	font-style: italic;
}
.post-meta li:last-child {
	float: right;
	margin-right: 0;
}
.post-meta a i {
	color: #fff;
	margin-right: ;
	margin-right: 10px;
}
.post-meta li a {
	color: #fff;
	font-size: 16px;
	margin-top: 10px;
	text-transform: capitalize;
}
.post-tags {
  display: inline-block;
  float: right;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post-text a {
	color: #072948;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	line-height: 30px;
	text-transform: capitalize;
}
a.blog-readmore {
	color: #0cb1f6;
	text-transform: capitalize;
	font-size: 16px;
}
.pst_info {
  float: left;
  display: inline-block;
}
.post-date h2 {
  background: #0cb1f6;
  text-align: center;
  padding: 10px 5px;
  font-size: 18px;
  color: #fff;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;
}

.comment-list {
border: 1px solid #fafafa;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.post-meta li:last-child {
  float: right;
}
.post-meta li:last-child {
  float: right;
}
.single-post-text li a {
float: left;
font-size: 15px;
font-weight: normal;
margin-left: 1px;
padding-right:2px;
text-transform: capitalize;
}

.post-date h1 {
  background: #f3af1e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 13px;
  padding: 15px;
  text-align: center;
  text-transform: none;
}
.commentar-sec img {
	float: left;
	margin-right: 20px;
	width: 100px;
	border-radius: 100%;
	height: 100px;
}
.single-post .single-input-fieldsbtn input[type="submit"] {
	width: 170px;
	height: 50px;
	padding: 10px 0;
	background: #0cb1f6;
	border-color: #0cb1f6;
}
.comment-author {
	margin-bottom: 10px;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 600;
	color: #072948;
}
.comment-author-designation {
	font-size: 14px;
	color: #858484;
	font-style: italic;
}
.comment-time {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	width: 100%;
	margin-top: 25px;
}
.commentar-sec .media.mt-3 {
  margin-top: 40px;
}
.single-post .contact-field h2 {
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-transform: capitalize;
	font-weight: bold;
	color: #072948;
}
.commentar-sec h2 {
	margin-top: 50px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 50px;
	font-size: 20px;
}
.replay-button {
	display: inline-block;
	width: 100%;
}
.replay-button a {
	color: #0cb1f6;
	font-weight: 600;
	text-transform: capitalize;
}
.replay-button a:hover{color:#0cb1f6;}
.commentar-sec .media-body p a {
	color: #7e7e7f;
	font-weight: 600;
	font-size: 15px;
}
.commentar-sec.author ul li {
  display: inline-block;
  margin-right: 20px;
}
.commentar-sec.author {
  position: relative;
}
.commentar-sec.author ul li a i{color:#cbc8c8}
.commentar-sec.author ul li a i:hover{transition: all 0.4s ease 0s;color:#29ace4}
.commentar-sec.author .media-body {
  padding-left: 100px;
}
.commentar-sec.author .media {
background: #fafafa none repeat scroll 0 0;
border-radius: 30px;
padding: 30px 0;
margin-left: 20px;
}
.author-thumb {
border-radius: 100%;
float: left;
height: 100px;
left: 0;
overflow: hidden;
position: absolute;
top: 70px;
width: 100px;
}
.author-thumb img {
  height: 100%;
  width: 100%;
}
.pagination.custom-pagination {
  text-align: center;
  width: 100%;
}
.code-text {
	font-style: italic;
	padding: 10px 40px;
	position: relative;
}
.code-text::before {
	color: #0cb1f6;
	content: "";
	font-family: fontawesome;
	font-size: 30px;
	left: 20px;
	position: absolute;
	top: 16px;
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	font-style: normal;
}
.post-share-link {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	margin-top: 30px;
}
.post-share-link span {
	color: #25292f;
	font-weight: 600;
	text-transform: capitalize;
	padding: 10px 0px;
	display: inline-block;
}
.post-share-link ul{display:inline-block;float:right;padding: 10px 0px;}
.post-share-link li{display:inline-block;margin-right:20px}
.post-share-link li a{color:#cbc8c8;}
.post-share-link li a:hover{color:#0cb1f6;transition:all 0.4s ease 0s}
/*
16.Sidebar Section
=====================*/
.sidebar h1 {
	display: inline-block;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: capitalize;
	width: 100%;
	color: #072948;
	position: relative;
	padding-bottom: 10px;
	font-weight: bold;
}
.search-field {
	margin-bottom: 40px;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type=text] {
background: #fff none repeat scroll 0 0;
border: 1px solid #fafafa;
padding: 10px 35px 10px 10px;
width: 100%;
}

.search-field button {
	color: #fff;
	padding: 10px;
	position: absolute;
	right: 0;
	background: #0cb1f6;
	top: 0;
}

.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}

.sidebar ul li a{font-size: 16px;
font-weight: normal;
text-transform: capitalize;
transition: all 0.4s ease-in-out 0s;}

.sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#0cb1f6}
.widget-two {
	margin: 40px 0;
}
.widget-archive li {
	display: inline-block;
	position: relative;
	width: 100%;
	background: #fafafa;
	padding: 10px 20px;
	color: #777777;
	background: #;
	margin-bottom: 5px;
}
.widget-archive li:hover{background:#0cb1f6;color:#fff;transition: all 0.4s ease-in-out 0s;}
.widget-archive li a:hover{color:#fff!important;transition: all 0.4s ease-in-out 0s;}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-archive li a{color:#777777;
display:inline-block;
width:100%;
}
.widget-cat li{position:relative}

.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-cat li a span{float:right;}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;color:#0cb1f6!important}
.relative-post h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #999999;
}
.single_r_dec li {
	display: inline-block;
	margin-right: 10px;
}
.single_r_dec li a{font-weight:600;text-transform:capitalize}
.single_r_dec li a i{color:#0cb1f6;margin-right:5px}
.relative-post {
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right:25px;
}
.single_r_dec h3 a {
	color: #25292f;
	font-weight: 600;
}
.single_r_dec li a{
	font-style:italic;
}
.single_r_dec li:last-child{float:right}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#0cb1f6}
.all_r_pst .media {
  margin-top: 0;
}
.widget-tag a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 8px 14px;
	color: #c3c3c3;
	font-weight: 600;
	border: 1px solid #fafafa;
}
.widget-tag li a:hover{background:#0cb1f6;border-color:#0cb1f6;color:#fff!important;}
.author_dec h3 {
margin : 0;
color : #072948;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
.project-feedbac-inner {
	background: #fafafa;
	padding:70px 20px;
	margin-top: 40px;
	position: relative;
}
.project-feedbac-inner::before {
	color: #0cb1f6;
	content: "";
	font-family: fontawesome;
	font-size: 30px;
	left: 20px;
	position: absolute;
	top: 35px;
	z-index: 2;
}

/*
17.Testimonial Section
=========================*/
.testimonial-sec{
	background-color: #0cb1f6;
	background-image: url("../img/teastimonial_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	background-attachment:fixed;
}
.testimonial-sec::before {
	position: absolute;
	content: "";
	background-color: rgba(7, 41, 72, 0.95);
	top: 0;
	width: 100%;
	height: 100%;
}
.all-testimonial.owl-carousel .owl-item img {
	border-radius: 100%;
	border: 1px solid #0cb1f6;
}
.all-testimonial .owl-controls {
bottom: -30px;
position: absolute;
text-align: center;
width: 100%;
}
.all-testimonial .owl-controls .owl-buttons div {
  background: none;
opacity:1
}

.client-thumb {
  border-radius: 100%;
  height: 100px;
  margin-right: 50px;
  width: 100px;
}
.sngl-client {
border: 1px solid #fafafa;
margin-bottom: 30px;
text-align: center;
margin: 5px;
}
.all-testimonial {
	text-align: center;
	padding-bottom: 50px;
}
.single-testimonial {
	display: inline-flex;
	padding: 40px 50px;
	width: 620px;
	margin: 0px auto;
	background: #fff none repeat scroll 0 0;
	position: relative;
	text-align: left;
}
.client-comment p {
  font-style: italic;
  margin-bottom:0px;
}
.all-testimonial.owl-carousel .owl-item .client-signature img{
	margin-bottom: 20px;
	width:auto;
	height:auto
}
.client-comment h2 {
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 700;
}
.client-comment h3 {
	color: #8d8d8d;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 16px;
	font-family: open sans;
	margin-bottom: 15px;
	display: inline-block;
}
.client-thumb {
  margin-right: 30px;
}
.client-comment {
	margin: 0px auto;
}
.client-comment::before {
	color: #fff;
	content: "\f10e";
	font-family: fontawesome;
	font-size: 30px;
	left: 20px;
	position: absolute;
	bottom: 20px;
	z-index: 2;
}
.client-comment::after {
	position: absolute;
	content: "";
	border-top: 110px solid transparent;
	border-left: 110px solid #0cb1f6;
	bottom: 0;
	left: 0;
	height: 110px;
}
.client-comment > ul {
  padding-bottom: 15px;
}
.client-comment li {
  display: inline-block;
}
.client-comment li a{
border: 2px solid #0cb1f6;
border-radius: 100%;
color: #0cb1f6;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;
}
.client-comment li a:hover{background:#0cb1f6;transition: all 0.4s ease-in-out 0s;color:#fff}
.client-sec .owl-controls {
  display: none;
}

.all-testimonial.owl-carousel.owl-theme .owl-dot {
  border: 2px solid #0cb1f6;
  border-radius: 100%;
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  width: 15px;
  position:relative;
}
.all-testimonial.owl-carousel.owl-theme .owl-dot.active span {
	background: #0cb1f6 none repeat scroll 0 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	border: 2px solid #072948;
	border-radius: 100%;
}

/*
18.Page Heading Section
==========================*/
.pagehding-sec {
	background-image: url("../img/page_hd.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	padding-top: 60px;
	position: relative;
	background-size: cover;
}
.page-heading h1 {
	font-size: 40px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	color:#fff;
}
.breadcrumb-list {
	text-align: left;
}
.breadcrumb-list li {display: inline-block;
position: relative;
padding: 0px 14px;}
.breadcrumb-list li a {
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
}
.breadcrumb-list li:last-child a {
  color: #0cb1f6;
}
.breadcrumb-list li::before {
  content: "/";
position: absolute;
right: -8px;font-size:16px;
font-weight: 600;
color:#fff;
}
.breadcrumb-list li:last-child::before{display:none}
.breadcrumb-list li:last-child::before {
  display: none;
}
/*
19.Team section
=================*/
.team-member {
background: #fff none repeat scroll 0 0;
padding-bottom: 20px;
text-align: center;
margin-bottom: 30px;position:relative;overflow:hidden;transition: all 0.4s ease-in-out 0s;
z-index:2
}
.team-member::after {
	content: "";
	background: #fff;
	position: absolute;
	top: 0;
	width: 100%;
	height: 35%;
	left: 0;
	z-index: -1;
}
.team-member::before {
	position: absolute;
	content: "";
	width:100%;
	height:100%;
	z-index: -1;
	transition: all 0.4s ease 0s;
	top: 0px;
	left:0;
	background:#072948;
	filter: alpha(opacity=75);	
}
 .team-member:hover.team-member::before{width:100%;transition: all 0.4s ease-in-out 0s;background:#0cb1f6;}
.team-member:hover .team-overlay{visibility:visible;transition: all 0.4s ease-in-out 0s;-moz-opacity: 0.75;
	opacity: 0.75;top:0px;background:#0cb1f6;}
.team-member:hover.team-member h2{color:#fff;transition: all 0.4s ease-in-out 0s;}
.team-member:hover.team-member h3{color:#fff;transition: all 0.4s ease-in-out 0s;} 
.team-member:hover .team-thumb{border-radius:0;transition: all 0.4s ease-in-out 0s;} 
.team-thumb {
	position: relative;
	overflow: hidden;
	border-radius: 100%;
	transition: all 0.4s ease-in-out 0s;
}
.team-overlay{
  position: absolute;
  width: 100%;
  left: 0;height:100%;top:100%;	
background:#0cb1f6;
filter: alpha(opacity=75);
visibility:hidden;transition: all 0.4s ease-in-out 0s;
}
.team-overlay ul{
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.team-member img {
  width: 100%;
}
.team-member  h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  text-transform: uppercase;transition: all 0.4s ease-in-out 0s;
  color:#fff;
}
.team-member  h3 {
  font-size: 14px;
  text-transform: capitalize;transition: all 0.4s ease-in-out 0s;
  color:#fff;
}
.team-overlay li a {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #282828;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.team-overlay li{
	  transition: 0.6s;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
	display: inline-block;	
	text-align: left;	
	padding:5px 0;	
}
.team-member:hover .team-overlay li{transform: translateY(0px);}
.team-overlay li:nth-child(1) {
transform: translateY(20px);
transition-delay: .1s; }
.team-overlay li:nth-child(2) {
transform: translateY(40px);
transition-delay: .2s; }
.team-overlay li:nth-child(3) {
transform: translateY(60px);
transition-delay: .3s; }  
.team-overlay li:nth-child(4) {
transform: translateY(80px);
transition-delay: .4s; }
.team-overlay li:nth-child(5) {
transform: translateY(100px);
transition-delay: .5s; }

.team-member li i{color:#fff}
.testimonial-text.expert-team {
	position: relative;
	padding-bottom: 70px;
}
.testimonial-text.expert-team::before {
	position: absolute;
	content: "";
	background-image: url(../img/team_sec_bg.html);
	width: 100%;
	height: 100%;
	top: 0;
	left: -165px;
	background-repeat: no-repeat;
	z-index: -1;
}

/*
20.Faq Page
================*/
.faq-id {
	display: inline-block;
	float: left;
	width: 60px;
	margin-top: 7px;
}
.faq-id span {
	color: #0cb1f6;
	font-size: 36px;
	font-family: 'Poppins', sans-serif;
	font-weight:700
}
.faq-title h2 {
	color: #072948;
	font-size: 20px;
	line-height: 30px;
	padding-left: 60px;
}
.single-faq {
	margin-bottom: 30px;
}
/*
21.Contact Page
============================*/
.contact-info-icon {
	float: left;
	text-align: center;
}
.contact-page-sec .contact-field h2 {
	color: #072948;
	text-transform: capitalize;
	font-size: 22px;
	font-weight: 700;
}
.contact-field .col-md-6.col-sm-6.col-xs-12 {
  padding-left: 0;
}  
.contact-field.contact-form input {
  margin-bottom: 5px;
}  
.contact-field.contact-form textarea {
  height: 110px;
}
.contact-field.contact-form input[type="submit"] {
  background: #0cb1f6;
  width: 150px;
  border-color: #0cb1f6;
}
.contact-info-icon i {
	font-size: 30px;
	color: #777777;
}
.contact-info-text {
	padding-left: 50px;
	margin-bottom: 40px;
}
.contact-info-text h2 {
	color: #072948;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 700;
}
.contact-info-text span {
	color: #999999;
	font-size: 16px;
	font-weight: ;
	display: inline-block;
	width: 100%;
}

.contact-field input{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;color:#999999;
}
.contact-field select {
	width: 100%;
	border: 1px solid #f0f0f0;
	padding: 12px 20px;
	margin-bottom: 20px;
	text-transform: capitalize;
	color: #999999;
}
.contact-field .select-arrow::before {
	top: 15px;
	color: #999999;
}
.contact-field .message-input {
display: inline-block;
width: 100%;
padding-left: 0;
}
.single-input-field textarea {
	border: 1px solid #f0f0f0;
	width: 100%;
	height: 120px;
	padding: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
	background: #0cb1f6 none repeat scroll 0 0;
	border: 1px solid #0cb1f6;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 14px 0;
	text-transform: uppercase;
	width: 150px;
	margin-top: 20px;
	font-size: 16px;
	border-radius:0px;
}

.single-input-fieldsbtn input[type="submit"]:hover{background:#0cb1f6;transition: all 0.4s ease-in-out 0s;border-color:#0cb1f6}
.contact-field {
  display: inline-block;width:100%
}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-page-form {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}

.contact-page-map{width:100%;height:350px;margin-bottom:70px}


/*
22.Call To Action Section
============================*/
.footer-call-to-action {
	position: absolute;
	top: -80px;
	width: 100%;
	z-index: 999;
}
.call-to-action-sec {
	background-color: #fff;
	background-image: url("../img/call_to_action_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 40px 25px;
}
.call-to-action-overlay {
  background-color:rgba(7, 41, 72, 0.75);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.call-to-action-text {
  text-align: left;
}
.call-to-action-text {
  color: #fff;
}
.call-to-action-text p {
  margin-bottom: 0;
}
.call-to-action-text  h2 {
  color: #fff;
  text-transform: capitalize!important;
  font-size:30px;
  font-weight:bold
}
.call-to-action-text a.btn {
background: #0cb1f6 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
float: right;
font-weight: bold;
padding: 14px 36px;
text-transform: uppercase;
margin-top: 10px;
}
.call-to-action-text a.btn:hover{background: #fff;transition: all 0.4s ease-in-out 0s;color:#0cb1f6;}

/*
23.404 Page Section 
======================*/
.error-page-content {
  text-align: center;
  padding: 0px 50px;
}
.error-page-content  h1 {
  color: #072948;
  font-weight: bold;
  font-size: 60px;
  text-align:center;
}
.error-page-content  h2{text-transform:capitalize;}
.error-page-content > a {
	color: #fff;
	font-weight: 600;
	background: #0cb1f6;
	padding: 12px 34px;
	display: inline-block;
	margin-top: 20px;
	border-radius: 30px;
}
.error-page-content ul li {
	display: inline-block;
	width: 100%;
	padding: 4px 0;
	position:relative;
}
.error-page-content ul li::before {
	content: "\f101";
	font-family: fontawesome;
	left: 0px;
	top: 0px;
	position: relative;
	color: #0cb1f6;
	padding-right: 10px;
}

/*
24.Footer Section 
======================*/
footer.footer{
background: #072948 none repeat scroll 0 0;	
}
.footer-sec {
	padding-top: 150px;
	position: relative;
	padding-bottom: 50px;
	margin-top: 60px;
}
.footer-sec h2 {
	color: #fff;
	margin-bottom: 20px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
}
.footer-sec p {
  color: #fff;
}
.footer-wedget-one img {
	margin-bottom: 20px;
	margin-top: -30px;
}

.footer-wedget-one i:hover{background:#0cb1f6;color:#fff;border-color:#0cb1f6; transition: all 0.4s ease-in-out 0s;}
.footer-wedget-one ul {
  margin-top: 15px;
}
.footer-wedget-one form {
  background: #525459 none repeat scroll 0 0;
  margin-top: 35px;position:relative
}
.footer-wedget-one input[type="email"] {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
color: #292929;
padding: 10px 58px 10px 10px;
text-transform: capitalize;
width: 100%;
}
.footer-wedget-one button {
background: #0cb1f6 none repeat scroll 0 0;
color: #fff;
padding: 11px 20px;
position: absolute;
right: 0;top:0
}
.footer-wedget-one button i {
  border: none;
  margin-right: 0;
  color: #fff;
}
.footer-recent-inner {
	margin-bottom: 30px;
}
.footer-recent-inner:last-child{margin-bottom:0}
.footer-recent-inner span i {
	color: #0cb1f6;
	margin-right: 10px;
}
.footer-recent-inner h2{margin-bottom:10px;padding-bottom:0}
.footer-recent-inner h2 a {
	color: #f4f4f4;
	font-size: 16px;
	font-weight: 600;
	text-transform:capitalize;
}
.footer-recent-inner span {
	color: #f4f4f4;
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
}
.footer-recent-inner span:last-child{padding-left:15px}
.footer-recent-inner span i {
	color: #0cb1f6;
	margin-right: 10px;
}
	
.footer-wedget-three li i {
  display: inline-block;
  margin-right: 10px;
}
.ft-menu ul {
  padding: 0px 20px;
}
.ft-menu h2 {
  display: inline-block;
  text-align: left;
}
.footer-wedget-three li {
  color: #ccc;
  font-size: 14px;
padding:10px
}
.footer-wedget-two li {
  display: inline-block;
}
.footer-wedget-two li a {
	border: 1px solid #10385c;
	color: #fff;
	display: inline-block;
	margin: 8px 8px 8px 0;
	padding: 8px 10px;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out 0s;
	background: transparent;
	color: #f4f4f4;
}
.footer-wedget-two li a:hover{transition: all 0.4s ease-in-out 0s;background:#0cb1f6;color:#fff;border-color:#0cb1f6}
.footer-wedget-two li a i {
  margin-right: 10px;
}
.footer-widget-menu li:before{content: "\f101";
font-family: fontawesome;
left:0px;top:0px;
position: relative;color:#0cb1f6;padding-right:10px}
.footer-widget-menu li{position:relative}
.footer-widget-menu li a {
  color: #f4f4f4;
  text-transform: capitalize;
  padding-bottom: 10px;
  display: inline-block;
}
.footer-widget-menu li a:hover{color:#0cb1f6;transition: all 0.4s ease 0s;}

.footer-bottom-sec {
	padding: 15px 0;
	border-top: 1px solid #10385c;
}
.footer-social{text-align:right}
.footer-social ul li{display:inline-block;}
.footer-social ul li i {
color: #fff;
float: left;
font-size: 18px;
height: 40px;
line-height: 40px;
margin-right: 10px;
text-align: center;
width: 40px; transition: all 0.4s ease-in-out 0s;border-radius:100%;background:#10385c;
}
.footer-social ul li:first-child i{
background:#0cb1f6;	
}
.footer-social ul li i:hover{background:#0cb1f6;}
.copy-right {
	margin-top: 8px;
}
.footer-bottom-sec p {
color: #f4f4f4;
margin: 0;
text-align: left;
}
.copy-right span,
.copy-right span a{
  color: #0cb1f6;
}

/*
24.Why Choose Us Section 
======================*/
.why-choose-us-sec {

}
.why-choose-thumb {
	position: relative;
}
.why-choose-text {
	padding: 60px 15px 20px 15px;
	background: #fff;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.why-choose-inner {
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-bottom:30px;
}
.why-choose-text h2 a {
	font-size: 24px;
	text-transform: capitalize;
}
.why-choose-inner:hover .why-choose-text h2 a{
	color:#0cb1f6
}
.why-choose-icon {
	position: absolute;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 100%;
	line-height: 80px;
	text-align: center;
	margin: 0px auto;
	left: 0;
	right: 0;
	bottom: -50px;
}
.why-choose-icon img {
	width: 50px;
	height: 50px;
	display: inline-block;
}
/* The End */