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

    Template Name: Blom - Multiperpose Business HTML Template
     Template URI: http://snowwhitetheme.com
    Description: This is html5 template
    Author: Themevictory
    Author URI: http://snowwhitetheme.com
    Version: 1.0

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

    /*-----------------------------------------------------------------------------------  
     CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header Top Area
       2.1 Header Bottom Area
       2.1 Sticky Header Area
       2.3. Mobile Menu Area
    3. Slider Area
    4. Wellcome Services Area
    5.About Area
    6. Services Area
	7.Counter Area
	8.project Area
	9.Testimonial Area Css
	10.Why choose Area
	11. Blog Area
	12. Footer Area
	13. Home Area 2
	14. banner Area
	15. Team Area
	16. Home page 3
    17. Breadcumbs Area
    18. FAQ  Area
    19.	Contact Us  CSS
    20.Blog pages CSS
    21. Blog Sidebar Area
    22. Blog Details
    23. Project page
    24. Services Details


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


    /*----------------------------------------*/
/*  Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Open+Sans:400,400i,600,700|Raleway:400,500,600,700,800');

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
	margin:0 0 15px;
	color: #777;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px;
	color: #444;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
h1{
	font-size: 48px;
	line-height: 50px;

}
h2{
	font-size: 38px;
	line-height: 40px;

}
h3{
	font-size: 30px;
	line-height: 32px;

}
h4{
	font-size: 24px;
	line-height: 26px;

}
h5{
	font-size: 20px;
	line-height: 22px;

}
h6{
	font-size: 16px;
	line-height: 20px;

}
a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:active, a:hover {
	outline: 0 none;
}
a:hover, a:focus {
	color: #90C404;
	text-decoration: none;
}
body {
	background: #fff none repeat scroll 0 0;
	color: #444;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	overflow-x: hidden;
	line-height: 24px;
}
#scrollUp {
	background: #90C404 none repeat scroll 0 0;
	border-radius: 2px;
	bottom: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	color: #fff;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	right: 15px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 50px;
	border: 1px solid #90C404;
}
#scrollUp:hover {
	background: #fff;
	color: #90C404;
	border:1px solid #90C404;
}
.clear{
	clear:both;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
	-moz-appearance: none;
	box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
div#preloader { 
	position: fixed;
	left: 0; 
	top: 0; 
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url('http://snowwhitetheme.com/blom-live/img/logo/preloader.gif') no-repeat center center;
}
.navbar-collapse {
	padding-left: 0px;
}
::-moz-selection {
	background: #90C404;
	text-shadow: none;
}
::selection {
	background: #90C404;
	text-shadow: none;
}
.color{
	color:#90C404;
	font-weight: 700;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.area-padding{
	padding: 50px 0px;
}
.mar-row{
	margin-top: 50px;
}
.more-btn {
	text-transform: uppercase;
	background: #90C404;
	display: inline-block;
	padding: 15px 20px;
	color: #fff;
	font-weight: 600;
	margin-top: 15px;
	border-radius: 3px;
	width: 186px;
	transition: 0.4s;
	border: 2px solid #90C404;
	font-size: 17px;
	text-align: center;
}
.more-btn:hover{
	background: #fff;
	border:2px solid #90C404;
	color: #90C404;
	transition: 0.4s;
}
.bg-color{
	background: #f9f9f9;
}
:focus {
	outline: -webkit-focus-ring-color auto 0px;
}
.parallax-bg{
	position:relative;
}
.parallax-bg:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#062241;
	opacity:.8;
	content:"";
}
.left-headline {
	padding-bottom: 15px;
	background: #062241;
	padding: 40px 30px;
}
.left-headline h2 {
	font-size: 36px;
	line-height: 44px;
	position: relative;
	margin-bottom: 20px;
	color: #fff;
}
.left-headline p {
	color: #fff;
	font-size: 17px;
	line-height: 28px;
}
.center-headline h3 {
	color:#444;
}
.center-headline h3 {
	max-width: 820px;
	font-size: 30px;
	line-height: 42px;
	margin: 0px auto 40px;
	text-align: center;
}
.white-headline h3 {
	color:#fff;
}
.half-headline {
	margin-bottom: 30px;
	overflow: hidden;
}
.half-headline h3 {
	font-size: 26px;
	width: 50%;
	line-height: 32px;
	font-weight: 700;
	text-transform: inherit;
	float: left;
	padding-right: 30px;
	color: #fff;
}
.half-headline p {
	width: 50%;
	float: left;
	padding-left: 30px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.50px;
	color:#fff;
}
.sub-headline {
	margin-bottom: 30px;
}
/*--------------------------------*/
/*  2. Header top Area
/*--------------------------------*/
.topbar-left ul li {
	display: inline-block;
}
.topbar-area {
	background:#282828;
}
.topbar-left ul li a {
	color: #fff;
	display: block;
	margin-right: 20px;
	padding: 9px 0;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 0.60px;
}
.topbar-left ul li a i {
	color: #90C404;
	font-size: 16px;
	padding-right: 7px;
}
.topbar-left ul li:last-child a{
	margin-right:0px;
}
.top-social {
	padding: 7px 0px;
	text-align: right;
}
.top-social ul li{
	display: inline-block;
}
.top-social ul li a {
	color: #f5f5f5;
	margin-left: 12px;
	display: block;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	line-height: 25px;
}
.top-social ul li a:hover{
	color:#fff;
	opacity: 1;
}
.top-social ul {
	float: right;
}
.share-link {
	display: inline-block;
	color: #fff;
	margin-right: 10px;
}
/*----------------------------------------*/
/*  2.1 Header Bottom Area 
/*----------------------------------------*/
.header-area{
	background: #fff;
}
.logo {
	display: block;
}
.logo a {
	display: inline-block;
	height: auto;
	padding: 18px 0;
}
.main-menu ul.navbar-nav li {
	float: left;
	position: relative;
}
.main-menu ul.navbar-nav > li >a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #444;
	font-size: 14px;
	font-weight: 700;
	padding: 33px 0px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	margin: 0px 15px;
}
.main-menu ul.navbar-nav li a:hover{
	color: #90C404;
}
.main-menu ul.navbar-nav > li > a::before {
	background: #90C404;
	content: "";
	height: 2px;
	position: absolute;
	top: 0;
	width: 0;
	transition: .5s;
	left: 0px;
}
.main-menu ul.navbar-nav >li:hover > a:before, .main-menu ul.navbar-nav >li.active > a::before {
	width: 100%;
}
.main-menu ul.navbar-nav li.active a:focus {
	color: #333;
}
.main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #90C404;
	position: relative;
	z-index: 9999999;
}
.navbar {
	border: medium none;
	margin-bottom: 0;
}
.navbar-default {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: none;
	color:#333;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
	color:inherit;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
}
.main-menu ul.nav li ul.sub-menu {
	background: #fff;
	border-top: 1px solid #f5f5f5;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 115%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 220px;
	z-index: -99;
	padding: 20px 10px;
}
.pagess {
	position: relative;
}
.navbar.navbar-default {
	float: right;
}
.main-menu ul.nav li ul.sub-menu li {
	padding: 0;
	position: relative;
	width: 100%;
}
.main-menu ul.nav li:hover ul.sub-menu {
	top: 100%;
	opacity: 1;
	z-index: 999;
	visibility: visible;
}
.main-menu ul.nav li ul.sub-menu li a {
	color: #666;
	display: block;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 15px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{
	color: #90C404;
}
.main-menu ul.nav li ul.sub-menu li:last-child {
	border:none;
}
.stick span.search-button i,.stick .header-search input{color:#666}
.search-option-5 button.button {
	display: inline-block;
	border: none;
	background: none;
	padding: 0;
}
.header-right-link {
	float: right;
}
.search-option {
	background: #fff none repeat scroll 0 0;
	bottom: -40px;
	color: #444;
	display: none;
	position: absolute;
	right: 20px;
	width: 260px;
	z-index: 99999;
	border: 1px solid #f5f5f5;
}
.search-option input {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: #444;
	display: block;
	float: left;
	font-size: 14px;
	font-style: italic;
	padding: 8px 10px;
	width: 210px;
	height: 44px;
}
.search-option button.button {
	background: #90C404;
	border: medium none;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 17px;
	line-height: 35px;
	padding: 5px 15px;
	text-align: center;
}
.header-right-link a.main-search {
	color: #444;
	display: inline-block;
	float: left;
	font-size: 18px;
	line-height: 39px;
	position: relative;
	padding: 23px 0px 23px 10px;
}
.header-right-link a.main-search:hover{
	color: #90C404;
}
/*--------------------------------*/
/* 2.2. Sticky Header Area
/*--------------------------------*/
.header-area.stick {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	background: #fff;
}
.header-area.stick .logo a {
	display: inline-block;
	height: auto;
	padding: 12px 0;
}
.header-area.stick .main-menu ul.navbar-nav li a {
	padding: 27px 0px;
}
.header-area.stick .quote-button {
	float: right;
	padding: 13px 5px;
}
.header-area.stick .header-right-link a.main-search {
	padding: 18px 0px 18px 10px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
	color: #444;
	display: block;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 15px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{
	color: #90C404;
}
.header-area.stick .navbar-brand>img {
	display: block;
}
.header-area.stick .logo-bg:after,
.header-area.stick .logo-bg:before {
	border-top: 76px solid transparent;
}
/*----------------------------------------*/
/*  2.3. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 10px 0px ;
}
.mean-container .mean-bar::after {
	content: "";
	font-size: 21px;
	left: 5%;
	position: absolute;
	top: 12px;
	text-transform: uppercase;
	font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
	color:#333
}
.mean-container .mean-nav ul {
	list-style-type: none;
	margin: 20px 0px;
	padding: 0;
	width: 110%;
}
.mean-container .mean-nav ul li a {
	background: #f8f8f8 none repeat scroll 0 0;
	color: #444;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 700;
	margin: 0;
	padding: 13px 10px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 90%;
}
.mean-nav ul li.mean-last {
	margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
	color: #444;
	line-height: 17px;
}
.mean-container .mean-nav ul li {
	width: 99.7%;
}

.mobile-menu-area .header-right-link a.main-search {
	color: #444;
	display: inline-block;
	float: left;
	font-size: 18px;
	line-height: 25px;
	position: relative;
	padding: 0px 0px 0px 10px;
}
.mobile-menu-area .slice-btn {
	float: right;
	padding: 0px;
	right: 5px;
}
.mobile-menu-area .header-right-link {
	float: right;
	width: 60px;
	position: absolute;
	top: 12px;
	right: 0px;
}
.mean-container a.meanmenu-reveal {
	color: #444;
	cursor: pointer;
	display: block;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 25px !important;
	font-weight: 700;
	height: 22px;
	line-height: 22px;
	padding: 6px 10px 11px;
	right: 0;
	text-decoration: none;
	text-indent: -9999em;
	top: 0;
	width: 30px;
}
.mean-container .mean-bar {
	background: transparent none repeat scroll 0 0;
	float: left;
	min-height: 42px;
	padding: 4px 0 0;
	position: relative;
	width: 85%;
	z-index: 999999;
}
.mobile-menu-area .header-right-link .slice-btn span {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	cursor: pointer;
}
.mobile-menu-area .search-option {
	background: #fff none repeat scroll 0 0;
	bottom: -60px;
	color: #444;
	display: none;
	position: absolute;
	right: 20px;
	width: 260px;
	z-index: 99999;
}
/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
.intro-content {
	position: relative;
	z-index: 1;
}
.intro-content::after {
	background: rgba(0,0,0,0.50) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.slider-content {
	position: absolute;
	right: 0;
	text-align: left;
	top: 50%;
	z-index: 3;
	left: 0;
	margin: 0 auto;
	margin-top: -150px;
}
.layer-1 h1 {
	color: #fff;
	font-size: 60px;
	line-height: 70px;
	text-transform: unset;
	margin: 0px 0px 20px;
	max-width: 820px;
	font-weight: 700;
}
.layer-2 p {
	color: #fff;
	font-size: 17px;
	line-height: 28px;
	max-width: 690px;
	letter-spacing: 0.60px;
	margin: 0px 0px 30px;
}
.ready-btn {
	border: 1px solid #90C404;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 12px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	z-index: 222;
	background: #90C404;
	width: 170px;
	border-radius: 3px;
}
.ready-btn:hover{
	color: #90C404;
	background: #fff;
	border: 1px solid #90C404;
	text-decoration: none;
}
.layer-1 .color {
	color: #90C404;
	font-weight: 900;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
	color: #fff;
	background: #90C404;
	font-size: 26px;
	margin-top: -20px;
	position: absolute;
	top: 50%;;
	text-align: center;
	line-height: 52px;
	opacity: 0;
	border:2px solid #90C404;
	width: 54px;
	height: 54px;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
	left: 10%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
	right: 10%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
	right: 2%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
	left: 2%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
	color:#90C404;
	background: #fff;
	border: 2px solid #fff;
}
.intro-carousel .owl-item .layer-1{
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 0.3s;
}
.intro-carousel .owl-item .layer-2{
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 1s;
}
.intro-carousel .owl-item .layer-3{
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 1.5s;
}
.intro-carousel .owl-item.active .layer-1,
.intro-carousel .owl-item.active .layer-2,
.intro-carousel .owl-item.active .layer-3{
	transform: translateY(0);
	opacity: 1;
}
.intro-carousel .owl-item.active .slider-images img{
	transform: scale(1);
	transition: 10s;
}
/*----------------------------------------*/
/*  4. Wellcome Services Area
/*----------------------------------------*/
.well-inner{
	margin-top: -30px;
}
span.number {
	color: #90C404;
	font-weight: 700;
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	line-height: 40px;
}
.well-services {
	margin-top:30px;
	z-index: 1;
	transition: 0.5s;
}
.services-inner {
	padding: 40px 20px;
	position: relative;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.services-inner::before{
	position: absolute;
	bottom:0;
	width: 0%;
	left: 0;
	margin: 0 auto;
	height: 100%;
	content:"";
	transition: 0.5s;
	z-index: -1;
}
.services-inner::after{
	position: absolute;
	left:0;
	bottom:0;
	width: 0%;
	height: 100%;
	content:"";
	transition: 0.5s;
	z-index: -1;
}
.services-column{
	margin-top: 30px;
}
.well-content h4 {
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	line-height: 30px;
	text-transform: capitalize;
}
.well-content h4 a{
	color:#444;
}
.well-content p{
	margin-bottom: 0px;
}
.well-services:hover .services-inner-1::before{
	width: 100%;
	height: 100%;
	/*background: url(http://snowwhitetheme.com/blom-live/img/service/1.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
	transition: 0.5s;
	background-color: green
}
.well-services:hover .services-inner::after{
	width: 100%;
	height: 100%;
	background: rgba(6,34,65,0.80);
	transition: 0.5s;
}
.well-services:hover .services-inner-2::before{
	width: 100%;
	height: 100%;
	/*background: url(http://snowwhitetheme.com/blom-live/img/service/2.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
	transition: 0.5s;
	background-color: green
}
.well-services:hover .services-inner-3::before{
	width: 100%;
	height: 100%;
	/*background: url(http://snowwhitetheme.com/blom-live/img/service/3.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
	transition: 0.5s;
	background-color: green
}
.well-services:hover .well-content h4 a,
.well-services:hover .well-content p,
.well-services:hover .number{
	color:#f5f5f5;
}
.well-icon {
	margin-bottom: 20px;
	display: block;
}
.well-icon a {
	font-size: 70px;
	line-height: 70px;
	color: #444;
}
/*----------------------------------------*/
/*  5. About area
/*----------------------------------------*/
.about-area {
	background: #062241;
}
.about-content p {
	font-size: 15px;
	letter-spacing: 0.40px;
	line-height: 24px;
	margin-bottom: 5px;
	color: #fff
}
.about-details {
	overflow: hidden;
	display: block;
	padding-top: 10px;
}
.about-list li {
	color: #fff;
	padding-left: 25px;
	margin: 10px 0px;
	position: relative;
	font-size: 15px;
	font-weight: 600;
}
.about-list li::after {
	position: absolute;
	content: "";
	left: 5px;
	top: 10px;
	background: #90C404;
	width: 5px;
	height: 5px;
}
.single-about {
	padding: 30px 20px;
	border: 1px solid #f5f5f5;
}
.about-icon {
	color: #fff;
	font-size: 50px;
	margin-bottom: 20px;
}
.icon-text h4{
	color:#fff;
}
.icon-text p{
	color:#fff;
}
/*----------------------------------------*/
/*  6. Services Area
/*----------------------------------------*/
.all-services{
	margin-top: -30px;
	display: block;
}
.single-service {
	margin-top: 30px;
	transition: 0.4s;
}
.single-service-inner{
	padding: 30px 20px;
	position: relative;
	border:1px solid #ccc;
}
.single-service-inner::before{
	position: absolute;
	bottom:0;
	width: 0%;
	left: 0;
	margin: 0 auto;
	height: 100%;
	content:"";
	transition: 0.5s;
	z-index: -1;
}
.single-service-inner::after{
	position: absolute;
	left:0;
	bottom:0;
	width: 0%;
	height: 100%;
	content:"";
	transition: 0.5s;
	z-index: -1;
}
.single-service:hover .single-service-inner::before{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	transition: 0.5s;
}
.single-service:hover .single-service-inner.single-service-inner-1::before{
	/*background: url(http://snowwhitetheme.com/blom-live/img/service/1.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
}
.single-service:hover .single-service-inner.single-service-inner-2::before{
	/*background: url(http://snowwhitetheme.com/blom-live/img/service/2.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
}
.single-service:hover .single-service-inner.single-service-inner-3::before{
	/*background: url(http://snowwhitetheme.com/blom-live/img/service/3.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
}
.single-service:hover .single-service-inner.single-service-inner-4::before{
	background: url(http://snowwhitetheme.com/blom-live/img/service/4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.single-service:hover .single-service-inner.single-service-inner-5::before{
	background: url(http://snowwhitetheme.com/blom-live/img/service/5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.single-service:hover .single-service-inner.single-service-inner-6::before{
	background: url(http://snowwhitetheme.com/blom-live/img/service/6.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.single-service:hover .single-service-inner::after{
	width: 100%;
	height: 100%;
	background: rgba(6,34,65,0.80);
	transition: 0.5s;
}
.service-content {
	display: block;
}
.service-icon {
	margin-right: 10px;
	float: left;
}
.service-icon a {
	font-size: 60px;
	color: #444;
	line-height: 60px;
}
.service-text {
	padding-left: 81px;
}
.service-text h4{
	font-weight: 600;
	font-size: 20px;
}
.service-text p{
	margin-bottom: 0px;
}
.single-service h4 {
	font-size: 20px;
	line-height: 28px;
}
.single-service h4 a {
	color: #444;
}
.single-service h4 a:hover{
	color: #90C404;
}
.single-service:hover .service-text h4 a,
.single-service:hover .service-text p,
.single-service:hover .service-icon a{
	color:#fff;
}
/*----------------------------------------*/
/* 7.Counter Area
/*----------------------------------------*/
.counter-area{
	background: rgba(0, 0, 0, 0) url(http://snowwhitetheme.com/blom-live/img/background/bg1.jpg) no-repeat scroll center center / cover; 
}
.counter-inner {
	background: #f6f6f6;
	padding: 100px 30px 100px 70px;
}
.parallax-bg{
	position:relative;
}
.counter-area.parallax-bg:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(6,34,65,0.60);
	opacity:.8;
	content:"";
}
.fun_text {
	text-align: center;
	background: rgba(6,34,65,0.90);
	padding: 30px 15px;
}
.fun_text:nth-child(3n){
	margin-right: 0px;
}
.fun_text span {
	color: #fff;
	display: block;
	font-size: 36px;
	padding-bottom: 10px;
	line-height: 40px;
}
.fun_text > h5 {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}
/*--------------------------------*/
/*  8.project Area
/*--------------------------------*/
.single-awesome-project {
	overflow: hidden;
	width:100%;
}
.first-item {
	margin-bottom: 30px;
}
.awesome-img{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.awesome-img img{
	transform: scale(1.1);
	transition: 0.4s;
}
.single-awesome-project:hover .awesome-img img{
	transform: scale(1);
	transition: 0.4s;
}
.awesome-img > a {
	display: block;
	position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
	opacity: 1;
}
.single-awesome-project:hover .add-actions{
	opacity: 1;
}
.awesome-img > a::after {
	background: rgba(6,34,65,0.80);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: 0.4s;
}
.add-actions {
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	transition: all 0.4s ease 0s;
	width: 100%;
	z-index: 9;
	top: 0;
	cursor: pointer;
}
.port-icon {
	color: #fff;
	display: inline-block;
	cursor: pointer;
	top: 41%;
	position: relative;
	font-size: 40px;
}
.project-dec {
	display: block;
	padding: 20px 0px 0px 20px;
	position: relative;
}
.project-dec::before {
	position: absolute;
	left: 0px;
	content: "";
	top: 25px;
	width: 3px;
	height: 20px;
	background: #90C404;
	transition: 0.5s;
}
.single-awesome-project:hover .project-dec::before {
	width: 3px;
	height: 100%;
	transition: 0.5s;
}
.project-dec h4 {
	color: #444;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 5px;
	cursor: pointer;
}
.project-dec a:hover {
	color: #90C404;
	background: #fff;
}
.project-dec p {
	color: #444;
	font-weight: 400;
}
.pst-content {
	padding-left: 10px;
}
.single-awesome-project:hover .project-dec h4 {
	color:#90C404;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: -12%;
	right: 0px;
	width: 30px;
	height: 30px;
	border: 1px solid #90C404;
	text-align: center;
	background: #90C404;
	line-height: 30px;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
	right: 51px;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
	right: 15px;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
	color:#90C404;
	background: #fff;
	border: 1px solid #fff;
}
.read-btn {
	border: 1px solid #90C404;
	color: #fff;
	font-weight: 600;
	font-size: 17px;
	background: #90C404;
	padding: 8px 20px;
	display: inline-block;
	border-radius: 2px;
}
/*--------------------------------*/
/* 9.Testimonial Area Css
/*--------------------------------*/
.testimonial-area{
	background: rgba(0, 0, 0, 0) url(http://snowwhitetheme.com/blom-live/img/background/bg1.jpg) no-repeat scroll center center / cover; 
}
.parallax-bg-2{
	position:relative;
}
.parallax-bg-2:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(6,34,65,0.80);
	content:"";
}
.single-testi {
	padding: 30px 20px;
	position: relative;
	border-top: 3px solid #90C404;
	background: #fff;
	margin-top: 30px;
	box-shadow: 1px 1px 1px #f3f3f3, -1px -1px 1px #f3f3f3;
}
.testi-img {
	margin-bottom: 30px;
}
.testi-img img {
	width: 100%;
	max-width: 80px;
	height: auto;
	border-radius: 50%;
	float: left;
	border:2px solid #90C404;
}
.client-rating {
	padding-bottom: 10px;
}
.client-rating a {
	display: inline-block;
	color: #fec731;
	font-size: 18px;
}
.texti-name {
	padding-left: 20px;
	margin-top: 15px;
	display: inline-block;
}
.texti-name h4 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 0px;
}
.guest-rev a{
	color: #90C404; 
}
.testi-text p {
	color: #444;
	margin-bottom: 0px;
}
.testi-text h5 {
	color: #444;
	font-size: 20px;
}
.testi-text a{
	color: #90C404;  
}
.Reviews-content {
	margin-top: -30px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot > span {
	background: #444 none repeat scroll 0 0;
	display: inline-block;
	height: 8px;
	width: 8px;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
	transition:0.4s;
	border-radius: 50%;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
	bottom: 0px;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
}
.testimonial-content {
	margin-bottom: 15px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
	display: inline-block;
	margin: 0 3px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span{
	background: #90C404;
}
.reviews-page .single-testi{
	margin-bottom: 30px;
}
/*--------------------------------*/
/* 10.Why choose Area
/*--------------------------------*/
.choose-area{
	position: relative;
}
.choose-headline h3 {
	font-size: 28px;
	line-height: 36px;
}
.choose-image {
	position: relative;
	border-radius: 5px;
}
.choose-image img{
	border-radius: 5px;
}
.video-content {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(6,34,65,0.60);
	text-align: center;
	border-radius: 5px;
}
.video-play.vid-zone {
	background: #90C404;
	border-radius: 100%;
	display: inline-block;
	font-size: 34px;
	height: 80px;
	line-height: 80px;
	width: 80px;
	transition: 0.4s;
	top: 50%;
	position: relative;
	margin-top: -40px;
}
.video-play.vid-zone i {
	color: #fff;;
	margin-left: 5px;
}
.video-play.vid-zone:hover {
	background: #fff;
	color: #90C404;
	transition: 0.4s;
}
.video-play.vid-zone:hover i{
	color: #90C404;
}
.choose-icon {
	width: 80px;
	float: left;
	height: 80px;
	font-size: 32px;
	color: #fff;
	background: #90C404;
	border:1px solid #90C404;
	margin-right: 10px;
	line-height: 75px;
	text-align: center;
	border-radius: 50%;
}
.choose-icon:hover{
	color:#fff;
}
.single-choose {
	display: block;
	margin-top: 30px;
}
.choose-content {
	padding-left: 95px;
}
.choose-content h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 10px;
}
.choose-content h4 a {
	color: #444;
}
.choose-content h4 a:hover {
	color: #90C404;
}
.choose-content p{
	color:#666;
}
/*----------------------------------------*/
/*  11. Blog Area
/*----------------------------------------*/
.blog-area{
	position: relative;
}
.blog-image{
	overflow: hidden;
	display: block;
}
.blog-grid{
	margin-top: -30px;
}
.blog-content {
	background: #fff;
	padding: 30px 20px 30px;
}
.blog-content a h4 {
	font-size: 18px;
	text-transform: inherit;
	font-weight: 600;
	color: #444;
	line-height: 28px;
	margin: 10px 0px;
}
.blog-meta {
	padding: 3px 10px;
	display: inline-block;
	background: #90C404;
	border-radius: 2px;
	margin-bottom: 10px;
}
.blog-meta span {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding-right: 10px;
}
.blog-content a h4:hover{
	color:#90C404;
}
.single-blog {
	margin-top: 30px;
	box-shadow: 1px 1px 20px #f3f3f3, -1px -1px 20px #f3f3f3;
	position: relative;
}
.read-more {
	color: #444;
	display: inline-block;
	font-weight: 700;
	border-top: 1px solid #ddd;
	display: block;
	padding-top: 10px;
}
.blog-content p {
	color: #444;
	font-size: 15px;
	margin-bottom: 0px;
}
.blog-right-column .blog-image {
	overflow: hidden;
	float: left;
	width: 50%;
	min-height: 300px;
}
.blog-right-column .image-scale img{
	width: 100%;
	min-height:300px;
	display: block;
	object-fit: cover;
}
.blog-right-column .blog-content {
	background: #fff;
	float: left;
	height: 100%;
	width: 50%;
	padding: 30px 20px 10px;
	min-height: 300px;
}
.blog-right-column .single-blog{
	overflow: hidden;
}
/*----------------------------------------*/
/*  12. Footer Area
/*----------------------------------------*/
.footer-area {
	padding: 100px 0;
	background: #282828;
}
.footer-head p {
	color: #fff;
}
.footer-head h4 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 30px;
	text-transform: capitalize;
	font-weight: 600;
}
.footer-head .single-blog {
	margin-top: 20px;
	position: relative;
	overflow: visible;
	box-shadow: none;
}
.footer-head .blog-content {
	background: transparent;
	padding: 0px;
}
.footer-head .blog-content a h4 {
	color: #fff;
	margin-bottom: 5px;
	line-height: 22px;
	font-size: 17px;
}
.footer-head .blog-content a h4:hover{
	color: #90C404;
}
.footer-head .blog-btn {
	color: #90C404;
	transition: 0.4s;
}
.footer-head .blog-btn:hover{
	border-bottom: 1px solid #90C404;
	transition: 0.4s;
}
.footer-head .blog-text p {
	margin-bottom: 10px;
}
.footer-icons ul li {
	display: inline-block;
}
.footer-icons ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	margin-right: 5px;
	width: 36px;
	height: 36px;
	border: 1px solid #fff;
}
.footer-icons ul li a:hover,
.footer-three .footer-icons ul li a:hover{
	color: #fff;
	background: #90C404;
	border:1px solid #90C404;
}
.footer-icons {
	margin-top: 30px;
}
.footer-contacts p span {
	color: #90C404;
	font-weight: 700;
}
.footer-content {
	display: block;
	overflow: hidden;
}
.suscribe-input input {
	background: transparent;
	border: medium none;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	padding: 11px 15px;
	height: 42px;
	border-radius: 0;
	width: 100%;
	border: 1px solid #ccc;
}
.suscribe-input button {
	background: transparent;
	border: 1px solid #ccc;
	color: #ccc;
	font-size: 16px;
	padding: 8px 20px;
	border-radius: 2px;
	transition: 0.4s;
	margin-top: 15px;
	font-weight: 600;
}
.suscribe-input button:hover,
.footer-three .suscribe-input button:hover{
	background:#90C404;
	border: 1px solid #90C404;
	color: #fff;
	transition: 0.4s;
}
.footer-head hr {
	margin-bottom: 10px;
}
.footer-list li a {
	color: #fff;
	padding: 5px 0px;
	display: block;
	position: relative;
	font-weight: 500;
}
.footer-list li a::after {
	position: absolute;
	content: "\e876";
	right: 0;
	top: 5px;
	font-family: blom;
	font-size: 12px;
}
.footer-list li a:hover {
	color: #90C404;
}
.footer-area-bottom {
	background: #282828 none repeat scroll 0 0;
	border-top: 1px solid #666;
	padding: 25px 0;
}
.copyright-text a:hover{
	text-decoration: underline;
	color:#90C404;
}
.copyright-text a {
	color: #fff;
}
.copyright > p {
	margin-bottom: 0;
	color: #fff;
}
.copyright a {
	color: #90C404;
}
.copyright ul{
	text-align: right;
}
.copyright ul li {
	display: inline-block;
	margin-left: 20px;
}
.copyright ul li a {
	color: #fff;
	text-align: right;
}
.copyright ul li a:hover{
	color: #90C404;
}
/*----------------------------------------*/
/*  13. Home Area 2
/*----------------------------------------*/
.topbar-area-2 {
	background:#062241;
}
.header-two {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 999;
}
.header-area-2 {
	background: transparent;
}
.header-area-2.stick{
	background: #062241;
}
.header-area-2 .main-menu ul.navbar-nav > li >a,
.header-area-2 .header-right-link a.main-search{
	color:#fff;
}
.intro-area-2 .layer-1 h1 {
	color: #fff;
	font-size: 50px;
	line-height: 64px;
	text-transform: uppercase;
	margin: 0px 0px 20px;
	max-width: 800px;
	font-weight: 700;
	letter-spacing: 1px;
}
.intro-area-2 .intro-content{
	position: relative;
	z-index: 1;
}
.intro-area-2 .intro-content:after{
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(6,34,65,0.50) none repeat scroll 0 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
}
.intro-area-2 .slider-content {
	margin-top: -140px;
}
.welcome-area.welcome-area-2 {
	position: relative;
	top: -100px;
	z-index: 9;
}
.welcome-area.welcome-area-2 .services-inner {
	background: #fff;
}
.welcome-area.welcome-area-2 .well-services:hover .services-inner{
	background: transparent;
}
.about-image {
	position: relative;
	border-radius: 5px;
}
.about-image img {
	border-radius: 5px;
}
.project-area-2 .project-content {
	margin-top: -30px;
}
.project-area-2 .single-awesome-project {
	width: 100%;
	margin-top: 30px;
}
.project-area-2 .project-dec p,
.project-area-2 .project-dec h4{
	color:#fff;
}
.project-area-2{
	/*background: #062241;*/
	background: rgba(0, 0, 0, 0) url(http://snowwhitetheme.com/blom-live/img/background/bg1.jpg) no-repeat scroll bottom center / cover; 
}
.project-area-2 .project-dec {
	display: block;
	padding: 20px 20px 25px;
	position: relative;
	background: rgba(0,0,0,0.70);
}
.blog-area-2 .blog-right-column .blog-content {
	background: #fff;
	float: none;
	height: auto;
	width: 100%;
	padding: 30px 20px;
	min-height: inherit;
}
/*----------------------------------------*/
/*  14. banner Area
/*----------------------------------------*/
.banner-area {
	background: rgba(0,0,0,0.70) url(http://snowwhitetheme.com/blom-live/img/background/bg1.jpg) no-repeat scroll center center / cover; 
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.banner-area::after{
	position: absolute;
	content: "";
	background: #062241;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	opacity: 0.7;
	z-index: -1;
}
.banner-contact {
	padding: 30px 0px 0px;
}
.banner-contact span i {
	display: inline-block;
	width: 50px;
	height: 50px;
	color: #fff;
	border: 1px solid #90C404;
	background: #90C404;
	text-align: center;
	line-height: 46px;
	border-radius: 50%;
	margin-right: 20px;
	font-size: 24px;
}
.banner-contact span {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	margin-right: 20px;
}
.banner-btn {
	border: 1px solid #90C404;
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	background: #90C404;
	border-radius: 2px;
}
.banner-btn:hover{
	background: #fff;
	border: 1px solid #90C404;
	color:#90C404;
}
.banner-content h3 {
	font-size: 30px;
	color: #fff;
	line-height: 42px;
	max-width: 820px;
	margin: 0 auto;
}
/*----------------------------------------*/
/*  15. Team Area
/*----------------------------------------*/
.team-wraper {
	display: block;
}
.team-inner {
	margin-top: -30px;
}
.single-team {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}
.team-img {
	position: relative;
}
.team-content {
	width: 74%;
	padding: 30px 10px 10px 20px;
	background: rgba(6,34,65,0.95);
	height: 100%;
	position: absolute;
	top: 74%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: 0.5s;
}
.single-team:hover .team-content {
	top: 30%;
	transition: 0.5s;
}
.team-data h4,
.team-data span,
.team-text p{
	color:#fff;
}
.team-data{
	display: block;
	margin-bottom: 20px;
}
.team-data h4 {
	margin-bottom: 5px;
	font-size: 20px;
}
.team-social ul li {
	display: inline-block;
}
.team-social ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 33px;
	text-align: center;
	margin-right: 5px;
	width: 34px;
	height: 34px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.team-social ul li a:hover{
	background: #90C404;
	border: 1px solid #90C404;
}
.footer-two .footer-area{
	background: #062241;
}
.footer-two .footer-area-bottom{
	background: #062241;
}
/*--------------------------------*/
/* 16. Home page 3
/*--------------------------------*/
.topbar-area-3 {
	background: #282828;
}
.header-area-3 {
	background:rgba(40,40,40,0.60);
}
.header-area-3.stick {
	background:rgba(40,40,40,0.95);
}
.intro-area-3 .slider-content {
	text-align: center;
}
.intro-area-3 .slider-content .layer-1 h1 {
	margin: 0px auto 30px;
}
.intro-area-3 .slider-content .layer-2 p {
	margin: 0px auto 30px;
}
.welcome-area-3 {
	position: relative;
	top: -100px;
	z-index: 99;
}
.welcome-area-3 .well-services:hover .services-inner::after{
	display: none;
}
.welcome-area-3 .services-inner {
	padding: 0px;
}
.welcome-area-3 .well-content {
	padding: 0px 20px 30px;
	margin-top: -15px;
}
.welcome-area-3 .top-icon {
	font-size: 50px;
	line-height: 50px;
	color: #444;
}
.welcome-area-3 .well-icon {
	margin-bottom: 0px;
	display: inline-block;
	padding: 15px;
	background: #90C404;
	position: relative;
	top: -40px;
	left: 20px;
	border-radius: 3px;
}
.well-services:hover .top-icon{
	color:#fff;
	transition: 0.5s;
}
.welcome-area-3 .well-services:hover .well-content p,
.welcome-area-3 .well-services:hover .number{
	color:#444;
}
.welcome-area-3 .well-services:hover .well-content h4 a{
	color:#90C404;
}
.welcome-area-3 .quote-content {
	background: #062241;
	padding: 10%;
	border-radius: 5px;
	border: 1px solid #062241;
	margin-top: 30px;
}
.welcome-area-3 .contact-form input[type="text"], 
.welcome-area-3 .contact-form input[type="email"] {
	border: 1px solid #062241;
	border-radius: 0;
	height: 44px;
	margin-bottom: 15px;
	padding-left: 20px;
	width: 100%;
	background: #fff;
}
.quote-content h4{
	color:#fff;
	padding-bottom: 20px;
}
.welcome-area-3 .quote-content .contact-form textarea#message {
	height: 135px;
}
.welcome-area-3 .quote-btn {
	font-weight: 600;
	color: #fff;
	background: #90C404;
	display: inline-block;
	border: 2px solid #90C404;
	padding: 10px 20px;
	width: 134px;
	text-transform: uppercase;
	border-radius: 3px;
	transition: 0.4s;
	margin-top: 10px;
}
.welcome-area-3 .quote-btn:hover{
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	transition: 0.4s;
}
.about-area-2 .half-headline p,
.about-area-2 .half-headline h3,
.about-area-2 .icon-text h4,
.about-area-2 .icon-text p{
	color:#444;
}
.about-area-2 .single-about{
	border:1px solid #ccc;
}
.about-area-2.bg-color{
	background: #f5f5f5;
}
.about-icon{
	color:#90C404;
}
.services-area-3 .single-service-inner {
	padding: 0px;
	position: relative;
	border: none;
}
.services-area-3 .single-service:hover .single-service-inner::after {
	width: 100%;
	height: 100%;
	background: rgba(6,34,65,0.95);
	transition: 0.5s;
}
.services-area-3 .service-content {
	display: block;
	padding: 30px 20px;
	border: 1px solid #f5f5f5;
}
.footer-three .footer-area {
	padding: 100px 0;
	background: #f5f5f5;
}
.footer-three .footer-head .blog-content a h4,
.footer-three .footer-list li a,
.footer-three .footer-head h4,
.footer-three .footer-head p{
	color:#444;
}
.footer-three .footer-list li a:hover{
	color:#90C404;
}
.footer-three .footer-icons ul li a{
	border: 1px solid #444;
	color:#444;
}
.footer-three .suscribe-input button{
	color:#444;
}
.services-area-3 .service-content {
	display: block;
	padding: 30px 20px;
	border: 1px solid #f5f5f5;
	border-top: none;
}
/*----------------------------------------*/
/*  17. Breadcumbs Area
/*----------------------------------------*/
.page-area{
	position: relative;
}
.page-area {
	background: url('../images/banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	height: 120px;
}
.breadcumb-overlay {
	position: absolute;
	background: rgba(6,34,65,0.60);
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
}
.breadcrumb {
	padding: 60px 0px;
	background-color: transparent;
	margin-bottom: 0;
	overflow: hidden;
}
.breadcrumb-bg {
	float: right;
	padding: 14px 0px;
}
.bread-inner {
	padding: 0px 0px;
}
.breadcrumb .section-headline h2 {
	font-size: 36px;
	letter-spacing: 1px;
	line-height: 8px;
	text-transform: uppercase;
	position: relative;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0px;
}
.breadcrumb .section-headline {
	padding-bottom: 0px;
	display: inline-block;
}
.breadcrumb .section-headline h2::after {
	display: none;
}
.breadcrumb ul li {
	display: inline-block;
	color: #fff;
	padding: 0px 10px 0px 20px;
	position: relative;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
}
.breadcrumb ul li.home-bread{
	padding-left: 0px;
}
.breadcrumb ul li.home-bread::after {
	position: absolute;
	content: "\f105";
	font-family: fontAwesome;
	right: -10px;
	top: 0;
}
.breadcrumb .section-headline::after {
	display: none;
}
.single-brand-item a {
	opacity: 0.8;
	display: block;
	border: 1px solid #ccc;
}
.single-brand-item a:hover {
	opacity: 1;
}
.single-testi {
	padding: 30px 20px;
	position: relative;
	border-top: 3px solid #90C404;
	background: #fff;
	margin-top: 30px;
	box-shadow: 1px 1px 1px #f3f3f3, -1px -1px 1px #f3f3f3;
}
/*----------------------------------------*/
/*  18. FAQ  Area
/*----------------------------------------*/
.company-faq {
	display: block;
	overflow: hidden;
	padding: 30px 30px;
	box-shadow: 1px 1px 5px #f3f3f3, -1px -1px 5px #f3f3f3;
}
.faq-details .panel-heading {
	padding: 0;
}
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: none;
	border-radius: 4px;
}
.panel-default {
	border-color: #f5f5f5;
	border-radius: 0 !important;
}
.panel-group .panel+.panel {
	margin-top: 10px;
}
.panel-default > .panel-heading {
	color: #666;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #f5f5f5;
	background: #fff;
}
.faq-details h4.check-title a {
	color: #666;
	display: block;
	font-weight: 500;
	padding: 10px 10px 10px 60px;
	text-decoration: none;
	background: #fff;
}
.panel-body {
	padding: 15px 15px 0px 45px;
}
.faq-details h4.check-title {
	color: #666;
	font-size: 16px;
	margin-bottom: 0px;
	text-transform: capitalize;
}
.faq-details .panel-heading h4 a{
	position: relative;
}
.faq-details .panel-heading h4 a::before {
	color: #666;
	content:"\e880 ";
	font-family: blom;
	font-size: 16px;
	left:0px;
	line-height: 46px;
	position: absolute;
	text-align: center;
	top:0px;
	width: 50px;
	height: 100%;
}
.faq-details .panel-heading h4 a.active::before {
	color: #90C404;
	content: "\e87f";
	font-family: blom;
	font-size: 16px;
	left: 0px;
	line-height: 46px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 50px;
	height: 100%;
}
.faq-details .panel-heading h4 a.active {
	color: #90C404;
}
.faq-area .col-md-6{
	padding-left: 0px;
	padding-right: 0px;
}
.faq-area .faq-content {
	background: #062241;
	padding:10%;
	border-radius: 5px;
	border:1px solid #062241;
}
.faq-area .contact-form input[type="text"], 
.faq-area .contact-form input[type="email"] {
	border: 1px solid #062241;
	border-radius: 0;
	height: 44px;
	margin-bottom: 15px;
	padding-left: 20px;
	width: 100%;
	background: #fff;
}
.faq-content h4{
	color:#fff;
	padding-bottom: 20px;
}
.faq-area .faq-content .contact-form textarea#message {
	height: 135px;
}
.faq-area .quote-btn {
	font-weight: 600;
	color: #fff;
	background: #90C404;
	display: inline-block;
	border: 2px solid #90C404;
	padding: 10px 20px;
	width: 134px;
	text-transform: uppercase;
	border-radius: 3px;
	transition: 0.4s;
	margin-top: 10px;
}
.faq-area .quote-btn:hover{
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	transition: 0.4s;
}
/*----------------------------------------*/
/*  19.	Contact Us  CSS
/*----------------------------------------*/
.contact-icons {
	background-color: #90C404;
	padding: 50px 20px;
}
.office-city{
	background: #062241;
	padding: 40px 30px 20px;
}
.office-city h4{
	margin-bottom: 30px;
	font-weight: 600;
	color:#fff;
}
.single-icon {
	margin-bottom: 30px;
}
.contact-page{
	margin-bottom: 50px;
}
.contact-icon {
	display: block;
	overflow: hidden;
}
.single-icon i {
	color: #fff;
	float: left;
	font-size: 28px;
	height: 50px;
	line-height: 48px;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: center;
	width: 50px;
	border: 1px solid #90C404;
	background: #90C404;
	border-radius: 10px;
}
.single-icon p {
	color: #fff;
	font-size: 15px;
	line-height: 24px;
}
.contact-page-area {
	background: #f1f1f1 none repeat scroll 0 0;
	padding: 50px 0 70px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
	border: 1px solid #ccc;
	border-radius: 0;
	height: 44px;
	margin-bottom: 15px;
	padding-left: 20px;
	width: 100%;
	background: transparent;
}
.contact-form textarea#message {
	border: 1px solid #ccc;
	border-radius: 0px;
	height: 171px;
	padding: 20px;
	width: 100%;
	background: transparent;
}
.contact-form input[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #444;
	border-radius: 0;
	color: #444;
	font-size: 14px;
	font-weight: 700;
	margin-top: 16px;
	padding: 11px 24px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.contact-form input[type=submit]:hover{
	color:#fff;
	border: 1px solid #252525;
	background:#252525;
}
.add-btn.contact-btn {
	background: #90C404;
	border: 1px solid #90C404;
	color: #fff;
	display: block;
	font-size: 16px;
	margin-top: 5px;
	padding: 10px 20px;
	transition: 0.4s;
	border-radius: 2px;
}
.add-btn.contact-btn:hover {
	background: #fff  none repeat scroll 0 0;
	border: 1px solid #90C404 ;
	color: #90C404;
	transition: 0.4s;
}
/*--------------------------------*/
/* 20.Blog pages CSS
/*--------------------------------*/
.blog-page-area .blog-right-column .blog-image {
	overflow: hidden;
	float: none;
	width: 100%;
	min-height: 300px;
}
.blog-page-area .blog-right-column .blog-content {
	float: none;
	height: 100%;
	width: 100%;
	min-height: inherit;
}
.blog-page-area .blog-content p {
	margin-bottom: 0px;
}
/*----------------------------------------*/
/*  21. Blog Sidebar Area
/*----------------------------------------*/
.blog-page-area .single-blog {
	background: #fff;
}
.blog-sidebar-right .blog-content,
.blog-page-area .blog-content {
	padding: 30px 20px 30px;
}
.blog-search-option input {
	padding: 5px 15px;
	width: 80%;
	border: 1px solid #f5f5f5;
	height: 45px;
	background: transparent;
}
.blog-search-option {
	margin-bottom: 30px;
	display: block;
}
.blog-search-option button {
	background: #90C404;
	border: none;
	padding: 4px 10px;
}
.blog-search-option button i {
	font-size: 20px;
	padding: 6px 10px;
	line-height: 25px;
	color: #fff;
	background: #90C404;
}
.left-blog h4 {
	position: relative;
	color: #444;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	padding: 15px 0px;
	text-transform: capitalize;
}
.left-blog-page form {
	border: none;
}
.left-blog h4::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 50px;
	height: 1px;
	background: #ccc;
}
.left-head-blog {
	border: 1px solid #f5f5f5;
	padding: 30px 20px;
}
.left-blog {
	overflow: hidden;
	padding-bottom: 20px;
}
.left-blog li {
	display: block;
}
.left-blog ul li a {
	color: #444;
	display: block;
	font-size: 15px;
	padding: 10px 0px 10px 25px;
	text-transform: capitalize;
	position: relative;
}
.pst-content .date-type{
	font-size: 14px;
}
.left-blog ul li a:before {
	position: absolute;
	content: "";
	left: 0px;
	top: 21px;
	background: #666;
	width: 13px;
	height: 3px;
}
.popular-tag.left-blog ul li a:before {
	display: none;
}
.recent-single-post {
	display: block;
	overflow: hidden;
	padding: 15px 0px;
}
.recent-single-post:last-child {
	border-bottom: none;
}
.post-img {
	display: inline-block;
	float: left;
	padding-right:10px;
}
.recent-single-post .pst-content {
	padding-left: 100px;
}
.pst-content p{
	margin-bottom: 0px;
}
.pst-content p a:hover,.left-blog ul li a:hover {
	color: #90C404;
}
.blog-page-area .blog-content {
	background: #f9f9f9;
}
.pst-content p a {
	color: #444;
	font-size: 15px;
	font-weight: 600;
}
.blog-tags {
	padding: 1px 0;
}
.recent-single-post img {
	width: 100%;
	max-width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 5px;
}
.left-blog li:last-child {
	border-bottom: 0 ;
}
.popular-tag.left-side-tags.left-blog ul {
	padding:0px;
}
.left-tags .left-side-tags ul li {
	border-bottom: 0;
	display: inline-block;
	margin: 5px 0px;
}
.left-tags .left-side-tags ul li a {
	padding: 5px 10px;
	width: auto;
	background: #f4f5f4;
	color: #444;
	border-radius: 3px;
	font-weight: 700;
	font-size: 14px;
}
.left-tags .left-side-tags ul li a:hover {
	color:#fff;
	background:#90C404;
}
.left-side-tags h4 {
	margin-bottom: 15px;
}
.blog-side-area .blog-right-column{
	margin-top: -30px;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 50px 0 0px;
	border-radius: 4px;
}
.pagination>li>a, 
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #444;
	background-color: #f4f5f5;
	border: none;
	margin-left: -1px;
	border-radius: 5px;
}
.pagination>li {
	display: inline-block;
	margin: 0px 3px 0px 0px;
}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{
	z-index: 3;
	color: #fff;
	background-color: #90C404;
	cursor: default;
	border-radius: 5px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #90C404;
	border-color: #90C404;
	border-radius: 2px;
}
.blog-left-content{
	margin-top: -30px;
}
/*----------------------------------------*/
/*  22. Blog Details
/*----------------------------------------*/
.comments-heading h3, h3.comment-reply-title {
	border-bottom: 1px solid #ddd;
	color: #444;
	font-size: 18px;
	margin: 0 0 40px;
	padding: 0 0 5px;
	text-transform: capitalize;
}
.comments-list ul li{
	margin-bottom: 25px;
}
.comments-list-img{
	float: left;
	margin-right: 15px;
	border-radius: 50%;
	
}
.comments-list-img img {
	border-radius: 10px;
	border: 2px solid #90C404;
}
.comments-content-wrap {
	color: #444;
	font-size: 14px;
	margin: 0 0 15px 80px;
	padding: 10px;
	position: relative;
}
blockquote {
	padding: 10px 20px 10px 50px;
	margin: 0 0 20px;
	font-size: 15px;
	border-left: none;
	font-style: italic;
	position: relative;
}
blockquote::before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "\f10d ";
	font-family: fontawesome;
	font-size: 34px;
}
blockquote p {
	font-size: 16px !important;
	line-height: 28px;
}
.author-avatar {
	display: inline-block;
	float: left;
	width: 10%;
}
.author-description h2 {
	color: #444;
	font-size: 20px;
	text-transform: uppercase;
}
.author-description h2 a {
	color: #444;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
	color: #444;
	margin-top: 10px;
}
.threaded-comments{
	margin-left:50px
}
.comment-respond {
	margin-top: 20px;
}
span.email-notes{
	color: #444;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}
.comment-respond p {
	color: #444;
	margin-bottom: 5px;
}
.comment-respond input[type=text],
.comment-respond input[type=email]{
	border: 1px solid #ccc;
	border-radius: 0;
	height: 32px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	width: 100%;
	background: transparent;
}
.comment-respond textarea#message-box{
	border: 1px solid #ccc;
	border-radius: 0;
	max-width: 100%;
	padding: 10px;
	height: 160px;
	width: 100%;
	background: transparent;
}
.comments-content-wrap span a {
	color: #90C404;
}
.comments-content-wrap span a:hover {
	color: #90C404;
}
.comment-respond .add-btn.contact-btn {
	background: #90C404;
	color: #fff;
	display: block;
	font-size: 16px;
	margin-top: 5px;
	padding: 10px 20px;
	transition: 0.4s;
	border-radius: 5px;
	width: auto !important;
	margin-top: 20px;
	border: 2px solid #90C404;
	text-transform: capitalize;
	font-weight: 600;
}
.comment-respond .add-btn.contact-btn:hover{
	background: #fff;
	color: #90C404;
	border:2px solid #90C404;
}
.blog-page-details .left-blog-page {
	margin-top:0px;
	margin-bottom:30px;
}
.single-post-comments {
	margin-top: 30px;
}
.left-head-blog .pst-content p{
	margin-bottom: 5px;
}
.blog-details .blog-content h4 {
	font-size: 24px;
	line-height: 34px;
	margin-top: 10px;
	font-weight: 600;
}
.blog-banner{
	box-shadow: 1px 1px 2px #f3f3f3, -1px -1px 2px #f3f3f3;
}
/*--------------------------------*/
/* 23. Project page
/*--------------------------------*/
.project-page-area .project-content {
	margin-top: -40px;
}
.project-page-area .single-awesome-project {
	margin-top: 40px;
}
.project-menu li {
	display: inline-block;
	margin: 0px 5px;
}
.project-menu li a {
	color: #444;
	display: block;
	font-size: 18px;
	padding: 10px 20px;
	transition: all 0.3s ease 0s;
	font-weight: 500;
	border: 1px solid #90C404;
	border-radius: 30px;
	width: 130px;
}
.project-menu li a.active {
	background: #90C404;
	color: #fff;
	text-decoration: none;
}
.project-menu {
	margin: 0px auto 40px;
	overflow: hidden;
}
.project-menu li a:hover {
	text-decoration: none;
	background: #90C404;
	color:#fff;
}
.project-details {
	padding: 30px 20px 10px;
	border: 1px solid #f5f5f5;
}
.project-history {
	border: 1px solid #f5f5f5;
	padding: 30px 30px;
}
.project-name ul li {
	color: #444;
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	margin: 10px 0px;
}
.project-name span{
	padding-right: 15px;
}
.project-name span {
	padding-right: 15px;
	min-width: 127px;
	display: inline-block;
}
.project-icon i {
	font-size: 30px;
	float: left;
	margin-right: 15px;
}
.single-project-inner {
	margin-top: 30px;
	border: 1px solid #f5f5f5;
	padding: 20px 20px 5px;
	border-bottom: 2px solid #90C404;
}
.project-list h4 {
	font-size: 22px;
	font-weight: 600;
}
.project-wrapper{
	margin-top: -30px;
}
.project-text h4 {
	font-weight: 500;
	font-size: 20px;
}
.marker-list li {
	color: #777;
	padding-left: 30px;
	margin: 10px 0px;
	position: relative;
	font-size: 15px;
	font-weight: 600;
}
.marker-list li::after {
	position: absolute;
	content: "";
	left: 5px;
	top: 10px;
	background: #90C404;
	width: 5px;
	height: 5px;
}
.project-details h4 {
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}
/*----------------------------------------*/
/* 24. Services Details
/*----------------------------------------*/
.single-page-head {
	margin-bottom: 30px;
}
.single-services-page p {
	color: #666;
	margin-bottom: 0px;
}
.left-contact h4 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.left-menu  {
	border: 1px solid #f5f5f5;
	padding: 20px 20px;
}
.left-menu li {
	display: block;
	margin: 2px 0px
}
.build-img .page-img {
	padding-bottom: 0;
}
.left-menu ul li.active a {
	color: #90C404;
	position: relative;
}
.left-menu ul li a:hover {
	color: #90C404;
}
.left-menu ul li a {
	color: #444;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 0px;
	position: relative;
	text-decoration: none;
	text-transform: capitalize;
}
.left-menu ul li a:hover::after, .left-menu ul li.active a::after {
	position: absolute;
	left:-21px;
	top: 0px;
	background: #90C404;
	content: "";
	width: 2px;
	height: 100%;
}
.down-btn i {
	font-size: 24px;
	margin-right: 10px;
}
.down-btn {
	border: 1px solid #f5f5f5;
	color: #444;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 15px;
	padding: 12px 15px;
	text-align: left;
	transition: all 0.4s ease 0s;
	z-index: 222;
	background: #f5f5f5;
	width: 100%;
	position: relative;
	border-radius: 2px;
}
.down-btn.apli{
	margin-bottom: 0px;
}
.down-btn:hover{
	color:#fff;
	background: #90C404;
	border: 1px solid #90C404;
}
.single-well {
	margin-bottom: 40px;
}
.page-content h3 {
	font-weight: 600;
	padding: 15px 0 0;
}
.single-page {
	overflow: hidden;
}
.single-well h3 {
	margin-bottom: 15px;
}
.single-well.last-part p{
	margin-bottom: 0px;
}
.service-list li {
	display: block;
	position: relative;
	padding-left: 30px;
	color: #444;
}
.service-list li::before{
	position: absolute;
	left: 0;
	content:"\f00c";
	font-family:fontawesome;
	top:0;
	color: #90C404;
}
.single-page-head .service-btn{
	width: 100%;
	margin: 20px 0px 0px 0px;
}
.single-services-page .marker-list li {
	color: #444;
}
.mar-row{
	margin-top: 50px;
}
.feature-service i {
	font-size: 28px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	float: left;
	margin-right: 15px;
	width: 50px;
	height: 50px;
	background: #90C404;
	border-radius: 3px;
}
.page-head-left {
	padding-right: 30px;
}
.service-feature-text h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.service-feature-text {
	padding-left: 70px;
}
.service-feature-content {
	margin-top: -30px;
	overflow: hidden;
	margin-bottom: 40px;
}
.service-feature-inner{
	margin-top: 30px;
}
.single-page-head .clients-testi {
	padding: 30px 20px;
	background: #062241;
}
.clients-testi .single-review {
	border: none;
}
.single-page-head .review-img {
	margin-top: 0px;
}
.single-page-head .review-text {
	margin-top: 20px;
}
.single-page-head .review-img img {
	border-radius: 50%;
	width: 80px;
	height: auto;
	border: 1px solid #90C404;
}
.single-page-head .review-text p {
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
	font-style: italic;
	margin-bottom: 20px;
	line-height: 28px;
}
.review-text h4 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #fff;
}
.clients-testi .review-text a, .clients-testi .guest-rev {
	color: #fff;
}
/*--------------------------------*/
/* .End CSS
/*--------------------------------*/