/*
*******************************************
*******************************************

Template Name: builda
Template URL: http://techsahida.com/demo/builda
Description: Builda - HTML5 Construction & Business Template
Author: Sahidaalo
Version: 1.0

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below >>>>

*** SEARCH EACH SECTION AS IT COMMENTS, YOU WILL GET THE RIGHT SECTION.

*******************************************
*******************************************

==== CSS INDEX

01 - IMPORTED CSS
02 - DEFAULT CSS
03 - SITE PRELOADER CSS
04 - BUTTON TOP CSS
05 - PAGINATION CSS
06 - BREADCROMB CSS
07 - REPONSIVE MENU CSS
08 - HEADER CSS
09 - SLIDER CSS
10 - REVIEW AREA CSS
11 - COUNTER CSS
12 - PROJECT CSS
13 - PROJECT PAGE TWO CSS
14 - PROJECT PAGE THREE CSS
15 - PROJECT PAGE FOUR CSS
16 - PROJECT DETAILS PAGE CSS
17 - START PROJECT CSS
18 - ABOUT US AREA CSS
19 - OUR TEAM AREA CSS
20 - WHY CHOOSE US AREA CSS
22 - NEWS AREA CSS
22 - SERVICE PAGE CSS
23 - BLOG PAGE CSS
24 - SINGLE BLOG CSS
25 - CONTACT PAGE CSS
26 - LOGIN PAGE CSS
27 - ERROR PAGE CSS
28 - FAQ PAGE CSS
29 - BUTTON PAGE CSS
30 - ICON DESIGN PAGE CSS
31 - IMAGE HOVER PAGE CSS
32 - GRID PAGE CSS
33 - FORM PAGE CSS

*/


/*================================================
01 - IMPORTED CSS
==================================================*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

/*================================================
02 - DEFAULT CSS
==================================================*/

body {
	background: #ffffff none repeat scroll 0 0;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	font-weight: 400;
	line-height: 24px;
}

html,
body {
	height: 100%;
}

img {
	max-width: 100%;

}

.builda-btn:before {
	background: #52514d none repeat scroll 0 0;
	border: 2px solid #52514d;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	z-index: -1;
	width: 100%;
	border-radius: 3px
}

.builda-btn:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.builda-btn {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #F0542D none repeat scroll 0 0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	color: #fff !important;
	display: inline-block;
	padding: 13px 30px;
	position: relative;
	font-family: "Montserrat", sans-serif;
	border-radius: 4px;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color;
	transition-property: color;
	vertical-align: middle;
  margin-top: 5px;	
}

.load-btn {
	text-align: center;
	margin-top: 30px
}

.site-heading {
	margin: 0 auto 50px;
	text-align: center;
	width: 60%;
}

.site-heading>h2 {
	color: #111;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.site-heading-white {
	margin: 0 auto 50px;
	text-align: center;
	width: 60%;
}

.site-heading-white>h2 {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.site-heading-white p {
	color: #fff;
}

p {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

a {
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	color: inherit
}

a:focus {
	text-decoration: none;
	outline: medium none;
	color: inherit
}

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

input:focus,
textarea:focus,
button:focus {
	outline: medium none
}

ul,
ol {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

.section_100 {
	padding: 100px 0;
}

.section_50 {
	padding: 50px 0;
}

.section_b_50 {
	padding-bottom: 50px;
}

.section_80 {
	padding: 80px 0;
}

.section_t_80 {
	padding-top: 80px;
}

.section_70 {
	padding: 70px 0;
}

.section_t_70 {
	padding: 70px 0;
}

.section_15 {
	padding: 15px 0
}

.pad-right {
	padding-right: 0
}

.section_t_100 {
	padding-top: 100px
}

.section_b_70 {
	padding-bottom: 70px
}

.section_b_40 {
	padding-bottom: 40px
}

.no-pad-right {
	padding-right: 0;
}


/*================================================
03 - SITE PRELOADER CSS
==================================================*/

.loading{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 9999999999999;
}

.gooey {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: #fff;
  filter: contrast(20);
}
.gooey .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 3s infinite;
}
.gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 3s infinite;
}
.gooey .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}
@-moz-keyframes dot {
  50% {
    transform: translateX(100px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(100px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(100px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(100px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-26px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-26px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-26px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-26px);
  }
}

/*================================================
04 - BUTTON TOP CSS
==================================================*/

.btntoTop:before {
	color: #fff;
	content: "";
	display: inline-block;
	font: 20px "FontAwesome";
	vertical-align: middle;
}

.btntoTop {
	background-color: #F0542D;
	border: 2px solid #52514D;
	border-radius: 30px;
	bottom: 30px;
	cursor: pointer;
	height: 40px;
	line-height: 35px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: fixed;
	right: 20px;
	text-align: center;
	-webkit-transition: opacity 0.4s ease 0s;
	transition: opacity 0.4s ease 0s;
	width: 40px;
	z-index: 99999;
}

.btntoTop.active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s
}

.btntoTop.active:hover {
	background: #F0542D none repeat scroll 0 0;
	border: 2px solid #52514D;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.btntoTop.active.btntoTop:hover:before {
	color: #fff;
}


/*================================================
05 - PAGINATION CSS
==================================================*/

.pagination_box>ul {
	margin-top: 30px;
}

.pagination_box ul li {
	display: inline-block;
}

.pagination_box ul li a,
.pagination_box ul li span {
	border: 1px solid #F0542D;
	display: block;
	height: 40px;
	line-height: 38px;
	margin-right: 6px;
	text-align: center;
	width: 40px;
	color: #373737
}

.pagination_box ul li span,
.pagination_box ul li a:hover {
	background: #F0542D none repeat scroll 0 0;
	border-color: #F0542D;
	color: #fff;
}


/*================================================
06 - BREADCROMB CSS
==================================================*/

.builda-breadcromb-area {
	padding: 100px 0;
	background: url(../img/breadcrumb.jpg) no-repeat center center fixed;
	position: relative;
	z-index: 1
}

.builda-breadcromb-area:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.19) none repeat scroll 0 0;
	z-index: -1
}

.breadcromb-box {
	text-align: center;
}

.breadcromb-box h2 {
	font-size: 45px;
	line-height: 40px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 30px;
}

.breadcromb-box .breadcrumb {
	background: transparent none repeat scroll 0 0;
	display: inline-block;
	margin: 0;
	padding: 15px;
	position: relative;
	z-index: 1;
}

.breadcromb-box .breadcrumb:after {
	background: #232323 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.breadcromb-box .breadcrumb a,
.breadcromb-box .breadcrumb li {
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
}

.breadcromb-box .breadcrumb li {
	padding: 0 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-weight: 600;
}

.breadcromb-box .breadcrumb li i {
	margin-right: 5px;
}

.breadcromb-box .breadcrumb li.inn:after {
	border: 2px solid #ffffff;
	content: "";
	height: 10px;
	left: -7px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 10px;
	border-radius: 50%;
}

.breadcromb-box .breadcrumb li.active {
	color: #F0542D;
}


/*================================================
07 - REPONSIVE MENU CSS
==================================================*/

.builda-responsive-menu {
	display: none;
	position: absolute;
	right: 0;
	top: 0px;
	width: 100%;
	z-index: 999;
}

.slicknav_nav a {
	font-size: 14px;
	margin: 0;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	color: #000
}

.slicknav_menu {
	background: transparent;
}

.slicknav_menutxt {
	display: none !important;
}

.slicknav_arrow {
	float: right;
	color: #F0542D
}

.slicknav_nav a:hover {
	border-radius: 0;
}

.slicknav_nav .slicknav_row:hover {
	border-radius: 0
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
	background: #F0542D none repeat scroll 0 0;
	color: #fff
}

.slicknav_nav a:hover .slicknav_arrow {
	color: #fff
}

.slicknav_nav a:hover a {
	color: #fff
}

.slicknav_nav li {
	border-bottom: 1px solid #ddd;
}

.slicknav_nav li:last-child {
	border-bottom: 0px solid #ddd
}

.slicknav_nav {
	background: #fff none repeat scroll 0 0;
	border-top: 1px solid #F0542D;
}

.slicknav_btn {
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: transparent !important;
	line-height: 0;
	margin-top: 15px
}

.slicknav_menu .slicknav_icon {
	float: none !important;
	margin: 0
}

.slicknav_icon-bar {
	height: 3px !important;
	margin: 5px 0;
	width: 30px !important;
}

.slicknav_menu .slicknav_icon-bar {
	background-color: #111;
}


/*================================================
08 - HEADER CSS
==================================================*/

.header-top-area {
	background: #F0542D none repeat scroll 0 0;
	position: relative;
	z-index: 1;
}

.header-top-area:after {
	background: #1A1919 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 36%;
	z-index: -1;
}

.header-top-left {
	padding: 15px 0;
}

.header-top-left>p {
	display: inline-block;
	margin-right: 15px;
	color: #fff
}

.header-top-left>p:last-child {
	margin-right: 0px;
}

.header-top-left p i {
	color: #F0542D;
	margin-right: 3px;
}

.header-top-right>ul {
	text-align: right;
}

.header-top-right li {
	display: inline-block;
}

.header-top-right li a {
	background: #000;
	border-radius: 0px 10px;
	color: #fff;
	display: block;
	height: 27px;
	line-height: 27px;
	text-align: center;
	width: 27px;
}

.header-top-right li a:hover {
	border-radius: 10px 10px 10px 10px;
}

.header-top-right {
	padding: 13px 0;
}

.header-quote-btn>a {
	background: #1A1919 none repeat scroll 0 0;
	border: 2px solid #1A1919;
	color: #fff;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding: 13px 20px;
	text-align: center;
	text-transform: uppercase;
}

.header-quote-btn>a:hover {
	background: transparent none repeat scroll 0 0;
	color: #fff
}

.site-logo img {
	
	position: relative;
	z-index: 9999
}

.mainmenu ul {
	text-align: right;
}

.mainmenu ul li {
	display: inline-block;
	position: relative
}

.mainmenu ul li a {
	color: #222;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	padding: 30px 15px;
	text-transform: capitalize;
}

.mainmenu ul li.active>a,
.mainmenu ul li a:hover,
.mainmenu ul li:hover>a {
	color: #F0542D
}

.mainmenu ul li ul {
	border-top: 1px solid #F0542D;
	position: absolute;
	top: 100%;
	width: 250px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 99;
	text-align: left;
	background: #fff none repeat scroll 0 0;
	visibility: hidden;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	transform-origin: top
}
.mainmenu ul li ul li{ position: relative;}
.mainmenu ul li ul li ul{
	border-top: 1px solid #F0542D;
	position: absolute;
	left: 101%;
	top: 0;
	width: 220px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 99;
	text-align: left;
	background: #fff none repeat scroll 0 0;
	display: none;
	transform: translateY(30px);
	-webkit-transform-origin: top;
	transform-origin: top
	
}
.mainmenu ul li ul li:hover ul{
	display: block;
	

	transform: translateY(0px);
	
}
.mainmenu ul li:hover ul {
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.mainmenu ul li ul li {
	display: block;
	border-bottom: 1px solid #ddd
}

.mainmenu ul li ul li:last-child {
	border-bottom: 0px solid #ddd
}

.mainmenu ul li>ul>li>a {
	display: block;
	padding: 10px 15px;
}

.search-box {
	margin-right: 0 !important;
}

.nav-search.search-trigger {
	color: #222;
	padding: 30px 5px;
	text-align: right;
}

.nav-search.search-trigger:hover {
	color: #F0542D
}

.search-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12199;
	background: rgba(0, 0, 0, 0.9)
}

.search-wrap .search-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.search-wrap .search-cell {
	position: absolute;
	top: 20%;
	width: 100%;
}

.search-wrap .search-field-holder {
	width: 50%;
	margin: auto;
	position: relative;
	-webkit-animation: slideInUp .3s;
	animation: slideInUp .3s;
}

.search-wrap .form-control {
	height: 66px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #eaeaea;
	font-size: 26px;
	margin-bottom: 0;
	color: #fff;
	position: relative;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
}

.search-wrap input.form-control,
.search-wrap input.form-control:focus {
	background-color: transparent;
}

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

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

input.main-search-input::-webkit-input-placeholder {
	color: #fff;
}

input.main-search-input:-moz-placeholder {
	color: #fff;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input.main-search-input::-moz-placeholder {
	color: #fff;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input.main-search-input:-ms-input-placeholder {
	color: #fff;
}

#search-close {
	position: absolute;
	top: 17px;
	right: 0px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}

/*================================================
09 - SLIDER CSS
==================================================*/

.slide-item-3 {
	background: url(../img/slider-1.jpg);
}

.slide-item-2 {
	background: url(../img/slider-2.jpg);
}

.builda-main-caption {
	background: rgba(0, 0, 0, 0.58) none repeat scroll 0 0;
}

.builda-main-slide {
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 560px;
}

.builda-main-caption {
	display: table;
	height: 100%;
	width: 100%;
}

.builda-caption-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.slider-text {
	width: 50%;
}

.slider-text h2 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
	font-size: 60px;
	line-height: 60px;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 20px
}

.slider-text p {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px
}

.slider-text a.builda-btn {
	margin-top: 20px
}

.builda-slider-area .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 45%;
	left: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 23px;
	color: #fff;
	background: rgba(255, 255, 255, 0.35);
	border-radius: 0 3px 3px 0
}

.builda-slider-area .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 45%;
	right: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 23px;
	color: #fff;
	background: rgba(255, 255, 255, 0.35);
	border-radius: 3px 0 0 3px
}

/*================================================
10 - REVIEW AREA CSS
==================================================*/

.single-review h3 {
	margin-top: 15px;
}

.single-review h3 a {
	font-size: 20px;
	color: #000;
}

.single-review p {
	padding: 15px 0px;
}


/*================================================
11 - COUNTER CSS
==================================================*/

.builda-counter-area:before {
	position: absolute;
	content: "";
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
	background: rgba(26, 26, 26, 0.9) none repeat scroll 0 0;
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}

.builda-counter-area {
	background: url(../img/counter-bg.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: auto;
	position: relative
}


.signle-counter h3 {
	color: #F0542D;
}

.signle-counter p {
	color: #fff;
	margin-top: 15px;
}


/*================================================
    15. FOOTER AREA CSS
==================================================*/

.footer-top-area {
	background: #1a1919 none repeat scroll 0 0;
	color: #949393
}

.single-footer {
	margin-bottom: 0px;
}

.single-footer h2 {
	color: #fff;
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 5px;
	position: relative;
	text-transform: uppercase;
	z-index: 9999;
}

.single-footer h2 span {
	color: #4bac4e;
	margin-left: 5px;
}

.footer-social-icon {
	margin-top: 20px;
}

.footer-social {
	margin-top: 15px;
}

.footer-social li {
	display: inline-block;
	margin: 0px 2px
}

.footer-social>li>a {
	background-color: #333333;
	border-radius: 50%;
	color: #777;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 40px;
}

.fb:hover {
	background: #4b6ea9 none repeat scroll 0 0;
	color: #fff;
}

.twitter:hover {
	background: #65bbf2 none repeat scroll 0 0;
	color: #fff;
}

.gp:hover {
	background: #bd081c none repeat scroll 0 0;
	color: #fff;
}

.linkedin:hover {
	background: #0075b5 none repeat scroll 0 0;
	color: #fff;
}

.single-footer>h3,
.footer-social-icon>h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 0px;
	text-transform: capitalize;
}

.footer-widget li a {
	font-size: 14px;
	text-transform: capitalize;
}

.footer-widget li a:hover {
	color: #F0542D;
}

.footer-widget li a>i {
	color: #fff;
	font-size: 18px;
	margin-right: 5px;
}

.contact-details>i {
	color: #fff;
	margin-right: 5px;
}

.single-footer input[type="text"],
.single-footer input[type="email"] {
	background: #333 none repeat scroll 0 0;
	border: 1px solid #333;
	height: 35px;
	padding: 5px 10px;
	width: 100%;
	color: #eee;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	margin-top : 3px;

}

.single-footer input[type="text"]:focus,
.single-footer input[type="email"]:focus,
.single-footer textarea:focus {
	border: 1px solid #F0542D;
}

.single-footer textarea {
	background: #333 none repeat scroll 0 0;
	border: 1px solid #333;
	height: 90px;
	padding: 5px 10px;
	width: 100%;
	color: #eee;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	margin-top : 3px;

}

.single-footer input[type="submit"] {
	background: #F0542D none repeat scroll 0 0;
	border: medium none;
	color: #eee;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 5px 15px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.single-footer input[type="submit"]:hover {
	background: #F0542D none repeat scroll 0 0;
}

.single-footer>form>p {
	margin: 5px 0 0;
}
.builda-thanks-page-area p{
	font-size: 20px;
}
.builda-footer-area {
	background: #000 none repeat scroll 0 0;
	color: #eee;
	font-size: 13px;
	font-weight: 700
}

.copyright-left {
	text-align: left
}

.copyright-right {
	text-align: right
}

.copyright-right p i {
	color: #F0542D;
	margin: 0 5px;
}

.copyright-right p span {
	color: #F0542D;
	font-weight: 900;
	margin: 0 5px;
}


/*================================================
12 - PROJECT AREA CSS
==================================================*/

.portfolio-warp {
	position: relative;
}

.sp-container {
	width: 70%;
	margin-left: 15%;
	padding-left: 15px;
	padding-right: 15px;
}

.portfolio-filter {
	margin-bottom: 30px;
	text-align: center;
}

.portfolio-filter li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #F0542D none repeat scroll 0 0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	color: #fff;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	padding: 7px 15px;
	position: relative;
	text-transform: capitalize;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color;
	transition-property: color;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 0px 16px;
}

.portfolio-filter li:last-child {
	margin-right: 0
}

.portfolio-filter li:hover,
.portfolio-filter li.active {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	border-radius: 0px 16px;
	background: #52514D none repeat scroll 0 0;
}

.project-img {
	margin: 15px 0px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	position: relative
}

.project-img .project-content,
.project-img:after,
.project-img:before {
	position: absolute;
	left: 7%;
	right: 7%;
	transition: all .3s
}

.project-img:after,
.project-img:before {
	display: block;
	background: rgba(0, 0, 0, .3);
	top: 10%;
	bottom: 10%;
	z-index: 1;
	transform: scale(0, 1)
}

.project-img:after {
	top: 10.8%;
	bottom: 10.8%;
	transform: scale(1, 0)
}

.project-img:hover:after,
.project-img:hover:before {
	transform: scale(1);
	animation: animate 1.5s
}

.project-img:hover:before {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff
}

.project-img:hover:after {
	border-left: 3px solid #fff;
	border-right: 3px solid #fff
}

.project-img img {
	width: 100%;
	height: auto;
	transition: all .3s
}

.project-img:hover img {
	transform: scale(1.2);
	filter: blur(5px);
	-moz-filter: blur(5px);
	-webkit-filter: blur(5px)
}

.project-img .project-content {
	padding: 30px 10px;
	top: 10%;
	bottom: 10%;
	opacity: 0;
	z-index: 2
}

.project-img:hover .project-content {
	box-shadow: 0 0 0 35px rgba(255, 255, 255, .3);
	opacity: 1;
	transition: all .3s
}

.project-img .project-title {
	font-size: 20px;
	font-weight: 600;
	color: #F0542D;
	margin: 0 0 5px
}

.project-img .project-post {
	display: block;
	margin: 0 0 5px;
	font-size: 14px;
	color: rgba(255, 255, 255, .8)
}

.project-img .project-description {
	font-size: 14px;
	color: #fff;
	margin: 0 0 20px
}

.project-img .project-icon {
	padding: 0;
	margin: 0;
	list-style: none
}

.project-img .project-icon li {
	display: inline-block;
	margin: 0 10px 0 0
}

.project-img .project-icon li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #F0542D;
	transition: all .5s
}

.project-img .project-icon a:hover {
	text-decoration: none;
	animation: animate-hover .5s;
	transition: all .3s
}

@keyframes animate {
	0%,
	100% {
		opacity: 1
	}
}

@keyframes animate-hover {
	0% {
		box-shadow: 0 0 0 10px rgba(255, 255, 255, .3)
	}
	50% {
		box-shadow: 0 0 0 5px rgba(255, 255, 255, .3)
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .3)
	}
}

@media only screen and (max-width:479px) {
	.project-img .project-title {
		margin: 0
	}
}

.project-img {
	text-align: center
}

.project-img:after,
.project-img:before {
	content: ""
}

.project-img {
	overflow: hidden
}

.project-img .post {
	font-style: italic
}


/*================================================
13 - PROJECT PAGE TWO CSS
==================================================*/

.project-img-two {
	margin: 15px 0px;
	position: relative
}

.project-img-two:after,
.project-img-two:before {
	position: absolute;
	content: ""
}

.project-img-two:before {
	width: 80%;
	height: 220%;
	background: #F0542D;
	top: -50%;
	left: -100%;
	z-index: 1;
	transform: rotate(25deg);
	transform-origin: center top 0;
	transition: all .5s ease 0s
}

.project-img-two:hover:before {
	left: 10%
}

.project-img-two:after {
	width: 55%;
	height: 175%;
	background-color: rgba(0, 0, 0, .8);
	bottom: -1000%;
	left: 53%;
	transform: rotate(-33deg);
	transform-origin: center bottom 0;
	transition: all .8s ease 0s
}

.project-img-two .project-two-content,
.project-img-two .project-two-icon {
	width: 100%;
	padding: 0 20px;
	position: absolute;
	left: 0;
	z-index: 2;
	transition: all 1.1s ease 0s
}

.project-img-two:hover:after {
	bottom: -70%
}

.project-img-two img {
	width: 100%;
	height: auto
}

.project-img-two .project-two-content {
	top: -100%;
	color: #fff
}

.project-img-two:hover .project-two-content {
	top: 30px
}

.project-img-two .project-two-title {
	font-size: 24px;
	margin: 0
}

.project-img-two .project-two-icon li a,
.project-img-two .project-two-post {
	display: inline-block;
	font-size: 14px
}

.project-img-two .project-two-post {
	margin-top: 5px;
	font-size: 25px
}

.project-img-two .project-two-icon {
	list-style: none;
	margin: 0;
	bottom: -100%
}

.project-img-two:hover .project-two-icon {
	bottom: 25px
}

.project-img-two .project-two-icon li {
	display: inline-block
}

.project-img-two .project-two-icon li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #444;
	border-radius: 50%;
	margin: 0 3px;
	color: #fff;
	text-align: center;
	transition: all .5s ease 0s
}

.project-img-two .project-two-icon li a:hover {
	background: #fff;
	color: #F0542D
}

@media only screen and (max-width:990px) {
	.project-img-two {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:479px) {
	.project-img-two .title {
		font-size: 20px
	}
}

.project-img-two {
	overflow: hidden
}


/*================================================
14 - PROJECT PAGE THREE CSS
==================================================*/

.project-img-three {
	margin: 15px 0px;
	text-align: center;
	position: relative
}

.project-img-three:after,
.project-img-three:before {
	content: "";
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .35);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.project-img-three:hover:after,
.project-img-three:hover:before {
	-webkit-transform: scale(400);
	-moz-transform: scale(400);
	-ms-transform: scale(400);
	-o-transform: scale(400);
	transform: scale(400)
}

.project-img-three:before {
	-o-transition: all .5s linear .3s;
	-moz-transition: all .5s linear .3s;
	-ms-transition: all .5s linear .3s;
	-webkit-transition: all .5s linear .3s;
	transition: all .5s linear .3s
}

.project-img-three:hover:before {
	-moz-transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s
}

.project-img-three:after {
	-o-transition: all .5s linear .6s;
	-moz-transition: all .5s linear .6s;
	-ms-transition: all .5s linear .6s;
	-webkit-transition: all .5s linear .6s;
	transition: all .5s linear .6s
}

.project-img-three:hover:after {
	-moz-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s
}

.project-img-three img {
	width: 100%;
	height: auto
}

.project-img-three .project-three-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: 0 0;
	color: #fff;
	padding-top: 25px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-ms-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
	z-index: 1
}

.project-img-three:hover .project-three-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-moz-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	-ms-transition-delay: .4s;
	transition-delay: .4s
}

.project-img-three .project-three-title {
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	margin-top: 20px
}

.project-img-three .project-three-description {
	font-size: 14px;
	font-style: italic;
	padding: 0 10px;
	margin: 15px 0
}

.project-img-three .project-three-read-more {
	display: block;
	width: 120px;
	background: #F0542D;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
	padding: 10px 0;
	margin: 0 auto
}

@media only screen and (max-width:990px) {
	.project-img-three {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:479px) {
	.project-img-three .project-three-content {
		padding-top: 0
	}
}

@media only screen and (max-width:359px) {
	.project-img-three .title {
		padding-bottom: 10px
	}
}

.project-img-three {
	overflow: hidden
}

.project-img-three {
	box-shadow: 0 0 5px #a3a3a3
}


/*================================================
15 - PROJECT PAGE FOUR CSS
==================================================*/

.project-img-four {
	margin: 15px 0px;
	position: relative
}

.project-img-four .project-four-content,
.project-img-four:after {
	position: absolute;
	transition: all .3s ease 0s
}

.project-img-four:after {
	content: "";
	width: 65%;
	background: rgba(28, 28, 28, .8);
	padding-bottom: 65%;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: rotate(0) translate(-50%, -50%);
	transform-origin: 0 0 0
}

.project-img-four:hover:after {
	transform: rotate(-45deg) translate(-50%, -50%);
	opacity: 1
}

.project-img-four img {
	width: 100%;
	height: auto
}

.project-img-four .project-four-content {
	width: 100%;
	top: 35%;
	left: 0;
	opacity: 0;
	z-index: 1
}

.project-img-four:hover .project-four-content {
	opacity: 1
}

.project-img-four .project-four-title {
	padding: 10px 0;
	color: #F0542D;
	margin: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.project-img-four .project-four-icon {
	padding: 0;
	margin: 12px 0 0;
	list-style: none
}

.project-img-four .project-four-icon li a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	border: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	transition: all .3s ease 0s
}

.project-img-four .project-four-icon li a:hover {
	border-radius: 0
}

@media only screen and (max-width:990px) {
	.project-img-four {
		margin-bottom: 20px
	}
}

.project-img-four .project-four-icon li,
.project-img-four .project-four-title {
	display: inline-block
}

.project-img-four {
	overflow: hidden
}


/*================================================
16 - PROJECT DETAILS PAGE CSS
==================================================*/

.single-project-image-item {
	margin-bottom: 15px;
}

.single-project-image-item img {
	width: 100%
}

.single-project-image-item:last-child {
	margin-bottom: 0;
}

.project-description,
.single_project_wrap_right {
	margin-top: 30px;
}

.project-description>h3,
.single_project_wrap_right>h3 {
	color: #575757;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
	display: inline-block;
	text-transform: capitalize;
}

.project-description>h3:before,
.single_project_wrap_right>h3:before {
	background: #F0542D none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 40%;
}

.project-description-box {
	border: 1px solid #eee;
}

.project-description-box li {
	border-bottom: 1px solid #eee;
	display: block;
	margin: 0 20px;
	padding: 10px 0;
	text-transform: capitalize
}

.project-description-box ul li span {
	display: inline-block;
	font-weight: 600;
	width: 40%;
}

.single_project_wrap_right>p {
	margin: 0 0 10px;
}

.single_project_wrap_right>ul {
	float: left;
	margin-top: 10px;
}

.single_project_wrap_right ul li {
	margin: 3px 0;
}

.single_project_wrap_right ul li span {
	font-weight: bold;
	color: #333;
}

.single_project_wrap_right ul li>i {
	color: #F0542D;
	margin-right: 5px;
}

.builda-project-work-area {
	background: #f6f8f9 none repeat scroll 0 0;
}

.project-work-box {
	margin: 0 auto;
	text-align: center;
	width: 60%;
}

.project-work-box>h3 {
	color: #575757;
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: capitalize;
}


/*================================================
17 - START PROJECT CSS
==================================================*/

.builda-start-project-area:before {
	position: absolute;
	content: "";
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
	background: rgba(26, 26, 26, 0.9) none repeat scroll 0 0;
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}

.builda-start-project-area {
	background: url(../img/start-project-bg.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: auto;
	position: relative
}
.start-project-left h3 {
	color: #fff;
}


/*================================================
18 - ABOUT US AREA CSS
==================================================*/

.about-left h4 {
	font-size: 20px;
	color: #333;
}

.about-left-para p {
	padding: 25px 0px;
}

.about-icon {
	margin-top: 30px;
}

.single-about-icon {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	float: left;
	width: 60px;
	height: 60px;
	background: #52514d;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 5px
}

.single-about-icon:hover .icon {
	color: #fff;
}

.single-about-icon:hover .icon:after {
	background: #F0542D;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.single-about-icon .icon {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
	z-index: 3;
}

.single-about-icon .icon:after {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	border-radius: 5px;
	background: #52514D;
	z-index: -1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s;
	transition: all .4s;
}

.single-about-icon-font p {
	font-size: 15px;
}

.single-about-icon-font span {
	font-size: 12px;
	font-style: italic;
}

.about-right-top h4 {
	font-size: 18px;
	margin: 20px 0px;
	color: #fff;
}

.about-right-top p {
	padding-bottom: 10px;
	color: #fff;
}

.about-right-top {
	border: 1px solid #F0542D;
	padding: 10px;
	background: #F0542D
}

.about-right-piller {
	background: #F0542D;
	height: 10px;
	width: 1px;
	margin-left: 50%;
}

.about-right-rectangle {
	border: 1px solid #F0542D;
	padding: 10px;
	background: #F0542D
}

.about-right:hover .about-right-rectangle,
.about-right:hover .about-right-top,
.about-right:hover .about-right-piller {
	border: 1px dashed #F0542D;
}


/*================================================
19 - OUR TEAM AREA CSS
==================================================*/

.builda-team-area {
	background: #1a1919 none repeat scroll 0 0;
}

.single-team .icon {
	padding: 0;
	list-style: none
}

.single-team {
	box-shadow: 0 0 5px #7e7d7d;
	-webkit-box-shadow: 0 0 5px #7e7d7d;
	text-align: center
}

.single-team {
	position: relative
}

.single-team img {
	width: 100%;
	height: auto
}

.single-team .team-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s ease 0s
}

.single-team:hover .team-content {
	background-color: rgba(240, 84, 45, 0.6);
}

.single-team .team-content:after,
.single-team .team-content:before {
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	opacity: 0;
	transform: scale(1.5);
	transition: all .6s ease .3s
}

.single-team .team-content:before {
	border-left: 1px solid #040404;
	border-top: 1px solid #040404;
	top: 19px;
	left: 19px
}

.single-team .team-content:after {
	border-bottom: 1px solid #040404;
	border-right: 1px solid #040404;
	bottom: 19px;
	right: 19px
}

.single-team:hover .team-content:after,
.single-team:hover .team-content:before {
	opacity: 1;
	transform: scale(1)
}

.single-team .team-title {
	font-size: 22px;
	color: #000;
	margin: 0;
	position: relative;
	top: 0;
	opacity: 0;
	transition: all 1s ease 10ms
}

.single-team:hover .team-title {
	top: 39%;
	opacity: 1;
	transition: all .5s cubic-bezier(1, -.53, .405, 1.425) 10ms
}

.single-team .team-title:after {
	content: "";
	width: 0;
	height: 1px;
	background: #040404;
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all 1s ease 0s
}

.single-team:hover .team-title:after {
	width: 80%;
	transition: all 1s ease .8s
}

.single-team .team-icon {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	opacity: 0;
	transition-duration: .6s;
	transition-timing-function: cubic-bezier(1, -.53, .405, 1.425);
	transition-delay: .1s
}

.single-team:hover .team-icon {
	bottom: 39%;
	opacity: 1
}

.single-team .team-icon li {
	display: inline-block
}

.single-team .team-icon li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	font-size: 18px;
	color: #000;
	border: 1px solid #000;
	margin-right: 5px;
	transition: all .3s ease-in-out 0s
}

.single-team .team-icon li a:hover {
	background: #000;
	color: #fff
}

@media only screen and (max-width:990px) {
	.single-team {
		margin-bottom: 30px
	}
}

.team-footer {
	margin-top: 20px;
}

.team-footer h6,
span {
	color: #fff;
}


/*================================================
20 - WHY CHOOSE AREA CSS
==================================================*/

@-webkit-keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.hvr-icon-pulse {
	background: #EEEEEE;
	padding-top: 35px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	font-size: 30px;
}

.single-why-choose:hover .hvr-icon,
.single-why-choose:focus .hvr-icon,
.single-why-choose:active .hvr-icon {
	-webkit-animation-name: hvr-icon-pulse;
	animation-name: hvr-icon-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	color: #fff;
}

.single-why-choose:hover .hvr-icon-pulse,
.single-why-choose:focus .hvr-icon-pulse,
.single-why-choose:active .hvr-icon-pulse {
	background: #F0542D;
}

.single-why-choose h3 {
	font-size: 16px;
	margin: 15px 0px;
}


/*================================================
21 - NEWS AREA CSS
==================================================*/

.blog-card {
	box-shadow: 0 17px 40px 0 rgba(255, 195, 12, 0.3);
	-webkit-box-shadow: 0 17px 40px 0 rgba(255, 195, 12, 0.3);
}

.card-type {
	position: absolute;
	top: 30px;
	left: 30px;
	padding: 3px 10px;
	color: #fff;
	background: #F0542D;
	z-index: 1;
}

.card-meta {
	font-size: 14px;
}

.blog-shape-left {
	position: absolute;
	left: 0;
	bottom: 0;
}

.blog-shape-right {
	position: absolute;
	right: 0;
	top: 50%;
}

.clip-half-cycle {
	border-radius: 0px 0px 10px 10px;
}

.title-border-left {
	position: relative;
	padding-left: 30px;
}

.title-border-left::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 5px;
	border-radius: 30px;
	background: #F0542D;
}

.post-search {
	border: 0;
	background: transparent;
	position: absolute;
	bottom: 15px;
	right: 0;
}

.tag-list a {
	display: inline-block;
	padding: 10px 22px;
	background: #fff;
	box-shadow: 0px 5px 20px 0px rgba(51, 77, 128, 0.12);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(51, 77, 128, 0.12);
	border-radius: 35px;
	margin-bottom: 15px;
	color: #818385;
}

.tag-list a:hover {
	background: #86c33a;
	color: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
}

blockquote p {
	font-style: normal;
	margin-top: 10px;
}


/* /blog */

.blog-sidebar-widget {
	margin-bottom: 30px;
}

.blog-sidebar-widget:last-child {
	margin-bottom: 0;
}

.blog-sidebar-widget>form {
	height: 50px;
	position: relative;
}

.blog-sidebar-widget input {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: transparent none repeat scroll 0 0;
	border-color: #e7e7e7 currentcolor #e7e7e7 #e7e7e7;
	-o-border-image: none;
	border-image: none;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	color: #333;
	height: 100%;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	width: 80%;
}

.blog-sidebar-widget button {
	background: #999 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	height: 100%;
	position: absolute;
	right: 0;
	cursor: pointer;
	top: 0;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 20%;
}

.blog-sidebar-widget button:hover {
	background: #F0542D none repeat scroll 0 0;
	color: #fff
}

.blog-sidebar-widget>h3 {
	color: #575757;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
	text-transform: capitalize;
}

.blog-sidebar-widget>h3:before {
	background: #F0542D none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 40%;
}

.blog-sidebar-widget ul>li {
	border-bottom: 1px solid #ededed;
}

.blog-sidebar-widget ul>li:last-child {
	
}

.blog-sidebar-widget ul li>a {
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 26px;
	padding: 10px 0;
	text-transform: capitalize;
	border-radius: 0px 16px;
}

.blog-sidebar-widget ul li>a:hover {
	color: #F0542D
}

.blog-categorie li a i {
	margin-right: 5px
}

ul.featured-list,
ul.Tags-catagory,
ul.instagram {
	margin-top: 10px;
}

.Tags-catagory>li {
	border-bottom: 0 solid #ededed !important;
	display: inline-block;
	margin: 2px 0px !important;
}

.Tags-catagory a {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 5px 10px !important;
}

.Tags-catagory a:hover {
	background: #F0542D none repeat scroll 0 0;
	color: #fff !important
}

.featured-list li {
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 10px;
}

.blog-thumb-info {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 75%;
	grid-template-columns: 25% 75%;
	-ms-grid-row-align: center;
	align-items: center
}

.blog-thumb-info-image img {
	border-radius: 5px;
}

.blog-thumb-info-content {
	margin-left: 10px;
}

.instagram li {
	border: medium none !important;
	float: left;
	padding: 8px 8px 0px 0px !important;
	width: 25%;
}

.instagram a {
	padding: 0 !important;
}

.blog-thumb-info-content>h4 {
	color: #575757;
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.blog-social-follow a {
	border-radius: 5px;
	color: #333;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	margin: 2px;
	padding: 10px 20px;
	text-align: left;
	width: 47%;
}

.blog-social-follow a i {
	font-size: 15px;
	margin-right: 8px;
}

.blog-social-follow a.facebook-bg {
	border: 1px solid #3b5999;
	border-radius: 0px 16px;
}

.blog-social-follow a.twitter-bg {
	border: 1px solid #55acee;
	border-radius: 0px 16px;
}

.blog-social-follow a.pinterest-bg {
	border: 1px solid #bd081c;
	border-radius: 0px 16px;
}

.blog-social-follow a.instagram-bg {
	border: 1px solid #e4405f;
	border-radius: 0px 16px;
}

.blog-social-follow a.vk-bg {
	border: 1px solid #4c75a3;
	border-radius: 0px 16px;
}

.blog-social-follow a.youtube-bg {
	border: 1px solid #cd201f;
	border-radius: 0px 16px;
}

.blog-social-follow {
	text-align: center;
}

.blog-page-left .single-blog {
	margin-bottom: 30px
}


/*================================================
22 - SERVICE PAGE CSS
==================================================*/

.single-service-left-widget {
	margin-bottom: 50px;
}

.single-service-left-widget:last-child {
	margin-bottom: 0;
}

.single-service-widget p {
	margin-top: 20px;
}

.single-service-left-widget li a {
	background: #EEEEEE;
	color: #333;
	display: block;
	font-weight: 600;
	padding: 10px 20px;
	text-transform: capitalize;
	margin-top: 2px;
}

.single-service-left-widget li a i {
	float: right;
	font-size: 20px;
	margin-top: 2px;
}

.single-service-left-widget li a:hover,
.single-service-left-widget ul li.active>a {
	background: #F0542D none repeat scroll 0 0;
	color: #fff;
}

.single-service-text>h2 {
	color: #575757;
	font-family: "Montserrat", sans-serif;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.single-service-text>p {
	margin: 0 0 10px;
}


/*================================================
23 - BLOG PAGE CSS
==================================================*/

.builda-blog-area {
	background-color: #EEEEEE
}

.single-blog {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 17px 40px 0 rgba(255, 195, 12, 0.3);
	-webkit-box-shadow: 0 17px 40px 0 rgba(255, 195, 12, 0.3);
	-webkit-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	margin-bottom: 30px
}

.blog-img img {
	width: 100%
}

.blog-text {
	padding: 20px 20px 5px;
	text-align: center;
}

.blog-meta>p {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	margin-right: 10px;
}

.blog-meta>p:last-child {
	margin-right: 0
}

.blog-text p>i {
	color: #F0542D;
	margin-right: 5px;
}

.blog-text>h3 {
	color: #333;
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: capitalize;
}

.blog-text>h3 a:hover {
	color: #F0542D
}

.blog-btn {
	margin-bottom: 15px;
	text-align: center;
}

.blog-btn>a {
	background: #F0542D;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	top: 15px;
	width: 40px;
}

.blog-btn>a>i.fa {
	position: relative;
	animation: mymove 3s infinite;
}

@keyframes mymove {
	from {
		left: 0px;
	}
	to {
		left: 3px;
	}
}


/* Curl Top Left */

.single-blog-curl {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
}

.single-blog-curl:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	left: 0;
	background: white;
	/* IE9 */
	background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
	/*For IE7-8-9*/
	z-index: 1000;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
}

.single-blog-curl:hover:before,
.single-blog-curl:focus:before,
.single-blog-curl:active:before {
	width: 35px;
	height: 35px;
}


/*================================================
24 - SINGLE BLOG PAGE CSS
==================================================*/

.blog-text.single-blog-text {
	margin-top: 20px;
	padding: 0;
	text-align: left;
}

.blog-text.single-blog-text>h2 {
	color: #575757;
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-transform: capitalize;
}

.blog-text.single-blog-text>p {
	margin: 10px 0;
}

.blog-text.single-blog-text>img {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

.blog-text blockquote {
	background: #f9f9f9 none repeat scroll 0 0;
	border-left: 5px solid #F0542D;
	color: #000;
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 30px;
	margin-right: 0;
	margin-top: 30px;
	padding: 20px;
}

.post-share {
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	margin-top: 30px;
	padding: 15px 20px;
}

.post-share-left>h4,
.post-share-right>h4 {
	color: #000;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	margin-right: 10px;
}

.post-share-left>p {
	display: inline-block;
}

.post-share-left>p>a {
	color: #333;
	margin-right: 4px;
	text-decoration: underline;
	text-transform: capitalize;
}

.post-share-left>p>a:hover {
	text-decoration: none;
}

.post-share-right {
	text-align: right;
}

.post-share-right>ul {
	float: right;
}

.post-share-right li {
	display: inline-block;
	margin: 0 3px;
}

.post-share-right li a:hover {
	color: #F0542D;
}

.post-share .col-md-6:first-child {
	padding-left: 0;
}

.builda-comment-list {
	margin-top: 50px;
}

.comment-group-title>h2,
.builda-leave-comment>h2 {
	color: #000;
	font-size: 24px;
	font-weight: 600;
	line-height: 27px;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.single-comment-item {
	margin-top: 30px;
}

.single-comment-box {
	background: #f9f9f9 none repeat scroll 0 0;
	margin-bottom: 10px;
	padding: 0 10px 30px;
	position: relative;
	-webkit-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}

.single-comment-box.reply-comment {
	margin-left: 100px;
}

.main-comment {
	font-size: 14px;
	padding: 30px 0 0 100px;
	position: relative;
}

.author-image {
	border-radius: 50%;
	left: 0;
	margin-bottom: 20px;
	position: absolute;
	top: 30px;
}

.author-image img {
	border-radius: 50%;
	display: block;
	width: 80px;
}

.comment-info {
	margin-bottom: 10px;
}

.comment-info h4 {
	color: #000;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.comment-info>p {
	color: #999;
	font-style: italic;
	font-weight: 500;
	text-transform: capitalize;
}

.reply {
	color: #333;
	display: inline-block;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	margin-top: 5px;
	text-transform: capitalize;
}

.reply:hover {
	color: #F0542D
}

.builda-leave-comment {
	margin-top: 50px;
}

.builda-leave-comment>p {
	text-align: left;
}

.builda-leave-comment>form {
	margin-top: 20px;
	text-align: left;
}

.builda-leave-comment input[type="text"],
.builda-leave-comment input[type="email"] {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #333;
	height: 45px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 0;
	padding: 10px 15px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 45%;
}

.builda-leave-comment input[type="email"] {
	margin-right: 0;
}

.builda-leave-comment textarea {
	border: 1px solid #ddd;
	color: #333;
	height: 160px;
	margin-bottom: 20px;
	padding: 5px 15px;
	resize: none;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 93%;
}

.builda-leave-comment button {
	background: #F0542D none repeat scroll 0 0;
	border: medium none;
	border-radius: 4px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding: 13px 30px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.builda-leave-comment button:hover {
	background: #102546 none repeat scroll 0 0;
	color: #fff;
}


/*================================================
25 - CONTACT PAGE CSS
==================================================*/

.contact-page-left {
	background: #F0542D;
}

.contact-page-right {
	background: #1A1919;
}

.contact-page-left>h3,
.contact-page-right>h3 {
	color: #fff;
	display: inline-block;
	font-size: 25px;
	font-weight: 600;
	margin: 10px 30px;
	padding-bottom: 10px;
	position: relative;
	text-transform: capitalize;
}

.contact-page-left>h3:before {
	background: #1A1919 none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 40%;
}

.single-contact-info .contact-info-icon {
	display: block;
	width: 100px;
	height: 100px;
	line-height: 40px;
	border: 1px solid #fff;
	border-radius: 0 40px;
	font-size: 14px;
	color: #fff;
	margin: 10px 30px !important;
	transition: all .4s ease 0s;
}

.single-contact-info .contact-info-icon i.fa {
	margin-top: 35%;
	margin-left: 42%;
	font-size: 30px;
}

.single-contact-info .contact-info-text {
	margin-top: 20px;
	margin-left: 30px;
}

.contact-page-right>h3:before {
	background: #F0542D none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 40%;
}

.contact-page-right>form {
	margin-top: 10px;
	padding: 0 30px 30px 30px;
}

.contact-page-right form p {
	margin-top: 15px;
}

.contact-page-right form .row:first-child p {
	margin-top: 0
}

.contact-page-right form p input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #000;
	height: 40px;
	padding: 5px 10px;
	width: 100%;
}

.contact-page-right form p textarea {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #000;
	height: 100px;
	padding: 5px 10px;
	resize: none;
	width: 100%;
}

.contact-info-text p,
h4 {
	color: #fff;
}


/*================================================
26 - LOGIN PAGE CSS
==================================================*/

.login-box>h3 {
	color: #575757;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	text-transform: capitalize;
}

.login-box>form {
	margin-top: 30px;
}

.login-box form input {
	border: 1px solid #ddd;
	padding: 8px 15px;
	width: 100%;
	background: #eee;
}

.login-box p {
	margin-bottom: 15px;
}

.login-box p:last-child {
	margin-bottom: 0px;
}

.login-grid {
	display: -ms-grid;
	display: grid;
	font-size: 13px;
	-ms-grid-columns: 60% 40%;
	grid-template-columns: 60% 40%;
	text-transform: capitalize;
}

.login-grid p:last-child {
	text-align: right
}

.login-grid p>a {
	color: #F0542D;
}

.login-grid p>a:hover {
	color: #102546;
}

.register-grid {
	text-transform: capitalize;
	text-align: center
}

.register-grid p>a {
	color: #F0542D;
}

.register-grid p>a:hover {
	color: #102546;
}

.social-login>ul {
	margin-top: 20px;
	text-align: center;
}

.social-login>ul li {
	display: inline-block;
	margin: 0 2px
}

.social-login>ul li a {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 17px;
	border-radius: 50%
}

.facebook>a {
	background: #3A5897 none repeat scroll 0 0
}

.twitter-log>a {
	background: #53ACEC none repeat scroll 0 0
}

.google-plus>a {
	background: #DC4D42 none repeat scroll 0 0
}

.linkedin-log>a {
	background: #0179B9 none repeat scroll 0 0
}

.facebook>a:hover {
	background: #2d4b89 none repeat scroll 0 0
}

.twitter-log>a:hover {
	background: #449fe0 none repeat scroll 0 0
}

.google-plus>a:hover {
	background: #c73a2f none repeat scroll 0 0
}

.linkedin-log>a:hover {
	background: #06689d none repeat scroll 0 0
}

.social-login {
	margin-top: 20px;
	text-align: center
}


/*================================================
27 - ERROR PAGE CSS
==================================================*/

.notfound-box {
	text-align: center
}

.notfound-box h1 {
	font-size: 130px;
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	line-height: 115px
}

.notfound-box h4 {
	color: #333;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 25px;
	text-transform: capitalize;
}

.notfound-box p {
	font-size: 16px;
}

.notfound-box a.builda-btn {
	margin-top: 30px;
}

.social-login>h3 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	position: relative;
	text-transform: capitalize;
}

.social-login>h3:after {
	background: #ddd none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 30px;
	position: absolute;
	top: 12px;
	width: 35%;
}

.social-login>h3:before {
	background: #ddd none repeat scroll 0 0;
	content: "";
	height: 2px;
	right: 30px;
	position: absolute;
	top: 12px;
	width: 35%;
}


/*================================================
28 - FAQS CSS
==================================================*/

.faqs-top-search {
	background: #f6f8f9 none repeat scroll 0 0;
	text-align: center
}

.faqs-page-top {
	margin: 0 auto;
	text-align: center;
	width: 70%;
}

.faqs-page-top>h2 {
	color: #575757;
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.faqs-top-search-form {
	margin-bottom: 20px
}

.faqs-top-search-form form {
	border: 1px solid #ddd;
	border-radius: 20px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	width: 70%;
}

.faqs-top-search-form form input {
	border: 1px solid #fff;
	border-radius: 20px;
	color: #212121;
	height: 100%;
	left: 0;
	padding: 5px 70px 5px 15px;
	position: absolute;
	width: 100%;
}

.faqs-top-search-form form button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	height: 100%;
	position: absolute;
	right: 0;
	width: 15%;
	cursor: pointer;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s
}

.faqs-top-search-form form button:hover {
	color: #F0542D
}

.builda-faqs-left>.accordion {
	margin: 0
}

.builda-faqs-left>.accordion>.card:first-child {
	margin: 0
}

.builda-faqs-right h3 {
	color: #575757;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 10px
}

.builda-faqs-right h3:before {
	background: #F0542D none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 40%;
}

.builda-faqs-right>form {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
	padding: 30px;
}

.builda-faqs-right>form p {
	margin-top: 15px;
}

.builda-faqs-right>form label {
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	text-transform: capitalize;
}

.builda-faqs-right>form input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #000;
	height: 40px;
	padding: 5px 10px;
	width: 100%;
}

.builda-faqs-right>form textarea {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #000;
	height: 100px;
	padding: 5px 10px;
	resize: none;
	width: 100%;
}

.builda-faqs-right>form button {
	background: #F0542D none repeat scroll 0 0;
	border: medium none;
	border-radius: 4px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding: 13px 30px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.builda-faqs-right>form button:hover {
	background: #102546 none repeat scroll 0 0;
	color: #fff;
}

.accordion {
	margin-top: 30px
}

.card {
	border: medium none;
	margin-top: 8px;
}

.card-header {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	padding: 0;
}

.card-header button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #eee;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	padding: 15px;
	position: relative;
	display: block;
	text-transform: capitalize;
	cursor: pointer;
	text-align: left;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 100%;
}

.card-header button i {
	background: #575757 none repeat scroll 0 0;
	border-left: 1px solid #ddd;
	color: #fff;
	height: 100%;
	line-height: 50px;
	margin: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 50px;
}

.card-header button:hover {
	color: #F0542D;
}

.card-header button:hover i {
	background: #F0542D none repeat scroll 0 0;
}

.card-body {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: currentcolor #eee #eee;
	-o-border-image: none;
	border-image: none;
	border-style: none solid solid;
	border-width: 0 1px 1px;
}


/*================================================
29 - BUTTON CSS
==================================================*/

.button-bgtransition-title h4 {
	color: #333;
}

.button-bgtransition-button a {
	margin-top: 15px;
}


/*(i) Button Background Transition*/


/* Bounce To Right */

.button-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #52514D;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 3px
}

.button-bounce-to-right:hover,
.button-bounce-to-right:focus,
.button-bounce-to-right:active {
	color: white;
}

.button-bounce-to-right:hover:before,
.button-bounce-to-right:focus:before,
.button-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Left */

.button-bounce-to-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-bounce-to-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #52514D;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 3px
}

.button-bounce-to-left:hover,
.button-bounce-to-left:focus,
.button-bounce-to-left:active {
	color: white;
}

.button-bounce-to-left:hover:before,
.button-bounce-to-left:focus:before,
.button-bounce-to-left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Bottom */

.button-bounce-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #52514D;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 3px
}

.button-bounce-to-bottom:hover,
.button-bounce-to-bottom:focus,
.button-bounce-to-bottom:active {
	color: white;
}

.button-bounce-to-bottom:hover:before,
.button-bounce-to-bottom:focus:before,
.button-bounce-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Top */

.button-bounce-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-bounce-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #52514D;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 3px
}

.button-bounce-to-top:hover,
.button-bounce-to-top:focus,
.button-bounce-to-top:active {
	color: white;
}

.button-bounce-to-top:hover:before,
.button-bounce-to-top:focus:before,
.button-bounce-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*(ii) Border Background Transition*/

.button-bordertransition-title h4 {
	color: #333;
}


/* Underline From Left */

.button-underline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #52514D;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color: #fff;
}

.button-underline-from-left:hover:before,
.button-underline-from-left:focus:before,
.button-underline-from-left:active:before {
	right: 0;
}


/* Underline From Center */

.button-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #52514D;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color: #fff;
}

.button-underline-from-center:hover:before,
.button-underline-from-center:focus:before,
.button-underline-from-center:active:before {
	left: 0;
	right: 0;
}


/* Underline From Right */

.button-underline-from-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-underline-from-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	bottom: 0;
	background: #52514D;
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color: #fff;
}

.button-underline-from-right:hover:before,
.button-underline-from-right:focus:before,
.button-underline-from-right:active:before {
	left: 0;
}


/* Reveal */

.button-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	background: #F0542D;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}

.button-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-color: #52514D;
	border-style: solid;
	border-width: 0;
	-webkit-transition-property: border-width;
	transition-property: border-width;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color: #fff;
}

.button-reveal:hover:before,
.button-reveal:focus:before,
.button-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	border-width: 4px;
}


/*(iii) Border Hover*/

.button-borderhover-title h4 {
	color: #333;
}

.btn-border {
	color: #fff;
	background: #226fbe;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	padding: 10px 50px;
	margin-top: 20px;
}


/* Button solidborder */

.btn-solidborder {
	background: #F0542D;
	border: 2px solid #F0542D;
	color: #fff;
}

.btn-solidborder:hover {
	background: transparent;
	color: #333;
}


/* Button dashedborder */

.btn-dashedborder {
	background: #F0542D;
	border: 2px dashed #F0542D;
	color: #fff;
}

.btn-dashedborder:hover {
	background: transparent;
	color: #333;
}


/* Button dottedborder */

.btn-dottedborder {
	background: #F0542D;
	border: 2px dotted #F0542D;
	color: #fff;
}

.btn-dottedborder:hover {
	background: transparent;
	color: #333;
}


/* Button doubleborder */

.btn-doubleborder {
	background: #F0542D;
	border: 4px double #F0542D;
	color: #fff;
}

.btn-doubleborder:hover {
	background: transparent;
	color: #333;
}


/*================================================
30 - ICON DESIGN PAGE CSS
==================================================*/


/*(i) icon design one */

.icon-design-one-title h3 {
	margin-left: 10px
}

.icon-design-one ul {
	display: flex;
	margin-top: 20px;
}

.icon-design-one ul li {
	list-style: none;
}

.icon-design-one ul li a {
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	background: #F0542D;
	color: #fff;
	text-align: center;
	box-shadow: 0 0 0 3px #F0542D;
	-webkit-box-shadow: 0 0 0 3px #F0542D;
	margin: 0 10px;
	overflow: hidden;
}

.icon-design-one ul li a i.fa {
	position: relative;
	font-size: 20px;
	width: 100%;
	height: 100%;
	line-height: 35px;
	transition: 0.5s;
}

.icon-design-one ul li a:hover i.fa {
	transform: translateY(-100%);
	color: #262626;
}

.icon-design-one ul li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform-origin: top;
	transform: scaleY(0);
	transition: transform 0.5s;
}

.icon-design-one ul li a:hover:before {
	transform: scaleY(1);
}


/*(ii) icon design two */

.icon-design-two h3 {
	margin-left: 19px
}

.builda-icondesign-two-area {
	background: #EEEEEE
}

.social-container {
	width: 400px;
	margin: 40vh auto;
	text-align: center;
}

.social-icons {
	padding: 0;
	list-style: none;
	margin: 1em;
}

.social-icons li {
	display: inline-block;
	margin: 0.15em;
	position: relative;
	font-size: 1.2em;
}

.social-icons i {
	color: #fff;
	position: absolute;
	top: 11px;
	left: 12px;
	transition: all 265ms ease-out;
}

.social-icons a {
	display: inline-block;
}

.social-icons a:before {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	content: " ";
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: block;
	background: linear-gradient(45deg, #F0542D, #F0542D);
	transition: all 265ms ease-out;
}

.social-icons a:hover:before {
	transform: scale(0);
	transition: all 265ms ease-in;
}

.social-icons a:hover i {
	transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	color: #ff003c;
	background: -webkit-linear-gradient(45deg, #F0542D, #F0542D);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all 265ms ease-in;
}


/*(iii) icon design three */

.icon-design-three h3 {
	margin-left: 19px
}

.social-icons a.social-square:before {
	background: linear-gradient(45deg, #F0542D, #F0542D);
	border-radius: 10%;
}

.social-icons a.social-square:hover:before {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: scale(-180deg);
	border-radius: 100%;
}

.social-icons a.social-square:hover i {
	transform: scale(1.3);
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	color: #fff;
	transform: scale(1.3);
	-webkit-text-fill-color: #fff;
}


/*================================================
31 - IMAGE HOV PAGE CSS
==================================================*/


/*(0) image hover common */

.image-hover-one {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}


/* Common style */

.image-hover-one figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.image-hover-one figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.image-hover-one figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.image-hover-one figure figcaption::before,
.image-hover-one figure figcaption::after {
	pointer-events: none;
}

.image-hover-one figure figcaption,
.image-hover-one figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-hover-one figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.image-hover-one figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.image-hover-one figure h2 span {
	font-weight: 800;
}

.image-hover-one figure h2,
.image-hover-one figure p {
	margin: 0;
}

.image-hover-one figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*(i) image hover One */

.image-hover-one-title h4 {
	margin-left: 65px;
	color: #333;
}

figure.image-hover-effect-one {
	background: -webkit-linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);
	background: linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);
}

figure.image-hover-effect-one img {
	opacity: 0.85;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.image-hover-effect-one h2 {
	padding: 20px;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
	font-size: 18px;
}

figure.image-hover-effect-one p {
	padding: 20px;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
}

figure.image-hover-effect-one h2 {
	padding: 20px;
	width: 50%;
	height: 50%;
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(10px, 10px, 0);
	transform: translate3d(10px, 10px, 0);
}

figure.image-hover-effect-one p {
	float: right;
	padding: 20px;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

figure.image-hover-effect-one:hover h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.image-hover-effect-one:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.image-hover-effect-one:hover img {
	opacity: 0.6;
}


/*(ii) image hover Two */

.image-hover-two-title h4 {
	margin-left: 65px;
	color: #333
}

.image-hover-effect-two h2 {
	font-size: 18px
}

figure.image-hover-effect-two {
	background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
	background: linear-gradient(-45deg, #000 0%, #fff 100%);
}

figure.image-hover-effect-two img {
	margin: -10px 0 0 -10px;
	max-width: none;
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px);
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px, 10px, 0);
	transform: translate3d(10px, 10px, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.image-hover-effect-two figcaption::before,
figure.image-hover-effect-two p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.image-hover-effect-two figcaption::before {
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 300px;
	height: 300px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
	content: '';
	opacity: 0;
	-webkit-transform: scale3d(0.5, 0.5, 1);
	transform: scale3d(0.5, 0.5, 1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.image-hover-effect-two:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.image-hover-effect-two h2 {
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px, 5px, 0);
	transform: translate3d(5px, 5px, 0);
}

figure.image-hover-effect-two p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 1.5em 1.5em 0;
	width: 140px;
	text-align: right;
	opacity: 0;
	-webkit-transform: translate3d(20px, 20px, 0);
	transform: translate3d(20px, 20px, 0);
}

figure.image-hover-effect-two:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

figure.image-hover-effect-two:hover h2,
figure.image-hover-effect-two:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*(iii) image hover Three */

.image-hover-three-title h4 {
	margin-left: 65px;
	color: #333;
}

.image-hover-effect-three h2 {
	font-size: 18px
}

figure.image-hover-effect-three {
	background: #030c17;
}

figure.image-hover-effect-three img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.image-hover-effect-three figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4, 1.4, 1);
	transform: scale3d(1.4, 1.4, 1);
}

figure.image-hover-effect-three h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.image-hover-effect-three p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.image-hover-effect-three:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.image-hover-effect-three:hover figcaption::before,
figure.image-hover-effect-three:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

figure.image-hover-effect-three:hover figcaption {
	background-color: rgba(58, 52, 42, 0);
}

figure.image-hover-effect-three:hover img {
	opacity: 0.4;
}


/*================================================
32 - GRID PAGE CSS
==================================================*/

.grid {
	margin-top: 25px;
}


/*================================================
33 - FORM PAGE CSS
==================================================*/


/*(i)form design one*/

.form-design-one p {
	padding-top: 15px;
}

.form-design-one .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-mos-box-shadow: none;
	border-color: #F0542D;
	transition: all 1s;
	-webkit-transition: all 1s;
	-mos-transition: all 1s;
}


/*(ii)form design two*/

.builda-form-two-area {
	background: #EEEEEE
}

.form-design-two p {
	padding-top: 15px;
}

.form-design-two .form-control {
	outline: 0;
	border-width: 0 0 1px;
	border-color: #CED4DA;
	border-radius: 0px;
	width: 100%;
	background: #EEEEEE
}

.form-design-two .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-mos-box-shadow: none;
	border-color: #F0542D;
	transition: all 1s;
	-webkit-transition: all 1s;
	-mos-transition: all 1s;
}


/*(iii)form design three*/

.form-design-three p {
	padding-top: 15px;
}

.form-design-three .form-control {
	box-shadow: 2px 1px 1px #F0542D;
	outline: 0;
	border-width: 0 0 1px;
	border-color: #CED4DA;
	border-radius: 10px;
	width: 100%;
	background: #eee;
}
.builda-our-process-area {
	background: #fff;
}

.single-process {
	background: #F0542D;
	height: 150px;
	margin-top: 15px;
}

.single-process h4 {
	font-size: 13px;
	padding-top: 65px;
}
.currPage{
	color: #fff !important;
	text-decoration: none;
	background-color: #f0542c;
	border-color: #f0542c;
}
.pagination_box ul{ display: table;margin: 0 auto;
   
		}
		.table td, .table th {
			padding: .3rem .75rem !important;
		
	}
	table tr:nth-child(even) {
    background-color: #f0f4f8;
}
.btn--primary {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	color: #ffffff;
	background-color: #f0542c;
	border: 1px solid #f0542c;
}
.btn {
	position: relative;
	padding: 0 1.6rem 0;
	border-radius: 4px;
	font-size: 14px;
	line-height: 2.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
}
.btn--primary:hover:after {
  opacity: 0;
  -moz-transform: scaleX(1.4) scaleY(1.6);
  -webkit-transform: scaleX(1.4) scaleY(1.6);
  -ms-transform: scaleX(1.4) scaleY(1.6);
  -o-transform: scaleX(1.4) scaleY(1.6);
  transform: scaleX(1.4) scaleY(1.6);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: all 0.6s ease 0.1s;
  -webkit-transition: all 0.6s ease 0.1s;
  -o-transition: all 0.6s ease 0.1s;
  transition: all 0.6s ease 0.1s;
}
.btn--primary:after {
  background-color: #f0542c;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  z-index: -1;
  opacity: 1;
  -moz-transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.item-product-detail__btn{ font-size: 12px}
.box{
	position: relative;
	   background: #fff;
	width: 100%;
	z-index: 999;
  }
.box-active{
 background: #fff;
position: fixed;
top: 0;
}