/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu Section
5.Slider Section
6.Why Us Section
7.About Us Section
8.Title Section
9.Count Up Section
10. Gallery Section
11.Why Choose Us Section
12.Team section
13.Call To Action Section
14.FAQ Section
15.Blog Section
16.Error Page
17.Contact Page
18.Testimonial
19.Faq Section
20.Page Heading Section
21.Service Section
22.Home 2
23.Blog Page
24.What We Do
25.Latest Project
26.Patner Section
27.Testimonial Section Start
28.Home 2
29.Sidebar Section
30.Service Details
31.Project Details
Footer Section
===========================*/
/*------------------*/
/*Theme default CSS
/*------------------*/
* {
margin: 0;
padding: 0;
border: 0;
outline: none; }
html,
body {
height: 100%;
font-size: 14px;
color: #131e3c;
font-family: 'Poppins', sans-serif;
vertical-align: baseline;
line-height: 26px;
}
a:focus {
outline: 0px solid;
}
img {
max-width: 100%;
height: auto;
}
p {
margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #071c34;
line-height:1.4
}
h1 {
font-size: 32px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
a {
transition: all 0.5s ease-out;
text-decoration: none;color:#071c34
}
a:active,
a:hover {
outline: 0 none;
color: #071c34;text-decoration:none
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
::-moz-selection {
background: #0090cb;
text-shadow: none;color:#fff
}
::selection {
background: #0090cb;
text-shadow: none;color:#fff
}
textarea:focus, input:focus{
outline: none;
}
.slider-overlay {
background: rgba(0,0,0,0.30);
height: 100%;
width: 100%;
position: absolute;
top: 0;
z-index: 1;
}
.images-overlay {
background-color: rgba(7, 28, 52, 0.80);
height: 100%;
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.pt-70{padding-top:70px}
.pb-70{padding-bottom:70px}
.bg-color{background:#fbfbfb}
.no-padding-left{padding-left:0px}
.no-padding-right{padding-right:0px}
.bg-gray{
background:#fafafa
}
.bg-light-gray{
background:#f9f9f9
}
/*
1.Preloader
============================*/
#preloader {
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 9999999;
right: 0;
bottom: 0;
}
#preloader-status {
height: 210px;
width: 210px;
background: url(../images/preloader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
position: absolute;
left: 50%;
top: 50%;
}
/*
3.Header Section
==================*/
.header-top {
background: #071c34;
overflow: hidden;
}
.header-top-right {
position: relative;
display: inline-block;
z-index: 2;
width: 100%;
text-align: right;
}
.header-top-right::before {
position: absolute;
content: "";
width: 5000px;
left: 0;
background: #fff;
height: 142%;
top: 0;
transform: skew(-50deg);
z-index: -1;
border-radius: 0px 0px 0px 34px;
}
.header-bar-inner {
display: inline-block;
width: 100%;
padding-top: 22px;
text-align: right;
}
.header-left {
display: inline-block;
}
.header-left ul {
display: inline-block;
}
.header-left li {
padding-right: 40px;
position: relative;
display: inline-block;
color: #fff;
position: relative;
}
.header-left li::before {
content: "";
height: 14px;
width: 1px;
background: #071c34;
position: absolute;
right: 20px;
top: 6px;
}
.header-left li:last-child:before{
display:none;
}
.header-left li:last-child{padding-right:0}
.header-left li i {
color: #071c34;
margin-right: 6px;
}
.header-right-div {
display: inline-block;
text-align: right;
margin-top: 23px;
}
.header-right {
text-align: right;
position: relative;
z-index: 1;
padding: 10px 0;
display: inline-block;
z-index:99
}
.soical-profile ul,
.soical-profile li {
display: inline-block;
}
.soical-profile li a i {
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 100%;
display: inline-block;
}
.soical-profile li a i:hover {
background: #071c34;
color: #fff;
}
/*
4.Menu Section
=================*/
.hd-sec {
background: #fff;
border-top: 1px solid #eee;
}
.responsive-logo {
display: none;
}
.responsive-logo a{
font-size: 20px;
font-weight: bold;
}
.logo {
padding: 6px 0;
position:relative;
z-index:2;
}
.logo::before {
position: absolute;
content: "";
width: 5000px;
right: 0;
background: #fff;
height: 100%;
top: 0;
transform: skew(50deg);
z-index:-1;
border-radius: 0px 0px 34px 0;
}
.social-title {
display: inline-block;
color: #322f2f;
font-weight: 500;
}
.nav-menu {
padding-left: 0;
}
.menu {
display: inline-block;
position:relative;
width: 100%;
}
.main-menu {
display: inline-block;
text-align: right;
margin-right: 40px;
padding-right: 10px;
}
.main-menu ul {
margin : 0;
padding: 31px 0;
position : relative;
display: flex;
width: 100%;
padding-right: 5px;
flex-wrap: wrap;
}
.main-menu ul li {
display: inline-block;
padding: 0;
position: relative;
}
.main-menu ul li.active{
position:relative
}
.main-menu ul li.active::before {
position: absolute;
content: "";
background: #fda40b;
width: 100%;
height: 1px;
left:0;
top:-1px;
}
.main-menu ul li.active > a{
color:#fda40b
}
.main-menu ul li a {
display: block;
padding: 15px 10px;
text-decoration: none;
text-transform: capitalize;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
position: relative;
font-weight: 600;
}
.main-menu ul li ul:hover .main-menu ul li a{
background: #fafafa;
}
.main-menu ul li a:hover {
color:#fda40b
}
.main-menu ul ul {
background: #fff none repeat scroll 0 0;
left: 12px;
opacity: 0;
position: absolute;
text-align: left;
top: 40px;
visibility: hidden;
z-index: 99999;
padding: 0px;
border-top: 2px solid #fda40b;
border-left: 3px solid #f9f9f9;
border-bottom: 3px solid #f9f9f9;
border-right: 3px solid #f9f9f9;
display: flex;
flex-direction: column;
min-width: 206px;
}
.main-menu ul ul li {
float : none;
width : 200px;
}
.main-menu ul ul li ul {
visibility: hidden !important;
}
.main-menu ul ul li i {
float: right;
}
.main-menu ul ul li:hover ul{
visibility: visible !important;
top : -1px;
transition: all 0.3s ease 0s;
opacity: 1
}
.main-menu ul ul li a {
line-height: 120%;
padding: 10px 20px;
color: #071c34;
font-size: 15px;
border-bottom: 1px solid #f2f2f2;
}
.main-menu ul ul li:last-child a{
border-bottom:0px;
}
.main-menu ul ul li a:hover {
color:#fda40b;background:#fff;
}
.main-menu ul ul ul {
left : 100%;
opacity:0;
border-top:0px;
border-top: 2px solid #fda40b;
border-bottom:1px solid #071c34
}
.main-menu ul li:hover ul {
visibility: visible;
opacity: 1;
top:52px;
}
.main-menu ul li a i {
margin-left : 6px;
}
.search-bar-icon{
display: inline-block;
padding: 38px 0px;
position: absolute;
right: 0;
top: 0;
}
.site-search span {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
transition: all 0.4s ease 0s;
line-height: 30px;
position:relative;
}
.site-search span::before {
position: absolute;
content: "";
height: 50%;
width: ;
width: 1px;
background: #ddd;
left: -8px;
top: 8px;
}
.site-search.open span i.icofont-search-1::before {
content: "\eedd" !important;
}
.site-search i {
color: #404040;
font-size: 18px;
}
.search-forum > form {
display: inline-flex;
background: #fff;
padding: 18px 20px;
border-top: 2px solid #fda40b;
}
.search-forum input[type="search"] {
padding: 10px;
border: 1px solid #ddd;
}
.search-forum input[type="submit"] {
padding: 10px;
background: #22253a;
color: #fff;
}
.search-forum {
left: -350px;
position: absolute;
top: 103px;
transition: all 0.4s ease 0s;
z-index: 2;
}
.search-forum.dropdown-menu {
padding: 0;
border: 0px;
}
.animation{
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideUpIn {
0% {
-webkit-transform: translateY(40px);
}
100% {
-webkit-transform: translateY(0);
}
0% {
-webkit-transform: translateY(40px);
}
}
@keyframes slideUpIn {
0% {
transform: translateY(40px);
}
100% {
transform: translateY(0);
}
0% {
transform: translateY(40px);
}
}
.slideUpIn {
-webkit-animation-name: slideUpIn;
animation-name: slideUpIn;
}
.hd-sec.sticky_menu {
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 9999;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
background:#fff;
}
.logged-in .hd-sec.sticky_menu {
top: 23px;
}
.applay-button {
position: relative;
z-index: 2;
padding: 28px 0;
display: inline-block;
width: 100%;
text-align: right;
}
.applay-button a {
padding: 8px 26px;
display: inline-block;
font-weight: 500;
text-transform: capitalize;
margin-top: 4px;
border: 1px solid #fda40b;
text-align: center;
color: #fff;
background: #fda40b;
border-radius: 4px;
}
.applay-button a .lnr.lnr-phone-handset{
margin-right:10px;
}
.applay-button a .lnr.lnr-arrow-right{
margin-left:10px;
}
.applay-button a i {
color: #fff;
margin-right: 10px;
font-size: 22px;
}
.applay-button a:hover{background:#071c34;color:#fff;border-color:#071c34;}
/*
5.Slider Section
======================*/
.all-slide .owl-item {
height: 400px;
}
.all-slide .single-slide {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
.slider-wrapper {
width: 991px;
padding: 15px 15px;
margin: 0px auto;
height: 100%;
}
.slider-text {
left: 0;
position: relative;
right:0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
text-align:center;
}
.slider-caption {
width: 100%;
overflow: hidden;
}
.slider-caption span.subtitle {
color: #ffffff;
font-size: 24px;
text-transform: capitalize;
}
.slider-text ul {
margin-top: 20px;
}
.slider-text h1 {
color: #fff;
font-size: 38px;
text-transform: capitalize;
line-height: 60px;
margin-bottom: 10px;
font-weight: bold;
}
.slider-text h1 > span{color:#fda40b;}
.slider-text p {
color: #fff;
}
.slider-text li {
display: inline-block;
}
.slider-text li a {
background: #ffc925;
color: #fff;
display: inline-block;
padding: 10px 26px;
text-transform: capitalize;
margin-right: 14px;
z-index: 5;
font-weight: 300;
position: related;
transition: all 0.4s ease 0s;
border: 1px solid