/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
/* header */
.header {
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
THEME
\*------------------------------------*/
/*------------------------------------------
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;}
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:#186db8; width:80px; height:2px; position:absolute; bottom:-22px; left:50%; margin-left:-40px;}
h1 span{color:#186db8;}
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; text-align: right}
.topbar-links{list-style:none; text-align:right; margin-bottom:0;}
.topbar-links i{padding-right:5px; color: #186db8;}
.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: #186db8;}
.navbar-default .navbar-nav>li>a.active{color: #FFF; background: #186db8;}
.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 #186db8; border-top: 5px solid #186db8; 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: #186db8;}
.dropdown-menu>li a:before {content: "\f0da"; font-family: 'Font Awesome 5 Pro'; 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: 'Font Awesome 5 Pro'; line-height: 60px;}
.tp-leftarrow .tp-arr-iwrapper { font-family: 'Font Awesome 5 Pro'; }
.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:#186db8;}
.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: 'Font Awesome 5 Pro'; position:absolute; left:0; top:0; color:#186db8; 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(24, 109, 184);}
.inner-about{padding-bottom:20px;}
/*********************************************
Quote wrap start
*********************************************/
.quote-wrap{background:#186db8; 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; margin-top:10px;}
.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;}
/*********************************************
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:#186db8;}
.service-details{background:#fff; padding:15px 15px 25px 15px;}
.service-details h3{margin-top:10px;}
.readmore a{position:relative; vertical-align: middle; z-index:1000; background:#186db8; 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{color:#fff !important;}
.readmore a: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 {
-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;
}
.serviceList li:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.hoverlink{background:rgba(24, 109, 184, 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:#186db8;}
.portfolio-tags{color:#fff;}
/*********************************************
Testimonials-wrap
*********************************************/
.testimonials-wrap{background:url(img/testimonial-bg.jpg) repeat; padding:50px 0; 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: 'Font Awesome 5 Pro'; position:absolute; top:-5px; left:-29px; color:rgba(24, 109, 184, 0.5); 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; width:80px}
.client-image{position:absolute; bottom:-50px; right: 40px;}
.test .testi-info{background:#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: #186db8;
}
.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(img/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: 'Font Awesome 5 Pro'; 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(img/footer-bg.jpg) no-repeat; padding:44px 0 15px 0;background-size: cover}
.footer-wrap p{padding-top:15px; font-size:14px; line-height:22px; color:#a6a6a6; margin-top:8px;}
.footer-wrap p a{color:#fff; font-weight:bold}
.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:#186db8; height:2px; width:50px; position:absolute; bottom:-15px; left:0;}
.footer-links{list-style:none;}
.footer-links li{line-height:28px; margin: 10px 0}
.footer-links li a{text-decoration:none; color:#a6a6a6; font-size:14px;}
.footer-links li a:hover{color:#186db8;}
.footer-links li:before{content: "\f0da"; font-family: 'Font Awesome 5 Pro'; padding-right:10px; color:#969696;}
.footer-logo { padding: 0 10% }
.footer-address{color:#a6a6a6; font-size:14px; position:relative; padding-left:22px; margin-top:20px;}
.footer-address:before{content: "\f041"; font-family: 'Font Awesome 5 Pro'; color:#a6a6a6; position:absolute; top:0; left:0; font-size:14px; font-weight:400;}
.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: 'Font Awesome 5 Pro'; 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: 'Font Awesome 5 Pro'; 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;
}
/*********************************************
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(img/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:#186db8; 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:#186db8;}
.blogList li .postimg{position:relative; display: inline-block;}
.blogList li .postimg:before{background: #186db8;
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: #186db8; letter-spacing: 0.4px; outline: 3px solid #186db8; 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:#186db8;}
.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:#186db8; border:1px solid #186db8; 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: 'Font Awesome 5 Pro'; 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: #186db8; 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 #186db8; background:#186db8; 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: #186db8; letter-spacing: 0.4px; outline: 3px solid #186db8; border: 1px solid #fff; position:absolute; right:14px; top:14px; z-index:12;}
.blogGrid li .postimg:before{
background: #186db8;
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: #186db8;
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: 'Font Awesome 5 Pro'; padding:10px 0; color:#186db8; 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:#186db8;}
.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: 'Font Awesome 5 Pro';
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:#186db8; 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;}
}