XylotrechusZ
/*------------------------------------------------------------------
* Template Nam: Dustrial - Industrial WordPress Theme
* Template UR: https://pluginspoint.com/dustrialwp/
* Description: Fully Responsive Industrial WordPress Theme
* Author: johanspond
* Author URI: https://pluginspoint.com
* Version: 4.0.8
* -----------------------------------------------------------------*
* TABLE OF CONTENTS *
* -----------------------------------------------------------------*
CSS INDEX
===================
Theme default CSS
1. Home One
1.1 H1 header top
1.2 H1 navigation
1.3 H1 Slider
1.4 H1 Featured
1.5 H1 Counter
1.6 H1 Inspiring
1.7 h1 Market Style
1.8 Technical Solutions
1.9 H1 Letest Project
1.10 Letest Project Inner
1.11 H1 Testimonials
1.12 H1 Quote & Questions
1.13 H1 Call to action
1.14 H1 blog
1.15 H1 Sponsor
1.16 H1 Subscription
1.17 H1 Footer
1.18 H1 Copyright
2. Home Two
2.1 H2 header top
2.2 H2 Header Bottom
2.3 H2 header contact
2.4 H2 navigation area
2.5 H2 Featured
2.6 H2 Market
2.7 H2 Company
2.8 H2 Request
2.9 H2 Testimonials
2.10 H2 Letest Project
2.11 H2 Accordion
2.12 H2 Question features
2.13 h2 Blog
3. Home Three
3.1 H3 header top
3.2 h3 Mavigation
3.3 H3 featured
3.4 H3 Inspiring
3.5 H3 Market Style
3.6 H3 Latest Project
3.7 H3 Team Management
3.8 H3 Testimonials
4. About
5. Service
6. Service Details
7. Contact
8. 404 Page
9. Project Single
10. Blog Sidebar
11. Team Management
12. Faq Page
13. Market Inner page
-----------------------------------------------------------------------------------*/
/**
* ---------------------------------------------------------------------------
* Theme default CSS
* ---------------------------------------------------------------------------
*/
.clear {
clear: both
}
::-moz-selection {
background: #ff5e14;
color: #fff;
text-shadow: none;
}
::selection {
background: #ff5e14;
color: #fff;
text-shadow: none;
}
.no-mar {
margin: 0 !important;
}
.no-pad {
padding: 0 !important;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: none;
text-decoration: none;
outline: none;
box-shadow: none;
}
body, html {
overflow-x: hidden;
}
body {
font-family: "Hind", sans-serif;
font-size: 16px;
line-height: 26px;
color: #242424;
-webkit-font-smoothing: antialiased;
/* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Hind", sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
font-family: 'Hind', sans-serif;
text-decoration: none;
outline: none;
box-shadow:none;
}
a {
color: #f76b2b;
text-decoration: none;
outline: none;
box-shadow: none;
transition: all .2s linear;
}
a:hover {
text-decoration: none;
outline: none;
box-shadow: none;
}
a:focus {
text-decoration: none;
outline: none;
box-shadow: none;
}
p a,
p a:visited {
line-height: inherit;
text-decoration: none;
outline: none;
box-shadow: none;
}
/* list */
ul,
ol {
margin-bottom: 0px;
margin-top: 0px;
}
ul {
margin: 0;
}
ol {
list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
margin-left: 0px;
}
ul.square {
list-style: square outside;
}
ul.circle {
list-style: circle outside;
}
ul.disc {
list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 0;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
margin-bottom: 0px;
}
li {
line-height: 25px;
margin-bottom: 0px;
}
/* definition list */
dl {
margin: 12px 0;
}
dt {
margin: 0;
color: #ff5e14;
}
dd {
margin: 0 0 0 20px;
}
/* Global Class */
.btn {
text-transform: uppercase;
font-weight: 600;
}
.activeColor {
color: #ff5e14 !important;
}
.activebreadcrumbColor {
color: #fff !important;
}
.activeBg {
background-color: #ff5e14;
}
.btn {
border-radius: 0;
padding: 15px 28px 12px;
background-color: #ff5e14;
border-color: #ff5e14;
line-height: 1;
}
.btn:hover {
background-color: #061538;
border-color: #061538;
}
.activeBorder {
background-color: transparent;
border-color: #ff5e14;
}
.section-title {
margin-bottom: 39px;
position: relative;
}
.section-thumb {
position: absolute;
left: 0;
top: 5px;
}
.section-thumb img{
width:50px;
}
.section-body {
position: relative;
left: 63px;
top: 0;
display: inline-block;
}
.section-body.preview-icons {
left: 0;
}
.section-title .sub-title {
font-size: 24px;
font-weight: 400;
margin-bottom: 5px;
}
.section-title-two .sub-title {
font-size: 24px;
font-weight: 400;
margin-bottom: 5px;
}
.section-title .main-title {
font-size: 36px;
line-height: 40px;
font-weight: 700;
color: #061538;
}
.h1-spacer {
margin-top: 25px;
}
.home3-base-title .stock {
margin-top: 10px;
}
.home3-base-title .sub_title {
font-size: 24px;
font-weight: 400;
}
.home3-base-title .section-title {
font-size: 22px;
font-weight: 700;
color: #061538;
}
/*new section heading*/
.section-title-four {
margin-bottom: 35px;
}
h6.section-title-four-sub {
font-size: 17px;
font-weight: 700;
color: #ff5e14;
}
h3.section-title-four-title {
font-size: 50px;
line-height: 60px;
font-weight: 800;
letter-spacing: 1.2px;
color: #061538;
}
.page_title {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #242424;
padding: 75px 0;
padding-bottom: 70px;
}
.page_title .page_tittle {
color: #fff;
font-size: 22px;
line-height: 18px;
font-weight: 700;
}
.page_title .page_tittle {
padding: 0 0 0px;
font-size: 38px;
line-height: 1.2;
word-break: break-word;
text-transform: capitalize;
}
.bread_crumb span {
word-break: break-word;
font-size: 18px;
color: #d4d4d4 !important;
}
.bread_crumb .breadcrumbs-title a:hover span{
color: #ff5e14 !important;
}
.bread_crumb .breadcrumbs-title {
color: #d4d4d4 !important;
}
.bread_crumb a {
font-size: 18px;
line-height: 25px;
color: #fff;
transition: all .3s ease;
}
.bread_crumb a:hover {
color: #ff5e14;
}
span.breadcrumb-info a:hover span{
color: #ff5e14 !important;
}
.pagination_waper {
padding-top: 20px;
}
.pagination_waper li.page-item .page-link {
font-size: 18px;
line-height: 56px;
border: 1px solid #24242425;
font-weight: 600;
width: 58px;
height: 58px;
text-align: center;
text-decoration: none;
outline: none;
box-shadow: none;
}
.pagination_waper li.page-item .page-link:hover {
background-color: #ff5e14;
border-color: #ff5e14;
color: #ffffff !important;
}
.pagination_waper .activeborder {
border-color: #ff5e14;
}
.section-title-two .main-title {
font-size: 36px;
line-height: 40px;
font-weight: 700;
color: #061538;
margin-bottom: 15px;
}
.section-title-two {
margin-bottom: 44px;
}
.h3-project-area .section-title-three{
color: #fff;
}
.h3-project-area .section-title-three h2{
color: #fff;
}
.section-title-three {
margin-bottom: 42px;
}
.section-title-three h2 {
margin-bottom: 11px;
font-size: 36px;
font-weight: 3;
color: #061538;
}
.section-title-three h2 strong {
font-weight: 700;
}
.section-title-three h2.text-light strong {
color: #fff;
}
button.get_quote_btn {
padding: 15px 28px 12px;
border-radius: 0;
box-shadow: none;
outline: none;
text-decoration: none;
background: #ff5e14;
border: none;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
line-height: 25px;
margin: 0;
cursor: pointer;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
button.get_quote_btn:hover {
background: #061538;
color: #fff;
}
.bypostauthor{
}
/* video button style */
.ct-cat-button {
font-size: 24px;
line-height: 1;
padding: 18px 40px 15px;
font-weight: 600;
}
.overflow-hidden {
overflow: hidden;
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ff5e14;
z-index: 10;
width: 80px;
height: 80px;
margin: 0 auto;
border-radius: 100%;
}
.play-btn i {
font-size: 30px;
color: #ffffff;
}
.overflowhidden {
overflow: hidden;
}
/* Fixed Menu */
.h1-navigation-area.navbar-fixed-top {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
left: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.h2-navigation-area.navbar-fixed-top {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
left: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.h2-navigation-area.navbar-fixed-top {
background: #061538 !important;
}
.h2-navigation-area.navbar-fixed-top .logo.hidden-logo {
visibility: visible;
}
.h3-navigation-area.navbar-fixed-top {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1);
left: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.h3-navigation-area.navbar-fixed-top {
background: #061538 !important;
}
.admin-bar .h1-navigation-area.navbar-fixed-top,
.admin-bar .h2-navigation-area.navbar-fixed-top,
.admin-bar .h3-navigation-area.navbar-fixed-top{
top: 32px;
}
.mean-container .mean-nav ul li a.mean-expand{
height: 21px !important;
line-height: 23px !important;
}
.mean-container .mean-nav ul li li a{
padding: 10px 10%
}
a.yes-sticky {
display: none;
}
.navbar-fixed-top a.yes-sticky {
display: inline-block;
}
.navbar-fixed-top a.no-sticky {
display: none;
}
/* Social Media */
.facebook {
color: #3b5998;
}
.twitter {
color: #1da1f2;
}
.skype {
color: #00aff0;
}
.vine {
color: #00b488;
}
/* Blog Search */
.search-form .form-group {
border: 1px solid #24242460;
padding-top: 11px;
padding-bottom: 8px;
padding-left: 22px;
padding-right: 20px;
}
.search-form .form-control {
font-size: 18px;
height: auto;
}
.search-form .form-control:focus {
box-shadow: none;
}
.search-form .btn {
background: transparent;
border-color: transparent;
color: #24242460;
}
.search-form .btn:hover {
color: #ff5e14;
}
.search-form .btn:active {
background-color: transparent !important;
border-color: transparent !important;
color: #24242460 !important;
}
.search-form .btn:focus {
background: none;
box-shadow: none;
}
.search-form .btn-primary:not(:disabled):not(.disabled).active,
.search-form .btn-primary:not(:disabled):not(.disabled):active,
.search-form .show > .btn-primary.dropdown-toggle {
box-shadow: none;
}
.header-cart{
position: relative;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #c8c8c8;
}
.header-search {
position: relative;
margin-right: 0px;
padding-right: 0px;
border-right: none;
}
.header-cart {
padding-right: 20px;
}
.header-cart i,
.header-search i {
color: #ff5e14;
transition: 0.5s;
}
.header-cart i {
font-size: 22px;
}
.header-cart span.cart-badge {}
.page_title.breadcrumb-overlay.header3,
.page_title.breadcrumb-overlay.header2 {
padding-top: 155px;
}
.subscription .block {
color: #fff;
}
/******************
* 1. Home One
*******************/
/* 1.1 H1 header top */
.top-part-area-one {
display: flex;
align-items: center;
justify-content: space-between;
}
.h1-header-top-area {
background: #061538;
padding-top: 15px;
padding-bottom: 10px;
}
.h1-single-top-block {
display: inline-block;
margin-right: 30px;
}
.h1-single-top-block:last-child {
margin-right: 0;
}
.h1-single-top-block i.fa {
color: #ff5e14;
margin-right: 10px;
font-size: 16px;
}
.h1-single-top-block strong {
font-weight: 600;
color: #ffffff;
}
.h1-single-top-block span,
.h1-single-top-block a {
color: #ffffff;
font-weight: 300;
}
.h1-single-top-block a:hover{
color: #ff5e14;
text-decoration: none;
outline: none;
box-shadow: none;
}
.h1-social-media{
display: block;
overflow: hidden;
}
.h1-social-media ul{
margin: 0;
padding: 0;
}
.h1-social-media ul li {
list-style: none;
display: inline-block;
margin-right: 15px;
}
.h1-social-media ul li a i {
color: #fff;
font-size: 16px;
}
.h1-social-media ul li:last-child {
margin-right: 0;
}
.logo-for-responsive-only,
.logo a img {
width: 165px;
}
.h2-navigation-area.navbar-fixed-top .logo-for-responsive-only .logo {
padding-top: 0;
}
.h2-leftlogo a img {
width: 165px;
}
.subscription a img {
width: 165px;
}
.bind_footer .address_info img {
width: 165px;
}
.bind_footer.footer-2 .footer ul.menu li a {
border-left: none !important;
}
/* 1.2 H1 navigation */
.main-nav-area {
display: inline-block;
float: right;
}
#main-header {
position: absolute;
z-index: 10;
width: 100%;
}
.main-menu-area {
float: right;
transition: .3s;
}
.main-menu {
display: inline-block;
}
.main-menu ul {
margin: 0;
padding: 0;
}
.main-menu ul li {
display: inline-block;
position: relative;
margin-left: 0px;
}
.main-menu ul li a {
font-size: 15px;
font-weight: 600;
color: #242424;
line-height: 15px;
padding: 30px 15px;
text-transform: uppercase;
display: inline-block;
}
.main-menu ul li a:before {
content: "";
position: absolute;
top: 0;
left: 35%;
width: 20px;
height: 4px;
background: #ff5e14;
transform: translateX(-50%);
transition: 0.5s;
opacity: 0;
}
.main-menu ul li.active>a,
.main-menu ul li.current-menu-item>a,
.main-menu ul li.menu-item-has-children:hover > a::before,
.main-menu ul li.current-menu-ancestor>a{
color: #ff5e14;
}
.main-menu ul li.current-menu-item>a:before,
.main-menu ul li.current-menu-ancestor a:before{
left: 50%;
opacity: 1;
}
.h2-navigation-area .main-menu ul li.current-menu-ancestor a:before {
left: 35%;
}
.main-menu ul ul li a:before {
position: unset;
display: none;
}
.main-menu ul ul li:hover a:before {
left: 0;
opacity: 0;
}
.main-menu ul li:hover a:before {
opacity: 1;
left: 50%;
}
.main-menu ul li:hover> a {
color: #ff5e14;
transition: .3s;
}
.main-menu ul li a.active {
color: #ff5e14;
transition: .3s;
}
.home-two-menu ul> li> a {
color: #fff;
}
.main-menu ul li ul.sub-menu {
position: absolute;
top: 110%;
left: 0;
text-align: left;
background: #061538;
width: 220px;
z-index: 9;
opacity: 0;
visibility: hidden;
transition: .3s;
margin-top: 1px;
padding: 0;
box-shadow: 0px 5px 35px 2px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0px 5px 35px 2px rgba(0, 0, 0, 0.06);
}
.main-menu ul li:last-child ul.sub-menu {
right: 0;
left: auto;
}
.main-menu ul li:last-child ul.sub-menu {
right: 0;
left: auto;
}
.main-menu ul li:last-child ul.sub-menu li ul.sub-menu{
right: 0;
left: -100%;
}
.main-menu ul li:last-child ul.sub-menu li ul ul.submenu {
right: 0;
left: -100%;
}
.main-menu ul ul a:hover {
background: #ff5e14;
color: #fff;
}
.main-menu ul ul ul a:hover {
background: #ff5e14;
color: #fff;
}
.main-menu ul li ul.sub-menu li {
margin-left: 0;
display: block;
}
.main-menu ul li ul.sub-menu li:last-child {
border-bottom: none;
}
.main-menu ul li ul.sub-menu li a {
padding: 15px 15px;
width: 100%;
font-size: 15px;
line-height: 20px;
font-weight: 600;
color: #fff;
text-transform: capitalize;
}
.home-two-menu ul li ul.sub-menu li a {
color: #131313;
}
.main-menu ul > li:hover > ul.sub-menu{
opacity: 1;
visibility: visible;
top: 100%;
}
.main-menu ul ul li ul.sub-menu{
top:100%;
left: 100%;
position: absolute;
width: 250px;
}
.main-menu ul li ul.sub-menu li ul.sub-menu {
top: 100%;
right: 100%;
left: auto;
position: absolute;
width: 220px;
opacity: 0;
margin-top: 0;
visibility: hidden;
}
.main-menu ul li ul.sub-menu li:hover ul.sub-menu {
top: 0;
opacity: 1;
visibility: visible;
}
.main-menu .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: 0;
border-bottom: 0;
border-left: 0;
}
.logo.hidden-logo {
visibility: hidden;
}
.white-popup {
position: relative;
background: #FFF;
padding: 25px;
width: auto;
max-width: 600px;
margin: 0 auto;
}
.nav-serch-area {
padding-left: 32px;
display: inline-block;
}
.h1-navigation-area .nav-serch-area {
float: right;
margin-bottom: 15px;
margin-top: 15px;
}
.nav-serch-area.quote-btn-none {
margin-top: 24px;
}
.h2-navigation-area .nav-serch-area a.get_quote.btn,
.h1-navigation-area .nav-serch-area a.get_quote.btn {
margin-left: 15px;
}
.form-inline.search-btn.cart-btn.quote-btn a.header-search {
padding-right: 0;
border-right: none;
}
.nav-serch-area .form-inline a::last-child {
margin-right: 0 !important;
}
.menufix-height {
height: 68px;
-webkit-transition: all 5s linear;
-moz-transition: all 5s linear;
-ms-transition: all 5s linear;
-o-transition: all 5s linear;
transition: all 5s linear;
}
/*
====== Zoom effect ======
*/
.mfp-zoom-in {
z-index: 99999;
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
#main-header #main-nav {
background: #ffffff10;
}
#main-header #main-nav .navbar-nav {
margin: 0;
}
/* 1.3 H1 Slider */
.single-slider {
padding-top: 275px;
padding-bottom: 275px;
background-size: cover;
background-position: center;
}
.slider-content {
margin-bottom: 45px;
}
.slider-content h3 {
font-size: 60px;
color: #fff;
margin-bottom: 0;
font-weight: 700;
}
.slider-content h3 span{
font-weight: 300;
}
.slider-content h2 {
font-size: 60px;
font-weight: 700;
color: #fff;
margin-bottom: 5px;
}
.slider-content p {
font-size: 18px;
color: #fff;
font-weight: 300;
margin-bottom: 0;
}
.slider-buttons a:first-child {
margin-right: 18px;
}
.slider-activee .slick-dots {
list-style: none;
padding: 0;
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 100px;
}
.slider-activee .slick-dots li{
display: inline-block;
}
.slider-activee .slick-dots li button {
background: #a19fa3;
border: none;
text-indent: -999999999px;
height: 10px;
width: 15px;
border-radius: 50px;
margin: 0 4px;
cursor: pointer;
z-index: 9;
}
.slider-activee .slick-dots li.slick-active button {
width: 30px;
background: #ff5e14;
}
.slider-activee .slick-dots li button:focus {
outline: none;
}
.second-slider {
padding-top: 225px;
padding-bottom: 225px;
background-size: cover;
background-position: center top;
}
.second-slider-content .intro {
color: #ffffff;
font-size: 50px;
font-weight: 300;
line-height: 60px;
position: relative;
padding-left: 0px;
display: inline-block;
padding-right: 0px;
z-index: 9;
}
.second-slider-content .intro::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30px;
background: #ff5e14;
-webkit-box-shadow: 0 0 black;
box-shadow: 0 0 black;
z-index: -1;
}
.second-slider-content .title {
color: #ffffff;
font-size: 60px;
line-height: 68px;
font-weight: 600;
}
.second-slider-content .text {
font-size: 18px;
line-height: 28px;
font-weight: 300;
color: #ffffff;
}
.second-slider .slider-buttons {
margin-top: 45px;
}
.second-slider-active .slick-dots{
display: none;
}
.third-slider-content .intro {
font-size: 40px;
font-weight: 400;
line-height: 48px;
color: #ffffff;
}
.third-slider-content .title {
color: #ffffff;
font-size: 60px;
line-height: 60px;
font-weight: 600;
}
.third-slider-content .text {
color: #ffffff;
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
.third-slider .slider-buttons{
margin-top: 45px;
}
.slider-three-height {
background-size: cover;
background-position: center;
}
.dustrial-btn{
padding: 15px 26px 11px;
line-height: 17px;
color: #fff;
font-weight: 600;
font-size: 1rem;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
a.btn.btn-default{
color: #fff;
}
.slider-button:hover{
background: #061538;
color: #fff;
}
.fill_button{
background: #ff5e14;
border: 1px solid #ff5e14;
}
.fill_button:hover{
border: 1px solid #061538;
}
.border_button{
border: 1px solid #ff5e14;
}
.border_button:hover{
background: #061538;
border: 1px solid #061538;
}
.video_button{
border: 1px solid #ff5e14;
}
.video_button:hover{
background: #061538;
border: 1px solid #061538;
}
.default_button{
background: #ff5e14;
border: 1px solid #ff5e14;
}
.default_button:hover{
cursor: pointer;
background: #061538;
color: #fff;
border: 1px solid #061538;
}
.slider-area-wrap:hover .slider-activee .slick-arrow {
opacity: 1;
left: 70px;
}
.slider-area-wrap:hover .slider-activee .slick-arrow.slick-next {
opacity: 1;
right: 70px;
left: auto;
}
.slider-area-wrap .slider-activee .slick-arrow.slick-next {
right: 40px;
left: auto;
}
.slider-area-wrap .slider-activee .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: 2px solid #fff;
padding: 0;
height: 60px;
width: 60px;
border-radius:50%;
font-size: 18px;
color: #fff;
cursor: pointer;
left: 40px;
z-index: 9;
opacity: 0;
transition: .3s;
}
.slider-area-wrap .slider-activee .slick-arrow:hover {
border:2px solid #fff !important;
color:#242424 !important;
background: #fff !important;
}
.slider-loader {
position: absolute;
left: 0;
top: 0;
background: #fff;
height: 100%;
width: 100%;
z-index: 999;
}
.slider-loader .spinner {
margin: 0;
position: absolute;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
}
/* 1.4 H1 Featured */
.featured-item {
margin-bottom: 25px;
display: block;
}
.featured-icon {
margin-bottom: 10px;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.featured-icon i {
color: #ff5e14;
}
.featured-icon i:before {
font-size: 47px;
line-height: 47px;
}
.featured-item:hover .featured-icon{
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.featured-item:hover .featured-icon i {
color: #061538;
}
.featured-item-title {
font-size: 24px;
line-height: 30px;
font-weight: 600;
transition: 0.5s;
margin: 0;
color: #061538;
margin-bottom: 8px;
}
.featured-item:hover .featured-item-title {
color: #ff5e14;
}
p.featured-content {
margin-bottom: 0;
}
/* 1.5 H1 Counter */
.work-counter {
padding: 35px 0px 0;
margin-top: 5px;
}
.single-counter {
margin-bottom: 30px;
}
.work-counter .activeColor {
font-weight: 600;
}
.single-counter .counter{
font-weight: 700;
color: #061538;
font-size: 35px;
margin-bottom: 0px;
}
.single-counter h5{
font-size: 24px;
color: #061538;
}
/* 1.6 H1 Inspiring */
.inspiring-section {
background: #f5f5f5;
position: relative;
padding: 96px 0px 87px;
}
.inspiring-section-bg {
right: 0;
background: transparent;
position: absolute;
top: 0;
height: 100%;
width: 52%;
overflow: hidden;
}
.inspiring-section-bg img {
height: 100%;
}
.inspiring-by{
margin-top: 68px
}
.inspiring-by img{
margin-bottom: 20px;
}
h6.inspiring-author-role {
font-size: 16px;
font-weight: 600;
}
.business-video-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -105px;
}
a.video-play-button {
position: relative;
height: 80px;
width: 80px;
background: #f76b2b;
color: #fff;
text-align: center;
line-height: 88px;
border-radius: 50%;
font-size: 30px;
display: inline-block;
}
a.video-play-button:hover{
color: #fff;
}
a.video-play-button::before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100px;
height: 100px;
background: #ff5e14;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
a.video-play-button i {
margin-left: 9px;
}
.video-play-button-two {
position: relative;
z-index: 10;
top: 50%;
-ms-transform: translateY(-50%); /* IE 9 */
-webkit-transform: translateY(-50%); /* Safari */
transform: translateY(-50%);
height: 100px;
width: 100px;
background: #ff5e14;
display: inline-block;
text-align: center;
line-height: 115px;
border-radius: 50%;
}
.video-play-button-two::before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 120px;
height: 120px;
background: #ff5e14;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button-two i.fa-play {
color: #fff;
font-size: 30px;
margin-left: 7px;
}
.video-play-button-two i.fa-play {
color: #fff;
font-size: 30px;
}
.block a.video-play-button-two{
position: absolute;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
/* 1.7 h1 Market Style */
.market-single-items {
overflow: hidden;
margin-bottom: 25px;
background: #fff;
}
.market-item-thumb{
position: relative;
}
.market-single-items i.fa-link {
color: #ff5e14;
top: 50%;
position: absolute;
text-align: center;
right: 0;
left: 0;
margin-top: -15px;
font-size: 30px;
}
.market-single-items i {
color: #fff;
}
.market-single-items i:before {
font-size: 35px;
}
.market-single-items .img-overlay i:before {
font-size: 30px;
}
.market-single-items:hover .shape {
border-top: 110px solid #ff5e14;
border-left: 110px solid transparent;
}
.market-single-items .market-item-details {
display: block;
overflow: hidden;
padding: 25px 0px 0px;
text-align: left;
}
.market-single-items .market-item-details a {
color: #061538;
text-decoration: none;
outline: none;
box-shadow: none;
display: inline-block;
overflow: hidden;
font-weight: 600;
font-size: 24px;
line-height: 30px;
}
.market-single-items:hover .market-item-details a{
color: #ff5e14;
}
.market-single-items:hover .categories {
margin: 20px 20px;
}
.market-single-items .categories {
position: absolute;
top: 0;
right: 0;
margin: 16px 15px;
transition: 0.5s;
}
.market-single-items .shape {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
transition: 0.5s;
border-top: 100px solid #061538;
border-left: 100px solid transparent;
}
.market-single-items .img-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(6, 21, 56, 0.66);
opacity: 0;
transition: 0.5s;
transform: translateY(-10px);
}
.market-single-items .img-overlay:before {
content: "";
position: absolute;
left: 26px;
top: 26px;
bottom: 26px;
right: 26px;
transition: 0.8s;
}
.market-single-items:hover .img-overlay {
opacity: 1;
transform: translateY(0);
}
.market-single-items:hover .img-overlay::before {
opacity: 1;
}
.market-single-items .style-1:before {
border-color: #ff5e14;
border: 1px solid;
}
.market-single-widgets-area {
/* padding-top: 100px;
padding-bottom: 50px;*/
}
.market-widget {
margin-bottom: 50px;
}
.service-details-pages {
padding-top: 100px;
padding-bottom: 95px;
}
#brochures-block .download-brochures span,
#brochures-block .download-brochures i {
padding-top: 7px;
}
#brochures-block .download-brochures i:before {
color: #ff5e14;
font-size: 26px;
}
.service-all-btn {
float: right;
display: block;
overflow: hidden;
text-align: right;
margin-top: 3px;
}
.service-all-btn .btn-default {
color: #fff;
text-decoration: none;
box-shadow: none;
outline: none;
}
.service-all-btn .btn-default i {
display: none !important;
}
/* 1.8 Technical Solutions */
.h1-technical-solutions {
background: no-repeat;
background-size: cover;
background-position: center center;
}
.technical-content {
margin-bottom: 20px;
}
.technical-solutions ul{
margin: 0;
padding: 0;
}
.technical-solutions li {
padding-left: 25px;
position: relative;
list-style: none;
line-height: 26px;
}
.technical-solutions li::before {
content: '';
position: absolute;
top: 6px;
left: 0;
background: #ff5e14;
width: 12px;
height: 12px;
border-radius: 100%;
-webkit-box-shadow: inset 0px 0px 1px 2px #ffffff;
box-shadow: inset 0px 0px 1px 2px #ffffff;
border: 1px solid #ff5e14;
}
.technical-solutions-btn {
margin-top: 45px;
}
.btn-primary img {
margin-left: 10px;
}
/* 1.9 H1 Letest Project */
.h1-latest-project {
padding: 100px 0px 70px;
}
.mixitup-menus .btn {
text-transform: none;
}
.isotop-projects-filter .grid-item {
margin-bottom: 30px;
}
.mixitup-menus {
margin-bottom: 30px;
background-color: #ff5e14;
text-align: center;
}
.mixitup-menus button {
padding: 18px;
margin: 0 12px;
padding-left: 0;
padding-right: 0;
font-weight: 500;
color: #fff;
background: transparent;
border: none;
font-size: 18px;
}
.mixitup-menus button:hover {
background: transparent;
border-color: transparent;
color: #061538;
}
.mixitup-menus button:focus {
box-shadow: none;
}
.our-latest-project .mixitup-menus .btn.active {
position: relative;
color: #061538 !important;
font-weight: 500;
}
.our-latest-project .mixitup-menus .btn.active:before {
content: "";
width: 100%;
height: 4px;
background-color: #061538;
position: absolute;
bottom: -1px;
left: 0;
}
.isotop-projects-filter .card {
overflow: hidden;
}
.isotop-projects-filter .card:hover .shape {
border-bottom: 110px solid #ff5e14;
border-right: 110px solid transparent;
opacity: 1;
}
.isotop-projects-filter .card:hover .img-overlay {
opacity: 0.8;
transform: translateY(0);
}
.isotop-projects-filter .card:hover .img-overlay::before {
opacity: 1;
}
.isotop-projects-filter .card:hover .categories {
margin: 20px;
opacity: 1;
}
.isotop-projects-filter .categories {
position: absolute;
bottom: 0;
left: 0;
margin: 10px;
transition: 0.5s;
opacity: 0;
}
.isotop-projects-filter .shape {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
transition: 0.5s;
opacity: 0;
border-bottom: 100px solid #ff5e14;
border-right: 100px solid transparent;
}
.isotop-projects-filter .img-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: #061538;
opacity: 0;
transition: 0.5s;
transform: translateY(-10px);
}
.isotop-projects-filter .img-overlay:before {
content: "";
position: absolute;
left: 26px;
top: 26px;
bottom: 26px;
right: 26px;
transition: 0.8s;
}
.isotop-projects-filter .grid-item h5 a {
color: #fff;
font-size: 24px;
}
.isotop-projects-filter .grid-item h5 a:hover {
color: #ff5e14;
}
/* 1.10 Project Inner */
.project-section-padding {
padding: 100px 0px;
}
.inner-mixitup-menus {
margin-bottom: 30px;
}
.inner-mixitup-menus .btn {
text-transform: none;
background-color: #ffffff;
margin: 0 3px;
border-color: #e9e9e9;
color: #061538 !important;
}
.inner-mixitup-menus .btn:hover {
background-color: #ff5e14;
border-color: transparent;
color: #061538;
}
.inner-mixitup-menus .btn:focus {
box-shadow: none;
}
.inner-mixitup-menus .btn.active {
position: relative;
color: #ffffff !important;
font-weight: 600;
border-color: #ff5e14;
background-color: #ff5e14 !important;
}
.inner-mixitup-menus .btn.active:before{
content: "";
position: relative;
}
div.isotop-projects-filter img {
width: 100%;
}
/* 1.11 H1 Testimonials */
.h1-testimonials {
padding: 96px 0px 100px;
}
.h1-testimonials {
background: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.h1-testimonials h6.sub-title{
color: #ff5e14;
}
#testimonial-items .section-title .main-title {
font-size: 25px;
}
.h1-testimonials-area .section-title .main-title{
color: #fff;
}
.single-testimonial-items {
padding: 45px 40px;
border: 1px solid #7a849a;
}
.single-testimonial-items-title h3 {
font-size: 25px;
font-weight: 400;
color: #fff;
}
.single-testimonial-items-title {
margin-bottom: 15px;
}
.single-testimonial-items-content p {
color: #fff;
font-size: 16px;
line-height: 26px;
font-weight: 300;
}
.single-testimonial-items-content {
margin-bottom: 15px;
}
.single-testimonial-items-meta h5.testimonial-author-name {
display: block;
overflow: hidden;
font-size: 20px;
color: #fff;
}
#testimonial-items .owl-nav {
position: absolute;
top: -100px;
right: 0;
margin: 0;
}
#testimonial-items .owl-nav .owl-prev {
display: inline-block;
margin-right: 10px;
}
#testimonial-items .owl-nav .owl-next {
display: inline-block;
}
#testimonial-items .owl-nav i {
width: 35px;
height: 35px;
color: #fff;
line-height: 30px;
border: 1px solid #fafafa;
text-align: center;
}
#testimonial-items .owl-nav i:hover {
}
#testimonial-items .owl-dots{
bottom: -55px;
left: 0;
position: absolute;
width: 100%;
text-align: center;
}
#testimonial-items .owl-dots div {
background: #9f9ba0;
display: inline-block;
height: 8px;
margin-right: 8px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 15px;
border-radius: 5px;
text-align: center;
}
#testimonial-items .owl-dots .owl-dot.active {
width: 30px;
background-color: #ff5e14;
}
.quote-content span {
font-weight: 600;
}
.quote-form textarea {
height: 123px !important;
resize: none;
}
.form-control {
height: auto;
padding: 7px 10px !important;
margin-bottom: 20px;
}
.form-control:focus {
box-shadow: none;
border-color: #ff5e14;
}
div#accordion-home-one {
box-shadow: 0px 5px 35px 2px rgba(0, 0, 0, 0.06);
margin: 0 !important;
}
/* 1.13 H1 Call to action */
.call-to-action.pt-75 {
padding-top: 75px;
padding-bottom: 80px;
}
.call-to-action {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
background-attachment: fixed;
background-color: #ddd;
display: inherit !important;
position: relative;
}
.call_to_action_title {
margin-bottom: 15px;
position: relative;
max-width: 850px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
color: #fff;
}
.call_to_action_title h2 {
font-size: 35px;
line-height: 45px;
display: inline-block;
color: #fff;
font-weight: 600;
}
.call_to_action_btn{
font-size: 20px;
line-height: 1;
padding: 15px 25px 12px;
font-weight: 500;
color: #fff;
position: relative;
}
.call_to_action_btn:hover {
background: #fff;
}
.call_to_action_title p {
padding-left: 50px;
padding-right: 50px;
margin-bottom: 25px;
font-weight: 300;
font-size: 17px;
}
.call-to-action-sections.style-two .call_to_action_title {
max-width: 900px;
}
.call-to-action-sections.style-two .call_to_action_video_btn {
margin-bottom: 60px;
}
.call-to-action-sections.style-two .call_to_action_title h2 {
font-size: 40px;
margin-bottom: 15px;
font-weight: 700;
}
.call-to-action-sections.style-two .call_to_action_btns a:hover {
background: #fff;
color:#242424 !important;
}
.call-to-action-sections.style-two.text-left .call_to_action_title {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.call-to-action-sections.style-two.text-left .call_to_action_title p {
padding-left: 0;
padding-right: 0;
}
.call-to-action-sections.style-two.text-right .call_to_action_title {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.call-to-action-sections.style-two.text-right .call_to_action_title p {
padding-left: 0;
padding-right: 0;
}
/* 1.14 H1 blog */
.blog-mata {
margin-bottom: 20px;
}
.blog-mata ul{
margin: 0;
padding: 0;
}
.blog-mata ul li {
margin-right: 15px;
padding-right: 15px;
position: relative;
}
.blog-mata ul li:before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 15px;
background: #919191;
}
.blog-mata i {
margin-right: 8px;
}
.blog-mata ul li a {
color: #061538;
}
.blog-mata ul li a:hover {
color: #ff5e14;
}
.blog-mata ul li:last-child:before {
width: 0;
}
.blog-inner-tag .tags-list a {
color: #061538;
margin-left: 5px;
}
.blog-inner-tag .tags-list a:hover {
color: #ff5e14;
}
.blog-inner-tag .social-media a {
color: #061538;
margin-right: 10px;
}
.blog-inner-tag .social-media a:last-child {
margin-right: 0;
}
.blog-comment-area .comment-title {
color: #061538;
font-size: 24px;
font-weight: 600;
margin-bottom: 35px;
}
.blog-social-media ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
.blog-social-media ul li {
list-style: none;
display: inline-block;
background: #ddd;
width: 30px;
height: 30px;
line-height: 33px;
text-align: center;
border-radius: 50%;
margin-right: 15px;
}
.blog-social-media ul li a {
text-decoration: none;
box-shadow: none;
color: #242424;
}
.blog-social-media ul li a:hover {
text-decoration: none;
box-shadow: none;
color: #ff5e14;
}
.blog-sidebar .tag-group ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-sidebar .tag-group ul li {
list-style: none;
display: inline-block;
overflow: hidden;
}
.blog-sidebar .tag-group ul li a {
padding: 10px 15px 8px;
margin: 1px 3px 0px;
font-size: 16px;
text-transform: none;
background: transparent;
border: 1px solid #e9e9e9;
color: #242424;
display: block;
overflow: hidden;
}
.blog-sidebar .tag-group ul li a:hover {
background: #ff5e14;
color: #fff;
}
.blog-page .card {
border: 0;
transition: 0.5s;
-webkit-box-shadow: 0px 0px 13px -2px #04040440;
box-shadow: 0px 0px 13px -2px #04040440;
}
.blog-page .card:hover {
transform: translateY(-10px);
-webkit-box-shadow: 0px 5px 13px 0px #04040440;
box-shadow: 0px 5px 13px 0px #04040440;
}
/*Blog style Four*/
.blog-style-four-item {
margin-bottom: 30px;
}
.blog-style-four-item .single-blog-thumb {
margin-bottom: 20px;
}
.blog-style-four-item-content .entry-meta ul {
margin: 0;
padding: 0;
}
.blog-style-four-item-content .entry-meta ul li {
list-style: none;
display: inline-block;
margin-right: 15px;
}
.blog-style-four-item-content .entry-meta {
margin-bottom: 10px;
}
.blog-style-four-item-content .entry-meta ul li i.fa {
margin-right: 8px;
color: #f76b2b;
}
.blog-style-four-item-content .entry-meta ul li a {
color: #f76b2b;
font-size: 15px;
}
.blog-style-four-item-content h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.2;
}
.blog-style-four-item-content h3 a {
color: #061538;
text-decoration: none;
box-shadow: none;
outline: none;
}
.blog-style-four-item-content p.entry-content {
margin-bottom: 15px;
}
.blog-style-four-item:hover .single-blog-thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.blog-style-four-item:hover .blog-style-four-item-content h3 a {
color: #f76b2b;
}
.blog-style-four-item:hover .blog-style-four-item-content .entry-meta ul li a {
color: #242424;
}
.blog-style-four-item .entry-meta-footer a {
font-weight: 600;
}
.blog-style-four-item:hover .entry-meta-footer a i.fa{
color:#242424;
}
/*Blog style Five*/
.blog-style-five-item {
margin-bottom: 30px;
box-shadow: 0px 10px 80px 0px rgba(193, 193, 193, 0.41);
background: #fff;
}
.blog-style-five-item .single-blog-thumb {
}
.blog-style-five-item-content {
padding: 30px;
}
.blog-style-five-item-content .entry-meta ul {
margin: 0;
padding: 0;
}
.blog-style-five-item-content .entry-meta ul li {
list-style: none;
display: inline-block;
margin-right: 15px;
}
.blog-style-five-item-content .entry-meta {
margin-bottom: 10px;
}
.blog-style-five-item-content .entry-meta ul li i.fa {
margin-right: 8px;
color: #f76b2b;
}
.blog-style-five-item-content .entry-meta ul li a {
color: #f76b2b;
font-size: 15px;
}
.blog-style-five-item-content h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.2;
}
.blog-style-five-item-content h3 a {
color: #061538;
text-decoration: none;
box-shadow: none;
outline: none;
}
.blog-style-five-item-content p.entry-content {
margin-bottom: 15px;
}
.blog-style-five-item:hover .single-blog-thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.blog-style-five-item:hover .blog-style-five-item-content h3 a {
color: #f76b2b;
}
.blog-style-five-item:hover .blog-style-five-item-content .entry-meta ul li a {
color: #242424;
}
.blog-style-five-item .entry-meta-footer a {
font-weight: 600;
}
.blog-style-five-item:hover .entry-meta-footer a i.fa{
color:#242424;
}
.blog-style-five-item .entry-meta-footer .arrow-style {
display: inline-block;
float: right;
}
/* 1.15 H1 Sponsor */
.client-logo-tablecell {
vertical-align: middle;
display: table-cell;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.client-logo-table {
display: table;
height: 150px;
width: 100%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.client-logo-table .client-logo-tablecell img{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.client-logo-table:hover .client-logo-tablecell img{
transform: scale(1.2);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#client-carousel-items .owl-nav div{
position: absolute;
left: 0;
top: 50%;
font-size: 30px;
line-height: 50px;
margin-top: -25px;
opacity: .6;
}
#client-carousel-items .owl-nav div.owl-next{
left: auto;
right: 0;
}
#client-carousel-items .owl-dots .owl-dot {
background: #9f9ba0;
display: inline-block;
height: 8px;
margin-right: 8px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 15px;
border-radius: 5px;
}
#client-carousel-items .owl-dots{
text-align: center;
margin-bottom: 30px;
}
#client-carousel-items .owl-dots .owl-dot.active {
width: 30px;
background-color: #ff5e14;
}
.client-carousel-area .owl-next {
position: absolute;
top: 50%;
right: 0;
text-align: center;
font-size: 30px;
font-weight: 700;
margin-top: -20px;
}
.client-carousel-area .owl-prev i.fa,
.client-carousel-area .owl-next i.fa {
color: #ff5e14;
}
.client-carousel-area .owl-prev{
position: absolute;
top: 50%;
left: 0px;
text-align: center;
font-size: 30px;
font-weight: 700;
margin-top: -20px;
}
/* 1.16 H1 Subscription */
.subscription {
padding: 35px 0;
background-color: #0b0b0b;
}
.subscription .btn {
border-radius: 0px;
}
.subscription-form input {
width: 215px !important;
padding: 10px 23px !important;
border-radius: 0px !important;
border: none !important;
margin-right: 18px !important;
}
.subscription .from-element {
padding-right: 20px !important;
}
.subscription .form-control:focus {
outline: none;
box-shadow: none;
border-color: #ced4da;
}
.subscription .btn {
line-height: 1;
font-size: 16px;
font-weight: 601;
border-radius: 0px;
padding: 16px 51px 12px;
text-transform: uppercase;
}
.sidebar-widget .footer-newsletter h5.footer-nav-title.text-light {
color: #061538 !important;
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}
.sidebar-widget .footer-newsletter .subscription-form input {
width: 100% !important;
height: 44px;
margin-bottom: 15px;
display: inline-block;
padding: 5px 10px !important;
border: 1px solid #ddd !important;
}
.sidebar-widget .footer-newsletter .subscription-form button.btn.btn-primary {
float: left;
}
/* 1.17 H1 Footer */
.footer {
background-color: #0b0b0b;
padding: 28px 0px 60px;
border-top: 1px solid #292929;
}
.footer-widget {
margin-top: 30px;
}
.footer .footer-nav-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 16px;
}
.footer ul.menu li a {
padding-left: 25px;
}
.footer ul.menu li a {
border-left: 2px solid #2b2a2a;
}
.footer-2 .footer ul.menu li {
border: none;
}
.footer ul.menu li a {
color: #a5a5a5;
position: relative;
padding-left: 12px;
font-size:15px;
padding-bottom: 0;
text-decoration: none;
outline: none;
box-shadow: none;
margin-left: 24px;
transition: all .3s linear;
}
.footer-2 .footer ul.menu li a {
margin-left: 20px;
border-left: 0;
}
.footer-2 .block.footer-newsletter p{
color: #a5a5a5 !important;
font-size: 16px;
}
.footer ul.menu li a:hover {
color: #ff5e14;
}
.footer ul.menu li a:hover:before {
background: #ff5e14;
}
.footer ul.menu li a:before {
content: "";
position: absolute;
top: 50%;
left: -25px;
height: 1px;
width: 25px;
background: #6f6c6c;
transform: translateY(-50%);
}
.footer .footer-block {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #242424;
}
.footer .footer-block:last-child {
margin: 0;
padding: 0;
border: 0;
}
.footer .footer-block a:hover .footer-blog-title {
color: #ff5e14;
}
footer.footer .footer-blog-title a {
font-size: 15px;
color: #a5a5a5;
transition: all .3s linear;
}
footer.footer .footer-blog-title a:hover{
color: #ff5e14;
}
footer.footer .wd-single-popular-post-details h6.footer-blog-date a {
transition: all .3s linear;
}
footer.footer .wd-single-popular-post-details:hover h6.footer-blog-date a {
color: #a5a5a5 !important;
}
.footer .footer-block p {
color: #c4c4c4;
}
.footer .footer-block .footer-blog-date {
font-size: 14px;
margin-bottom: 5px !important;
}
.footer .footer-block .footer-blog-title {
font-size: 16px;
line-height: 20px;
transition: 0.5s;
}
.bind_footer {
background: url("../img/bind_footer_bg.jpg") no-repeat;
background-color: #0b0b0b;
}
.bind_footer .footer {
border-color: transparent;
background: transparent;
padding: 99px 0 99px;
}
.bind_footer .footer .subscription-form input {
width: 100% !important;
}
.bind_footer .footer .footer-nav-title {
margin-bottom: 33px;
}
.bind_footer .footer .footer-logo {
margin-bottom: 25px;
}
.bind_footer .footer .footer-nav-list li {
border-color: transparent;
margin-bottom: 10px;
}
.bind_footer .subscription-form input {
width: 100%;
background: transparent;
border: 1px solid #484848;
height: auto;
padding: 5px 10px;
font-size: 16px;
color: #fff;
border-radius: 0;
}
.bind_footer .btn-primary {
width: 100%;
padding: 8px;
padding-top: 12px;
}
.bind_footer .address_info {
margin-bottom: 60px;
}
.bind_footer .address_info span {
font-weight: 500;
font-size: 18px;
}
.bind_footer .address_info p {
color: #c4c4c4;
margin-bottom: 0;
}
.bind_footer .address_info .footer-address {
margin-bottom: 12px;
}
.bind_footer .address_info .footer-open {
margin-top: 7px;
}
.bind_footer .social-media {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #3a3a3a;
}
.bind_footer .social-media a {
float: left;
margin-right: 15px;
height: 35px;
width: 35px;
text-align: center;
line-height: 35px;
font-size: 16px;
border: 1px solid #fff;
border-radius: 50%;
}
.bind_footer .social-media a:hover{
color: #ff5e14;
}
.bind_footer .social-media i {
display: inline-block;
font-size: 15px;
}
.block.footer-newsletter p {
margin-bottom: 1rem;
}
.bind_footer.footer-2 .subscription-form input {
margin-right: 0;
margin-bottom: 1rem;
}
.media.footer-block img {
margin-right: 15px;
}
/* 1.18 H1 Copyright */
.copyright {
background: #141414;
padding: 20px 0;
}
.copyright-content p {
color: #fff;
margin: 0;
}
.copyright .company-name {
font-weight: 600;
}
.copyright .company-name:hover {
color: #848484;
}
.copyright-social-icon {
float: right;
}
.copyright-social-icon ul {
margin: 0;
padding: 0;
}
.copyright-social-icon ul li {
list-style: none;
display: inline-block;
}
.copyright-social-icon ul li a{
display: inline-block;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height: 35px;
width: 35px;
text-align: center;
border: 1px solid #fff;
line-height: 35px;
display: block;
border-radius: 50px;
color: #fff;
margin-right: 5px;
}
.copyright-social-icon ul li a:hover {
background: #ff5e14;
border-color: #ff5e14;
color: #fff;
}
/*****************************
* 2. Home Two
*******************************/
/* 2.1 H2 header top */
.h2-header-top-area{
line-height: 0;
background: #fff;
padding: 15px 0px;
}
.logo-for-responsive-only {
display: none;
}
.h2-navigation-area.navbar-fixed-top a.get_quote:hover {
background: #fff;
color: #ff5e14 !important;
text-decoration: none;
box-shadow: none;
outline: none;
border: 1px solid #fff;
}
/* 2.2 H2 Header Bottom */
#header-bottom {
background-color: #0b0b0b;
padding: 20px 0px 20px;
font-weight: 300;
color: #ffffff;
}
#header-bottom a {
color: #ffffff;
}
#header-bottom a:hover {
color: #ff5e14 !important;
}
#header-bottom i {
color: #ff5e14;
margin-right: 10px;
font-size: 15px;
}
#header-bottom .h2-header-contact-thumb i.fa {
font-size: 23px;
}
#header-bottom strong {
font-weight: 600;
}
#header-bottom .block {
font-size: 15px;
}
#header-bottom .block:last-child {
border: 0;
margin: 0;
padding-right: 0;
}
#header-bottom .social-media {
padding: 10px 0;
}
#header-bottom .social-media a {
margin-right: 20px;
}
#header-bottom .social-media a:hover i {
color: red;
transition: 0.5s;
}
#header-bottom .social-media a:hover .fa-facebook {
color: #3b5998;
}
#header-bottom .social-media a:hover .fa-twitter {
color: #1da1f2;
}
#header-bottom .social-media a:hover .fa-skype {
color: #00aff0;
}
#header-bottom .social-media a:hover .fa-vine {
color: #00b488;
}
#header-bottom .social-media a:last-child {
margin-right: 0;
}
#header-bottom .social-media a i {
margin: 0;
color: #fff;
}
.h2-navigation-area .main-nav-area {
display: inline-block;
float: left;
}
.site-description {
font-size: 13px;
}
.h3-navigation-area .site-description,
.h2-navigation-area .site-description {
color: #ffffff;
}
/* 2.3 H2 header contact */
.h2-logo-area {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-contact{
text-align: right;
}
.h2-header-contact-info {
margin-right: 25px;
padding-right: 25px;
border-right: 1px solid;
border-color: #464646;
position: relative;
display: inline-flex;
align-items:center;
text-align: left;
}
.h2-header-contact-info:last-child {
border: 0;
margin: 0;
padding-right: 0;
}
.h2-header-contact-thumb {
width: 25px;
height: 35px;
float: left;
margin-right: 10px;
}
.h2-header-contact {
float: right;
display: block;
overflow: hidden;
}
/* 2.4 H2 navigation area */
.h2-navigation-area {
background: #ffffff10;
position: absolute;
z-index: 10;
width: 100%;
}
.header-style-two {
border-right: none;
}
.h2-navigation-area .logo {
display: inline-block;
overflow: hidden;
padding-top: 20px;
}
.h2-navigation-area .nav-serch-area {
padding-left: 0;
float: right;
}
.h2-navigation-area .main-menu ul li a {
padding: 0;
padding-left: 0;
padding-right: 31px;
padding-top: 31px;
padding-bottom: 31px;
color: #fff;
}
.h2-navigation-area .main-menu ul li:hover a:before {
opacity: 1;
left: 35%;
}
.h2-navigation-area.navbar-fixed-top .main-menu-two{
float: right;
}
.h2-navigation-area.navbar-fixed-top .logo-for-responsive-only{
display: inline-block;
padding-top: 15px;
}
/* 2.5 H2 Featured */
.h2-featured {
margin-top: -123px;
}
.h2-single-featured{
position: relative;
z-index: 1;
}
.h2-single-featured .card-title {
font-size: 24px;
color: #061538;
transition: 0.5s;
font-weight: 600;
margin: 0;
padding: 0;
}
.h2-single-featured .card-text {
color: #242424;
}
.h2-single-featured svg {
transition: 0.5s;
fill: #ff5e14;
}
.h2-single-featured .card {
border-color: #c7c7c7;
transition: 0.5s;
}
.h2-single-featured .card:hover {
-webkit-box-shadow: 0px 9px 8px -2px rgba(0, 0, 0, 0.16);
box-shadow: 0px 9px 8px -2px rgba(0, 0, 0, 0.16);
}
.h2-single-featured .card:hover .card-title {
color: #ff5e14;
}
.h2-single-featured .card:hover svg {
fill: #061538;
}
.h2-single-featured .card-body {
padding: 35px 33px 35px;
}
.featured_svg i:before {
font-size: 45px;
color: #ff5e14;
line-height: 50px;
}
.h2-single-featured .card:hover .featured_svg i:before {
color: #061538;
transition: 0.5s;
}
/* 2.6 H2 Market */
.h2-market-section {
padding: 98px 0px 68px;
}
.market-item2-icons {
display: inline-block;
overflow: hidden;
float: left;
border: 1px solid #ddd;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
border-radius: 5px;
margin-right: 10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.market-single-items .market-item2-icons i {
color: #061538;
}
.market-item2-content {
display: block;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.market-single-items:hover .market-item2-icons {
background: #f76b2b;
border: 1px solid #f76b2b;
}
.market-single-items:hover .market-item2-icons i {
color: #fff;
}
/* 2.7 H2 Company */
.h2-company-area {
background: no-repeat #f9f9f9;
background-position: left !important;
background-size: auto 100%;
}
.company-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
color: #061538;
}
.company-featured {
margin-top: 25px;
}
.sub-title {
font-size: 20px;
font-weight: 600;
color: #061538;
}
.media {
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 2px dashed #ececec;
}
.media:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.wd-single-popular-post {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.wd-single-popular-post img {
margin-right: 15px;
}
.company-icon {
width: 68px;
height: 68px;
border: 1px solid #ddd;
border-radius: 4px;
margin-right: 25px;
display: block;
overflow: hidden;
text-align: center;
line-height: 80px;
}
.company-icon i:before {
text-align: center;
font-size: 35px;
line-height: 40px;
color: #ff5e14;
}
/* 2.8 H2 Request */
.h2-request {
padding: 95px 0px 0px;
}
.request-form {
padding: 15px 20px 0px 15px;
border: 5px solid #f6f6f6;
}
.request-form .form-control {
font-size: 16px;
border-color: #e9e9e9;
}
.request-form .form-control:focus {
border-color: #e9e9e9;
box-shadow: none;
}
.h2-request .request-form {
margin-bottom: 100px;
}
.h2-request .request-form .form-control {
font-size: 16px;
margin-bottom: 0;
}
.h2-request .request-form input {
height: 50px;
}
.h2-request .contact-feedback-block input {
height: auto;
}
/* 2.9 H2 Testimonials */
.h2-testimonials {
background: no-repeat;
background-size: cover;
background-position: center;
}
.h2-testimonial-area .section-title-two .main-title{
color: #fff;
}
#h2-testimonial-items .owl-item {
padding-top: 30px;
}
#h2-testimonial-items .item {
border: 1px solid #3d485f;
border-radius: 5px;
margin-bottom: 1px;
}
#h2-testimonial-items .item-content {
transform: translateY(-31px);
}
#h2-testimonial-items .testimonial-author-img {
width: 65px;
height: 65px;
margin: 0 auto;
}
#h2-testimonial-items .testimonial-reating {
margin-bottom: 5px;
}
#h2-testimonial-items .testimonial-content {
padding: 0px 33px 0px;
}
#h2-testimonial-items .testimonial-author-name {
font-weight: 400;
font-size: 25px;
margin-top: 27px;
display: block;
overflow: hidden;
}
#h2-testimonial-items .quotation {
margin-top: 16px;
}
#h2-testimonial-items .quotation i.fa.fa-quote-left {
font-size: 30px;
color: #ff5e14;
}
#h2-testimonial-items .owl-nav div {
position: absolute;
z-index: 1;
left: 0px;
top: 50%;
margin-top: 0px;
text-align: center;
font-size: 30px;
opacity: 0;
visibility: hidden;
transition: .3s;
}
#h2-testimonial-items .owl-nav div:after {
background: #fff;
position: absolute;
top: 0;
left: 0;
content: "";
z-index: -1;
}
#h2-testimonial-items .owl-nav div.owl-next {
left: auto;
right: 0px;
}
#h2-testimonial-items:hover .owl-nav div {
opacity: 1;
visibility: visible;
transition: 0.5s;
}
#h2-testimonial-items:hover .owl-nav div i {
color: #fff;
}
#h2-testimonial-items .owl-dots{
bottom: -66px;
left: 0;
position: absolute;
width: 100%;
text-align: center;
}
#h2-testimonial-items .owl-dots div {
background: #9f9ba0;
display: inline-block;
height: 8px;
margin-right: 8px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 15px;
border-radius: 5px;
text-align: center;
}
#h2-testimonial-items .owl-dots .owl-dot.active {
width: 30px;
background-color: #ff5e14;
}
/* 2.10 H2 Letest Project */
.h2-latest-project{
padding: 95px 0px 70px;
}
.h2-single-projects-item{
padding: 0;
border: 0;
-webkit-box-shadow: 0px 10px 30px 0px rgba(205, 205, 205, 0.33);
box-shadow: 0px 10px 30px 0px rgba(205, 205, 205, 0.33);
}
.h2-single-projects-thumbnail {
overflow: hidden;
}
.h2-single-projects-thumbnail a {
position: relative;
display: block;
}
.h2-single-projects-thumbnail a::before {
position: absolute;
background: #061538;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0;
transition: all 0.3s linear;
visibility: hidden;
z-index: 9;
}
.h2-single-projects-thumbnail a span {
position: absolute;
top: 50%;
text-align: center;
right: 0;
left: 0;
font-size: 30px;
color: #ff5e14;
z-index: 999;
opacity: 0;
transition: all 0.3s linear;
}
.h2-single-projects-item:hover .h2-single-projects-thumbnail a::before {
visibility: visible;
opacity: .8;
}
.h2-single-projects-item:hover span {
opacity: 1;
transform: translateY(-50%);
z-index: 9;
}
.h2-single-projects-content {
padding: 20px;
}
.h2-single-projects-content .h2-single-projects-title a {
color: #061538;
font-size: 24px;
font-weight: 600;
display: inline-block;
}
.h2-single-projects-item:hover .h2-single-projects-title a{
color: #ff5e14;
}
.h2-single-projects-meta p {
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 500;
}
/* 2.11 H2 Accordion */
.h2-accordion {
box-shadow: none;
}
.h2-accordion .card {
border: 0;
border-bottom: 1px solid #eeeeee;
}
.h2-accordion .card:last-child {
border: 0;
}
.h2-accordion .card:hover .accordion-icon {
background: #ff5e14;
color: #ffffff;
}
.h2-accordion .collapsed .accordion-icon {
background: #eeeeee;
color: #061538;
}
.h2-accordion .btn {
padding: 7px 20px 0;
white-space: unset;
background: #ffffff;
border-color: #ffffff;
}
.h2-accordion .btn-link:hover, .h2-accordion .btn-link:active, .h2-accordion .btn-link:focus {
text-decoration: none;
}
.h2-accordion .card-header {
border-bottom: 0;
box-shadow: none;
}
.h2-accordion .accordion-icon {
width: 33px;
height: 33px;
background: #ff5e14;
color: #fff;
float: left;
transition: 0.5s;
}
.h2-accordion .accordion-title {
font-size: 18px;
text-transform: none;
line-height: 1;
font-weight: 600;
color: #061538;
padding: 15px 0;
}
.h2-accordion .card-body {
padding-left: 70px;
padding-right: 50px;
padding-top: 0;
}
/* 2.12 H2 Question features */
.h2-questions {
background: #f4f4f4;
display: block;
overflow: hidden;
}
.question-block-left {
background: #fff;
padding: 97px 0 91px;
}
.h2-block-right {
padding-top: 130px;
}
.h2-single-featured-box {
}
.features-item-border:nth-last-child(n+3) {
border-bottom: 1px solid #e9e9e9;
margin-bottom: 35px;
padding-bottom: 35px;
}
.h2-single-featured-box .featured-item-title{
font-size: 24px;
font-weight: 600;
color: #061538;
}
.h2-single-featured-box .process_count {
font-size: 60px;
font-weight: 600;
margin-bottom: 0px;
line-height: 1;
}
.h2-single-featured-box .featured-content{
}
/* 2.13 h2 Blog */
div#blog-list-2 {
padding: 10px 0px;
margin-left: -15px;
margin-right: -15px;
width: -webkit-calc(100% + 30px);
width: -moz-calc(100% + 30px);
width: calc(100% + 30px);
}
.h2-blog {
padding: 96px 0 70px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.h2-single-blog-wrapper{
padding-left: 15px;
padding-right: 15px;
}
.h2-blog-single-item .blog-img {
position: relative;
}
.h2-blog-single-item .blog-img .overlay-btn {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 10;
}
.h2-blog-single-item:hover .blog-img .overlay-btn a{
background: #ff5e14;
color: #fff;
border-color: #ff5e14;
}
.h2-blog-single-item {
margin-bottom: 30px;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.h2-blog-single-item .card-body{
padding: 30px 30px 0px;
}
.h2-blog-single-item:hover{
-webkit-box-shadow: 0px 6px 18px #3738362b;
box-shadow: 0px 6px 18px #3738362b;
}
.h2-blog-single-item .blog-img .overlay-btn a {
background: #fff;
border-color: #fff;
color: #061538;
position: relative;
}
.h2-blog-single-item .blog-img .overlay-btn .btn {
padding: 12px 25px 10px;
text-transform: capitalize;
}
.h2-blog-single-item .entry-title {
font-size: 24px;
line-height: 30px;
color: #061538;
margin-bottom: 10px;
display: block;
overflow: hidden;
font-weight: 700;
}
.h2-blog-single-item:hover a.entry-title {
color: #ff5e14;
}
.h2-blog-single-item .entry-meta{
margin-bottom: 15px;
line-height: 15px;
}
.h2-blog-single-item .entry-meta .author {
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #c8c8c8;
float: left;
}
.h2-blog-single-item .entry-meta a {
color: #242424;
font-size: 16px;
font-weight: 500;
text-decoration: none;
outline: none;
box-shadow: none;
}
.h2-blog-single-item .article-content .entry-meta a:hover {
color: #ff5e14;
}
.h2-blog-single-item .entry-meta-footer {
padding: 19px 0px 18px;
display: block;
border-top: 1px solid #ededed;
overflow: hidden;
}
.h2-blog-single-item .entry-meta-footer a{
color: #242424;
font-size: 16px;
font-weight: 500;
text-decoration: none;
outline: none;
box-shadow: none;
float: right;
}
.h2-blog-single-item .entry-meta-footer a.read-more{
float: left;
width: 50%;
}
.h2-blog-single-item .entry-meta-footer a:hover{
color: #ff5e14;
}
.h2-blog-single-item .entry-meta-footer a i.fa.fa-angle-right {
margin-left: -15px;
visibility: hidden;
transition: 0.6s;
opacity: 0;
}
.h2-blog-single-item .entry-meta-footer a:hover i.fa.fa-angle-right {
visibility: visible;
margin-left: 0px;
opacity: 1;
}
.h2-blog-single-item .entry-meta-footer a:hover {
color: #ff5e14;
}
.h2-blog-single-item .article-content p.entry-content,
.single-blog .content .entry-content {
margin-bottom: 1rem;
}
.page .entry-content {
margin-bottom: 0;
}
.page .no-padding.comment-area-page {
margin-bottom: 7px !important;
display: block;
overflow: hidden;
}
#blog-list-2 .owl-prev {
position: absolute;
top: 50%;
left: -130px;
background: #fff;
border: 1px solid #ddd;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
font-size: 30px;
font-weight: 700;
margin-top: -50px;
}
#blog-list-2 .owl-next {
position: absolute;
top: 50%;
right: -130px;
background: #fff;
border: 1px solid #ddd;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
font-size: 30px;
font-weight: 700;
margin-top: -50px;
}
#blog-list-2 .owl-prev:hover,
#blog-list-2 .owl-next:hover{
background: #ff5e14;
color: #fff;
}
.block.blog-details .has-post-thumbnail img {
margin-bottom: 1.5rem!important;
}
.block.blog-details .blog-title {
font-weight: 700;
font-size: 30px;
color: #061538;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-top: 0;
}
#blog-list-2 .owl-dots{
bottom: -30px;
left: 0;
position: absolute;
width: 100%;
text-align: center;
}
#blog-list-2 .owl-dots div {
background: #9f9ba0;
display: inline-block;
height: 8px;
margin-right: 8px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 15px;
border-radius: 5px;
text-align: center;
}
#blog-list-2 .owl-dots .owl-dot.active {
width: 30px;
background-color: #ff5e14;
}
/******************************
* 3. Home Three
*******************************/
/* 3.1 H3 header top */
.h3-header-top-area{
background: #061538;
padding: 15px 0px;
padding-bottom: 15px;
}
.h3-header-top-area .h1-single-top-block {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0;
margin-right: 0;
margin-left: 25px;
padding-left: 25px;
border-left: 1px solid #c7c5c5;
}
.h3-header-top-area .h1-single-top-block:first-child {
border-left: 0;
margin-left: 0px;
padding-left: 0px;
}
/* 3.2 H3 Mavigation */
.h3-navigation-area {
position: absolute;
}
.h3-nav-container {
background: transparent;
position: absolute !important;
z-index: 10;
width: 100%;
margin: 0;
padding: 0;
}
.h3-nav-container .nav-link {
color: #fff !important;
}
.h3-nav-container .header-search,
.h3-nav-container .header-cart {
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #c8c8c8;
padding-left: 15px;
}
.h3-navigation-area {
background: transparent;
position: absolute;
z-index: 10;
width: 100%;
}
.h3-navigation-area .nav-serch-area {
padding-left: 100px;
padding-top: 23px;
float: right;
}
.h3-navigation-area .nav-serch-area .header-search,
.h3-navigation-area .nav-serch-area .header-cart {
margin-right: 0;
padding-right: 0;
border-left: 1px solid #c8c8c8;
padding-left: 15px;
border-right: none;
}
.h3-navigation-area .nav-serch-area .header-search {
margin-left: 15px;
}
.h3-navigation-area .nav-serch-area .header-cart {
border-left: none;
}
.h3-navigation-area .nav-serch-area .header-cart span.cart-badge {
right: -5px;
color: #ff5e14;
}
.h3-navigation-area .main-menu ul li a{
color: #fff;
}
.second-home-search .nav-serch-area {
display: none;
}
/* 3.3 H3 featured */
.h3-featured {
padding: 95px 0px 99px;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.h3-single-featured{
margin-bottom: 30px;
}
.h3-single-featured-thumb {
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.h3-single-featured-thumb:hover img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.h3-single-featured-thumb::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: #000;
opacity: .5;
z-index: 1;
transition: .3s;
}
.h3-single-featured-thumb:hover .h3-single-featured-details {
bottom: 50px;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.h3-single-featured-thumb:hover::before {
opacity: 0.7;
}
.h3-single-featured-overlay {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
color: #fff;
}
.h3-single-featured-title{
font-size: 24px;
font-weight: 500;
}
.h3-single-featured-details {
position: absolute;
bottom: 30px;
padding: 0px 30px 0px 30px;
left: 0;
color: #fff;
z-index: 1;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.h3-single-featured-thumb img {
width: 100%;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
/* 3.4 H3 Inspiring */
.h3-inspiring {
padding: 95px 0px 86px;
background: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
.h3-inspiring:before {
opacity: 0.8;
}
.breadcrumb-overlay,
.bg-black-overlay {
position: relative;
}
.breadcrumb-overlay:before,
.call-to-action:before,
.bg-black-overlay:before {
background: #061538 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
display: inherit !important;
}
.bg-black-overlay-footer{
position: relative;
}
.bg-black-overlay-footer:before {
background: #0b0b0b none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
display: inherit !important;
}
.bg-black-overlay-two{
position: relative;
}
.bg-black-overlay-two:before {
background: #0b0b0b none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
display: inherit !important;
}
.bg-black-overlay-three {
position: relative;
}
.bg-black-overlay-three:before {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
display: inherit !important;
}
/* 3.5 H3 Market Style */
.h3-market-section {
padding: 95px 0px 75px;
}
.market-style-3:hover .categories {
margin: 20px 20px !important;
}
.market-style-3 i.fa-link:before {
font-size: 30px !important;
}
.market-style-3 .categories {
margin: 10px 15px !important;
}
.market-style-3 .shape-style-2 {
background: #ff5e14 none repeat scroll 0 0;
border-radius: 0 80px 0 0;
bottom: 0;
height: 90px;
left: 0;
opacity: 1;
position: absolute;
width: 90px;
}
.market-style-3 .categories {
position: absolute;
top: inherit !important;
right: inherit !important;
bottom: 5px;
left: 5px;
margin: 8px;
transition: 0.5s;
}
/* 3.6 H3 Latest Project */
.h3-latest-project {
background: #0b0b0b;
padding: 96px 0px 70px;
}
.h3-mixitup-menus {
text-align: center;
margin-bottom: 25px;
background-color: transparent;
}
.h3-mixitup-menus button {
margin: 5px;
padding: 16px 30px 14px;
color: #ffffff;
border: 1px solid #484848;
background: transparent;
text-transform: capitalize;
}
.h3-mixitup-menus button:hover {
background: #ff5e14;
}
.h3-mixitup-menus button:before {
content: initial;
height: 0;
}
.h3-mixitup-menus .btn.active {
background: #ff5e14;
border-color: transparent;
}
.h3-mixitup-menus button:focus {
box-shadow: none !important;
}
.h3-mixitup-menus .btn {
text-transform: none !important;
}
.h3-mixitup-menus .btn:active {
background-color: #ff5e14 !important;
border-color: transparent !important;
}
.pagination_waper {
margin-bottom: 30px;
}
.pagination_waper li.page-item .page-link {
color: #343a40;
border-radius: 0;
line-height: 45px;
border: 1px solid #dee2e6;
}
.pagination_waper .page-item.active .page-link {
z-index: 1;
color: #fff;
border-radius: 0;
border-color: #ff5e14;
background-color: #ff5e14;
}
.no-gutter {
margin: 0;
padding: 0;
}
/* 3.7 H3 Team Management */
.team-item {
margin-bottom: 30px;
transition: 0.5s;
}
.team-single-item{
background: #fff;
position: relative;
transition: 0.5s;
}
.team-single-item:hover{
-webkit-box-shadow: 0px 1px 25px #3738362b;
box-shadow: 0px 1px 25px #3738362b;
transition: 0.5s;
}
.team-item-thumbnail-area {
position: relative;
overflow: hidden;
transition: 0.5s;
}
.team-single-item:hover .team-item-thumbnail-area::before {
opacity: 0.6;
transition: 0.5s;
}
.team-single-item .team-item-thumbnail-area::before {
background: #061538 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: 0.5s;
}
.team-single-item .team-single-social {
position: absolute;
bottom: 0;
left: 10px;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: 0.5s;
left: 20px;
}
.team-single-item .team-single-social a {
color: #ffffff;
border: 1px solid #ddd;
display: inline-block;
overflow: hidden;
float: left;
line-height: 30px;
font-size: 15px;
width: 30px;
margin-right: 10px;
border-radius: 50%;
height: 30px;
text-align: center;
}
.team-single-item .team-single-social a:hover {
background: #fff;
color: #061538;
border: 1px solid #fff;
}
.team-single-item:hover .team-single-social {
bottom: 15px;
visibility: visible;
opacity: 1;
}
.team-single-item .team-item-content{
padding:20px;
}
.team-single-item .team-item-content h5 {
font-size: 22px;
font-weight: 600;
color: #061538;
}
.team-single-item .team-item-content p {
margin-bottom: 0;
}
/* 3.8 H3 Testimonials */
.h3-testimonial {
padding: 95px 0px 92px;
background: #f4f4f4;
}
#h3-testimonial-items .testimonial-author-img {
width: 50px;
height: 50px;
margin: 0 auto;
}
.testimonial-author-img img {
height: auto;
}
#h3-testimonial-items .testimonial-content {
background: #fff;
text-align: center;
padding: 30px;
position: relative;
}
#h3-testimonial-items .testimonial-content p {
margin-bottom: 0;
}
#h3-testimonial-items .testimonial-content:before {
content: '';
position: absolute;
bottom: -40px;
left: 50%;
background: url("../img/arow.png") no-repeat;
background-position: center;
background-size: cover;
height: 40px;
width: 66px;
transform: translateX(-50%);
}
#h3-testimonial-items .testimonial-author-name {
font-weight: 500;
font-size: 20px;
}
#h3-testimonial-items .testimonial-author-subtitle {
font-size: 16px;
}
#h3-testimonial-items .owl-dots {
text-align: center;
margin-top: 40px;
display: block;
overflow: hidden;
}
#h3-testimonial-items .owl-dots .owl-dot {
width: 10px;
height: 10px;
border: 1px solid #4b566f;
border-radius: 100%;
margin: 0 5px;
display: inline-block;
overflow: hidden;
}
#h3-testimonial-items .owl-dots .active {
background: #ff5e14;
border-color: #ff5e14;
}
#h3-testimonial-items .owl-nav div {
position: absolute;
z-index: 1;
left: 0px;
top: 50%;
margin-top: 0px;
text-align: center;
font-size: 30px;
opacity: 0;
visibility: hidden;
transition: .3s;
}
#h3-testimonial-items .owl-nav div:after {
background: #fff;
position: absolute;
top: 0;
left: 0;
content: "";
z-index: -1;
}
#h3-testimonial-items .owl-nav div.owl-next {
left: auto;
right: 0px;
}
#h3-testimonial-items:hover .owl-nav div {
opacity: 1;
visibility: visible;
transition: 0.5s;
}
#h3-testimonial-items:hover .owl-nav div i {
color: #ff5e14;
}
.section-space {
padding: 95px 0px 78px;
}
.section-space-70 {
padding: 100px 0px 70px;
}
.section-space-100 {
padding: 100px 0px 100px;
}
/* 10. Blog Sidebar */
.sidebar-widget {
margin-bottom: 3rem;
}
.sidebar .sidebar-widget:last-child {
margin-bottom: 20px;
}
.sidebar-widget a {
color: inherit;
transition: all .3s ease;
}
.sidebar-widget a:hover {
color: #ff5e14;
}
.bread_crumb i {
color: #242424;
padding-left:5px;
padding-right:5px;
}
.sidebar-widget.dustrial_rp_widget .footer-blog-title {
color: #242424;
padding-top: 0;
font-weight: 600;
line-height: 22px;
margin-bottom: 0;
}
.h1-blog {
position: relative;
padding: 96px 0px 70px;
}
.sidebar-recent-blog-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
color: #061538;
}
.recent-blog .recent-block {
margin-bottom: 20px;
}
.recent-blog .recent-block:last-child {
margin-bottom: 0;
}
.recent-blog .recent-blog-title,
.recent-blog .recent-blog-date {
font-size: 15px;
}
.recent-blog .recent-blog-title {
font-weight: 500;
color: #242424;
}
.recent-blog .recent-blog-date {
font-weight: 600;
}
.categories ul{
margin: 0;
padding: 0;
}
.categories li {
margin-bottom: 10px;
}
.categories li:hover a {
color: #ff5e14;
}
.categories a {
color: #242424;
font-size: 16px;
font-weight: 500;
}
div#blog-list {
padding: 10px 0px;
margin-left: -15px;
margin-right: -15px;
width: -webkit-calc(100% + 30px);
width: -moz-calc(100% + 30px);
width: calc(100% + 30px);
}
.single-blog-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.single-blog {
transition: 0.6s;
margin-bottom: 30px;
word-break: break-word;
border: 1px solid #ededed;
}
.single-blog:hover {
border: 1px solid #ddd;
}
.single-blog-thumb {
position: relative;
}
.single-blog-thumb a {
display: block;
position: relative;
overflow: hidden;
z-index: 1;
}
.single-blog-thumb a img {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
max-width: 100%;
}
.single-blog-thumb a:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #0b0b0b;
opacity: 0;
-webkit-transition: opacity 350ms linear;
transition: opacity 350ms linear;
z-index: 1;
}
.single-blog:hover .single-blog-thumb a:before {
opacity: 0.7;
}
.single-blog:hover .single-blog-thumb a img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.single-blog {
overflow: hidden;
width: 100%;
}
.single-blog span.icon {
position: absolute;
top: 50%;
text-align: center;
right: 0;
left: 0;
margin-top: -13px;
opacity: 0;
transition: all 0.3s linear;
color: #ff5e14;
z-index: 1;
font-size: 30px;
}
.single-blog:hover span.icon {
opacity: 1;
transition: all 0.3s linear;
}
.single-blog .content {
padding: 25px 25px 5px;
display: block;
overflow: hidden;
}
.single-blog .entry-meta .author {
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #c8c8c8;
float: left;
}
.single-blog .entry-meta a {
color: #242424;
font-size: 16px;
text-decoration: none;
outline: none;
box-shadow: none;
}
.single-blog .entry-title {
font-size: 22px;
line-height: 30px;
color: #061538;
font-weight: 600;
margin-bottom: 10px;
display: block;
overflow: hidden;
text-decoration: none;
outline: none;
box-shadow: none;
transition: .3s;
}
.single-blog .content .entry-meta {
margin-bottom: 15px;
line-height: 15px;
}
.single-blog .entry-meta-footer {
padding: 14px 25px 12px;
display: block;
border-top: 1px solid #ededed;
overflow: hidden;
}
.single-blog .entry-meta-footer a {
color: #242424;
font-size: 16px;
font-weight: 500;
text-decoration: none;
outline: none;
box-shadow: none;
float: right;
overflow: hidden;
}
.single-blog:hover .entry-title{
color: #ff5e14;
}
.single-blog .entry-meta-footer a:hover {
color: #ff5e14;
}
.single-blog .content .entry-meta a:hover {
color: #ff5e14;
}
.single-blog .entry-meta-footer a i.fa.fa-angle-right {
margin-left: -15px;
visibility: hidden;
transition: 0.6s;
opacity: 0;
}
.single-blog .entry-meta-footer a:hover i.fa.fa-angle-right {
visibility: visible;
margin-left: 0px;
opacity: 1;
}
.single-blog .entry-meta-footer .read-more {
font-weight: 500;
float: left;
width: 50%;
}
#blog-list .owl-nav {
text-align: right;
position: absolute;
top: -95px;
right: 0;
margin-right: 15px;
}
#blog-list .owl-nav .owl-prev {
display: inline-block;
margin-right: 10px;
}
#blog-list .owl-nav .owl-next {
display: inline-block;
}
#blog-list .owl-nav i {
width: 35px;
height: 35px;
color: #131313;
line-height: 30px;
border: 1px solid #ddd;
text-align: center;
font-weight: 700
}
#blog-list .owl-nav i:hover {
color: #fff;
background-color: #ff5e14;
}
#blog-list .owl-dots{
display: block;
overflow: hidden;
text-align: center;
}
#blog-list .owl-dots div {
background: #9f9ba0;
display: inline-block;
height: 8px;
margin-right: 8px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 15px;
border-radius: 5px;
text-align: center;
}
#blog-list .owl-dots .owl-dot.active {
width: 30px;
background-color: #ff5e14;
}
/*New CSS*/
.entry-meta-footer ul {
margin: 0;
padding: 0;
}
.entry-meta-footer ul li {
list-style: none;
float: left;
width: 50%;
}
.entry-meta-footer ul li.comments-area {
float: right;
text-align: right;
}
.single-blog .entry-meta-footer ul li a {
float: none;
}
.h2-blog-single-item .entry-meta-footer ul li a {
float: none;
}
/* 12. Faq */
#faq-page-content .card-header {
background-color: transparent;
border-bottom: 0;
cursor: pointer;
}
#faq-page-content .card-header .card-title {
font-size: 18px;
color: #061538;
font-weight: 500;
display: inline-block;
margin-bottom: 0;
}
#faq-page-content .card-header:first-child {
border-radius: 0;
}
#faq-page-content .card-header:after {
font-family: 'FontAwesome';
content: "\f01b";
float: right;
font-size: 18px;
color: #ff5e14;
}
#faq-page-content .card-header.collapsed:after {
content: "\f01a";
font-size: 18px;
color: #061538;
}
#faq-page-content .card {
border: 1px solid #ddd;
border-radius: 0;
}
#faq-page-content .card-body {
padding: 0 25px 25px 25px;
}
#faq-page-content-two .card-header {
background-color: transparent;
border-bottom: 0;
cursor: pointer;
}
#faq-page-content-two .card-header .card-title {
font-size: 18px;
color: #061538;
font-weight: 500;
display: inline-block;
margin-bottom: 0;
}
#faq-page-content-two .card-header:first-child {
border-radius: 0;
}
#faq-page-content-two .card-header:after {
font-family: 'FontAwesome';
content: "\f01b";
float: right;
font-size: 18px;
color: #ff5e14;
}
#faq-page-content-two .card-header.collapsed:after {
content: "\f01a";
font-size: 18px;
color: #061538;
}
#faq-page-content-two .card {
border-radius: 0;
border: 1px solid #ddd;
}
#faq-page-content-two .card-body {
padding: 0 25px 25px 25px;
}
.faq_text_area {
height: 185px !important;
}
.ask_questions {
padding: 95px 0px 99px;
background-color: #f4f4f4;
}
.ask_form_area textarea,
.ask_form_area input {
height: 50px;
background-color: #f4f4f4;
}
.ask_form_area textarea:focus,
.ask_form_area input:focus {
box-shadow: none;
border-color: #ff5e14;
}
.ask_form_area .btn {
text-transform: none;
}
.contact-feedback-block p button.get_quote_btn {
margin-bottom: 15px;
}
/* 13. Market Inner page */
.market-items-inner-2 .media-icon {
transition: 0.5s;
margin-right: 10px;
}
.market-items-inner-2 .b-color {
border: 1px solid;
border-radius: 4px;
border-color: #CDD0D7;
padding: 14px 10px 5px !important;
}
.market-items-inner-2 .media-icon i:before {
color: #ff5e14;
}
.market-items-inner i:before {
font-size: 32px;
}
.market-items-inner .card .card-title {
color: #061538;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.market-items-inner-2 {
margin-bottom: 15px;
}
/* 8. 404 Page */
.error_404 {
padding-bottom: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-image: url(../img/error_bg.png);
}
.error_content{
margin-top: 100px;
}
.error_content img {
width: 100%;
margin: auto;
max-width: 600px;
}
.error_content p {
font-size: 18px;
font-weight: 500;
margin-top: 60px;
margin-bottom: 30px;
}
/* 9. Project Single */
.project-single-page {
padding: 100px 0px 94px;
}
.single_project_widgets {
display: block;
overflow: hidden;
margin-bottom: 50px;
background-color: #f2f2f2;
}
.single_project_widgets.activebgcolor{
color: #fff;
background: #ff5e14;
}
.project-details-title {
display: block;
overflow: hidden;
}
.project-details-title h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.single_project_widgets ul {
padding: 30px;
word-break: break-all;
}
.single_project_widgets ul li {
padding: 0 0;
font-size: 18px;
list-style: none;
margin-bottom: 10px;
}
.single_project_widgets ul li span {
margin-right: 5px;
}
.single_project_widgets ul li:last-child {
margin-bottom: 0px;
}
.single_project_widgets a {
color: #061538;
}
.single_project_widgets a:hover {
color: #ff5e14;
}
.project-single-page .project-info {
margin-top: 45px;
}
.project-single-page .project-info.nobigimg {
margin-top: 0px !important;
}
.single_project_widgets.nobigimg {
margin-top: 0 !important;
}
.single_project_widgets .project-info h1 {
font-size: 35px;
color: #061538;
}
.single_project_widgets .project-info p {
font-size: 16px;
line-height: 25px;
}
.single_project_widgets .social-media {
padding: 12px 30px;
border-top: 1px solid #ddd;
}
.single_project_widgets .social-media a {
width: 30px;
height: 30px;
border-radius: 100%;
border: 1px solid #595959;
margin-right: 20px;
color: #061538;
}
.single_project_widgets .social-media a:last-child {
margin: 0;
}
.single_project_widgets .social-media a.fa-twitter:hover {
background: #00aff0;
border-color: #00aff0;
color: #ffffff !important;
}
.single_project_widgets .social-media a.fa-facebook:hover {
background: #3b5998;
border-color: #3b5998;
color: #ffffff !important;
}
.single_project_widgets .social-media a.fa-instagram:hover {
background: #fd1d1d;
border-color: #fd1d1d;
color: #ffffff !important;
}
.single_project_widgets .social-media a.fa-skype:hover {
background: #00aff0;
border-color: #00aff0;
color: #ffffff !important;
}
.single_project_widgets .social-media a.fa-vine:hover {
background: #00b488;
border-color: #00b488;
color: #ffffff !important;
}
.isotop-projects-filter .grid-item {
margin-bottom: 30px;
}
.isotop-projects-filter .no-gutter {
margin: 0;
}
.pd-30 {
margin-top: 30px;
}
.about-faq .about-right-title {
font-size: 23px;
line-height: 30px;
margin-top: 0px;
margin-bottom: 10px;
color: #061538;
font-weight: 600;
}
.about-faq .about-faq-content {
margin-top: 0px;
}
.about-faq .content-img {
margin-bottom: 20px;
}
.why-choose-us {
padding: 96px 0px 80px;
}
.choose-single {
display: flex;
align-items: flex-start;
}
.about-management {
padding: 96px 0px 70px;
}
.project-single-page .single-project-thumbnail {
margin-bottom: 50px;
}
.project-single-page .project-info {
margin-top: 0px;
}
.project-single-page .market-single-widgets-area.project-single-widgets {
padding-top: 0;
padding-bottom: 0;
}
.project-single-page .list-group.mt-3.mb-3.mt-lg-5.mb-lg-5 {
margin: 0 !important;
padding: 0;
}
.project-single-page .market-single-widgets-area.project-single-widgets .project-widget {
margin-bottom: 50px !important;
}
.single_project_widgets:last-child {
margin-bottom: 0;
}
/* 10. Market Inner page */
.market-list-group{
position: relative;
}
.market-list-group ul{
margin: 0;
padding: 0;
}
.market-list-group ul li{
list-style: none;
position: relative;
}
.market-list-group ul li a{
color: #061538;
font-size: 18px;
font-weight: 600;
background-color: #f4f4f4;
padding: 15px;
display: block;
overflow: hidden;
}
.market-list-group ul li a.active{
background: #061538;
color: #fff;
}
.market-list-group ul li a.active:before{
position: absolute;
content: "";
border-right: 5px solid #ff5e14;
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.market-list-group ul li a:hover{
background-color: #061538;
color: #fff;
}
.services-right-title {
font-size: 32px;
line-height: 32px;
color: #061538;
margin: 28px 0 20px 0;
font-weight: 600;
}
.service-details-pages .sub-title {
font-size: 24px;
line-height: 28px;
color: #061538;
font-weight: 600;
}
.service-details-pages .sub-title {
font-size: 20px;
line-height: 28px;
color: #061538;
font-weight: 600;
}
.tab-content .sub-title-media {
font-size: 18px;
line-height: 28px;
color: #061538;
font-weight: 600;
}
.tab-content .border-top {
border-top: 2px solid #f4f4f4;
padding-top: 20px;
}
#brochures-block .download-brochures {
background-color: #061538;
color: #fff;
border-radius: 0;
}
#brochures-block .download-icon {
max-width: 26px;
width: 100%;
}
.contact-service {
background-color: #ff5e14;
color: #fff;
padding: 40px 30px;
}
.contact-service h3 {
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
}
.contact-service .fw-size {
font-size: 20px;
transform: translateY(5px);
margin-right: 10px;
}
/* 11. Service details */
.project_single {
padding: 40px 0;
}
.project-info h1 {
font-size: 36px;
font-weight: 600;
color: #061538;
}
/* 12. Contact */
.contact-page{
padding-top: 100px;
}
.contact_address {
border: 1px solid #ddd;
padding: 20px;
}
span.info-icon {
width: 40px;
height: 40px;
color: #ff5e14;
border: 1px solid #ff5e14;
border-radius: 100%;
text-align: center;
font-size: 20px;
line-height: 44px;
margin-right: 20px;
}
.contact-social-info {
display: block;
overflow: hidden;
text-align: center;
margin-top: 20px;
}
.contact-social-info a {
border: 1px solid #ddd;
border-radius: 50%;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
color: #061538;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin-right: 10px;
text-align: center;
}
.contact-social-info a:hover {
background: #ff5e14;
border: 1px solid #ff5e14;
color: #fff;
}
.contact-page-form input {
height: 60px;
margin-bottom: 15px;
}
.contact-page-form textarea {
height: 250px !important;
margin-bottom: 15px;
}
.contact-page-form button.btn.btn-primary {
margin-top: 12px;
line-height: 22px;
}
.contact-page-form p{
margin: 0;
}
.contact-feedback-block input {
height: 50px !important;
display: block;
overflow: hidden;
margin-bottom: 10px !important;
}
.contact-page textarea:focus,
.contact-page input:focus {
border-color: #ff5e14;
box-shadow: none;
}
.contact_address .title h1 {
font-size: 36px;
line-height: 40px;
color: #061538;
}
.contact_address .title h4 {
font-size: 32px;
line-height: 1;
font-weight: 300;
}
.contact-page .contact_address .contact-media {
padding: 18px 0;
margin-bottom: 0;
}
.contact_address .border-bottom {
border-bottom: 1px solid #ddd;
}
.media-body h5 {
font-size: 18px;
color: #061538;
font-weight: 600;
}
#map-area {
padding: 0 !important;
}
#map-area #contact-map {
height: 600px;
}
.h2-quote-img.wpb_single_image .vc_single_image-wrapper img{
position: relative;
bottom: -30px;
margin-bottom: 7px;
}
.d-flex .btn.btn-primary {
flex: 0;
}
/* woocommerce */
.cart-dropdown-menu {
left: auto;
margin: 0;
right: 0;
width: 280px;
padding: 15px;
}
li.menu-item.dropdown.mini-cart-items:hover>.dropdown-menu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
}
.dropdown-menu {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
padding: 0;
border: 0;
display: block;
opacity: 0;
visibility: hidden;
min-width: 250px;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform-origin: center top 0;
-webkit-transform-origin: center top 0;
-moz-transform-origin: center top 0;
-ms-transform-origin: center top 0;
-o-transform-origin: center top 0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
-o-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu {
position: absolute;
top: 49px;
left: auto;
z-index: 1000;
visibility: hidden;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: none;
border-radius: 0;
}
.no-cart-items, .cart-update-pbm {
color: #333333;
line-height: 1;
margin-bottom: 0;
width: 100%;
font-size: 12px;
}
.cart-dropdown-menu {
left: auto;
margin: 0;
right: 0;
width: 280px;
padding: 15px;
}
.cart-dropdown-menu > li .product-thumbnail {
margin-right: 10px;
margin-bottom: 12px;
max-width: 60px;
}
.cart-dropdown-menu > li > * {
display: inline-block;
}
.cart-dropdown-menu .product-name {
color: #333333;
font-size: 14px;
line-height: 20px;
width: auto;
width: 150px;
vertical-align: middle;
}
.dropdown-menu.cart-dropdown-menu .mini-view-cart a:hover {
color: #ff5e14;
}
.dropdown-menu.cart-dropdown-menu .mini-view-cart a {
font-size: 15px;
color: #333;
}
.remove-item-overlay {
left: 0;
position: absolute;
right: 0;
top: 0;
display: none;
}
.remove-item-overlay > img {
padding-top: 15px;
max-width: 100%;
}
li.menu-item.dropdown.mini-cart-items a.cart-contents {
padding-right: 15px;
border-right: 1px solid #ddd;
margin-right: 15px;
}
.h3-navigation-area li.menu-item.dropdown.mini-cart-items a.cart-contents {
padding-right: 0px;
border-right: none;
margin-right: 0px;
}
/*Cf7 default style*/
.wpcf7-form-control {
width: 100%;
height: 50px;
padding: 7px 10px;
}
.wpcf7-form-control.wpcf7-textarea {
height: 160px;
}
.wpcf7-form-control.wpcf7-submit {
width: auto;
padding: 5px 25px;
}
.contact-page-form .wpcf7-form-control.wpcf7-textarea {
height: 250px;
}
.h2-request-quote-sections .wpcf7-form-control.wpcf7-textarea {
height: 135px;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block h2 {
font-size: 22px;
font-weight: 600;
margin-bottom: 25px;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block.widget_search .wp-block-search__label{
color:#001d67;
display: block;
margin-bottom: 15px;
font-size: 22px;
text-transform: capitalize;
font-weight: 600;
font-style: normal;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block.widget_search{}
.sidebar.sidebar-defalt .sidebar-widget.widget_block.widget_search .wp-block-search__inside-wrapper{
position: relative;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block.widget_search .wp-block-search__inside-wrapper input{
width: 100%;
background: #f6f4ff;
border-radius: 0px;
padding: 15px 15px;
padding-right: 70px;
border:1px solid #e8e8e8;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block.widget_search .wp-block-search__inside-wrapper button.wp-block-search__button {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
border: none;
padding: 0;
height: 58px;
width: 90px;
border-radius: 0px;
color: #fff;
cursor: pointer;
background-color: #ff5e14;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block ol,
.sidebar.sidebar-defalt .sidebar-widget.widget_block ul{
margin:0;
padding:0;
list-style: none;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block ol li,
.sidebar.sidebar-defalt .sidebar-widget.widget_block ul li{
position: relative;
padding-left:18px;
margin-top: 10px;
margin-bottom: 10px;
transition: all .3s;
list-style: none;
line-height: unset;
padding-bottom: unset;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block ol li a{
font-size: 16px;
color: #001d67;
font-weight: 600;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block ol li a,
.sidebar.sidebar-defalt .sidebar-widget.widget_block ul li a{
color: unset;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block ol li a:hover,
.sidebar.sidebar-defalt .sidebar-widget.widget_block ul li a:hover{
color: #ff5e14;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block ol li:before,
.sidebar.sidebar-defalt .sidebar-widget.widget_block ul li:before {
left: 0;
top: 7px;
content: "";
width: 12px;
height: 12px;
display: inline-block;
border: 1px solid #8a8989;
border-radius: 50%;
margin-right: 7px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
position: absolute;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block ol li:hover::before,
.sidebar.sidebar-defalt .sidebar-widget.widget_block ul li:hover::before {
border-color: #ff5e14;
background-color: #ff5e14;
}
.sidebar.sidebar-defalt .sidebar-widget.widget_block{
position: relative;
}
.fa.fa-twitter{
font-family:sans-serif;
}
.fa.fa-twitter::before{
content:"𝕏";
font-size:1.2em;
}