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


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

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
.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 {
	color: #010101;
	font-weight: 500;
	margin: 0 0 15px;
	text-transform: capitalize;
}

html,
body {
	height: 100%
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 400;
	color: #51565f;
}

a {
	color: #494949;
}

a:hover {
	text-decoration: none;
	color: #0550c2;
}

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

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

.navbar-toggle .icon-bar {
	background: #0550c2 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 {
	margin-bottom: 80px;
	position: relative;
}


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

.area-title h2,
.about-content h2 {
	font-size: 36px;
	font-weight: 600;
}

.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: #f4f7f7;
}

.dark-bg {
	background: #1e262c;
	color: #ffffff;
}


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

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

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

.top-area-bg::after {
	background: #060d64 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: 10px;
	-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: -7px;
	width: 75%;
}

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

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

ul#nav {
	display: inline-block;
	float: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

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

ul#nav li:last-child a:before {
	display: none;
}

ul#nav li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #252a34;
	font-family: 'Montserrat', 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;
}

ul#nav li.active a,
ul#nav li a:hover {
	color: #0550c2;
	text-decoration: line-through;
}

.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: #252a34;
	cursor: pointer;
	font-size: 20px;
	height: 30px;
	padding-top: 4px;
	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 {
	background: #3a86f9;
		color: #ffffff;

}

.push-menu-open-button i{
	color: #252a34;
}
.push-menu-open-button i:hover{
	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: #0550c2 none repeat scroll 0 0;
	color: #ffffff;
	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: #252a34;
}

.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-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: #4d90f6;
}

.push-menu-close {
	background: #0550c2 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: #252a34;
}

.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: 50px;
	text-align: center;
	width: 50px;
}
.push-menu-and-content .social-bookmark ul li a i {
	font-size:30px;
}

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


/*-----------------------------------
    2.3 WELCOME SLIDER AREA
-------------------------------------*/

.welcome-slider-area {
	background: transparent none repeat scroll 0 0;
	height: 700px;
	padding-top: 100px;
	position: relative;
}

.welcome-text {
	-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;
	font-size: 25px;
	height: 564px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	margin-bottom: 15px;
	margin-right: 15px;
	position: relative;
	top: 0;
}

.welcome-text h1 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	color: #ffffff;
	font-size: 45px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 30px;
	text-transform: capitalize;
}

.welcome-text h1 span {
	color: #1b70f1;
}

.welcome-text p {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	letter-spacing: 2px;
	margin-bottom: 40px;
}

.welcome-image-layer {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.call-to-action {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 40px;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.call-to-action a {
	color: #000000;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-left: 6px;
	padding: 10px 30px;
	position: relative;
	text-transform: capitalize;
	z-index: 1;
}

.call-to-action a::before,
.call-to-action a::after {
	background: #09cecb none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	-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: 100%;
}

.green-bg .call-to-action a::before,
.green-bg .call-to-action a::after {
	background: #ffdd00 none repeat scroll 0 0;
}

.call-to-action a::after {
	height: 30px;
	left: auto;
	right: 0;
	width: 5px;
}

.call-to-action a:hover::after,
.call-to-action a:hover::before {
	background: #0550c2;
}

.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: #060d64;
}

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

.welcome-text-slider {
	position: relative;
}

.slider-bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

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

.slide-one .slider-bg {
	background: url(img/slider/slide_2.jpg)no-repeat scroll center center / cover;
}

.slide-two .slider-bg {
	background: url(img/slider/slide_1.jpg)no-repeat scroll center center / cover;
}

.welcome-slider-area.owl-carousel .owl-nav>div {
	background: #fff none repeat scroll 0 0;
	display: inline-block;
	font-size: 30px;
	height: 40px;
	margin: 0 5px;
	padding-top: 5px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;
	position: absolute;
}

.welcome-slider-area.owl-carousel .owl-controls {
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.welcome-slider-area.owl-carousel .owl-controls .owl-next {
	left: auto;
	right: 0;
}

.welcome-slider-area.owl-carousel .owl-nav>div:hover {
	background: #0550c2 none repeat scroll 0 0;
	color: #fff;
}


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

.container.about-features {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0 5px 10px #f1f1f1;
	box-shadow: 0 5px 10px #afbfd0;
	margin-bottom: 100px;
	margin-top: -200px;
	position: relative;
	z-index: 9;
}

.about-area .about-bottom-content .row {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.single-features {
	padding: 40px 20px;
}

.features-icon {
	color: #afbfd0;
	font-size: 48px;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-features h3 {
	font-size: 18px;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-features .read-more {
	color: #010101;
	display: inline-block;
	font-weight: 500;
	margin-top: 10px;
}

.single-features:hover h3,
.single-features:hover .features-icon {
	color: #0550c2;
}

.single-features .read-more i {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-features .read-more:hover i {
	padding-left: 10px;
}

.single-features .read-more:hover {
	color: #0550c2;
}

.about-img {
	position: relative;
}

.about-img img {
	margin-top: 50px;
	width: 90%;
}

.about-layer-two {
	margin-top: -50px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}

.about-content h2 {
	margin-bottom: 30px;
}

.about-bottom-content .read-more {
	border: 2px solid;
	border-radius: 50px;
	display: inline-block;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 20px;
	padding: 10px 30px;
	text-transform: uppercase;
}

.about-bottom-content .read-more:hover {
	color: #0550c2;
}


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

.service-area.section-padding {
	padding-bottom: 50px;
	position: relative;
	z-index: 9;
}

.service-area::after {
	background: rgba(0, 0, 0, 0) url("img/service-bg-top-layer.png") no-repeat scroll center center / cover;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.single-service {
	background: #fff none repeat scroll 0 0;
	/*color: #afbfd0;*/
	margin-bottom: 50px;
	overflow: hidden;
	padding: 40px 20px;
	position: relative;
}

.service-hidding-and-icon {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff none repeat scroll 0 0;
	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;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.service-icon {
	font-size: 48px;
	margin-bottom: 20px;
}

.single-service h3 {
	font-size: 18px;
	text-transform: uppercase;
}

.service-details {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-service:hover .service-hidding-and-icon {
	opacity: 0;
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}

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

.single-service .read-more i,
.post-details a.read-more i {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.single-service .read-more:hover i,
.post-details a.read-more:hover i {
	padding-left: 10px;
}


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

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

.project-menu ul {
	background: #f3f7fb none repeat scroll 0 0;
	display: inline-block;
	text-align: center;
}

.project-menu ul li {
	color: #8ca0b4;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 32px;
	letter-spacing: 2px;
	margin-right: 15px;
	min-width: 120px;
	padding: 5px 10px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.project-menu {
	margin-bottom: 50px;
	text-align: center;
	width: 100%;
}

.project-menu ul li:last-child {
	margin-right: 0;
}

.project-menu ul li:hover,
.project-menu ul li.active {
	color: #0550c2;
}

.project-menu ul li::after {
	background: #0550c2 none repeat scroll 0 0;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 0;
}

.project-menu ul li.active::after {
	width: 50px;
}

.single-project {
	margin-bottom: 30px;
}

.project-img img {
	width: 100%;
}

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

.project-details {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	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(50px);
	transform: translateY(50px);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 9;
}

.single-project-details::after {
	background: #0550c2 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.single-project-details:hover::after {
	opacity: 0.8;
}

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

.project-details h4,
.project-details h5 {
	color: #fff;
}

.project-view-details a {
	background: transparent none repeat scroll 0 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 -1px #fff;
	box-shadow: 0 0 0 -1px #fff;
	color: #fff;
	display: inline-block;
	font-size: 25px;
	height: 50px;
	margin: 0 5px 20px;
	padding-top: 13px;
	text-align: center;
	width: 50px;
}

.project-view-details a:hover {
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 0 9px transparent;
	box-shadow: 0 0 0 9px transparent;
}


/*-----------------------------
	6. FUN FACT AREA
-------------------------------*/

.fact-area {
	color: #fff;
	position: relative;
}

.fact-area-bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

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

.single-fun-fact {
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.fact-icon {
	font-size: 40px;
	margin-bottom: 20px;
}

h3.counter {
	color: #fff;
	font-size: 36px;
}


/*-----------------------------
	7. TESTMONIAL AREA
------------------------------*/

.testmonial-author-details {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 5px #ebebeb;
	box-shadow: 0 0 5px #ebebeb;
	margin-bottom: 30px;
	padding: 40px 20px 20px;
	position: relative;
}

.member-image img {
	background: #0550c2 none repeat scroll 0 0;
	border-radius: 50%;
	padding: 3px;
}

.testmonial-author-details::after {
	border-bottom: 10px solid transparent;
	border-right: 40px solid transparent;
	border-top: 30px solid #ffffff;
	bottom: -40px;
	content: "";
	height: 40px;
	left: 50px;
	position: absolute;
	width: 40px;
}

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


/*------------------------------
	8. TEAM AREA
--------------------------------*/

.team-area {
	position: relative;
}

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

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

.team-area .area-title,
.team-area .area-title h2 {
	color: #fff;
}

.single-team {
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	overflow: hidden;
}

.member-bg-image {
	position: relative;
}

.member-bg-image::after {
	background: #0550c2 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
}

.team-member-details {
	font-size: 16px;
	padding: 80px 20px 30px;
	position: relative;
}

.team-member-thumb {
	border-radius: 50%;
	height: 130px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: -65px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 130px;
}

.team-member-thumb img {
	background: #0550c2 none repeat scroll 0 0;
	border-radius: 50%;
	padding: 5px;
}

.team-member-details h3 {
	font-size: 18px;
	letter-spacing: 2px;
}

ul.social-bookmark li {
	display: inline;
}

ul.social-bookmark li a {
	border: 1px solid;
	border-radius: 50%;
	color: #ccdae9;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	padding-top: 8px;
	width: 40px;
	text-align: center;
}

ul.social-bookmark li a:hover {
	background: #0550c2 none repeat scroll 0 0;
	border-color: #0550c2;
	color: #fff;
}

ul.social-bookmark {
	margin-top: 20px;
}


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

.post-meta {
	padding: 20px 0 10px;
}

.post-meta a {
	color: #8ca0b4;
	margin-right: 20px;
}

.post-meta a:hover {
	color: #0550c2;
}

.post-details h3 {
	font-size: 22px;
}

.post-details a.read-more {
	display: inline-block;
	margin-top: 20px;
}


/*------------------------------
	10. CONTACT QUATE AREA
-------------------------------*/

.contact-quote-area {
	position: relative;
	color: #fff;
}

.quote-area-bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

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

.quote-content h2 {
	color: #fff;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 30px;
}

.contact-quate-button {
	background: #0550c2 none repeat scroll 0 0;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 30px;
	padding: 12px 30px;
}

.contact-quate-button:hover {
	background: #fff none repeat scroll 0 0;
	color: #0550c2;
}

.contact-quate-button i {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.contact-quate-button:hover i {
	padding-left: 15px;
}


/*------------------------------
	11. FOOTER AREA
-------------------------------*/

.footer-area {
	position: relative;
}

.footer-area-bg {
	background: rgba(0, 0, 0, 0) url("img/footer-bg-layer.png") no-repeat scroll center bottom;
	height: 100%;
	left: 0;
	opacity: 0.1;
	position: absolute;
	top: 0;
	width: 100%;
}

.contact-form-area {
	height: 0;
}

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

.footer-area a:hover {
	color: #0550c2;
}

.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 {
	color: #fff;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 50px;
	text-transform: uppercase;
}

.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,
.footer-menu li {
	float: left;
	margin-bottom: 10px;
	min-height: 40px;
	width: 50%;
}

.footer-list li a,
.footer-menu li a {
	position: relative;
}

.footer-menu li a::before,
.footer-menu li a::after {
	background: #0550c2 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 10px;
	left: 0;
	margin-right: 15px;
	position: relative;
	top: -1px;
	width: 10px;
}

.footer-menu li a::after {
	background: #0550c2 none repeat scroll 0 0;
	float: left;
	left: 3px;
	position: absolute;
	top: 8px;
}

.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-bottom-area {
	background: #171e24 none repeat scroll 0 0;
	color: #fff;
}

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

.footer-copyright a {
	color: #ffffff;
}

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

.contact-form-area .modal-header {
	background: #0550c2 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 #0550c2;
	border-radius: 0;
	color: #0550c2;
	font-size: 15px;
	height: auto;
	margin-bottom: 20px;
	max-height: 150px;
	padding: 10px;
}

.contact-form button {
	background: #060606 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: #0550c2 none repeat scroll 0 0;
	color: #2e2e2e;
}


/*------------------------------
    12. SCROLL TO TOP
-------------------------------*/

a.scrolltotop {
	background: #060606 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 #0550c2;
	box-shadow: 0 0 0 0 #0550c2;
	background: #0550c2;
}


/*-----------------------------
    13. PRELOADER
------------------------------*/

.preloader-spinner {
	border: 5px solid #0550c2;
}
/*
	==================================
		SAB BANNER START
	==================================
*/
.sab_banner_text,
.sab_banner{
	float:left;
	width:100%;
}
.sab_banner{

	background-repeat:no-repeat;
	background-size:cover;
	padding:100px 0px 155px;
}
@-webkit-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-moz-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-ms-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
 }
.sab_banner{
	    margin-top: 90px;
	/*animation: 25s linear 0s normal none infinite running shafaqat;*/
}
@media (max-width: 992px) {
.sab_banner{
	    margin-top: 80px;
}
}
.sab_banner.overlay:before{
	opacity:0.4;
}
.sab_banner_text{
	position:relative;
	z-index:2;
}
.sab_banner_text h2{
	font-size:28px;
	color:#fff;
	margin:0px 0px 4px;
	font-weight:600;
}
.breadcrumb{
	background:none;
	padding:0px 0px;
	margin:0px 0px;
}
.breadcrumb > li a,
.breadcrumb > .active,
.breadcrumb > li{
	color:#fff;
}
.breadcrumb > li{
	line-height: 14px;
}
.breadcrumb > li:last-child{
	border-right:none;
}
.breadcrumb > li:first-child{
	padding-left:0px;
}
/*
	==================================
		SAB BANNER END
	==================================
*/
/*categories list start*/
.categories_list ul li,
.categories_list ul,
.categories_list{
	float:left;
	width:100%;
}
.categories_list ul li{
	border-bottom:1px solid #d7d7d7;
	padding:10px 0px;
}
.event_categories ul li:first-child,
.categories_list ul li:first-child{
	padding-top:0px;
}
.categories_list ul li a{
	display:block;
	font-size:15px;
}
.categories_list ul li a:hover{
	padding:0px 5px;
}
.categories_list ul li a span{
	float:right;
}

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

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

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

.search-bar .search button:hover {
    background: #ffffff;
    color: #252a34;
}


.floating-form {
    width:320px;
}

/****  floating-Lable style start ****/
.floating-label {
    position:relative;
    margin-bottom:20px;
}
.floating-input , .floating-select {
    font-size:14px;
    padding:4px 4px;
    display:block;
    width:100%;
    height:30px;
    background-color: transparent;
    border:none;
    border: 1px solid rgba(33, 33, 33, 0.12);
    height: 42px;
}
.has-error .floating-input , .floating-select {
    border: 1px solid rgba(220, 0, 48, 0.5) !important;
}
.has-error label{
    color:red !important;
}
.floating-input:focus , .floating-select:focus {
    outline:none;
    border-bottom:2px solid #1f91f3;
}

.has-error .floating-input:focus , .floating-select:focus{
    outline:none;
    border:2px solid rgba(220, 0, 48, 0.5) !important;
}

.floating-label label {
    color:#999;
    font-size:14px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:5px;
    top:10px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top:-18px;
    font-size:14px;
    color:#1f91f3;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
    top:-18px;
    font-size:14px;
    color:#1f91f3;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow:hidden;
    overflow-x: hidden;
}

/* highlighter */
.floating-label .highlight {
    position:absolute;
    height:50%;
    width:100%;
    top:15%;
    left:0;
    pointer-events:none;
    opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}
.help-block {

    color: red !important;
}
.dropdown-menu {
    right:0px;
}
.open>.dropdown-menu {
    top: 20px;
}
.reload {
    cursor: pointer;
}
.captcha{
    margin-bottom:20px;
}
.form-output.active {
    opacity: 1;
    visibility: visible;
}

.form-output.error {
    color: #f5543f;
}

.form-output.success {
    color: #98bf44;
}
.theam_btn:hover {
    background-color: #0b3d95 !important;
    color:#fff;
}

.theam_btn.btn2{
    position:absolute;
    left:0px;
    right:0px;
    margin:auto;
    width:240px;
    text-align:center;
    padding:13px 0px 12px;
}
/*Notification*/
.alert {
    border-radius: 2px;
    border: none;
    color: #fff; }
.alert i {
    font-size: 24px; }
.alert.alert-success {
    background: #09a275; }
.alert.alert-info {
    background: #b10058; }
.alert.alert-danger {
    background: #dc0030; }
.alert.alert-warning {
    background: #f2b701; }
.alert.alert-style-1 {
    padding-right: 70px;
    background: #fff;
    position: relative;
    color: #212121;
    border: 1px solid rgba(33, 33, 33, 0.1); }
.alert.alert-style-1 i {
    height: 100%;
    right: 0;
    margin: 0;
    padding-top: 13px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
    color: #fff; }
.alert.alert-style-1.alert-success i {
    color: #09a275;
    background: #f7f7f7; }
.alert.alert-style-1.alert-info i {
    color: #b10058;
    background: #f7f7f7; }
.alert.alert-style-1.alert-danger i {
    color: #dc0030;
    background: #f7f7f7; }
.alert.alert-style-1.alert-warning i {
    color: #f2b701;
    background: #f7f7f7; }
textarea {
    height: 150px !important;
}