File: /home/seoprovi/shreeramlogistic.in1/style.css
/*-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Theme Default CSS (body, link color, section etc)
2. Header Top Area
2.1 Header Bottom Area
2.1 Sticky Header Area
2.3. Mobile Menu Area
3. Slider Area
4.Welcome Services Area
5.About Area
6.Services Area
7.Counter Area
8.project Area
9. Testimonials Area
10. Blog Area
11. Quote Area
12. banner Area
13. Footer Area
14.Home page 2
15.Overview Area
16. Home page 3
17. team Area
18.Home page 4
19.Home 4 Quote Area
20.Home page 5
21.Home page 6
22. Breadcumbs Area
23. pages genaral css
24. Error page
25. Contact Us page
26. Blog Details page
27. Project Details page
28.Sub Services Pages
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/* Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Open+Sans:400,400i,600,700|Raleway:400,500,600,700,800');
/*----------------------------------------*/
/* 1. Theme default CSS
/*----------------------------------------*/
html, body {
height: 100%;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.alignleft {
float:left;
margin-right:15px;
margin-bottom: 15px;
}
.alignright {
float:right;
margin-left:15px;
margin-bottom: 15px;
}
.aligncenter {
display:block;
margin:0 auto 15px;
}
a:focus {
outline:0px solid;
}
img {max-width:100%;
height:auto;
}
.fix {
overflow:hidden;
}
p {
margin:0 0 15px;
color: #777;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 15px;
color: #444;
font-weight: 700;
font-family: 'Raleway', sans-serif;
}
h1{
font-size: 48px;
line-height: 50px;
font-family: 'Montserrat', sans-serif;
}
h2{
font-size: 38px;
line-height: 40px;
}
h3{
font-size: 30px;
line-height: 32px;
}
h4{
font-size: 24px;
line-height: 26px;
}
h5{
font-size: 20px;
line-height: 22px;
}
h6{
font-size: 16px;
line-height: 20px;
}
a {
transition: all 0.3s ease 0s;
text-decoration:none;
}
a:active, a:hover {
outline: 0 none;
}
a:hover, a:focus {
color: #f47622;
text-decoration: none;
}
body {
background: #fff none repeat scroll 0 0;
color: #777;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-align: left;
overflow-x: hidden;
line-height: 24px;
}
#scrollUp {
background: #000 none repeat scroll 0 0;
border-radius: 2px;
bottom: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
color: #fff;
font-size: 20px;
height: 34px;
line-height: 30px;
opacity: 0.6;
right: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 34px;
}
#scrollUp:hover {
background: #f47622;
opacity: 1;
}
.clear{
clear:both;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
-moz-appearance: none;
box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
outline: none;
}
div#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 99999;
width: 100%;
height: 100%;
overflow: visible;
background: #fff url('img/logo/preloader.html') no-repeat center center;
}
.navbar-collapse {
padding-left: 0px;
}
::-moz-selection {
background: #f47622;
text-shadow: none;
}
::selection {
background: #f47622;
text-shadow: none;
}
.color{
color:#f47622;
font-weight: 700;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.area-padding{
padding: 90px 0px;
}
.area-padding-2{
padding: 70px 0px 50px;
}
.padding-2{
padding-bottom: 90px;
}
.section-headline{
margin-bottom: 60px;
position: relative;
}
.section-headline h3 {
display: inline-block;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.section-headline.white-headline h3,
.section-headline.white-headline p {
color:#fff;
}
.section-headline.text-left {
margin-bottom: 30px;
}
.section-headline::after {
border: 1px solid #f47622;
bottom: -27px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
width: 60px;
right: 0;
}
.section-headline.text-left h3::after {
border: 2px solid #f47622;
left: 0;
right: auto;
}
.section-headline p {
max-width: 650px;
font-size: 16px;
letter-spacing: 0.5px;
margin: 0 auto;
line-height: 26px;
}
.mar-row{
margin-top: 40px;
}
.small-title {
text-transform: uppercase;
font-size: 13px;
margin-bottom: 10px;
color:#f47622;
}
.section-headline h4 {
font-size: 26px;
max-width: 800px;
line-height: 36px;
font-weight: 700;
margin: 0 auto;
text-transform: uppercase;
}
.load-more-btn {
text-transform: uppercase;
background: #f47622;
display: inline-block;
padding: 15px 30px;
color: #fff;
font-weight: 600;
margin-top: 30px;
border-radius: 3px;
width: 200px;
transition: 0.4s;
border:2px solid #f47622;
}
.load-more-btn:hover{
background: #fff;
border:2px solid #f47622;
color: #f47622;
transition: 0.4s;
}
.bg-color{
background: #f9f9f9;
}
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
.parallax-bg{
position:relative;
}
.parallax-bg:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#002c57;
opacity:.8;
content:"";
}
.single-brand-item{
border:1px solid #ccc;
}
.left-headline{
position: relative;
padding-bottom: 10px;
}
.left-headline::after {
border: 1px solid #f47622;
bottom: 0px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
width: 60px;
right: auto;
}
.sub-headline{
position: relative;
margin-bottom: 30px;
}
.sub-headline::after{
position:absolute;
content: "";
left: 0;
bottom: 0;
width: 50px;
height: 2px;
background: #f47622;
}
.sub-headline h4 {
text-transform: uppercase;
font-size: 24px;
padding-bottom: 20px;
}
.center-headline h3 {
max-width: 900px;
font-size: 34px;
line-height: 42px;
margin: 0px auto 58px;
}
.center-headline h3::after{
position:absolute;
content: "";
left: 0;
bottom: 31px;
width: 50px;
right: 0;
margin: 0 auto;
height: 2px;
background: #f47622;
}
/*--------------------------------*/
/* 2. Header top Area
/*--------------------------------*/
.topbar-left ul li {
display: inline-block;
}
.topbar-area {
background:#193445;
}
.topbar-left ul li a {
color: #ddd;
display: block;
font-weight: 600;
margin-right: 20px;
padding: 12px 0;
text-decoration: none;
font-size: 16px;
}
.topbar-left ul li a i {
color: #f47622;
font-size: 16px;
padding-right: 7px;
}
.quote-button {
float: right;
}
.quote-button .quote-btn {
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
color: #fff;
background: #f47622;
display: inline-block;
border: 2px solid #f47622;
padding: 11px 20px;
margin: 0px;
transition: 0.4s;
}
.quote-button .quote-btn:hover {
background: #fff;
color: #f47622;
border: 2px solid #fff;
transition: 0.4s;
}
.slogan {
margin-bottom: 0px;
padding: 16px 0px;
color: #fff;
font-size: 16px;
}
/*----------------------------------------*/
/* 2.1 Header Bottom Area
/*----------------------------------------*/
.header-area{
background: #fff;
box-shadow: 2px 2px 5px #ccc, 0px 0px 0px #ccc;
}
.logo-bg{
background: #f47622;
z-index: 10;
}
.logo-bg:after {
content: "";
position: absolute;
right: -100px;
top: 0;
border-top: 100px solid transparent;
border-bottom: 0 solid transparent;
border-left: 100px solid #f47622;
z-index: 10;
}
.logo-bg:before {
content: "";
position: absolute;
left: -90px;
top: 0;
background: #f47622;
z-index: 10;
width: 90px;
height: 100%;
}
.logo {
display: block;
}
.logo a {
display: inline-block;
height: auto;
padding: 20px 0;
}
.main-menu ul.navbar-nav li {
float: left;
position: relative;
}
.main-menu ul.navbar-nav > li >a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #444;
font-size: 14px;
font-weight: 700;
padding: 40px 0px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin: 0px 15px;
}
.main-menu ul.navbar-nav li a:hover{
color: #f47622;
}
.main-menu ul.navbar-nav > li > a::before {
background: #f47622;
content: "";
height: 2px;
position: absolute;
top: 0;
width: 0;
transition: .5s;
left: 0px;
}
.main-menu ul.navbar-nav >li:hover > a:before, .main-menu ul.navbar-nav >li.active > a::before {
width: 100%;
}
.main-menu ul.navbar-nav li.active a:focus {
color: #333;
}
.main-menu ul.navbar-nav li.active a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #f47622;
position: relative;
z-index: 9999999;
}
.navbar {
border: medium none;
margin-bottom: 0;
}
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: none;
color:#333;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: none;
}
.main-menu ul.nav li ul.sub-menu {
background: #fff;
border-top: 2px solid #f47622;
left: 0;
opacity: 0;
position: absolute;
top: 115%;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 220px;
z-index: -99;
}
.pagess {
position: relative;
}
.navbar.navbar-default {
float: right;
}
.main-menu ul.nav li ul.sub-menu li {
border-bottom: 1px solid #ddd;
padding: 0;
position: relative;
width: 100%;
}
.main-menu ul.nav li:hover ul.sub-menu{
top:100%;
opacity:1;
z-index:999;
visibility:visible;
}
.main-menu ul.nav li ul.sub-menu li a {
color: #444;
display: block;
font-size: 13px;
font-weight: 700;
padding: 10px 15px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{
color:#fff;
background: #f47622;
}
.main-menu ul.nav li ul.sub-menu li:last-child {
border:none;
}
.stick span.search-button i,.stick .header-search input{color:#444}
.search-option-5 button.button {
display: inline-block;
border: none;
background: none;
padding: 0;
}
.search-option {
background: #fff none repeat scroll 0 0;
bottom: -48px;
color: #444;
display: none;
position: absolute;
right: 20px;
width: 260px;
z-index: 99999;
}
.search-option input {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #444;
display: block;
float: left;
font-size: 14px;
font-style: italic;
padding: 8px 10px;
width: 210px;
height: 44px;
}
.search-option button.button {
background: #f47622;
border: medium none;
color: #fff;
display: inline-block;
float: right;
font-size: 17px;
line-height: 35px;
padding: 5px 15px;
text-align: center;
}
.header-right-link a.main-search {
color: #fff;
display: inline-block;
float: right;
font-size: 16px;
line-height: 39px;
position: relative;
text-align: center;
width: 40px;
height: 40px;
background: #f47622;
border-radius: 5px;
margin: 30px 0px 30px 10px;
}
/*--------------------------------*/
/* 2.2. Sticky Header Area
/*--------------------------------*/
.header-area.stick {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
box-shadow: 0px 0px 5px #000, -2px -2px 5px #000;
background: #fff;
}
.header-area.stick .logo a {
display: inline-block;
height: auto;
padding: 16px 0;
}
.header-area.stick .main-menu ul.navbar-nav li a {
padding: 27px 0px;
}
.header-area.stick .quote-button {
float: right;
padding: 13px 5px;
}
.header-area.stick .header-right-link a.main-search {
margin: 17px 0px 17px 10px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
color: #444;
display: block;
font-size: 13px;
font-weight: 700;
padding: 10px 15px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{
color: #fff;
}
.header-area.stick .navbar-brand>img {
display: block;
width: 160px;
height: auto;
}
.header-area.stick .logo-bg:after {
border-top: 76px solid transparent;
}
/*----------------------------------------*/
/* 2.3. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
background: #f9f9f9 none repeat scroll 0 0;
padding: 10px 0px ;
}
.mean-container .mean-bar::after {
content: "";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
text-transform: uppercase;
font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
color:#252525
}
.mean-container .mean-nav ul {
list-style-type: none;
margin: 20px 0px;
padding: 0;
width: 100%;
}
.mean-container .mean-nav ul li a {
background: #f8f8f8 none repeat scroll 0 0;
color: #444;
display: block;
float: left;
font-size: 13px;
font-weight: 700;
margin: 0;
padding: 13px 10px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
}
.mean-nav ul li.mean-last {
margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
color: #444;
line-height: 17px;
}
.mean-container .mean-nav ul li {
width: 99.7%;
}
/*----------------------------------------*/
/* 3. Slider Area
/*----------------------------------------*/
.intro-content {
position: relative;
z-index: 1;
}
.intro-content::after {
background: rgba(10, 27, 40, 0.8) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.slider-content {
position: absolute;
right: 0;
text-align: left;
top: 50%;
z-index: 3;
left: 0;
margin: 0 auto;
margin-top: -160px;
}
.layer-1-2 {
margin: 20px 0;
}
.layer-1-1 p {
color: #fff;
font-size: 18px;
letter-spacing: 0.60px;
line-height: 30px;
font-weight: 500;
max-width: 750px;
margin-bottom: 30px;
}
.layer-1-2 h1 {
color: #fff;
font-size: 52px;
line-height: 64px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 20px 0px;
max-width: 925px;
}
.ready-btn {
border: 1px solid #f47622;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 12px 20px;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
z-index: 222;
background: #f47622;
width: 160px;
}
.ready-btn:hover{
color: #fff;
background: #f47622;
border: 2px solid #f47622;
text-decoration: none;
}
.ready-btn.right-btn {
margin-left: 15px;
background: transparent;
border: 2px solid #fff;
color:#fff;
}
.ready-btn.right-btn:hover{
background: #f47622;
border: 2px solid #f47622;
}
.ready-btn.left-btn:hover{
background: transparent;
border: 2px solid #fff;
color:#fff;
}
.layer-1-2 .color {
color: #f47622;
font-weight: 900;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
color: #fff;
font-size: 22px;
margin-top: -20px;
position: absolute;
top: 50%;;
text-align: center;
line-height: 42px;
opacity: 0;
border:2px solid #fff;
width: 44px;
height: 44px;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
left: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
right: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
right: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
left: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
color:#fff;
background: #f47622;
border: 2px solid #f47622;
}
.intro-carousel .owl-item .layer-1-2{
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 0.3s;
}
.intro-carousel .owl-item .layer-1-1{
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 1s;
}
.intro-carousel .owl-item .layer-1-3{
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 1.5s;
}
.intro-carousel .owl-item.active .layer-1-2,
.intro-carousel .owl-item.active .layer-1-1,
.intro-carousel .owl-item.active .layer-1-3{
transform: translateY(0);
opacity: 1;
}
.intro-carousel .owl-item.active .slider-images img{
transform: scale(1.1);
transition: 10s;
}
/*----------------------------------------*/
/* 4. Wellcome Services Area
/*----------------------------------------*/
.left-headline h3 {
font-size: 34px;
line-height: 44px;
font-family: 'Montserrat', sans-serif;
}
.well-services{
padding: 30px 20px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
position: relative;
}
.well-services::after{
position: absolute;
left:0;
bottom:0;
width: 0%;
height: 2px;
background: #f47622;
content:"";
transition: 0.5s;
}
.services-column{
margin-top: 30px;
}
.well-content h4 {
font-size: 22px;
font-family: 'Open Sans', sans-serif;
line-height: 30px;
text-transform: capitalize;
}
.well-content h4 a{
color:#444;
}
.well-services:hover::after{
width: 100%;
height: 2px;
background: #f47622;
transition: 0.5s;
}
.well-content h4 a:hover {
color:#f47622;
}
.well-icon {
margin-bottom: 20px;
display: block;
}
.well-icon a{
font-size: 60px;
line-height: 60px;
color:#f47622;
}
/*----------------------------------------*/
/* 5. About area
/*----------------------------------------*/
.about-content h4 {
line-height: 38px;
text-transform: capitalize;
font-size: 30px;
position: relative;
padding-bottom: 20px;
font-family: 'Montserrat', sans-serif;
}
.about-content h4 ::after {
border: 1px solid #f47622;
bottom: 3px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
width: 12%;
}
.about-content p {
font-size: 14px;
letter-spacing: 0.50px;
line-height: 24px;
}
.about-details {
overflow: hidden;
display: block;
padding-top: 10px;
}
.icon-title{
display: block;
overflow: hidden;
}
.single-about {
width: 48%;
float: left;
margin-right: 20px;
}
.single-about p{
text-align: left;
}
.single-about:nth-child(2n),
.single-about:nth-child(4n){
margin-right:0px;
}
.single-about:nth-child(3n),
.single-about:nth-child(4n){
margin-bottom:0px;
}
.single-about a {
font-size: 40px;
color: #f47622;
float: left;
line-height: 49px;
}
.single-about h5 {
font-size: 18px;
color: #666;
float: left;
line-height: 50px;
padding-left: 10px;
margin-bottom: 0;
font-weight: 600;
}
.about-image {
border-radius: 10px;
}
.about-image img {
border-radius: 10px;
}
.video-inner {
background: url(img/about/vd.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
border-radius: 6px;
}
.video-inner::after{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
content:"";
background: rgba(10, 27, 40, 0.2) none repeat scroll 0 0;
}
.video-content {
width: 100%;
height: 100%;
min-height: 380px;
}
.video-play.vid-zone {
background: #f47622;
border-radius: 100%;
display: inline-block;
font-size: 24px;
height: 60px;
line-height: 58px;
text-align: center;
width: 60px;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 999;
left: 0;
right: 0;
margin: 0 auto;
transition: 0.4s;
margin-top: -35px;
}
.video-play.vid-zone i {
color: #fff;
margin-left: 5px;
}
.video-play.vid-zone:hover {
background: #fff;
color: #f47622;
transition: 0.4s;
}
.video-play.vid-zone:hover i{
color: #f47622;
}
/*--------------------------------*/
/* 6.Services Area
/*--------------------------------*/
.services-area{
position: relative;
}
.single-services{
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1;
}
.main-services {
display: block;
overflow: hidden;
padding: 20px;
position: relative;
z-index: 1;
}
.services-icon {
width: 60px;
float: left;
height: 100px;
font-size: 40px;
color: #f47622;
}
.services-img {
overflow: hidden;
position: relative;
}
.services-img img {
transform: scale(1.1);
transition: 0.4s;
}
.image-layer {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.80) none repeat scroll 0 0;
z-index: 1;
opacity: 1;
transition: 0.4s;
}
.image-layer a {
display: block;
text-align: center;
position: relative;
top: 50%;
margin-top: -10px;
}
.image-layer a i {
border-radius: 50%;
background: transparent;
font-size: 100px;
color:#fff;
opacity: 0.90;
}
.service-content h4 {
display: inline-block;
font-size: 16px;
font-weight: 700;
margin-bottom: 0;
padding: 0 0 10px;
text-transform: uppercase;
}
.service-btn {
font-weight: 700;
text-transform: uppercase;
color: #444;
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
z-index: 2;
}
.service-btn::after {
position: absolute;
content: "\f105";
font-family: fontAwesome;
right: -12px;
top: -3px;
}
.single-services:hover .services-img img {
transform: scale(1);
transition: 0.4s;
}
.single-services:hover .image-layer {
position: absolute;
left: 0;
top: 0;
transition: 0.4s;
}
.single-services:hover .service-content h4{
color: #f47622;
}
.single-services:hover .service-btn:hover{
color: #f47622;
}
.services-carousel .col-md-4{
width: 100%;
}
.services-carousel{
margin-bottom: 20px;
}
.services-carousel.owl-carousel .owl-stage-outer {
padding-bottom: 5px;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
color: #fff;
font-size: 18px;
margin-top: -20px;
position: absolute;
top: 50%;;
text-align: center;
line-height: 39px;
opacity: 0;
border:1px solid #fff;
width: 40px;
height: 40px;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
left: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
right: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
right: 1%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
left: 1%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
color:#fff;
background: #f47622;
border: 1px solid #f47622;
}
/*----------------------------------------*/
/* 7.Counter Area
/*----------------------------------------*/
.counter-area{
background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll bottom center / cover;
}
.counter-inner {
background: #f6f6f6;
padding: 100px 30px 100px 70px;
}
.fun_text {
text-align: center;
padding: 30px 15px;
border-radius: 10px;
background: #fff;
}
.fun_text:nth-child(3n){
margin-right: 0px;
}
.fun_text span {
color: #f47622;
display: block;
font-size: 54px;
font-weight: bold;
padding-bottom: 10px;
line-height: 60px;
}
.fun_text > h5 {
color: #444;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
}
/*--------------------------------*/
/* 8.project Area
/*--------------------------------*/
.single-awesome-project {
float: left;
overflow: hidden;
width:100%;
}
.project-all{
margin-top: -40px;
}
.project-all .single-awesome-project {
margin-top: 30px;
position: relative;
}
.first-item {
margin-bottom: 30px;
}
.project-carousel .col-md-4{
width: 100%;
}
.awesome-img{
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.awesome-img img{
transform: scale(1.1);
transition: 0.4s;
}
.single-awesome-project:hover .awesome-img img{
transform: scale(1);
transition: 0.4s;
}
.awesome-img > a {
display: block;
position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
opacity: 1;
}
.single-awesome-project:hover .add-actions{
opacity: 1;
}
.awesome-img > a::after {
background: rgba(0,44,87,0.95);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: 0.4s;
}
.add-actions {
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 9999;
top: 0;
cursor: pointer;
}
.port-icon {
color: #f4f4f4;
display: inline-block;
cursor: pointer;
top: 80%;
position: relative;
font-size: 40px;
margin-top: -25px;
float: right;
right: 20px;
}
.project-dec {
display: block;
padding: 20px 0px 0px 0px;
position: absolute;
top: 10px;
left: 30px;
transition: 0.5s;
opacity: 0;
}
.project-dec h4 {
color: #fff;
font-size: 22px;
font-weight: 500;
text-decoration: none;
text-transform: capitalize;
margin-bottom: 5px;
cursor: pointer;
}
.project-dec h4 a {
color: #fff;
}
.project-dec h4 a:hover {
color: #f47622;
}
.project-dec span {
font-size: 14px;
}
.project-dec p{
margin-bottom: 0px;
}
.pst-content {
padding-left: 10px;
}
.single-awesome-project:hover .project-dec {
left: 40px;
transition: 0.5s;
opacity: 1;
}
.project-menu li a {
color: #444;
display: inline-block;
font-size: 14px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 2px;
}
.project-menu li a.active,
.project-menu li a:hover {
color: #fff;
text-decoration: none;
background: #f47622;
}
.project-menu {
margin-bottom: 10px;
}
.project-menu li {
display: inline-block;
}
.project-menu li a:hover {
color: #fff;
text-decoration: none;
}
.project-content{
margin-top: -10px;
}
.project-content .single-awesome-project{
margin-top: 30px;
}
.project-content .project-dec {
top: 40px;
}
.project-content .single-awesome-project:hover .project-dec {
top: 40px;
}
/*----------------------------------------*/
/* 9. Testimonials Area
/*----------------------------------------*/
.testimonial-area{
background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll bottom center / cover;
}
.single-testi {
padding: 30px 20px;
position: relative;
background-color: #fff;
}
.testimonial-img {
margin-top: 30px;
}
.testimonial-img img {
height: auto;
border-radius: 50%;
max-width: 100px;
text-align: center;
margin: 0 auto;
}
.testimonial-carousel .testimonial-text {
position: relative;
margin-top: -5px;
}
.testimonial-text p {
color: #fff;
font-style: italic;
font-size: 20px;
letter-spacing: 0.8px;
line-height: 30px;
}
.testimonial-text h5 {
color: #fff;
font-size: 20px;
}
.testimonial-text a{
color: #fff;
}
.client-name {
margin-top: 15px;
display: inline-block;
}
.client-name h4 {
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
margin-bottom: 0px;
color:#FFF;
}
.client-name span {
font-size: 13px;
color:#fff;
}
/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-grid {
margin-top: -30px;
}
.blog-image{
overflow: hidden;
display: block;
}
.image-scale {
position: relative;
transform: scale(1.1);
display: block;
transition: 0.5s;
}
.image-scale::after{
position: absolute;
content: "";
background: rgba(0,46,91,0.30);
width: 100%;
height: 100%;
left:0;
top:0;
}
.blog-content a h4 {
font-size: 20px;
text-transform: capitalize;
font-weight: 600;
color: #444;
line-height: 26px;
margin-top: -20px;
}
.blog-meta {
position: relative;
top: -40px;
background: #f47622;
width: 60px;
padding: 7px 10px;
left: 15px;
text-align: center;
}
.blog-meta span {
color: #fff;
font-size: 14px;
font-weight: 700;
}
.blog-title {
margin-top: -5px;
}
.single-blog:hover .image-scale {
transform: scale(1);
transition: 0.5s;
}
.single-blog:hover .image-scale::after{
background: rgba(0,46,91,0);
}
.single-blog {
margin-top: 30px;
position: relative;
overflow: hidden;
}
.blog-grid-fast {
margin-top: -30px;
}
.single-blog.b-mar{
margin-top: 20px;
}
.blog-content a h4:hover{
color:#f47622;
}
.blog-btn {
display: inline-block;
font-weight: 700;
color: #444;
position: relative;
text-transform: uppercase;
font-size: 12px;
}
.blog-btn::after {
position: absolute;
content: "";
left: 0;
bottom: 0px;
opacity: 0;
transition: 0.5s;
background: #f47622;
width: 0px;
height: 2px;
}
.blog-btn:hover {
color: #f47622;
}
.blog-btn:hover.blog-btn::after {
width: 100%;
opacity: 1;
transition: 0.5s;
}
/*----------------------------------------*/
/* 11. Quote Area
/*----------------------------------------*/
.contact-quote-area{
background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll bottom center / cover;
}
.quote-details {
padding: 12% 17%;
display: block;
overflow: hidden;
}
.quote-main h4,
.company-faq h4{
margin-bottom: 30px;
text-transform: uppercase;
font-size: 24px;
}
.quote-details .sub-headline h4{
color:#fff;
}
.contact-quote-area #contactForm input {
border-radius: 0;
height: 46px;
margin-bottom: 20px;
background: transparent;
color: #fff;
border-color: #ddd;
}
.contact-quote-area .contact-form textarea#message {
height: 116px;
border-radius: 0;
margin-bottom: 20px;
background: transparent;
color: #fff;
}
.contact-quote-area .quote-btn {
background: #f47622;
border: 1px solid #f47622;
color: #fff;
padding: 10px 20px;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
display: block;
width: 160px;
transition: 0.4s;
}
.contact-quote-area .quote-btn:hover{
background: transparent;
color:#fff;
transition: 0.4s;
border: 1px solid #fff;
}
.help-block.last-part{
margin:0px;
}
.contact-headline {
margin-top: 20px;
margin-bottom: 40px;
}
.contact-quote-area .col-md-6{
padding-left: 0px;
padding-right: 0px;
}
.company-faq {
padding: 12% 17%;
display: block;
overflow: hidden;
background: #f9f9f9;
}
.faq-details .panel-heading {
padding: 0;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: none;
border-radius: 4px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.panel-default {
border-color: #ddd;
border-radius: 0 !important;
}
.panel-group .panel+.panel {
margin-top: 10px;
}
.panel-default > .panel-heading {
color: #666;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd;
background: #fff;
}
.faq-details h4.check-title a {
color: #666;
display: block;
font-weight: 500;
padding: 10px 10px 10px 40px;
text-decoration: none;
background: #fff;
}
.panel-body {
padding: 15px 15px 0px 45px;
}
.faq-details h4.check-title {
color: #666;
font-size: 16px;
margin-bottom: 0px;
text-transform: capitalize;
}
.faq-details a span.acc-icons {
position: relative;
}
.faq-details a span.acc-icons::before {
color: #666;
content:"\e874 ";
font-family: tionscal;
font-size: 16px;
left: -26px;
line-height: 39px;
position: absolute;
text-align: center;
top: -10px;
}
.faq-details a.active span.acc-icons::before {
color: #f47622;
content: "\e873";
font-family: tionscal;
font-size: 16px;
left: -26px;
line-height: 39px;
position: absolute;
text-align: center;
top: -10px;
}
.faq-details .panel-heading h4 a.active {
color: #f47622;
background: #f9f9f9;
}
/*----------------------------------------*/
/* 12. banner Area
/*----------------------------------------*/
.banner-area{
background: #f47622;
}
.banner-area{
padding: 30px 0px;
}
.banner-content h4 {
margin: initial;
float: left;
font-size: 28px;
max-width: 630px;
line-height: 34px;
color: #fff;
}
.banner-contact {
padding: 15px 0px;
}
.banner-btn {
border: 1px solid #fff;
display: inline-block;
padding: 14px 24px;
color: #f47622;
font-weight: 600;
font-size: 20px;
background: #fff;
border-radius: 5px;
float: right;
margin: 7px 0px;
font-size: 22px;
font-weight: 700;
transition: 0.4s;
}
.banner-btn:hover{
border: 1px solid #111;
color: #fff;
background: #111;
transition: 0.4s;
}
/*----------------------------------------*/
/* 13. Footer Area
/*----------------------------------------*/
.footer-area {
padding: 70px 0;
background: #193445;
}
.footer-logo{
margin-bottom: 15px;
}
.footer-head p {
color: #ddd;
}
.footer-head h4 {
color: #ddd;
font-size: 18px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 700;
}
.footer-services-link ul.footer-list{
width: 50%;
float: left;
}
.footer-icons ul li {
display: inline-block;
}
.footer-icons ul li a {
color: #ddd;
display: block;
font-size: 20px;
line-height: 38px;
text-align: center;
margin-right: 5px;
width: 40px;
height: 40px;
border: 1px solid #ddd;
border-radius: 50%;
}
.footer-tags li a:hover,
.footer-icons ul li a:hover{
color: #fff;
background: #f47622;
border:1px solid #f47622;
}
.footer-tags li {
float: left;
}
.footer-tags li a {
color: #ddd;
display: block;
font-size: 14px;
line-height: 28px;
text-align: center;
margin: 3px;
border: 1px solid #002C57;
background: #002C57;
font-weight: 600;
padding: 3px 5px;
border-radius: 2px;
}
.footer-icons {
margin-top: 20px;
}
.suscribe-input input {
background: transparent;
border: medium none;
color: #ddd;
font-size: 15px;
line-height: 24px;
padding: 11px 15px;
height: 42px;
border-radius: 0;
width: 100%;
border: 1px solid #777;
}
.suscribe-input button {
background: #f47622;
border: 1px solid #f47622;
color: #fff;
font-size: 16px;
padding: 8px 20px;
border-radius: 3px;
transition: 0.4s;
margin-top: 15px;
text-transform: capitalize;
font-weight: 700;
}
.suscribe-input button:hover {
background: #fff;
border: 1px solid #fff;
color: #f47622;
transition: 0.4s;
}
.footer-contacts p span {
color: #f47622;
font-weight: 700;
}
.footer-content {
display: block;
overflow: hidden;
}
.footer-list li a {
color: #ddd;
padding: 3px 0px 3px 20px;
display: block;
position: relative;
font-weight: 500;
}
.footer-list li:first-child a{
padding-top: 0px;
}
.footer-list li:last-child a{
padding-bottom: 0px;
}
.footer-list li a::after {
position: absolute;
content: "\e87a";
right: auto;
top: 2px;
font-family: tionscal;
font-size: 12px;
left: 0;
}
.footer-list li a:hover {
color: #f47622;
}
.footer-area-bottom {
background: #193445 none repeat scroll 0 0;
padding: 25px 0;
border-top: 1px solid #333;
}
.copyright-text a:hover{
text-decoration: underline;
color:#f47622;
}
.copyright-text a {
color: #ddd;
}
.copyright > p {
margin-bottom: 0;
color: #ddd;
}
.copyright a {
color: #f47622;
}
/*--------------------------------*/
/* 14.Home page 2
/*--------------------------------*/
.intro-area-2 .layer-1-2 h1 {
margin: 20px auto;
}
.intro-area-2 .layer-1-1 p {
margin: 0px auto 30px;
}
.header-two{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
}
.topbar-area-2{
background: rgba(17,17,17,0.50);
}
.header-area-2{
background: rgba(17,17,17,0.50);
box-shadow:none;
border-top: 1px solid rgba(255,255,255,0.1);
}
.topbar-area-2 .topbar-left ul li a{
color: #fff;
}
.header-area-2 .main-menu ul.navbar-nav li a{
color: #fff;
}
.header-area-2 .main-menu ul.navbar-nav li a:hover{
color: #f47622;
}
.intro-area-2 .slider-content {
margin-top: -100px;
}
.header-area-2.stick {
background: #111;
}
.footer-area.footer-area-2{
background: #f5f5f5;
}
.footer-area-2 .footer-tags li a {
border: 1px solid #222;
background: #222;
}
.marker-list li {
color: #444;
padding-left: 30px;
margin: 10px 0px;
position: relative;
}
.marker-list li::after {
position: absolute;
content: "\e87f";
left: 0;
top: 3px;
font-family: tionscal;
color: #f47622;
font-weight: 700;
}
.video-text h4 {
font-size: 28px;
line-height: 34px;
letter-spacing: 0.60px;
}
.services-all{
margin-top: -30px;
}
.services-all .single-services{
margin-top: 30px;
}
/*----------------------------------------*/
/* 15.Overview Area
/*----------------------------------------*/
.overview-area{
background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll center center / cover;
}
.parallax-bg{
position:relative;
}
.overview-area.parallax-bg:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#002c57;
opacity:.8;
content:"";
}
.overview-area .col-md-6{
padding-left: 0px;
padding-right: 0px;
}
.main-view {
padding-bottom: 15px;
}
.main-view:last-child{
padding-bottom: 0px;
}
.company-content {
background: #f9f9f9;
padding: 12% 16%;
}
.view-images {
float: left;
font-size: 50px;
line-height: 50px;
text-align: center;
color: #f47622;
}
.view-content {
padding-left: 80px;
}
.main-view:last-child p{
margin-bottom: 0px;
}
.view-content h4 {
text-transform: capitalize;
font-size: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.client-details {
padding: 12% 16%;
text-align: center;
display: block;
overflow: hidden;
}
.client-head {
text-align: left;
margin-left: 10px;
padding-left: 20px;
position: relative;
}
.client-head::before{
position: absolute;
content: "";
width: 5px;
height: 80px;
background: #f47622;
left:0;
top:0px;
}
.client-head h3 {
color: #fff;
text-transform: capitalize;
margin-bottom: 5px;
}
.client-head p {
color: #fff;
}
.single-client {
float: left;
width: 50%;
padding: 10px;
}
.single-client a {
display: inline-block;
opacity: 0.9;
transition: 0.4s;
border: 1px solid #fff;
background: #fff;
}
.single-client a:hover{
opacity: 1;
transition: 0.4s;
}
.footer-area-2 .footer-head p,
.footer-area-2 .footer-head h4 {
color: #444;
}
.footer-area-2 .footer-icons ul li a {
color: #f47622;
border: 1px solid #f47622;
}
.footer-area-2 .footer-icons ul li a:hover{
color:#fff;
}
.footer-area-2 .footer-list li a{
color:#444;
}
.footer-area-2 .footer-list li a:hover{
color:#f47622;
}
.well-inner .well-services{
margin-top: 30px;
}
.well-inner{
margin-top: -30px;
}
.video-text h4 {
font-size: 24px;
}
/*--------------------------------*/
/* 16. Home page 3
/*--------------------------------*/
.header-area-3 .logo-bg{
background: #f47622;
z-index: 10;
margin-left: 15px;
}
.header-area-3 .menu-bg {
position: relative;
margin-left: -30px;
margin-right: -15px;
background: rgba(17,17,17,0.50);
}
.header-area-3{
background: transparent;
}
.header-area-3 .logo-bg:before {
display: none;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
color: #fff;
font-size: 18px;
margin-top: -20px;
position: absolute;
top: 50%;;
text-align: center;
line-height: 39px;
opacity: 0;
border:1px solid #fff;
width: 40px;
height: 40px;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
left: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
right: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
right: 1%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
left: 1%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
color:#fff;
background: #f47622;
border: 1px solid #f47622;
}
.project-carousel .col-md-4{
padding-left: 0px;
padding-right: 0px;
}
/*----------------------------------------*/
/* 17. team Area
/*----------------------------------------*/
.team-area{
position: relative;
}
.team-member,page-team-member{
margin-top: -30px;
}
.single-member {
position: relative;
overflow: hidden;
margin-top: 30px;
}
.team-content {
position: absolute;
top: 70%;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,44,87,0.90) none repeat scroll 0 0;
padding: 22px 20px;
transition: 0.5s;
}
.team-share {
opacity: 0;
}
.single-member:hover .team-content {
transition: 0.5s;
top:0px;
padding: 50px 20px;
background: rgba(0,44,87,0.99) none repeat scroll 0 0;
}
.single-member:hover .team-share {
opacity: 1;
}
.team-title h4 {
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
color: #fff;
margin-bottom: 5px;
}
.team-title h6 {
color: #f47622;
}
.team-share p {
color: #fff;
letter-spacing: 1px;
}
.social-icon li{
display: inline-block;
}
.social-icon li a {
color: #fff;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 18px;
border-radius: 50%;
}
.social-icon li a:hover{
color: #f47622;
}
.team-content .social-icon{
margin-top: 15px;
}
.footer-area-3,
.footer-bottom-3{
background: #111;
}
/*--------------------------------*/
/* 18.Home page 4
/*--------------------------------*/
.intro-area-4 .layer-1-2 h1 {
font-size: 48px;
line-height: 58px;
text-transform: capitalize;
max-width: 800px;
font-weight: 600;
}
.welcome-area-2 .well-services{
position: relative;
transition: 0.4s;
}
.welcome-area-2 .well-services:hover{
background:#f47622;
transition: 0.4s;
}
.welcome-area-2 .well-services:hover .well-icon a,
.welcome-area-2 .well-services:hover .well-content p,
.welcome-area-2 .well-services:hover .well-content h4 a{
color:#fff;
}
.project-content-4 .single-awesome-project {
margin-top:0px;
}
.project-content-4 .col-md-4{
padding-left: 0px;
padding-right: 0px;
}
.project-content-4 {
margin-top: 0px;
}
/*----------------------------------------
19.Home 4 Quote Area
----------------------------------------*/
.quote-area {
background:#002c57;
height: auto;
width: 100%;
}
.quote-area #contactForm input {
border: none;
border-radius: 0;
height: 46px;
margin-bottom: 20px;
}
.quote-area #contactForm input.last-part{
margin-bottom: 0px;
}
.quote-area .contact-form textarea#message{
height: 116px;
border-radius: 0;
border: none;
margin-bottom: 20px;
}
.quote-area .quote-btn {
background: #f47622;
border: 1px solid #f47622;
color: #fff;
padding: 10px 20px;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
display: block;
width: 100%;
}
.quote-area .quote-btn:hover{
background: #fff;
color:#f47622;
}
.quote-area .help-block.last-part{
margin:0px;
}
.sub-head h4 {
position: relative;
color: #fff;
padding-bottom: 40px;
text-transform: uppercase;
}
.sub-head h4::after {
position: absolute;
content: "";
left: 0;
bottom: 10px;
width: 50px;
height: 2px;
background: #f47622;
}
.sub-head p{
color:#fff;
}
/*--------------------------------*/
/* 20.Home page 5
/*--------------------------------*/
.topbar-area-5{
background: transparent;
}
.header-area-5{
background: transparent;
}
/*--------------------------------*/
/* 21.Home page 6
/*--------------------------------*/
.header-area-6 {
background:#fff;
border-top:1px solid rgba(255,94,20,0.20);
box-shadow: none;
}
.header-middle-area .header-info {
width: 33.33%;
float: left;
padding: 33px 0px;
}
.header-middle-area .header-info-text span {
display: block;
font-size: 14px;
}
.header-middle-area .info-simple{
font-weight: 700;
color: #777;
font-size:12px;
}
.header-middle-area .header-icon {
float: left;
margin-right: 10px;
}
.header-middle-area .logo a{
padding: 25px 0;
}
.header-icon i {
color: #f47622;
font-size: 34px;
line-height: 40px;
}
.info-first {
font-weight: 700;
color: #444;
}
.header-area-6.stick {
background:#fff;
}
.header-area-6 .navbar.navbar-default {
float: left;
}
.header-area-6 .main-menu ul.navbar-nav li a {
padding: 20px 15px;
color: #444;
margin: 0px;
}
.header-area-6.stick .main-menu ul.navbar-nav li a {
padding: 25px 15px;
}
.header-area-6 .main-menu ul.navbar-nav li.active >a,
.header-area-6 .main-menu ul.navbar-nav > li > a:hover{
background:#f47622;
color:#fff;
}
.header-area-6 .header-right-link a.main-search {
margin: 10px 0px 10px 10px;
}
.header-area.stick .header-right-link a.main-search {
margin: 15px 0px 15px 10px;
}
/*----------------------------------------*/
/* 22. Breadcumbs Area
/*----------------------------------------*/
.page-area{
position: relative;
}
.page-area {
background: url(img/background/b.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.breadcumb-overlay {
position: absolute;
background: rgba(10, 27, 40, 0.6) none repeat scroll 0 0;
top: 0;
width: 100%;
left: 0;
height: 100%;
}
.breadcrumb{
padding: 100px 0px;
background-color: transparent;
margin-bottom: 0;
}
.breadcrumb .section-headline h3 {
font-size: 48px;
letter-spacing: 2px;
line-height: 48px;
text-transform: inherit;
}
.breadcrumb .section-headline{
margin-bottom: 0px;
}
.breadcrumb .section-headline h3::after {
display: none;
}
.breadcrumb ul {
padding: 10px 0px;
}
.breadcrumb ul li {
display: inline-block;
color: #fff;
padding: 0px 10px 0px 20px;
position: relative;
font-size: 16px;
}
.breadcrumb ul li.home-bread{
padding-left: 0px;
}
.breadcrumb ul li.home-bread::after {
position: absolute;
content: "\f105";
font-family: fontAwesome;
right: -10px;
top: 0;
}
.breadcrumb .section-headline::after {
display: none;
}
/*--------------------------------*/
/* 23. pages genaral css
/*--------------------------------*/
.testimonial-page-area .single-testimonial{
margin-top: 30px;
}
.testimonial-page-area .single-testimonial {
border: 1px solid #f4f4f4;
padding: 20px;
}
.testimonial-page-area .client-name span,
.testimonial-page-area .client-name h4,
.testimonial-page-area .testimonial-text p{
color:#444;
}
.testimonial-page-area .testimonial-text p{
font-size: 15px;
line-height: 24px;
font-style: normal;
}
.testimonial-page-area .Reviews-content {
margin-top: -30px;
}
.testimonial-page-area .testimonial-img {
margin-top: 30px;
}
.faq-page-area .faq-content {
background: #f9f9f9;
padding: 6% 10%;
border-radius: 5px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.faq-page-area .contact-form input[type="text"],
.faq-page-area .contact-form input[type="email"] {
border: 1px solid #ccc;
border-radius: 0;
height: 44px;
margin-bottom: 15px;
padding-left: 20px;
width: 100%;
}
.faq-page-area .faq-content .contact-form textarea#message {
height: 135px;
}
.faq-page-area .quote-btn {
font-weight: 600;
color: #fff;
background: #f47622;
display: inline-block;
border: 2px solid #f47622;
padding: 10px 20px;
width: 134px;
text-transform: uppercase;
border-radius: 3px;
transition: 0.4s;
margin-top: 10px;
}
.faq-page-area .quote-btn:hover{
background: #fff;
color: #f47622;
transition: 0.4s;
}
/*--------------------------------*/
/* 24. Error page
/*--------------------------------*/
.error-easy-text {
font-weight: 700;
text-transform: uppercase;
font-size: 30px;
}
.high-text{
font-size: 200px;
line-height: 200px;
}
.error-bot{
font-size: 24px;
}
.error-btn {
background: #f47622;
border: 2px solid #f47622;
color: #fff;
font-size: 16px;
padding: 12px 20px;
transition: 0.4s;
margin-top: 15px;
text-transform: capitalize;
margin-top: 30px;
display: inline-block;
font-weight: 700;
}
.error-btn:hover{
background: #fff;
border: 2px solid #f47622;
color: #f47622;
}
/*----------------------------------------*/
/* 25. Contact Us page
/*----------------------------------------*/
.contact-details {
display: block;
overflow: hidden;
background: #f5f5f5;
padding: 40px 30px;
margin-bottom: 40px;
}
.contact-head {
background: #f9f9f9;
padding: 40px 30px;
}
.contact-head h3 {
font-weight: 600;
font-size: 26px;
}
.contact-inner a i {
color: #f47622;
display: inline-block;
font-size: 20px;
text-align: center;
line-height: 40px;
margin-right: 15px;
border-radius: 50%;
}
.contact-inner a {
color: #666;
font-size: 16px;
display: block;
}
.contact-head p {
font-size: 16px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
border: 1px solid #ccc;
border-radius: 0;
height: 44px;
margin-bottom: 15px;
padding-left: 20px;
width: 100%;
}
.contact-form textarea#message {
border: 1px solid #ccc;
border-radius: 0px;
height: 180px;
padding: 20px;
width: 100%;
}
.contact-page .contact-btn {
background: #f47622;
border: 2px solid #f47622;
color: #fff;
display: inline-block;
font-size: 16px;
margin-top: 5px;
padding: 10px 40px;
transition: 0.4s;
width: auto;
float: left;
text-transform: uppercase;
border-radius: 2px;
font-weight: 700;
}
.contact-page .contact-btn:hover {
background:transparent;
border: 2px solid #f47622 ;
color: #f47622;
transition: 0.4s;
}
.map-area {
padding-top: 90px;
}
/*----------------------------------------
26. Blog Details page
----------------------------------------*/
.blog-search-option input {
padding: 5px 15px;
width: 80%;
border: none;
height: 42px;
}
.blog-search-option {
margin-bottom: 30px;
display: block;
border: 1px solid #ccc;
}
.blog-search-option button {
background: transparent;
border: none;
}
.blog-search-option button i {
line-height: 16px;
font-size: 20px;
padding: 0px 10px;
}
.blog-search-option button i:hover {
color: #f47622;
}
.left-blog h4 {
border-bottom: 1px solid #ddd;
color: #444;
font-size: 20px;
font-weight: 600;
margin-bottom: 5px;
padding: 15px 0px;
text-transform: capitalize;
}
.left-blog {
overflow: hidden;
padding-bottom: 20px;
}
.left-blog li {
display: block;
}
.left-blog ul li a {
color: #444;
display: block;
font-size: 16px;
padding: 10px 0px 10px 25px;
text-transform: capitalize;
position: relative;
}
.left-blog ul li a:before {
position: absolute;
content: "\e87a";
font-family: tionscal;
left: 0px;
top: 10px;
font-size: 14px;
}
.popular-tag.left-blog ul li a:before {
display: none;
}
.recent-single-post {
display: block;
overflow: hidden;
padding: 15px 0px;
}
.recent-single-post:last-child {
border-bottom: none;
}
.post-img {
display: inline-block;
float: left;
padding-right:10px;
width: 35%;
}
.pst-content {
display: inline-block;
float: left;
width: 65%;
padding-left: 10px;
}
.pst-content p a:hover,.left-blog ul li a:hover {
color: #f47622;
}
.left-blog-page {
}
.pst-content p a {
color: #444;
font-size: 15px;
}
.blog-tags {
padding: 1px 0;
}
.left-blog li:last-child {
border-bottom: 0 ;
}
.popular-tag.left-blog ul li a:hover{
color: #fff;
}
.popular-tag.left-side-tags.left-blog ul {
padding:0px;
}
.left-tags .left-side-tags ul li {
border-bottom: 0;
display: inline-block;
margin: 5px 0px;
}
.left-tags .left-side-tags ul li a {
padding: 5px 10px;
width: auto;
border: 1px solid #f47622;
background: #f47622;
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 14px;
}
.left-tags .left-side-tags ul li a:hover {
border: 1px solid #f47622;
background: #fff;
color:#f47622
}
.left-side-tags h4 {
margin-bottom: 15px;
}
.comments-heading h3, h3.comment-reply-title {
border-bottom: 1px solid #e8e8e9;
color: #444;
font-size: 18px;
margin: 0 0 20px;
padding: 0 0 5px;
text-transform: capitalize;
}
.comments-list ul li{
margin-bottom: 25px;
}
.comments-list-img{
float: left;
margin-right: 15px;
}
.comments-content-wrap {
color: #444;
font-size: 14px;
margin: 0 0 15px 60px;
padding: 10px;
position: relative;
}
.blog-content p {
font-size: 15px;
letter-spacing: 0.50px;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 15px;
border-left: 5px solid #f47622;
font-style: italic;
}
blockquote p {
font-size: 16px !important;
line-height: 28px;
}
.author-avatar {
display: inline-block;
float: left;
width: 10%;
}
.author-description h2 {
color: #777;
font-size: 20px;
text-transform: uppercase;
}
.author-description h2 a {
color: #333;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
color: #444;
margin-top: 10px;
}
li.threaded-comments{margin-left:50px}
.comment-respond {
margin-top: 20px;
}
span.email-notes{color: #42414f;
display: block;
font-size: 12px;
margin-bottom: 10px;}
.comment-respond p {
color: #444;
margin-bottom: 5px;
}
.comment-respond input[type=text],.comment-respond input[type=email]{
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
margin-bottom: 15px;
padding: 0 0 0 10px;
width: 100%;}
.comment-respond textarea#message-box{
border: 1px solid #e5e5e5;
border-radius: 0;
max-width: 100%;
padding: 10px;
height: 160px;
width: 100%;
}
.comments-content-wrap span a {
color: #f47622;
}
.comments-content-wrap span a:hover {
color: #f47622;
}
.comment-respond .add-btn.contact-btn {
background: #f47622;
color: #fff;
display: block;
font-size: 16px;
margin-top: 5px;
padding: 12px 20px;
transition: 0.4s;
border-radius: 5px;
width: auto !important;
margin-top: 20px;
border: 2px solid #f47622;
text-transform: uppercase;
font-weight: 700;
}
.comment-respond .add-btn.contact-btn:hover{
background: #FFF;
color: #f47622;
border:2px solid #f47622;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 30px 0 0px;
border-radius: 4px;
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #fff;
background-color: #333;
border: none;
margin-left: -1px;
border-radius: 5px;
}
.pagination>li {
display: inline-block;
margin: 0px 3px 0px 0px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{
z-index: 3;
color: #fff;
background-color: #f47622;
border-color: #f47622;
cursor: default;
border-radius: 5px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
z-index: 2;
color: #fff;
background-color: #f47622;
border-color: #f47622;
border-radius: 2px;
}
.blog-page-details .left-blog-page {
margin-top:0px;
margin-bottom:30px;
}
.single-post-comments {
margin-top: 30px;
}
.left-head-blog .pst-content p{
margin-bottom: 5px;
}
/*----------------------------------------
27. Project Details page
----------------------------------------*/
.project-page-area .project-menu li a {
color: #444;
}
.project-2-column .project-single {
float: left;
width: 50%;
}
.project-4-column .project-single {
float: left;
width: 25%;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 0;
color: #fff;
display: inline-block;
font-size: 14px;
height: 40px;
line-height: 38px;
position: relative;
text-align: center;
transition: all 0.5s ease 0s;
width: 40px;
border-radius: 50%;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
top: 50%;
position: absolute;
left: 3%;
margin-top: -30px;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
background: #f47622;
border: 1px solid #f47622;
color: #fff;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
margin-top: -15px;
position: absolute;
right: 3%;
top: 50%;
}
.project-history {
background: #f5f5f5;
padding: 30px;
border-radius: 3px;
}
.project-details h4 {
font-size: 26px;
font-weight: 600;
}
.project-name ul li {
color: #444;
font-weight: 500;
font-size: 18px;
line-height: 32px;
margin: 10px 0px;
}
.project-name span {
padding-right: 15px;
min-width: 110px;
display: inline-block;
font-weight: 700;
font-size: 18px;
}
.project-inner {
margin-bottom: 30px;
}
.project-share {
margin-top: 30px;
}
.project-share ul li {
display: inline-block;
margin-top: 10px;
}
.project-share ul li a {
color: #666;
display: block;
font-size: 20px;
line-height: 38px;
text-align: center;
margin-right: 5px;
width: 40px;
height: 40px;
border: 1px solid #666;
border-radius: 50%;
}
.project-share li a:hover{
color: #fff;
background: #f47622;
border: 1px solid #f47622;
}
.project-content.project-related{
margin-top: -30px;
}
/*----------------------------------------*/
/* 28.Sub Services Pages
/*----------------------------------------*/
.single-page-head {
margin-bottom: 30px;
}
.single-services-page p {
color: #666;
margin-bottom: 0px;
font-size: 15px;
letter-spacing: 0.5px;
}
.left-menu li:first-child {
margin: 0px 0px 2px
}
.left-contact h4 {
font-size: 24px;
text-transform: uppercase;
margin-bottom: 30px;
}
.left-menu li {
display: block;
margin-bottom: 3px;
}
.build-img .page-img {
padding-bottom: 0;
}
.left-menu ul li.active a {
background: #f47622 none repeat scroll 0 0;
color: #fff;
position: relative;
}
.left-menu ul li a:hover {
color: #fff;
background: #f47622;
}
.left-menu ul li a {
background: #f9f9f9;
color: #666;
display: block;
font-size: 15px;
font-weight: 700;
padding: 14px 20px 14px 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.left-menu ul li.active a::after, .left-menu ul li a:hover::after {
content: "\e87a";
font-family: tionscal;
font-size: 16px;
position: absolute;
right: 10px;
top: 15px;
}
.about-btn{
position: relative;
}
.down-btn {
color: #444;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 15px 20px;
text-align: left;
text-transform: uppercase;
width: 100%;
position: relative;
margin-bottom: 3px;
background: #f9f9f9;
}
.about-btn .down-btn i{
padding-right: 10px;
}
.down-btn:hover{
color:#fff;
background: #f47622;
}
.single-well h3 {
margin-bottom: 15px;
font-size: 28px;
}
.support-text {
padding: 20px;
background: #f9f9f9;
transition: 0.4s;
padding: 30px 20px;
}
.support-text h4{
color:#f47622;
font-weight: 700;
}
.support-text a {
margin: 30px 0px 15px;
display: block;
font-size: 22px;
color: #444;
font-weight: 700;
}
.support-text p {
font-size: 16px;
line-height: 26px;
color:#444;
font-weight: 700;
}
.support-text a i {
display: inline-block;
font-size: 30px;
line-height: 22px;
padding-right: 8px;
}
.page-content h3 {
font-weight: 600;
padding: 15px 0 0;
}
.single-well {
margin-top: 20px;
}
.single-well a h4 {
font-weight: 600;
line-height: 30px;
}
.single-page {
overflow: hidden;
}
.service-list li {
display: block;
position: relative;
padding-left: 30px;
color: #666;
}
.service-list li::before{
position: absolute;
left: 0;
content:"\f00c";
font-family:fontawesome;
top:0;
color: #f47622;
}
.single-page-head .service-btn{
width: 100%;
margin: 20px 0px 0px 0px;
}
.single-services-page .marker-list li {
color: #666;
}
.mar-row .single-well {
margin-top: 0px;
}
.marker-list li {
color: #666;
padding-left: 30px;
margin: 10px 0px;
position: relative;
font-size: 15px;
}
.marker-list li::after {
position: absolute;
content: "\e886";
left: 0;
top: 3px;
font-family: tionscal;
color: #f47622;
font-weight: 700;
}
.tab-menu {
display: block;
text-align: center;
}
.tab-menu ul.nav{
margin: 0;
padding: 0;
}
.tab-menu ul.nav li {
border: medium none;
display: inline-block;
}
.tab-menu ul.nav li a {
color: #f47622;
}
.tab-menu ul.nav li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 0;
color: #444;
display: block;
font-weight: 600;
padding: 10px 20px;
margin-right: 5px;
text-transform: uppercase;
width: 131px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background-color: #f47622 !important;
border-color: #f47622;
border-image: none;
border-style: solid;
border-width: 1px;
color: #fff !important;
cursor: default;
position: relative;
}
.event-content.head-team h5 {
background: #f47622 none repeat scroll 0 0;
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
}
/*--------------------------------*/
/* .End CSS
/*--------------------------------*/