/* CSS Index
============

## Google Font Import 
## Common CSS
## Bacground Color & Overlay  
## Pre-loader
## Scroll Top 
## Sticky 
## Header Top Area
## Header Area 
## Main Menu 
## Hero Slider Area 
## Promo Section 
## About Section 
## Service Section  

## Choose Us Section 
## Achievement Section 
## Project Section 
## Process Section 
## Contact Section 
## Blog Section 
## CTA Section 
## Footer Area
## Footer Bottom Area

## About Section # 02
## Service Section # 02
## CTA Section # 02
## Choose Us Section # 02
## Testimonial Section 
## Client Section 
## Map Section 

## Featured Area 
## Service Section # 03
## About Section # 03
## Achievement Section # 02
## Team Section 
## Price Section 

## Breadcroumb Area
## FAQ Section 
## Contact Page 
## Single Service Page 
## Single Project Page 
## Single Blog Page 

/* Google Font Import 
======================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/*	Theme Primary Color Code:#F35C27 Theme Secondary Color Code :#f0c307  */

/* Common CSS 
============== */

html,
body { height:100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; }
body { font-family:'Roboto Condensed', sans-serif; font-size:16px; line-height:20px; font-weight:400; position:relative; z-index:1; background:#FFF; color:#333; overflow-x:hidden; }

h1,
h2,
h3,
h4,
h5,
h6 { position:relative; font-family:'Roboto Condensed', sans-serif; font-weight:500; margin:0; color:#3e9d09; }
h1 { font-size:35px; }
h2 { font-size:40px; }
h3 { font-size:20px; }
a { text-decoration:none; cursor:pointer; font-family:'Roboto Condensed', sans-serif; color:#092755; font-weight:500; -webkit-transition:0.5s; transition:0.5s; }
p { font-family:'Roboto Condensed', sans-serif; font-size:18px; font-weight:400; line-height:34px; position:relative; color:#333; }
p a { color:#333; text-decoration:none; }
p a:hover { color:#333; text-decoration:none; }

.img_left { background:#FFF; float:left; margin:5px 25px 10px 0; padding:5px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }

/*whatsapp css start*/
.whatsapp_main { position:fixed; width:50px; height:50px; bottom:80px; right:30px; background-color:#25d366; color:#FFF; border-radius:6px; text-align:center; font-size:32px; transition: 0.3s; z-index:100; }
.whatsapp_main i { line-height:50px; }
.whatsapp_main:hover { transform: scale(1.1); color:#000F50; }
/*whatsapp css end*/

/* Scroll Top 
============== */
.go-top { background-color:#3e9d09; color:#FFF; width:50px; height:50px; bottom:80px; right:30px; font-size:25px; line-height:50px; border-radius:6px; text-align:center; text-decoration:none; display:none; position:fixed; z-index:1; }
@media only screen and (min-width:576px) and (max-width:767px) { 
.go-top { width:35px; height:35px; bottom:5em; right:2em; font-size:15px; line-height:33px; }
}
@media (max-width:575px) { 
.go-top i:before { font-size:14px; }
.go-top { right:1em; bottom:6em; z-index:1; } 
}
.go-top:hover { background-color:#FFF; color:#020E28; }


.txt-wht { color:#FFF; }
p.highlight { color:#898a9c; font-size:18px; line-height:28px; }

button,
input,
textarea,
a:hover,
a:focus,
a:visited { text-decoration:none; outline:none; outline-width:0 !important; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color:transparent; }
img { display:inline-block; max-width:100%; height:auto; }
i,
span,
a {/* display:inline-block; */}
ul { list-style:none; margin:0px; padding:0px; }
li { display:inline-block; }
table,
th,
tr,
td { border:1px solid #191919; }
th,
tr,
td { padding:10px; }
hr { border-top:2px solid #eee; margin:30px 0 10px; }
.fix { overflow:hidden; }
.auto-container { position:static; max-width:1200px; padding:0; margin:0 auto; }
blockquote { display:block; margin-top:5px; margin-bottom:5px; color:#b1b5bb; font-style:italic; }
/*Section Padding CSS*/

.section-padding { padding:100px 0; }
@media only screen and (min-width:992px) and (max-width:1200px) { .section-padding { padding:80px 10px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .section-padding { padding:60px 60px; } }
@media only screen and (min-width:576px) and (max-width:767px) { .section-padding { padding:50px 35px; } }
@media (max-width:575px) { .section-padding { padding:50px 20px; } }
/*Margin & Padding */

.pt-0 { padding-top:0; }
.pb-0 { padding-bottom:0; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.mt-40 { margin-top:40px; }
.mb-30 { margin-bottom:40px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.mt-150 { margin-top:150px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }

.ml-auto { margin-left:auto ! important; }
.mr-auto { margin-right:auto ! important; }
.spacer { margin-top:100px; }
/*Section Title */

.section-title { position:relative; margin-bottom:10px; }
.section-title h2 { font-size:60px; line-height:75px; margin:20px 0; color:#3e9d09; }
.section-title h2.txt-wht { color:#FFF; }
.section-title h6 { color:#9da3ad; font-size:16px; font-weight:500; text-transform:uppercase; letter-spacing:1px; position:relative; padding-left:15px; display:inline-block; }
.section-title h6:before { position:absolute; content:""; width:4px; height:100%; background:#358A05; left:0px; top:0; }
/*Button Style */

.main-btn { display:inline-block; background:#f0c307; color:#333; font-size:18px; font-weight:500; line-height:18px; text-transform:capitalize; padding:18px 15px; text-align:left; cursor:pointer; position:relative; z-index:1; transition:all 0.3s linear; overflow:hidden; }
.main-btn:hover { color:#FFFf; }
.main-btn:after { position:absolute; content:""; top:0; left:0; right:-2px; bottom:0; background-color:#3e9d09; transition:transform 500ms ease; transform:scale(0, 1); transform-origin:left center; z-index:-1; }
.main-btn:hover:after { transform:scale(1, 1); transform-origin:right center; }
.main-btn.transparent { background:transparent; color:#FFF; margin-right:20px; }
.main-btn.btn-white { background:#FFF; color:inherit; }
.main-btn.btn-white:hover { background:#092755; border-color:#092755; color:#FFF; }
.main-btn:hover { background-color:#182333; color:#FFF; border-color:#182333; }
/*Form Style CSS */

input, textarea, select { width:100%; background:transparent; border:1px solid #ddd; padding:15px 30px; font-size:14px; font-weight:600; letter-spacing:1px; -webkit-transition:.3s; transition:.3s; margin-bottom:20px; }
textarea { height:150px; resize:none; }
input[type="submit"],
button[type="submit"] { font-size:17px; font-weight:500; border:none; border-radius:0; display:inline-block; background:#F35C27; color:#FFF; padding:15px 30px; margin:27px 0; width:auto; -webkit-transition:.3s; transition:.3s; cursor:pointer; }
input::placeholder,
textarea::placeholder { font-size:16px; font-weight:500; color:#FFF; }

/*Bootstrap Customize CSS*/

.container-fluid { padding:0; }

/* Bacground Color & Overlay CSS 
============== */

.gray-bg { background:#EEF3F7; }
.white-bg { background:#FFF; }
.light-bg { background:#F35C27; }
.dark-bg { background:#3e9d09; }
.bg-cover { background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; }
.overlay { position:absolute; content:""; width:100%; height:100%; background-color:rgb(12 30 62 / 42%); top:0; left:0; z-index:-1; }
.overlay-2 { position:absolute; content:""; width:100%; height:100%; background-color:rgb(5 29 56 / 81%); top:0; left:0; z-index:-1; }

/* Pre-Loader CSS 
==============*/

#loader { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:fixed; top:0; bottom:0; left:0; right:0; background-color:#020E28; z-index:999999; }
#loader .loading,
#loader .loading > div { position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#loader .loading { display:block; font-size:0; color:#F35C27; width:40px; height:40px; }
#loader .loading > div { display:inline-block; float:none; border:3px solid; width:40px; height:40px; background:transparent; border-bottom-color:transparent; border-radius:100%; -webkit-animation:loading .75s linear infinite; -moz-animation:loading .75s linear infinite; -o-animation:loading .75s linear infinite; animation:loading .75s linear infinite; }
@-webkit-keyframes loading { 0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
 50% { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } }
@keyframes loading { 0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
 50% { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } }

/* Sticky CSS 
============== */

.header-area .is-sticky .sticky-area { background:#FFF; z-index:999 !important; -webkit-animation:slideInDown .6s forwards; animation:slideInDown .6s forwards; margin-top:0; box-shadow:0px 10px 60px 0px rgb(0 0 0 / 5%); }
#header-1.header-area .is-sticky .sticky-area { animation:none; }
#header-2.header-area .is-sticky .sticky-area .navigation { background:#FFF; box-shadow:0 3px 16px -2px #4c4a4ade; }
#header-2.header-area .is-sticky .main-menu .navbar-nav .nav-link { color:inherit; }
#header-3.header-area .is-sticky .sticky-area { box-shadow:0 3px 16px -2px #4c4a4ade; }
.header-area.absolute-header .is-sticky .sticky-area { background:#10102D; -webkit-box-shadow:none; box-shadow:none; margin-top:0; }
.header-area .is-sticky .navigation { margin-top:0; }
/* Header Top Area
============== */

.header-top { font-size:15px; font-weight:500; padding:20px 30px; }
.contact-info {color:#E9ECF1;}
.site-info{color:#E9ECF1;}

.contact-info a{color:#E9ECF1;}
.contact-info a:hover{color:#FFF;}

.contact-info i { color:#FFF; font-size:20px; margin-right:2px; }
.site-info .social-area { display:inline-block; margin-left:10px; }
.site-info .social-area i { font-size:17px; color:#E9ECF1; padding-left:10px; }
/* Header # 01 
============== */

.logo img { max-width:350px; margin-top:10px; }

#header-2 .navbar-brand { margin:7px 0; }
#header-2 .logo img { max-width:215px; margin-top:0; }
.header-area .navigation { padding:0 30px; height:130px; position:relative; z-index:9; }
#header-1 .container-fluid { padding:0; }
#header-1 .navigation { background:#1F2839; }
.header-button-list .btn { width:60px; height:60px; line-height:55px; color:#004976; border-radius:50%; }
.header-button-list .btn { background:none; }
.header-button-list .btn:hover { color:#F25B26; }
.header-button-list .btn i:before { font-size:24px; }

.header-button-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.header-button-list { margin-top:10px; }
.header-button-list .btn:not(:last-child) { margin-right:15px; }
/* Header # 02 */

#header-aside .aside-content { float:right; color:#585252; margin-top:15px; }
#header-aside .aside-content .info-wrap { display:table; overflow:hidden; width:100%; }
#header-aside .aside-content .info-i,
#header-aside .aside-content .info-c { display:table-cell; text-align:left; vertical-align:middle; }
#header-aside .aside-content .info-c span { opacity:.5; }
#header-aside .aside-content .info-i { width:45px; }
#header-aside .aside-content .info-i span { position:relative; z-index:1; font-size:30px; color:#F35C27; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; margin-right:10px; }
#header-aside .aside-content .info-i span i::before { font-size:36px; }
#header-aside .aside-content .info-i span:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; border:1px dashed transparent; background-color:transparent; }
#header-aside .aside-content .inner > div { float:left; display:block; width:170px; position:relative; color:#777; font-size:16px; font-weight:500; line-height:22px; margin-left:25px; border-right:2px solid #eee; }
#header-aside .aside-content .inner > div:last-child { border:0; }
.responsive-logo { display:none; }
#header-2 .navigation { height:100px; border-top:1px solid #eee; padding:5px 30px; }
#header-2 .aside-content { padding:10px 0; }
#header-2 .main-menu .navbar-nav .nav-link { padding:35px 0; color:#d7d7d7; }
#header-2.header-area .main-menu .navbar-nav .nav-link.active { color:#3e9d09; }
/* Header # 03 */

.header-area.absolute-header { position:absolute; width:100%; z-index:99; -webkit-transition:.3s; transition:.3s; padding:10px 0; }
#header-3 .main-menu .navbar-nav .nav-link { padding:30px 0; color:#d7d7d7; }


/* Main Menu 
============== */

.main-menu .navbar { padding:0; }
.main-menu li.nav-item { position:relative; margin-right:18px; }
.main-menu li.nav-item:last-child { margin-right:0; }
.main-menu .navbar-nav .nav-link { font-size:17px; font-weight:500; display:block; padding:35px 0; position:relative; }
.main-menu .navbar-nav .nav-link { padding:53px 0; }
.header-right-content .main-btn {  margin-top:36px; }
.main-menu .navbar-nav .nav-link.active { color:#3e9d09; }
.main-menu li.nav-item:hover > a { color:#FFF; }
/*.main-menu .navbar-nav .nav-link::before { content:""; height:2px; width:12px; border-radius:0px; background-color:#F35C27; position:absolute; bottom:44px; left:-22px; transition:transform 500ms ease; transform:scale(0, 1); transform-origin:left center; z-index:1;
}*/

.main-menu li.nav-item:hover > .nav-link::before { transform:scale(1, 1); transform-origin:right center; }

/*Dropdown Menu */

.sub-menu { list-style:none; margin:0; padding:25px 15px; position:absolute; left:0; top:100px; min-width:270px; background-color:#FFF; opacity:0; visibility:hidden; -webkit-transition:all 600ms ease; transition:all 600ms ease; z-index:99; -webkit-box-shadow:2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%); box-shadow:2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%); }
.sub-menu::after { position:absolute; content:""; width:100%; height:4px; top:0; left:0; background:#3e9d09; visibility:hidden; opacity:0; }
.main-menu li:hover .sub-menu { opacity:1; visibility:visible; top:102px; }
#header-2 .main-menu li:hover .sub-menu { top:90px; }

.header-area.absolute-header .main-menu li:hover .sub-menu { top:90px; }

.main-menu li:hover .sub-menu::after { opacity:1; visibility:visible; }
.main-menu .sub-menu li { display:block; }
.main-menu .sub-menu li a { font-size:17px; font-weight:400; display:block; padding:12px; color:#2f3140; -webkit-transition:.3s; transition:.3s; }
.main-menu .sub-menu li:hover > a { color:#3e9d09; }
.dropdown-toggle::after { display:none !important; }
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler { display:none; }
/* Hero Area Slider 
==================*/

.homepage-slides { position:relative; overflow:hidden; }
.homepage-slides .single-slide-item { background-color:#E9E9E9; width:100%; height:530px; display:table; align-items:center; /*position:relative;*/ z-index:1; }
.homepage-slides .single-slide-item .image-layer { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:contain; /*	transform:scale(1);*/ transition:transform 7000ms ease; }
/*.homepage-slides .active .single-slide-item .image-layer { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }*/
.hero-area-content { /*display:table-cell;*/ margin-top:80px; margin-left:150px; /*vertical-align:middle;*/ }

.single-slide-item h1 { color:#3e9d09; font-size:50px; line-height:60px; margin:60px 0; position:relative; float:right; }
.single-slide-item p { color:#333; font-size:18px; line-height:35px; float:right; margin-left:30px; }
.single-slide-item a.main-btn { margin-top:40px; padding:20px 40px; font-size:18px; }

#home-1.homepage-slides .owl-nav button.owl-prev,
#home-1.homepage-slides .owl-nav button.owl-next { width:70px; height:70px; font-size:20px; font-weight:100; line-height:16px; position:absolute; left:0; top:50%; margin-top:-25px; background:transparent; border:2px solid; color:#C89D668c; visibility:hidden; opacity:0; -webkit-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s; }
#home-1.homepage-slides .owl-nav button.owl-next { left:auto; right:0; }
#home-1.homepage-slides:hover .owl-nav button.owl-prev,
#home-1.homepage-slides:hover .owl-nav button.owl-next { visibility:visible; opacity:.3; }
#home-1.homepage-slides .owl-nav button.owl-prev:hover,
#home-1.homepage-slides .owl-nav button.owl-next:hover { background:#F35C27; color:#FFF; border-color:#F35C27; opacity:1; }
.homepage-slides .owl-nav button.owl-prev,
.homepage-slides .owl-nav button.owl-next { width:80px; height:80px; border:1px solid #eee; border-left:none; font-size:30px; font-weight:100; line-height:16px; position:absolute; right:80px; bottom:0; margin-top:-25px; background:#FFF; color:#F25B26; visibility:visible; opacity:1; -webkit-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s; }
.homepage-slides .owl-nav button.owl-next { left:auto; right:0px; }
.homepage-slides .owl-nav button.owl-prev:hover,
.homepage-slides .owl-nav button.owl-next:hover { background:#F35C27; color:#FFF; border-color:#F35C27; }
.hero-area-content h6 { font-size:16px; color:#FFF; }
#home-3 .single-slide-item { height:850px; }
#home-3 .single-slide-item .section-title { margin-top:150px; }
/* Promo Section
============== */

.single-promo-item{padding:50px; position:relative; z-index:1; background:#FFF; height:250px; margin-top:-60px; transition:.5s; box-shadow:0 3px 9px -2px #d0cece;}
.single-promo-item h5 { font-size:22px; font-weight:500; margin:15px 0 20px; position:relative; padding-left:40px; }
.single-promo-item h5:before { position:absolute; content:" "; top:50%; left:0; background:#F35C27; height:3px; width:25px; margin-top:-1px; }
.single-promo-item p { font-weight:400; line-height:1.5; }
.single-promo-item i { position:relative; }
.promo-icon i:before { font-size:50px; font-weight:400; color:#F35C27; }
.single-promo-item:before { position:absolute; top:0; bottom:0; left:0; right:0; content:""; background:#F35C27; transition-delay:0.1s; transition-timing-function:ease-in-out; transition-duration:0.5s; transition-property:all; opacity:1; transform-origin:top; transform-style:preserve-3d; transform:scaleY(0); z-index:-1; }
.single-promo-item:hover:before { transform:scaleY(1);}
.single-promo-item:hover h5 { color:#FFF;}
.single-promo-item:hover p { color:#FFF;}
.single-promo-item:hover .promo-icon { color:#FFF;}
.single-promo-item:hover .promo-icon i:before { color:#FFF;}
.single-promo-item:hover h5:before { background:#FFF;}

/* About Section
============== */

.about-key { overflow:hidden; }
.about-key li { margin-bottom:16px; float:left; width:50%;}
.about-key li i { position:relative; }
.about-key li i:before { font-size:30px; color:#F35C27; margin-right:10px; position:absolute; top:-20px;}
.about-key li p { display:inline-block; font-size:18px; font-weight:500; color:#262B3E; position:relative; padding-left:35px; margin:0;}
.about-content-area .main-btn { margin:35px 0; }
.call-us .icon i { font-size:25px; margin-top:0; margin-right:24px; margin-left:-12px; display:inline-block; color:#FFF; background:#3e9d09; padding:16px; border-radius:50%;}
.mobile-number p { color:#232323; font-size:18px; font-weight:500;}
.mobile-number h5 { color:#898989; font-size:18px; margin-bottom:3px;}
.founded-year i { background:#F35C27; color:#FFF; width:220px; height:100px; text-align:center; text-transform:uppercase; font-size:18px; font-style:normal; font-weight:500; padding:6px; }
.founded-year i:before { font-size:45px; line-height:60px; display:flex; justify-content:center; align-items:center;}
.founded-year { position:absolute; bottom:33px; right:54px;}
/*Service Section */

.single-service-area { position:relative; z-index:1; overflow:hidden;}
.service-img { position:relative; z-index:1; /*height:250px;*/ width:100%; overflow:hidden; transition:.3s;}
.service-img img { width:100%; /*height:300px;*/ transition:transform ease-in-out 0.7s; transition-property:all;}
.service-icon { background:#F35C27; padding:20px; position:absolute; bottom:0; left:20px; width:90px; height:90px; display:flex; align-items:center; justify-content:center; display:inline-block; transition:all 500ms linear; transition-delay:0.1s; z-index:2; }
.service-icon i:before { font-size:45px; line-height:45px; color:#FFF; }
.single-service-area:hover h5 { color:#3e9d09; }
.single-service-area:hover .service-icon { background:#182333; }
.service-icon span { position:relative; display:inline-block; font-size:45px; color:#FFF; transition:all 500ms linear; transition-delay:0.1s;}
.single-service-area:hover .service-icon span { transform:rotateY(360deg); }

.single-service-area:hover .service-img img { transform:scale(1.1) rotate(2deg); transition:all 2s ease-out;}
.service-content { padding:15px 15px 15px; box-shadow:0 3px 9px -2px #d0cece; text-align:center; }
.service-content h5 { font-size:22px; font-weight:600; margin:15px 0 25px; }
.single-service-area a { text-transform:uppercase; font-size:16px; color:#092755; margin:15px 0; }

.single-service-area .read-more i:before { font-size:20px; transition:all 500ms linear; }
.single-service-area:hover .read-more i:before { padding-left:5px; color:#092755; }
.service-slider .owl-dots button.owl-dot span { width:10px; height:10px; background:#b1adad; margin-right:10px; margin-top:20px;}
.service-slider .owl-dots button.owl-dot.active span { width:35px; height:10px; background:#f0c307;}
.service-slider .owl-dots { text-align:center; margin-top:0px; }
/*Choose Us Section */

.choose-us-img img { width:100%; }
.choose-us-content { background:#061129; padding:45px 65px; position:relative; z-index:1; margin-bottom:-15px;}
.choose-us-content hr { border-color:#323f50; }
.choose-us-content h3 { font-size:32px; line-height:44px; color:#FFF; margin:20px 0;}
.choose-us-content h6 { color:#FFF; }
.choose-us-content .main-btn:hover::before { background:#FFF;}
/*Pop up Video */

.pop-up-video a.video-play-btn { font-size:25px; color:#FFF; border:2px solid #F35C27; padding:15px; width:80px; height:80px; line-height:45px; text-align:center; position:absolute; top:50%; left:50%; margin-left:-35px; margin-top:-35px; background:#F35C27; cursor:pointer; z-index:9; }
@-webkit-keyframes btnIconRipple { 0% { border-width:4px; -webkit-transform:scale(1); transform:scale(1); }
 80% { border-width:1px; -webkit-transform:scale(1.35); transform:scale(1.35); }
 100% { opacity:0; } }
.pop-up-video a::before { content:''; display:inline-block; position:absolute; top:-2px; left:-2px; bottom:-2px; right:-2px; border-radius:inherit; border:1px solid #FCD1C1; -webkit-animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; }
/* Achievement Section 
============== */

.achievement-area { background-image:url(../images/achievement.jpg); height:400px; background-size:cover; background-position:center; background-attachment:fixed; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; z-index:-1; margin-top:-130px; }
.achievement-area.home2 { background-color:#020E28;}
.fact-icon img{ margin-bottom:15px;}

.fact-icon i:before { font-size:40px; line-height:35px; color:#FFF; margin:20px 0; display:inline-block; background:#F35C27; padding:25px; border-radius:5px; }
.single-counter-box { text-align:center;}
.single-counter-box .counter-number span { font-size:50px; font-weight:600; color:#FFF; margin:30px 0 10px; }
.single-counter-box p.counter-number { font-size:40px; color:#FFF;}
.single-counter-box h6 { color:#FFF; font-size:18px; font-weight:500; text-transform:uppercase; }
/* Project Section 
============== */

.project-bg { background-image:url(../images/Gearless-Home-Lifts.jpg);}
.project-bg-2 { background-image:url(../images/Hydraulic-Home-Lifts.jpg);}
.project-bg-3 { background-image:url(../images/Automatic-Home-Lifts.jpg);}

.single-project-item.bg-cover { height:500px; }
.single-project-item { position:relative; z-index:1; border-bottom:4px solid #020E28; overflow:hidden;}
.single-project-item:hover { border-bottom:4px solid #F35C27; }
.project-inner .hover-info { position:absolute; left:0; bottom:0; opacity:0; transform:translateY(50px); width:100%; z-index:2; padding:35px 40px 35px 38px; max-width:500px; transition:all ease 0.3s; transition-delay:0.07s; }
.single-project-item:hover .hover-info { opacity:1; transform:translateY(0); }
.project-inner:after { content:" "; width:100%; height:100%; background-color:rgb(3 15 39 / 87%); display:block; opacity:0; position:absolute; left:0; top:0px; transition:all ease 0.3s; }
.single-project-item:hover .project-inner:after { opacity:1;}
.hover-info h4 { color:#FFF; margin-bottom:15px;}
.project-inner h6 { color:#F35C27; text-transform:uppercase; margin-bottom:10px; font-size:17px; font-weight:600; letter-spacing:1px;}
.hover-info p { color:#eee; }
.hover-info a { color:#F35C27; font-size:16px; text-transform:uppercase; font-weight:600; margin:10px 0; }
.project-inner .project-icon { position:absolute; right:0; top:0; opacity:0; z-index:2; transition:all ease 0.3s; font-size:30px; cursor:pointer; background:#F35C27; color:#FFF; padding:25px; transform:translate3d(0, -100%, 0); transition:.3s; }
.single-project-item:hover .project-icon { opacity:1; transform:translate(0, 0); }
.project-area.home3 .section-title { margin-bottom:50px; }
.home3 .single-project-item:hover { border-bottom:4px solid #F35C27; overflow:hidden; }
#project-page .single-project-item { margin-bottom:50px; }
.project-slider .owl-dots button.owl-dot span { width:10px; height:10px; background:#b1adad; margin-right:10px; margin-top:20px; }
.project-slider .owl-dots button.owl-dot.active span { width:40px; height:10px; background:#F35C27; }
.project-slider .owl-dots { text-align:center; position:absolute; top:-100px; right:0;}
/* Process Section 
============== */

.process-item-wrap { margin-top:50px; }
.single-process-item { text-align:center; }
.process-num { position:absolute; right:70px; top:0; z-index:9; background:#F35C27e0; width:40px; height:40px; border-radius:50%; padding:7px; transition:.3s; }
.process-num p { font-size:18px; font-weight:500; line-height:26px; color:#FFF; }
.process-icon { border:10px solid #ddd; border-radius:50%; width:150px; height:150px; padding:35px; position:relative; display:flex; justify-content:center; align-items:center; margin:0 auto; transition:.3s; }
.single-process-item h5 { font-size:22px; margin:25px 25px; line-height:28px;}
.single-process-item:hover .process-icon { border-color:#F35C27; opacity:.8;}

/* Contact Section 
============== */

.contact-section { background-image:url(../images/contact-bg.jpg);  background-attachment:fixed;}
.contact-section { position:relative; }
.contact-section h2 { color:#FFF; }
.contact-section h6 { color:#FFF; }
.contact-section .contact-info i { font-size:30px; margin-left:0; background:#E5BA04; color:#FFF; padding:10px; border-radius:0; float:left; }
.contact-content { margin-top:50px; }
/*.contact-info span { display:block; font-size:30px; font-weight:600; margin-top:10px; }*/

.contact-inner { margin-bottom:30px; }
.contact-inner h6 { color:#FFF; font-size:22px; font-weight:400; padding-left:100px; line-height:20px;}
.contact-inner p { font-size:16px; padding-left:100px; }
.contact-form { background:#EBEBEB; padding:45px; /*text-align:center;*/
}

.contact-form input,
.contact-form textarea { background:#FFF; padding:15px 25px; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color:#BFBFBF; }
.contact-form h4 { font-size:40px; font-weight:600; margin:20px 0; }
.contact-form p { margin-bottom:30px; }
.contact-form button.main-btn { margin-top:12px; border:none; }
.contact-form input.code { float:left; width:75%; border-radius:none; border:#CCCCCC 1px solid; }
.contact-form .captcha { float:left; background:#FFF;  padding:18px; margin-left:10px; border:#CCCCCC 1px solid; }
.contact-form input.code1 { float:left; width:60%; border-radius:none; border:#CCCCCC 1px solid; }

/*Newsletter Section */

.newsletter-wrapper { text-align:center; padding:70px 35px; }
.newsletter-icon img { background:#F35C27; padding:25px; margin:24px 0; }
.newsletter-wrapper p { margin-bottom:35px; color:#FFF; }
.newsletter-wrapper input { background:#FFF; border:none; }
.newsletter-wrapper .main-btn { width:100%; margin:30px 0; }
/* Blog Section 
============== */

.single-blog-item { background:#FFF; border:1px solid #eee; }
p.blog-meta { font-size:14px; margin:7px 0; text-transform:uppercase; letter-spacing:1px; font-weight:500; }
p.blog-meta i:before { padding-right:7px; }
.blog-meta i { font-size:18px; }
i.las.la-comments { margin-left:13px; }
.blog-content { padding:10px 20px 0; }
.blog-content p { line-height:28px; }

#blog-2 .blog-content { padding:30px; }

.blog-content h5 a { font-size:22px; font-weight:600; line-height:32px; margin-top:5px; margin-bottom:20px; }
.blog-content h5 a:hover { color:#092755; }
.blog-area a.read-more { text-transform:uppercase; font-size:16px; font-weight:600; margin:10px 0 0; color:#F35C27; }
.blog-area a.read-more:hover { color:#F35C27; }
.blog-bg { position:relative; z-index:1; overflow:hidden; transition:.3s; }
.blog-bg img { width:100%; height:300px; transition:transform ease 0.3s; }
.blog-bg span { background:#F35C27; color:#FFF; padding:20px; display:block; width:80px; height:auto; text-align:center; position:absolute; top:0; right:0; font-size:18px; line-height:20px; }
.blog-bg img:hover { transform:scale(1.07); }
.pagination-block { display:block; margin:45px auto; }
.pagination-block .page-numbers { width:50px; height:50px; line-height:50px; text-align:center; display:inline-block; color:#656c76; font-size:16px; font-weight:600; border:1px solid #e9eef6; margin:0 3px; padding:0; transition:all 0.3s ease 0s; }
.page-numbers.current { background:#F35C27; color:#FFF; border-color:#F35C27; }
.pagination-block .page-numbers:hover { background:#F35C27; color:#FFF; border-color:#F35C27; }

/* CTA Section 
============== */

.cta-area { background-image:url(../images/dot-map.png); /*	background-color:#051330 !important;*/ background-size:cover; height:300px; display:flex; justify-content:center; align-items:center; position:relative; z-index:1; }
.cta-area h2 { font-size:55px; line-height:70px; color:#FFF; }
.cta-area h6 { color:#F35C27; text-transform:uppercase; font-size:16px; margin-bottom:10px; }
.cta-area p { color:#cacaca; }
.cta-area .contact-info { margin-top:60px; }
.cta-area .contact-info i { color:#FFF; font-size:50px; float:left; padding-right:10px; }
.contact-info h5 { font-size:22px; color:#FFF; }
.contact-info p { color:#FFF; }
/* Footer Area
======================== */

.footer-area { background-image:url(../images/footer-bg.jpg); color:#FFF; position:relative; }
.footer-area h5 { font-size:22px; font-weight:500; color:#3e9d09; margin:20px 0; }
.footer-area p { margin-top:16px; color:#FFF; }
.contact-info p { margin-bottom:10px; }
.footer-area ul li a { font-size:18px; display:block; color:#FFF; padding:10px 0; position:relative; }
.footer-up ul li a span { color:#859AB9; font-size:18px; font-weight:600; }
.footer-area ul li a:hover { color:#F35C27; }
.subscribe-form button { padding:18px 40px; font-size:17px; line-height:13px; background:#F35C27; color:#FFF; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; border:0; cursor:pointer; }
.subscribe-form { position:relative; }
.subscribe-form { color:#FFF; }
.subscribe-form a { color:#FFF; text-decoration:none; }
.subscribe-form a:hover { color:#FFF; text-decoration:none; }
.subscribe-form input { border:0; background:#FFF; }
.subscribe-form input::placeholder { color:#797A7E; font-size:16px; }
.footer-up { padding:80px 0; }
.footer-up .social-area i { color:#eee; font-size:21px; margin-right:10px; margin-top:20px; }
.footer-bottom { padding:20px 0; background:#222; }
.footer-bottom p { font-size:16px; margin:0; color:#FFF; }
p.privacy { text-align:right; }
.footer-area ul li a:before { position:absolute; content:""; top:50%; left:0; width:16px; height:3px; background:#f0c307; visibility:hidden; opacity:0; }
.footer-area ul li a:hover{ color:#f0c307;}

.footer-area ul li a:hover::before { visibility:visible; opacity:1; }
.footer-area ul li a:hover { padding-left:25px; }

/* -------------------- Home # 02 ---------------------------
============================================================ */


/* About Section # 02
============== */
.info-content-area p.highlight { position:relative; padding-left:25px; margin:20px 0 0; }
.info-content-area p.highlight:before { position:absolute; content:""; width:15px; height:15px; top:5px; left:0; background:#F35C27; }
.info-content-area .main-btn { background:transparent; color:#F35C27; border:2px solid; margin:40px 0; }
.info-content-area a { font-size:18px; text-transform:uppercase; color:#F35C27; margin:30px 0 40px; }
.featured-icon i:before { font-size:40px; color:#F35C27; margin-bottom:13px; display:inline-block; }
.featured-area { position:relative; }
.col-lg-4:not(:last-child) .featured-area:after { content:""; height:100%; width:1px; background-color:#f1f1f1; display:block; position:absolute; right:0; top:50%; transform:translateX(0) translateY(-50%); }
.about-img { position:relative; z-index:1; }
.info-founder { background:#F35C27; padding:30px 40px 0px; position:absolute; left:0px; bottom:-12px; border:12px solid #FFF; border-left:none; }
.info-founder i:before { font-size:45px; color:#FFF; }
.info-founder p { font-size:22px; font-weight:500; line-height:26px; color:#FFF; margin-top:20px; }
/* Service Section # 02 
============== */

.services-area-2 { background-image:url(../images/service/service-bg.jpg); position:relative; z-index:1; }
.serv-icon i:before { font-size:55px; color:#F35C27; }
.services-area-2 .single-service-area { margin-bottom:100px; text-align:center; padding:15px; border:1px solid #BCBCBC; transition:.3s; }
.services-area-2 .single-service-area:hover { border-color:#B8B8B8; }
.single-service-area h4 { font-size:24px; font-weight:600; line-height:26px; color:#3e9d09; margin:20px 0 10px; }

/* CTA Section 
============== */

.cta-area-2 { position:relative; z-index:1; }
.auto-container { position:static; max-width:1200px; padding:0 80px; margin:0 auto; }
.cta-content { background:#F35C27; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:250px; padding:45px; position:relative; margin-top:-100px; }
.cta-content h2 { font-size:55px; color:#FFF; }

/* Choose Us Section # 02
============== */

.why-choose-us { position:relative; z-index:1; }
.img-wrapper { position:absolute; width:100%; height:590px; top:0; left:0; }
.img-wrapper { background-image:url(../images/choose-us-2.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; }
.key-feature .about-icon i:before { font-size:50px; color:#F35C27; position:absolute; top:35px; left:30px; }
.key-feature h6 { font-size:24px; margin:18px 0; }
.feat-content { padding-left:95px; }
.why-choose-us .choose-us-content { margin-top:-60px; }
/* Testimonial Section 
============== */

.single-testimonial-item img { max-width:70px; height:auto; float:left; }
/*.author-desc { margin-top:72px; }*/

.author-desc h5 { font-size:20px; }
.author-desc span { font-size:15px; color:#898a9c; }

.single-testimonial-item { background:#FFF; padding:65px 50px 70px; position:relative; z-index:1; margin-top:50px; box-shadow:0 3px 9px -2px #d0cece; border-bottom:5px solid #f0c307; transition:.3s; }
.single-testimonial-item:hover { border-bottom:5px solid #358A05; }
.single-testimonial-item p { margin-bottom:50px; }
.testimonial-icon i { font-size:25px; background:#f0c307; padding:15px; position:absolute; top:-20px; color:#FFF; z-index:9; }
.testimonial-area .owl-dots button.owl-dot span { width:10px; height:10px; background:#ddd; margin-right:10px; margin-top:20px; }
.testimonial-area .owl-dots button.owl-dot.active span { width:35px; height:10px; background:#F35C27; }
.testimonial-area .testimonial-carousel .owl-dots { text-align:center; margin-top:50px; }

/* Client Section
============== */

.single-client {
/*	height:100px;
*/	display:flex; align-items:center; justify-content:space-around;}
  
.single-client img { max-width:inherit; padding:5px; border:1px solid #9C9C9C; min-height:98px; }

/* Map Section
============== */

iframe { border:none !important; }
iframe,
embed,
object { margin-bottom:1.5em; max-width:100%; }
iframe { display:block; margin:0; max-width:100%; }
/* -------------------- Home # 03 ---------------------------
============================================================ */


/* Featured Area 
============== */

#home-3 .key-content h5 { font-size:26px; }
.single-key-feat { position:relative; z-index:1; background:#f3f3f3; padding:50px 70px 30px 50px; border-top:1px solid #eee; transition:.3s; border-bottom:1px solid #eee; border-right:1px solid #e5e5e5; transition:.3s; }
.single-key-feat:hover { background:#FFF; }
.single-key-feat p { line-height:28px; }
.key-icon { position:absolute; top:40px; }
.key-icon i:before { font-size:70px; color:#F35C27; }
.key-content h5 { font-size:25px; margin:20px 0; }

/* Service Section # 03  
==================== */

.single-serv-wrapper { box-shadow:0 3px 9px -2px #d0cece; margin-top:40px; }
.single-serv-bg { background-image:url(../images/Goods-Lift.jpg); height:325px; }
.serv-bg-2 { background-image:url(../images/Dumbwaiter.jpg); }
.serv-bg-3 { background-image:url(../images/service/03.jpg); }
.serv-bg-4 { background-image:url(../images/service/04.jpg); }
.single-serv-area { height:325px; background:#FFF; text-align:center; padding:20px; position:relative; z-index:1; border-bottom:4px solid #FFF; transition:.3s; }
.single-serv-area h5 { font-size:22px; margin:20px 0; }
.single-serv-area:hover { border-bottom:4px solid #F35C27; }
.servic-icon i { background:#F3F3F3; width:90px; height:90px; border-radius:50%; }
.servic-icon i:before { font-size:50px; line-height:35px; color:#F35C27; margin:25px 0; display:inline-block; }
.servic-icon i:before { color:#002C42; }
.single-serv-area a.read-more { margin:12px 0 0; text-transform:uppercase; color:#F35C27; }
.single-serv-area:hover .servic-icon i:before { color:#F35C27; }
/* About Section # 03  
============== */

.single-bar-item h4 { color:#002C42; font-size:18px; margin-bottom:10px; }
.progress-bar-area { margin-top:15px; }
.barfiller .fill { background:#F35C27 !important; }
#about-3 .choose-certify { text-align:center; }
#about-3 .choose-certify i { position:relative; }
#about-3 .choose-certify i:after { position:absolute; content:" "; width:60px; height:60px; top:-7px; left:-30px; border-radius:50%; background:#F35C27; z-index:1; opacity:.4; }
#about-3 .choose-certify h5 { font-size:22px; margin:20px 0; color:#002c42; padding-left:0
}

#about-3 .choose-certify p { padding-left:0; }
.choose-certify i { font-size:45px; color:#F35C27; position:absolute; }
.choose-certify h5 { color:#FFF; padding-left:70px; margin-bottom:15px; }
.choose-certify p { padding-left:70px; }
/*Achievement Section # 02
==============*/

.skill-bg { background-image:url(../images/counter-bg.jpg); }
.skill-bg { width:50%; height:auto; position:relative; background-size:cover; }
@media only screen and (min-width:576px) and (max-width:767px) { .skill-bg { display:none; } }
@media (max-width:767px) { .skill-bg { display:none; } }
.skill-content { width:50%; padding:80px 100px 50px; padding-bottom:60px; background:#3e9d09; }
.skill-content p { font-size:18px; color:#E1E1E1; }
@media only screen and (min-width:768px) and (max-width:991px) { .skill-content { padding:26px; } }
@media only screen and (min-width:576px) and (max-width:767px) { .skill-content { width:100%; padding:80px; } }
@media (max-width:767px) { .skill-content { width:100%; padding:50px; } }
.skill-area { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; }
.skill-area .section-title h2 { color:#FFF; }
.skill-area .single-counter-box { border-bottom:1px solid #5a5a5a; border-right:1px solid #5a5a5a; padding-bottom:20px; border-left:1px solid #5a5a5a; border-top:1px solid #5a5a5a; padding:15px; }
.single-counter-box.one { border-top:none; border-left:none; }
.single-counter-box.two { border-top:none; border-right:none; border-left:none; }
.single-counter-box.three { border-top:none; border-left:none; border-bottom:none; }
.single-counter-box.four { border-top:none; border-right:none; border-left:none; border-bottom:none; }
.skill-area .fact-icon i:before { font-size:45px; line-height:40px; margin:10px 0; }
.skill-area .single-counter-box .counter-number span { font-size:50px; font-weight:600; margin:10px 0 5px; }
.skill-area .fact-icon i:before { background:none; color:#FC9D00; }

/* Team Section 
============== */

.team-area { border-top:1px solid #eee; }
.team-member-bg { background-size:cover; background-position:center; width:100%; height:400px; }
.team-member-bg { background-image:url(../images/team/1.jpg); }
.team-bg-2 { background-image:url(../images/team/2.jpg); }
.team-bg-3 { background-image:url(../images/team/3.jpg); }
.team-bg-4 { background-image:url(../images/team/4.jpg); }
.team-bg-5 { background-image:url(../images/team/5.jpg); }
.team-bg-6 { background-image:url(../images/team/6.jpg); }
.team-bg-7 { background-image:url(../images/team/7.jpg); }
.team-bg-8 { background-image:url(../images/team/8.jpg); }
.single-team-member { position:relative; margin-top:25px; }
.single-team-member .team-content { position:absolute; bottom:0; left:0; right:0; background:#FFF; text-align:center; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; }
.team-content .team-title { font-weight:500; margin-bottom:-3px; }
.team-content .team-title a { font-size:20px; font-weight:500; letter-spacing:0.3px; color:#191919; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; margin:16px 0 5px; }
.team-content .team-subtitle p { font-size:16px; color:#7c7c7c; margin-bottom:10px; }
ul.team-social { list-style:none; margin:0; padding:0; }
ul.team-social li { display:inline-block; }
ul.team-social li a { font-size:18px; padding:10px; padding-top:0; transition:all .3s ease-out; }
.single-team-member:hover .team-social li a { color:#F35C27; }
/* Price Section 
============== */

.single-price-item { background:#F8F9FA; padding:30px 50px; margin-top:50px; transition:.3s; }
.single-price-item h5 { font-size:24px; font-weight:600; position:relative; margin:20px 0; }
.single-price-item h6 { text-transform:uppercase; font-size:18px; line-height:22px; color:#777; margin-bottom:40px; }
.single-price-item h5:before { position:absolute; content:""; width:54px; height:2px; bottom:-10px; left:0; right:0; background:#F35C27; }
.single-price-item p b { font-size:45px; color:#F35C27; margin-right:10px; margin-left:3px; }
.single-price-item p { font-size:18px; margin:40px 0px; }
.price-list ul { list-style:none; margin:0; padding:0; }
.price-list ul li { display:block; margin:10px 0; font-size:17px; position:relative; border-bottom:1px solid #f1f1f1; padding-left:20px; padding-top:10px; padding-bottom:10px; transition:.3s; }
.price-list ul li:before { font-family:FontAwesome; content:'\f00c'; font-style:normal; font-weight:400; font-size:14px; speak:none; display:inline-block; text-decoration:inherit; padding-right:10px; }
.single-price-item .main-btn { display:inline-block; margin:30px 0 0; padding:15px 30px; text-transform:uppercase; font-size:16px; }
.single-price-item.active { background:#FFF; box-shadow:0 3px 9px -2px #d0cece; overflow:visible; padding-bottom:75px; }
/* Breadcroumb 
============== */

.breadcroumb-area { background-image:url(../images/banner/web-banner.jpg); }
.breadcroumb-area { height:400px; background-size:cover; background-position:center bottom; background-color:#ddd; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; z-index:2; }
.breadcroumb-area .breadcroumb-title h1 { font-size:70px; font-weight:700; letter-spacing:1px; color:#FFF; margin-top:40px; position:relative; padding-left:30px; }
.breadcroumb-area .breadcroumb-title h1:before { position:absolute; content:" "; top:0; left:0; width:100%; height:100%; border-left:5px solid #F35C27; }
.breadcroumb-area h6 a { color:#FFF; }
.breadcroumb-area h6 { color:#F35C27; font-size:18px; margin-top:25px; }
@media only screen and (min-width:768px) and (max-width:991px) { .breadcroumb-area .breadcroumb-title h1 { font-size:50px; } }
@media only screen and (min-width:576px) and (max-width:767px) { .breadcroumb-area .breadcroumb-title h1 { font-size:40px; } }
@media (max-width:575px) { .breadcroumb-area .breadcroumb-title h1 { font-size:35px; } }
/* FAQ Section 
============== */

.faq-bg { background-image:url(../images/faq.png); height:700px; background-position:center; background-repeat:no-repeat; width:100%; margin-bottom:-60px; }
.styled-faq { margin-top:40px; }
.styled-faq .panel-group .panel { border-radius:0; -webkit-box-shadow:0 0 0; box-shadow:0 0 0; margin-bottom:30px; border:1px solid #f6f6f6; }
.styled-faq .panel-default > .panel-heading { background:none; padding:0; border:none; }
.styled-faq .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top:none; padding:10px; line-height:1.5; color:#555; }
.styled-faq .panel .panel-heading h6 { font-weight:500; }
.styled-faq .panel .panel-heading h6 a { display:block; text-decoration:none; padding:12px; background:#f6f6f6; color:#444; }
@media (max-width:575px) { .styled-faq .panel .panel-heading h6 a { font-size:14px; } }
.styled-faq .panel .panel-heading h6 a i.fa { float:right; font-size:150%; line-height:15px; display:none; color:#ddd; }
.styled-faq .panel .panel-heading h6 a[aria-expanded=true] i.fa.fa-angle-up { display:block; color:#F35C27; }
.styled-faq .panel .panel-heading h6 a[aria-expanded=false] i.fa.fa-angle-down { display:block; color:#F35C27; }
/* Contact Page  
============== */

.contact-us-wrapper { background:#FFF; position:relative; box-shadow:0px 15px 30px rgba(0, 0, 0, 0.10); }
.contact-us-inner { text-align:center; padding:40px 30px; border-right:1px solid #eee; }
.contact-us-inner:nth-last-child(4) { border-right:none; }
.contact-us-inner h5 { font-size:22px; margin:40px 0 20px; }
.contact-us-inner a { text-transform:uppercase; color:#F35C27; font-size:17px; font-weight:500; margin:20px 0 10px; }
#contact-us .info-i { position:relative; z-index:1; }
#contact-us .info-i i:before { font-size:50px; color:#F35C27; }
#contact-us .contact-form .main-btn { margin-top:30px; }
/* Single Service Page
============== */

.service-list { background:#F6F6F6; padding:30px; margin-bottom:30px; }
.service-list h5 { font-size:24px; margin:30px 0; }
.service-list a { display:block; color:#333; font-size:17px; font-weight:500; line-height:17px; padding:14px; margin-bottom:20px; background:#FFF; }
.service-list a.active { background:#F35C27; color:#FFF; }
.service-list a span { float:right; }
.single-service h2 { margin:30px 0; }
.single-service h5 { margin:30px 0 10px; font-size:24px; }
.single-service p { font-size:17px; line-height:30px; }
.single-service-bg img { width:100%; }
.helpline-section { background:#020E28; color:#FFF; padding:20px; margin-top:35px; height:272px; display:flex; justify-content:center; align-items:center; }
.helpline-section h4 { font-size:28px; line-height:1.5; color:#FFF; margin-top:15px; }
.helpline-section button { margin-top:15px; }
#service-page .key-feature .about-icon i:before { font-size:50px; color:#F35C27; position:absolute; top:0; left:28px; }

/* Single Project Page 
============== */

.project-single-section h3 { font-size:35px; margin:30px 0; }
.project-info { border:1px solid #ddd; padding:30px; margin-bottom:50px; }
.project-info h5 { font-size:30px; margin-bottom:40px; }
.project-info p { margin:25px 0; border-bottom:1px solid #ddd; padding-bottom:10px; }
.project-info p b { color:#222; }
.project-info span { float:right; }
.project-info .main-btn { padding:15px 18px; font-size:17px; margin:20px 0; width:60%; margin-left:20%; line-height:17px; }
.project-overview h4 { margin:30px 0; }
.project-overview p:last-child { margin-bottom:40px; }
/* Single Blog Page 
============== */

.single-blog-wrap .blog-meta { margin:20px 0; }
.single-blog-wrap .blog-meta span i { color:#F35C27; font-size:20px; margin-right:10px; }
.single-blog-wrap h3 { font-size:28px; margin:20px 0; }
.single-blog-wrap h5 { font-size:22px; margin:20px 0; }
/* Blog-Classic  
============== */

#blog-page .single-blog-item { margin-bottom:40px; background:#FFF; box-shadow:0 3px 9px -2px #d0cece; }
#blog-page .blog-bg img { width:100%; height:100%; }
#blog-page .blog-content p.blog-meta { font-size:16px; color:#898a9c; }
#blog-page .blog-content a { font-family:'Playfair Display', serif; font-size:24px; font-weight:500; color:#00283F; margin-bottom:20px; }
#blog-page .blog-content a:hover { color:#C89D66; }
#blog-page .blog-content a.read-more { text-transform:uppercase; font-size:16px; color:#C89D66; }
.blog-search input { border:none; border-radius:0; border-bottom:1px solid #ddd; padding:0; padding-bottom:15px; }
.blog-search button { background:none; margin:0; padding:0; }
.blog-search button i { color:#191919; font-size:20px; opacity:.5; position:absolute; top:18px; right:28px; }
.blog-category h5,
.archive h5 { font-size:24px; font-weight:600; margin:25px 0; }
.blog-category a,
.archive a { display:block; color:#191919; font-size:18px; margin-bottom:20px; }
.blog-category a:hover,
.archive a:hover { color:#F35E27; }
.blog-category a.active,
.archive a.active { color:#F35C27; }
.recent-post h5 { margin:30px 0; margin-top:50px; font-weight:600; }
.recent-post img { float:left; width:70px; height:70px; }
.single-recent-post h6 { margin:0; padding-left:90px; font-size:17px; line-height:1.5; }
p.blog-date { padding-left:90px; }
.single-recent-post { padding-bottom:25px; }
.single-recent-post .recent-post-content { display:block; padding-left:110px; }
.single-recent-post h6 a { color:#1d2143; line-height:1.5; }
.popular-tag h5 { margin:30px 0; margin-top:50px; font-weight:600; }
.popular-tag span { padding:8px 15px; background:#00283F; margin-bottom:10px; margin-right:10px; font-size:15px; }
.popular-tag a { font-size:17px; color:#FFF; padding:5px; }
.popular-tag span.active { background:#F35C27; }
.popular-tag span:hover { background:#F35C27; }
.popular-tag span:hover a { color:#FFF; }
.author-profile img { width:90px; height:90px; float:left; }
.comments-section h5 { font-size:22px; margin:40px 0; }
.comments-section img { width:90px; height:90px; float:left; }
.single-comments-section p { padding-left:120px; }
.single-comments-section p b { color:#333; }
a.reply-btn { text-transform:uppercase; font-size:14px; }
.comments-form h3 { margin:40px 0 15px; }
.author-info { padding-left:120px; }
.author-info h6 { font-size:20px; margin:10px 0; }
.single-comments-section p span { font-size:15px; display:block; }
.blog-search { border:1px solid #ddd; padding:15px; }
.blog-category,
.recent-post,
.archive,
.popular-tag { border:1px solid #ddd; padding:10px 30px 20px; margin:20px 0; }
.helpline-section { background-size:cover; background-position:center center; height:350px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; z-index:1; margin-top:30px; }

.helpline-content h4 { color:#FFFf; }
.helpline-content p { color:#FFF; margin-top:20px; }
.helpline-content button { z-index:9; position:relative; }

/* Feature Section 
============== */

.single-feature-item .feature-icon { background:#eee; color:#F25B26; display:inline-flex; padding:30px 0; width:80px; height:80px; text-align:center; float:left; align-items:center; justify-content:center; line-height:1; }
.feature-icon i:before { font-size:45px; }
.feature-image { position:relative; z-index:1; margin-top:50px; }
.feature-image:after { position:absolute; content:" "; width:100%; height:100%; top:-40px; right:-40px; border:10px solid #fc7101; z-index:-1; }
.feature-content { margin:40px 0; }
.feature-content h5 { font-size:20px; padding-left:100px; margin-bottom:10px; }
.feature-content p {
/*	padding-left:100px;*/
}

.about-area { margin-top:50px; margin-bottom:50px;}

.feature-area { padding:100px 0px 180px 0px;}

.powered_by {  float:right; font-family:'Open Sans', sans-serif; font-size:14px; color:#FFF; }
.powered_by img { margin-left:10px; height:30px; }
.powered_by a { text-decoration:none; color:#FFF; }
.powered_by a:hover { color:#b0d52f; text-decoration:none; font-weight:bold;}


.choose-us-area{ margin-bottom:250px; margin-top:-50px;}
 
.copyright-line a { color:#3e9d09;}
 
.go-top i{ line-height:50px;}

.video_banner .embed-responsive video {top:-22;}

.more_p{ color:#F35C27;}

a.brochure {  padding:9px 20px; font-family:'Open Sans', sans-serif; font-size:14px; background:#F35C27;  color:#FFF; border-radius:0; text-transform:uppercase; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; border-radius:5px; margin-top:20px; }
a.brochure:hover { background-color:#f0c307; color:#FFF;}

/*onload popup css start*/
#enquirypopup .modal-dialog { width:550px; max-width:550px; padding:0px; position:relative; margin-top:120px; z-index:99999; }
#enquirypopup .modal-content { border-radius:0px; }
#enquirypopup .modal-body { padding:0px; }
#enquirypopup .modal-body h2 { background:#3e9d09; font-family:'Roboto Condensed', sans-serif; font-weight:600; font-size:24px; color:#FFF; margin-bottom:10px; margin-top:0px; text-align:center; padding:15px; line-height:1.8em; }
#enquirypopup .modal-body h2 span { font-size:28px; font-weight:600; color:#FFF; }
#enquirypopup .modal-body h2 span a { color:#FFF; }
#enquirypopup .modal-body h2 span a:hover { color:#FFF; }
#enquirypopup .modal-body h2 p { font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:16px; color:#FFF; text-transform:none; }

#enquirypopup .popup_from { padding-bottom:12px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner { padding:10px 50px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .form-group { margin:12px 0px; font-family:'Roboto Condensed', sans-serif; color:#000; }
#enquirypopup .popup_from .popup_from_inner .form-control { font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .form-group input { border-radius:0px; }

#enquirypopup .popup_from .popup_from_inner .form-group input.code { float:left; width:72%; border-radius:none; margin-right:15px; }
#enquirypopup .popup_from .popup_from_inner .captcha { padding:14px; background:#FAFAFA; border-radius:3px; border:#dbdbdb 1px solid; }

#enquirypopup .popup_from .popup_from_inner p { font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:14px; color:#9F9F9F; text-align:left; margin-bottom:20px; }
#enquirypopup .popup_from .popup_from_inner p i { color:#002147; margin-right:5px; }

#enquirypopup .popup_from .popup_from_inner .submit { margin:0px auto; text-align:center;font-family:'Roboto Condensed', sans-serif; font-size:20px; color:#333; font-weight:600; padding:12px 100px; background:#f0c307; cursor:pointer; outline:none; border:none; box-shadow:none; display:block; margin-bottom:10px; }
#enquirypopup .popup_from .popup_from_inner .submit:hover { background:#333; color:#FFF; outline:none; border-radius:none; }
#enquirypopup .popup_from .popup_from_inner .submit i { margin-right:5px; }

#enquirypopup .popup_from .logo_right img { float:right; margin-right:15px; }

#enquirypopup .close { float:right; font-family:'Roboto Condensed', sans-serif; font-size:40px; font-weight:normal; color:#FFF; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-top:-8px; }

#enquirypopup .skip { float:left; top:0px; right:0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:normal; color:#525252; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-left:8px; margin-top:-15px; }
#enquirypopup .skip {background:none; border:none; cursor:pointer; padding:0px; }
/*onload popup css end*/

/*verify form css start*/
.verify_form {  background:#E9E9E9; padding:20px; text-align:center; }
.verify_form h3 { font-family:'Roboto Condensed', sans-serif;font-size:28px; font-weight:600; margin-bottom:10px; color:#000; }
.verify_form p { font-family:'Roboto Condensed', sans-serif;font-size:16px; font-weight:400; color:#333; }
.verify_form input.callback-input, select.callback-input, textarea.callback-input { width:100%!important; height:52px!important; padding-left:4%!important; padding-right:4%!important; margin-top:4px!important;  margin-bottom:15px!important; color:#777!important; border:1px solid #ededed!important; background-color:#FFF!important;font-size:16px!important; border-radius:5px 5px 5px 5px!important; }
.verify_form textarea.callback-input { width:100%!important; height:52px!important; padding-left:2%!important; padding-right:4%!important; margin-top:4px!important;  margin-bottom:15px!important; color:#777!important; border:1px solid #ededed!important; background-color:#FFF!important;font-size:16px!important; border-radius:5px 5px 5px 5px!important; /*line-height:52px;*/ }

.verify_form input.callback-submit { font-family:'Roboto Condensed', sans-serif; background:#333; border:none; color:#FFF; letter-spacing:1px; cursor:pointer; display:inline-block; font-size:18px;
font-weight:700; width:100%; max-width:535px; padding:18px 0; text-transform:uppercase; -webkit-border-radius:3px 3px; -moz-border-radius:3px 3px; border-radius:3px 3px; transition:all .50s ease-in-out; -moz-transition:all .50s ease-in-out; -webkit-transition:all .50s ease-in-out;}
.verify_form input.callback-submit:hover { background:#5BB12F; color:#FFF; transition:all .50s ease-in-out; -moz-transition:all .50s ease-in-out; -webkit-transition:all .50s ease-in-out;}

.verify_form input.callback-input:focus, #callback-form select.callback-input:focus { border-color:#656565!important; color:#656565!important;
outline:none;}
.verify_form input.callback-input:focus, #callback-form select.callback-input:focus { border-color:#656565!important; color:#656565!important;
 outline:none;}
 
.verify_form  input.code { width:48%; float:left; border-radius:none; border:#CCCCCC 1px solid; margin-right:5px; margin-bottom:15px; height:52px !important; padding-left:2% !important; padding-right:4% !important; margin-top:4px !important; margin-bottom:15px !important; color:#656565 !important; border:1px solid #ededed !important; background-color:#FFF !important; font-size:16px !important; border-radius:5px 5px 5px 5px !important; }
.verify_form .captcha { float:left; padding:18px 19px; background:#FFF; border-radius:4px; border:#CCCCCC 1px solid; margin-top:3px; margin-left:25px; }
/*verify css end*/

.home_content h1{ font-size:36px; font-weight:500; display:inline-block; width:100%; margin-top:5px; }
.home_content .text { font-family:'Roboto Condensed', sans-serif;font-size:18px; font-weight:400; line-height:34px; color:#333; text-align:justify; }
.home_content .h-btn { display:inline-block; background:#f0c307; color:#333; font-size:18px; font-weight:500;  line-height:18px; text-transform:capitalize;padding:18px 15px; text-align:left; cursor:pointer; position:relative; z-index:1; transition:all 0.3s linear; overflow:hidden; margin-top:30px; }


.about-content-area {}
.about-content-area h1{ font-size:32px; font-weight:500;  margin-bottom:10px; }
.about-content-area .text { font-family:'Roboto Condensed', sans-serif; font-size:18px;font-weight:400;  line-height:34px; color:#333; text-align:justify;}
.about-content-area .search-box {   display: flex;  align-items: center; border: 1px solid #ccc;   border-radius: 5px;  overflow: hidden;}
.about-content-area .search-box input {  border: none;  padding: 8px 10px; outline: none;}
.about-content-area .search-box button {  background: #f5f5f5; border: none;  padding: 8px 12px; cursor: pointer;}


.about-content-area-extn {}
.about-content-area-extn h1{ font-size:28px; font-weight:500;  margin-bottom:10px; }
.about-content-area-extn .text { font-family:'Roboto Condensed', sans-serif; font-size:18px;font-weight:400;  line-height:34px; color:#333; text-align:justify;}


/*breif content area css start*/
.breif-content-area { background:#F3F3F3; padding:15px; border-radius:12px; margin-bottom:20px; margin-top:10px; border:1px solid #E7E7E7; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
.breif-content-area .text { font-family:'Roboto Condensed', sans-serif; font-size:18px; font-weight:400; line-height:34px; color:#333; text-align:justify; }
.breif-content-area .price { font-family:'Roboto Condensed', sans-serif; font-size:26px; margin-bottom:10px; }
.breif-content-area .price .item { font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#333; }
.breif-content-area .price .btn { font-family:'Roboto Condensed', sans-serif; font-size:16px; cursor:pointer; white-space:nowrap; background:#f0c307; color:#FFF; margin-top:20px; margin-right:15px; }
.breif-content-area .price .btn a { color:#FFF; }
.breif-content-area .price .btn i { margin-right:10px; }
.breif-content-area .price .red { background:#F1191C; }
.breif-content-area a.call-btn { background:#f0c307; color:#FFF; text-decoration:none; border-radius:4px; font-size:16px; line-height:30px; float:right; padding:6px 12px; }
/*breif content area css end*/

/*product page css start*/
.product-content-area .header-row{ display:flex; justify-content:space-between; align-items:center; background:#F3F3F3; border:1px solid #E7E7E7; border-radius:4px; padding:12px 8px; gap:10px; margin-bottom:15px; }
.product-content-area h1{ font-size:24px; font-weight:500; margin:0; line-height:1; flex:1; }
/* FORCE compact search box */
.product-content-area .search-box{ display:flex; align-items:center; background:#FFF; border:1px solid #ccc; border-radius:4px; overflow:hidden; height:45px; }
/* input ko force compact */
.product-content-area .search-box input{ border:none; outline:none; height:45px; padding:0 8px; font-size:13px; width:200px; margin:0; }
/* button fix */
.product-content-area .search-btn{ height:60px; padding:0 10px; border:none; background:#000; color:#FFF;
   /* display:flex;*/ align-items:center; justify-content:center; }
.product-content-area .search-btn i{ line-height:70px;}

.pro_detail { float:right; margin-top:30px; color:#000;}
.pro_detail a { color:#000;}
.pro_detail a:hover { color:#E00B0E;}


/* RESPONSIVE */
@media(max-width:768px){
.product-content-area .header-row{ flex-direction: column; align-items: stretch; }
.product-content-area h1{ text-align: center;font-size:18px; } }/*product page css end*/

/*pagination  css start*/
.pagination .page-link{ color: #333; border-radius: 4px; margin: 0 3px;}
.pagination .page-item.active .page-link{ background-color:#f0c307; border-color: #f0c307; color: #FFF;}
.pagination .page-link:hover{ background: #f1f1f1;}
/*pagination  css end*/
 
/*product popup css start*/
#facebox { position:fixed; top:0; left:0; margin-top:170px; z-index:99999999; text-align:left; background:#F7F7F7; border-radius:10px;  }
#facebox .popup { position:relative; }
#facebox .content2 { width:800px; padding:40px 20px 40px 20px; }
#facebox .close{ position:absolute; top:8px; right:5px; }
#facebox .close img { opacity:0.8; }
#facebox .close:hover img { opacity:1.0;}
#facebox .loading { text-align:center; }
#facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color:#000; z-index:99;}


.pro_detail{ }
.pro_detail h2 { font-family:'Roboto Condensed', sans-serif; font-size:20px; font-weight:500; line-height:25px; margin-bottom:10px; color:#3e9d09; margin-top:15px; }
.pro_detail h2 a { color:#FF8933; }
.pro_detail .location { color:#FF8933; font-weight:600; }
.pro_detail .location i { color:#999; margin-right:5px; }
.pro_detail .c_name { color:#15235F; font-family:'Roboto Condensed', sans-serif; font-size:14px; margin-bottom:5px; }
.pro_detail .c_name i { color:#999; margin-right:5px; }
.pro_detail .price { color:#333; font-family:'Roboto Condensed', sans-serif; font-size:15px; margin-top:5px; }
.pro_detail .price i { color:#333; margin-right:5px; font-size:18px; }
.pro_detail .price b { font-size:18px; }

.popup_form { font-family:'Roboto', serif; padding-bottom:40px; }
.popup_form h3 { font-family:'Roboto Condensed', sans-serif; font-size:22px;  color:#333; font-weight:500; line-height:1.3em;  margin:0px 0px 20px; }
.popup_form h3 span { color:#3e9d09;}
.popup_form .form-group { margin-bottom:15px; font-family:'Open Sans', sans-serif; }
.popup_form .form-group .form-control { font-size:16px; padding:0 10px; background-color:#FFF; box-shadow:none;}
.popup_form .form-group input { border:#CCCCCC 1px solid; height:45px;  } 
.popup_form .form-group textarea { border:#CCCCCC 1px solid; height:65px; line-height:45px; }

.popup_form .form-group .form-check-inline .form-check-input{ height:20px; width:20px;}
.popup_form .form-group input.code { float:left; width:65%; border:#CCCCCC 1px solid; margin-right:15px; }
.popup_form .captcha { padding:14px 12px; background:#FFF; border-radius:5px; border:#CCCCCC 1px solid; }
.popup_form .submit { font-family:'Roboto Condensed', sans-serif; width:100%; font-size:20px; color:#FFF; padding:10px 0px; margin-top:5px; background:#1A2A6B; cursor:pointer; border:none; border-radius:4px; }
.popup_form .submit:hover { background:#15235F; color:#FFF; outline:none; border-radius:none;}
.popup_form .submit i{ -webkit-text-stroke:0.2px; font-size:15px; font-weight:lighter;}
/*product popup css end*/