@charset "utf-8";
/* CSS Document */

/*------------------------------------------
Project Name : Construction
Desgined By  : hassan_malik19
Developed By : Hassan;
Date        :  11/Aug/17;

Table Of Index
------------------
1. Base css
2. Top bar css
3. Header css
4. Custom slider css
5. About us css
6. Quote css
7. Services css
8. Porfolio css
9. Testimonials css	
10. Our Team  css
11. News Letter css
12. footer css
13. Slider Video  css
14. Inner-header css
15. Contact us css
16. Blog css
17. Pagination css
18. Side bar css
19. Sidebar Search css
20. Categories css
21. Archives css
22. Popular Posts css
23. Tags css
24. Photo Gallery css
25. Blog grid css
26. inner content css	
27. 404 page css
28. faqs css
29. service css
30. Gallery css
31. Qoute css
------------------------------------------*/



/*********************************************
		base css
*********************************************/
*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif;scroll-behavior: smooth;}
html{
    scroll-behavior: smooth;
     scroll-margin-top: 60px;
}
:target {
    scroll-margin-top: 60px;
}

a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
ul, ol{list-style:none;}
img{max-width:100%;}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif;}
h1{font-size:42px; font-weight:bold; color:#000; text-align:center; margin-bottom:60px; position:relative; text-transform:uppercase;}
h1:before{content:""; background:#ea5a1f; width:80px; height:2px; position:absolute; bottom:-22px; left:50%; margin-left:-40px;}
h1 span{color:#ea5a1f;}
p{font-size:14px; line-height:24px; color:#333;}


/*********************************************
		Top bar start
*********************************************/
.top-bar{background: #000; padding:5px 0;}
.top-text{font-size: 12px; color: #fff; padding-top: 5px;}
.topbar-links{list-style:none; text-align:right; margin-bottom:0;}
.topbar-links i{padding-right:5px; color: #ea5a1f;}
.topbar-links li{display:inline-block; padding:0 12px; position:relative}
.topbar-links li a{text-decoration:none; font-size:12px; color:#fff; text-transform:uppercase;}
.topbar-links li:before {content: '|'; position: absolute; right: -2px; top:1px; color: #ffffff; font-size: 10px;}
.topbar-links li:last-child:before{display:none;}
/*********************************************
		Top bar end
*********************************************/

/*********************************************
		Header start
*********************************************/
.header{background:#f7f7f7;}
.logo{padding:6px 0px;}
.navbar{margin-bottom: 0px;}
.navigationwrape{float: right;}
.navbar-default .navbar-nav>li>a{padding: 30px 12px; font-size: 14px; color: #231f20; font-weight: 600;}
.navbar-default .navbar-nav>li:hover>a, .navbar-nav li:hover .dropdown-menu{color: #FFF; background: #ea5a1f;}
.navbar-default .navbar-nav>li>a.active{color: #FFF; background: #ea5a1f;}
.navbar-default{background: none; border: none;}
.navbar{min-height:0px;}
.navbar-nav li:hover .dropdown-menu{display:block;}
.dropdown-menu{background:#fff !important; border-top:none; padding:0; border-bottom: 7px solid #ea5a1f; border-top: 5px solid #ea5a1f; min-width: 200px;}
.dropdown-menu>li{border-bottom:1px solid #efefef;}
.dropdown-menu>li:last-child{border-bottom:none;}
.dropdown-menu>li>a{color:#231f20; font-size:14px; padding:8px 20px 8px 28px; position:relative;}
.dropdown-menu>li>a:hover{color: #FFF; background: #ea5a1f;} 
.dropdown-menu>li a:before {content: "\f0da"; font-family: 'FontAwesome'; position:absolute; top:9px; left:11px; color:#000;}
.sticky{top:0; position:fixed; width:100%; z-index:10000; height:80px; border-bottom: 1px solid #eee;}
.navbar-toggle{background:#000; position: absolute; top: 18px; right: 0;}
.navbar-toggle .icon-bar{background:#fff;}

/*********************************************
		Header end
*********************************************/

/*********************************************
	Custom slider options start
*********************************************/
.tp-banner-container {position: relative; z-index: 1; padding: 0; width: 100%;}
.tp-banner {position: relative;	width: 100%;}
.tp-caption {line-height:normal !important}
.tp-caption a {	color: inherit !important;}
.tp-bullets.simplebullets.round .bullet {border: 3px #fff solid; border-radius: 50%; background-image: none !important;}
.tparrows {width: auto !important; height: auto !important; background-image: none !important;}
.tp-arr-allwrapper {margin: 0 10px; width: 50px; height: 60px; background: rgba(255,255,255,0.5);}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {color: #fff;}
.tp-leftarrow .tp-arr-allwrapper {}
.tp-rightarrow .tp-arr-allwrapper {}
.tp-arr-iwrapper {color: #000; text-align: center; font-size: 30px; font-family: FontAwesome; line-height: 60px;}
.tp-leftarrow .tp-arr-iwrapper {}
.tp-leftarrow .tp-arr-iwrapper:before {content: "\f104";}
.tp-rightarrow .tp-arr-iwrapper:before {content: "\f105";}
.tp-rightarrow .tp-arr-iwrapper {}
.slide-h1 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #444; text-transform: uppercase; font-weight: bold; font-size: 57px; }
.slide-h2 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #555; font-weight: bold; font-size: 55px; line-height: 100%;}
.big-font {text-transform: uppercase; font-weight: 800; font-size: 60px;}
.large-desc {font-size: 16px;}
.slide-h3 {color: #fff;	font-size: 31px; line-height: 100%;}
.slide-h3 span {text-transform: uppercase; font-weight: bold;}
.slide-head {text-transform: uppercase; font-weight: 900; font-size: 30px;}
.slide-desc {font-size: 22px; line-height: 150%;}
.main-title {text-transform: uppercase; font-weight: 800; font-size: 70px;}
.icon-cont {padding: 15px 40px;	border-radius: 10px; text-align: center;}
.icon-cont:after {position: absolute; bottom: -10px; left: 40%; z-index: 5;	display: inline-block;	width: 0; height: 0; border-width: 10px 10px 0 10px; border-style: solid; content: "";}
.icon-cont i {margin-bottom: 10px; color: #fff; font-size: 50px;}
.icon-cont span {display: block; padding: 0 0 5px; color: #fff; text-align: center; font-size: 18px;}
a.wit-btn {background: #fff; color: #333 !important; text-transform: uppercase;}
.wit-line {width: 5%; height: 1px; background: #fff;}
.vert-line {min-height: 270px; width: 1px; background: #fff;}
.subTxt {text-transform: uppercase; font-weight: bold; font-size: 17px; color: #333;}
.large-title {color: #222; font-size: 60px;	font-weight: 800; text-transform: uppercase !important;}
.large-light-title {color: #787878 !important;	font-size: 70px; font-weight: lighter; text-transform: uppercase; letter-spacing:2px}
.large-text {font-size: 20px; color: #000; font-weight: lighter;}
.larger-text {font-size: 24px; font-weight: lighter; text-transform: uppercase;}
.witTxt {color: #fff !important;}
.light-font {font-weight: lighter !important; font-size: 50px;}
.black-bg{background:rgba(0,0,0,.63); color:#a8a8a8; text-transform:none;}
.lft-list {padding: 10px; font-size: 18px; color: #fff;}
.wit-border {border: 1px #fff solid; padding: 15px 60px; color: #fff; font-size: 16px; text-transform: uppercase;}
.rounded-bord {margin-right: 15px;  border: 1px #fff solid; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-radius: 50%;}
#vertical-ticker{height:120px; overflow:hidden;}
#vertical-ticker li{padding:15px 20px; display:block; text-align:center;}
.to-bottom i.fa{font-size: 30px; border:2px #a8a8a8 solid; 	padding:20px 22px; border-radius:50%; -webkit-animation: bounce 2s infinite linear;	animation: bounce 2s infinite linear;}
.slidertext1{color:#fff; font-size:70px; font-weight:700; text-transform:uppercase; text-align:left; text-shadow: 0 0 1px rgba(24,24,24,.75); font-family: 'Oswald', sans-serif;}
.slidertext2{color:#fff; font-size:18px; font-weight:600; text-transform:none !important; text-align:left; }
.slidertext4{color:#fff; font-size:18px; font-weight:600; text-transform:none !important; text-align:center; text-shadow: 0 0 1px rgba(24,24,24,.75);}
.slidertext3 a{color:#000 !important; font-size:18px; font-weight:700; padding:14px 34px; text-transform:uppercase !important; text-align:left; background:#ea5a1f;}
.tp-bannertimer{display:none;}

@-webkit-keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}
/*********************************************
	Custom slider options end
*********************************************/


/*********************************************
	About-wrap start
*********************************************/
.about-wrap{padding:60px 0;}
.about-wrap h1{text-align:left; margin-bottom:40px;}
.about-wrap h1:before{left:0; margin-left:0;}
.aboutTxt{font-size:24px; font-weight:bold; color:#646464; padding-top:13px;}
.aboutTxt span{display:block;}
.about-wrap p{font-size:14px; line-height:24px; color:#878787; margin-top:10px;}
.about-service{list-style:none; margin-top:10px; margin-bottom: 18px;}
.about-service li{float:left; width:50%; font-size:14px; font-weight:bold; color:#6b6b6b; line-height:30px; position:relative; padding-left:25px;}
.about-service li:before{content: "\f058"; font-family: 'FontAwesome'; position:absolute; left:0; top:0; color:#ea5a1f; font-size:16px;}
.about-wrap .view-all{text-align:left;}
.about-image{text-align:right;}
.about-image img{box-shadow:9px 9px 0px 0px rgb(253, 194, 54);}
.inner-about{padding-bottom:20px;}

/*********************************************
		Quote wrap start
*********************************************/
.quote-wrap{background:#ea5a1f; padding:30px 0;}
.quote-wrap h2{color:#fff; margin:0px;  font-size:24px; font-family: 'Oswald', sans-serif; text-transform:uppercase; margin-top:10px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.36);}
.quote-wrap p{color:#FFF; font-size:16px; margin-top:10px;}
.quote-wrap .quote-btn{ text-align:center;  }
.quote-wrap .quote-btn a{background:#fff; color:#000; font-size:18px; text-transform:uppercase; text-decoration:none; padding:10px 27px; font-weight: bold;}
.quote-wrap .quote-btn a:hover{background:#000; color:#fff;}
.quote-wrap h2{margin-top: 0;}

/*********************************************
		Services start
*********************************************/
.service-wrap{padding:40px 0; background:#eee; text-align:center;}
.service-wrap h3 a{font-size:24px; text-decoration:none; color:#000;}
.service-wrap h3 a:hover{color:#ea5a1f;}
.service-details{background:#fff; padding:15px 15px 25px 15px;}
.service-details h3{margin-top:10px;}
.readmore a, a.readmore ,.full button {position:relative; vertical-align: middle; z-index:1000; background:#ea5a1f; color:#fff !important; text-shadow: 0 0 2px rgba(0, 0, 0, 0.36); text-decoration:none; font-size:14px; text-transform:uppercase; font-weight:bold; padding:10px 24px; display:inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.readmore a:hover,
a.readmore:hover,
.full button:hover{color:#fff !important;}
.readmore a:before,
a.readmore:before,
.full button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3a3a3a;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	
}
.readmore a:hover:before,
a.readmore:hover:before,
.full button:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.inner-content .service-details{background:#f3f3f3;}
.inner-content .service-wrap{background:none; padding:0;} 
.service-image{position:relative; overflow:hidden;}
.serviceList li{margin:15px 0;}
.service-image img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
a.readmore {
    text-transform: capitalize;
}
.serviceList li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.hoverlink{background:rgba(253, 194, 54, 0.42); position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.serviceList li:hover .hoverlink{display:block;}
.icon{z-index:1000; position:absolute; top:50%; left:50%; margin-left:-35px; margin-top:-35px;}
.icon a{text-decoration:none; background:rgba(255, 255, 255, 0.6); width:70px; height:70px; border-radius:100%; display:block; font-size:30px; color:#000; text-align:center;
line-height:70px;}

/*********************************************
		Porfolio wrap
*********************************************/
.porfolio-wrap{padding-top:50px;}
.porfolio-wrap h1{margin-bottom:30px;}
.portfolio-service li{margin-top:30px;}
.project-image{position:relative; overflow:hidden; display: inline-block;}
.project-image:before{content:""; border:1px solid #FFF; position:absolute; top:10px; left:10px; bottom:10px; right:10px; z-index:1;}
.portfolio-overley {z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.project-image:hover .portfolio-overley {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.porfolio-wrap .content { z-index: 1000;
    position: absolute;
    top:50%;
    left:0;
    margin-top: -40px;
    width:100%;
}
.porfolio-wrap .content h3 a{text-decoration:none; color:#ea5a1f;}
.portfolio-tags{color:#fff;}

/*********************************************
		Testimonials-wrap
*********************************************/
.testimonials-wrap{background:url(../images/testimonial-bg.jpg) no-repeat; padding:50px 0; background-size:cover; margin-top:50px;}
.testimonials-wrap h1{color:#fff;}
.testimonials-wrap .main-heading:before{left:50%; margin-left:-40px; background:#fff;}
.testimonials li{margin:10px; margin-top:20px;}
.testi-info{background:#fff; padding:40px 30px 30px 50px; position:relative; margin-bottom: 50px;}
.testi-info p{position:relative; font-size:14px; line-height:24px; font-style:italic; color:#696969;}
.testi-info p:before{content: "\f10d"; font-family: 'FontAwesome'; position:absolute; top:-5px; left:-29px; color:rgba(253, 194, 54, 0.34); font-size:43px; font-style:normal;}
.name{font-size:18px; color:#000; text-transform:uppercase; font-weight:bold; font-family: 'Oswald', sans-serif;}
.name span{display:block; text-transform:none; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal;}
.client-image img{border-radius:100%; border:2px solid #fff;}
.client-image{position:absolute; bottom:-50px; right: 40px;}
.test .testi-info{background:#eee;}
.test .client-image img{border: 2px solid #eee;}
.test li{margin:0; margin-top:20px;}

/*********************************************
		Our Team Wrap start
*********************************************/
.teamWrp{text-align:center;}
.team_wrap{
	padding:50px 0;	
}
.team_wrap h1{margin-bottom:40px;}
.team_wrap p{text-align:center; font-size:14px; line-height:24px; color:#333; margin-bottom:25px;}
.team{display: inline-block;
	background-color:#fff;
	margin:0px 0px 30px;	
}
.experts{position:absolute; left:0; top:0;}
.team-info{

	text-align:center;
	position:relative;
	padding:20px 15px;
	background-color: #f8f9f8;
}
.team-info h5 > a{font-size:18px; text-decoration:none; color:#000;
	display:block;
	margin:0px 0px 10px;
	text-transform:uppercase;	
}
.team-info span{font-size:14px;
	color:#242424;
	margin:0px 0px 15px;
	display:block;	
}
.team-info ul{
	border-top:1px solid #cecece;
	padding:8px 5px 5px 5px; background: #ea5a1f;

}
.team-info ul li{
	position:relative;

}
.team-info ul li a{
	color:#fff;
	font-size:18px;	
}
.team-info h5 > a:hover{
	color:#222;
}

.team:hover .team-image img{
	transform:scale(1.2) rotate(-6deg);
	-webkit-transform:scale(1.2) rotate(-6deg);
	-moz-transform:scale(1.2) rotate(-6deg);	
}
.team-image {
	position: relative;
	overflow:hidden;
}

.team .team-image img{transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;}
.expert-team{padding-top:0;}

/*********************************************
		Our Team Wrap start
*********************************************/


/*********************************************
		News Letter start
*********************************************/
.ct_newsletter_wrap {position: relative; background:url(../images/pattern.jpg) repeat; padding: 50px 0px;}
.newletter_des {width: 50%; margin:0 auto; position: relative; text-align: center;}
.newletter_des:before {content: "\f003"; position: absolute; font-family: fontawesome; font-size: 80px; top: -3px; left: -100px; color:#fff;}
.newletter_des h5 {font-size:18px; font-weight:bold; color: #fff; text-transform: uppercase;  margin: 0px 0px 10px; text-align: left; font-family: 'Montserrat', sans-serif;}
.newletter_des form{position: relative;}
.newletter_des .form-control{border-radius:0; border: 1px solid #f1f1f1; box-shadow:none; height: 56px; padding:5px 80px 8px 45px;}
.newletter_des form label {position: absolute; top: 20px; left: 20px; color: #d5d5d5;}
.newletter_des button{background:#000; border:none; position:absolute; right:0px; top:0px; height:56px; color:#fff; padding:0px 25px;
font-weight: 600; text-transform: uppercase;}
.newletter_des button:hover{background:#525252;}
/*********************************************
		News Letter start
*********************************************/


/*********************************************
		footer wrap start
*********************************************/
.footer-wrap{background:url(../images/footer-bg.jpg) no-repeat; background-size:cover; padding:44px 0 15px 0;}
.footer-wrap p{padding-top:15px; font-size:14px; line-height:22px; color:#a6a6a6; margin-top:8px;}
.footer-wrap p a{color:#efb935; text-decoration:underline;}
.footer-wrap p a:hover{text-decoration:none;}
.footer-wrap h3{margin-top:0; color:#fff; font-size:24px; margin-bottom:35px; font-family: 'Oswald', sans-serif; position:relative}
.footer-wrap h3:before{content:""; background:#ea5a1f; height:2px; width:50px; position:absolute; bottom:-15px; left:0;}
.footer-links{list-style:none;}
.footer-links li{line-height:28px;}
.footer-links li a{text-decoration:none; color:#a6a6a6; font-size:14px;}
.footer-links li a:hover{color:#ea5a1f;}
.footer-links li:before{content: "\f0da"; font-family: 'FontAwesome'; padding-right:10px; color:#969696;}
.footer-address{color:#a6a6a6; font-size:14px; position:relative; padding-left:22px; margin-top:20px;}
.footer-address:before{content: "\f041"; font-family: 'FontAwesome'; color:#a6a6a6; position:absolute; top:0; left:0; font-size:14px; font-weight:400;display: none;}
.call-us{margin-top:10px; position:relative; padding-left:22px;}
.call-us a{color:#a6a6a6; font-size:14px;}
.call-us:before{content: "\f095"; font-family: 'FontAwesome'; font-size:14px; color:#a6a6a6; position:absolute; top:0; left:0; font-weight:400;}
.fax{margin-top:10px; position:relative; padding-left:22px;}
.fax a{color:#a6a6a6; font-size:14px;}
.fax:before{content: "\f1ac"; font-family: 'FontAwesome'; font-size:14px; color:#a6a6a6; position:absolute; top:0; left:0; font-weight:400;}
.footer{background:#000; padding:13px 0;}
.site{text-align:right; color:#a6a6a6;}
.site a{color:#bfbfbf;}
.copyright{font-size:14px; color:#929292; padding-top:5px;}
.footerWrp{border-top:1px solid #3c3c3c; padding-top:8px; margin-top:15px;}
.social{list-style:none;}
.social a{text-decoration:none; font-size:24px; color:#fff; margin:0 2px;}
.foot{text-align:right;}
.foot li{display:inline-block; padding:0 15px; position:relative;}
.foot li:last-child{padding-right:0;}
.foot li:last-child:before{display:none;}
.foot li:before {
    content: '|';
    position: absolute;
    right: -12px;
    top: 0px;
    color: #ffffff;
    font-size: 10px;
}
.footer-content {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.address_info .fax:before,
.address_info  .call-us:before {
    display: none;
}
.address_info .fax,
.address_info  .call-us,
.footer-address{
    padding-left: 0;
        margin-top: 10px;
}
.address_info a {
    font-weight: normal;
}

.address_info {
    font-size: 14px;
    color: white;
    font-weight: bold;
}



/*********************************************
	Slider Video wrap start
*********************************************/
.video{position:relative; height:600px;}
.hero-wrapper{height:600px;
    min-width: 100%; position: absolute; top:0px; left:0; width:100%;}
.hero-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.hero-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    top: 0;
    background-position: center center;
    background-size: cover;
}
.hero-image #bgvid {
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: inherit;
}
.sliderTxt{position:absolute; top:37%; width:100%; left:0; z-index:10000000000; text-align:center;}
.sliderTxt .contentBox{width:100%; background:rgba(0,0,0,0.5); padding:10px 0; text-align:center;}
.sliderTxt h1{font-size:80px; font-family: 'Oswald', sans-serif; color:#fff; font-weight:600; padding:0; margin:0;}
.sliderTxt h1:before{display:none;}
.sliderTxt p{font-size:24px; line-height:28px; margin:0 auto; color:#fff; padding:5px 0;font-weight:300; max-width:780px; margin-top:10px;}
.sliderTxt a{text-decoration:none; color:#fff; font-size:16px; font-family: 'Oswald', sans-serif; display:inline-block; margin:30px 5px 0 5px; border:2px solid #fff; padding:10px 50px;}
.sliderTxt a.grenn{-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #83c142;
	-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.33);
	-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.33);
	box-shadow: 2px 3px 5px rgba(0,0,0,.33); 
}
.sliderTxt a.wht{-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(255,255,255,.2);
	-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.33);
	-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.33);
	box-shadow: 2px 3px 5px rgba(0,0,0,.33);
	border: solid 1px #d1d1d1;
}

.sliderTxt a:hover{background:#fff; color:#000;}


/*********************************************
		Inner-header start
*********************************************/
.inner-heading{background:url(../images/inner-heading-bg.jpg) no-repeat; background-size:cover; padding:70px 0;}
.inner-heading h3{font-size:40px; color:#fff; text-align:center; text-transform:uppercase; font-weight:bold; font-family: 'Oswald', sans-serif; margin:0;}
.inner-content{padding:50px 0;}

/*********************************************
	 Contact-wrap
**********************************************/
.title {text-align: center; margin-bottom:40px;}
.title > span {color: #292929; font-size: 17px; margin-bottom: 10px;}
.title h2 {color: #292929; font-size: 40px; font-weight: 800; letter-spacing: 1px; margin: 0; font-family: 'Oswald', sans-serif;}
.title > p {line-height: 24px; font-size:14px;}
.title > span strong{color: #ec5938;}
.contact > span {color: #999999; float: left; font-size: 70px; line-height: 30px; margin-right: 10px; text-align: center; width: 120px;}
.fa-home:before {content: "\f015";}
.information {overflow: hidden; padding-right: 70px;}
.information > strong {color: #000; display: table; font-size: 16px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase;}
.information > p {font-size: 13px; line-height: 22px; margin: 0;}
.contact-form input, .contact-form textarea {color: #8c8c8c; float: left; border: 1px solid #ddd; font-size: 12px; line-height: 32px; margin-bottom: 15px; padding:10px 20px; width:100%;}
.contact-form {text-align: center;}
.contact-now .contact {
    margin-bottom: 10px;
    
    padding: 14px 0;
    background: #eee;
    padding-top: 14px;
}
.map{margin:30px 0;}
.contact-form .button{ position:relative; vertical-align: middle; z-index:1000; font-size:14px; background:#ea5a1f; text-transform:uppercase; color:#fff;  font-weight:bold; padding:13px 38px; margin-top:20px; display:inline-block;  text-shadow: 0 0 2px rgba(0, 0, 0, 0.36); border:none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
	
.contact-form .button:hover{color:#fff;}
.contact-form .button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.contact-form .button:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/*********************************************
	 Blog-wrap
**********************************************/
.blogWraper{margin-bottom:40px;}
.blogList{list-style:none;}
.blogList li{background:#fff; padding:20px; margin-bottom:30px; border: 1px solid #e4e4e4;}
.blogList li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1); border-color:#ea5a1f;}
.blogList li .postimg{position:relative; display: inline-block;}
.blogList li .postimg:before{background: #ea5a1f;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(0);
    transition: all 300ms ease 0s;
    opacity: 0.5;
    z-index: 1;}
	.blogList li:hover .postimg:before{transform: scale(1);}

.blogList li .postimg .date{width: 60px; height: 60px; font-weight: bold; font-size: 15px; color: #fff; padding:7px 10px 0 10px; text-align: center; line-height: 20px; background: #ea5a1f; letter-spacing: 0.4px; outline: 3px solid #ea5a1f; border: 1px solid #fff; position:absolute; right:14px; top:14px; z-index:12;}
.blogdetail h4{font-size:24px; margin-top:20px;}
.post-header h4 a{font-size:24px; color:#333; font-weight:600;}
.post-header h4 a:hover{color:#ea5a1f;}
.postmeta{margin:10px 0 10px 0; font-size:14px;}
.postmeta span, .postmeta a{color:#ffb300;}
.blogList li p{font-size:14px; line-height:24px; color:#777;}
.blogList li .readmore{border-bottom: 1px dotted #ee3227; display: inline-block; color:#000; font-weight:600; font-size:13px; padding-bottom:5px; border-bottom:none;}
.blogList li .readmore:hover{text-decoration:none; color:#ee3227;}

/*********************************************
	 Pagination-wrap
**********************************************/
.pagiWrap .showreslt{font-size:14px; font-weight:600; margin-top:10px;}
.pagiWrap .pagination{text-align:right; margin:0; float:right;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:0;}	
.pagination li a:hover, .pagination li.active a{background:#ea5a1f; border:1px solid #ea5a1f; color:#fff;}

/*********************************************
	 Side-bar
**********************************************/
.sidebar{background:#fff; border:1px solid #e4e4e4; padding:20px; margin-bottom:30px;}
.sidebar .widget{margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.sidebar .widget-title{font-size:18px; font-weight:600; color:#666; margin-bottom:20px;}

/*********************************************
	 Sidebar-Search
**********************************************/
.search{position:relative; margin-bottom:15px;}
.search .form-control{border-radius:0; height:auto; padding:10px 12px; border-color:#ddd;}
.search .btn{position: absolute; right: 0; top: 0; border-radius: 0; background: none; font-size: 20px;}

/*********************************************
	 Categories
**********************************************/
.categories li{margin-bottom:15px; position:relative; padding-left:20px;}
.categories li a{margin-top:0; color:#888; font-size:14px; font-weight:600;}
.categories li:before {content: "\f0da "; font-family: 'FontAwesome'; position: absolute; left: 0px; color: #000; font-size: 12px;}

/*********************************************
	 Archives
**********************************************/
.archive li{line-height: 45px;}
.archive li a{margin-top:0; color:#888; font-size:14px; font-weight:600;}
.archive li span {float: left; height: 30px; width: 30px; text-align: center; background: #f5f5f5; border:1px solid #fff; outline: 3px solid #f5f5f5; margin-right:20px; line-height: 26px; font-size: 12px; color: #777777; margin-top:10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.archive li a:hover span {background: #ea5a1f; color: #fff;}

/*********************************************
	 Popular Posts
**********************************************/
.papu-post {}
.papu-post .media-left {margin-right: 0px;}
.papu-post .media-left img {width: 100%;}
.papu-post .media-left a {width: 80px; margin-top:0; margin-right:5px; display: inline-block;}
.papu-post span {color: #000; letter-spacing: 0px; font-size: 11px;}
.papu-post li {border-bottom: 1px solid #ececec; padding: 20px 0; margin: 0px;}
.papu-post .media-heading {display: inline-block; width: 100%; color: #777777; margin-top: 0px; font-size: 14px; line-height:20px;}
.papu-post li:last-child{border-bottom:0;}

/*********************************************
	 Tags
**********************************************/
.tags:after{display:table; clear:both; content:'';}
.tags li {display: inline-block; float: left;}
.tags a {font-size: 13px; color: #969595; border: 1px solid #dadada; padding: 7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase;}
.tags a:hover {border: 1px solid #ea5a1f; background:#ea5a1f; color: #fff; text-decoration:none;}

/*********************************************
	 Photo Gallery
**********************************************/
.photo-steam{margin:0 -5px;}
.photo-steam:after{display:table; clear:both; content:'';}
.photo-steam li{float:left; width:25%; padding:0 5px; margin-bottom:10px;}

/*********************************************
	 blog-grid
**********************************************/
.blogGrid li{margin-bottom:30px;}
.blog-inter{background:#fff; padding:20px; border: 1px solid #e4e4e4;}
.blogGrid li .postimg{position:relative;}
.blogGrid li .postimg .date{width: 60px; height: 60px; font-weight: bold; font-size: 15px; color: #fff; padding:7px 10px 0 10px; text-align: center; line-height: 20px; background: #ea5a1f; letter-spacing: 0.4px; outline: 3px solid #ea5a1f; border: 1px solid #fff; position:absolute; right:14px; top:14px; z-index:12;}
.blogGrid  li .postimg:before{
background: #ea5a1f;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(0);
    transition: all 300ms ease 0s;
    opacity: 0.5;
    z-index: 1;}
	
.blogGrid li:hover .postimg:before{transform: scale(1);}

/*********************************************
	 inner content
**********************************************/
.inner-content .porfolio-wrap{padding:0;}

/*********************************************
	 404 page
**********************************************/
.four-zero-page{text-align:center;
  padding: 0 0 50px 0;
}
.four-zero-page h2 {
  font-size: 300px;
  color: #ea5a1f;
  font-weight: 800;
}
.four-zero-page h3 {
  color: #111111;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 10px;
}
.four-zero-page p{letter-spacing: 2px; padding:0 250px;}
.four-zero-page .readmore{margin-top:30px;}

/*****************************************
		faqs start
*****************************************/
.faqs{padding-bottom:0;}
.faqs h1{text-align:left;}
.faqs h1:before{left:0; margin-left:0;}
.faqs-service{list-style:none; margin-top:10px; margin-top:20px;}
.faqs-service li{margin-bottom:10px;}
.faqs-service li h4{font-size:16px; font-weight:600; cursor: pointer; font-family: 'Open Sans', sans-serif; color:#333; position:relative; padding-top:5px; background: #efefef; padding:15px 30px 15px 20px; margin:0;}
.faqs-service li h4:before{content: "\f055"; font-family: 'FontAwesome'; padding:10px 0; color:#ea5a1f; font-size:24px; display:inline-block; text-align:center; transition:0.3s ease-in; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -ms-transition:0.3s ease-in; position:absolute; top:0; right:12px;}
.faqs-service li h4:hover, .faqs-service li h4.active{color:#fff; background:#ea5a1f;}
.faqs-service li:hover h4:before{color:#fff;}
.faqs-service li h4.active:before{content: "\f056"; color:#fff;}
.faqs-service li p{display:none; height:auto; overflow: hidden; position: relative; padding: 10px 20px 0 20px; background: #f7f7f7; border: 1px solid #eee; padding-bottom:10px;}

/*****************************************
		service
*****************************************/
.service .blogList li{padding:0; border:none;}
.service .blogList li:hover{box-shadow:none; border:none;}
.service-cat .widget{border-bottom:none; margin-bottom:0; padding-bottom:0;}
.single-post blockquote {
    border: none;
    background: #f9fafb;
    border-left: 60px solid #fcc642;
    padding: 20px;
	color:#fff;
    position: relative;
    margin-top: 20px;
}
.single-post blockquote:before {
	 content: "\f10e";
    position: absolute;
font-family: 'FontAwesome';
    width: 30px;
    height: 23px;
    top: 50%;
    left: -40px;
    margin-top: -12px;
   
}
.single-post blockquote p {
    font-size: 13px;
    color: #dddddd;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 24px;
    margin: 0;
    font-weight: 700;
    color: #3a3d41;
}

/*****************************************
		Gallery-page
*****************************************/
.gallery-page{padding:15px 0px; background:#FFF;}
.gallery-service{list-style:none; margin-top:15px; padding:0px;}
.gallery-service li{padding-bottom:15px;}
.gallery-image img{border:1px solid #fff; padding:5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.16);}


/*****************************************
		Qoute
*****************************************/
.aboutbox .formint .contctxt {
	padding-bottom: 15px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-weight: 600;
}
.input-group {
	padding-bottom: 10px;
}
.formint .input-group-addon {
	display:block;
	background: none;
	padding: 6px 0;
	border: none;
	text-align: left;
}
.input-group-addon span {
	color: #F00;
}
.input-group .smaltxt {
	font-size: 14px;
	color: #999;
	font-family: 'Open Sans', sans-serif;
}
.conForm .form-control { height:42px;
	border-radius: 0px;
}
.input-group-addon {
	width: 35%;
	text-align: left;
}
.formint .input-group {

	width:100%;
}
.formbtn {
	margin: 20px 0 0 28%;
}
.sbutn {
	background: #fcc642;
	border: none;
	padding: 8px 15px;
	font-size: 18px;
	color: #000;
	display:block;
	width:100%;
	border-radius: 4px;
	font-weight: bold;
}
.sbutn:hover{background:#000; color:#fff;}

.sub-btn{margin-top:10px;}
.contctxt{background:#fcc642; padding:15px; color:#000; font-size:18px; font-weight:bold; box-shadow: 0 0 15px rgba(0,0,0,0.1); text-align: center; text-transform:uppercase;}
.conForm{background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 25px; border: 1px solid #eee;}
.newuser {
	margin-top: 30px;
	text-align: center;
	color: #666;
	font-size:18px;
}
.newuser a {
	font-weight: 600;
}

/*page*/
.scrollToTop{display:none;}
.page-scroll{position:fixed; bottom:20px; right:20px; z-index:1000;}
.page-scroll a{font-size:24px; color:#fff; background:#ea5a1f; width:50px; height:50px; text-align:center; line-height:50px; display:inline-block; border-radius:6px;  border:1px solid #fff;}





/*****************************************
		media screen
*****************************************/

@media screen and (max-width: 1200px){
.slidertext1{margin-left:60px;}
.slidertext2{margin-left:60px;}
.slidertext3 {margin-left:60px;}

}


@media screen and (max-width: 990px){
.slidertext1{margin-left:50px !important;}
.slidertext2{margin-left:50px !important;}
.slidertext3{margin-left:50px !important;}
.quote-wrap h2{text-align:center; margin-bottom:20px;} 
.about-image{text-align:center; margin-top:30px;}
.serviceList li{margin-bottom:30px;}
.newletter_des{width:70%;}
.pagiWrap{margin-bottom:30px;}
.team_wrap{text-align:center;}
.social{margin-bottom:20px;}
.faqs .pull-right{float:none !important;}
.worker-image{text-align:center;}
.four-zero-page p{letter-spacing: 1px; padding:0;}
.contact-form .button{margin-bottom:40px;}

}

@media screen and (max-width: 767px){
.top-text{text-align:center;}
.topbar-links{text-align:center; margin-top:5px;} 
.logo{text-align:center;}
.serviceList{text-align:center;}
.portfolio-service{text-align:center;}
.team_wrap{text-align:center;}
.newletter_des:before{display:none;}
.newletter_des{width:100%;}
.navigationwrape{float: none;}
.navbar-default .navbar-nav>li>a{padding:14px 16px;}
.blogGrid li .postimg img{width:100%;}
.service-image{display:inline-block;}
.about-service li{float:none; width:100%;}
.copyright{text-align:center;}
.foot{text-align:center;}
.four-zero-page h2 {font-size: 236px;}
.pagiWrap .showreslt{text-align:center;}
.pagiWrap .pagination{text-align:center;}
.pagiWrap{text-align:center;}
.pagination{margin-top:20px !important;}
.dropdown-menu{position:static; float:none; width:100%;}
.hero-wrapper{height:400px;}
.sliderTxt h1{font-size:48px;}
.sliderTxt p{font-size:18px; line-height:20px;}
.navbar-default{background:#f7f7f7; border: 1px solid #eee; border-top:none;}

}




@media screen and (max-width: 480px){
.portfolio-service{text-align:center;}
.four-zero-page h2 {font-size: 140px;}
.four-zero-page h3{font-size:18px;}
.hero-wrapper{height:250px;}
.sliderTxt h1{font-size:24px;}
.sliderTxt p{font-size:14px;}
}







.row.align-items-center {
    align-items: center !important;
    display: flex;
    flex-wrap: wrap;
}


 /* Modal & form styling (restored) */
    body.modal-open { overflow: hidden; }
    .backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; }
    /* #appointment-form { position: fixed; left: 50%; top: 100px; --form-scale: 0.85; transform: translateX(-50%) scale(var(--form-scale)); transform-origin: top center; background: #fff; padding: 20px; border-radius: 12px; box-shadow: var(--shadow); z-index: 10001; width: min(560px, calc(100vw - 32px)); max-height: 80vh; overflow: auto; } */
    #appointment-form .close-btn,
    .confirmation .Close_btn {
    position: absolute;
    top: -2px;
    right: -2px;
    background: none;
    border: 0;
    font-size: 1.5rem;
    cursor: pointer;
    background: red;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: white;
    font-size: 23px;
}
h3#appt-title {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}
#appointment-form,
.confirmation {
    position: fixed;
    left: 50%;
    top: 100px;
    --form-scale: 0.85;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    z-index: 10001;
    width: 533px;
    max-height: 100%;
}
    .form-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
    .field.full { grid-column: 1 / -1; }
    .field label { display:block; font-weight:700; margin-bottom:6px; }
    .field input, .field select, .field textarea { width:100%; padding:10px 12px; border:1px solid #cdd6df; border-radius:10px; font: inherit; }
    #submit-btn {  border:0;  }

    .full button {
    width: 100%;
}
 
div#confirmation-popup {
    text-align: center;
    padding: 24px;
    border-radius: 20px;
    background: #0000001f;
    position: absolute;
    top: 0;
    z-index: 999988; 
    align-items: center;
    justify-content: center;
    top: 9;
    bottom: 0;
    left: 0;
    right: 0;
        width: 100%;
}
button.ok_btn {
    border: none;
}
li.col-md-8.mt-0 {
    margin-top: 0 !IMPORTANT;
}
.confirmation-body {
    max-width: 500px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: white;
    padding: 30px;
    border-radius: 20px;
}
li.col-md-8.mt-0 {
    margin-top: 0 !IMPORTANT;
    max-width: 784px;
    margin: 0 auto;
}
ul.row.serviceList.secon {
    text-align: center;
    display: flex
;
}

.banenr-section {
    background: url(../images/banner2.jpg);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
}
.banenr-section::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #00000054;
}
.banenr-section .banner-content{
    position: relative;
    z-index: 9;
}
.slidertext1{margin-left: 0;}

@media (max-width: 768px){
#appointment-form ,.confirmation {width: 100%;}
.logo img {
    max-width: 182px;
}
/* .banenr-section { 
    min-height: 85vh !important;  
} */
.slidertext1 { 
    font-size: 41px;
     margin-left: 0 !important;
}
}
@media (max-width: 480px){
    .slidertext1 {
        font-size: 34px;
        margin-left: 0 !important;
        text-align: center;
    }
}

.mb_none {
       display: none;
    }
@media (max-width: 768px){
    .readmore.mb_none {
        text-align: center;
        margin-top: 22px;
        display: block;
    }
    ul.nav.navbar-nav a.readmore {
    display: none;
}
}


/* === Report Lightbox (polish) — injected === */
.report-overlay[hidden]{display:none !important;}
.report-overlay{position:fixed; inset:0; z-index:2147483647;}
.report-backdrop{position:absolute; inset:0; background:rgba(10,16,24,.78);} /* no blur for safety */
.report-modal{
  position:relative; z-index:2147483646; margin:3vh auto 1.5vh;
  max-width:min(96vw,1200px); max-height:94vh; background:#0f1720;
  border-radius:14px; box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:flex; flex-direction:column; overflow:hidden; color:#e8eef7;
  border:1px solid rgba(255,255,255,.06);
}
.report-close{
  position:absolute; top:6px; right:10px; font-size:28px; line-height:1;
  color:#cbd5e1; background:transparent; border:0; cursor:pointer; opacity:.9;
}
.report-toolbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  position:relative; z-index:1;
}
.report-toolbar .left, .report-toolbar .right{display:flex; gap:10px; align-items:center;}
.nav-btn, .zoom-btn{
  font-size:16px; line-height:1; min-width:40px; height:34px; border-radius:8px;
  border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04);
  color:#e2e8f0; cursor:pointer;
}
.nav-btn:disabled{opacity:.35; cursor:not-allowed;}
.report-counter{font-weight:600; letter-spacing:.2px;}

.report-frame{
  position:relative; flex:1 1 auto; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(1200px 400px at 50% 0%, rgba(255,255,255,.06), rgba(255,255,255,0));
  overflow:hidden;
}
.report-frame img{
  max-width:100%; max-height:calc(94vh - 150px);
  width:auto; height:auto; display:block; user-select:none; -webkit-user-drag:none;
  transition: transform .15s ease-out, box-shadow .2s ease-out;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* zoom/pan cursor */
.report-frame.zoomed{cursor:grab;}
.report-frame.zoomed:active{cursor:grabbing;}

/* Thumbnails — smaller for more headroom */
.thumbs{
  padding:8px; display:flex; gap:8px; overflow-x:auto; border-top:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}
.thumbs img{
  width:56px; height:72px; object-fit:cover; border-radius:6px; opacity:.8;
  border:1px solid rgba(255,255,255,.1); cursor:pointer; transition:opacity .15s, transform .15s, box-shadow .2s;
  background:#0b121a;
}
.thumbs img:hover{opacity:1; transform:translateY(-1px);}
.thumbs img.active{opacity:1; box-shadow:0 6px 18px rgba(0,0,0,.35), 0 0 0 2px #ea5a1f;}
@media (max-width:600px){
  .report-modal{max-height:96vh;}
  .report-frame img{max-height:calc(96vh - 160px);}
  .thumbs img{width:48px; height:62px;}
}

/* Keep site chrome under the overlay */
.header, .sticky, .navbar, .navigationwrape { z-index: 1000 !important; }

/* Reserve space at top-right so zoom buttons don't sit under the X */
.report-toolbar {
  padding-right: 70px !important;
}
.report-close {
  z-index: 3 !important;
  position: absolute !important;
  right: 10px !important;
  top: 8px !important;
  pointer-events: auto !important;
}


/* Schedule button colors */
a.js-open-appt{
  display:inline-block;
  background:#ea5a1f !important;
  color:#fff !important;
  padding:10px 18px;
  border-radius:0;
  text-decoration:none;
  transition: background .15s ease-in-out, transform .05s;
}
a.js-open-appt:hover,
a.js-open-appt:focus{
  background:#0E1F2F !important;
  color:#fff !important;
}
a.js-open-appt:active{ transform: translateY(1px); }

/* Hide the link icon overlay on service cards — robust */
.serviceList li .service-image .hoverlink,
.serviceList li:hover .service-image .hoverlink,
.serviceList li.report-card .service-image .hoverlink,
.serviceList li.report-card:hover .service-image .hoverlink {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Also hide the icon element itself (belt & suspenders) */
.serviceList .hoverlink .icon,
.serviceList .hoverlink i {
  display: none !important;
}

/* === SkySure patch: hide link icon overlay & keep hint visible === */
/* Hide the link-icon overlay layer entirely */
.serviceList li .service-image .hoverlink,
.serviceList li:hover .service-image .hoverlink,
.serviceList li.report-card .service-image .hoverlink,
.serviceList li.report-card:hover .service-image .hoverlink {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Also hide inner elements to be safe */
.serviceList .hoverlink .icon,
.serviceList .hoverlink i,
.serviceList .hoverlink a {
  display: none !important;
}

/* Belt-and-suspenders: hide FA link icon wherever it appears */
i.fa-link, .fa.fa-link { display: none !important; }

/* Ensure hint can show */
.serviceList li.report-card .hoverhint{ display:inline-block; }
.serviceList li.report-card:hover .hoverhint,
.serviceList li.report-card:focus-within .hoverhint{ display:inline-block; }

/* Positioning safety for image container (if not already present) */
.service-image{ position:relative; overflow:hidden; }


/* --- SkySure FAQ styles (scoped) --- */
:root{ --sky-navy:#0E1F2F; --sky-orange:#EA5A1F; }
#skysure-faq h2{ font-weight:700; letter-spacing:.2px; margin-bottom:16px; }
#skysure-faq .faqs-service{ margin-top:10px; }
#skysure-faq .faqs-service li{ margin-bottom:10px; }
#skysure-faq .faqs-service h4{ border-radius:.25rem; }
#skysure-faq .faqs-service p{ border-top:none; }
#skysure-faq .faqs-service h4.active{ background:var(--sky-navy); color:#fff; }
#skysure-faq .faqs-service h4.active:before{ color:#fff; }
#skysure-faq .faqs-service h4:focus{ outline: 2px solid var(--sky-orange); outline-offset:2px; }
/* Anchor offset so fixed nav doesn't cover the FAQ section */
#faq, #skysure-faq { scroll-margin-top: 90px; }
@media (max-width: 991px){
  #faq, #skysure-faq { scroll-margin-top: 120px; }
}

/* === Anchor scroll offset fix for fixed header === */
#faq, #skysure-faq { scroll-margin-top: 110px; }
@media (max-width: 991px){
  #faq, #skysure-faq { scroll-margin-top: 150px; }
}