/**
 * Stylesheet:  style.css
 * Theme:       Construction - Building Company HTML5 Responsive Template
 * Version:     1.0
 * Author:     	Theme Earth
 * URL:         https://themeforest.net/user/themeearth
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section 
10.Why Choose Us Section
11.Call To Action Section
12.FAQ Section
13.Blog Section
14.Sidebar Section
15.Testimonial Section
16.Page Heading Section
17.Team section
18.About Page
19.Contact Page
20.Footer Section
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

html,
body {
  height: 100%;
  font-size: 16px;
  color: #333;
font-family: 'Source Sans Pro', sans-serif;
  vertical-align: baseline;
  line-height: 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 15px;
	color: black;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
  color: #333;
}

h1 {
font-size: 28px;
line-height: 38px;
color: #fe7c00;
text-align: center;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#fe7c00
	  
}
a:active,
a:hover {
  outline: 0 none;
  color: #ff0000;text-decoration:none
	      
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #fe7c00;
  text-shadow: none;color:#fff
}
::selection {
  background: #fe7c00;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.slider-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1

}
.images-overlay {
   background-color:rgba(34, 34, 34, 0.95);
  height: 100%;
  position: absolute;  width: 100%;
  top: 0;

}
.pt-50{padding-top:50px}
.pb-20{padding-bottom:20px}
.pb-50{padding-bottom:50px}
.bg-gray{background:#ececec}
/*
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: #fe7c00 none repeat scroll 0 0;
border-radius:0;
bottom: 5px;
color: #fff;
font-size: 25px;
height: 40px;
right: 20px;
text-align: center;
text-decoration: none;
width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#000;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
  background: #242424 none repeat scroll 0 0;
  padding: 6px 0;
}

.hd-lft li {
color: #fff;
display: inline-block;
font-size: 14px;
position: relative;
padding-right: 10px;
}

.hd-lft li i{margin-right:10px;color:#fff}
.hd-rgt{text-align: left;}
.hd-rgt li {display: inline-block;
margin-right: 20px;
position: relative;}
.hd-rgt li a {
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 14px;
height: 20px;
line-height: 20px;
position: relative;
text-align: center;
text-transform: capitalize;
width: 20px;
}
.hd-rgt li a i:hover{color:#fe7c00;}
.hd-rgt li a i{color:#fff}
.hd-lft {
  text-align:left
}
.hd-search {
  display: inline-block;
  float: right;
}
.hd-search form {
  display: inline-block;
  position: relative;width:100%
}
.hd-search input[type="text"] {
background: #fff none repeat scroll 0 0;
color: #000;
padding: 0 35px 0 10px;width: 100%;
}
.hd-search button {
background: #fe7c00 none repeat scroll 0 0;
color: #fff;
padding: 0 10px;
position: absolute;
right: 0;
}
/*
Intro Section
=================*/
.intro-sec {
  background: #fe7c00 none repeat scroll 0 0;
}
.contact-intro {
  text-align: center;
}
.info-intro {
display: inline-block;
margin: 0 30px;
}
.info-text h5 {
color: #fff;
font-size: 16px;
margin-bottom: 0;
text-align: left;
}
.info-text a,
.info-text span {
color: #fff;
font-size: 14px;
}
.info-intro i {
color: #fff;
font-size: 22px;
line-height: 38px;
}
.info-icon {
display: inline-block;
height: 40px;
margin-right: 20px;
position: relative;
top: -8px;
width: 40px;
}
.info-icon::before {
  border: 1px solid #fff;
  transform: rotate(50deg);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
.info-text {
  display: inline-block;
}
/*
4.Menu  Section
=================*/
.mnmenu-sec{background: #fff none repeat scroll 0 0;
}
.logo {
  padding: 28px 0px;
}
.main-menu ul {
float: right;
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
line-height: 88px;
}
.main-menu ul >li {
display: inline-block;
padding: 0;
position: relative;
}
.main-menu ul li a {
border-radius: 26px;
color: #464646;
font-size: 15px;
font-weight: bold;
padding: 8px 16px;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.main-menu ul li.active a{color:#fff;position:relative;background:#fe7c00}
.main-menu ul li.active a:hover{color:#fff}
.main-menu ul li ul:hover .main-menu ul li a{
  background: #ddd;
}
.main-menu ul li a:hover {
transition : all 0.4s 0s ease;
color:#fe7c00
}

.main-menu ul ul {
background: #333 none repeat scroll 0 0;
left: 0;
opacity: 0;
position: absolute;
text-align: left;
top: 170px;
transition: all 0.4s ease 0s;
visibility: hidden;
z-index: 99999;
line-height: 40px;
}
.main-menu ul ul li {
float : none;
width : 294px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu ul ul li:last-child{border-bottom:0}
.main-menu ul ul li a {
color: #fff;
padding: 5px 10px;
text-transform: capitalize;
}
.main-menu ul ul li a:hover {
color:#fe7c00
}
.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: scaleX(1);top:90px;opacity:1
}
.main-menu ul li a i {
margin-left: 6px;
font-size: 12px;
}

/*
5.Slider Section
======================*/
.all-slide .owl-item {
  height: 500px;
}
.all-slide .single-slide {
background-position: center center;
background-size: cover;
height: 100%;
background-repeat: no-repeat;
}
.slider-text {
  left: 0;
  margin: 0 auto;
  position:relative;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 210px;z-index:2
}
.slider-text h1 {
color: #fff;
font-size: 42px;
text-transform: uppercase;font-weight:700;
}
.slider-text h2 {
  color: #fff;
  font-weight: normal;
}
.slider-text p {
  color: #fff;
}
.slider-text li {
  display: inline-block;
}
.slider-text li a {
background: #212836 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
margin: 0 10px 0 0;
margin: 8px 4px;
padding: 12px 30px;
text-transform: uppercase;
}
.slider-text li:last-child a{background: #fe7c00 none repeat scroll 0 0;}
.slider-text li:last-child a:hover{background: #424242 none repeat scroll 0 0;transition: all 0.4s ease 0s;}
.all-slide .owl-controls {
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-buttons div{margin:0;padding:0}
.all-slide .owl-controls .owl-prev {
  left: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-next {
  right: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-prev i{border-radius:0px 4px 4px 0px}
.all-slide .owl-controls .owl-next i{border-radius:4px 0px 0px 4px}
.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
background-color:rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 30px;
height: 60px;
line-height: 60px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
}

.all-slide .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#fe7c00;color:#fff
}
.all-slide .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#fe7c00;color:#fff
}

/*
6.Title Section
=================*/
.sec-title {
  margin: 0 0px 30px;
  text-align: center;
}

.sec-title  h2 {
color: #424242;
display: inline-block;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
}

.sec-title h2 span {
color: #fe7c00;
margin-left: 10px;
}

.sec-title  p {
margin-top: 0;
}
/*
7.About Section
===================*/
.about {
padding-bottom: 30px;
padding-top: 50px;
}
.about h3 {
  text-transform: uppercase;
}
.about-button a {
  background: #212836 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 8px 4px;
  padding: 10px 30px;
  text-transform: uppercase;position:relative
}

.about-button a:last-child{background: #fe7c00 none repeat scroll 0 0;}
.about-button a:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #fff;
padding-left:10px;float:right}
/*
8.Service Section
============================*/
.service i  {
background: #fe7c00 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font-size: 24px;
height: 60px;
line-height: 60px;
text-align: center;
width: 60px;
}
.why-choose i  {
color: #fe7c00;
font-size: 22px;
margin-right: 15px;
}
.service-item .inner{margin-bottom: 30px;}
.service-thumb img {
  width: 100%;
}
.service-item .inner:hover.inner h2 a{
  color:#fe7c00
}
.service-item .inner:hover .service-icon i{background:#fff;color:#fe7c00}
.why-choose h2 {
font-size: 18px;
margin-bottom: 10px;
margin-top: 15px;
}
.service-item .inner:hover a.btn.readmore{background:#424242!important;transition: all 0.4s ease 0s;}
.service-item .inner h2{
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 18px;
text-transform: uppercase;

}
.service .service-item .inner a.btn.readmore {
background: #fe7c00 none repeat scroll 0 0;
border-radius: 2px;
color: #fff;
font-family: raleway;
}
.service .service-item .inner a.btn.readmore:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #fff;
padding-left:10px;float:right}
.service-item .inner:nth-child(3n+1) {
  clear: both;
}

.btn.rdmorebtn {
  background: #fe7c00 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.service-thumb {
position: relative;
overflow: hidden;
}
.service-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;background-color: rgba(34, 34, 34, 0.95);visibility:hidden;transition: all 0.4s ease-in-out 0s;opacity:0;transform: scaleX(0);
}
.service-icon a {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.service-item .inner:hover .service-icon{visibility:visible;transition: all 0.4s ease-in-out 0s;opacity:1;transform: scaleX(1);}
/*
9.Count Up Section 
============================*/
.count-up-sec {
background-color: #fff;
background-image: url("../img/bannar.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;
background-attachment: fixed;
}


.count-up-sec .sec-title h1 {
  color: #fff;
}
.count-up-sec .sec-title p {
  color: #fff;
}
.counting_sl {
  text-align: center;
}
.counting_sl i {
color: #fff;
font-size: 32px;
text-align: center;
}
.counting_sl h2 {
color: #fff;
font-size: 40px;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 18px;
}
.counting_sl h4 {
color: #fff;
font-size: 14px;
margin-bottom: 0;
text-transform: uppercase;font-weight: 700;
}

/*
10.Why Choose Us Section
============================*/

.project-sec .item {
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out 0s;
margin-bottom: 30px;
}
.why-choose .inner:nth-child(2n+1) {
  clear: both;
}
.project-sec .item:hover .project-hoverlay{visibility:visible;opacity:1;transform:scale(1);}
.project-hoverlay {
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;background:#fe7c00; transition: all 0.4s ease-in-out 0s;visibility:hidden;opacity:0;transform:scale(10);
}

.project-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.project-text  a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  line-height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;color:#fe7c00;
}
.project-text  h3 {
  color: #fff;
  text-transform: uppercase;
}
.project-sec .item img {
  width: 100%;
}

.why-choose .inner {
  margin-bottom: 30px;
}

/*
11.Call To Action Section
============================*/
.call-to-action-sec{
background-color: #fff;
background-image: url("../img/call_to_action_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0;
position: relative;
background-attachment: fixed;
}
.call-to-action-overlay {
  background-color:rgba(34, 34, 34, 0.95);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.call-to-action-text {
color: #fff;
text-align: center;
}
.call-to-action-text  h2 {
text-transform: uppercase;
color: #fff;
}
.call-to-action-text a.btn {
background: #fff none repeat scroll 0 0;
border-radius: 0;
color: #fe7c00;
font-weight: bold;
padding: 12px 36px;
text-transform: uppercase;
margin-top: 5px;
}
.call-to-action-text a.btn:hover{background: #424242;transition: all 0.4s ease-in-out 0s;}


/*
12.FAQ Section
============================*/
.faq-sec {
background: #242424 none repeat scroll 0 0;
color: #fff;
padding: 50px 0;
}
.faq-title {
  margin-bottom: 40px;
}
.faq-sec .panel {
  background: transparent;
}
.faq-sec .panel-content {
  padding: 15px;
}
.faq-title > h2 {
color:#fe7c00;
text-transform: uppercase;
margin-bottom: 10px;
}

.faq-img {
width: 100%;
}
.faq-sec .panel-heading {
  background: #fe7c00;
  padding:0;border-radius:0px
}

.faq-sec .panel-heading a {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;color: #fff
}
.faq-sec .panel-title a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f056";
    padding-right: 5px;
}
.faq-sec .panel-title a.collapsed:before {
    float: right !important;
    content:"\f055";
}
.faq-sec .panel-title > a:hover, 
.faq-sec .panel-title > a:active, 
.faq-sec .panel-title > a:focus  {
    text-decoration:none;background:#000;
}
.faq-title .border-shape {
  float: left;
  width: 100%;
}

/*
13.Blog Section
==================*/

.blog-sec .blog-post {
  padding: 0;
}
.post-thumb {
margin-bottom: 15px;
position: relative; transition: all 0.4s ease 0s;
}
.single-post-text.overlay {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
padding: 10px;
position: absolute;
width: 100%;
z-index: 9;
}
.single-post-text.overlay a {
  color: #fff;
}
.single-post-text a.readmore {
  color: #fe7c00;
}
.single-post:hover .post-thumb:before {
  position: absolute;
  content: "";
background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;transition: all 0.4s ease 0s;
}
.pst_info {
  float: left;
}
.single-post {
  display: inline-block;
  margin-bottom: 30px;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post-text a {
color: #fe7c00;
font-size: 16px;
font-weight: bold;
}
.single-post-text h2 {
  width: 100%;
  display: inline-block;
}
.post-date h2 {
background: #fe7c00 none repeat scroll 0 0;
color: #fff;
font-size: 18px;
padding: 10px 0;
text-align: center;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;position:relative
}
.single-post-text.overlay ul {
margin-bottom: -5px;
}
.comment-list {
border: 1px solid #ddd;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.single-post > img {
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}
.single-post-text  ul {
width: 100%;
display: inline-block;
}
/*.single-post-text li a {
float: left;
font-size: 16px;
font-weight: normal;
margin-left: 1px;
padding-right: 15px;
text-transform: capitalize;
}*/
.single-post-text li a i{margin-right: 5px;color:#fe7c00}
.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;
}
/*
14.Sidebar Section
=====================*/
/*
.sidebar h1 {
background: #fe7c00 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size:18px;
margin-bottom: 10px;
margin-top: 20px;
text-transform: uppercase;
width: 100%;
padding: 10px;
}
*/
.sidebar h3 {
    background: #fe7c00 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%;
    padding: 16px;
    text-align: center;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type=text] {
background: #ececec none repeat scroll 0 0;
color: #222;
padding:10px 35px 10px 10px;
width: 100%;
}

.search-field button {
background: #fe7c00 none repeat scroll 0 0;
color: #fff;
position: absolute;
padding:10px;
right: 0;
}

.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}

.sidebar ul li a{color: #333;
font-size: 14px;
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:#fe7c00}
.widget-archive li{position:relative}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-cat li{position:relative}
.widget-archive li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;background:#fe7c00;color:#fff!important;border-color:#fe7c00}
.relative-post h3 {
font-size: 15px;
text-transform: capitalize;
margin-bottom: 10px;
}
.relative-post {
border-bottom: 1px solid #ececec;
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right: 15px;
}
.single_r_dec  a {
color: #717171;
line-height: 20px;
}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#fe7c00 }
.all_r_pst .media {
  margin-top: 0;
}
.single_r_dec p {
  margin-bottom: 0;
}


.widget-archive li {
border-bottom: 1px solid #ebebeb;
display: inline-block;
padding: 10px 0;
position: relative;
width: 100%;
}
.widget-archive span {
  float: right;
}
.widget-tag a {
  float: left;
  padding: 10px;
  border: 1px solid #ececec;
  margin-right: 5px;
  margin-bottom: 5px;
}

.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;
}
/*
15.Testimonial Section
=========================*/
.testimonial-sec {
background-attachment: fixed;
background-image: url("../img/testimonial_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;
}
.testimonial-overlay {
  background-color: rgba(34, 34, 34, 0.95);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.testimonial-sec .sec-title h1{color:#fff}
.testimonial-sec .sec-title p{color:#fff}
.all-testimonial .owl-controls {
  position: absolute;
  top: 40%;
  width: 100%;
}
.all-testimonial .owl-controls .owl-buttons div {
  background: none;
opacity:1
}

.all-testimonial .owl-controls .owl-prev {
  left: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-next {
  right: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-prev i,
.all-testimonial .owl-controls .owl-next i {
border-radius:0;
color: #fff ;
font-size: 30px;
height: 40px;
line-height: 37px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;background:#fe7c00;border-radius:2px
}

.all-testimonial .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}
.all-testimonial .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}

.sngl-client {
border: 1px solid #ddd;
margin-bottom: 30px;
text-align: center;
margin: 5px;
}
.single-testimonial {
color: #fff;
margin: 0px 50px;
text-align: center;
}
.client-comment img {
border-radius: 100%;
height: 150px;
margin: 20px 0;
width: 150px;
}
.client-comment  h2 {
color: #fe7c00;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 10px;
}
.client-comment  h3 {
color: #fff;
font-size: 14px;
text-transform: capitalize;
margin-bottom: 13px;
}
.client-comment > ul {
  padding-bottom: 15px;
}
.client-comment li {
  display: inline-block;
}
.client-comment li a{
border: 2px solid #464646;
border-radius:2px;
color: #fff;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;background:#464646
}
.client-comment li a:hover{background:#fe7c00;transition: all 0.4s ease-in-out 0s;color:#fff;border-color:#fe7c00}
.client-sec .owl-controls {
  display: none;
}

.brder {
  border-top: 1px solid #E1E1E1;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  width: 370px;
}

/*
16.Page Heading Section
==========================*/
.pagehding-sec {
background-image: url("../img/pg_hd.jpg");
background-position: center center;
background-repeat: no-repeat;
padding: 80px 0 !important;
position: relative;
background-size: cover;
}
.pagehding-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-heading  span {
color: #fff;
font-size: 30px;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
text-align: left;
}
.page-heading li {display: inline-block;
position: relative;
padding: 0px 14px;}
.page-heading li a {
color: #fff;
text-transform: uppercase;
}
.page-heading  ul {
  text-align: right;
}
.page-heading li::before {
  border-right: 1px solid #fff;
  content: "";
  height: 60%;
  position: absolute;
  right: -2px;
  top: 5px;
}
.page-heading li:last-child::before{display:none}

/*
17.Team section
=================*/

.team-member {
background: #fff none repeat scroll 0 0;
padding-bottom: 20px;
text-align: center;
margin-bottom: 30px;position:relative;overflow:hidden;
}
.team-member:hover .team-overlay{visibility:visible;transition: all 0.4s ease-in-out 0s;opacity:1;transform:scaleX(1)}
.team-thumb {
  position: relative;
}
.team-overlay{
  position: absolute;
  width: 100%;
  left: 0;height:100%;top:0px;background-color: rgba(34, 34, 34, 0.95);opacity:0;transform:scaleX(0);visibility:hidden;transition: all 0.4s ease-in-out 0s;
}
.team-overlay ul{
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.team-member img {
  width: 100%;
  border-bottom: 4px solid #fe7c00;
}
.team-member  h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  text-transform: uppercase;
}
.team-member  h3 {
  font-size: 14px;
  text-transform: capitalize;
}
.team-member li {
  display: inline-block;
  padding: 0px 10px;
}
.team-member li i{color:#fff}
/*
18.About Page
================*/

.abtdsc-sec p {
  color: #fff;
}
.abt-lft h2 {
color: #464646;
}
.abt-img img {
  width: 100%;
}

/*
19.Contact Page
============================*/
.contact-field  h2,
.map-heading h2 {
color: #464646;
font-size: 24px;
padding-bottom: 16px;
position: relative;
text-transform: uppercase;
}

.contact-info h3 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
}
.contact-info i {
  margin-right: 10px;
}
.contact-field .col-md-4.col-sm-4.col-xs-12,
.contact-field .message-input {
  padding-left: 0;
}
.contact-field input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #E5E5E5;
  margin-bottom: 30px;
  padding: 10px;
  width: 100%;
}
.contact-field .message-input {
  display: inline-block;
  width: 100%;
}
.single-input-field textarea {
  border: 1px solid #E5E5E5;
  width: 100%;
  height: 200px;
  padding: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
background: #fe7c00 none repeat scroll 0 0;
color: #fff;
margin-top: 20px;
text-transform: uppercase;
border-color: #fe7c00;
}
.single-input-fieldsbtn input[type="submit"]:hover{background:#000;transition: all 0.4s ease-in-out 0s;border-color:#000}
.contact-field {
  display: inline-block;
}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-person h1 {
color: #fe7c00;
font-size: 24px;
position: relative;
text-transform: uppercase;
}

.single-info h2 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-top: 30px;
}

.map-sec iframe{width:100%;height:450px}
/*
20.Footer Section 
======================*/
.footer-sec {
  background: #242424 none repeat scroll 0 0;
  padding: 40px 0;
}
.footer-sec h2 {
color: #fff;
font-size: 20px;
margin-bottom: 10px;
position: relative;
text-transform: uppercase;
padding-bottom: 20px;
margin-bottom: 20px;border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
.footer-sec h2:before {
border-bottom: 3px solid #fe7c00;
content: "";
position: absolute;
width: 30px;
bottom: 0;
}
.footer-sec p {
  color: #ccc;
}

.footer-wedget-one i {
border: 1px solid #fe7c00;
color: #fff;
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:2px;background:#fe7c00
}
.footer-wedget-one i:hover{background:#000;color:#fff;border-color:#000; transition: all 0.4s ease-in-out 0s;}
.footer-wedget-one ul {
  margin-top: 15px;
}

.footer-wedget-three li i {
  display: inline-block;
  margin-right: 10px;
}
.ft-menu ul {
  padding: 0px 20px;
}
.ft-menu h2 {
  display: inline-block;
  text-align: left;
}
.footer-wedget-three li {
  color: #ccc;
padding:10px 0px
}
.footer-wedget-two li{padding-bottom:10px}
.footer-wedget-two li a {
color: #ccc;
text-transform: capitalize;
display: inline-block;
 transition: all 0.4s ease-in-out 0s;
}
.footer-wedget-two li a i {
  margin-right: 10px;
}
.footer-wedget-two li a:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #fe7c00;
padding-right:10px}

.footer-wedget-newsletter form {
  background: #525459 none repeat scroll 0 0;
  margin-top: 35px;position:relative
}
.footer-wedget-newsletter input[type="email"] {
background: #282828  none repeat scroll 0 0;
border: 1px solid #fe7c00;
color: #fff;
padding: 10px 46px 10px 10px;
width: 100%;
text-transform: capitalize;
}
.footer-wedget-newsletter input[type="submit"] {
background: #fe7c00 none repeat scroll 0 0;
border: 1px solid #fe7c00;
color: #fff;
top: 0;
padding: 10px;
position: absolute;
right: 0;
}
.footer-bottom-sec {
  background: #282828  none repeat scroll 0 0;
  padding: 15px 0;
}
.footer-bottom-sec p {
color: #ccc;
font-weight: bold;
margin: 0;
text-align: center;
}

/* The End */

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}



  .accordion .content{
    display: none;
  }
  
  .dd {
    font-size: 30px;
    line-height: 40px;
    padding: 5px;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #272727;
  }
  
  
  
  
    
  .bb {
    font-size: 22px;
    line-height: 30px;
    padding: 5px 0;
    color: #000;
    text-align: left;
  }
  
  .cc {
    font-size: 16px;
    line-height: 26px;
    padding: 5px 10px 0;
    color: #000;
    text-align: left;
  }
  
  .single-post-text ul li {
	  padding: 5px 0;
  }


  .bread-crumbDetails {
    color: #fff;
    z-index: 9999;
    position: relative;
    /* background: #f0f; */
}

.bread-crumbDetails span.breadD {
  text-align: center;
  display: block;
  font-size: 34px;
}

ul.bread-crumb.clearfix {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  font-size: 20px;
}

ul.bread-crumb.clearfix li a{
  color: #fe7c00;
}

.footer-sec .footer-wedget-newsletter p a {
  color: #fff;
}

.footer-sec .footer-wedget-newsletter p a:hover{
  color: #fe7c00;
}
.border-video {
  border: 6px solid #ccc;
}
.border-video video {
  display: block;
}




.carrerDetails h3, .carrerDetails h5{
  margin-bottom: 10px;
}
.carrerDetails p{
  color: #000;
}

.carrerDetails ul li{
  color: #000;
  margin-bottom: 10px;
  list-style-type: disc;
}
.carrerDetails ul {
  margin-left: 20px;
}

.carrerDetails button{
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  margin-top: 20px;
}
.carrerDetails{
  position: relative;
}

.carrerDetails .backTo{
  position: absolute;
  top: 0;
  right: 0;
  color: #fec500;
}

.carrerDetails .backTo:hover{
  color:#000;
}

.carrerDetails h3 .job_details ul{
  margin-left: 0;
}
.carrerDetails h3 .job_details ul li {
  list-style-type: none;
  padding-left: 0;
}
.job_details ul {
  display: flex;
  gap: 24px;
}

.job_details ul li:first-child {
  border: none;
}

.job_details ul li {
  border: none;
  padding: 0;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
  border-right: 1px solid #a8a8a8 !important;
  padding-right: 15px;
  list-style-type: none;
}
.job_details ul li:last-child {
  border-right: none !important;
}



.forHeadingOne {
  text-align: center;
  font-size: 26px;
  margin-bottom: 50px;
  background: #ece9e9;
  padding: 10px;
  border-bottom: 2px solid #fe7c0b;
  border-radius: 3px;
  color: #fe7c0b;
}
.forHeadingTwo {
  font-size: 20px !important;
  margin-bottom: 15px !important;
  line-height: 32px !important;
  color: #000000;
  background: #ece9e9;
  padding: 10px;
  border-left: 2px solid #fe7c0b;
  border-radius: 3px;
  margin-top:20px;
}

.product-pic {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}


.product-list-li ul li {
  list-style-type: none;
  margin: 0px 0;
  position: relative;
  padding-left: 20px;
  color: #000;
  font-size: var(--body-font-size);
  font-family: var(--text-font);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}

.product-list-li ul li::before {
  content: "";
  height: 12px;
  width: 12px;
  display: block;
  background: #fe7c0b;
  position: absolute;
  top: 13px;
  left: 0px;
  border-radius: 50%;
  border: 2px solid #64322e;
}


.accro .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  margin-bottom: 10px;
  font-weight: 400;
}

.accro  .active, .accordion:hover {
background-color: #ccc;
}

.accro .accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}

.accro .active:after {
content: "\2212";
}

.accro .panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}


.accordion.footer:hover {
  background-color: #fff;
}


.circle2 {
	border-radius: 50%;
	box-shadow: 0px 0px 2px 2px #23c76473;
	position: fixed;
	right: 30px;
	bottom: 250px;
	z-index: 9999;
  }
  
  .pulse {
	animation: pulse-animation 2s infinite;
  }
  
  .circle1 {
	border-radius: 50%;
	box-shadow: 0px 0px 2px 2px #23c76473;
	position: fixed;
	right: 30px;
	bottom: 170px;
	z-index: 9999;
  }
  
  @keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px #23c76473;
	}
	100% {
		box-shadow: 0 0 0 20px #23c76473;
	}
  }

