/* 
Table Of Index
---------------------------------------------
Resset Css
    Default setting
	preloader
Style css
	Home1
		Header Area
		Banner Area
		Feature Area
		Service Area
		About Area
		Portfolio Area
		Testimonial Area
		Counter Area
		Mission Area
		Team Area
		Subscribe Area
		Blog Area
		Brand Area
		Footer Area
	Home2 CSS
	Other Page
		About Page
		Solutions Page
		Solutions Detail Page
		Projects Page
		Projects Two Page
		Projects detail Page
		Blog Page
		Blog Two Page
		Blog Detail Page
		Shop Page
		Shop Cart Page
		Faq Page
		Team Page
		Contact Page
		Error Page
	Animation CSS
	Responsive CSS
-------------------------------------------- */


/*==========================================
                ==Start Resset Css==
=========================================== */

/*=========================================
Common Css
=========================================*/
body{
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway', sans-serif;
}

ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}
a{
	display: inline-block;
}
p{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}
a:hover,
a:focus{
	text-decoration: none;
}
input,
input:focus,
textarea:focus{
	outline: none;
}
.align_middle {
	display: inline-block;
	vertical-align: middle;
	margin-left: -4px;
	float: none;
}
img {
	max-width: 100%;
}
select {
	-moz-appearance: none;
}

/* preloader */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
}

.preloader-content {
	left: 50%;
	margin-left: -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -25px;
}

/* preloader */
/*=========================================
Common Css
=========================================*/

/*=========================================
Toolbar Css
=========================================*/
.header_top_toolbar {
	height: 86px;
	background: #fff;
}
.toolbar_left li {
	display: inline-block;
	margin-right: 30px;
}
.toolbar_left {
	padding-top: 20px;
}
.toolbar_left a i {
	font-size: 24px;
	color: #fba919;
	margin-right: 10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	vertical-align: middle;
}
.toolbar_left a:hover span {
	color: #fba919!important;
}
.toolbar_left a span {
	color: #777;
	font-size: 16px;
	font-weight: 400;
	vertical-align: top;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.toolbar_right li {
  display: inline-block;
}
.toolbar_right a {
	padding: 0 8px;
}
.toolbar_right a:hover i {
	color: #fba919 !important;
}
.toolbar_right a i {
	color: #777;
	font-size: 18px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.toolbar_right {
	text-align: right;
	padding-top: 20px;
}
/*=========================================
Toolbar Css
=========================================*/

/*=========================================
Mainmenu Css
=========================================*/
.header_bottom_bg {
	height: 114px;
	position: absolute;
	top: -22px;
	z-index: 1;
	left: 0;
	width: 100%;
}
.header_bottom_bg_overlay {
	background: #fba919;
	content: "";
	height: 100%;
	left: 15px;
	position: absolute;
	top: 0;
	width: calc(100% - 30px);
	z-index: -1;
	box-shadow: 0px 10px 30px rgba(34, 34, 34, 0.35);
}
.header_bottom_bg:before {
	width: 16px;
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	content: "";
	background: #f09900;
	transform: skewY(-55deg);
	transform-origin: right;
}
.header_bottom_bg:after {
	width: 16px;
	position: absolute;
	right:-1px;
	top: 0;
	height: 100%;
	content: "";
	background: #f09900;
	transform: skewY(-55deg);
	transform-origin: left;
}
.mainmenu_area li {
	display: inline-block;
	position: relative;
}
.header_logo > a {
	line-height: 114px;
	width:344px;
}
.mainmenu_area li a {
	color: #212121;
	font-size: 14px;
	font-weight: 500;
	line-height: 114px;
	padding: 0px 18px;
	position: relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}
.mainmenu_area li a:hover{
	color: #fff;
}
.mainmenu_area li.active > a{
	color: #fff;
}
.mainmenu_area li a.curent_page{
	color: #fff;
}
.mainmenu_area_two li a.curent_page{
	color: #f09900;
}
.mainmenu_area li a::after {
	background: #fff;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: calc(50% - 14px);
	width: 0px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.mainmenu_area li a:hover:after,
.mainmenu_area li a:hover:before{
	width: 15px;
}
.mainmenu_area li.active > a:after,
.mainmenu_area li.active > a:before{
	width: 15px;
}
.mainmenu_area li a.curent_page:after,
.mainmenu_area li a.curent_page:before{
	width: 15px;
}
.mainmenu_area li a::before {
	background: #fff;
	content: "";
	height: 1px;
	right: 0;
	position: absolute;
	top: calc(50% + 14px);
	width: 0px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.nav_search {
	display: inline-block;
	line-height: 114px;
	position: relative;
}
.search_click {
	height: 50px;
	width: 50px;
	background: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	cursor: pointer;
}
.search_click i {
	color: #777;
	font-size: 18px;
}
.mainmenu_area{
	display: inline-block;
	float:right;
	padding-right:100px;
}
.header_logo {
	padding-left: 30px;
}
.search_hover button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	height: 100%;
	line-height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	color: #777;
}
.search_hover form{
	height: 100%;
}
.search_hover input {
	border: medium none;
	border-radius: 50px;
	height: 100%;
	padding-left: 20px;
	width: 100%;
}
.search_hover {
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	width: 237px;
	line-height: 50px;
	transform: scaleX(0);
	transform-origin: right top;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.nav_search:hover .search_hover,
.nav_search:focus .search_hover{
	transform: scaleX(1);
}
.header_area {
	position: relative;
	z-index: 2;
}
.dropdown li {
	display: block;
}
.dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	width: 180px;
	background: #fba919;
	transform: scaleY(0);
	transform-origin: top left;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-align: left;
}
.dropdown.dropdown_page {
	height: calc(100vh - 250px);
	overflow-y: scroll;
}
.dropdown li a{
	line-height: 40px;
	color: #212121;
}
.mainmenu_area li:hover .dropdown{
	transform: scaleY(1);
}
.nicescroll-cursors {
	opacity: 0;
}
.nicescroll-rails{
	z-index: 9 !important;
}
/*=========================================
Mainmenu Css
=========================================*/

/*=========================================
Banner Css
=========================================*/
.single_item::after {
	background: rgba(17, 17, 17, 0.35);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.single_item::before {
	background: rgba(17, 17, 17, 0.25);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.single_item {
	position: relative;
	z-index: 1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 565px;
}
.single_item .container,
.single_item .container .row,
.single_item .container .row .col-md-7{
	height: 100%;
}
.banner_content {
	display: table;
	height: 100%;
	overflow: hidden;
}
.banner_content_cell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}
.banner_area {
	position: relative;
	top: 0;
}
.banner_content h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	margin-top: 81px;
	text-transform: uppercase;
}
.banner_content h1 span{
	line-height: 76px;
	color: #fba919;
	font-weight: 700;
	font-size: 36px;
}
.btn_one {
	color: #343434;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0px 30px;
	height: 49px;
	display: inline-block;
	background: #fba919;
	line-height: 49px;
	position: relative;
	font-family: 'Raleway', sans-serif;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.banner_btn {
	margin-top: 39px;
}
.btn_one::after {
	background: #fff;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 0;
	z-index: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn_one:hover:after{
	width: 100%;
}
.btn_one:hover{
	color: #fff;
}
.banner_btn .btn_one:after{
	background: #fff;
}
.banner_btn .btn_one{
	margin-right: 6px;
}

.banner_area .owl-nav {
	left: 50%;
	position: absolute;
	text-align: right;
	top: 50%;
	transform: translateX(-50%);
	width: 1140px;
}
.banner_area .owl-prev,
.banner_area .owl-next {
	background: #333333;
	height: 50px;
	margin-bottom: 5px;
	position: relative;
	width: 48px;
	margin-left: calc(100% - 48px);
	text-align: center;
	line-height: 50px;
	color: #fba919;
	font-size: 20px;
}
.banner_area .owl-prev:after,
.banner_area .owl-next:after{
	position: absolute;
	right: 0;
	bottom: 0px;
	height: 2px;
	width: 0px;
	background: #fba919;
	content: "";
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.banner_area .owl-prev:hover:after,
.banner_area .owl-next:hover:after{
	width: 48px;
}
/*=========================================
Banner Css
=========================================*/

/*=========================================
Feature Css
=========================================*/
.feature_area {
	background: #fba919 none repeat scroll 0 0;
	padding: 30px 0px;
	text-align: center;
}
.sn_feature_title h2 {
	color: #fff;
	font-weight: 500;
	line-height: 28px;
	padding-top: 18px;
	font-size: 24px;
}
.single_feature {
	height: 260px;
}
.single_feature:hover .sn_feature_hover {
	transform: scale(1);
}
.single_feature:hover .sn_feature_hover .sn_feature_cell{
	transform: scaleY(1);
}
.single_feature .sn_feature_hover .sn_feature_cell {
	transform: scaleY(0);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	padding: 0px 32px;
}
.sn_feature_cell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.sn_feature_main {
	display: table;
	height: 100%;
	width: 100%;
}
.sn_feature_hover {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/feature-hover-bg.jpg) no-repeat scroll 0 0/cover;
	z-index: 1;
	transform: scale(0);
	transition: 1s;
}
.sn_feature_hover:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0.85);
	content: "";
	z-index: -1;
}
.sn_feature_table {
	display: table;
	height: 100%;
}
.sn_feature_cell h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 17px;
	text-transform: uppercase;
}
.sn_feature_cell > p {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}
/*=========================================
Feature Css
=========================================*/

/*=========================================
Service Css
=========================================*/
.service_area {
	padding: 50px 0;
}
.section_title {
	margin-bottom: 50px;
	position: relative;
	display: inline-block;
}
.section_title::after {
	background: #fba919;
	bottom: 7px;
	content: "";
	height: 1px;
	left: calc(100% + 20px);
	position: absolute;
	width: 70px;
}
.ser_title a h2 {
	color: #666;
	font-size: 24px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 7px;
	margin-top: 25px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.ser_title a h3 {
	color: #666;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 7px;
	margin-top: 25px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.ser_desc {
	color: #777;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}
.ser_btn {
	margin-top: 7px;
}
.ser_btn > a {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.ser_btn > a i{
	margin-left: 10px;
	vertical-align: middle;
}
.single_service_two .service_content {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 134px);
	padding-left: 12px;
}
.single_service_two .ser_img {
	display: inline-block;
	width: 130px;
	vertical-align: top;
}
.single_service_two .ser_title a h2{
	margin-top: -5px;
	font-size: 22px;
}
.single_service_two .ser_title a h3{
	margin-top: -5px;
	font-size: 20px;
}
.single_service_two {
	margin-bottom: 30px;
}
.single_service_two:last-child{
	margin-bottom: 0px;
}
.section_title > h2 {
	font-size: 36px;
	color: #333;
}
.section_title img {
	margin-bottom: 5px;
	vertical-align: bottom;
}
.single_service:hover .ser_img img, .single_service_two:hover .ser_img img{
	transform: scale(1.1) rotate(-2deg);
}
.ser_img img{
	transition: 0.5s;
}
.ser_img {
	overflow: hidden;
}
.ser_title h2:hover {
	color:  #fba919;
}
.ser_title h3:hover {
	color:  #fba919;
}
.ser_btn a:hover {
	color:  #fba919;
}
/*=========================================
Service Css
=========================================*/

/*=========================================
About Css
=========================================*/
.about_area {
	background: rgba(0, 0, 0, 0) url("images/about-bg.jpg") no-repeat scroll 0 0/cover;
	position: relative;
	z-index: 1;
}
.about_area:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0.9);
	z-index: -1;
}
.about_area .section_title > h2 {
	color: #fff;
}
.about_content p {
	color: #fff;
}
.about_content p {
	color: #d9d9d9;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 14px;
}
.about_content.next p{
	margin-bottom: 20px;
}
.about_content p:last-child{
	margin-bottom: 0px;
}
.about_area .section_title {
	margin-bottom: 26px;
}
.about_right_img {
	margin-top: 50px;
}
.about_btn {
	padding-top: 24px;
}
.about_btn .btn_one:after{
	background: #fba919;
}

/*=========================================
About Css
=========================================*/

/*=========================================
Portfolio Css
=========================================*/
.portfolio_area {
	text-align: center;
	padding: 90px 0px;
}
.grid_item{
	position: relative;
}
.port_hover {
	background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	transform: scaleX(0);
	transform-origin: right top;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.grid_item:hover .port_hover{
	transform: scaleX(1);
}
.grid_item:hover .port_hover_title h3{
	transform: scale(1);
}
.grid_item:hover .port_hover_title h3:after{
	transform: scale(1);
}
.grid_item:hover .port_hover_icon > a span{
	transform: scale(1);
}
.port_hover_icon {
	bottom: 36px;
	position: absolute;
	right: 26px;
}
.port_hover_title {
	text-align: left;
	margin-top: 50px;
	margin-left: 30px;
}
.port_hover_title h3 {
	color: #ffffff;
	font-size: 30px;
	padding-left: 12px;
	transform: scale(0);
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	transform-origin: top left;
	position: relative;
}
.port_hover_title h3:hover{
	color: #fba919;
}
.port_hover_title h3:after{
	position: absolute;
	left: 0;
	top: 3px;
	width: 1px;
	background: #fff;
	content: "";
	-webkit-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
	height: calc(100% - 6px);
	transform: scale(0);
}
.port_hover_icon > a span {
	color: #ffffff;
	font-size: 20px;
	margin-left: 22px;
	transform: scale(0);
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	transform-origin: bottom right;
}
.port_hover_icon > a span:hover{
	color: #fba919;
}
.portfolio_filter {
	margin-bottom: 45px;
}
.filter_list > li {
	color: #666666;
	display: inline-block;
	font-size: 18px;
	padding: 0 22px;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.filter_list li.active {
	color: #fba919;
}
.filter_list li:hover{
	color: #fba919;
}
.filter_list li:hover:after{
	background: #fba919;
}
.filter_list > li::after {
	background: #666666 none repeat scroll 0 0;
	content: "";
	height: 5px;
	left: 0;
	margin-left: -2.5px;
	position: absolute;
	top: calc(50% - 2.5px);
	width: 5px;
	transition: 0.3s;
}
.filter_list > li:first-child:after{
	display: none;
}
.port_btn {
	display: inline-block;
	margin-top: 40px;
}
.port_btn .btn_one{
	color: #fff;
}
/*=========================================
Portfolio Css
=========================================*/

/*=========================================
Testimonial Css
=========================================*/
.testimonial_area {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 90px 0px;
}
.tesm_img {
	border-radius: 50%;
	display: inline-block;
	height: 100px;
	width: 100px;
}
.tesm_img > img {
	border-radius: 50%;
	height: 100%;
	width: 100%;
}
.tesm_left {
	display: inline-block;
	width: 110px;
	vertical-align: top;
}
.tesm_right {
	display: inline-block;
	width: calc(100% - 114px);
	padding-left: 18px;
}
.tesm_desig span {
	color: #777;
	font-size: 13px;
	display: block;
}
.tesm_desig > a {
	color: #666;
	font-size: 18px;
}
.tesm_content > p {
	color: #777;
	font-size: 16px;
	line-height: 26px;
}
.tesm_rating_list {
	display: inline-block;
}
.tesm_rating > span {
	display: inline-block;
	font-weight: 500;
	color: #777;
}
.tesm_rating_list li {
	display: inline-block;
	margin-left: 10px;
}
.tesm_rating_list li i{
	color: #fba919;
	font-size: 16px;
}
.tesm_rating, .tesm_desig {
	margin-top: 15px;
}
.testimonial_area .testimonial_slider .owl-nav {
	display: none;
}
.testimonial_area.tesm_slider_two .owl-nav {
	display: block;
	margin-top: 40px;
}
.testimonial_area.tesm_slider_two .owl-prev,
.testimonial_area.tesm_slider_two .owl-next{
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #333333;
	color: #fff;
	margin-right: 5px;
	font-size: 18px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border-bottom: 2px solid transparent;
}
.testimonial_area.tesm_slider_two .owl-prev:hover,
.testimonial_area.tesm_slider_two .owl-next:hover{
	color: #fba919;
	border-bottom: 2px solid #fba919;
}
/*=========================================
Testimonial Css
=========================================*/

/*=========================================
Counterup Css
=========================================*/
.counterup_area {
	background: rgba(0, 0, 0, 0) url("images/counter-bg.jpg") no-repeat scroll 0 0/cover;
	padding: 120px 0;
	position: relative;
}
.counterup_area:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0.85);
	content: "";
}
.counter_icon i {
	color: #fba919;
	font-size: 50px;
}
.counter_desc {
	display: inline-block;
	padding-left: 16px;
	vertical-align: middle;
}
.counter_icon {
	display: inline-block;
	vertical-align: middle;
}
.counter_desc span {
	color: #fff;
	font-size: 36px;
	font-weight: 400;
/*	font-family: 'Raleway', sans-serif;*/
}
.counter_desc > p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}
/*=========================================
Counterup Css
=========================================*/

/*=========================================
Mission N Consultation Css
=========================================*/
.mission_n_consultation_area {
	padding: 90px 0;
	border-bottom: 1px solid #ddd;
}
.tabmenu {
	display: inline-block;
	width: 125px;
	vertical-align: middle;
}
.tabmenu li {
	background: #333333;
	line-height: 50px;
	text-align: center;
	position: relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.tabmenu li:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.tabmenu > li:hover, .tabmenu > li.active{
	background: #fba919;
}
.tabmenu > li:hover:after, .tabmenu > li.active:after{
	width: 100%;
}
.tabmenu li a {
	color: #ffffff;
	font-size: 18px;
}
.tab-content {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 129px);
}
.single_tab_service_right {
	display: inline-block;
	width: calc(100% - 170px);
	vertical-align: middle;
}
.single_tab_service_left {
	display: inline-block;
	vertical-align: middle;
}
.single_tab_service {
	background: #eef0f3 none repeat scroll 0 0;
	padding: 45px 30px;
}
.single_tab_service > h3 {
	color: #666666;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}
.single_tab_service_right {
	color: #8e8e8e;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	padding-left: 10px;
	vertical-align: middle;
	width: calc(100% - 170px);
}
.form_group {
	display: inline-block;
	margin-bottom: 12px;
	margin-left: -4px;
	padding-right: 15px;
	width: 50%;
}
.form_group input, .form_group select {
	height: 50px;
	padding-left: 20px;
	width: 100%;
	background: #eef0f3;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	font-size: 16px;
}
.form_group.message {
	width: 100%;
}
.form_group textarea {
	width: 100%;
	height: 82px;
	padding-left: 20px;
	padding-top: 15px;
	border: none;
	resize: none;
	background: #eef0f3;
}
.form_group_btn button{
	border: none;
}
.form_group_btn {
	padding-left: 0;
	text-align: left;
}
.form_group_btn .btn_one{
	color: #fff;
}
.form_group select option {
    margin: 0;
	background: #fba919;
    color: #fff;
}
.form_group select{
	color: #8e8e8e;
}
.form_group label{
	display: block;
	margin-bottom: 0px;
}
.form_group.select {
	position: relative;
}
.form_group label i {
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 9;
	pointer-events: none;
	line-height: 50px;
}
/*=========================================
Mission N Consultation Css
=========================================*/ 

/*=========================================
Team Css
=========================================*/ 
.team_area {
	padding: 90px 0;
}
.team_content span {
	display: block;
}
.single_team {
	text-align: center;
	position: relative;
}
.single_team_border{
	border: 1px solid #ddd;
	bottom: 0;
	content: "";
	height: 75%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.single_team_border::before {
	border-right: 1px solid #373f59;
	border-top: 1px solid #373f59;
	bottom: -1px;
	content: "";
	height: 0;
	position: absolute;
	right: -1px;
	-webkit-transition: width 0.2s linear 0.3s, height 0.1s linear 0.5s, border-color 0s linear 0.6s;
	transition: width 0.2s linear 0.3s, height 0.1s linear 0.5s, border-color 0s linear 0.6s;
	width: 0;
	opacity: 0;
}
.single_team:hover .single_team_border:before {
	border-color: #fba919;
	height: calc(100% + 2px);
	-webkit-transition: width 0.2s linear 0.1s, height 0.1s ease 0s;
	transition: width 0.2s linear 0.1s, height 0.1s ease 0s;
	width: calc(100% + 2px);
	opacity: 1;
}
.single_team_border::after {
	border-bottom: 1px solid #373f59;
	border-left: 1px solid #373f59;
	content: "";
	height: 0;
	left: -1px;
	position: absolute;
	top: -1px;
	-webkit-transition: height 0.1s linear 0.2s, width 0.2s linear 0s, border-color 0s linear 0.3s;
	transition: height 0.1s linear 0.2s, width 0.2s linear 0s, border-color 0s linear 0.3s;
	width: 0;
	opacity: 0;
}
.single_team:hover .single_team_border:after {
	border-color: #fba919;
	height: 100%;
	-webkit-transition: height 0.1s linear 0.3s, width 0.2s linear 0.4s, border-color 0s linear 0.3s;
	transition: height 0.1s linear 0.3s, width 0.2s linear 0.4s, border-color 0s linear 0.3s;
	width: 100%;
	opacity: 1;
}
.team_content > a {
	color: #eee;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	padding: 18px 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_team:hover .team_content > a{
	color: #fff;
}
.single_team:hover .team_content > a span{
	color: #fff;
}
.team_content > a span{
	color: #c9c9c9;
	font-size: 14px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_team:hover .team_content{
	background: #fba919;
}
.team_content {
	background: #333333;
	height: 80px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.team_social_hover {
	bottom: 87px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}
.single_team:hover .team_social_hover {
	bottom: 64px;
	opacity: 1;
	z-index: 1;
}
.team_social_hover > a {
	background: #333 none repeat scroll 0 0;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 42px;
}
.team_social_hover > a:hover{
	background: #df8e00;
}
.team_social_hover a i {
	color: #fff;
	font-size: 18px;
}
.team_about .single_team {
	margin-bottom: 0px;
}
/*=========================================
Team Css
=========================================*/ 

/*=========================================
Subscribe Css
=========================================*/ 
.subscribe_area {
	background: #fba919;
	padding: 52px 0px;
}
.subscribe_area .btn_one {
	background: #333 none repeat scroll 0 0;
	color: #fff;
}
.subscribe_left > h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 55px;
}
.subscribe_left > p {
	color: #f9f9f9;
	font-size: 18px;
}
.subscribe_btn {
	padding-top: 29px;
	text-align: right;
}
.subscribe_btn .btn_one:after{
	background: #fff;
}
/*=========================================
Subscribe Css
=========================================*/ 

/*=========================================
Blog Css
=========================================*/ 
.blog_area {
	padding: 90px 0;
}
.post_meta > p {
	display: inline-block;
	margin-right: 30px;
}

.post_title a h2 {
	color: #333;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.post_meta a {
	color: #777;
	font-size: 14px;
	font-weight: 400;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.post_meta a:hover{
	color: #fba919;
}
.post_title a h2:hover{
	color: #fba919;
}
.post_meta > p {
	display: inline-block;
	color: #777;
	font-size: 14px;
}
.post_meta {
	margin-bottom: 4px;
}
.post_meta {
	margin-bottom: 10px;
	margin-top: 25px;
}
.single_blog {
	border-bottom: 2px solid #fba919;
	padding-bottom: 16px;
	position: relative;
}
/*=========================================
Blog Css
=========================================*/ 

/*=========================================
Branding Css
=========================================*/ 
.branding_slider {
	padding-bottom: 85px;
}
.single_brand {
	padding: 0 15px;
	width: 100%;
}
.single_brand > a {
	display: inline-block;
	height: 100%;
	width: 100%;
	position: relative;
}
.single_brand > a::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-left: 1px solid #fba919;
	border-bottom: 1px solid #fba919;
	-webkit-transition: height 0.1s linear 0.2s, width 0.2s linear 0s, border-color 0s linear 0.3s;
	transition: height 0.1s linear 0.2s, width 0.2s linear 0s, border-color 0s linear 0.3s;
}
.single_brand a:hover:after {
	-webkit-transition: height 0.1s linear 0.3s, width 0.2s linear 0.4s, border-color 0s linear 0.3s;
	transition: height 0.1s linear 0.3s, width 0.2s linear 0.4s, border-color 0s linear 0.3s;
	width: 100%;
	height: 100%;
}
.single_brand > a::before {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-right: 1px solid #fba919;
	border-top: 1px solid #fba919;
	-webkit-transition: width 0.2s linear 0.3s, height 0.1s linear 0.5s, border-color 0s linear 0.6s;
	transition: width 0.2s linear 0.3s, height 0.1s linear 0.5s, border-color 0s linear 0.6s;
}
.single_brand a:hover:before {
	-webkit-transition: width 0.2s linear 0.1s, height 0.1s ease 0s;
	transition: width 0.2s linear 0.1s, height 0.1s ease 0s;
	width: 100%;
	height: 100%;
}
/*=========================================
Branding Css
=========================================*/ 

/*=========================================
Branding Css
=========================================*/ 
.footer_top_area {
	background: url(images/footer-top-bg.jpg) no-repeat scroll 0 0/cover;
	padding: 90px 0px;
	position: relative;
	z-index: 1;
}
.footer_top_area:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0.95);
}
.widget_title {
	margin-bottom: 34px;
}
.widget_title > h2 {
	color: #fba919;
}
.widget_desc > p {
	color: #ffffff;
	font-size: 16px;
	line-height: 28px;
}
.widget.widget_desc {
	margin-bottom: 45px;
}
.map_area {
  position: relative;
}
.footer_contact {
	background: #fba919 none repeat scroll 0 0;
	height: calc(100% - 60px);
	position: absolute;
	right: 0;
	top: 30px;
	width: 346px;
	padding-left: 38px;
	padding-top: 80px;
}
.map_area #contactGoogleMap {
	height: 460px;
	width: calc(100% - 97px);
	border: 3px solid #fba919;
}
.footer_icon {
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	display: inline-block;
	vertical-align: middle;
}
.footer_desc > a {
	color: #fff;
	font-size: 18px;
	display: block;
}
.footer_icon i {
	color: #fff;
	font-size: 25px;
}
.footer_desc {
	display: inline-block;
	width: calc(100% - 39px);
	vertical-align: middle;
}
.footer_contact_list li {
	padding-bottom: 30px;
}		
.footer_desc span {
	display: block;
	
}
.widget_tag_list li {
	background: #666 none repeat scroll 0 0;
	color: #fff;
	height: 42px;
	line-height: 42px;
	margin-bottom: 4px;
	padding: 0 20px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.widget_tag_list a {
	color: #fff;
}
.footer_social {
	background: #fba919 none repeat scroll 0 0;
	height: 60px;
	left: 50%;
	position: absolute;
	top: -30px;
	transform: translateX(-50%);
	padding: 0px 40px;
}
.footer_social > ul,
.footer_social > span {
	display: inline-block;
	vertical-align: middle;
	line-height: 60px;
}
.footer_social > span {
	color: #ffffff;
	display: inline-block;
	font-size: 24px;
	font-weight: 500;
	margin-right: 30px;
}
.footer_social a {
	border-radius: 50%;
	height: 37px;
	line-height: 37px;
	text-align: center;
	width: 37px;
	color: #ffffff;
	font-size: 16px;
	transition: 0.3s;
}
.footer_social a:hover{
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
}
.footer_social::after,.footer_social::before {
	background: #e69300;
	content: "";
	height: 100%;
	position: absolute;
	transform: skewY(-40deg);
	transform-origin: left top 0;
	width: 10px;
}
.footer_social::after {
	top: 8px;
	left: -9px;
}
.footer_social::before {
	bottom: 0;
	right: -9px;
}
.footer_menu li {
	display: inline-block;
	padding: 0 15px;
}
.footer_menu > ul {
	text-align: right;
}
.footer_bottom_area {
	background: #111111 none repeat scroll 0 0;
	padding: 30px 0;
}
.footer_menu a {
	color: #eeeeee;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-family: 'Raleway', sans-serif;
}
.copyright > p {
	color: #eeeeee;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
}
.copyright a {
	color: #fba919;
}
.footer_menu a:hover {
	color:  #fba919;
}
.footer_social ul li {
	display: inline-block;
}
.footer_contact_list::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 82px;
	height: 1px;
	content: "";
	background: #fff;
}
.footer_contact_list {
	position: relative;
}
.scroll_top {
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	top: -16px;
	z-index: 2;
	cursor: pointer;
}
.footer_bottom_area {
	background: #111111 none repeat scroll 0 0;
	padding: 30px 0;
	position: relative;
}
.widget_title > h2::after {
	background: #fba919;
	content: "";
	height: 2px;
	left: 123%;
	position: absolute;
	top: 23px;
	width: 33px;
}
.widget_title > h2 {
	color: #fba919;
	display: inline-block;
	position: relative;
}
.widget_tag_list li::after {
	background: #fba919;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: -1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.widget_tag_list li:hover:after{
	width: 100%;
}
/*=========================================
Branding Css
=========================================*/

/*=========================================
Home2 Css
=========================================*/
/*header*/
.mainmenu_area.mainmenu_area_two .dropdown {
	background: #fff;
	text-align: left;
}
.home_two .mainmenu_area li ul.dropdown li a{
	color: #212121;
}
.head_two .header_bottom_menu {
	background: #ffffff none repeat scroll 0 0;
}
.head_two .header_bottom_bg::before,
.head_two .header_bottom_bg::after{
	display: none;
}
.head_two .header_bottom_bg {
	position: static;
}
.head_two .header_top_toolbar {
	background: #333333;
	height: 68px;
}
.head_two .header_logo {
	padding-left: 0px;
}
.head_two .mainmenu_area li.active > a,
.head_two .mainmenu_area li:hover > a{
	color: #fba919;
}
.head_two .mainmenu_area li.active a:after,
.head_two .mainmenu_area li.active a:before{
	background: #fba919;
}
.head_two .mainmenu_area li:hover a:after,
.head_two .mainmenu_area li:hover a:before{
	background: #fba919;
}
.head_two  .col-md-9 {
	text-align: right;
}
.head_two .mainmenu_area {
	display: inline-block;
	width: calc(100% - 178px);
}
.head_two .search_hover {
	position: static;
	transform: scale(1);
	width: 174px;
}
.head_two .search_hover input {
	background: #fba919;
	color: #fff;
}
.head_two .search_click {
	display: none;
}
.head_two .search_hover button {
	color: #ffffff;
}
.head_two .mainmenu_area li a {
  padding: 0 14px;
}
.head_two .toolbar_right a i {
  color: #ffffff;
}
.head_two .toolbar_left a span {
  color: #fff;
}
.head_two .toolbar_right, .toolbar_left {
  line-height: 68px;
	padding-top: 0px;
}
/*header*/
/*banner*/
.banner_two .single_item::after {
	display: none;
}
.banner_two .banner_content h1 {
	margin-top: 0px;
}
.banner_two.banner_area .owl-nav {
	left: 50%;
	display: inline;
	width: 100%;
}
.banner_two .owl-next {
	float: right;
}
.banner_two .owl-prev {
	float: left;
}
.banner_two.banner_area .owl-prev, .banner_two.banner_area .owl-next {
	margin-left: 0;
}
.banner_two .banner_content h1 span {
	background: #fba919 none repeat scroll 0 0;
	color: #ffffff;
	line-height: 76px;
	padding-left: 5px;
	padding-right: 27px;
}
/*banner*/

/*service*/
.service_two .service_content {
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.6);
	transition: 0.5s;
	opacity: 0;
}
.service_two .ser_btn > a {
	color: #ffffff;
}
.service_two .ser_title a h2 {
	color: #ffffff;
}
.service_two .single_service {
	position: relative;
	z-index: 0;
	margin-bottom: 30px;
}
.service_two .single_service:hover .service_content{
	opacity: 1;
}
.service_two .single_service:hover .service_cell{
	transform: scale(1);
}
.service_two .service_table {
	display: table;
	height: 100%;
	width: 100%;
}
.service_two .service_cell {
	display: table-cell;
	vertical-align: middle;
	transform: scale(0);
	transition: 0.6s;
}
/*service*/

/*about*/
.about_area.about_two::after {
	background: rgba(0, 0, 0, 0) url("images/hm2-about-bg.jpg") no-repeat scroll 0 0/cover;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
}
.about_area.about_two::before {
	background: #fba919;
	content: "";
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 50%;
}
.about_two .about_left {
	padding: 44px 0 44px 20px;
}
.about_two .about_content p {
	color: #ffffff;
}
.about_two .about_right_img {
	bottom: 0;
	position: absolute;
	right: 0;
}
.about_two .about_content {
	position: relative;
	z-index: 1;
}
.about_two .about_btn .btn_one:after{
	background: #343434;
}
/*about*/

/*portfolio*/
.portfolio_two .port_hover_title {
	text-align: center;
}
.portfolio_two .port_hover {
	padding: 122px 0;
}
.portfolio_two .port_hover_icon {
	bottom: 122px;
	right: 0;
	text-align: center;
	width: 100%;
}
.portfolio_two .port_hover_title {
	margin-left: 0;
	margin-top: 0;
	text-align: center;
}
.portfolio_two .owl-nav {
	position: absolute;
	left: 50%;
	bottom: -40px;
	display: inline-flex;
	width: auto;
	margin-left: -20px;
}
.portfolio_two .owl-prev i, 
.portfolio_two .owl-next i {
	font-size: 24px;
	color: #343434;
	transition: 0.3s;
}
.owl-prev, .owl-next {
	padding: 0px 5px;
}
.owl-prev:hover i, .owl-next:hover i {
	color: #fba919;
}
.portfolio_two .port_hover_icon a {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: #fff;
	margin-right: 6px;
}
.portfolio_two .port_hover_icon a span{
	margin-left: 0px;
	color: #777;
	font-size: 17px;
}
.portfolio_two .port_hover_icon a:hover{
	background:  #fba919;
}
.portfolio_two .port_hover_icon a:hover span{
	color: #fff;
}
.portfolio_two  .port_hover_title h3::after {
	left: 50%;
	top: calc(100% + 10px);
	width: 25px;
	height: 2px;
	margin-left: -12.5px;
}
/*portfolio*/

/*=========================================
Home2 Css
=========================================*/ 

/*=========================================
Breadcrumb Css
=========================================*/ 
.breadcrumb_area {
	height: 350px;
	background: url(images/contact-bg.jpg) no-repeat scroll 0 0/cover;
	position: relative;
	z-index: 1;
}
.breadcrumb_area::after {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	content: "";
	background: rgba(0,0,0,0.4);
	height: 100%;
}
.breadcrumb_area::before {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -107px;
  position: absolute;
  top: 0;
  transform: skewX(17deg);
  transform-origin: right top 0;
  width: 50%;
}
.breadcrumb_area .container,
.breadcrumb_area .container .row,
.breadcrumb_area .container .row .col-md-4{
	height: 100%;
}
.breadcrumb_area .breadcrumb_list{
	height: 100%;
	display: table;
}
.breadcrumb_area2 {
	height: 350px;
	background: url(images/pro-bg.jpg) no-repeat scroll 0 0/cover;
	position: relative;
	z-index: 1;
}
.breadcrumb_area2::after {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	content: "";
	background: rgba(0,0,0,0.4);
	height: 100%;
}
.breadcrumb_area2::before {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -107px;
  position: absolute;
  top: 0;
  transform: skewX(17deg);
  transform-origin: right top 0;
  width: 50%;
}
.breadcrumb_area2 .container,
.breadcrumb_area2 .container .row,
.breadcrumb_area2 .container .row .col-md-4{
	height: 100%;
}
.breadcrumb_area2 .breadcrumb_list{
	height: 100%;
	display: table;
}
.breadcrumb_middle {
	display: table-cell;
	vertical-align: middle;
	z-index: 2;
	position: relative;
}
.breadcrumb_middle li {
	display: inline-block;
	color: #fff;
	position: relative;
	padding: 0px 15px;
	cursor: pointer;
}
.breadcrumb_middle li::after {
	content: "\f105";
	position: absolute;
	right: 0;
	top: 0;
	font-family: FontAwesome;
}
.breadcrumb_middle li:last-child:after {
	display: none;
}
.breadcrumb_middle li:first-child{
	padding-left: 0px;
}
.breadcrumb_middle li a{
	color: #fff;
}
.breadcrumb_middle li.active a{
	color: #fba919;
}
.breadcrumb_middle > ul {
	margin-top: 17px;
}
.breadcrumb_middle > h3 {
	color: #ffffff;
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 65px;
}
/*=========================================
Breadcrumb Css
=========================================*/ 

/*=========================================
About Page Css
=========================================*/ 
.about_area.page_about_area {
	background: #ffffff none repeat scroll 0 0;
	padding: 80px 0 85px;
}
.about_area.page_about_area::after {
	display: none;
}
.page_about_area .section_title > h2 {
	color: #fba919;
}
.page_about_area .about_content p {
	color: #777777;
}
.page_about_area .margin_bottom{
	margin-bottom: 60px;
}
.page_about_area .about_right_img {
	margin-top: 0px;
}
.panel a.collapsed .panel-title i.open-accordion,
.panel .panel-title i.close-accordion {
	display: none;
}

.panel a.collapsed .panel-title i.close-accordion {
	display: block;
}
.panel a.collapsed .panel-title i{
	color: #777;
}
.panel a .panel-title i {
	color: #ffffff;
	font-size: 12px;
}

.panel.panel-default > a {
	display: block;
	background: url(images/acrdion-title-bg.jpg) no-repeat scroll 0 0/cover;
	position: relative;
	z-index: 1;
	border: none;
}
.panel.panel-default > a:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(251, 169, 25, 0.85);
	content: "";
	z-index: -1;
}
.panel.panel-default > a.collapsed {
	background:#fff;
	border: 1px solid #dddddd;
}
.panel.panel-default > a.collapsed .panel-title > p {
	color: #777777;
}
.panel.panel-default > a.collapsed:after {
	display: none;
}
.panel-title {
	color: inherit;
	font-size: 16px;
	line-height: 40px;
	margin-bottom: 0;
	margin-top: 0;
}
.panel-title i {
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 12px;
	top: 0;
}
.panel-title > p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	padding-left: 20px;
	font-family: 'Raleway', sans-serif;
}
.panel-body {
	color: #999999;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	padding: 20px;
}
.panel.panel-default {
	border: medium none;
	box-shadow: none;
	margin-bottom: 10px;
}
.panel.panel-default:last-child{
	margin-bottom: 0px;
}
.testimonial_area.tesm_slider_two {
	background: #fff;
	padding-bottom: 90px;
	margin-bottom: 0px;
}
.panel-group {
	margin-bottom: 0px;
}
.brand_area_padding{
	padding-top: 90px;
}
.branding_slider {
	padding-bottom: 133px;
}
/*=========================================
About Page Css
=========================================*/ 

/*=========================================
Blog Page Css
=========================================*/ 
.widget.widget_search input {
	border: 1px solid #dddddd;
	color: #999999;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	width: 100%;
}
.widget.widget_search {
	position: relative;
}
.widget.widget_search button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #fba919;
	height: 50px;
	padding-right: 15px;
	position: absolute;
	right: 0;
	top: 0;
}
.blog_right_sidebar .widget_title > h2 {
	font-size: 24px;
	color: #333;
}
.widget_cat_list a {
	color: #777777;
	font-size: 16px;
}
.widget_cat_list a:hover {
	color:  #333;
}
.widget_cat_list a:hover sup {
	color:  #333;
}
.widget_cat_list sup {
	color: #fba919;
}
.widget_cat_list li {
	margin-bottom: 10px;
}
.rc_post_hover {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	transform: scaleY(0);
	transform-origin: bottom;
	transition: 0.5s;
}
.rc_post_hover > a {
	bottom: 15px;
	padding: 0 15px;
	position: absolute;
}
.widget_rc_post_list li {
	position: relative;
	margin-bottom: 20px;
}
.widget_rc_post_list li:hover .rc_post_hover{
	transform: scaleY(1);
}
.widget_rc_post_list li:hover .rc_post_hover p {
	transform: scale(1);
}
.widget_rc_post_list li:last-child {
	margin-bottom: 0px;
}
.rc_post_hover > a span {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 50%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	display: inline-block;
	color: #fba919;
	font-size: 14px;
}
.rc_post_hover p {
	color: #ffffff;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	width: calc(100% - 40px);
	transform: scale(0);
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	transform-origin: left;
}
.widget_arch_list a {
	background: #dddddd none repeat scroll 0 0;
	color: #666666;
	height: 40px;
	line-height: 40px;
	margin-bottom: 4px;
	padding: 0 20px;
	font-size: 16px;
	transition: 0.3s;
}
.widget_arch_list a:hover{
	background: #fba919;
	color: #fff;
}
.widget_arch_list li {
	display: inline-block;
}
.widget {
	margin-bottom: 60px;
}
.blog_page_content {
  padding: 90px 0px;
}
.post_desc a {
	color: #666666;
	font-weight: 500;
	font-size: 16px;
}
.pagination li {
	display: inline-block;
}
.pagination li {
	background: #fba919 none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	font-size: 18px;
	font-weight: 700;
	transition: 0.3s;
	cursor: pointer;
}
.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0;
	padding-left: 0;
	text-align: center;
	width: 100%;
}
.pagination li:hover {
  background: #dddddd none repeat scroll 0 0;
  color: #333333;
}
.single_blog_hover {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.single_blog_hover span {
	background: #fba919;
	border-radius: 50%;
	bottom: -17.5px;
	height: 35px;
	line-height: 35px;
	position: absolute;
	right: 20px;
	text-align: center;
	width: 35px;
	color: #fff;
}
.single_blog_hover {
	background: rgba(17, 17, 17, 0.75);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	transform: scaleY(0);
	transform-origin: top left;
	transition: 0.5s;
}
.post_thumbnail {
	position: relative;
}
.post_thumbnail:hover .single_blog_hover{
	transform: scaleY(1);
}
.blog_btn {
	text-align: center;
}
.post_meta > p:first-child a {
  color: #fba919;
}
.blog_page .single_blog{
	margin-bottom: 60px;
}
.single_blog_page .single_blog{
	border: 0px;
}
.post_tag {
	display: inline-block;
}
.post_share_title {
	display: inline-block;
}
.post_tag_list {
	display: inline-block;
}
.post_tag_list li {
	display: inline-block;
}
.post_share {
	display: inline-block;
}
.post_share_title {
	display: inline-block;
	font-size: 16px;
	color: #333333;
	font-weight: 500;
}
.post_share_list {
	display: inline-block;
}
.post_share_list li {
	display: inline-block;
}
.post_share {
	display: inline-block;
	float: right;
}
.post_tag_list a {
	color: #777777;
	font-size: 14px;
}
.post_share_list a i {
	color: #777777;
	font-size: 14px;
	padding: 0 10px;
}
.post_share_tag {
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	padding: 15px;
	margin: 55px 0px;
}
.post_tag_list a:hover {
	color: #fba919;
}
.post_share_list a:hover i {
	color: #fba919;
}
.post_title > h2 {
	color: #333333;
	font-size: 22px;
	line-height: 35px;
	padding: 10px 0px;
}
.post_desc > p {
	color: #999999;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 30px;
}
.post_desc blockquote {
	color: #777777;
	font-size: 18px;
	font-style: italic;
	line-height: 28px;
	text-align: center;
	margin-left: 50px;
	border-left: 2px solid #fba919;
	margin-bottom: 0px;
}
.post_desc span {
	display: block;
	position: relative;
	text-align: left;
	margin-left: 25px;
	padding-left: 35px;
	font-weight: 500;
	font-style: normal;
	line-height: 28px;
	margin-top: 25px;
}
.single_blog_page .single_blog {
	padding-bottom: 0;
}
.post_desc span::after {
	background: #888888;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 26px;
}
.comment-content {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 94px);
}
.comment-meta {
	display: inline-block;
	width: 90px;
}
.reply {
	bottom: -28px;
	position: absolute;
	left: 116px;
}
.reply > a {
	color: #777777;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
}
.comment-metadata {
	bottom: 0;
	left: 115px;
	position: absolute;
}
.comment-body {
	margin-bottom: 55px;
	position: relative;
}
.comment-content > p {
	color: #999999;
	font-size: 16px;
	line-height: 28px;
}
.comment-metadata > a {
	color: #777777;
	font-size: 16px;
	font-style: italic;
	font-weight: 500;
	padding-left: 50px;
}
.comment-content {
	display: inline-block;
	padding-bottom: 30px;
	vertical-align: top;
	width: calc(100% - 94px);
	padding-left: 20px;
}
.comment-metadata::after {
	background: #cccccc;
	bottom: 8px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 40px;
}
.reply > a span {
	padding-left: 8px;
	vertical-align: middle;
}
.comments-title {
	margin-bottom: 40px;
}
.comment-respond {
	margin-top: 80px;
}
.comment-reply-title {
	margin-bottom: 40px;
}
.comment-textarea textarea {
	width: 100%;
	resize: none;
	height: 120px;
	padding-left: 15px;
	padding-top: 15px;
	text-transform: capitalize;
	border: 1px solid #ddd;
}
.comment-textarea {
	margin-bottom: 15px;
}
.submit.btn_one {
	border: medium none;
	margin-top: 15px;
	text-align: center;
}
.input-form-field {
	display: inline-block;
	width: 33%;
}
.input-form-field > input {
	height: 40px;
	padding-left: 15px;
	width: 100%;
	border: 1px solid #ddd;
}
/*=========================================
Blog Page Css
=========================================*/ 

/*=========================================
Contact Page Css
=========================================*/ 
.contact_page_info {
	background: rgba(0, 0, 0, 0) url("images/contact-info-bg.jpg") no-repeat scroll 0 0 / cover ;
	position: relative;
	padding: 60px 35px;
	z-index: 1;
}
.contact_page_info:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0.86);
	z-index: -1;
}
.contact_page_title > h3 {
	color: #fba919;
	font-size: 24px;
}
.contact_info_list li span {
	color: #fba919;
	display: inline-block;
	font-size: 21px;
	width: 26px;
	vertical-align: middle;
}
.phone_number {
	display: inline-block;
	padding-left: 10px;
	width: calc(100% - 30px);
	vertical-align: middle;
}
.phone_number > a {
	color: #fefefe;
	display: block;
	font-size: 18px;
	font-weight: 400;
}
.contact_info_list li {
	margin-bottom: 30px;
}
.comment-reply-title > p {
	color: #777777;
	font-size: 18px;
	line-height: 30px;
	margin-top: 20px;
}
.contact_page_title {
	margin-bottom: 27px;
}
.contact_info_list li:last-child {
	margin-bottom: 0;
}
.contact_detail_area {
	padding-top: 90px;
}
/*=========================================
Contact Page Css
=========================================*/ 

/*=========================================
Error Page Css
=========================================*/ 
.error_content_area {
	padding: 90px 0 113px;
}
.error_content h1 {
	color: #fba919;
	font-size: 290px;
	font-weight: 500;
	line-height: 227px;
	margin-bottom: 35px;
}
.error_content {
	background: rgba(0, 0, 0, 0) url("images/error-bg.png") no-repeat scroll 0 0 / contain;
	text-align: center;
	padding: 90px 0px;
}
.error_content > p {
	color: #333333;
	font-size: 30px;
	font-weight: 500;
}
.error_content span {
	font-size: 48px;
}
.error_btn {
	margin-top: 40px;
}
/*=========================================
Error Page Css
=========================================*/ 

/*=========================================
Error Page Css
=========================================*/ 
.faq_about_area {
	background: rgba(0, 0, 0, 0) url("images/faq-about-bg.png") no-repeat scroll 0 0 / cover ;
	height: 437px;
	padding: 80px 35px 0px;
	position: relative;
	z-index: 1;
}
.faq_about_area:after{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height: 100%;
	content: "";
	background: rgba(17, 17, 17, 0.86);
	z-index: -1;
}
.faq_about_area > p {
	color: #fbfbfb;
	font-size: 18px;
	line-height: 30px;
}
.faq_about_area .btn_one {
	margin-top: 30px;
}
.faq_page .panel-body > p {
	display: inline-block;
	padding-left: 24px;
	vertical-align: middle;
	width: calc(100% - 150px);
}
.faq_page .panel_bg {
  display: inline-block;
	vertical-align: middle;
}
.faq_page .panel-body {
	border: 1px solid #dddddd;
	margin-top: -1px;
}
.faq_page .panel-title i {
	border-right: 1px solid #dddddd;
	left: 0;
	position: absolute;
	text-align: center;
	width: 40px;
	height: 49px;
	line-height: 50px;
}
.faq_page .panel.panel-default > a {
  background: transparent;
}
.faq_page .panel.panel-default > a::after {
	display: none;
}
.faq_page .panel-title > p {
	color: #999999;
	padding-left: 50px;
}
.faq_page .panel a .panel-title i {
	color: #999999;
}
.faq_content_area.faq_page {
	padding: 90px 0;
}
.faq_page .panel.panel-default > a{
	border: 1px solid #dddddd;
}
.faq_page .panel.panel-default > a {
	height: 50px;
}
.faq_page .panel-title {
	line-height: 50px;
}
.faq_page .panel.panel-default {
	margin-bottom: 15px;
}
/*=========================================
Error Page Css
=========================================*/

/*=========================================
service Page Css
=========================================*/ 
.service_area.service_page {
	padding-top: 0;
}
.brand_area.service_page_brand {
	padding-top: 90px;
}
.portfolio_area.padding_zero {
	padding-bottom: 0px;
}
/*=========================================
service Page Css
=========================================*/ 

/*=========================================
Portfolio Two Page Css
=========================================*/ 
.portfolio_page .grid_item {
	margin: 7.5px;
}
.portfolio_page .port_hover_title {
	text-align: center;
	display: inline-block;
	text-align: left;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 40px;
}
.portfolio_page .port_hover {
	background: rgba(251, 169, 25, 0.75);
	width: 100%;
	padding: 100px 0px;
}
.portfolio_page .port_hover_icon {
	position: static;
}
.portfolio_page .port_hover_title h3:hover {
	color: #212121;
}
.portfolio_page .port_hover_icon > a span:hover {
	color: #212121;
}
.portfolio_page .port_hover_title h3:hover:after {
	background: #212121;
}
/*=========================================
Portfolio Two Page Css
=========================================*/ 

/*=========================================
Portfolio Detail Page Css
=========================================*/ 
.port_detail_area {
	padding: 90px 0;
}
.port_detail_title > p {
	color: #888888;
	font-size: 16px;
	line-height: 28px;
}
.port_detail_title > h3 {
	color: #fba919;
	font-size: 30px;
	padding: 37px 0 30px;
	font-weight: 500;
}
.port_detail_list span {
	color: #777777;
	font-size: 18px;
	font-weight: 500;
}
.port_detail_list li {
	color: #888888;
	font-size: 16px;
	font-weight: 300;
}
.port_detail_list li {
	color: #888888;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 5px;
}
.subscribe_area.project {
	margin-bottom: 90px;
}
.portfolio_area.portfolio_three {
  padding-top: 0;
}
/*=========================================
Portfolio Detail Page Css
=========================================*/ 

/*=========================================
Single Service Page Css
=========================================*/ 
.single_pg_service_area {
	padding: 90px 0;
}
.tabmenu.tabmenu_two > li {
	display: inline-block;
}
.tabmenu.tabmenu_two {
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
}
.single_pg_service_area .tab-content {
	width: 100%;
}
.single_pg_service_area .single_tab_service {
  padding: 0;
}
.single_pg_service_area .single_tab_service_right {
	padding-left: 0;
	width: 100%;
}
.single_pg_service_area .single_tab_service_right > p {
	margin-bottom: 30px;
}
.single_pg_service_area .single_tab_service_right > p:last-child {
	margin-bottom: 0;
}
.single_pg_service_area .single_tab_service {
	background: #fff;
}
.tabmenu.tabmenu_two li::after {
  background: #333333 ;
}
.tabmenu.tabmenu_two li a {
	color: #ffffff;
	font-size: 18px;
	padding: 0px 25px;
}
.sn_page_concept_desc > h3 {
	color: #fba919;
	font-size: 30px;
	margin-bottom: 15px;
}
.sn_page_concept_desc > p {
	color: #888888;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}
.sn_page_concept_list li {
	color: #888888;
	font-size: 16px;
	margin-top: 14px;
}
.sn_page_concept_area{
	padding-bottom: 90px;
}
.padding_top{
	padding-top: 90px;
}
.padding_top2{
	padding-top: 50px;
}
.sn_page_concept_list li span {
	color: #fba919;
	margin-right: 10px;
}
/*=========================================
Single Service Page Css
=========================================*/ 

/*=========================================
Single Service Page Css
=========================================*/ 
.single_team {
	margin-bottom: 60px;
}
.team_btn {
	text-align: center;
}
/*=========================================
Single Service Page Css
=========================================*/ 


/*=========================================
Start wish page css
=========================================*/ 
.wish-banner {
	background: #fcfcfc none repeat scroll 0 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.wish-menu li {
	display: inline-block;
}

.wish-menu a {
	color: #777;
	font-size: 14px;
	line-height: 100px;
	text-transform: capitalize;
	font-weight: 500;
}

.wish-menu li.active a {
	color: #343434;
}

.wish-menu li a:hover {
	color: #343434;
}

.cart-table th {
	background: #fba919;
	border: 1px solid #ddd;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
	width: 22%;
}

.cart-main-area {
  padding-top: 100px;
}

.cart-page .cart-main-area {
	padding-top: 100px;
	padding-bottom: 0px;
}

.cart-table td{
	border: 1px solid #ddd;
	color: #777;
	padding: 30px 0;
	font-weight: 500;
}
.cart-table td:nth-child(3) {
	font-size: 16px;
	text-transform: uppercase;
}
.cart-table td.wish-price {
	color: #777;
	font-size: 14px;
}

.cart .cart-table td {
	color: #777;
	font-size: 14px;
}
.cart-priceTag{
	font-weight: 700 !important;
	color: #fba919 !important;
}
.cart-first-form .btn_one.black {
	margin-left: 24px;
	background: #343434;
}
.cart-first-form .btn_one.black:after {
	background: #fba919;
}
.cart-first-form .btn_one{
	color: #fff;
}
.cart-first-form .btn_one::after {
	background: #343434;
}
.wish-name {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	width: 76px;
}

.wish-desc {
	display: inline-block;
	width: calc(100% - 108px);
	margin-top: 20px;
}

.wish-desc > h5 {
	color: #343434;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 6px;
	text-align: left;
	text-transform: uppercase;
}

.cart-page .cart-table th {
	width: 20%;
}

.cart-page .wish-name {
	width: 80px;
	height: 80px;
}

.cart-page .wish-desc > p {
	padding-left: 82px;
}

.wish-desc > p {
  color: #777;
  font-size: 14px;
  font-weight: 300;
  padding-left: 0;
  text-align: left;
  line-height: 20px;
}
/*=========================================
End wish page css
=========================================*/


/*=========================================
Start Cart page css
=========================================*/

.shipping-cost-botom select {
	width: 100%;
}

.shipping-cost-botom input[type="text"] {
	width: 100%;
}

.shipping-cost-top input[type="text"] {
	width: 70%;
}

.shipping-cost-botom select,
.shipping-cost-botom input[type="text"] {
	-moz-appearance: none;
	background: #f5f5f5 none repeat scroll 0 0;
	border: medium none;
	line-height: 45px;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}

.cart-heading {
	margin-bottom: 28px;
	text-align: center;
}

.cart-first-form input[type="text"] {
	line-height: 38px;
	width: 60%;
}
.cart-first-form input[type="text"] {
	border: 1px solid #dddddd;
	color: #343434;
	font-weight: 300;
	line-height: 45px;
	margin-right: 25px;
	padding-left: 20px;
	width: 53%;
}

.option-form {
	margin-bottom: 20px;
	position: relative;
}
.option-form label {
	position: absolute;
	right: 20px;
	line-height: 50px;
	pointer-events: none;
	color: #777;
}
.option-form select, .option-form input[type="text"] {
  background: #eeeeee none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #777;
  font-size: 14px;
  font-weight: 300;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  width: 100%;
}
.option-form input::placeholder{
	color: #777;
	opacity: 1;
}
.option-form input.btn_one{
	color: #fff;
}
.option-form span {
	color: #777;
	position: absolute;
	right: 20px;
}

.shop-order .option-form {
  padding-top: 30px;
	margin-bottom: 0px;
}
.shop-order .option-form span{
	font-weight: 700;
}

.option-form li:last-child span {
	color: #343434;
}

.option-form input[type="submit"] {
	margin-top: 20px;
}

.option-form::-webkit-input-placeholder {
	color: #777;
	opacity: 1 !important;
}

.option-form::-moz-input-placeholder {
	color: #777;
	opacity: 1 !important;
}

.shopping-cart-form-area {
	padding-bottom: 80px;
}

.cart-seconf-form > h4 {
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 50px;
  padding-bottom: 30px;
}

.option-form p {
	background: #eeeeee none repeat scroll 0 0;
	border-radius: 3px;
	color: #777;
	line-height: 50px;
	padding-left: 20px;
	font-size: 14px;
}
.cart.shop-order .cart-table td:last-child {
	color: #343434;
	font-weight: 700;
}
.option-form p span {
	line-height: 50px;
	color: #333;
}

.cart-heading > h2 {
	color: #343434;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.cart-heading > p {
	color: #777;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
}

.cart-page .cart-table td 
	font-size: 14px;
	color: #777;
}
.option-form .btn_one {
	border: medium none;
}
.cart-table-area {
	margin-bottom: 30px;
}
.cart-first-form {
	margin-bottom: 40px;
}
input.btn_one {
	border: medium none;
	padding: 0 26px;
}
.mobile_menu {
	display: none !important;
}
/*=========================================
End Cart page css
=========================================*/
.single-af {
	text-align: center;
	border: 1px solid #ddd;
	padding: 24px;
	position: relative;
	margin-top: 60px;
	transition: 0.5s;
}
.single-af:hover {
	background: #f7f7f7;
	border: 1px solid transparent;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}
.single-af-img {
	height: 174px;
}
.search_equipment {
	padding: 76px 0px 130px;
}
.single-af-desc-title h5 {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	text-transform: capitalize;
}
.single-af-desc-price p {
	font-size: 14px;
	font-weight: 500;
	color: #777;
	padding: 12px 0px 15px;
}
.single-af-desc-price p span{
	margin-left: 20px;
}
.single-af-desc-favourite a i {
	color: #fba919;
	font-size: 16px;
	margin: 0px 5px;
}
.single-af-desc {
	margin-top: 26px;
	transition: 0.5s;
}
.single-af-standard span {
	position: absolute;
	left: 4px;
	top: 3px;
	z-index: 1;
	transform: rotate(-45deg);
	text-align: center;
	line-height: 32px;
	text-transform: capitalize;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.single-af-standard{
	cursor: pointer;
}
.single-af-standard:after {
	width: 0;
	height: 0;
	border-top: 62px solid #fba919;
	border-right: 62px solid transparent;
	position: absolute;
	left: -1px;
	top: -1px;
	content: "";
	
}
.single-af-hover {
	transform: scale(0);
	position: absolute;
	left: 0;
	bottom: 26px;
	width: 100%;
	height: 80px;
	text-align: center;
	transition: 0.5s;
}
.single-af:hover .single-af-hover{
	transform: scale(1);
}
.single-af:hover .single-af-desc{
	transform: scale(0);
}
.single_af_hover_social a {
	width: 40px;
	height: 35px;
	border: 1px solid #ddd;
	line-height: 35px;
	text-align: center;
	transition: 0.3s;
}
.single_af_hover_social {
	margin-bottom: 10px;
}
.single_af_hover_social a i {
	font-size: 18px;
	color: #9e9e9e;
	transition: 0.3s;
}
.single_af_hover_social a:hover{
	background: #fba919;
}
.single_af_hover_social a:hover i{
	color: #fff;
}
.single_af_hover_cart .btn_one {
	color: #fff;
	padding: 0px 30px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}
.single_af_hover_cart .btn_one::after {
	background: #343434;
}
.equipment_form label {
	color: 333;
	font-size: 30px;
	font-weight: 500;
	padding-right: 30px;
	display: inline-block;
}
.equipment_form input {
	height: 55px;
	line-height: 55px;
	border: 1px solid #ddd;
	padding-left: 15px;
	display: inline-block;
	width: 52%;
}
.equipment_form button {
	position: absolute;
	top: 0;
	right: 25px;
	border: none;
	background: transparent;
	line-height: 55px;
	color: #777777;
}
.equipment_form input::placeholder{
	color: #777;
}
.search_equipment .pagination {
	margin: 40px 0px 0px;
}
.about_btn .btn_one {
	background: #fff;
	color: #fba919;
}
.btn_one::after {
	background: #212121;
}
.subscribe_area.project_one{
	margin-bottom: 100px;
}
.grid {
	text-align: center;
}
/*=========================================
Start Cart page css
=========================================*/
/*Keyframes*/

/* fade in bottom short */
@keyframes fadeInBottomShort{
    from{
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0;
        visibility: hidden;
    }
    to{
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }
}
-webkit-@keyframes fadeInBottomShort{
    from{
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0;
        visibility: hidden;
    }
    to{
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
-webkit-@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

-webkit-@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
@keyframes rotateIn {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
-webkit-@keyframes rotateIn {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/*===========  End Meanmenu css ============*/
@media only screen and (min-width: 1200px) and (max-width: 1920px){
	.portfolio_one .grid_item {
		width: 50%;
	}
	.portfolio_one .portfolio_image img{
		width: 100%;
	}
	
	.banner_content_cell {
		padding-left: 20px;
	}
	
}
@media only screen and (min-width: 1500px){
	.portfolio_one .grid_item {
		width: 33.33%;
	}
	.portfolio_one .portfolio_image img{
		width: 100%;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.mainmenu_area li a {
		padding: 0px 14px;
	}
	.toolbar_left li {
		margin-right: 23px;
	}
	.panel-title {
		line-height: 22px;
	}
	.counter_desc {
		padding-left: 12px;
	}
	.section_title > h2 {
		font-size: 30px;
	}
	.sn_feature_cell > h2 {
		font-size: 18px;
	}
	.single_feature .sn_feature_hover .sn_feature_cell {
		padding: 0px 10px;
	}
	.input-form-field {
		display: inline-block;
		width: 32.9%;
	}
	.head_two .mainmenu_area li a {
		padding: 0 13px;
		font-size: 11px;
	}
	.single_tab_service_right {
		width: 100%;
		margin-top: 30px;
	}
	.tabmenu.tabmenu_two li a {
		padding: 0px 17px;
	}
	.cart-first-form input[type="text"] {
		width: 54%;
		margin-right: 4px;
	}
	input.btn_one {
		padding: 0 14px;
	}
	.cart-first-form .btn_one.black {
		margin-left: 3px;
	}
	
	.banner_area .owl-nav {
		width: 992px;
	}
	.single_service_two .ser_title a h2 {
		font-size: 19px;
	}
	.portfolio_one .grid_item {
		width: 50%;
	}
	.single_tab_service_right {
		width: calc(100% - 104px);
	}
	.tab-content.tab-one .single_tab_service_left {
		width: 100px;
	}
	.portfolio_one .portfolio_image img{
		width: 100%;
	}
	.head_two .mainmenu_area li a {
		padding: 0 6px;
		font-size: 13px;
	}
	.portfolio_page .grid_item {
		width: calc(33.33% - 15px);
	}
	.cart-first-form .btn_one {
		padding: 0px 14px;
	}
	.banner_content_cell {
		padding-left: 50px;
	}
	.banner_content h1 span {
		font-size: 31px;
	}
	.banner_content_cell {
		font-size: 16px;
	}
	.portfolio_two .port_hover {
		padding: 70px 0;
	}
	.port_hover_title h3 {
		font-size: 22px;
	}
	.portfolio_two .port_hover_icon {
		bottom: 75px;
	}
}
	
@media only screen and (min-width: 768px) and (max-width: 991px){
	.container {
		width: 750px;
	}
	.mainmenu_area li a {
		font-size: 11px;
		padding: 0px 10px;
	}
	.search_click {
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
	.search_hover {
		height: 40px;
		line-height: 40px;
	}
	.search_hover button {
		line-height: 40px;
	}
	.toolbar_left a i {
		font-size: 20px;
	}
	.toolbar_left a span {
		font-size: 13px;
	}
	.panel-title {
		line-height: 22px;
	}
	.toolbar_right a i {
		font-size: 15px;
	}
	.single_counter {
		text-align: center;
	}
	.counter_desc {
		padding-left: 0px;
	}
	.footer_social > span {
		margin-right: 18px;
		font-size: 18px;
	}
	.subscribe_left > h1 {
		font-size: 22px;
	}
	.copyright > p {
		font-size: 11px;
	}
	.footer_menu li {
		padding: 0 10px;
	}
	.subscribe_left > p {
		font-size: 17px;
	}
	.rc_post_hover p {
		font-size: 12px;
	}
	.input-form-field {
		width: 100%;
		margin-bottom: 20px;
	}
	.faq_about_area {
		padding: 57px 20px 0px;
	}
	.faq_about_area > p {
		font-size: 14px;
		line-height: 27px;
	}
	.panel-title > p {
		font-size: 14px;
	}
	.banner_area .owl-nav {
		width: 768px;
	}
	.head_two .mainmenu_area li a {
		padding: 0 11px;
	}
	.head_two .mainmenu_area {
		width: 100%;
	}
	.head_two .search_hover {
		display: none;
	}
	.about_right_img {
		margin-top: 121px;
	}
	.filter_list > li {
		padding: 0 18px;
	}
	.tabmenu.tabmenu_two li a {
		font-size: 14px;
		padding: 0px 12px;
	}
	table {
		width: 1140px;
	}
	.cart-first-form input[type="text"] {
		width: 100%;
		margin-bottom: 20px;
	}
	.cart-first-form .btn_one {
		margin-bottom: 20px;
	}
	.cart-first-form .btn_one.black {
		margin-left: 0;
	}
	.equipment_form label {
		font-size: 17px;
	}
	.post_title a h2 {
		font-size: 17px;
		line-height: 28px;
	}
	.banner_content_cell {
		padding-left: 40px;
	}
	.sn_feature_title h2 {
		font-size: 19px;
	}
	.single_feature .sn_feature_hover .sn_feature_cell {
		padding: 0px 10px;
	}
	.sn_feature_cell > h2 {
		font-size: 16px;
	}
	.ser_title a h2 {
		font-size: 20px;
		line-height: 0;
	}
	.banner_content h1 span {
		display: block;
		
	}
	.banner_two .banner_content h1 span {
		display: inline-block;
		line-height: 50px;
	}
	.banner_two .banner_content h1 {
		margin-bottom: 20px;
	}
	.portfolio_two .port_hover_icon {
		bottom: 75px;
	}
	.portfolio_two .port_hover {
		padding: 70px 0;
	}
	.sn_feature_title h2 {
		font-size: 17px;
	}
	.sn_feature_cell h2 {
		font-size: 16px;
	}
	.single_service {
		margin-bottom: 50px;
	}
	.about_right_img {
		margin-top: 220px;
	}
	.about_left {
		padding: 50px 0px;
	}
	.portfolio_one .grid_item {
		width: 50%;
	}
	.portfolio_image img{
		width: 100%;
	}
	.port_hover_title h3 {
		font-size: 22px;
	}
	.portfolio_page .grid_item {
		width: calc(50% - 15px);
	}
	.counter_desc > p {
		font-size: 14px;
	}
	.counter_desc span {
		font-size: 30px;
	}
	.consultation_area {
		margin-top: 50px;
	}
	.post_meta > p {
		font-size: 12px;
	}
	.post_meta a {
		font-size: 12px;
	}
} 

@media only screen and (max-width: 767px){
	.container{
		width: 270px;
	}
	/*	for meanmenu */
	.mean-container .mean-bar {
		position: absolute;
	}
	.mean-container a.meanmenu-reveal {
		right: calc(50% - 135px)!important;
		top: 30px;
		z-index: 99;
		padding: 0px;
	}
	.mean-container a.meanmenu-reveal.meanclose{
		line-height: 24px;
		right: calc(50% - 135px)!important;
	}
	.mobile_mean_logo {
		display: inline-block;
		padding: 20px 0;
	}
	.mean-container .mean-nav {
		margin-top: 0px;
		background: #fba919;
	}
	.mean-container .mean-bar {
		background: #fba919;
		padding: 0;
	}
	.mobile_mean_menu {
		width: 270px;
	}
	.mean-container .mean-nav ul li a {
		padding: 1.3em 5%;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
		background:  #fba919;
	}
	.header_top_toolbar{
		display: none;
	}
	.header_bottom_menu{
		display: none;
	}
	/*	for meanmenu */
	
	/*	banner */
	.banner_content h1 {
		font-size: 16px;
	}
	.banner_content h1 span {
		line-height: 50px;
		font-size: 18px;
		display: block;
	}
	.banner_content_cell {
		font-size: 17px;
	}
	.btn_one {
		padding: 0px 15px;
	}
	.banner_area .owl-nav {
		width: 300px;
		left: 0;
		top: calc(100% - 50px);
	}
	.banner_area .owl-prev, .banner_area .owl-next {
		margin-left: 0;
	}
	.banner_area .owl-prev, .banner_area .owl-next {
		display: inline-block;
	}
	.owl-nav {
		display: none;
	}
	.banner_two .banner_content h1 span {
		line-height: 34px;
		font-size: 15px;
		display: inline-block;
	}
	.banner_two .banner_content h1 {
		line-height: 33px;
		margin-bottom: 15px;
	}
	.banner_two.banner_area .owl-nav {
		top: 70%;
	}
	/*	banner */
	
	/*	service */
	.section_title > h2 {
		font-size: 24px;
	}
	.section_title::after {
		display: none;
	}
	.single_service {
		margin-bottom: 60px;
	}
	.single_service_two .ser_title a h2 {
		font-size: 16px;
	}
	.ser_desc {
		font-size: 14px;
	}
	.filter_list > li {
		margin-bottom: 10px;
		display: block;
	}
	.filter_list > li::after {
		display: none;
	}
	.port_hover_title h3 {
		font-size: 15px;
	}
	.port_hover_icon {
		right: 47px;
	}
	/*	service */
	
	/*	testimonial */
	.tesm_right {
		width: 100%;
		padding-left: 0;
	}
	.tesm_left {
		margin-bottom: 20px;
	}
	/*	testimonial */
	.panel-title > p {
		font-size: 15px;
	}
	.panel-title {
		line-height: 26px;
	}
	.panel-title i {
		line-height: 52px;
	}
	.subscribe_left > h1 {
		font-size: 25px;
		line-height: 33px;
		margin-bottom: 22px;
	}
	.subscribe_btn {
		text-align: left;
	}
	.testimonial_slider {
		padding-left: 15px;
	}
	.section_title {
		padding-left: 15px;
	}
	.what_we_do_area {
		margin-bottom: 60px;
	}
	.counter_icon {
		width: 40px;
	}
	.single_counter {
		padding: 20px 0px;
	}
	.footer_social {
		width: calc(100% - 30px);
	}
	.footer_social > span {
		display: none;
	}
	.footer_social {
		padding: 0px 30px;
		text-align: center;
	}
	.footer_contact {
		padding-left: 20px;
		padding-top: 33px;
		width: 100%;
		position: static;
	}
	.map_area #contactGoogleMap {
		width: 100%;
	}
	.footer_desc > a {
		font-size: 14px;
	}
	.copyright {
		margin-bottom: 15px;
	}
	.mean-nav .col-xs-12 {
		width: 90%;
	}
	.footer_menu li {
		padding: 0 8px;
	}
	.copyright > p {
		font-size: 12px;
		text-align: center;
	}
	.footer_menu > ul {
		text-align: center;
	}
	.page_about_single img{
		width: 100%;
	}
	.page_about_single {
		margin-bottom: 40px;
	}
	.about_content {
		margin-bottom: 30px;
	}
	/* blog */
	.post_meta a {
		font-size: 11px;
	}
	.post_meta > p {
		font-size: 11px;
	}
	.post_title a h2 {;
		font-size: 15px;
	}
	.post_thumbnail a{
		width: 100%;
	}
	.post_thumbnail a img{
		width: 100%;
	}
	.rc_post_hover p {
		font-size: 14px;
	}
	.rc_post_img img {
		width: 100%;
	}
	/* blog */
	
	/* contact */
	.phone_number > a {
		font-size: 14px;
	}
	.input-form-field {
		width: 100%;
		margin-bottom: 20px;
	}
	/* contact */
	
	/* contact */
	.error_content h1 {
		font-size: 146px;
		line-height: 100px;
	}
	.error_content > p {
		font-size: 12px;
	}
	.error_content span {
		font-size: 27px;
	}
	.btn_one {
		margin-bottom: 20px;
	}
	.error_content {
		padding: 0px; 
	}
	/* contact */
	
	/* faq */
	.panel-title > p {
		font-size: 11px;
	}
	.faq_page .panel-body > p {
		padding-left: 0px; 
		font-size: 11px;
		display: block;
		width: 100%;
	}
	.faq_page .panel-title {
		line-height: 23px;
	}
	.faq_about_area > p {
		font-size: 13px;
	}
	/* faq */
	
	/* home1 */
	.section_title > h2 {
		font-size: 18px;
	}
	.single_service_two .service_content {
		width: 100%;
		padding-left: 0px;
	}
	.single_service_two .ser_img {
		display: block;
		margin-bottom: 0px;
	}
	.tab-content {
		width: 100%;
	}
	.tabmenu {
		display: block;
	}
	.single_tab_service_left {
		display: block;
	}
	.single_tab_service_right {
		width: 100%;
	}
	.single_tab_service_right {
		padding-left: 0;
	}
	.tabmenu {
		width: 100%;
	}
	.single_tab_service > h3 {
		font-size: 14px;
	}
	.form_group {
		width: 100%;
		padding-left: 0;
	}
	.subscribe_left > h1 {
		font-size: 19px;
	}
	/* home1 */
	
	/* home2 */
	.about_area.about_two::before {
		width: 100%;
	}
	.about_right_img {
		display: none;
	}
	.ser_img a, .ser_img img {
		width: 100%;
	}
	/* home2 */
	
	/* project2 */
	.port_detail_title > h3 {
		font-size: 24px;
	}
	.post_title > h2 {
		font-size: 18px;
	}
	.post_tag {
		margin-bottom: 18px;
	}
	.post_share_tag {
		padding: 15px 0 50px;
	}
	.post_share {
		float: left;
	}
	.comment-content {
		display: block;
		width: 100%;
		padding-left: 0px;
	}
	.comment-metadata {
		bottom: -18px;
		left: 0;
	}
	.reply {
		bottom: -48px;
		left: 48px;
	}
	.comment-body {
		margin-bottom: 90px;
	}
	.post_desc blockquote {
		margin-left: 0;
	}
	.post_desc span {
		margin-left: 0;
	}
	.comment-author {
		margin-bottom: 20px;
	}
	.breadcrumb_middle li::after {
		right: -3px;
	}
	.breadcrumb_middle li {
		padding: 0px 6px;
	}
	.tabmenu.tabmenu_two > li {
		display: block;
	}
	.sn_page_concept_desc > h3 {
		font-size: 18px;
		margin-top: 30px;
	}
	.single_tab_service_left {
		margin-top: 30px;
	}
	table {
		width: 1140px;
	}
	.cart-heading > h2 {
		font-size: 18px;
	}
	.cart-seconf-form > h4 {
		font-size: 16px;
	}
	.cart-first-form input[type="text"] {
		width: 100%;
		margin-bottom: 20px;
	}
	.cart-first-form .btn_one.black {
		margin-left: 0;
	}
	.option-form p {
		font-size: 11px;
	}
	/* project2 */
	.equipment_form label {
		font-size: 17px;
	}
	.equipment_form button {
		top: 28px;
	}
	.equipment_form input {
		width: 100%;
	}
	.breadcrumb_middle > h3 {
		font-size: 24px;
	}
	.btn_one {
		font-size: 12px;
		height: 45px;
		line-height: 45px;
	}
	.single_service_two .ser_img {
		margin-bottom: 32px;
	}
	.port_detail_list li {
		font-size: 14px;
	}
	.port_detail_list span {
		font-size: 15px;
	}
	.port_detail_left {
		margin-bottom: 40px;
	}
	.section_title > h2 {
		font-size: 16px;
	}
	.blog_left_sidebar.blog_page {
		margin-bottom: 45px;
	}
	.contact_page_info {
		margin-bottom: 40px;
	}
	
	.portfolio_two .port_hover_icon {
		bottom: 50px;
	}
	.portfolio_two .port_hover {
		padding: 50px 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.container {
		width: 450px;
	}
	.mobile_mean_menu {
		width: auto;
	}
	.mean-container a.meanmenu-reveal.meanclose {
		right: calc(50% - 209px) !important;
	}
	.mean-container a.meanmenu-reveal {
		right: calc(50% - 209px) !important;
	}
	.team_about .single_team {
		margin-right: 50px;
		margin-left: 50px;
	}
	.post_title a h2 {
		font-size: 20px;
	}
	.faq_page .panel-title {
		line-height: 47px;
	}
	.faq_page .panel-body > p {
		font-size: 13px;
		display: inline-block;
		width: calc(100% - 150px);
		padding-left: 15px;
	}
	.faq_about_area > p {
		font-size: 18px;
	}
	.single_service_two .service_content {
		width: calc(100% - 134px);
		padding-left: 15px;
	}
	.single_service_two .ser_img {
		display: inline-block;
	}
	.cart-first-form input[type="text"] {
		width: 49%;
	}
	.single_tab_service_left {
		display: inline-block;
		margin-top: 0px;
	}
	.single_tab_service_right {
		width: calc(100% - 170px);
		padding-left: 15px;
	}
	.tab-content {
		margin-bottom: 60px;
	}
	.banner_two .banner_content h1 span {
		line-height: 34px;
		font-size: 20px;
	}
	.banner_two .banner_content h1 {
		line-height: 34px;
		margin-bottom: 15px;
		font-size: 22px;
	}
	.single_pg_service_area {
		padding-bottom: 0px;
	}
	.single_pg_service_area .single_tab_service_right {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
	.container {
        width: 270px;
    }
}