/*--------------------------------------------------------------------------------------
Theme Name: AVIC CONSTRUCTION
Theme URI: http://devitfamily.com
Author URI: http://devitfamily.com
Description: 100% Responsive, Highly Customizable, SEO Friendly Construction HTML template using Twitter Bootstrap Latest, Search Engine Friendly.
Author: ThemeCTG
Version: 1.0
----------------------------------------------------------------------------------------
   1. BASE CSS
    2. TOP AREA
        2.1 MAINMENU AREA
        2.2 SIDE PUSH MENU AREA
        2.3 WELCOME TEXT AREA
    3. ABOUT AREA
    4. FEATURES AREA
	5. PROJECT AREA
	6. TEAM AREA
	7. CLIENT AREA
	8. TESTMONIAL AREA
	9. BLOG AREA
	10. FOOTER AREA
    11. SCROLL TO TOP
    12. PRELOADER
----------------------------------------------------------------------------------------*/


/*--------------------
   1. BASE CSS
----------------------*/

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

a {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a:focus,
a:hover {
	outline: 0;
	text-decoration: none;
}

button:focus {
	outline: 0;
}

img {
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	margin: 0 0 15px;
	text-transform: capitalize;
}

html,
body {
	height: 100%
}

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 400;
	color: #7e7e7e;
}

a {
	color: #494949;
}

a:hover {
	text-decoration: none;
	color: inherit;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navbar-header .collapse,
.navbar-toggle {
	border: 2px solid #ffffff;
	border-radius: 0;
}

.navbar-toggle .icon-bar {
	background: #ffffff none repeat scroll 0 0;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.area-title {
	display: inline-block;
	margin-bottom: 50px;
	position: relative;
}

.area-title::before {
	background: #009FE3 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}

.area-title::after {
	border-bottom: 15px solid transparent;
	border-left: 15px solid #009FE3;
	border-top: 15px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
}

.area-title.right-style::before {
	left: auto;
	right: 0;
}

.area-title.right-style::after {
	left: auto;
	right: -10px;
}

.area-title.left-style {
	padding-left: 50px;
}

.area-title.right-style {
	padding-right: 50px;
}

.area-title.bottom-style {
	padding-bottom: 30px;
}

.area-title.bottom-style::before {
	bottom: 0;
	height: 5px;
	top: auto;
	width: 100%;
}

.area-title.bottom-style::after {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 10px solid #009FE3;
	bottom: -25px;
	left: 50%;
	right: auto;
	top: auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}


/*-----------------------------------------*/


.area-title h2 {
	color: #2e2e2e;
	font-size: 36px;
	font-weight: 700;
}

.area-title h3 {
	color: #2e2e2e;
	font-size: 26px;
	font-weight: 700;
}

.area-title h2 span {
	color: #002555;
}

.area-title h3 {
	font-weight: 500;
	margin-bottom: 0;
}

.area-title p {
	margin-bottom: 0;
}

.section-padding {
	padding: 100px 0;
}

.padding-top {
	padding-top: 100px;
}

.padding-bottom {
	padding-bottom: 100px;
}

.padding-left {
	padding-left: 50px;
}

.padding-right {
	padding-right: 50px;
}

.margin-bottom {
	margin-bottom: 50px;
}

.margin-top {
	margin-top: 50px;
}

.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.gray-bg {
	background: #f5f5f5;
}

.dark-bg {
	background: #2c2c2c;
	color: #ffffff;
}

.yellow {
	background: #009FE3;
}

.blue {
	background: #1d28a2;
}

.dark-blue {
	background: #002555;
}


/*--------------------------
    2. TOP AREA
---------------------------*/

.top-area {
	height: 100%;
	position: relative;
	width: 100%;
}

.top-area-bg {
	background: rgba(0, 0, 0, 0) url("img/slider/slide.jpg") no-repeat scroll center center / cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.top-area-bg::after {
	background: #002555 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.75;
	position: absolute;
	top: 0;
	width: 100%;
}


/*---------------------------------
    2.1 MAINMENU AREA
-----------------------------------*/

.header-top-area {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

.mainmenu-area {
	position: relative;
	z-index: 9999;
}

.mainmenu-area-bg {
	background: #fff none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
}

.is-sticky .mainmenu-area-bg {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
	opacity: 1;
}

.navbar {
	border-bottom: 0 none;
	border-top: 0 none;
	margin-bottom: 0;
}

.navbar-header {
	margin-top: 25px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.is-sticky .navbar-header {
	margin-top: 6px;
}

.navbar-brand {
	padding: 0;
}

.navbar-brand>img {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.is-sticky .navbar-brand>img {
	margin-top: 5px;
	width: 80%;
}

a.navbar-brand {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: inherit;
	text-transform: uppercase;
}

.navbar-brand {
	height: auto;
	margin-top: -6px;
}

ul#nav {
	float: right;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

ul#nav li {
	overflow: hidden;
	padding: 30px 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

ul#nav li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #ffffff;
	font-family: "Raleway", sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 7px 15px;
	position: relative;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 9;
}

.is-sticky ul#nav li {
	padding: 12px 5px;
}

.is-sticky ul#nav li a {
	color: #000000;
}

ul#nav li a::before {
	bottom: 0;
	-webkit-box-shadow: 0 0 0 3px #009FE3;
	box-shadow: 0 0 0 3px #009FE3;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}

ul#nav li.active a::before,
ul#nav li:hover a::before {
	opacity: 1;
	width: 100%;
	left: 0;
}

.is-sticky .mainmenu-area {
	z-index: 99999;
}

.side-push-menu {
	color: #fff;
	float: right;
	height: 100px;
	padding-left: 20px;
	padding-top: 35px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 60px;
}

.push-menu-open-button {
	background: #fff none repeat scroll 0 0;
	color: #002555;
	cursor: pointer;
	font-size: 20px;
	height: 30px;
	padding-top: 3px;
	position: absolute;
	right: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;
}

.push-menu-open-button:hover {
	color: #2e2e2e;
	background: #009FE3;
}

.push-menu-open-button::before {
	border-left: 1px dashed;
	content: "";
	height: 100%;
	left: -20px;
	position: absolute;
	top: 0;
	width: 1px;
}

.is-sticky .push-menu-open-button {
	background: #009FE3 none repeat scroll 0 0;
}

.is-sticky .push-menu-open-button:hover {
	background: #000000 none repeat scroll 0 0;
	color: #ffffff;
}

.is-sticky .side-push-menu {
	padding-top: 15px;
	height: 60px;
}


/*-----------------------------------
    2.2 SIDE PUSH MENU AREA
------------------------------------*/

.push-menu-and-content {
	background: #272727 none repeat scroll 0 0;
	color: #fff;
	height: 100%;
	padding: 30px;
	max-width: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	right: -300px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 9999;
}

.push-menu-and-content.menu-open {
	right: 0;
}

.search-bar {
	margin-bottom: 30px;
}

.search-bar form {
	border: 1px solid #555;
	height: 35px;
	position: relative;
	width: 100%;
}

.search-bar form input {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	height: 100%;
	letter-spacing: 1px;
	padding: 5px;
	position: absolute;
	width: 100%;
}

.search-bar form button {
	background: #002555 none repeat scroll 0 0;
	border: 0 none;
	height: 35px;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 40px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.search-bar form button:hover {
	background: #ffffff;
	color: #002555;
}

.push-menu {
	margin-bottom: 40px;
}

.push-menu ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.push-menu ul li {
	display: block;
}

.push-menu ul li a {
	color: #fff;
	display: block;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 5px 0;
	text-transform: capitalize;
}

.push-menu ul li a i {
	float: right;
}

.push-menu ul li a:hover,
.push-menu ul li a:focus {
	color: #002555;
}

.push-menu-close {
	background: #002555 none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 35px;
	height: 40px;
	left: 0;
	padding-top: 3px;
	position: absolute;
	text-align: center;
	top: 24px;
	width: 40px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.push-menu-close:hover {
	background: #fff none repeat scroll 0 0;
	color: #002555;
}

.push-menu-logo {
	margin-bottom: 40px;
	text-align: center;
}

.push-menu-logo img {
	max-width: 70%;
}

.push-img-and-about-content {
	margin-bottom: 40px;
}

.push-img-and-about-content img {
	margin-bottom: 30px;
}

.push-menu-and-content .social-bookmark {
	margin-bottom: 20px;
}

.push-menu-and-content .social-bookmark ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.push-menu-and-content .social-bookmark ul li {
	display: inline;
}

.push-menu-and-content .social-bookmark ul li a {
	color: #fff;
	display: inline-block;
	height: 30px;
	text-align: center;
	width: 30px;
}

.push-menu-and-content .social-bookmark ul li a:hover {
	color: #002555;
}


/*-----------------------------------
    2.3 WELCOME TEXT AREA
-------------------------------------*/

.welcome-text-area {
	-moz-box-pack: center;
	-ms-flex-line-pack: center;
	align-content: center;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 20px;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.5em;
	padding-top: 100px;
	width: 100%;
}

.welcome-text {
	padding-bottom: 10px;
}

.welcome-slider {
	padding: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50%;
}

.welcome-text h2 {
	font-size: 45px;
	margin-bottom: 30px;
	font-weight: 700;
	line-height: 1;
	text-transform: capitalize;
}

.welcome-text h3 {
	font-size: 36px;
}

.call-to-action {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 40px;
}

.call-to-action a,
a.see-more {
	background: #009FE3 none repeat scroll 0 0;
	color: #000000;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-left: 6px;
	padding: 8px 30px;
	position: relative;
	text-transform: capitalize;
	z-index: 1;
}

a.see-more::after,
.call-to-action a::after {
	-webkit-box-shadow: 0 0 0 3px #009FE3;
	box-shadow: 0 0 0 3px #009FE3;
	content: "";
	height: calc(100% + 6px);
	left: -3px;
	position: absolute;
	top: -3px;
	-webkit-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
	transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
	width: calc(100% + 6px);
}

.call-to-action a:hover,
a.see-more:hover {
	background: #fff none repeat scroll 0 0;
	color: #000;
}

.call-to-action a:hover::after,
a.see-more:hover:after {
	-webkit-box-shadow: 0 0 0 3px #fff;
	box-shadow: 0 0 0 3px #fff;
}

.about-area a.see-more:hover {
	background: #002555 none repeat scroll 0 0;
	color: #fff;
}

.about-area a.see-more:hover::after {
	-webkit-box-shadow: 0 0 0 3px #002555;
	box-shadow: 0 0 0 3px #002555;
}

.home-button {
	bottom: 30px;
	left: 50%;
	margin-left: -16px;
	position: absolute;
}

.home-button a {
	border: 1px solid;
	border-radius: 50px;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 5px;
	text-transform: uppercase;
}

.home-button a:hover {
	color: #002555;
}

.home-button a i {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	color: #002555;
	-webkit-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}

.welcome-image-layer {
	bottom: -100px;
	position: absolute;
	right: 0;
	width: 60%;
}


/*-----------------------------
    3. ABOUT AREA
-------------------------------*/

.about-left-img {
	position: relative;
}

.about-left-img::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.about-image-layer {
	bottom: 0;
	position: absolute;
	right: 10%;
	width: 40%;
	z-index: 9;
}

.about-image-layer img {
	max-width: 79%;
}

.about-right-content {
	padding: 80px;
}

.about-area a.see-more {
	margin-top: 50px;
}

.working-flow {
	font-family: "Montserrat", sans-serif;
	height: 120px;
	margin-top: 50px;
	width: 100%;
}

.single-work-flow {
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 22px;
	height: 100%;
	margin-right: -5px;
	overflow: hidden;
	padding: 20px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 50px;
}

.work-flow-icon {
	height: 80px;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 80px;
}

.single-work-flow.active {
	padding: 30px 30px 30px 140px;
	width: auto;
}

.single-work-flow.blue,
.single-work-flow.dark-blue {
	color: #fff;
}

.single-work-flow p,
.work-flow-icon {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center 0;
	transform-origin: left center 0;
	-webkit-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
	opacity: 0;
}

.single-work-flow.active p,
.active .work-flow-icon {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
}

.single-work-flow::after {
	background: transparent none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: -2px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg) translate(-50%);
	transform: rotate(45deg) translate(-50%);
	width: 15px;
}

.single-work-flow.blue::after {
	background: #009FE3 none repeat scroll 0 0;
}

.single-work-flow.dark-blue::after {
	background: #1d28a2 none repeat scroll 0 0;
}


/*------------------------------
	4. SERVICE AREA
--------------------------------*/

.service-area.section-padding {
	padding-bottom: 70px;
}

.single-service {
	font-size: 24px;
	margin-bottom: 50px;
	position: relative;
	z-index: 9;
}

.single-service::after {
	background: #fff none repeat scroll 0 0;
	border: 10px solid transparent;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.60;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.single-service:hover::after {
	background: #002555 none repeat scroll 0 0;
	border-color: #009FE3;
}

.service-icon-hidding {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100px;
	left: 50%;
	max-width: 300px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 9;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.service-icon {
	background: #009FE3 none repeat scroll 0 0;
	font-size: 60px;
	height: 80px;
	left: 0;
	padding-top: 10px;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 80px;
}

.service-icon::after {
	-webkit-box-shadow: 0 0 0 4px #009FE3;
	box-shadow: 0 0 0 4px #009FE3;
	content: "";
	height: calc(100% + 8px);
	left: -4px;
	position: absolute;
	top: -4px;
	width: calc(100% + 8px);
}

.service-hidding {
	line-height: 1.5em;
}

.service-icon-hidding .service-hidding {
	padding-left: 100px;
}

.service-details {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 9;
}

.service-details .service-hidding {
	margin-bottom: 30px;
}

.single-service:hover .service-icon-hidding {
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-100px);
	transform: translateX(-50%) translateY(-100px);
	visibility: hidden;
}

.single-service:hover .service-details {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
}


/*-----------------------------
	5. PROJECT AREA
------------------------------*/

.work-menu {
	font-family: "Montserrat", sans-serif;
	margin-bottom: 50px;
	text-align: center;
}

.work-menu ul li {
	display: inline;
}

.work-menu ul li a {
	background: #fff none repeat scroll 0 0;
	color: #2e2e2e;
	display: inline-block;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 10px 25px;
}

.work-menu ul li a i {
	color: #002555;
	font-size: 24px;
	position: relative;
	top: 2px;
}

.work-menu ul li.active a {
	background: #009FE3 none repeat scroll 0 0;
}

.work-content {
	color: #fff;
	font-family: "Montserrat", sans-serif;
}

.single-project {
	overflow: hidden;
	position: relative;
}

.porject-details {
	background: #002555 none repeat scroll 0 0;
	bottom: -100%;
	left: 0;
	opacity: 0;
	padding: 20px;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 9;
}

.porject-details::after {
	background: #002555 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: -9px;
	position: absolute;
	top: -34px;
	-webkit-transform: rotate(10deg) scale(1.2);
	transform: rotate(10deg) scale(1.2);
	width: 100%;
	z-index: -1;
}

.owl-item.active.center .single-project .porject-details {
	bottom: 0;
	opacity: 1;
}

.project-area .owl-carousel .owl-item {
	opacity: 0.4;
	padding: 50px 0;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.project-area .owl-item.active.center {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 9;
	opacity: 1;
}

.project-area .owl-controls {
	margin-top: 50px;
	text-align: center;
}

.project-area .owl-dot,
.welcome-text-area .owl-dot {
	background: #002555 none repeat scroll 0 0;
	display: inline-block;
	height: 15px;
	margin: 0 10px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 15px;
}


/*.welcome-text-area .owl-dot {
	background: #fff none repeat scroll 0 0;
}

.welcome-text-area .owl-controls {
	margin-top: 20px;
}

.welcome-text-area .owl-dot.active {
	background: #009FE3 none repeat scroll 0 0;
}*/

.project-area .owl-dot.active {
	background: #009FE3 none repeat scroll 0 0;
}

.tab-content {
	height: auto;
	width: 100%;
}

.tab-content>.tab-pane {
	display: block;
	height: 0;
	width: 100%;
	z-index: -99;
}

.tab-content>.tab-pane.active {
	display: block;
	height: auto;
	z-index: 99;
}


/*------------------------------
	6. TEAM AREA
--------------------------------*/

.single-team {
	background: #f5f5f5 none repeat scroll 0 0;
	color: #2e2e2e;
	font-family: 'Montserrat', sans-serif;
	padding: 30px 30px 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 24px;
}

.single-team:hover {
	background: #009FE3 none repeat scroll 0 0;
}

.team-member-name-and-title {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-team:hover .team-member-name-and-title {
	padding-bottom: 20px;
}

.team-member-name-and-title>p {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
}

.single-team:hover .team-member-name-and-title>p {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
}


/*------------------------------
	7. CLIENT AREA
-------------------------------*/

.single-client {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 98px;
	text-align: center;
	width: 33.33%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.single-client:hover {
	background: #009FE3 none repeat scroll 0 0;
}

.single-client:first-child,
.single-client:nth-child(2) {
	border-bottom: 2px solid #e6e4e4;
	border-right: 2px solid #e6e4e4;
}

.single-client:nth-child(4),
.single-client:nth-child(5) {
	border-right: 2px solid #e6e4e4;
}

.single-client:nth-child(3) {
	border-bottom: 2px solid #e6e4e4;
}

.single-client img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.3;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.single-client:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}


/*------------------------------
	8. TESTMONIAL AREA
-------------------------------*/

.testmonial-area {
	overflow: hidden;
	position: relative;
}

.testmonial-area-bg {
	background: rgba(0, 0, 0, 0) url("img/slider/slide.jpg") no-repeat scroll center center / cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.testmonial-area-bg::before,
.testmonial-area-bg::after {
	background: #002555 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.75;
	position: absolute;
	top: 0;
	width: 100%;
}

.testmonial-area-bg::after {
	background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(10, 18, 101, 0.5)), color-stop(15%, rgb(10, 18, 101))) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(10, 18, 101, 0.5) 20%, rgb(10, 18, 101) 15%) repeat scroll 0 0;
	left: 50%;
	-webkit-transform: skewX(-35deg);
	transform: skewX(-35deg);
}

.testmonial-area .area-title h1,
.testmonial-area .area-title h2,
.testmonial-area .area-title h3 {
	color: #fff;
}

.testmonial-area .area-title h2 span {
	color: #fff;
}

.testmonial-area .testmonial-slider .col-lg-6 {
	width: 100%;
}

.single-testmonial {
	color: #2e2e2e;
	padding-left: 150px;
	position: relative;
}

.single-testmonial::after {
	background: rgba(0, 0, 0, 0) linear-gradient(110deg, transparent 30%, #009FE3 0px) repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.member-thumb {
	height: 100%;
	left: 0;
	position: absolute;
	width: 200px;
}

.testmonial-area .owl-carousel .owl-item img {
	height: 100%;
	max-width: 100%;
}

.member-details {
	padding: 20px 40px 20px 20px;
	position: relative;
	z-index: 9;
}

.member-details h3 {
	font-family: "Montserrat", sans-serif;
	padding-bottom: 40px;
	position: relative;
}

.member-details h3::after {
	bottom: -12px;
	content: "\f0b1";
	font-family: "IcoFont";
	font-size: 40px;
	height: 40px;
	left: 50%;
	position: absolute;
	width: 40px;
}

.testmonial-area .owl-carousel .owl-nav>div {
	color: #009FE3;
	display: inline-block;
	font-size: 40px;
	height: 40px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;
}

.testmonial-area .owl-carousel .owl-nav {
	margin-top: 30px;
	padding: 0 15px;
	text-align: right;
}

.testmonial-area .owl-carousel .owl-nav>div:hover {
	background: #009FE3 none repeat scroll 0 0;
	color: #2e2e2e;
}


/*------------------------------
	9. BLOG AREA
--------------------------------*/

.blog-left-content {
	margin-bottom: 50px;
}

.post-details {
	background: #f5f5f5 none repeat scroll 0 0;
	padding: 20px;
}

.single-blog .post-details {
	padding: 40px;
}

.post-title h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 500;
}

.post-title h3 a {
	color: #2e2e2e;
}

.single-blog .post-title h3 {
	background: #009FE3 none repeat scroll 0 0;
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: -100px;
	padding: 40px;
	position: relative;
	text-align: center;
	z-index: 9;
}

.post-meta {
	font-size: 18px;
	margin-top: 40px;
}

a.read-more {
	color: #002555;
}

.post-meta .post-date {
	float: right;
}

a.read-more i {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a.read-more:hover i {
	padding-left: 20px;
}


/*------------------------------
	10. FOOTER AREA
-------------------------------*/

.footer-area a {
	color: #fff;
}

.footer-area a:hover {
	color: #009FE3;
}

.footer-logo {
	margin-bottom: 40px;
}

.flick-feed {
	margin-top: 40px;
}

.flick-feed ul li {
	display: inline-block;
	float: left;
	margin-right: 4%;
	width: 20%;
}

.flick-feed ul li:last-child {
	margin-right: 0;
}

.footer-area h4 {
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 50px;
}

.contact-details li {
	margin-bottom: 10px;
	min-height: 40px;
	padding-left: 40px;
	position: relative;
}

.contact-details li .f_contact_icon {
	font-size: 24px;
	height: 40px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px;
}

.footer-list li {
	margin-bottom: 10px;
	min-height: 40px;
}

.footer-list li a {
	font-size: 18px;
	position: relative;
}

.footer-list li a i {
	background: #fff none repeat scroll 0 0;
	color: #2e2e2e;
	display: inline-block;
	font-size: 24px;
	height: 30px;
	margin-right: 10px;
	padding-top: 3px;
	text-align: center;
	width: 30px;
}

.footer-copyright {
	padding: 20px 0 8px;
}

.footer-copyright a {
	color: #2e2e2e;
}

.footer-copyright a:hover {
	color: #002555;
}

.footer-copyright-social-bookmark ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 10px;
}

.footer-copyright-social-bookmark ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.footer-copyright-social-bookmark ul li a {
	display: inline-block;
	font-size: 20px;
	height: 35px;
	margin: 0 2px;
	padding-top: 3px;
	text-align: center;
	width: 38px;
}

.footer-copyright-social-bookmark ul li a:hover {
	color: #002555;
}

.contact-form {
	font-family: 'Montserrat', sans-serif;
}

.contact-form-area .modal-header {
	background: #002555 none repeat scroll 0 0;
	letter-spacing: 2px;
	text-align: center;
}

.contact-form-area .modal-header h4 {
	color: #fff;
	margin-bottom: 0;
}

.contact-form .form-control {
	border: 1px solid #002555;
	border-radius: 0;
	color: #002555;
	font-size: 15px;
	height: auto;
	margin-bottom: 20px;
	max-height: 150px;
	padding: 10px;
}

.contact-form button {
	background: #002555 none repeat scroll 0 0;
	border: 0 none;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 10px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.contact-form button:hover {
	background: #009FE3 none repeat scroll 0 0;
	color: #2e2e2e;
}


/*------------------------------
    11. SCROLL TO TOP
-------------------------------*/

a.scrolltotop {
	background: #002555 none repeat scroll 0 0;
	bottom: 20px;
	-webkit-box-shadow: 0 0 0 7px transparent;
	box-shadow: 0 0 0 7px transparent;
	color: #ffffff;
	display: none;
	font-size: 20px;
	height: 40px;
	padding-top: 7px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 40px;
	z-index: 99;
}

a.scrolltotop:hover {
	-webkit-box-shadow: 0 0 0 0 #272727;
	box-shadow: 0 0 0 0 #272727;
	background: #272727;
}


/*-----------------------------
    12. PRELOADER
------------------------------*/

.preloader-spinner {
	border: 5px solid #002555;
}