/**
 * Stylesheet:  style.css
 * Theme:       Pinance - Financial & Corporate Business HTML5 Template
 * Version:     1.0
 * Author:     	Theme Garbage
 * URL:         https://themeforest.net/user/themegarbage
 * 
 */
/* 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.40);
	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
  }
  .sec-bg-gray {
	  background: #f8fafc;
  }
  /*
  1.Preloader
  ============================*/
  #preloader {
	  position: fixed;
	  top: 0;
	  left: 0;
	  background-color: #fff;
	  z-index: 9999999;
	  right: 0;
	  bottom: 0;
  }
  #preloader-status {
	  margin: -100px 0 0 -100px;
	  position: absolute;
	  left: 50%;
	  top: 50%;	
  }
  .cssload-thecube {
	  width: 103px;
	  height: 103px;
	  margin: 0 auto;
	  margin-top: 69px;
	  position: relative;
	  transform: rotateZ(45deg);
		  -o-transform: rotateZ(45deg);
		  -ms-transform: rotateZ(45deg);
		  -webkit-transform: rotateZ(45deg);
		  -moz-transform: rotateZ(45deg);
  }
  .cssload-thecube .cssload-cube {
	  position: relative;
	  transform: rotateZ(45deg);
		  -o-transform: rotateZ(45deg);
		  -ms-transform: rotateZ(45deg);
		  -webkit-transform: rotateZ(45deg);
		  -moz-transform: rotateZ(45deg);
  }
  .cssload-thecube .cssload-cube {
	  float: left;
	  width: 50%;
	  height: 50%;
	  position: relative;
	  transform: scale(1.1);
		  -o-transform: scale(1.1);
		  -ms-transform: scale(1.1);
		  -webkit-transform: scale(1.1);
		  -moz-transform: scale(1.1);
  }
  .cssload-thecube .cssload-cube:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgb(12,177,246);
	  animation: cssload-fold-thecube 2.76s infinite linear both;
		  -o-animation: cssload-fold-thecube 2.76s infinite linear both;
		  -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
		  -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
		  -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
	  transform-origin: 100% 100%;
		  -o-transform-origin: 100% 100%;
		  -ms-transform-origin: 100% 100%;
		  -webkit-transform-origin: 100% 100%;
		  -moz-transform-origin: 100% 100%;
  }
  .cssload-thecube .cssload-c2 {
	  transform: scale(1.1) rotateZ(90deg);
		  -o-transform: scale(1.1) rotateZ(90deg);
		  -ms-transform: scale(1.1) rotateZ(90deg);
		  -webkit-transform: scale(1.1) rotateZ(90deg);
		  -moz-transform: scale(1.1) rotateZ(90deg);
  }
  .cssload-thecube .cssload-c3 {
	  transform: scale(1.1) rotateZ(180deg);
		  -o-transform: scale(1.1) rotateZ(180deg);
		  -ms-transform: scale(1.1) rotateZ(180deg);
		  -webkit-transform: scale(1.1) rotateZ(180deg);
		  -moz-transform: scale(1.1) rotateZ(180deg);
  }
  .cssload-thecube .cssload-c4 {
	  transform: scale(1.1) rotateZ(270deg);
		  -o-transform: scale(1.1) rotateZ(270deg);
		  -ms-transform: scale(1.1) rotateZ(270deg);
		  -webkit-transform: scale(1.1) rotateZ(270deg);
		  -moz-transform: scale(1.1) rotateZ(270deg);
  }
  .cssload-thecube .cssload-c2:before {
	  animation-delay: 0.35s;
		  -o-animation-delay: 0.35s;
		  -ms-animation-delay: 0.35s;
		  -webkit-animation-delay: 0.35s;
		  -moz-animation-delay: 0.35s;
  }
  .cssload-thecube .cssload-c3:before {
	  animation-delay: 0.69s;
		  -o-animation-delay: 0.69s;
		  -ms-animation-delay: 0.69s;
		  -webkit-animation-delay: 0.69s;
		  -moz-animation-delay: 0.69s;
  }
  .cssload-thecube .cssload-c4:before {
	  animation-delay: 1.04s;
		  -o-animation-delay: 1.04s;
		  -ms-animation-delay: 1.04s;
		  -webkit-animation-delay: 1.04s;
		  -moz-animation-delay: 1.04s;
  }
  
  
  
  @keyframes cssload-fold-thecube {
	  0%, 10% {
		  transform: perspective(193px) rotateX(-180deg);
		  opacity: 0;
	  }
	  25%,
				  75% {
		  transform: perspective(193px) rotateX(0deg);
		  opacity: 1;
	  }
	  90%,
				  100% {
		  transform: perspective(193px) rotateY(180deg);
		  opacity: 0;
	  }
  }
  
  @-o-keyframes cssload-fold-thecube {
	  0%, 10% {
		  -o-transform: perspective(193px) rotateX(-180deg);
		  opacity: 0;
	  }
	  25%,
				  75% {
		  -o-transform: perspective(193px) rotateX(0deg);
		  opacity: 1;
	  }
	  90%,
				  100% {
		  -o-transform: perspective(193px) rotateY(180deg);
		  opacity: 0;
	  }
  }
  
  @-ms-keyframes cssload-fold-thecube {
	  0%, 10% {
		  -ms-transform: perspective(193px) rotateX(-180deg);
		  opacity: 0;
	  }
	  25%,
				  75% {
		  -ms-transform: perspective(193px) rotateX(0deg);
		  opacity: 1;
	  }
	  90%,
				  100% {
		  -ms-transform: perspective(193px) rotateY(180deg);
		  opacity: 0;
	  }
  }
  
  @-webkit-keyframes cssload-fold-thecube {
	  0%, 10% {
		  -webkit-transform: perspective(193px) rotateX(-180deg);
		  opacity: 0;
	  }
	  25%,
				  75% {
		  -webkit-transform: perspective(193px) rotateX(0deg);
		  opacity: 1;
	  }
	  90%,
				  100% {
		  -webkit-transform: perspective(193px) rotateY(180deg);
		  opacity: 0;
	  }
  }
  
  @-moz-keyframes cssload-fold-thecube {
	  0%, 10% {
		  -moz-transform: perspective(193px) rotateX(-180deg);
		  opacity: 0;
	  }
	  25%,
				  75% {
		  -moz-transform: perspective(193px) rotateX(0deg);
		  opacity: 1;
	  }
	  90%,
				  100% {
		  -moz-transform: perspective(193px) rotateY(180deg);
		  opacity: 0;
	  }
  }
  /*
  2.Scrollup
  ==============*/
  #scrollUp {
	  background: #0cb1f6 none repeat scroll 0 0;
	  border-radius: 4px;
	  bottom: 14px;
	  color: #fff;
	  font-size: 16px;
	  height: 40px;
	  right: 20px;
	  text-align: center;
	  text-decoration: none;
	  width: 40px;
  }
  #scrollUp:hover {
	opacity: 1;
	color: #fff!important;
  }
  #scrollUp i {
  display: block;
  font-weight: bold;
  padding-top: 11px;
  }
  
  
  /*
  3.Header Section
  ==================*/
  .header-top {
	  background: #072948;
	  overflow: hidden;
  }
  .header-top-right {
	  position: relative;
	  display: inline-block;
	  z-index: 2;
	  width: 100%;
	  text-align: right;
  }
  .header-top-right::before {
	  position: absolute;
	  content: "";
	  width: 5000px;
	  left: 0;
	  background: #fff;
	  height: 142%;
	  top: 0;
	  transform: skew(-50deg);
	  z-index: -1;
	  border-radius: 0px 0px 0px 34px;
  }
  .header-bar-inner {
	  display: inline-block;
	  width: 100%;
	  padding-top: 22px;
	  text-align: center;
  }
  .header-left {
	  display: inline-block;
	  padding: 10px 0px;
  }
  .header-left ul {
	  display: inline-block;
  }
  .header-left li {
	  padding-right: 40px;
	  position: relative;
	  display: inline-block;
	  color: #fff;
	  position: relative;
  }
  .header-left li::before {
	  content: "";
	  height: 14px;
	  width: 1px;
	  background: #fff;
	  position: absolute;
	  right: 20px;
	  top: 6px;
  }
  .header-left li:last-child:before{
	  display:none;
  }
  .header-left li:last-child{padding-right:0}
  .header-left li i {
	  color: #0cb1f6;
	  margin-right: 6px;
	  font-size: 18px;
  }
  .header-right-div {
	  margin-top: 0px;
	  text-align: right;
	  width: 100%;
	  position: relative;
	  z-index: 2;
	  padding: 10px 0px;
  }
  .header-right-div::before {
	  background: #0cb1f6 none repeat scroll 0 0;
	  content: " ";
	  height: 100%;
	  position: absolute;
	  left: 15px;
	  top: 0;
	  width: 2000px;
	  z-index: -1;
  }
  .header-right {
	  text-align: right;
	  position: relative;
	  z-index: 1;
	  padding: 10px 0;
	  display: inline-block;
	  z-index:99
  }
  
  .soical-profile ul,
  .soical-profile li {
	  display: inline-block;
  }
  .soical-profile li a i {
	  width: 20px;
	  height: 20px;
	  text-align: center;
	  line-height: 20px;
	  border-radius: 100%;
	  display: inline-block;
	  color:#fff;
  }
  .soical-profile li a i:hover {
	  color: #071c34;
  }
  /*
  4.Menu  Section
  =================*/
  .hd-sec {
	  background: #fff;
	  border-top: 1px solid #eee;
  }
  .responsive-logo {
	  display: none;
  }
  .logo {
	  padding: 22px 0;
	  position:relative;
	  z-index:2;
  }
  
  .social-title {
	  display: inline-block;
	  color: #fff;
	  font-weight: 600;
  }
  .contact-tp-title {
	  color: #0cb1f6;
	  font-weight: 600;
  }
  .nav-menu {
	  padding-left: 0;
	  padding-right: 0px;
  }
  .menu {
  display: inline-block;
  position:relative
  }
  .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.active{
	  position:relative
  }
  .main-menu ul li.active::before {
	  position: absolute;
	  content: "";
	  background: #0cb1f6;
	  width: 100%;
	  height: 3px;
	  left: 0;
	  bottom: 0;
  }
  .main-menu ul li.active > a{
	  color:#0cb1f6
  }
  .main-menu ul li a {
	  display: block;
	  padding: 40px 12px;
	  text-decoration: none;
	  text-transform: capitalize;
	  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: #fff none repeat scroll 0 0;
	  left: 12px;
	  opacity: 0;
	  position: absolute;
	  text-align: left;
	  top: 120px;
	  visibility: hidden;
	  z-index: 99999;
	  transition: all 0.3s ease 0s;
	  padding: 30px 20px;
	  border-top: 2px solid #0cb1f6;
	  border-left: 3px solid #f9f9f9;
	  border-bottom: 3px solid #f9f9f9;
	  border-right: 3px solid #f9f9f9;
  }
  .main-menu ul ul li {
  float : none;
  width : 220px;
  }
  .main-menu ul ul li ul {
	  visibility: hidden !important;
  }
  .main-menu ul ul li i {
	  float: right;
  }
  .main-menu ul ul li:hover ul{
	  visibility: visible !important;
	  top : -1px;
	  transition: all 0.3s ease 0s;
	  opacity:1;	
  }
  .main-menu ul ul li a {
	  line-height: 120%;
	  padding: 10px 20px;
	  color: #071c34;
	  font-size: 15px;
	  border-bottom: 1px solid #f2f2f2;
  }
  .main-menu ul ul li:last-child a{
	  border-bottom:0px;
  }
  .main-menu ul ul li a:hover {
  color:#0cb1f6;background:#fff;
  }
  .main-menu ul ul ul {
  left : 100%;
  transition: all 0.3s ease 0s;
  opacity:0;
  border-top:0px;
  border-top: 2px solid #0cb1f6;
  border-bottom:1px solid #071c34
  }
  .main-menu ul li:hover ul {	
   visibility: visible;
   transition: all 0.4s ease 0s; 
   opacity: 1;
   top:105px; 
  }
  
  .search-bar-icon{
	  display: inline-block;
	  padding: 38px 0px;
	  position: absolute;
	  right: 0;
	  top: 0;
  }
  .site-search span {
	  display: inline-block;
	  width: 30px;
	  height: 30px;
	  text-align: center;
	  cursor: pointer;
	  transition: all 0.4s ease 0s;
	  line-height: 30px;
	  position:relative;
  }
  .site-search span::before {
	  position: absolute;
	  content: "";
	  height: 50%;
	  width: 1px;
	  background: #ddd;
	  left: -8px;
	  top: 8px;
  }
  .site-search.open span i.icofont-search-1::before {
	   content: "\eedd" !important; 
  }
  .site-search i {
	  color: #071c34;
	  font-size: 18px;
  }
  .search-forum > form {
	  display: inline-flex;
	  background: #fff;
	  padding: 18px 20px;
	  border-top: 2px solid #0cb1f6;
  }
  .search-forum input[type="text"] {
	  padding: 10px;
	  border: 1px solid #ddd;
  }
  .search-forum input[type="submit"] {
	padding: 10px;
	background: #22253a;
	color: #fff;
  }
  .search-forum {
	  left: -350px;
	  position: absolute;
	  top: 103px;
	  transition: all 0.4s ease 0s;
	  z-index: 2;
  }
  .search-forum.dropdown-menu {
	  padding: 0;
	  border: 0px;
  }
  .animation{
	  -webkit-animation-duration: 0.3s;
	  animation-duration: 0.3s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
  }
  
   @-webkit-keyframes slideUpIn {
	   0% {
		   
		   -webkit-transform: translateY(40px);
	   }
	   100% {
		   
		   -webkit-transform: translateY(0);
	   }
	   
	   0% {
		   -webkit-transform: translateY(40px);
	   }
  }
  
  @keyframes slideUpIn {
	  0% {
		  transform: translateY(40px);
	  }
	  100% {
		  transform: translateY(0);
	  }
	  0% {
		  transform: translateY(40px);
	  }
  }
  
  .slideUpIn {
	  -webkit-animation-name: slideUpIn;
	  animation-name: slideUpIn;
  }
  .hd-sec.sticky_menu {
	left: 0;
	right: 0;
	top: 0;  
	position: fixed;
	z-index: 9999;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
	background:#fff;
  }
  .applay-button {
	  position: relative;
	  z-index: 2;
	  padding: 28px  0;
	  display: inline-block;
	  width: 100%;
	  text-align: right;
  }
  .applay-button a {
	  padding: 8px 24px;
	  display: inline-block;
	  font-weight: 600;
	  text-transform: capitalize;
	  margin-top: 4px;
	  border: 1px solid #0cb1f6;
	  text-align: center;
	  color: #fff;
	  background: #0cb1f6;
	  border-radius: 4px;
  }
  .applay-button a .lnr.lnr-phone-handset{
	  margin-right:10px;
  }
  .applay-button a .lnr.lnr-arrow-right{
	  margin-left:10px;
  }
  .applay-button a i {
	  color: #fff;
	  margin-right: 10px;
	  font-size: 22px;
  }
  .applay-button a:hover{background:#071c34;color:#fff;border-color:#071c34;}
  
  
  /*
  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: capitalize;
	  margin: 0px 10px;
	  z-index: 5;
	  font-weight: 600;
	  position: related;
	  transition: all 0.4s ease 0s;
	  border-radius: 4px;
  }
  
  .slider-text li a:before{
  content: "\ea69";
  font-family: IcoFont;
  float:right;top:0px;
  position: relative;color:#fff;padding-left:10px;transition: all 0.4s ease 0s;
  }
  .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:before{
	  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;
	  border-radius: 100%;
  }
  .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;}
  /*
  7.About Section
  ===================*/
  .sec-bg-color{
	  background: #0cb1f6;
  }
  .about-us-short {
	  position: absolute;
	  top: 50%;
	  background: #fff;
	  width: 50%;
	  right: 0px;
	  transform: translateY(-50%);
	  padding: 80px;
	  border-radius: 10px;
  }
  .about-us-classic img {
	  width: 70%;
  }
  .about-us-short h1 {
	  text-transform: capitalize;
	  font-size: 32px;
	  line-height: 46px;
  }
  .sub-title {
	  text-transform: uppercase;
	  color: #0cb1f6;
	  font-weight: 600;
  }
  .about-us-short ul{
	  margin-bottom:20px;
  }
  .about-us-short ul li {
	  color: #848080;
	  display: inline-block;
	  width: 100%;
	  padding: 5px 0;
  }
  .about-us-short ul li {
	  color: #848080;
	  display: inline-block;
	  width: 100%;
	  padding: 5px 0;
  }
  .about-us-short ul li::before {
	  content: "\eac7";
	  font-family: IcoFont !important;
	  left: 0px;
	  top: 0px;
	  position: relative;
	  color: #0cb1f6;
	  padding-right: 10px;
  }
  .simple-btn {
	  padding: 8px 26px;
	  display: inline-block;
	  font-weight: 600;
	  text-transform: capitalize;
	  border: 1px solid #0cb1f6;
	  text-align: center;
	  color: #fff;
	  background: #0cb1f6;
	  border-radius: 4px;
  }
  .simple-btn .icofont-caret-right {
	  margin-left: 10px;
	  font-weight: bold;
  }
  /*
  24.What We Do
  ============================*/
  .what-we-do-crousel-sec {
	  background-image: url("../img/call_to_action_bg.jpg");
	  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  }
  .what-we-do-crousel-sec .sec-title h1,
  .what-we-do-crousel-sec .sec-title p{
	  color:#fff;
  }
  .what-we-do-shortdesc::before {
	  position: absolute;
	  content: "";
	  background: #909090;
	  width: 1px;
	  height: 100%;
	  left: -30px;
	  top: 0px;
  }
  .what-we-do-shortdesc p {
	  margin-bottom: 0;
  }
  .what-we-do-inner-icon {
	  color: #0cb1f6;
	  font-size: 56px;
	  margin-bottom: 30px;
  }
  .what-we-do-button {
	  color: #0cb1f6;
	  text-transform: capitalize;
	  font-weight: 600;
	  font-size: 14px;
	  width: 50px;
	  height: 50px;
	  display: inline-block;
	  background: #f9f9f9;
	  border-radius: 100%;
	  text-align: center;
	  line-height: 58px;
  }
  .what-we-do-button i {
	  font-size: 26px;
	  position: relative;
  }
  .what-we-do-single-inner {
	  padding: 50px 36px;
	  margin-bottom: 30px;
	  position: relative;
	  z-index: 2;
	  background: #072948;
	  border-radius: 10px;
	  overflow: hidden;
  }
  .what-we-do-single-inner::before {
	  position: absolute;
	  z-index: -1;
	  content: "";
	  width: 100%;
	  height: 100%;
	  background: #fff;
	  top: 0;
	  left: 0;
	  transition: all 0.4s ease 0s;
  }
  .what-we-do-single-inner:hover:before {
  height:0%;
  transition: all 0.4s ease 0s;
  }
  .what-we-do-single-inner:hover{
	  border-color:#0cb1f6;
	  color:#fff;
  }
  .what-we-do-single-inner:hover .what-we-do-inner-desc h2 span{
	  color:#fff;
  }
  .what-we-do-single-inner:hover .what-we-do-inner-desc h2 a{
	  color:#0cb1f6;
  }
  
  .what-we-do-single-inner:hover .what-we-do-button{
	  color:#fff;
	  background: #0cb1f6
  }
  .what-we-do-inner-desc h2 a {
	  font-size: 20px;
	  text-transform: capitalize;
  }
  .what-we-do-inner-desc h2 span {
	  color: #0cb1f6;
	  position: relative;
	  z-index: 2;
	  margin-right: 4px;
  }
  
  /*
  7.Title Section
  =================*/
  .sec-title {
	  text-align: center;
	  margin: 0 150px 50px 150px;
  }
  .sec-title  h1 {
	font-size: 36px;
	text-transform: capitalize;
	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: #0cb1f6;
	  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:#072948;text-decoration:none;transition:none;
  }
  .service-tab li.active a::before {border-top-color:#072948;}
  .service-tab li a::before {
	  position: absolute;
	  top: 6px;
	  right: -17px;
	  content: '';
	  z-index: 9;
	  border-left: 38px solid transparent;
	  border-top: 38px solid #0cb1f6;
	  content: "";
	  height: 0;
	  position: absolute;
	  width: 0;
	  transform: rotate(46deg);
  
  }
  .service-tab li a i {
	  margin-right: 10px;
  }
  /*
  9.Service Section
  ============================*/
  .service-item .inner {
	  position: relative;
	  margin-bottom: 30px;
	  display: inline-block;
	  text-align: left;
	  padding: 50px 30px;
	  background: #f8fafc;
  }
  .service-content p {
	  margin-bottom: 25px;
	  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{
	  background: #fff;
	  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;
	  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: #0cb1f6 none repeat scroll 0 0;
	  padding: 280px 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(12, 177, 246, 0.95);
	  top: 0;
	  width: 100%;
	  height: 100%;
  }
  
  .pricing-sec .brder-btm{border-color:#fff}
  .sngl-price {
  text-align: center;
  }
  .price {
	  text-align: center;
	  margin: 0px auto;
	  padding-top: 46px;
  }
  
  .price-box span {
	display: inline-block;
	width: 100%;
  }
  .price-box span.amount {
	font-weight:800;
	font-size: 22px;
	color:#0cb1f6
  }
  
  .price-heading > span {
	width: 100%;
	display: inline-block;
	color:#072948;
  }
  .price-box span.time {
	  font-size: 14px;
	  font-weight: 600;
  }
  .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;
	  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;
	  margin-bottom: 30px;
	  background: #fff;
	  border-radius: 10px;
	  overflow: hidden;
	  box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.03);
  }
  .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%;
	  text-decoration: line-through;
	  color: #c7c7c7;
  }
  .sngl-price ul li.active{
	  text-decoration: none;
	  color:#808080
  }
  .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: 10px 24px;
	  text-transform: capitalize;
	  position: relative;
	  z-index: 2;
	  border: 1px solid #0cb1f6;
	  overflow: hidden;
	  font-weight: 600;
	  border-radius: 4px;
	  color: #0cb1f6;
  }
  .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 .btn.price_btn::before{transition: all 0.4s ease-in-out 0s;transform:scale(1);}
  .sngl-price:hover .btn.price_btn{color:#fff;}
  /*
  11.Project Gallery Section
  ============================*/
  .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: #0cb1f6;
	  margin: 0px 5px;
	  border-radius: 4px;
  }
  .simplefilter li:hover {
  transition: all 0.5s ease-out 0s;background:#0cb1f6;color:#fff;
  }
  .simplefilter li.active {
	  background: #072948;color:#fff;position:relative
  }
  .simplefilter li.active:hover{transition: all 0.5s ease-out 0s;background:#072948;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;
  }
  .gallery-area .filtr-item {
	  padding: 0;
  }
  
  .gallery-sec .simplefilter li.active{color:#fff;background:#072948;}
  .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.95);
	  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: 4px;
	  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;
  }
  .gallery-load-more-btn {
	  text-align: center;
	  margin-top: 40px;
  }
  .gallery-load-more-btn a {
	  background: #0cb1f6;
	  padding: 12px 26px;
	  display: inline-block;
	  font-weight: 600;
	  text-transform: capitalize;
	  color: #fff;
	  position: relative;
	  border-radius: 4px;
  }
  /*
  12. Project Details Page Section
  =================================*/
  .details-text img{margin-bottom:20px;}
  .details-text h2 a, .project-details-info h2 {
	  color: #fff;
	  font-size: 28px;
	  text-transform: capitalize;
	  border-bottom: 1px solid #fff;
	  padding-bottom: 14px;
  }
  .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;
	  color: #fff;
  }
  .project-details-info ul li span{float:right}
  .project-details-info {
	  padding: 50px 40px;
	  background: #0cb1f6;
  }
  /*
  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 26px;
	  position: relative;
	  background: #0cb1f6;
	  margin-bottom: 5px;
	  border-radius: 4px;
  }
  .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(12, 177, 246, 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: #fff;
	  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: #808080;
  }
  .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:#808080
  }
  .faq-sec .panel-title a.collapsed:before {
	  float: right !important;
	  content:"\f107";color:#808080;
  }
  .faq-sec .panel-title > a:hover, 
  .faq-sec .panel-title > a:active, 
  .faq-sec .panel-title > a:focus  {
	  text-decoration:none;color:#808080;
  }
  
  /*
  10.FAQ Section
  ============================*/
  .faq-sec .sec-title {
	  margin-bottom: 50px;
  }
  .faq-section{
	  background-color: #fff;
	  background-image: url("../img/faq_bg.jpg");
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  overflow:hidden;
  }
  .faq-sec .sec-title {
	  margin: 0;text-align:left;
	  margin-bottom: 40px;
  }
  .faq-sec {
	  padding: 100px 0px 50px 50px;
	  position: relative;
	  z-index: 2;	
  }
  .faq-sec::before {
	  position: absolute;
	  content: "";
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  background: #fff;
	  left: -15px;
	  width: 5000px;
	  z-index: -1;
  }
  .faq-single {
	  margin: 20px 0;
  }
  .faq-single .icon {
	  width: 60px;
	  height: 60px;
	  margin-right: 10px;
	  font-size: 50px;
	  color: #0cb1f6;
  }
  .faq-single .media-body h2 {
	  font-size: 20px;
	  margin-bottom:10px;
	  text-transform: capitalize;
  }
  /*
  Consulting Form Section
  ==========================*/
  .consulting-form-sec{
	  background-color: #fff;
	  background-image: url("../img/consult_bg.jpg");
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  overflow:hidden;
	}
	.consulting-form::before {
	  background-color: #fff;
	  content: "";
	  height: 100%;
	  position: absolute;
	  top: 0;
	  width: 5000px;
	  z-index: -9;
	  right: -15px;
  }
  .consulting-form {
	  color: #fff;
	  display: inline-block;
	  padding: 50px 50px 80px 0px;
	  position: relative;
	  text-align: left;
	  z-index: 9;
	  width: 100%;
  }
  .consulting-form > h1 {
	  font-size: 36px;
	  text-transform: capitalize;
	  font-weight: bold;
	  margin-top: 20px;
	  margin-bottom: 40px;
  }
	.consulting-form input[type="text"], .consulting-form input[type="email"] {
		background: transparent;
		border: 1px solid #ededed;
		padding: 10px;
		color: #808080;
		width: 100%;
		font-weight: 600;
		font-size: 14px;
		border-radius: 4px;
		text-transform: capitalize;
	}
	.consulting-form textarea{
		background: transparent;
		border: 1px solid #ededed;
		padding: 10px;
		color: #808080;
		width: 100%;
		height:124px;
		font-weight: 600;
		font-size: 14px;
		border-radius: 4px;
		text-transform: capitalize;
	}
	.consulting-form input[type="submit"] {
		background: #0cb1f6;
		color: #fff;
		font-weight: bold;
		padding: 12px 30px;
		text-transform: capitalize;
		border-radius: 4px;
		margin-top:20px;
	}
	.consulting-form .col-md-6 {
	  margin-bottom: 20px;
	}
	.consulting-form input[type="text"]::-webkit-input-placeholder {
	color:#808080;opacity:1
	}
	.consulting-form input[type="email"]::-webkit-input-placeholder {
	color:#808080;opacity:1
	}
	.consulting-form textarea::-webkit-input-placeholder {
	color:#808080;opacity:1
	}
	.consulting-form option::-webkit-input-placeholder {
	color:#808080;opacity:1
	}
	.consulting-form input[type="text"]::-moz-placeholder{
	color:#808080;opacity:1
	}
	.consulting-form input[type="email"]::-moz-placeholder{
	color:#808080;opacity:1
	}
	.consulting-form textarea::-moz-placeholder{
	color:#808080;opacity:1
	}
	.consulting-form option::-moz-placeholder{
	color:#808080;opacity:1
	}
  /*
  15.Blog Section
  ==================*/
  .sngl-blg {
	  margin-bottom: 30px;
  }
  .sngl-blg:hover .sngl-blg-img:before{
	  width:100%;
	  height: 100%;
	  transition: all 0.5s ease-out;
  
  }
  .sngl-blg-img {
	  position:relative;
  }
  .sngl-blg-dsc {
	  padding: 20px;
	  margin-top: 24px;
  }
  .block-qoute {
	border-bottom: 1px solid #f3f1f1;
	border-top: 1px solid #f3f1f1;
	padding: 10px;
	text-align: center;
	margin: 40px 0;
  }
  .block-qoute p{color:#61bd12;font-style:italic}
  .sngl-blg-dsc .btn.rdmoreBtn {
	padding-left: 0;
  }
  .blog-meta li i {
	  margin-right: 5px;
	  font-weight: 600;
  }
  .sngl-blg-img::before {
	  position: absolute;
	  content: "";
	  width: 0%;
	  height: 100%;
	  left: 0;
	  background: rgba(12, 177, 246, 0.65);
	  transition: all 0.5s ease-out;
	  bottom: 0;
	  right: 0;
  }
   .sngl-blg-img  img {
	width: 100%;
  }
  .blg-title {
	  font-size: 20px;
	  text-transform: capitalize;
	  line-height: 30px;
  }
  .blg-title a:hover{
	  color:#0cb1f6
  }
  .blog-metac  ul {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
  }
  .blog-meta {
	  position: absolute;
	  bottom: -20px;
	  background: #0cb1f6;
	  padding: 10px;
	  border-radius: 4px;
	  left: 20px;
  }
  .blog-meta li {
	  color: #f2f2f2;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: 600;
	  margin-right: 10px;
  }
  .rdmoreBtn {
	  color: #0cb1f6;
	  font-weight: 600;
  }
  .rdmoreBtn i {
	  font-weight: 600;
	  position: relative;
	  top: 0px;
  }
  .single-blog .sngl-blg-dsc{
	  padding:0px;
	  border:0px;
  }
  .single-blog .sngl-blg-img {
	  margin-bottom: 20px;
  }
  
  
  .single-blog {
	  margin-bottom:40px;
  }
  .blog-img img {
	  width: 100%;
  }
  .blog-meta-data h2 {
	  margin-bottom:10px;
  }
  .blog-meta-data h2 a {
	  font-size: 24px;
  }
  .blog-meta-data h2 a:hover{
	  color:#0cb1f6;
  }
  .blog-meta-data {
	  font-size: 16px;
	  color: #282828;
	  text-transform: capitalize;
	  font-weight:500
  }
  .blog-meta-data span {
	  color: #0cb1f6;
  }
  .blog-meta-data {
	  margin-bottom: 15px;
  }
  .single-blog p {
	  margin-bottom: 20px;
  }
  .blog-img {
	  margin-bottom:30px;
	  position: relative;
	  overflow:hidden;
  }
  .blog-img img{
	  transform:scale(1);
	  transition: all 0.4s ease 0s;
  }
  .single-blog:hover .blog-img img{
	  transform:scale(1.2);
	  transition: all 0.4s ease 0s;
  }
  .single-blog p a {
	  border-bottom: 1px solid #ababab;
	  color: #3e3e3e;
  }
  .single-blog p a:hover{
	  color:#0cb1f6;
  }
  .single-blog:hover a.blog-readmore{
	  background:#0cb1f6;
	  color:#fff;
  }
  .blog-page .single-blog {
	  margin-bottom: 50px;
  }
  .blog-img .vedio-button{
	  width:70px;
	  height:70px;
  }
  .blog-img .vedio-button a {
	  background:#0cb1f6;
	  line-height: 70px;
	  color:#fff;
  }
  .blog-readmore {
	  display: inline-block;
	  padding: 12px 28px;
	  color: #0cb1f6;
	  text-transform: capitalize;
	  font-weight: 600;
	  border-radius: 4px;
	  border:1px solid #0cb1f6;
  }
  .post-meta li {
	  color: #969595;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: 600;
	  margin-right: 10px;
  }
  .post-meta li i{
	  margin-right: 5px;
  }
  /*
  31.Sidebar
  ============================*/
  .blog-widget-title {
	  font-size: 18px;
	  text-transform: uppercase;
	  position: relative;
	  padding-bottom: 20px;
  }
  .blog-widget-title::before {
	  position: absolute;
	  content: "";
	  border-bottom: 1px solid #969595;
	  width: 50px;
	  bottom: 0;
	  left: 0;
  }
  .blog-widget-title span {
	  color: #969595;
  }
  /*Project Widget*/
  .project-widget-text{
	  position:relative;
  }
  .project-widget-overlay {
	  background-color: rgba(1, 47, 92, 0.90);
	  height: 100%;
	  left: 0;
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 100%;
	  padding: 40px 30px;
  }
  .project-widget img {
	  width: 100%;
  }
  .project-widget-overlay h2 {
	  text-transform: uppercase;
	  color: #fff;
	  font-weight: 500;
	  margin-bottom: 15px;
  }
  .project-widget-overlay span {
	  display: inline-block;
	  width: 100%;
	  color: #fff;
  }
  .project-widget a {
	  display: inline-block;
	  width: 100%;
	  padding: 20px;
	  color: #fff;
	  background: #161616;
  }
  /*Project Cat*/
  .project-cat{
	  margin:40px 0
  }
  .project-cat li {
	  display: inline-block;
	  width: 100%;
  }
  .project-cat li a {
	  display: inline-block;
	  background: #f8f8f8;
	  padding: 20px;
	  text-transform: capitalize;
	  width: 100%;
	  margin-bottom: 10px;
	  position:relative;
	  color:#0a0a0a;
	  border-bottom: 2px solid #f8f8f8;
  }
  
  
  .gmap-widget img {
	  width: 100%;
  }
  /*Search Widget*/
  .search-field,
  .contact-info-widget {
	  margin-bottom: 40px;
	  background: #fafafa;
	  padding: 50px 36px;
  }
  .search-field form {
  display: inline-block;
  width: 100%;
  position: relative;
  overflow:hidden;
  }
  .search-field input[type="text"] {
	  background: #fff none repeat scroll 0 0;
	  border: 1px solid #d7dad9;
	  padding: 14px 54px 14px 14px;
	  width: 100%;
  }
  .search-field button {
	  color: #fff;
	  padding: 16px 20px;
	  position: absolute;
	  right: 0;
	  top: 0;
	  background: #0cb1f6;
	  font-size: 18px;
  }
  /*Archive Widget*/
  .archive-widget{
	  margin-bottom: 40px;
	  background: #fafafa;
	  padding: 50px 36px;
  }
  .archive-widget li {
	  display: inline-block;
	  width: 100%;
	  padding: 10px 0px;
	  position: relative;
	  border-bottom: 1px solid #ddd;
  }
  .archive-widget li::before {
	  content: "\ea79";
	  position: absolute;
	  left: 0;
	  top:50%;
	  transform: translateY(-50%);
	  font-family: IcoFont !important;
	  transition: all 0.4s ease 0s;
  }
  .archive-widget li a {
	  color: #3e3e3e;
	  text-transform: capitalize;
	  padding-left: 30px;
  }
  .archive-widget li a:hover{
	  color:#0cb1f6
  }
  .archive-widget li:hover:before{
  color:#0cb1f6;
  transition: all 0.4s ease 0s;	
  }
  .archive-widget li a span{
	  float:right;
  }
  
  /*Recent Post Widget*/
  .widget-recent-post{
	  margin-bottom: 40px;
	  background: #fafafa;
	  padding: 50px 36px;
  }
  .tab-widget {
	  display: inline-block;
	  width: 100%;
	  margin-bottom: 30px;
  }
  .tab-widget li {
	  display: inline-block;
  }
  .tab-widget li.active a {
	  color: #fff;
	  background: #072948;
  }
  .tab-widget li a {
	  background: #0cb1f6;
	  padding: 14px 14px;
	  display: inline-block;
  }
  .recent-post-desc li {
	  display: inline-block;
	  margin-right: 10px;
  }
  .recent-post-desc li a{font-weight:300;text-transform:capitalize;color:#072948;}
  .recent-post-thumb {
	float: left;
	margin-right:25px;
	  position: relative; 
  }
  .recent-post-widget:hover .recent-post-thumb-overlay a {
	  transform: scale(1);
	  transition: all 0.4s ease 0s;
  }
  .recent-post-thumb-overlay a {
	  position: absolute;
	  left: 5px;
	  top: 5px;
	  transform: scale(0);
	  transition: all 0.4s ease 0s;
  }
  .recent-post-widget:hover .recent-post-thumb-overlay{
	  visibility:visible;
	  transition: all 0.4s ease 0s;
	  height:100%;
  }
  .recent-post-thumb-overlay{
	  position: absolute;
	  height:0%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  visibility:hidden;
	  transition: all 0.4s ease 0s;
	  background-color: rgba(12, 177, 246, 0.95);
  }
  .recent-post-desc h3 {
	  font-size: 16px;
	  margin-bottom:0px;
	  line-height: 24px;
  }
  .recent-post-desc h3 a {
	  color: #333333;
  }
  .recent-post-desc  a:hover{ transition: all 0.4s ease-in-out 0s;color:#072948}
  /*Post Tag Widget */
  .widget-tag {
	  display: inline-block;
	  width: 100%;
	  margin-bottom: 40px;
	  background: #fafafa;
	  padding: 50px 36px;	
  }
  .widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;color:#072948!important}
  .widget-tag a {
	  float: left;
	  margin-right: 5px;
	  margin-bottom: 5px;
	  padding: 10px 16px;
	  font-weight: 600;
	  border: 1px solid #dddd;
	  border-radius: 4px;
  }
  .widget-tag li a:hover{background:#0cb1f6;border-color:#0cb1f6;color:#fff!important;}
  .widget-tag li:first-child a{
  background:#0cb1f6;border-color:#0cb1f6;color:#fff!important;
  }
  .project-feedbac-inner {
	  background: #fafafa;
	  padding:70px 20px;
	  margin-top: 40px;
	  position: relative;
	  margin-bottom: 40px;
  }
  .project-feedbac-inner::before {
	  color: #0cb1f6;
	  content: "";
	  font-family: fontawesome;
	  font-size: 30px;
	  left: 20px;
	  position: absolute;
	  top: 35px;
	  z-index: 2;
  }
  
  /*
  Blog Details CSS
  ==========================*/
  .blog-details-colmn {
	  margin-bottom: 30px;
  }
  .blog-details-colmn img {
	  width: 100%;
  }
  .share-title {
	  text-transform: capitalize;
	  font-size: 18px;
	  color: #3e3e3e;
	  margin-right:10px;
  }
  .share-social-link {
	  margin-top: 40px;
  }
  .share-social-link ul{
	  display:inline-block;
  } 
  .share-social-link ul li {
	  display: inline-block;
	  margin-right: 10px;
  }
  .share-social-link ul li a {
	  width: 30px;
	  height: 30px;
	  border: 1px solid #fff;
	  display: inline-block;
	  border-radius: 4px;
	  text-align: center;
	  line-height: 30px;
  }
  .share-social-link ul li a:hover{
	  color:#fff;
	  background:#0cb1f6;
	  border-color:#0cb1f6
  }
  /*Blog Comment List*/
  .comment-list {
  border: 1px solid #fafafa;
  font-size: 18px;
  padding: 14px;
  text-align: center;
  }
  .comment-list h5 {
	margin-bottom: 0;
  }
  .commenter-photo{
	  float: left;
	  margin-right: 20px;
	  width: 110px;
	  border-radius: 100%;
	  height: 110px;
  }
  .comment-author {
	  margin-bottom: 6px;
	  font-size: 20px;
	  text-transform: capitalize;
	  font-weight:700;
  }
  .comment-author-designation {
	  font-size: 14px;
	  color: #858484;
	  font-style: italic;
  }
  .comment-time {
	  font-size: 14px;
	  font-weight: normal;
	  display: inline-block;
	  width: 100%;
	  color: #072948;
	  letter-spacing: 2px;
  }
  .commentar-sec .media.mt-3 {
	margin-top: 70px;
  }
  .post-commnet-title {
	  margin-right: 14px;
  }
  .commentar-sec h2 {
	  margin-top: 50px;
	  font-weight: bold;
	  text-transform: capitalize;
	  margin-bottom: 50px;
	  font-size: 24px;
	  color: #072948;
  }
  .comment-title-icon {
	  margin-right: 10px;
  }
  .commentar-sec.author {
	position: relative;
  }
  .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%;
  }
  .commentar-meta {
	  position: relative;
	  margin-bottom: 10px;
  }
  .replay-button {
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  right: 0;
	  font-weight: 600;
	  color: #0cb1f6;
	  border-bottom: 1px solid;
  }
  
  /*Comment Input Filed*/
  .comment-reply-title {
	  font-size: 24px;
	  text-transform: capitalize;
	  font-weight: bold;
	  margin-bottom: 26px;
  }
  .comment-field {
	  margin-top: 50px;
  }
  #commentform input[type="text"] {
	  padding: 14px 22px;
	  width: 100%;
	  font-size: 16px;
	  border: 1px solid #ddd;
	  color: #777;
	  font-weight: normal;
	  border-radius: 4px;
  }
  #commentform textarea {
	  resize: vertical;
	  width: 100%;
	  font-size: 16px;
	  border: 1px solid #ddd;
	  color: #777;
	  padding: 26px 22px;
  }
  #commentform input#submit {
	  padding: 12px 26px;
	  display: inline-block;
	  background: #0cb1f6;
	  color: #fff;
	  text-transform: capitalize;
	  position: relative;
	  font-weight: 600;
	  border: 1px solid #0cb1f6;
	  transition: all 0.4s ease 0s;
	  border-radius: 4px;
  }
  #commentform input#submit:hover{
	  background:transparent;
	  border-color:#0cb1f6;
	  transition: all 0.4s ease 0s;
	  color:#0cb1f6
  }
  #commentform p {
	  margin-bottom: 30px;
  }
  #commentform input:focus,
  #commentform textarea:focus
  {
	  outline: none !important;
	  border-color:#fff3ba;
	  transition: all 0.4s ease 0s;
  }
  /*
  17.Testimonial Section
  =========================*/
  .testimonial-sec{background:#fafafa}
  .testimonial-text span {
	  color: #0cb1f6;
	  display: inline-block;
	  margin-bottom: 0px;
	  font-size: 16px;
	  font-weight: 400;
  }
  .testimonial-text > h1 {
	  font-size: 26px;
	  font-weight: 600;
	  text-transform: capitalize;
	  line-height: 37px;
  }
  .testimonial-text a {
	  background: #0cb1f6 none repeat scroll 0 0;
	  color: #fff;
	  display: inline-block;
	  font-weight: 600;
	  padding: 14px 26px;
	  text-transform: capitalize;
	  border-radius: 4px;
  }
  .no-padding {
	padding: 0;
  }
  .all-testimonial.owl-carousel .owl-item img {
  border-radius: 100%;
  }
  .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-info {
	  display: inline-block;
	  margin-top: 10px;
  }
  .client-thumb {
	  border-radius: 100%;
	  height: 60px;
	  margin-right: 20px;
	  width: 60px;
	  float: left;
  }
  .sngl-client {
  border: 1px solid #fafafa;
  margin-bottom: 30px;
  text-align: center;
  margin: 5px;
  }
  .single-testimonial {
  display: inline-block;
  margin-bottom: 40px;
  padding: 0 10px;
  width: 100%;
  }
  .clinet-inner {
	  margin-top: 20px;
  }
  .client-info h2 {
	  color: #292929;
	  font-size: 18px;
	  margin-bottom: 5px;
	  text-transform: capitalize;
	  font-weight: 600;
  }
  .client-info span {
	  color: #999999;
	  font-size: 14px;
	  display: inline-block;
	  text-transform: uppercase;
  }
  .client-comment span::before {
	height: 1px;
	background: #4cc700;
	width: 40px;
	content: "";
	position: absolute;
	bottom: 0;
  }
  
  .client-comment {
	  background: #fff none repeat scroll 0 0;
	  margin-top: 30px;
	  padding: 40px 20px 20px 30px;
	  position: relative;
	  font-style: italic;
  }
  .client-comment::after {
	  border-left: 15px solid transparent;
	  border-right: 15px solid transparent;
	  border-top: 16px solid #fff;
	  content: "";
	  height: 0;
	  left: 12px;
	  position: absolute;
	  width: 0;
	  transform: rotate(0);
	  bottom: -16px;
  }
  .client-comment::before {
	  color: #0cb1f6;
	  content: "";
	  font-family: fontawesome;
	  font-size: 27px;
	  left: 20px;
	  position: absolute;
	  top: 0;
	  transform: translateY(-50%);
	  right: 0;
	  font-style: normal;
  }
  .client-reviews{
	  margin-bottom: 10px;
  }
  .client-reviews i {
	color: #f2b827;
  }
  .client-comment > ul {
	padding-bottom: 15px;
  }
  .client-comment li {
	display: inline-block;
  }
  .client-sec .owl-controls {
	display: none;
  }
  
  .all-testimonial.owl-theme .owl-dots .owl-dot {
	  height: 3px;
	  margin: 5px;
	  width: 16px;
	  display: inline-block;
	  background: #072948;
	  transition: all 0.4s ease 0s;
  }
  .all-testimonial.owl-carousel.owl-theme .owl-dot.active {
	background: #0cb1f6;
	width: 18px;
	transition: all 0.4s ease 0s;
  }
  
  /*
  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: 36px;
	  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: "\f101 ";
	  position: absolute;
	  right: -8px;
	  font-size: 16px;
	  color: #fff;
	  font-family: fontawesome;
  }
  .breadcrumb-list li:last-child::before{display:none}
  .breadcrumb-list li:last-child::before {
	display: none;
  }
  /*
  19.Team section
  =================*/
  .team-member {
  padding-bottom: 20px;
  text-align: center;
  margin-bottom: 30px;position:relative;overflow:hidden;transition: all 0.4s ease-in-out 0s;
  z-index:2;
  border-radius: 10px;
  }
  .team-member::after {
	  content: "";
	  background: #fafafa;
	  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;
	  filter: alpha(opacity=75);	
  }
   
  .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:#0cb1f6;transition: all 0.4s ease-in-out 0s;}
  .team-member:hover .team-thumb{transition: all 0.4s ease-in-out 0s;} 
  .team-thumb {
	  position: relative;
	  overflow: hidden;
	  transition: all 0.4s ease-in-out 0s;
	  border-radius: 100%;
  }
  .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;
  }
  .team-member  h3 {
	font-size: 14px;
	text-transform: capitalize;transition: all 0.4s ease-in-out 0s;
  }
  .team-overlay li a {
	  width: 30px;
	  height: 30px;
	  display: inline-block;
	  border-radius: 4px;
	  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.png);
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: -165px;
	  background-repeat: no-repeat;
	  z-index: -1;
  }
  
  /*
  20.Faq Page
  ================*/
  .faq-id {
	 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 {
	  margin-bottom: 14px;
  }
  .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: #0cb1f6;
  }
  .contact-info-text {
	  margin-bottom: 40px;
  }
  .contact-info-text h2 {
	  color: #072948;
	  font-size: 20px;
	  text-transform: capitalize;
	  font-weight: 700;
	  margin-bottom: 10px;
  }
  .contact-info-text span {
	  color: #999999;
	  font-size: 16px;
	  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: 10px 26px;
	  text-transform: capitalize;
	  width: 150px;
	  margin-top: 20px;
	  font-size: 16px;
	  border-radius: 4px;
  }
  
  .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
  ============================*/
  .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;
	  padding: 70px 0px;
	  background-attachment: fixed;
  }
  .call-to-action-overlay {
	background-color:rgba(12, 177, 246, 0.95);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
  }
  .call-to-action-text {
	text-align: center;
  }
  .call-to-action-text h2 span {
	  color: #fff;
	  border-bottom: 1px solid #ffff;
	  font-weight: 600;
  }
  .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;
	margin-bottom: 0px;
	font-weight: 500;
  }
  .call-to-action-text a.btn {
	  background: #fff none repeat scroll 0 0;
	  color: #0cb1f6;
	  float: right;
	  font-weight: bold;
	  padding: 14px 32px;
	  text-transform: uppercase;
	  margin-top: 10px;
	  border-radius: 4px;
  }
  .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: 100px;
	  position: relative;
	  padding-bottom: 50px;
	  overflow: hidden;
  }
  .footer-intro-box {
	  position: absolute;
	  width: 100%;
	  top: 0;
  }
  .footer-intro {
	  text-align: center;
	  position: relative;
	  z-index: 1;
  }
  .footer-intro span {
	  color: #ffffff;
	  font-size: 20px;
	  font-weight: bold;
	  text-transform: capitalize;
	  display: inline;
	  position: relative;
	  z-index: 2;
	  padding:0px 30px;
	  display: inline-block;
  }
  .footer-intro::before {
	  background: #fff none repeat scroll 0 0;
	  content: " ";
	  height: 100%;
	  position: absolute;
	  left: 0;
	  top: 0;
	  transform: skewX(61deg);
	  width: 5000px;
	  z-index: -1;
  }
  
  .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-top: 20px;
  }
  
  .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;
	  border-radius: 4px;
	  overflow: hidden;
  }
  .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-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: "\f0c8";
  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: 14px;
	  height: 26px;
	  line-height: 26px;
	  margin-right: 10px;
	  text-align: center;
	  width: 26px;
	  transition: all 0.4s ease-in-out 0s;
	  border-radius: 4px;
	  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;
  }
  
  .footer-recent-inner .media {
	  padding-bottom: 10px;
  }
  .footer-recent-inner .media:last-child{border-bottom:0;}
  .footer-recent-inner {
	  margin-bottom: 30px;
  }
  .footer-recent-inner-img {
	  width: 58px;
	  height: 60px;
  }
  .footer-recent-inner h2 {
	  margin-bottom: 4px;
	  padding-bottom: 0;
	  text-transform: capitalize;
  }
  .footer-recent-inner h2 a {
	  color: #fff;
	  font-size: 16px;
	  font-weight: 600;
  }
  .footer-recent-inner h2 a:hover{color:#0cb1f6;transition: all 0.5s ease-out 0s;}
  .footer-recent-inner span {
	  color: #f4f4f4;
	  font-size: 14px;
	  text-transform: capitalize;
  }
  /*
  24.Why Choose Us Section 
  ======================*/
  
  .why-choose-thumb {
	  position: relative;
  }
  .why-choose-text {
	  padding: 60px 25px 20px 25px;
	  background: #fff;
  }
  .why-choose-inner {
	  text-align: center;
	  position: relative;
	  margin-bottom:30px;
	  border-radius: 10px;
	  overflow: hidden;
  }
  .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 */