/**
 * Stylesheet:  style.css
 * Theme:       Industry - Industral , Engineering & Factory HTML5 Responsive Template
 * Version:     1.0
 * Author:     	The Theme Pond
 * URL:         https://themeforest.net/user/thethemepond
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.Company History Sec 
8.Service Section 
9.Why Choose Us Section
10.Recent Work Section 
11.Count Up Section
12.FAQ Section
13.Team Section
14.Testimonial Section
15. Service Page Section
16. Service Details Page Section
17.Project Gallery Section
18. Project Details Page Section
19.Blog Section
20.Sidebar Section
21.Page Heading Section
22.Company Mission Page
23.Contact Page
24.Call To Action Section
25.404 Page Section 
26.Footer Section 
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
height: 100%;
font-size: 16px;
color: #777777;
font-family: 'Roboto', sans-serif;
vertical-align: baseline;
line-height: 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px;
font-weight: 600;
font-family: 'Montserrat';
color: #333333;
}

h1 {
font-size: 32px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#464646
}
a:active,
a:hover {
  outline: 0 none;
  color: #212836;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #ffc300;
  text-shadow: none;color:#fff
}
::selection {
  background: #ffc300;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.slider-overlay {
  background-color:rgba(0, 0, 0, 0.30);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1
}
.images-overlay {
   background-color:rgba(255, 255, 255, 0.70);
  height: 100%;
  position: absolute;  width: 100%;
  top: 0;

}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.pb-70{padding-bottom:70px}
.bg-color{background:#fbfbfb}
.no-padding-left{padding-left:0px}
.no-padding-right{padding-right:0px}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 210px;
	width: 210px;
    background: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
	background: #ffc300 none repeat scroll 0 0;
	bottom: 5px;
	color: #fff;
	font-size:16px;
	height: 40px;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#c9c00;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 11px;
}

/*
3.Header Section
==================*/
.header-top {
	border-bottom: 1px solid #fafafa;
}
.contact-inner {
	display: inline-block;
	border-right: 1px solid #fafafa;
	padding: 10px  60px;
}
.contact-inner:first-child {
	padding-left: 0;
}
.contact-inner h4 {
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 5px;
}
.contact-inner span {
	color: #777777;
}
.social-profile {
	text-align: center;
	padding-top: 16px;
}
.social-profile li {
	display: inline-block;
	margin: 0px 4px;
}
.social-profile li a {
	width: 35px;
	height: 35px;
	background: ;
	border: 1px solid #fafafa;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	border-radius: 100%;
	color: #a3a3a3;
}
.social-profile li a:hover{color:#ffc300;transition: all 0.4s ease 0s;}
.header-right {
	text-align: right;
	position: relative;
	z-index: 999;
	padding: 21px 0;
	width: 100%;
	float: right;
	margin-right: 50px;
	border-right: 1px solid #fafafa;
	border-left: 1px solid #fafafa;
}
.header-right a {
	color: #333;
	font-weight: 400;
	padding: 0px 10px;
	text-transform: capitalize;
	position: relative;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}
.language.dropdown-menu a{
	color: #fff;
	font-size: 16px;
	width: 100%;
	display: inline-block;
	text-align: right;
	padding: 3px 10px;
}
.language.dropdown-menu {
	background: #ffc300;
	border-radius: 0;
	box-shadow: 0;
	border: 0;
	margin-top: 0;
	left: -93px;
	position: absolute;
}
.header-right a span {
	margin-left: 10px;
}
.appointment {
	position: absolute;
	right: -64px;
}
.appointment a {
	text-transform: capitalize;
	font-weight: bold;
	color: #777777;
	font-size: 15px;
	padding: 20px  0;
	display: inline-block;
	position:relative;
	z-index:2;
	font-family: 'Roboto', sans-serif;
}
/*
4.Menu  Section
=================*/
.logo {
	padding: 18px 0;
}
.menu {
  display: inline-block;
  width: 100%;
}
.main-menu {
    display: inline-block;
    text-align: right;
    margin-right: 50px;
}
.main-menu ul {
margin : 0;
padding : 0;
position : relative;
}
.main-menu ul li {
display: inline-block;
padding: 0;
position: relative;
}
.main-menu ul li a {
	color: #333333;
	display: block;
	font-size: 16px;
	padding: 33px 20px;
	text-decoration: none;
	text-transform: capitalize;
	transition: all 0.4s ease 0s;
	position: relative;
	font-weight: 600;
	font-family: 'Montserrat';
}
.main-menu ul li ul:hover .main-menu ul li a{
  background: #fafafa;
}
.main-menu ul li a:hover {
transition : all 0.4s 0s ease;
color:#ffc300
}

.main-menu ul ul {
background: #ffc300 none repeat scroll 0 0;
left: 0;
opacity: 0;
position: absolute;
text-align: left;
top:92px;
transition: all 0.4s ease 0s;
visibility: hidden;
z-index: 99999;
transform: scale(0);
transform-origin: 0 0 0;
transition: all 0.3s ease 0s;
}
.main-menu ul ul li {
float : none;
width : 220px;
}
.main-menu ul ul li a {
	line-height: 120%;
	padding: 10px 20px;
	color: #333;
	border-bottom: 1px solid #f3bb04;
}
.main-menu ul ul li a:hover {
color:#ffc300;background:#fff;
}
.main-menu ul ul ul {
top : 0;
left : 100%;
}
.main-menu ul li:hover ul {
	
 visibility: visible;transition: all 0.4s ease 0s; opacity: 1;transform: scale(1);
}
.main-menu ul li a i {
margin-left : 6px;
}
.menu-icon {
    display: inline-block;
    padding: 31px 0px;
    position: absolute;
    right: 20px;
    top: 0;
}
.cart-icon, .site-search {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #fafafa;
	text-align: center;
	border-radius: 100%;
	line-height: 30px;
}
.cart-icon a i{font-size:19px}
.site-search i {
  color: #ffc300;
  cursor: pointer;
}
.search-forum > form {
  display: inline-flex;
  background: #ffc300;
  padding: 10px;
}
.search-forum input[type=text] {
  padding: 10px;
}
.search-forum input[type="submit"] {
  padding: 10px;
  background: #333333;
  color: #fff;
}
.site-search:hover .search-forum {visibility:visible;transition: all 0.4s ease 0s;transform:scale(1);opacity:1;}
.search-forum {
display: inline-block;
left: -220px;
opacity: 0;
position: absolute;
top:92px;
transition: all 0.4s ease 0s;
visibility: hidden;z-index:2;transform:scale(0)
}
.hd-sec.sticky_menu {
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;  
  position: fixed;
  z-index: 998;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
/*
5.Slider Section
======================*/
.all-slide .owl-item {
  height: 550px;
}
.all-slide .single-slide {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
.slider-text {
left: 0;
margin:0 auto;
position: relative;
right:0;
text-align:left;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 1170px;
padding: 10px 0;
padding:0px 15px;
overflow: hidden;
}
.slider-wraper {
	width: 900px;
}
.slider-wraper span.subtitle {
	color: #ffc300;
	font-size: 34px;
	font-family: montserrate;
	font-style: italic;
	letter-spacing: 1px;
}
.slider-text ul {
  margin-top: 30px;
}
.slider-text h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 800;line-height: 64px;
	margin-bottom:0;
}
.slider-text h1 > span{color:#ffc300;}
.slider-text p {
  color: #fff;
}
.slider-text li {
  display: inline-block;
}
.slider-text li a {
	background: #ffc300;
	color: #fff;
	display: inline-block;
	padding: 14px 30px;
	text-transform: uppercase;
	margin: 0px 10px;
	position: relative;
	z-index: 5;
	transition: 0.5s;
	font-weight: 600;
}
.slider-text li a i{margin-left:15px;}
.slider-text li a:hover{background:#ffc300;color:#fff;transition: all 0.4s ease 0s;border-color:#ffc300;}
.slider-text li:last-child a{background:#3c3b3b;}
.slider-text li:last-child a:hover{background:#fff;color:#333333;transition: all 0.4s ease 0s;border-color:#fff;}
.all-slide .owl-controls .owl-nav{
position: absolute;
top: 45%;
width: 100%;
z-index: 99;
transform: translateY(-50%);
}
.all-slide .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}

.all-slide .owl-controls .owl-prev {
  left: -100px;
  position: absolute;transition: all 0.4s ease 0s;
}
.all-slide:hover .owl-prev{transition: all 0.4s ease 0s;left:10px}

.all-slide .owl-controls .owl-next {
  right: -100px;
  position: absolute;transition: all 0.4s ease 0s;
}
.all-slide:hover .owl-next{transition: all 0.4s ease 0s;right:10px}
.all-slide .owl-controls .owl-prev i, .all-slide .owl-controls .owl-next i {
	background: transparent;
	color: #fff;
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all 0.5s ease-out 0s;
	width: 40px;
	border: 1px solid #fff;
}

.all-slide .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#333;color:#fff;border-color:#333
}
.all-slide .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#333;color:#fff;border-color:#333
}
.all-slide .owl-controls .owl-dots {
	position: absolute;
	bottom: 30px;
	width: 100%;
	z-index: 99;
	transform: translateY(-50%);
	text-align: center;
}
.all-slide.owl-item.owl-carousel.owl-theme .owl-controls .owl-dot {
	background: #fff;
	width: 10px;
	height: 10PX;
	border-radius: 100%;
	display: inline-block;
	margin: 0px 5px;
}
.all-slide.owl-item.owl-carousel.owl-theme .owl-controls .owl-dot.active{
	background:#ffc300
}
.hd-search-field {
	position: absolute;
	right: 24px;
	top: 5px;
}
.hd-search-field form {
	width: 190px;
	position: relative;
}
.hd-search-field input[type="text"] {
	background: transparent;
	padding: 3px 35px 3px 10px;
	width: 100%;
	border: 1px solid #858484;
	border-radius: 6px;
}
.hd-search-field button {
	background: transparent;
	color: #fff;
	position: absolute;
	padding: 4px 10px;
	right: 0;
	top: 0;
}
.hd-search-field button i{color:#858484;}


/*
6.Title Section
=================*/
.sec-title  {
	margin-bottom: 40px;
	text-align: center;
}

.sec-title  h1 {
  font-size: 36px;
  text-transform: capitalize;
  color: #333333;
  font-weight: bold;
}

/*
7.Company History Sec 
============================*/
.company-histor-left h1 {
	font-size: 30px;
	font-weight: 300;
	line-height: 45px;

}
.company-histor-left h3 {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	color: #777777;
}
.company-histor-left h3 span{color:#ffc300;font-weight:400}
.company-ceo-info h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
}
.company-ceo-info span {
	font-family: 'Roboto', sans-serif;
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	font-size: 16px;
}
.company-ceo-info p{
}
.company-histor-rihgt img{}
.company-histor-rihgt h2 a {
	text-transform: capitalize;
	font-size: 30px;
	font-weight: bold;
	color: #333000;
}
.company-histor-rihgt img {
	margin-bottom: 20px;
}
.company-histor-rihgt a {
	color: #ffc300;
	text-transform: capitalize;
	font-weight: bold;
}
/*
8.Service Section 
============================*/
.service-sec {
background-color: #333333;
padding: 90px 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.service-sec-overlay{background-color: rgba(51, 51, 51, 0.95);
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;}
.service-title span {
	color: #ffc300;
	font-size: 20px;
	font-style: italic;
}
.service-title h1 {
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 40px;
}
.service-content .media-left{padding-right:0px;}
.service-icon {
	width: 70px;
	height: 80px;
	background: #ffc300;
	line-height: 80px;
	text-align: center;
}
.service-text::before {
	content: "";
	position: absolute;
	background: #ffc300;
	height: 100%;
	width:0%;
	top: 0;
	left: 0;
	z-index: -2;
	transition: all 0.4s ease 0s;
}
.service-text {
	background: #fff;
	padding-left: 10px;
	display: inline-block;
	width: 100%;
	padding: 14px 0px;
	padding-left: 20px;
	position:relative;
	z-index:3;
	transition: all 0.4s ease 0s;
}
.service-item:hover .service-text::before {width:100%} 
.service-text p {
	margin-bottom: 0;
	text-transform: capitalize;
	font-size: 16px;
}
.service-text h2 {
	margin-bottom: 4px;
}
.service-text h2 a {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
}
.all-service-item .owl-controls {
	position: absolute;
	top: -90px;
	right: 0;
	z-index: 99;
}
.all-service-item .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}

.all-service-item .owl-controls .owl-prev {
  left: -85px;
  position: absolute;transition: all 0.4s ease 0s;
}

.all-service-item .owl-controls .owl-next {
  right: 0;
  position: absolute;transition: all 0.4s ease 0s;
}

.all-service-item .owl-controls .owl-prev i {
color: #fff;
font-size: 30px;
height: 40px;
line-height: 40px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
}
.all-service-item .owl-controls .owl-next i {
background:#ffc300;
color: #fff;
font-size: 30px;
height: 40px;
line-height: 40px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
}

.all-service-item .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#333;color:#fff;border-color:#333
}
.all-service-item .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#ffc300;color:#fff;border-color:#ffc300
}
.all-service-item.owl-carousel .owl-item .service-icon img {
	width: auto;
	height: auto;
	display: inline-block;
}
/*
9.Why Choose Us Section
============================*/
.why-choose-title h1 {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 300;
	color: #333333;
	line-height: 35px;
}
h1.why-choose-title {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: bold;
}
.why-choose-item {
	margin-bottom: 35px;
}
.why-choose-icon {
	display: inline-block;
	float: left;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	border: 1px solid #fafafa;
	border-radius: 100%;
}
.why-choose-text h2{
	margin-bottom:10px;
}
.why-choose-text h2 a {
	font-size: 18px;
	text-transform: capitalize;
	color: #333333;
	font-weight: 600;
}
.why-choose-text p {
	text-transform: capitalize;
}
.why-choose-text {
	padding-left: 80px;
}
.vedio-inner {
	position: relative;
}
.vedio-overly{position:absolute;top:0;height:100%;width:100%;
background-color: rgba(0, 0, 0, 0.50);}
.vedio-button {
	text-align: center;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
.vedio-button i.fa {
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	height: 60px;
	line-height: 56px;
	padding-left: 8px;
	transition: all 0.3s ease 0s;
	width: 60px;
}

/*
10.Recent Work Section 
============================*/
.recent-work-sec-title {
	text-align: center;
	margin-bottom: 50px;
}
.recent-work-sec-title h1 {
	font-size: 30px;
	font-weight: 300;
	text-transform: capitalize;
	line-height:40px;
}
.recent-work-sec-title h1 span{color:#ffc300;font-weight:400}
.recent-work-item {
	position: relative;
	transition: all 0.4s ease 0s;
	overflow: hidden;
}
.recent-work-item img{transform:scale(1);transition: all 0.9s ease 0s;}
.recent-work-item:hover .recent-work-overlay {	border: 20px solid rgba(0, 0, 0, 0.5);
visibility:visible;opacity:1}
.recent-work-item:hover .recent-work-overlay::before{opacity:1;
transition: all 0.4s ease 0s;
visibility:visible;}

.recent-work-item:hover img{transform:scale(1.5);transition: all 0.9s ease 0s;}
.recent-work-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	transition: all 0.4s ease 0s;
	visibility:hidden;
	opacity:0
	
}
.recent-work-overlay::before {
	position: absolute;
	top: 0;
	content: "";
	height: 100%;
	width: 100%;
	background-color: rgba(255, 171, 5, 0.80);
	transition: all 0.4s ease 0s;
	opacity:0;
	visibility:hidden;
	
}
.recent-work-overlay a {
	width: 60px;
	height: 60px;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	margin: 0px auto;
}
.recent-work-overlay a:hover{background:#333;color:#fff;border-color:#333;transition: all 0.4s ease 0s;}
/*
11.Count Up Section 
============================*/
.count-up-sec {
background-color: #333333;
padding: 76px 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.count-up-sec-overlay{background-color: rgba(38, 38, 38, 0.81);
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;}
.counting_sl {
text-align: center;
}
.countup-icon {
  display: inline-block;
  height: 70px;
  margin-bottom: 16px;
  text-align: center;
  width: 70px;
}
.counting_sl h2 {
	color: #ffc300;
	font-size: 40px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.counting_sl h4 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 0;
	text-transform: capitalize;font-weight:400;
	font-family: 'Roboto', sans-serif;
	
}
/*
12.FAQ Section
============================*/
h1.faq-title {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: bold;
	color: #333333;
	line-height: 40px;
	margin-bottom: 50px;
}
.faq-sec .panel {
  background: transparent;
}
.faq-sec .panel-content {
	padding-bottom: 20px;
	color: #999;
}

.faq-sec .panel-heading {
margin-bottom:15px;
padding: 0;
}
.faq-sec .panel {
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0 1px 1px rgba(0,0,0,.0);
	padding-bottom: 15px !important;
	transition: all 0.4s ease 0s;
}
.faq-sec .panel-heading a {
color: #333333;
display: inline-block;
font-size: 20px;
width: 100%;
font-weight:600;
font-family: 'Roboto', sans-serif;
}
.faq-sec .panel-title > a:hover, 
.faq-sec .panel-title > a:active, 
.faq-sec .panel-title > a:focus  {
    text-decoration:none;color:#ffc300;
}
/*contact form*/
.contact-form {
	padding: 45px;
	background: #fafafa;
}
.contact-form h1 {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.contact-form .single-input-fieldsbtn{text-align:center;}
.contact-form .single-input-fieldsbtn input[type="submit"] {
	border: 1px solid #fafafa;
	width: 160px;
	height: 50px;
	padding: 10px;
	background: #ffc300;
	margin-bottom: 0;
	text-transform: uppercase;
}
/*
13.Team Section
==================*/
.team-sec-title{
	margin-bottom:40px;
}
.team-sec-title h1 {
	font-size: 36px;
	color: #333333;
	text-transform: capitalize;
	font-weight: bold;
	text-align: center;
}
.team-inner {
	margin-bottom: 40px;
}
.team-button{margin-top:10px;
text-align:right}
.team-button a {
	background: #ffc300;
	color: #fff;
	padding: 12px 26px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
}
.team-item {
	position: relative;
}
.team-item-overlay{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	transition: all 0.4s ease 0s;
	background-color: rgba(255, 171, 5, 0.80);
	visibility:hidden;
	opacity:0
}
.team-inner:hover .team-item-overlay a{transform: scale(1);}
.team-inner:hover .team-item-overlay{visibility:visible;opacity:1;}
.team-item-overlay a {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	text-align: center;
	margin: 0px auto;
	left: 0;
	right: 0;
	transform: scale(0);
}
.team-info-desc h2{margin-bottom:10px;}
.team-info-desc h2 a {
	font-size: 20px;
	text-transform: capitalize;
	color: #333333;
}
.team-info-desc span {
	text-transform: capitalize;
	letter-spacing: 1px;
}
.team-info-desc {
	margin-top: 8px;
}
.team-info {
	display: inline-block;
	width: 100%;
	padding: 10px;
	border: 1px solid #fafafa;
}
.team-info-skill {
	margin-top: 5px;
}
.team-info-skill .progress-circle {
	width: 70px;
	height: 70px;
}
.team-info-skill .progress-circle span {
	background: #fff;
}
.team-desc p {
	font-style: italic;
}
.team-desc p span{color:#ffc300;font-weight:400}
/*
14.Testimonial Section
==================*/
.testimonial-sec {
	background: #fafafa;

}
.single-testimonial {
	background: #fff;
	margin-bottom: 40px;
	box-shadow: 0px 0px 16px 7px #fafafa;
	
}
.single-testimonial:hover .client-info{
	background:#ffc300;
	transition: all 0.4s ease 0s;
}
.client-info {
	background: #333333;
	padding: 20px;
}
.client-desc {
	text-align: center;
	padding: 0px 70px 20px 70px;
	transition: all 0.4s ease 0s;
}

.client-info h2 {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 4px;
}
.client-info span {
	color: #fff;
	font-style: italic;
}
.client-thumb {
	display: inline-block;
	width: 75px;
	height: 75px;
	border-radius: 100%;
	margin:35px 0px;
	text-align: center;
}
.client-thumb img {
	border-radius: 100%;
}
.client-signature {
	text-align: left;
	margin-top: 30px;
}
.all-testimonial .owl-controls {
	position: absolute;
	top: 200px;
	right: 0;
	z-index: 99;
	width:100%
}
.all-testimonial .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}

.all-testimonial .owl-controls .owl-prev {
  left:0px;
  position: absolute;transition: all 0.4s ease 0s;
}

.all-testimonial .owl-controls .owl-next {
  right: 0;
  position: absolute;transition: all 0.4s ease 0s;
}

.all-testimonial .owl-controls .owl-prev i,
.all-testimonial .owl-controls .owl-next i
 {
background:#333333;
color: #fff;
font-size: 30px;
height: 106px;
line-height: 106px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 48px;
}

.all-testimonial .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#ffc300;color:#fff;border-color:#ffc300
}
.all-testimonial .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#ffc300;color:#fff;border-color:#ffc300
}
.all-testimonial.owl-carousel .owl-item .client-signature img {
	width: auto;
	height: auto;
	display: inline-block;
}
.testimonial-title h1 {
	font-size: 30px;
}
.testimonial-title {
	text-align: center;
	padding: 0px 50px;
	margin-top: 40px;
}
/*
15. Service Page Section
============================*/
.service-page-item {
	margin-bottom: 30px;
}
.service-page-text {
	background: #fafafa;
	padding: 20px;
	display: inline-block;
	width: 100%;
}
.service-page-thumb {
	position: relative;
	overflow:hidden;
}
.service-page-text h2 a {
	color: #333333;
	text-transform: capitalize;
	font-size: 18px;
}
.service-page-text h2{
	margin-bottom:10px;
}
.service-page-text p {
	text-transform: capitalize;
	margin-bottom:0px;
}
.service-page-overlay {
	height:0%;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(255, 171, 5, 0.70);
	transition: all 0.4s ease 0s;
	opacity:0;

}
.service-page-item:hover .service-page-overlay{
	height:100%;
	transition: all 0.4s ease 0s;
	opacity:1;
}
.service-page-overlay a {
	width: 60px;
	height: 60px;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	margin: 0px auto;
}
.service-page-overlay a:hover{background:#333;color:#fff;border-color:#333;transition: all 0.4s ease 0s;}
/*
16. Service Details Page Section
=================================*/
.service-details-page-desc span {
	color: #ffc300;
	font-style: italic;
	text-transform:capitalize;
}
.service-details-page-desc h2 a {
	font-weight: bold;
	font-size: 30px;
	text-transform: capitalize;
}
.service-details-page-desc img {
	width: 100%;
	margin-bottom: 15px;
}
.service-details-page-col {
	margin-top: 30px;
	margin-bottom: 30px;
}
.service-details-text h2,
h2.service-page-title{
	font-size: 24px;
	text-transform: capitalize;
}
/*
17.Project Gallery Section
============================*/

.gallery-full-sec .sec-title h1{margin-bottom:0}
.gallery-full-sec .sec-title {
	margin: 0 0px 50px 0;
	text-align: left;
	display: inline-block;
}
.gallery-full-sec .border-shape {
	float: left;
}
.simplefilter {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
	display: inline-block;
	width: 100%;
}
.shorttitle {
  display: none;
}
.simplefilter li {
color: #333333;
cursor: pointer;
display: inline-block;
padding: 10px 20px;font-size:16px;
text-transform: capitalize;background:#f9f9f9
}
.simplefilter li:hover {
transition: all 0.5s ease-out 0s;background:#ffc300;color:#fff;
}
.simplefilter li.active {
    background: #ffc300;color:#fff;position:relative
}
.simplefilter li.active:hover{transition: all 0.5s ease-out 0s;background:#ffc300;color:#fff;}
.gallery-item {
	position: relative;overflow:hidden
}
.gallery-button h2 a {
	color: #fff;
	text-transform: capitalize;
	font-size: 20px;
}
.gallery-button a i {
	color: #fff;
	font-size: 24px;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 100%;
	line-height: 60px;
}
.project-gallery .inner {
	width: 25%;
	display: inline-block;
	float: left;
}
.gallery-sec .gallery-item {
	margin-bottom:30px;
}
.gallery-sec .simplefilter li.active{color:#fff;background:#ffc300;}
.gallery-item:hover .project-project-gallery-overlay {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s ease 0s;	
}
.project-project-gallery-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 171, 5, 0.80);
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease 0s;
}
.project-gallery-overlay-text {
	text-align: center;
}
.project-gallery-overlay-text {
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
.project-gallery-overlay-text .gallery-button a i {
	color: #fff;
	font-size: 24px;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 100%;
	line-height: 60px;
}
.project-gallery-overlay-text .gallery-button a i:hover{background:#333;color:#fff;border-color:#333;transition: all 0.4s ease 0s;}
.nav-page {
	text-align: center;
	margin-top: 20px;
}
.nav-page ul li {
	display: inline-block;
}
.nav-page ul li a:hover{color: #ffc300;}
.nav-page li.active a {
	color: #ffc300;
}
/*
18. Project Details Page Section
=================================*/
.details-text img{margin-bottom:20px;}
.details-text h2 a,
.project-details-info h2 {
	color: #333333;
	font-size: 24px;
	text-transform: capitalize;
}
.details-text h2,
.related-project h2 {
	font-size: 22px;
	text-transform: capitalize;
}
.project-details-info ul li {
	display: inline-block;
	width: 100%;
	text-transform: capitalize;
	padding: 6px 0;
}
.project-details-info ul li span{float:right}
.project-details-info {
	padding: 50px 40px;
	background: #fafafa;
}
/*
19.Blog Section
==================*/

.single-post {
  display: inline-block;
  margin-bottom: 40px;
}
.single-blog.inner .single-post {
  margin-bottom: 10px;
}
.blog-detail-page .single-post-text {
  padding: 0;
  margin-top: 25px;
}

.single-blog.inner .single-post img {
  margin-bottom: 25px;
}
.single-blog.inner {
  margin-bottom: 40px;
}

/*latest blog*/
.single-post-thumb {
	position: relative;
	overflow: hidden;
}
.single-post:hover .single-post-thumb img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.project-gallery .inner:hover .gallery-item img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.service-item .inner:hover .service-thumb img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.single-post-thumb img,
.gallery-item img,
.service-thumb img{transform:scale(1);transition: all 0.4s ease 0s;}
.service-item .inner:hover h2 a,
.service2-inner:hover h2 a{color:#ffc300}


.single-post-thumb-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}
.post-info {
	display: inline-block;
	width: 100%;
	padding: 10px;
	border: 1px solid #fafafa;
}
.post-meta li span {
	color: #666666;
	font-weight: normal;
	margin-right: 10px;
}
.post-meta li {
	display: inline-block;
	margin-right: 5px;
	text-transform: capitalize;
	padding-right: 10px;
}
.post-meta li:last-child {
	float: right;
	margin-right: 0;
}
.post-meta li a {
	color: #ffc300;
	font-size: 16px;
	margin-top: 10px;
	text-transform: capitalize;
}
.post-tags {
  display: inline-block;
  float: right;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post:hover .single-post-text a {color:#ffc300;}
.single-post-text a {
	color: #333333;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	line-height: 30px;
}
.pst_info {
  float: left;
  display: inline-block;
}
.post-date h2 {
  background: #ffc300;
  text-align: center;
  padding: 10px 5px;
  font-size: 18px;
  color: #fff;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;
}
.single-post-thumb {
	margin-bottom: 20px;
}
.comment-list {
border: 1px solid #fafafa;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.post-meta li:last-child {
  float: right;
}
.post-meta li:last-child {
  float: right;
}
.single-post-text li a {
float: left;
font-size: 15px;
font-weight: normal;
margin-left: 1px;
padding-right:2px;
text-transform: capitalize;
}

.post-date h1 {
  background: #f3af1e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 13px;
  padding: 15px;
  text-align: center;
  text-transform: none;
}
.commentar-sec img {
	float: left;
	margin-right: 20px;
	width: 80px;
	border-radius: 100%;
	height: 80px;
}

.commentar-autor {
	margin-top: 30px;
}
.comment-author {
	margin-bottom: 10px;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 600;
	color: #333333;
}
.comment-time {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	font-style:italic;
}
.commentar-sec .media.mt-3 {
  margin-top: 40px;
}
.single-post .contact-field h2 {
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-transform: capitalize;
	font-weight: bold;
	color: #333333;
}
.commentar-autor-thumb {
	width: 80px;
	height: 80px;

}
.commentar-autor-thumb {
	width: 80px;
	height: 80px;
	margin-right: 15px;
}
.commentar-autor-info h2 {
	font-size: 20px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	color: #333333;
	margin-bottom:5px;
}
.commentar-autor-info span {
	font-style: italic;
}
.commentar-autor-comment {
	padding: 30px;
	background: #f0f0f0;
	position: relative;
	margin-top: 20px;
	font-style:italic;
}
.commentar-autor-thumb img{border: 2px solid #ffc300;border-radius: 100%;}
.commentar-sec h2 {
	margin-top: 50px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 50px;
	font-size: 20px;
}
.replay-button {
	display: inline-block;
	margin-top: 25px;
	position: absolute;
	right: 0;
}
.replay-button a {
	color: #ffc300;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 14px;
	border: 1px solid #ffc300;
	padding: 6px 15px;
	border-radius: 10px;
}
.commentar-sec .media-body p a {
	color: #ffc300;
}
.replay-button a:hover{background:#ffc300;border-color:#ffc300; color:#fff;}
.commentar-sec.author ul li {
  display: inline-block;
  margin-right: 20px;
}
.commentar-sec.author {
  position: relative;
}
.commentar-sec.author ul li a i{color:#cbc8c8}
.commentar-sec.author ul li a i:hover{transition: all 0.4s ease 0s;color:#29ace4}
.commentar-sec.author .media-body {
  padding-left: 100px;
}
.commentar-sec.author .media {
background: #fafafa none repeat scroll 0 0;
border-radius: 30px;
padding: 30px 0;
margin-left: 20px;
}
.author-thumb {
border-radius: 100%;
float: left;
height: 100px;
left: 0;
overflow: hidden;
position: absolute;
top: 70px;
width: 100px;
}
.author-thumb img {
  height: 100%;
  width: 100%;
}
.pagination.custom-pagination {
  text-align: center;
  width: 100%;
}
.code-text {
	font-style: italic;
	padding: 10px 40px;
	position: relative;
}
.code-text::before {
	color: #ffc300;
	content: "";
	font-family: fontawesome;
	font-size: 30px;
	left: 20px;
	position: absolute;
	top: 16px;
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	font-style: normal;
}
.post-share-link {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	margin-top: 30px;
	padding: 10px 0;
	text-align: center;
}
.post-share-link li {
	display: inline-block;
	margin: 0px 10px;
	text-transform: capitalize;
	color: #777777;
}
.post-share-link li:first-child {
	float: left;
}
.post-share-link li:last-child {
	float: right;

	text-transform:uppercase;
}
.post-share-link li:last-child a{
	color:#ffc300!important;	
}
/*news classic post meta*/
.blog-sec a.blog-btn {
	color: #ffc300;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	display: inline-block;
	width: 160px;
	height: 50px;
	text-align: center;
	padding: 10px;
	border: 1px solid #ffc300;
	margin-top: 10px;
}
.single-post:hover a.blog-btn{background:#ffc300;color:#fff;border-color:#ffc300;transition: all 0.4s ease 0s;}
.post-meta-info {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.post-meta-info-left span,
.single-post-meta-info span {
	display: inline-block;
	float: left;
	margin-right: 10px;
	text-transform: capitalize;
}
.post-meta-info-right {
	text-align: right;
}
.single-post-meta-info {
	margin-left: 20px;
}
.post-meta-info-left a,
.single-post-meta-info a {
	font-size: 16px !important;
	display: inline;
	color: #ffc300;
	font-weight: 300;
}
.single-post-meta-info {
	display: inline-block;
}
.news-classic.nav-page {
	text-align: left;
}
/*
20.Sidebar Section
=====================*/
.sidebar h1 {
	display: inline-block;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: capitalize;
	width: 100%;
	color: #333333;
	position: relative;
	padding-bottom: 10px;
	font-weight: bold;
}
.search-field {
	margin-bottom: 40px;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type=text] {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #fafafa;
padding: 10px 35px 10px 10px;
width: 100%;
}
.search-field button {
	color: #fff;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	background: #ffc300;
	top: 0;
}
.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}

.sidebar ul li a{font-size: 16px;
font-weight: normal;
text-transform: capitalize;
transition: all 0.4s ease-in-out 0s;}

.sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#ffc300}
.widget-two {
	margin: 40px 0;
}
.widget-archive li {
	display: inline-block;
	position: relative;
	width: 100%;
	background: #fafafa;
	padding: 10px 20px;
	color: #777777;
	background: #;
	margin-bottom: 5px;
}
.widget-archive li:hover{border-right:4px solid #ffc300;transition: all 0.4s ease-in-out 0s;}
.widget-archive li a:hover{color:#ffc300;transition: all 0.4s ease-in-out 0s;}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-archive li a{color:#777777;
display:inline-block;
width:100%;
}
.widget-cat li{position:relative}

.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-cat li a span{float:right;}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;color:#ffc300!important}
.relative-post h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #999999;
}
.single_r_dec li {
	display: inline-block;
	margin-right: 10px;
}
.single_r_dec li a{font-weight:600;text-transform:capitalize}
.single_r_dec li a i{color:#ffc300;margin-right:5px}
.relative-post {
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right:25px;
}
.single_r_dec h3 a {
	color: #25292f;
	font-weight: 600;
}
.single_r_dec li a{
	font-style:italic;
}
.single_r_dec li:last-child{float:right}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#ffc300}
.all_r_pst .media {
  margin-top: 0;
}
.widget-tag a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	color: #777777;
	font-weight: 600;
}
.widget-tag li a:hover{color:#ffc300!important;}
.widget-news-archive{margin-bottom:40px;}
.widget-news-archive li {
	display: inline-block;
	width: 100%;
	padding:5px 0px;
}
.widget-news-archive li a span {
	float: right;
}
.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
.sidebar .client-testimonial-widget {
	margin-bottom: 40px;
	margin-top: 40px;
}
.client-testimonial .owl-carousel .owl-item img {
border-radius: 100%;
}
.client-img {
  border-radius: 100%;
  height: 100px;
  margin-right: 20px;
  width: 100px;
}
.client-img img {
	border-radius: 100%;
}
.client-single-testimonial {
display: inline-flex;
width: 100%;
}
.client-info-inner {
	width: 100%;
}
.client-info-inner h2 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-size: 18px;
}
.client-info-inner h3 {
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: capitalize;
	font-size: 14px;
	color: #ffc300;
	font-family: 'Roboto', sans-serif;
}
.client-comment p {
	margin-bottom: 0;
}
.client-comment {
	display: inline-block;
	width: 100%;
	position: relative;
}
.client-comment::before {
	color: #cecccc;
	content: "";
	font-family: fontawesome;
	font-size: 20px;
	position: absolute;
	top: 0px;
	text-align: center;
	left: -24px;
	font-style: normal;
}
.brochures h2 {
	color: #fff;
	background: #ffc300;
	margin-bottom: 20px;
	text-align: center;
	padding: 20px 10px;
	text-transform: capitalize;
}
.brochures li {
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	position: relative;
 background:#fafafa;
 margin-bottom:5px;
}
.brochures li a {
  color: #b7b4b4;
  font-weight: 600;
  font-size: 14px;
}
.brochures li:hover{background:#ffc300}
.brochures li:hover a{color:#fff!important}
.brochures li:hover i{color:#fff}


.brochures li a span {
  float: right;
  color: #b7b4b4;
}

/*
21.Page Heading Section
==========================*/
.pagehding-sec {
	background-image: ;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding-top: 30px;
	position: relative;
	background-size: cover;
}
.pagehding-overlay {
	background-color: rgba(0, 0, 0, 0.50);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.page-heading h1 {
	font-size: 40px;
	text-align: left;
	text-transform: capitalize;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	color:#fff;
}
.breadcrumb-list {
	text-align: left;
}
.breadcrumb-list li {display: inline-block;
position: relative;
padding: 0px 14px;}
.breadcrumb-list li:first-child {
	padding-left: 0;
}
.breadcrumb-list li a {
font-weight:600;text-transform:capitalize;
font-family: 'Roboto', sans-serif;
color:#fff;
}
.breadcrumb-list li:last-child a {
  color: #ffc300;
}
.breadcrumb-list li::before {
  content: "/";
position: absolute;
right: -8px;font-size:16px;
font-weight: 600;
color:#ffffff;
}
.breadcrumb-list li:last-child::before{display:none}
.breadcrumb-list li:last-child::before {
  display: none;
}

/*
22.Company Mission Page
============================*/
.company-mission-text h1 {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: bold;
	color: #333333;
}


/*
23.Contact Page
============================*/
.contact-page-sec .contact-field h2 {
	color: #333000;
	text-transform: capitalize;
	font-size: 22px;
	font-weight: 700;
}
.contact-field .col-md-6.col-sm-6.col-xs-12 {
  padding-left: 0;
}  
.contact-field.contact-form input {
  margin-bottom: 5px;
}  
.contact-field.contact-form textarea {
  height: 110px;
}
.contact-field.contact-form input[type="submit"] {
  background: #ffc300;
  width: 150px;
  border-color: #ffc300;
}
.contact-info-text {
	margin-bottom: 40px;
}
.contact-info-text span a {
	color: #8bb6eb;
	border-bottom: 1px solid #8bb6eb;
}
.contact-info-text h2 {
	color: #333333;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 10px;
}
.contact-info-text span {
	color: #999999;
	font-size: 16px;
	font-weight: ;
	display: inline-block;
	width: 100%;
}

.contact-field input{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #000;
  margin-top: 20px;
  padding: 10px;
  width: 100%;color:#999999;
}
.contact-field select {
	width: 100%;
	border: 1px solid #fafafa;
	padding: 12px 20px;
	margin-bottom: 20px;
	text-transform: capitalize;
	color: #999999;
}
.contact-field .select-arrow::before {
	top: 15px;
	color: #999999;
}
.contact-field .message-input {
display: inline-block;
width: 100%;
padding-left: 0;
}
.single-input-field textarea {
	border: 1px solid #000;
	width: 100%;
	height: 120px;
	padding: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
	width: 170px;
	height: 50px;
	padding: 10px 0;
	background: #ffc300;
	border-color: #ffc300;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	margin-top: 20px;
}
.single-input-fieldsbtn input[type="submit"]:hover{background:#333;transition: all 0.4s ease-in-out 0s;border-color:#333}
.contact-field {
  display: inline-block;width:100%
}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-page-form {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}

.contact-page-map{width:100%;height:350px;margin-bottom:70px}

.contact-page-sec .single-input-fieldsbtn {
	display: inline-block;
	width: 100%;
	padding-right: 15px;
}
/*
24.Call To Action Section
============================*/
.call-to-action-sec{
  background-color: #ffc300;
  padding: 50px 0;position:relative;
}
.call-to-action-text {
  text-align: left;
}
.call-to-action-text {
  color: #fff;
}
.call-to-action-text p {
	margin-bottom: 0;
	font-style: italic;
	font-size: 18px;
	color: #333333;
}
.call-to-action-text  h2 {
  color: #fff;
  text-transform: capitalize;
  font-size:30px;
  font-weight:600
}
.call-to-action-text a.btn {
background: #fff none repeat scroll 0 0;
border-radius: 0;
color: #333333;
float: right;
font-weight: bold;
padding: 14px 36px;
text-transform: uppercase;
margin-top: 10px;
}
.call-to-action-text a.btn:hover{background: #333333;transition: all 0.4s ease-in-out 0s;color:#fff;}

/*
25.404 Page Section 
======================*/
.error-page-content {
  text-align: center;
  padding: 0px 50px;
}
.error-page-content  h1 {
  color: #333333;
  font-weight: bold;
  font-size: 60px;
  text-align:center;
}
.error-page-content  h2{text-transform:capitalize;}
.error-page-content > a {
	color: #fff;
	font-weight: 600;
	background: #ffc300;
	padding: 12px 34px;
	display: inline-block;
	margin-top: 20px;
}
.error-page-content ul li {
	display: inline-block;
	width: 100%;
	padding: 4px 0;
	position:relative;
}

/*
26.Footer Section 
======================*/
.footer-sec {
padding: 50px 0;
background:#333333;
}
.footer-sec h2 {
	font-size: 22px;
	text-transform: capitalize;
	font-weight: 600;
	color: #ffffff;
	margin-bottom:40px;
}
.footer-sec p {
  color: #f4f4f4;
}
.footer-wedget-one img {
  margin-bottom: 20px;
}

.footer-wedget-one i:hover{background:#ffc300;color:#fff;border-color:#ffc300; transition: all 0.4s ease-in-out 0s;}
.footer-wedget-one ul {
  margin-top: 15px;
}

.footer-wedget-one li i {
  display: inline-block;
  margin-right: 10px;
}
.footer-widget-menu li{position:relative}
.footer-widget-menu li a {
  color: #f4f4f4;
  text-transform: capitalize;
  padding-bottom: 10px;
  display: inline-block;
}
.footer-widget-menu li a:hover{color:#ffc300;transition: all 0.4s ease 0s;}

.footer-bottom-sec {
padding: 26px  0;
background:#212121;

}
.footer-wedget-one ul li i {
	color: #9b9b9b;
	float: left;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	text-align: center;
	width: 40px;
	transition: all 0.4s ease-in-out 0s;
	border-radius: 100%;
	border: 1px solid #9b9b9b;
}
.footer-wedget-one ul li i:hover{background:#ffc300;border-color:#ffc300;}
.footer-wedget-one ul {
  margin-top: 20px;
}
.lastest-news-thumb {
	width: 76px;
}
.lastest-news-text h2 {
	margin-bottom: 10px;
}
.lastest-news-text h2 a{
	font-size:18px;font-weight:600;
	color:#fff;
	text-transform:capitalize;
	
}
.lastest-news-text h2 a:hover{color:#ffc300}
.footer-bottom-sec p {
	color: #f4f4f4;
	font-weight: 600;
	margin: 0;
	text-align: center;
	font-size: 16px;
}
.copy-right span,
.copy-right span a{
  color: #ffc300;
}
/* The End */