/*
 Project:	Steer - HTML Responsive Multi-Purpose Template
Version:	1.0.0
Assigned to:	Templatemonster
Primary use:	Business, Contruction, Architecture, Charity, Creative Agency
 */

/*=======================================================================
[Table of contents]
=========================================================================
[1] Home
    1.Header
    2.Header fixed
    3.Slider
    4.Blog News
    6.Filter Project
	7.Counter
	8.Team
    9.service
    10.Blog
    11.Testmonial
    12.Client
    13.Footer
[3] About Page
    1.Breadcrumb
    2.About Content
    3.Team
[4] Services Page
    1.services nav
    2.services Content
[5] Services Details
[6] Blog Page
[7] Blog Details
[8] Error Page
[8] Project Single
==========================================================================*/

/**==================== Header ======================**/
 .headertop {
     padding: 28px 0 33px;
}
 .logo{
}
 .logo a{
     display: block;
}
 .singMiddInfo{
     position: relative;
     padding-left: 50px;
     float: left;
     padding-top: 13px;
     margin-left: 32px;
}
 .singMiddInfo.phone{
     margin-left: 0;
}
 .singMiddInfo i{
     font-size: 26px;
     color: #cc8f52;
     line-height: .8;
     position: absolute;
     left: 0;
     top: 5px;
     text-align: center;
     padding: 13px 10px;
}
 .singMiddInfo h4{
     color: #2c3e50;
     font-size: 14px;
     margin-bottom: 7px;
}
 .singMiddInfo p, .singMiddInfo a{
     color: #ababab;
     font-size: 12px;
     margin: 0;
     line-height: .8;
     display: block;
}
 .singMiddInfo a:hover{
     color: #cc8f52;
}
 .headMiddBtn {
     margin: -2px 0;
}
 .headMiddBtn a {
     background: #cc8f52;
     border-radius: 3px;
     color: #fff;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     height: 51px;
     line-height: 0.8;
     padding: 18px 21px;
     text-align: center;
     text-shadow: 1px 0px 1px rgba(0, 0, 0, .30);
}
 .headMiddBtn a:hover{
     color: #2C3E50;
}
 .preloader {
     background: #fff none repeat scroll 0 0;
     height: 100%;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
}
/**==================== Header ======================**/
 .header{
	     position: fixed;
    z-index: 5;
    width: 100%;
    background: transparent;
    margin-bottom: 0;
    padding-bottom: 0;

}

 .header.fixedHeader{
	 background: #1e4267;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 999;
}

.logo {
    padding: 20px 0;
}
 .mainnav ul{
     line-height: .8
}
 .mainnav ul li {
     display: inline-block;
     margin-right: 36px;
     margin-top: 31px;
     padding-bottom: 26px;
     position: relative;
}
 .mainnav ul li a{
     display: block;
     color: #fff;
     font-size: 14px;
     line-height: .8;
     text-transform: uppercase;
     font-weight: 400;
}
 .mainnav ul li:hover > a, .mainnav ul li.active a{
     color: #f1f1f1;
}

 .mainnav ul ul.sub-menu {
     background: #222;
     left: 100%;
     opacity: 0;
     position: absolute;
     top: 50px;
     visibility: hidden;
     width: 200px;
     z-index: 1;
     margin-left: -100px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .mainnav ul li:hover ul.sub-menu{
     top: 37px;
     opacity: 1;
     visibility: visible;
     z-index:2;
}

.mainnav ul ul.sub-menu li {
    border-bottom: 1px solid #333;
    display: block;
    margin: 20px 20px 0px 20px ;
    padding-bottom: 20px;
}
.mainnav ul ul.sub-menu li:last-child{
    border-bottom: none;
}
.mainnav ul ul.sub-menu li a{
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}
.mainnav ul ul.sub-menu li a:hover{
    color: #cc8f52;
}
ul.sub-menu li {
   text-align: left;
}


@media screen and (max-width: 767px) {
.mainnav ul ul.sub-menu li {
     padding-bottom: 0;
}


}




/**==================== Slider ======================**/
 .sliderSection{
     position: relative;
     margin: auto;
     width: 100%;
}
 .sliderSection .tp-banner{
     width: 100%;
     height: 860px;
     position: relative;
     overflow: hidden;
}
 .slider_image:before {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.5);
    z-index:1;
}

 .theme_slider_title span {
    color:#cc8f52;
}
 .slider-text {
     top: 50%;
     width: 100%;
     left: 0;
     margin-top: -90px;
     position:absolute;
     color: #fff;
   z-index:2;
}
 #main_slider figure {
     position:relative;
}
 .theme_slider_pre_title {
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 400;
}
 .theme_slider_title {
     font-size: 40px;
     padding: 15px 0;
     margin-bottom: 10px;
     line-height: 1.2em;
     text-transform: capitalize;
     letter-spacing: 1.2px;
     color:#fff;
}

 #main_slider .owl-controls .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
     margin-top: -21px;
}
 #main_slider .owl-controls .owl-nav .owl-prev:hover, #main_slider .owl-controls .owl-nav .owl-next:hover{
 background-color: #cc8f52;
}
 #main_slider .owl-controls .owl-nav .owl-prev {
     float: left;
     margin-left: 20px;
     border-radius: 50%;
     padding: 10px 20px;
     font-size: 22px;
     background-color: #29282e;
}
 #main_slider .owl-controls .owl-nav .owl-next {
     float: right;
     margin-right: 20px;
     border-radius: 50%;
     padding: 10px 20px;
     font-size: 22px;
     background-color: #29282e;
}
 .slider-text p {
     font-size: 16px;
     margin-bottom: 30px;
     color:#fff;
}
 .sliderBtn .themeBtn.bgwhite {
     margin-left: 15px;
}
/**==================== Blog News ======================**/
 .blogNews{
     padding-bottom: 20px;
}
 .newsBlogIn{
     position: relative;
     top: -40px;
}
 .singleBlog{
     background: #fff;
}
 .blog_cont {
     padding: 0 16px 9px;
}
 .blog_imag img{
     width: 100%;
     height: auto;
}
 .blog_tit {
     color: #000000;
     font-size: 18px;
     font-weight: 900;
     line-height: 30px;
     margin-top: 17px;
     margin-bottom: 2px;
     text-transform: uppercase;
}
 .blog_cont p{
     font-size: 15px;
     line-height: 30px;
     color: #848484;
     margin-bottom: 20px;
}
 .sbrm{
     font-size: 14px;
     color: #cc8f52;
     position: relative;
     display: inline-block;
     font-weight: 400;
}
 .sbrm:hover:before{
     width: 113px;
}
 .sbrm i{
     margin-left: 12px;
}
 .newsBlogIn .singleBlog{
     margin-bottom: 0;
}
 .blog_sec{
     text-align:center;
}
/**==================== Filter Project ======================**/
 .index .commonSection.fillterProject .fillterNav {
     text-align:right;
}
 .index .commonSection.fillterProject .fillterNav .filter:last-child {
     margin-right: 0px;
}
#project_sec{
padding-top:20px;
}
 .fillterNav {
     margin-bottom: 50px;
     margin-top: 5px;
     text-align:center;
}
 .fillterNav li{
     font-size: 16px;
     line-height: .8;
     color: #000000;
     font-weight: 400;
     cursor: pointer;
     display: inline-block;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     margin-right: 30px;
}
 .fillterNav li:hover, .fillterNav li.active{
     color: #cc8f52;
}
.mobile-sel{
  display: none;
}
 .mix{
     display: none;
}
 .singlePortfolio{
     position: relative;
}
 .singlePortfolio:hover .portfolioImg:after{
     visibility: visible;
     opacity: .8;
     width: 100%;
     height: 100%
}
 .portfolioImg img{
     width: 100%;
     height: auto;
     position: relative;
}
 .project_secs {
    padding: 0px;
    margin: 0px;
}
 .portfolioHover {
     position: absolute;
     text-align: center;
     height: 40px;
     left: 0;
     right: 0;
     top: 20px;
     bottom: 0;
     margin: auto;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
}
 .singlePortfolio:hover .portfolioHover{
     visibility: visible;
     opacity: 1;
     top: 0;
}
 .portfolioImg:after{
     content: '';
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     width: 85%;
     height: 85%;
     background: #cc8f52;
     position: absolute;
     margin: auto;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .portfolioHover a{
     border: 1px solid #fff;
     border-radius: 50%;
     color: #fff;
     height: 40px;
     line-height: 0.8;
     margin: auto;
     padding: 13px;
     width: 40px;
     font-size: 12px;
     display: inline-block;
     margin-right: 5px;
}
 .portfolioHover a:hover{
     color: #fff;
     border-color: #fff;
}
/**==================== promo_sec ======================**/
 .promo_sec{
     padding: 92px 0 102px;
	background-image: url(../images/slider/1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    display: table;
    width: 100%;
}
/* count*/
div#counter {
    padding: 40px 0;
}
#stats{
    background-image: url(../images/breadcum/2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;

    position: relative;
    padding: 0;
}
#stats:before, .promo_sec:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);

}
#stats span {
	 margin: 5px 0;
    font-size: 50px;
    color: #fff;
     font-weight: 500;
    line-height: 1.1;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
	display:block;
}
#stats p{
color:#fff;
}
.sta .box-container {
	width: 50%;
}
.sta .box-container .inner {
	max-width: 400px;
	text-align: left;
	float: right;
}
.countdown {
    margin-bottom: 60px;
    text-align: center;
    margin-top: 60px;
}
.counticon i {
    font-size: 40px;
    color: #cc8f52;
}
.counticon h1 {
    color: #fff;
}
.counticon h3 {
   color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
   font-size:18px;
   line-height:20px;
}
/**==================== Team ======================**/
 .team_sect figure {
     position: relative;
}
 .team-info.text-center {
       padding: 25px 0;
    background-color: #f0f0f0;

}


 .team-social {
  top:0;
	     position: absolute;
    width: 86%;
    height: 86%;
    float: left;
        padding: 37% 0 0 0;
    z-index: 2;
    opacity: 0;
    margin: 7% 0 0 7%;
    transition: all 0.3s ease-out 0s;
    background-color: #cc8f52;
	text-align:center;
}
.team-social a:hover .fa{
	color: #cc8f52;
}
 .team-social a {
      padding: 7px 5px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    height: 35px;
    display: inline-block;
    width: 35px;
    text-align: center;
    margin: 0 5px;
    line-height: 1.4em;
    background: #fff;
    border-radius: 50%;
}
 .team-social a .fa{
     color:#000;
     font-size:14px;
}
 .team_sect:hover {
     opacity: 1;
}
 .team_sect:hover .team-info a.title{
     color:#cc8f52;
     cursor:pointer;
}
 .team_sect:hover .team-social{
     opacity: 1;
}
/*======================================================================= service =========================================================================*/
 .teammatesSec{
     padding-top: 90px;
     padding-bottom: 70px;
}
 .service {
     background: #3e2512;
         margin: 20px 0;
    border-radius: 10px;
  position:relative;
}
.service > a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}


 .service-icon i{
     color: #cc8f52;
     font-size: 40px;
     margin-bottom: 30px;
     display: inline-block;
     transition: 0.5s ease-in-out;
     -webkit-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out
}
.service > a+img{
  transition: opacity .45s ease .4s;

}
.service-text{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 40px;
  opacity: 0;
  transition: all .4s ease .15s;

}
.service > a:hover+img{
  opacity: 0.3;
  transition: opacity .4s ease 0s;
}

.service:hover .service-text{
  opacity: 1;

}
 .service-text h2{
     font-size: 20px;
     margin-bottom: 10px;
     font-style: normal;
     color: #ffc993;
}
 .service-text h2+p{
   color: #FFF;
 }
 .singleWedo p{
     color: #848484;
}
/**==================== Blog ======================**/
 .blogSec2{
     border: 1px solid #dfdfdf;
}
 .meta {
     line-height: 0.8;
     margin:7px 0 10px;
     font-size: 14px;
}
 .meta a{
     color:#afafaf;
     margin-left: 5px;
}
 .meta a:first-child{
     margin-left: 0;
}

 .index .blogSec2 p{
     margin-bottom: 2px;
}
 .blogSec2 p{
     margin-bottom: 27px;
}
 .siBlogThumb{
     position: relative;
     padding-left: 136px;
     min-height: 123px;
}
 .siBlogThumb img{
     position: absolute;
     left: 0;
     top: 0;
     width: 120px;
     height: 94px;
}
 .thumbBtitle{
     font-size: 16px;
     line-height: 18px;
     margin-bottom: 8px;
}
 .meta.thumbBlog{
     font-size: 13px;
     margin-bottom: 4px;
}
 .siBlogThumb p{
     font-size: 14px;
     color: #848484;
     line-height: 24px;
     margin: 0;
}
/**==================== Testmonial ======================**/
 .testmonial {
     padding: 20px 0 65px;
}
 .singleTest {
     background: #f0f0f0;
     padding: 32px 20px 27px;
	 border-radius:10px;
}
 .singleTest p{
     font-size: 15px;
     color: #848484;
     line-height: 30px;
}
 .testcarHeadding {
     margin-bottom: 36px;
}
 .testmonialinner {
     margin-top: 38px;
}
 .testmonialinner h2{
     font-size: 16px;
     color: #010101;
     text-transform: uppercase;
     position: relative;
}
 .testmonialinner p{
     color: #848484;
     margin: 0;
}
 .testmonialsec .owl-controls {
     margin-top: 50px;
}
 .testmonialsec.owl-theme .owl-dots .owl-dot.active span, .testmonialsec.owl-theme .owl-dots .owl-dot:hover span {
     background: #cc8f52;
}
 .testmonialsec.owl-theme .owl-dots .owl-dot span {
     margin: 0 5px;
     border: 1px solid #cc8f52;
     background: transparent;
}

/**==================== Client ======================**/
 .partnerSec{
     padding: 40px 0;
     background-color:#f0f0f0;
}
 .partnerClient{
     height: 90px;
     position: relative;
}
 .partnerClient img{
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
/* FOOTER
====================================================*/
footer {
    float: left;
    width: 100%;
}
#footer {
	background: #252525;
}
#footer .inside {
	display: flex;
	flex-direction: column;
   padding:80px 0;

}
#footer .inside h4 {
	color: #999;
	font-size: 1.7rem;
	margin-bottom: 10px;
}
#footer .inside p {
	color: #fff;
	font-size: 1.7rem;
	font-weight: 300;
    line-height: 1.4;
}
#footer .inside p>a {
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#footer .inside p>a:hover {
	color: #cc8f52;
	text-decoration: none;
}
.contact-info {
    text-align: center;
}
 #footer .inside .social {
	text-align:center;
	padding-top: 45px;
}
#footer .bottom-footer {
	background: #1c1c1c;
	display: block;
	width: 100%;
}
#footer .bottom-footer p {
	color: #808080;
	font-size: 1.4rem;
	padding: 30px 8%;
    line-height: 1.4;
    text-align:center;
	margin-bottom:0px;
}

.social i {
    display: inline-block;
    color: #999999;
    font-size: 2rem;
    padding: 12px;
    text-align: center;
    width: 48px;
    height: 48px;
    border: 1px solid #464646;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
}
.social i:hover {
	background: #cc8f52;
	color: #fff;
	border: 1px solid #cc8f52;
}

/*=======================================================================
 // About Page =========================================================================*/
/**==================== Breadcrumb ======================**/
 .breadcrumbSec{
     padding: 78px 0 87px;
    // background: url(../images/breadcum/3.jpg) no-repeat scroll center center/cover;
     position: relative;
	 background-size: cover;
	 background-position: center;
}
 /* .breadcrumbSec:before{
 content: "";
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
} */
 .breadTitle{
     font-size: 28px;
     font-weight: 700;
     margin-bottom: 23px;
	 color:#fff;
}
 .breadCumpNav{
     line-height: .8;
	 color:#fff;
}
 .breadCumpNav a{
     font-size: 16px;
     color: #fff;
     font-weight: 400;
     text-transform: capitalize;
     line-height: .8;
}
 .breadCumpNav i{
     font-size: 16px;
     margin: 0 5px;
	 color:#fff;
}
 .breadCumpNav a:hover{
     color: #cc8f52;
}
/**==================== About Content ======================**/
 .aboutitle{
     font-size: 28px;
     line-height: 30px;
     color: #2c3e50;
     margin-bottom: 20px;
}
 .aboutcontain {
     margin-top: 30px;
     padding:0 30px;
}
 .aboutcontain p{
     margin-bottom: 26px;
}
.aboutimg img{
width:100%;
}
#about_sec{
padding-top: 40px
}
.aboutcontainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.aboutvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**==================== Team ======================**/
 .teamSec {
     padding-bottom: 70px;
     padding-top: 13px;
}

 .teamImg img{
     width: 100%;
     height: auto;
}

 .aspectration {
  position: relative;
  height: 0;
  width: 100%;
  }

.aspectration[data-ratio="1:1"]{ padding-top: 100%; }
.aspectration > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.aspectration img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}
 .teamDec{
     margin-left: 15px;
}
 .teambg{
     position: relative;
     margin-bottom: 11px;
}
 .teambg:after{
     width: 60px;
     height: 2px;
     background: #cc8f52;
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
}
 .teamTitle{
     font-size: 16px;
     color: #000;
     line-height: 30px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 3px;
}
 .teamDeg{
     font-size: 14px;
     color: #acacac;
     padding-bottom: 15px;
}
/*======================================================================= // Services Page =========================================================================*/
 .servicesContent{
     padding-top: 90px;
     padding-bottom: 60px;
}
 .servicesDetails .title{
     margin-bottom:20px;
}
/**================ services nav ================== **/
 .servicesNav{
     background: #f1f1f1;
}
 .servicesNav li:last-child{
     border-bottom: none;
}
 .servicesNav li{
     line-height: .8;
     border-bottom: 1px solid #dfdfdf;
}
 .servicesNav li.active{
     position: relative;
}
 .servicesNav li.active:after{
     position: absolute;
     right: 13px;
     content: '\f105';
     top: 18px;
     font-family: FontAwesome;
     font-size: 16px;
     line-height: .8;
     color: #cc8f52;
}
 .servicesNav li a{
     color: #2c3e50;
     line-height: .8;
     display: block;
     padding: 19.6px 16px;
}
 .servicesNav li a:hover, .servicesNav li.active a{
     background: #2c3e50;
     color: #cc8f52;
}
 .pdfDownload {
     padding-left: 17px;
     padding-top: 40px;
}
 .downloadTitle{
     font-size: 16px;
     font-weight: 700;
     color: #2c3e50;
     margin-bottom: 25px;
}
 .downloadpdflink{
}
 .downloadpdflink a{
     display: block;
    ;
     color: #8a8a8a;
     line-height: .8;
     margin-bottom: 14px;
}
 .downloadpdflink a:hover{
     color: #cc8f52;
}
 .downloadpdflink a i{
     margin-right: 8px;
}
/**================ services Content ================== **/
 .singleServices{
     border: 1px solid #dfdfdf;
     margin-bottom: 30px;
}
 .servicesImg {
     margin-bottom: 8px;
}
 .servicesImg img{
     width: 100%;
     height: auto;
}
 .servicesCont {
     padding: 0 10px;
}
 .servicesCont p{
     color: #848484;
}
 .servictitle{
     font-size: 16px;
     line-height: 30px;
     text-transform: uppercase;
}
 .servicRead{
     font-style: italic;
     line-height: .8;
     position: relative;
     display: inline-block;
     padding-bottom: 15px;
}
 .servicRead:hover:after{
     width: 100px;
}
 .servicRead::before {
     background: #cc8f52 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 2px;
     left: -6px;
     position: absolute;
     width: 100px;
}
 .servicRead::after{
     background: #000;
     bottom: 0;
     content: "";
     height: 2px;
     left: -6px;
     position: absolute;
     width: 0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .servicRead i{
     margin-left: 15px;
}
/*======================================================================= // Services Details =========================================================================*/
 .servicesDetails {
     padding-bottom: 50px;
     padding-top: 90px;
}
 .servicesDetailsCont{
     margin-top: -10px;
}
 .servicesDetailsCont p{
     color: #8a8a8a;
     margin-bottom: 30px;
}
 .servicesdetaImg{
}
 .serdetaImg{
     margin-bottom: 30px;
}
 .serdetaImg img{
     width: 100%;
     height: auto;
}
/*======================================================================= // Blog =========================================================================*/
 .blogSection{
     padding: 90px 0;
}

 .singleBlog{
     margin-bottom: 60px;
}
 .sblogImg{
     margin-bottom: 28px;
}
 .sblogImg img{
     width: 100%;
     height: auto;
}
 .blogTitle{
     line-height: 26px;
     font-size: 20px;
     margin-bottom: 13px;
}
 .blogMeta, .blogMeta a{
     line-height: .8;
     color: #afafaf;
     font-style: italic;
}
 .blogMeta a:hover{
     color: #cc8f52;
}
 .blogMeta {
     margin-bottom: 17px;
}
 .blogMeta span {
     margin: 0 0 0 4px;
}
 .sblogDec {
     margin-bottom: 30px;
}
 .blogReadmore{
     background: #cc8f52 none repeat scroll 0 0;
     border-radius: 50px;
     color: #fff;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     height: 51px;
     line-height: 0.8;
     padding: 18px 30px;
     text-align: center;
     text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
}
 .blogReadmore:hover{
     color: #fff;
     background: #333;
}
 .search{
     position: relative;
}
 .search input{
     width: 100%;
     background: #eeeeee;
     border: none;
     height: 50px;
     border-radius: 3px;
     font-size: 14px;
     color: #797979;
     padding: 0 20px ;
     font-style: italic;
}
 .search button{
     position: absolute;
     right: 0;
     top: 0;
     background: #cc8f52;
     font-size: 14px;
     color: #fff;
     height: 50px;
     width: 57px;
     border-radius: 3px;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .search button:hover{
     color: #333;
}
 .widget{
     margin-bottom: 60px;
}
 .widgetTitle{
     font-size: 20px;
     margin-bottom: 45px;
}
 .widgetList{
}
 .widgetList li {
     border-bottom: 1px solid #eeeeee;
     line-height: 0.8;
     margin: 18.5px 0 0;
     padding-bottom: 18.5px;
     padding-left: 13px;
     position: relative;
}
 .widgetList li:after{
     content: '\f0da';
     color: #cc8f52;
     font-family: FontAwesome;
     left: 0;
     top: 0;
     position: absolute;
}
 .widgetList li a{
     font-size: 14px;
     color: #393939;
}
 .widgetList li a:hover{
     padding-left: 5px;
     color: #cc8f52;
}
 .singleRecPost{
     position: relative;
     padding-left: 100px;
     min-height: 112px;
     padding-top: 8px;
}
 .singleRecPost img{
     position: absolute;
     left: 0;
     top: 0;
     width: 83px;
     height: 83px;
}
 .recPostTitle{
     font-size: 16px;
     color: #000000;
     line-height: 26px;
     margin-bottom: 9px;
}
 .singleRecPost:last-child {
     min-height: 83px;
}
/*======================================================================= // Blog Details =========================================================================*/
 .singleBlogDetails{
     margin-bottom: 31px;
}
 .blogDetailsDec{
}
 .blogDetailsDec p{
     color: #848484;
     margin-bottom: 31px;
}
 .blogDetailsDec blockquote{
     border: none;
     padding: 0;
     margin: 0 0 30px;
}
 .blogDetailsDec blockquote p{
     font-size: 16px;
     color: #393939;
     font-weight: 700;
}
 .socialShare{
     border-top: 1px solid #eeeeee;
     border-bottom: 1px solid #eeeeee;
     padding: 16px 12px;
     margin-bottom: 30px;
}
 .socialShare p{
     color: #a5a5a5;
     font-weight: 600;
}
 .socialShare p, .shareSocial{
     display: inline-block;
     margin: 0;
}
 .shareSocial span{
     color: #303030;
     font-weight: 600;
     margin-right: 3px;
}
 .shareSocial{
     float: right;
}
 .shareSocial a{
     color: #a5a5a5;
     font-size: 12px;
     margin-right: 10px;
     display: inline-block;
}
 .shareSocial a:last-child{
     margin-right: 0;
}
 .shareSocial a:hover{
     color: #cc8f52;
}
 .fullwidthAuthor{
     background: #f6f6f6;
     margin-bottom: 60px;
}
 .fwaIn{
     position: relative;
     padding-left: 185px;
     min-height: 168px;
     padding-top: 32px;
}
 .fwaIn img{
     position: absolute;
     left: 0;
     top: 0;
     width: 170px;
     height: 168px;
}
 .fwaIn h2{
     font-size: 18px;
     line-height: .8;
     color: #000;
     font-weight: 600;
     margin-bottom: 13px;
}
 .fwaIn p{
     line-height: 24px;
     color: #848484;
}
 .fwaSocial{
     line-height:1.9;
}
 .fwaSocial a{
     font-size: 12px;
     color: #c7c7c7;
     display: inline-block;
     margin-left: 10px;
}
 .fwaSocial a:hover{
     color: #cc8f52;
}
 .comment {
     margin-bottom: 58px;
}
 .commentTitle{
     font-size: 20px;
     color: #1b2c3e;
     margin-bottom: 30px;
}
 .singleComment {
     min-height: 95px;
     padding-left: 123px;
     padding-top: 4px;
     position: relative;
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 20px;
     padding-bottom: 15px;
}
 .singleComment img{
     width: 100px;
     height: 95px;
     position: absolute;
     left: 0;
     top: 0;
}
 .singComTitle{
     font-size: 18px;
     margin-bottom: 12px;
}
 .comdate{
     font-size: 13px;
     color: #1b2c3e;
     margin-bottom: 7px;
}
 .singleComment p{
     font-size: 14px;
     line-height: 24px;
     color: #979797;
}
 .comreplay {
     line-height: 0.8;
     position: absolute;
     right: 0;
     top: 3px;
     font-size: 13px;
     color: #1b2c3e;
     font-weight: 600;
}
 .commentForm input{
     width: 100%;
     height: 55px;
     border: 1px solid #e6e6e6;
     margin-bottom: 15px;
     padding: 15px;
     font-size: 14px;
     line-height: 24px;
     color: #797979;
     border-radius: 2px;
}
 .commentForm textarea{
     width: 100%;
     height: 195px;
     resize: none;
     border: 1px solid #e6e6e6;
     padding: 15px;
     border-radius: 2px;
}
 .commentForm button{
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .formmargin{
     margin-bottom: 15px;
}
 #contactForm .reqError{
     border-color: #cc8f52;
}
/*======================================================================= // Contact Page =========================================================================*/

 #map {
     width:100%;
     height:100%;
          position: relative;
}
 #map iframe{
     width: 100%;
     height: 360px;
     border: none;
}

 .contAddress {
     margin-top: -6px;
}
 .singleContadds{
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
}
 .singleContadds i{
     position: absolute;
     left: 0;
     top: 6px;
     font-size: 16px;
     color: #cc8f52;
}
 .singleContadds p{
     margin: 0;
     line-height: 24px;
}
 .singleContadds a {
     display: block;
     line-height: 24px;
     margin-bottom: 0;
     color: #858585;
}
 .singleContadds a:hover{
     color: #cc8f52;
}
 .singleContadds.phone{
}
 .singleContadds.phone p{
     color: #272727;
}
 .singleContadds.phone p span{
     color: #858585;
}
 .contactSocial{
     padding-left: 33px;
}
 .contactSocial a{
     display: inline-block;
     color: #1b2c3e;
     font-size: 12px;
     margin-right: 12px;
}

/*======================================================================= // Error Page =========================================================================*/
 .errorPage {
     padding: 148px 0 133px;
}
 .errorIn h1{
     font-size: 350px;
     color: #333333;
     font-weight: 900;
     margin-bottom: 90px;
}
 .errorIn h2{
     font-size: 24px;
     color: #000;
     margin-bottom: 25px;
}
 .errorIn p{
     font-size: 14px;
     color: #898989;
     line-height: 26px;
}
/*======================================================================= // Project Single =========================================================================*/
 .projectSingleSec{
     padding-top: 90px;
     padding-bottom: 50px;
}
 .singleProCaro {
     margin-bottom: 200px;
}
 .singleProCaro ol.carousel-indicators {
     bottom: -138px;
     display: inline-block;
     left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     text-align: left;
     width: 100%;
}
 .singleProCaro .carousel-indicators li {
     background-color: rgba(0, 0, 0, 0);
     border: 3px solid transparent;
     border-radius: 0;
     cursor: pointer;
     display: inline-block;
     height: 108px;
     margin: 0 20px 0 0;
     text-indent: inherit;
     width: 169px;
}
 .singleProCaro .carousel-indicators li img{
     width: 100%;
     height: 100%;
}
 .singleProCaro .carousel-indicators li.active{
     border-color: #cc8f52;
}
 .singleProCaro .carousel-control {
     background: #a9a7a2 none repeat scroll 0 0;
     bottom: 0;
     color: #000;
     font-size: 20px;
     height: 43px;
     left: 0;
     line-height: 0.8;
     margin: auto;
     opacity: 1;
     padding: 12px 13px;
     position: absolute;
     text-align: center;
     top: 0;
     width: 43px;
     border-radius: 3px;
     text-shadow: none;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
	 border-radius:50%;
}
 .singleProCaro .carousel-control:hover i{
     color: #cc8f52;
}
 .singleProCaro .carousel-control i{
     color: #fff;
}
 .singleProCaro .carousel-control.right {
     left: auto;
     right: 20px;
}
 .singleProCaro .carousel-control.left{
     left: 20px;
}
 .proDetaTitle{
     font-size: 20px;
     margin-bottom: 26px;
}
 .projectDetais p{
     font-size: 14px;
     line-height: 30px;
     margin-bottom: 33px;
}
 .projectSininTitle{
     font-size: 20px;
     color: #000;
     margin-bottom: 17px;
}
 .projectSingleInfo{
     margin-bottom: 60px;
}
 .projectSingleInfo ul{
}
 .projectSingleInfo ul li{
     line-height: .8;
     border-bottom: 1px solid #eeeeee;
     display: block;
     padding: 19px 0;
}
 .projectSingleInfo ul li span{
     color: #393939;
}
 .projectSininTitle.two{
     margin-bottom: 25px;
}
 .preloader {
     background: #fff none repeat scroll 0 0;
     height: 100%;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
}
 .preloader img{
     width: 80px;
     height: 80px;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto;
}
 .showit {
     background: #cc8f52;
    bottom: 100px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 50px;
    text-align: center;
    width: 40px;
    z-index: 99;
    border-radius: 50%;
}
 .showit i{
     color: #fff;
}
 .showit:hover{
     background: #333;
}


/* 自訂樣式 */
.service img{
  width: 100%;
  height: auto;
      -o-object-fit: cover;
      object-fit: cover;
}

.team_sect{
  margin-bottom: 30px;
}

.team_container{
  padding-bottom: 0px;
}

.headdingcenter{
  text-align: center;
}

.headdingcenter h2::after {
    background: #cc8f52;
    content: "";
    height: 2px;
    position: absolute;
    width: 60px;
    left: calc(50% - 30px);
    margin: auto;
    top: 47px;
}

.title{
  font-size: 18px;

}

h4.title{
  margin-bottom: 10px;
}

.drtitle{
  color: #cc8f52;
}

.team-info ul{
  padding: 0 30px 0 50px;
}

@media screen and (max-width: 600px) {
  .team-info ul{
    padding: 0 30px;
  }
}

.team-info ul li{
  text-align: left;
}

.flex-stretch {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .team_sect .backgroundwrap{
    background: #f0f0f0;
    min-height: 100%;
  }
  .cleanfix{
    clear: both;
  }

  .content-center{
    text-align: center;
  }

  .pagination {
    margin: 0 auto;
    border-radius: 4px;
    text-align: center;
}

.pagination>li {
    display: inline;
}

.pagination>li:first-child>a {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>li>a{
    position: relative;
    padding: 6px 16px;
    line-height: 1.42857143;
    color: #FFF;
    text-decoration: none;
    background: #1e4267;
    border: none;
    transition: all .2s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.pagination>li>a:hover{
  background: #e3e3e3;
  color: #000;
}

.pagination>li.active>a{
  background: #e3e3e3;
  color: #000;
}

.pagination > .active > a:hover{
  background: #e3e3e3;
  color: #000;
}


/* accordion css */
.accordion dl {
}

.accordion dt > a {
  letter-spacing: 0.2px;
  text-align: left;
  font-weight: 700;
  padding: 1.6em 2em;
  display: block;
  text-decoration: none;
  color: #000;
  -webkit-transition: background-color 0.5s ease-in-out;
  font-size: 15px;
}
.accordion dd {
  background-color: #fffcf8;
  color: #000;
  font-size: 1em;
  line-height: 1.5em;
}
.accordion dd > p {
  padding: 1em 2em 1em 2em;
  font-size: 15px;
  color: #4a4a4a;
}

.accordion {
  position: relative;
  background-color: #f9f9f9;
}


.accordionTitle {
  background-color: #FFF;
  border-bottom:1px solid #d4d4d4;
}
.accordionTitle:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  margin-right: 15px;
line-height: 19px;
  float: left;
  color: #cc8f52;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover {
  background-color: rgba(4, 57, 94, 0.8);
  color: #FFF;
}

.accordionTitleActive {
  background-color: rgba(4, 57, 94, 0.8);
  color: #FFF!important;
}
.accordionTitleActive:before {
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  transform: rotate(-225deg);
}


.accordionItem {
  height: auto;
  overflow: hidden;
}
@media all {
  .accordionItem {
    max-height: 50em;
    -moz-transition: max-height 1s;
    -o-transition: max-height 1s;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
  }
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 15em;
    -moz-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItemCollapsed {
  max-height: 0;
}

.animateIn {
  -webkit-animation-name: accordionIn;
  -webkit-animation-duration: 0.65s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  -moz-animation-name: normal;
  -moz-animation-duration: 0.65s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: both;
  -moz-animation-delay: 0s;
  animation-name: accordionIn;
  animation-duration: 0.65s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0s;
}

.animateOut {
  -webkit-animation-name: accordionOut;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  -moz-animation-name: accordionOut;
  -moz-animation-duration: 0.75s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: both;
  -moz-animation-delay: 0s;
  animation-name: accordionOut;
  animation-duration: 0.75s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0s;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes accordionIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes accordionOut {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

.floatImg{
  float: right;
  margin: 0 0 30px 30px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .floatImg{
    float: none;
    margin: 0 0 30px 0;
    width: 100%;
    height: auto;
    text-align: center;

  }

  .floatImg .text-right{
    text-align: center;
  }
}


.timewrap{
  width: 260px;
  margin: 0 auto;
  text-align: left;
}
.br-color{
  color: #cc8f52;
}

.qabox{
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .accordion dt > a {
    font-weight: normal;
  }
  .ilogo{
    width: 160px;
  }
}

.ptitle{
  font-size: 16px;
  color: #1e4267;
  font-weight: bold;

}

.brownp{
  color: #cc8f52;
}

.bluep{
  color: #568fca;
}
.tableset{
  width: 900px;
  margin: 0 auto;
}
.tableset td{

  border: 1px solid #a0a0a0;
  padding: 8px 15px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .tablewrap{
    width: 100%;
    overflow-x: scroll;
}
}


@media (max-width: 990px) and (min-width: 768px){
.service {
    padding: 0!important;
}
}


@media (max-width: 1024px) and (min-width: 320px){
.service {
    padding: 0!important;
}

.service > a+img{
  opacity: 0.3;
  transition: opacity .4s ease 0s;
}

.service .service-text{
  opacity: 1;

}
}


@media screen and (max-width: 600px) {
  .service .service-text h2 + p{
      display: none;
  }
  .service-text{
    width: 100%;
  }
  .fillterNav{
    display: none;
  }
  .mobile-sel{
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }


}
@media screen and (max-width: 480px) {
  .col-xxs-12{
    width: 100%;
  }
  .service-text h2{
      font-size: 22px;
 }
}

@media screen and (max-width: 414px) {
  .mobileMenu {
    top: -5px;
  }

  .logoMobile img{
    width: 150px;
  }
}
@media screen and (max-width: 320px) {
  .themeHeadding h2{
    font-size: 22px;
  }
  .themeHeadding h2::after{
    top: 30px;
  }
}