@charset "UTF-8";
/*!
Theme Name: Upfrontwp
Theme URI: https://www.wpazure.com/upfrontwp-lite/
Author: wpazure
Author URI: https://www.wpazure.com/about
Description: upfrontwp is a modern,responsive and fully customizable lightning fast WordPress theme for professionals. This theme comes with a stunning COOL & BEAUTIFUL LOOK, SERVICE SECTION, PORTFOLIO SECTION, TESTIMONIAL SECTION, WOOCOMMERCE PRODUCT SECTION, CALL TO ACTION SECTION, BLOG POST SECTION. It fits all creative business, creative and corporate websites, restaurants, wedding planners, law firms, finance, consulting, travel, photography, recipes, design, sport/medical shops, startups, online agencies, portfolios, E-commerce (WooCommerce), and freelancers. You can configure whole theme with advance customizer settings with LIVE CUSTOMIZER EFFECT. UpfrontWp is fully translation ready and supports popular plugins like WPML, Polylang, WooCommerce and Contact Form 7. Try this awesome free theme today Live preview :https://www.wpazure.com/upfrontwp-lite/
Version: 1.1
Requires at least: 4.5
Tested up to: 6.1.1
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: upfrontwp
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, full-width-template, blog, e-commerce
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
upfrontwp is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*
/*
======================================
* CSS TABLE CONTENT *
======================================
1. GENERAL STYLE
2. HEADINGS STYLE
3. TEXT AND PARAGRAPH
4. LISTS STYLE
5. MARGIN AND PADDINGS
6. POSITIONS (absolute / relative / static & z-index)
7. TEXT AND BACKGROUND COLOR STYLE START
8. PAGE AND SECTION SPECIFIC STYLE START
9. HEADER STYLE START
10. LOGO FOR HEADER AND FOOTER STYLE START
11. BUTTONS STYLE START
12. HEADER DEFAULT VERSION STYLE START
13. HEADER STYLE 2 OVERLAY VERSION STYLE START
14. BANNER SLIDER STYLE START
15. TRANSITION STYLE START
16. ABOUT US SECTION STYLE START
17. SERVICES SECTION STYLE START
18. PORTFOLIO SECTION STYLE START
19. SCROLL TO TOP STYLE START
20. TEAM SECTION STYLE START
21. FUN FACTS SECTION STYLE START
22. BLOG POST SECTION STYLE START
23. TESTIMONIALS SECTION STYLE START
24. PRICING SECTION STYLE START
25. CTA & CLIENTS SECTION STYLE START
26. FOOTER SECTION STYLE START
27. BLOG POST PAGE STYLE START
28. FOOTER BAR SECTION STYLE START
29. ABOUT US PAGE STYLE START
30. CONTACT US PAGE STYLE START
31. PAGE 404 SECTION STYLE START
32. STYLE SWITCHER CSS
33. WORDPRESS SPECIFIC CSS
34. DEFAULT DATA CSS
======================================
* END TABLE CONTENT *
======================================
*/
/*******************************
01. FONT CSS IMPORT
*******************************/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&display=swap');
/*******************************
02. RESET CSS
*******************************/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/*******************************
03. GLOBAL CSS
*******************************/
body {
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #6d6d6d;
line-height: 1.9em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
a{
text-decoration: none;
cursor: pointer;
transition: 0.5s ease all;
-webkit-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
}
a:hover,
a:focus,
a:visited{
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 22px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span{
word-wrap: break-word;
}
input[type="text"],
input[type="password"]{
height: 50px;
}
textarea{
height: 150px;
}
select{
padding: 5px;
border-radius: 3px;
width: 100%;
border: 1px solid #efefef !important;
}
input[type="text"],
input[type="password"],
input[type="search"],
textarea{
padding: 10px 15px;
box-shadow: none;
border-radius: 3px;
width: 100%;
background: transparent;
border: 1px solid #efefef !important;
}
input[type="reset"],
input[type="submit"],
button[type="submit"]{
color: #ffffff !important;
cursor: pointer !important;
font-size: 14px !important;
border-radius: 3px;
margin-left: 0 !important;
text-transform: capitalize !important;
padding: 12px 15px !important;
/*background-color: #12132f !important;*/
}
input:focus,
select:focus,
textarea:focus,
button{
box-shadow: none !important;
border: 0;
outline: none;
}
.wp-block-search input[type=search]{
border-radius: 3px 0 0 3px;
}
.wp-block-search button{
border-radius: 0 3px 3px 0;
}
.wp-block-search__label{
display: none;
}
/* Keyboard navigation css start */
input[type="submit"]:focus,
.woocommerce a:focus,
a:focus,
/*button:focus,*/
a[href=""]:focus,
a[href="#"]:focus,
a:not([href]):focus,
.post-wrapper a.wp-block-button__link:focus,
.scroll-to-top.show:focus{
outline: 1px dotted #ffffff !important;
}
.navbar-toggler:focus{
outline: 1px dotted #ffffff !important;
}
/* Keyboard navigation css end */
p{
position:relative;
line-height:1.9em;
}
figure{
margin: 0;
padding: 0;
}
img{
max-width: 100%;
}
.f-none{
float: none !important;
}
/*******************************
04. CUSTOM CSS
*******************************/
/*===== >> A. Headings =====*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: #12132f;
font-weight: 600;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #12132f;
}
h1 {
font-size: 28px;
line-height: 30px;
margin-bottom: 20px;
}
h2 {
font-size: 24px;
line-height: 38px;
margin-bottom: 20px;
}
h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
}
h4 {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
h5 {
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
}
h6 {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
/*===== >> B. Fonts and Paragraph ===== */
p {
line-height: 25px;
margin-bottom: 15px;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.v-a-top {
vertical-align: top;
}
.v-a-middle {
vertical-align: middle;
}
.v-a-bottom {
vertical-align: bottom;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
/* Custom Font Sizez */
.font-12{
font-size: 12px;
}
.font-14 {
font-size: 14px;
}
.font-16 {
font-size: 16px;
}
.font-18 {
font-size: 18px;
}
.font-20 {
font-size: 20px;
}
.font-22 {
font-size: 22px;
}
.font-24 {
font-size: 24px;
}
.font-26 {
font-size: 26px;
}
.font-30{
font-size: 30px;
}
.font-36{
font-size: 36px;
}
/* Font Weights */
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
/*===== >> C. Padding and Margin =====*/
.p-all-0 {
padding: 0 !important;
}
.p-all-5 {
padding: 5px !important;
}
.p-all-10 {
padding: 10px !important;
}
.p-all-15 {
padding: 15px !important;
}
.p-all-20 {
padding: 20px !important;
}
.p-all-25 {
padding: 25px !important;
}
.p-all-30 {
padding: 30px !important;
}
.p-all-40 {
padding: 40px !important;
}
.p-all-50 {
padding: 50px !important;
}
.p-all-60 {
padding: 60px !important;
}
.p-all-70 {
padding: 70px !important;
}
.p-all-80 {
padding: 80px !important;
}
.p-all-90 {
padding: 90px !important;
}
.p-all-100 {
padding: 100px !important;
}
.p-top-0 {
padding-top: 0 !important;
}
.p-top-5 {
padding-top: 5px !important;
}
.p-top-10 {
padding-top: 10px !important;
}
.p-top-15 {
padding-top: 15px !important;
}
.p-top-20 {
padding-top: 20px !important;
}
.p-top-30 {
padding-top: 30px !important;
}
.p-top-40 {
padding-top: 40px !important;
}
.p-top-50 {
padding-top: 50px !important;
}
.p-top-60 {
padding-top: 60px !important;
}
.p-top-70 {
padding-top: 70px !important;
}
.p-top-80 {
padding-top: 80px !important;
}
.p-top-90 {
padding-top: 90px !important;
}
.p-top-100 {
padding-top: 100px !important;
}
.p-bottom-0 {
padding-bottom: 0 !important;
}
.p-bottom-5 {
padding-bottom: 5px !important;
}
.p-bottom-10 {
padding-bottom: 10px !important;
}
.p-bottom-15 {
padding-bottom: 15px !important;
}
.p-bottom-20 {
padding-bottom: 20px !important;
}
.p-bottom-30 {
padding-bottom: 30px !important;
}
.p-bottom-40 {
padding-bottom: 40px !important;
}
.p-bottom-50 {
padding-bottom: 50px !important;
}
.p-bottom-60 {
padding-bottom: 60px !important;
}
.p-bottom-70 {
padding-bottom: 70px !important;
}
.p-bottom-80 {
padding-bottom: 80px !important;
}
.p-bottom-90 {
padding-bottom: 90px !important;
}
.p-bottom-100 {
padding-bottom: 100px !important;
}
.p-left-0 {
padding-left: 0 !important;
}
.p-left-5 {
padding-left: 5px !important;
}
.p-left-10 {
padding-left: 10px !important;
}
.p-left-15 {
padding-left: 15px !important;
}
.p-left-20 {
padding-left: 20px !important;
}
.p-left-30 {
padding-left: 30px !important;
}
.p-left-40 {
padding-left: 40px !important;
}
.p-left-50 {
padding-left: 50px !important;
}
.p-left-60 {
padding-left: 60px !important;
}
.p-left-70 {
padding-left: 70px !important;
}
.p-left-80 {
padding-left: 80px !important;
}
.p-left-90 {
padding-left: 90px !important;
}
.p-left-100 {
padding-left: 100px !important;
}
.p-right-0 {
padding-right: 0 !important;
}
.p-right-5 {
padding-right: 5px !important;
}
.p-right-10 {
padding-right: 10px !important;
}
.p-right-15 {
padding-right: 15px !important;
}
.p-right-20 {
padding-right: 20px !important;
}
.p-right-30 {
padding-right: 30px !important;
}
.p-right-40 {
padding-right: 40px !important;
}
.p-right-50 {
padding-right: 50px !important;
}
.p-right-60 {
padding-right: 60px !important;
}
.p-right-70 {
padding-right: 70px !important;
}
.p-right-80 {
padding-right: 80px !important;
}
.p-right-90 {
padding-right: 90px !important;
}
.p-right-100 {
padding-right: 100px !important;
}
.p-lr-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.p-lr-5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.p-lr-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.p-lr-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.p-lr-20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.p-lr-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.p-lr-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.p-lr-50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
.p-lr-60 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.p-lr-70 {
padding-left: 70px !important;
padding-right: 70px !important;
}
.p-lr-80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.p-lr-90 {
padding-left: 90px !important;
padding-right: 90px !important;
}
.p-lr-100 {
padding-left: 100px !important;
padding-right: 100px !important;
}
.p-tb-0 {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.p-tb-5 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.p-tb-10 {
padding-bottom: 10px !important;
padding-top: 10px !important;
}
.p-tb-15 {
padding-bottom: 15px !important;
padding-top: 15px !important;
}
.p-tb-20 {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
.p-tb-30 {
padding-bottom: 30px !important;
padding-top: 30px !important;
}
.p-tb-40 {
padding-bottom: 40px !important;
padding-top: 40px !important;
}
.p-tb-50 {
padding-bottom: 50px !important;
padding-top: 50px !important;
}
.p-tb-60 {
padding-bottom: 60px !important;
padding-top: 60px !important;
}
.p-tb-70 {
padding-bottom: 70px !important;
padding-top: 70px !important;
}
.p-tb-80 {
padding-bottom: 80px !important;
padding-top: 80px !important;
}
.p-tb-90 {
padding-bottom: 90px !important;
padding-top: 90px !important;
}
.p-tb-100 {
padding-bottom: 100px !important;
padding-top: 100px !important;
}
.m-auto {
margin: auto !important;
}
.m-all-0 {
margin: 0 !important;
}
.m-all-5 {
margin: 5px !important;
}
.m-all-10 {
margin: 10px !important;
}
.m-all-15 {
margin: 15px !important;
}
.m-all-20 {
margin: 20px !important;
}
.m-all-30 {
margin: 30px !important;
}
.m-all-40 {
margin: 40px !important;
}
.m-all-50 {
margin: 50px !important;
}
.m-all-60 {
margin: 60px !important;
}
.m-all-70 {
margin: 70px !important;
}
.m-all-80 {
margin: 80px !important;
}
.m-all-90 {
margin: 90px !important;
}
.m-all-100 {
margin: 100px !important;
}
.m-top-0 {
margin-top: 0 !important;
}
.m-top-5 {
margin-top: 5px !important;
}
.m-top-10 {
margin-top: 10px !important;
}
.m-top-15 {
margin-top: 15px !important;
}
.m-top-20 {
margin-top: 20px !important;
}
.m-top-30 {
margin-top: 30px !important;
}
.m-top-40 {
margin-top: 40px !important;
}
.m-top-50 {
margin-top: 50px !important;
}
.m-top-60 {
margin-top: 60px !important;
}
.m-top-70 {
margin-top: 70px !important;
}
.m-top-80 {
margin-top: 80px !important;
}
.m-top-90 {
margin-top: 90px !important;
}
.m-top-100 {
margin-top: 100px !important;
}
.m-bottom-0 {
margin-bottom: 0 !important;
}
.m-bottom-5 {
margin-bottom: 5px !important;
}
.m-bottom-10 {
margin-bottom: 10px !important;
}
.m-bottom-15 {
margin-bottom: 15px !important;
}
.m-bottom-20 {
margin-bottom: 20px !important;
}
.m-bottom-30 {
margin-bottom: 30px !important;
}
.m-bottom-40 {
margin-bottom: 40px !important;
}
.m-bottom-50 {
margin-bottom: 50px !important;
}
.m-bottom-60 {
margin-bottom: 60px !important;
}
.m-bottom-70 {
margin-bottom: 70px !important;
}
.m-bottom-80 {
margin-bottom: 80px !important;
}
.m-bottom-90 {
margin-bottom: 90px !important;
}
.m-bottom-100 {
margin-bottom: 100px !important;
}
.m-left-0 {
margin-left: 0 !important;
}
.m-left-5 {
margin-left: 5px !important;
}
.m-left-10 {
margin-left: 10px !important;
}
.m-left-15 {
margin-left: 15px !important;
}
.m-left-20 {
margin-left: 20px !important;
}
.m-left-30 {
margin-left: 30px !important;
}
.m-left-40 {
margin-left: 40px !important;
}
.m-left-50 {
margin-left: 50px !important;
}
.m-left-60 {
margin-left: 60px !important;
}
.m-left-70 {
margin-left: 70px !important;
}
.m-left-80 {
margin-left: 80px !important;
}
.m-left-90 {
margin-left: 90px !important;
}
.m-left-100 {
margin-left: 100px !important;
}
.m-right-0 {
margin-right: 0 !important;
}
.m-right-5 {
margin-right: 5px !important;
}
.m-right-10 {
margin-right: 10px !important;
}
.m-right-15 {
margin-right: 15px !important;
}
.m-right-20 {
margin-right: 20px !important;
}
.m-right-30 {
margin-right: 30px !important;
}
.m-right-40 {
margin-right: 40px !important;
}
.m-right-50 {
margin-right: 50px !important;
}
.m-right-60 {
margin-right: 60px !important;
}
.m-right-70 {
margin-right: 70px !important;
}
.m-right-80 {
margin-right: 80px !important;
}
.m-right-90 {
margin-right: 90px !important;
}
.m-right-100 {
margin-right: 100px !important;
}
.m-lr-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.m-lr-5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.m-lr-10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.m-lr-15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.m-lr-20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.m-lr-30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.m-lr-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.m-lr-50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
.m-lr-60 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.m-lr-70 {
margin-left: 70px !important;
margin-right: 70px !important;
}
.m-lr-80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.m-lr-90 {
margin-left: 90px !important;
margin-right: 90px !important;
}
.m-lr-100 {
margin-left: 100px !important;
margin-right: 100px !important;
}
.m-tb-0 {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.m-tb-5 {
margin-bottom: 5px !important;
margin-top: 5px !important;
}
.m-tb-10 {
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.m-tb-15 {
margin-bottom: 15px !important;
margin-top: 15px !important;
}
.m-tb-20 {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
.m-tb-30 {
margin-bottom: 30px !important;
margin-top: 30px !important;
}
.m-tb-40 {
margin-bottom: 40px !important;
margin-top: 40px !important;
}
.m-tb-50 {
margin-bottom: 50px !important;
margin-top: 50px !important;
}
.m-tb-60 {
margin-bottom: 60px !important;
margin-top: 60px !important;
}
.m-tb-70 {
margin-bottom: 70px !important;
margin-top: 70px !important;
}
.m-tb-80 {
margin-bottom: 80px !important;
margin-top: 80px !important;
}
.m-tb-90 {
margin-bottom: 90px !important;
margin-top: 90px !important;
}
.m-tb-100 {
margin-bottom: 100px !important;
margin-top: 100px !important;
}
@media only screen and (max-width: 576px){
.m-b-xs-30{
margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px){
.m-b-sm-30{
margin-bottom: 30px;
}
}
@media only screen and (max-width: 992px){
.m-b-md-30{
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px){
.m-b-lg-30{
margin-bottom: 30px;
}
}
/*===== >> D. Positions =====*/
.p-absolute{
position: absolute;
}
.p-relative{
position: relative;
}
.p-static{
position: static;
}
/*===== >> E. Custom Column Gaps =====*/
.col-gap-0 [class*="col-xs-"],
.col-gap-0 [class*="col-sm-"],
.col-gap-0 [class*="col-md-"],
.col-gap-0 [class*="col-lg-"]{
padding-left: 0;
padding-right: 0;
}
/*===== >> F. Text & Background Colors =====*/
/* Text Colors */
.text-color-secondary{
color: #e70000 !important;
}
.text-grey-color{
color: #6d6d6d !important;
}
.white-color{
color: #ffffff !important;
}
/* Background Colors */
.bg-primary{
color: #76B947;
}
.bg-secondary{
color: #e70000;
}
.bg-white{
background-color: #fff;
}
.bg-light-grey{
background-color: #f7f7f7;
}
/* Common Background Color css */
.bg-blue,
.btn-blue,
.navigation,
.site-button-secondary,
.section-heading > span:before,
.pricing-middle,
.recommended,
.port-controls li a,
.port-block .port-overlay .port-links a:hover,
.theme-setting .layout a,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default ul ul li{
background-color: #e70000;
}
/*===== >> G. Overlays dark and light =====*/
.overlay-black{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*z-index: 1;*/
background: rgba(0,0,0,0.4);
}
.testimonial-slider1.owl-carousel .owl-stage{
padding-bottom: 35px;
}
.testimonial-area,
.page-title-block,
.error-page{
position: relative;
z-index: 0;
}
.testimonial-area:before,
.page-title-block:before,
.error-page:before{
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.7);
}
/*===== >> H. List styles =====*/
ul{
padding: 0;
margin: 0;
list-style: none;
}
ul li{
padding: 0;
list-style: none;
}
/*===== >> I. Buttons =====*/
.site-button{
color: #fff;
padding: 12px 20px;
display: inline-block;
font-size: 14px;
border-radius: 3px;
outline: none;
text-align: center;
cursor: pointer;
outline: none;
line-height: 1.5;
text-decoration: none;
}
.site-button-secondary{
background-color: #e70000;
}
.site-button,
.site-button:hover,
.site-button:focus{
color: #ffffff !important;
}
.site-button span {
z-index: 20;
}
.button-lg {
padding: 20px 35px;
font-size: 16px;
}
.button-sm {
padding: 5px 10px;
font-size: 12px;
}
/* Button animation */
.btn-text {
color: #ffffff;
position: relative;
top: 0;
height: 100%;
width: 100%;
display: inline;
height: auto;
transition: 0.25s ease-in;
transition-delay: 0.1s;
}
.btn-hover {
color: #e70000;
text-align: center;
display: inline-block;
text-transform: uppercase;
position: relative;
will-change: transform;
transition: 0.3s ease-in-out;
transition-delay: 0.35s;
overflow: hidden;
}
.btn-hover:before {
content: "";
display: block;
background: rgba(0, 0, 0, 0.2);
position: absolute;
width: 200%;
height: 500%;
border-radius: 100%;
transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}
.btn-animation:before {
transform: translate(-110%, -110%) translateZ(0);
}
.btn-animation:hover:before {
transform: translate(-45%, -34%) translateZ(0);
}
/*===========================
>> 4. HEADER TOP BAR
=============================*/
/*header{
background-color: #ffffff;
}*/
.ce-logo > a{
color: #e70000;
font-size: 36px;
font-weight: 700;
}
.top-bar{
padding: 5px 0;
}
.top-bar #widget-left ul{
padding: 0;
list-style: none;
}
.top-bar #widget-left li{
list-style: none;
font-size: 14px;
color: #ffffff;
display: inline-block;
padding-right: 15px;
}
.top-bar #widget-left li a i.fa{
padding-right: 5px;
font-size: 16px;
}
.top-bar #widget-right li a,
.footer-widget .social-icons li a,
.top-bar .social-icons li a,
.footer-widget .social-icons li a{
padding: 0px;
width: 25px;
height: 25px;
float: left;
border-radius: 2px;
color: #ffffff;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
background: #12132f;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.top-bar #widget-right li a:hover,
.footer-widget .social-icons li a:hover,
.top-bar .social-icons li a:hover,
.footer-widget .social-icons li a:hover{
background: #e70000;
}
.top-bar .social-icons li a:hover i,
.footer-widget .social-icons li a:hover i{
animation: slide 0.5s ease;
}
/* HEADER LAYOUT 1 CSS START */
/* HEADER LAYOUT 1 CSS END */
/* Social Icons */
.social-icon{
text-decoration: none;
color: #e7e7e7;
padding: 22px;
margin-left: -18px;
font-size: 35px;
}
.social-icon:hover{
animation: slide 1s ease;
}
.social>a{
padding: 20px;
}
@keyframes slide{
0%{
transform: translateX(0);
}
50%{
transform: translateX(20px);
opacity: 0;
}
51%{
transform: translateX(-20px);
opacity: 0;
}
100%{
transform: translateX(0);
}
}
/*===========================
>> 5. HEADER MIDDLE
=============================*/
.middle-bar{
padding-top: 25px;
}
.site-title{
font-weight: 700;
margin-bottom: 10px;
}
.middle-bar .logo-area{
padding: 0 0 25px;
}
/*.middle-bar .logo{
padding: 0 0 10px 0;
}*/
.middle-bar .logo a,
.middle-bar .logo a:hover,
.middle-bar .logo a:focus{
font-size: 36px;
font-weight: 700;
}
.middle-bar .logo a,
.middle-bar .logo a:hover,
.middle-bar .logo a:focus,
.ce-logo .site-title a,
.ce-logo .site-title a:hover,
.ce-logo .site-title a:focus,
.site-description{
color: #ffffff;
margin-bottom: 0 !important;
}
.layout-1 .ce-logo .site-title a,
.layout-1 .ce-logo .site-title a:hover,
.layout-1 .ce-logo .site-title a:focus{
color: #ffffff;
margin-bottom: 0 !important;
}
.layout-1 .site-description{
color: #ffffff;
}
.middle-bar .logo img{
max-width: 100%;
}
.right-widget-area ul{
float: right;
display: table;
}
.middle-bar .logo-area li{
position: relative;
display: table-cell;
vertical-align: middle;
padding-right: 30px;
}
.middle-bar .logo-area li:last-child{
padding-right: 0px;
}
.middle-bar .logo-area li.call-us .left-icon-block{
color: #ffffff;
float: left;
display: inline-block;
font-size: 30px;
width: 40px;
height: 40px;
line-height: 40px;
}
.middle-bar .logo-area li.call-us .right-text{
float: left;
display: inline-block;
}
.middle-bar .logo-area li.call-us .right-text h4{
margin-bottom: 0;
font-weight: 600;
color: #ffffff;
font-size: 16px;
}
.middle-bar .logo-area li.call-us .right-text .normal-text{
color: #ffffff;
font-size: 14px;
}
/* Header Transparent */
.wrap{
position: relative;
}
.top-bar .widget{
margin-bottom: 0px;
}
.top-bar .widget ul li{
padding-bottom: 0px;
}
.top-bar .widget ul li:last-child,
.footer-widget .social-icons li:last-child,
.top-bar .social-icons li:last-child{
padding-right: 0 !important;
margin-right: 0 !important;
}
.default .navbar-collapse{
background-color: rgba(0,0,0,0.5);
}
.default .middle-bar,
.default .navbar-default{
background-color: transparent;
}
.default .top-bar{
border-bottom: 1px solid #585858;
}
.default header{
position: relative;
}
.layout-1 .main-header{
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 2;
background-color: rgba(0,0,0,0.4);
}
.default .main-header{
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 2;
background-color: transparent;
}
.default .navbar-default ul.nav > li > a{
color: #fff;
}
.main-slider{
width: 100%;
height: 100vh;
}
.main-slider .item{
position: relative;
height: 100vh;
background-size: cover;
background-position: top center;
}
.slider-overlay{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.5);
}
.main-slider .slide-content{
color: #ffffff;
text-align: center;
z-index: 1;
width: 100%;
margin: auto;
}
.main-slider .slide-content h2{
font-size: 52px;
color: #ffffff;
font-weight: 600;
margin-bottom: 15px;
}
.main-slider .slide-content p{
font-size: 16px;
}
.default .portfolio-section .portfolio-tab .portfolio-gallery{
margin-left: -15px;
margin-right: -15px;
}
.default .portfolio-section .portfolio-tab .portfolio-gallery .animated{
padding: 15px;
}
.default .cta-area .has-btn{
text-align: center;
}
.portfolio-section .nav-tabs{
border-bottom: 0px;
margin-bottom: 60px;
justify-content: center;
box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 30%);
}
.portfolio-section .nav-tabs .nav-link{
padding: 10px 50px;
border: 0px;
border-radius: 0px;
}
.portfolio-section .nav-tabs .nav-link.active,
.portfolio-section .nav-tabs .nav-link:hover,
.portfolio-section .nav-tabs .nav-link:focus{
border: 0px;
}
.portfolio-section .nav-item .nav-link.active{
color: #ffffff;
/*background: #12132f;*/
}
.portfolio-section .nav-link.active {
position: relative;
background: #12132f;
}
.portfolio-section .nav-link.active:after {
top: 100%;
left: 0;
content: "";
height: 15px;
width: 100%;
background: #12132f;
position: absolute;
border-radius: 0 0 100px 100px;
margin-left: 0;
box-shadow: 0px 10px 10px -3px rgb(0 0 0 / 30%);
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
position: absolute;
height: 50px;
border-radius: 2px;
top: 50%;
transform: translateY(-50%);
padding: 10px !important;
color: #ffffff !important;
font-size: 14px;
opacity: 0;
transition: all 0.5s ease;
}
.owl-carousel .owl-nav button.owl-prev{
left: 100px;
}
.owl-carousel .owl-nav button.owl-next{
right: 100px;
}
.owl-carousel:hover .owl-nav button.owl-prev{
left: 0;
opacity: 1;
}
.owl-carousel:hover .owl-nav button.owl-next{
right: 0;
opacity: 1;
}
/*===========================
>> 6. NAVIGATION
=============================*/
.fixed-header{
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 99999;
background-color: #12132f !important;
}
/*.fixed-header .site-button-primary{
background-color: #e70000;
}*/
.logged-in .fixed-header{
top: 32px;
}
/*.default .fixed-header ul.nav > li > a{
color: #ffffff;
}
.nav-area{
background-color: #f7f7f7;
}
.default .fixed-header .navbar-collapse,
.layout-1 .fixed-header .navbar-collapse{
background-color: #12132f;
}
@media only screen and (min-width: 992px){
.navbar-collapse{
position: relative;
}
}
.navbar-collapse{
padding-right: 0;
padding-left: 0;
}
.nav-search-wrapper{
position: relative;
overflow: hidden;
}
.nav.navbar-nav {
float: left;
margin: 0;
}
.navbar-default ul.nav-search{
float: right;
}
ul.nav-search{
position: relative;
}
ul.nav-search li a{
color: #ffffff;
padding: 11px 22px;
text-align: center;
float: right;
}
.layout-1 ul.nav-search li a{
color: #e70000;
}
.nav-search-bar{
position: absolute;
top: 0;
left: 0;
color: #fff;
width: 100%;
height: 52px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease ;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.nav-search-bar input[type=text]{
width: 100%;
border: 1px solid #e70000 !important;
padding: 12px 12px 12px 62px;
background-color: #e70000;
height: 52px;
}
.search-bar-visible{
opacity: 1;
visibility: visible;
z-index: 1;
top: 100%;
}
.nav-search-bar .submit-btn{
position: absolute;
top: 0;
left: 0;
height: 52px;
width: 52px;
}
@media (min-width: 1024px) {
.navbar-default ul.nav > li > a {
padding: 15px 15px;
color: #e70000;
font-size: 14px;
}
.layout-1 .fixed-header.navbar-default ul.nav > li > a{
color: #ffffff;
}
.navbar-default ul.nav > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f0d7";
margin-left: 5px;
margin-top: 2px;
}
.navbar-default li.dropdown ul.dropdown-menu {
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
padding: 0;
width: 200px;
background: #fff;
border: solid 1px #e0e0e0;
border-top: solid 5px;
}
.navbar-default li.dropdown ul.dropdown-menu > li a:hover,
.navbar-default li.dropdown ul.dropdown-menu > li a:hover {
background-color: transparent;
}
.navbar-default li.dropdown ul.dropdown-menu > li > a {
padding: 10px 15px;
border-bottom: solid 1px #eee;
color: #6f6f6f;
}
.navbar-default li.dropdown ul.dropdown-menu > li:last-child > a {
border-bottom: none;
}
.navbar-default ul.navbar-right li.dropdown ul.dropdown-menu li a {
text-align: right;
}
}*/
/*@media (max-width: 992px) {
.navbar-default .navbar-brand {
display: inline-block;
float: none !important;
margin: 0 !important;
}
.nav.navbar-nav{
float: none;
}
.nav-search{
display: none;
}
.navbar-default .navbar-header {
float: none;
display: block;
text-align: center;
padding-left: 0;
padding-right: 0;
}
.navbar-default .navbar-toggle {
display: inline-block;
float: left;
margin-right: -200px;
margin-top: 10px;
}
.navbar-default .navbar-collapse{
border: none;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.navbar-default .navbar-collapse.collapse {
display: none !important;
}
.navbar-default .navbar-collapse.collapse.in {
display: block !important;
}
.default .navbar-default .navbar-collapse{
background-color: #f3f3f3;
}
.default .navbar-default .navbar-collapse ul.nav > li > a{
color: #777;
}
.navbar-default .navbar-nav > li {
float: none;
}
.navbar-default li.dropdown a:before {
font-family: 'FontAwesome';
content: "\f105";
float: right;
font-size: 16px;
margin-left: 10px;
}
.navbar-default li.dropdown.on > a:before {
content: "\f107";
}
.navbar-default .navbar-nav > li > a {
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 10px 0;
border-top: solid 1px #e0e0e0;
margin-bottom: -1px;
}
.navbar-default .navbar-nav > li:first-child > a {
border-top: none;
}
.navbar-default ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
border-bottom: solid 1px #e0e0e0;
}
.navbar-default ul.nav li.dropdown li a {
float: none !important;
position: relative;
display: block;
width: 100%;
}
.navbar-default ul.nav li.dropdown ul.dropdown-menu {
width: 100%;
position: relative !important;
background-color: transparent;
float: none;
border: none;
padding: 0 0 0 15px !important;
margin: 0 0 -1px 0 !important;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px;
-o-border-radius: 0px 0px 0px;
border-radius: 0px 0px 0px;
}
.navbar-default ul.nav li.dropdown ul.dropdown-menu > li > a {
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 10px 0;
color: #6f6f6f;
}
.navbar-default ul.nav ul.dropdown-menu li a:hover,
.navbar-default ul.nav ul.dropdown-menu li a:focus {
background-color: transparent;
}
.navbar-default ul.nav ul.dropdown-menu ul.dropdown-menu {
float: none !important;
left: 0;
padding: 0 0 0 15px;
position: relative;
background: transparent;
width: 100%;
}
.navbar-default ul.nav ul.dropdown-menu li.on > ul.dropdown-menu {
display: inline-block;
margin-top: -10px;
}
.navbar-default li ul.dropdown-menu li > a:after {
display: none;
}
}*/
/*.navbar-default ul li > ul {
border: none;
background: none;
border-bottom: 2px solid #0c1f38;
border-radius: 0;
position: absolute;
padding: 6px 0 0;
top: 44px;
width: 230px;
}
.navbar-nav li a {
text-transform: capitalize;
}
.navbar-default ul ul li {
display: block;
}
.navbar-default ul ul li a {
display: block;
margin: 0;
color: #fff;
background-color: #12132f;
padding: 13px 6px 13px 30px;
position: relative;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border: none;
}
.navbar-default ul ul li a:hover{
color: #ffffff;
background-color: #e70000;
}
.nav > li > a:focus, .nav > li > a:hover {
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
}
.has-dropdown {
position: absolute;
z-index: 10;
right: 0;
top: 0;
display: block;
border-left: 1px solid #e0e0e0;
height: 46px;
width: 50px;
cursor: pointer;
pointer-events: none;
display: none;
}
.has-dropdown::before {
content: "\f107";
font-family: 'FontAwesome';
color: #e70000;
position: absolute;
left: 19px;
top: 10px;
display: block;
font-size: 20px;
z-index: 99;
}*/
/* SUB MENU LEVEL-2 */
/*.navbar-nav > li > ul > li{
position: relative;
}
.navbar-nav > li > ul > li > ul.level-2{
background-color: #fff;
position: absolute;
top: 0;
left: 110%;
border: none;
border-bottom: 2px solid #333333;
border-radius: 0;
padding: 0;
width: 230px;
display: block;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.navbar-nav > li > ul > li:hover ul.level-2{
visibility: visible;
opacity: 1;
left: 100%;
}*/
/*===========================
>> 7. SLIDER SECTION
=============================*/
/*===========================
>> 8. CALL TO ACTION
=============================*/
.call-to-action{
padding: 35px 0;
background-color: #e70000;
}
.call-to-action .site-button{
float: right;
}
.call-to-action h2{
color: #fff;
font-size: 28px;
margin-bottom: 15px;
}
.call-to-action p{
color: #fff;
margin-bottom: 0;
}
/*===========================
>> 9. SERVICES SECTION
=============================*/
.section-padding{
padding: 100px 0;
display: inline-block;
width: 100%;
}
.services-section{
padding-bottom: 80px;
margin-bottom: 0;
background-color: #f7f7f7;
}
.section-heading{
text-align: center;
padding-bottom: 60px;
}
.section-heading h3{
font-weight: 700;
font-size: 32px;
line-height: 40px;
margin-bottom: 20px;
}
.section-heading > span{
position: relative;
width: 120px;
height: 4px;
margin: auto;
display: block;
background-color: #12132f;
}
.section-heading > span:before{
position: absolute;
content: "";
right: 44%;
top: -5px;
width: 15px;
height: 15px;
border-radius: 50%;
border: 2px solid #fff;
margin: auto;
}
.section-heading p{
font-size: 16px;
color: #6d6d6d;
text-align: center;
padding-top: 40px;
max-width: 1000px;
margin: auto;
}
.services{
position: relative;
background-color: #fff;
padding: 25px 20px;
margin-bottom: 25px;
-webkit-box-shadow:inset 0 0 0 2px #efefef;
box-shadow:inset 0 0 0 2px #efefef;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
}
.services{
text-align: center;
}
.services p{
margin-bottom: 5px;
}
.services i{
font-size: 40px;
margin-bottom: 20px;
}
.services h3 a{
font-size: 18px;
font-weight: 600;
color: #e70000;
margin-bottom: 10px;
}
.services::before,
.services::after{
content: "";
width: 0;
height: 2px;
position: absolute;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.services .bordered-box::before,
.services .bordered-box::after{
content: "";
width: 2px;
height: 0;
position: absolute;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.services:hover::before,
.services:hover::after{
width: 100%;
}
.services:hover .bordered-box::before,
.services:hover .bordered-box::after{
height: 100%;
}
.services::after{
left: 0;
bottom: 0;
transition-delay: 0.6s;
}
.services .bordered-box::after{
transition-delay: 0.4s;
right: 0;
bottom: 0
}
.services::before{
right: 0;
top: 0;
transition-delay: 0.2s;
}
.services .bordered-box::before{
transition-delay: 0s;
left: 0;
top: 0;
}
.services:hover::after{
transition-delay: 0s;
}
.services:hover .bordered-box::after{
transition-delay: 0.2s;
}
.services:hover::before{
transition-delay: 0.4s;
}
.services:hover .bordered-box::before{
transition-delay: 0.6s;
}
/* Services 2 */
.service-with-image .service-block{
overflow: hidden;
position: relative;
border: 1px solid #ebebeb;
}
.service-block .details a{
text-decoration: none;
}
.service-block .details p{
margin-bottom: 15px !important;
}
.service-with-image .service-block .details h2{
margin-bottom: 10px;
}
.service-with-image .ovrly-img-block{
position: relative;
}
.service-with-image .service-block:hover .ovrly-img-block:before{
opacity: 1;
}
.service-with-image .service-block .details{
background-color: #ffffff;
padding: 45px 45px 50px;
position: relative;
text-align: center;
transition: all 0.5s ease 0s;
z-index: 0;
}
.service-with-image .service-block .number{
border-radius: 75px;
color: #fff;
height: 75px;
font-size: 30px;
left: 50%;
line-height: 75px;
position: absolute;
top: -37.5px;
width: 75px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.service-with-image .service-block .details h4{
font-size: 20px;
margin: 10px 0 15px 0;
line-height: normal;
}
a.read-more{
color: #e70000;
font-weight: 600;
}
a.read-more:before {
content: "[";
margin-right: 10px;
display: inline-block;
opacity: 0;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
a.read-more:after {
content: "]";
margin-left: 10px;
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
a.read-more:hover:before,
a.read-more:hover:after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
/*===========================
>> 10. ABOUT US PAGE
=============================*/
.about-us-section{
float: left;
width: 100%;
}
.about-us-section h3{
font-weight: 700;
}
.list-items {
margin-bottom: 20px;
float: left;
}
.list-items li {
position: relative;
font-weight: 500;
line-height: 30px;
padding-left: 25px;
}
.list-items li::before {
content: "\f058";
font-family: 'FontAwesome';
position: absolute;
left: 0;
top: 0;
font-size: 16px;
}
.speciality {
border: 1px solid #efefef;
padding: 20px 15px;
float: left;
width: 100%;
background-color: #f7f7f7;
margin-bottom: 20px;
}
.speciality .media-left{
width: 20%;
font-size: 50px;
vertical-align: middle;
}
.speciality h4{
font-weight: 600;
}
.speciality p {
margin-bottom: 0;
}
/*==============================
>> 11. PORTFOLIO SECTION
================================*/
.portfolio-tab .nav-tabs,
.portfolio-tab .nav-tabs > li,
.portfolio-tab .nav-tabs > li > a{
border: 0;
margin: 0;
outline: none;
border-radius: 0;
color: #e70000;
}
.portfolio-tab .nav-tabs > li > a{
margin-right: 1px;
font-size: 16px;
font-weight: 600;
margin-bottom: 1px;
color: #12132f;
text-transform: capitalize;
}
.portfolio-tab .nav-tabs > li > a:hover,
.portfolio-tab .nav-tabs > li > a:focus{
border: none;
outline: none;
}
.portfolio-tab .nav-tabs > li.active > a{
color: #fff;
}
.portfolio-tab .portfolio-gallery{
margin-left: -15px;
margin-right: -15px;
}
.portfolio-grid{
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.portfolio-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.portfolio-grid .portfolio-content{
color: #fff;
text-align: center;
float: left;
width: 100%;
}
.portfolio-grid .portfolio-content:hover .portfolio-overlay{
visibility: visible;
opacity: 1;
background-color: rgba(0,0,0,0.7);
}
.portfolio-overlay .action-btns{
margin-bottom: 25px;
}
.portfolio-overlay .portfolio-info-inner{
width: 95%;
position: absolute;
left: 50%;
top: 50%;
text-align: center;
line-height: normal;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
}
.portfolio-overlay .action-btns a{
display: inline-block;
width: 45px;
height: 45px;
font-size: 15px;
line-height: 45px;
text-align: center;
color: #ffffff;
border: 0;
outline: none;
margin: 0 5px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
transform: translateY(-70px);
-webkit-transform: translateY(-70px);
-moz-transform: translateY(-70px);
-o-transform: translateY(-70px);
-ms-transform: translateY(-70px);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}
.portfolio-overlay .action-btns .more-link{
background-color: #e70000;
}
.portfolio-grid .portfolio-content:hover .portfolio-overlay a{
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
}
.portfolio-overlay .action-btns a.more-link{
transition: all 0.7s;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
}
.port-title a{
color: #fff;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}
.port-title a:hover,
.port-title a:focus{
text-decoration: none;
color: #e70000;
}
.portfolio-info-inner .port-title{
font-size: 22px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
margin-bottom: 0;
transform: translateY(30px);
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}
.portfolio-grid .portfolio-content:hover .port-title{
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}
.portfolio-info-inner .author{
font-size: 14px;
line-height: 24px;
color: #fff;
transform: translateY(60px);
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-o-transform: translateY(60px);
-ms-transform: translateY(60px);
transition: all 0.7s;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
}
.portfolio-grid .portfolio-content:hover .author{
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transform: translateY(10px);
-ms-transform: translateY(10px);
}
/*===========================
>> 12. TEAM SECTION
=============================*/
.team-section{
width: 100%;
text-align: center;
}
.team-area{
position: relative;
border: 1px solid #efefef;
background-color: #fff;
padding: 5px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.team-area img{
max-width: 100%;
width: 100%;
display: block;
margin: auto;
padding: 0;
}
.team-detail{
position: relative;
padding-top: 5px;
}
.team-social{
position: absolute;
width: 100%;
visibility: hidden;
opacity: 0;
color: #fff;
text-align: center;
padding: 0px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transform: translateY(-0%);
-webkit-transform: translateY(-0%);
}
.team-area:hover .team-social{
visibility: visible;
opacity: 1;
transform: translateY(-125%);
-webkit-transform: translateY(-125%);
}
.team-area h4{
margin-top: 20px;
}
.team-area h4,
.team-area p{
margin-bottom: 10px;
text-align: center;
}
.team-area h4 a{
font-size: 17px;
font-weight: 600;
text-transform: uppercase;
color: #403e4a;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.team-social .social-links ul{
text-align: center;
}
.team-1 ul li{
display: inline-block;
}
.team-1 ul li a{
width: 30px;
height: 30px;
display: block;
text-align: center;
line-height: 30px;
font-size: 15px;
border-radius: 2px;
color: #fff;
background-color: #73b445;
}
.team-1 .team-area .team-img{
position: relative;
overflow: hidden;
}
.team-1 .team-area .team-img:before{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.team-1 .team-area:hover .team-img:before{
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
/* Team Demo 2 */
.team-2 .team-area .team-img{
position: relative;
overflow: hidden;
}
.team-2 .team-area .team-img:before{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.team-2 .team-area:hover .team-img:before{
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
.team-2 .team-detail {
position: relative;
padding-top: 5px;
}
.team-2 .team-social {
position: absolute;
top: 5px;
left: 5px;
visibility: hidden;
opacity: 0;
width: auto;
background-color: transparent;
color: #fff;
text-align: left;
padding: 0px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.team-2 .team-area:hover .team-social{
visibility: visible;
opacity: 1;
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
.team-2 .team-social .social-section{
padding: 15px;
display: inline-block;
text-align: left;
}
.team-2 .social-section li {
display: block;
margin: 3px 0;
}
.team-2 .social-section li a {
width: 30px;
height: 30px;
display: block;
text-align: center;
line-height: 30px;
font-size: 15px;
border-radius: 2px;
color: #ffffff;
}
.team-2 .social-section li a:hover{
background-color: #e70000;
}
/*================================
>> 13. TESTIMONIAL SECTION
==================================*/
.client-area {
width: 100%;
float: left;
color: #333333;
border-radius: 3px;
font-size: 16px;
background-color: #ffffff;
padding: 30px 35px 45px;
}
.arrow-box-3 {
position: relative;
overflow: hidden;
}
.arrow-box-3::before {
position: absolute;
content: "\f10d";
font-family: FontAwesome;
font-size: 90px;
bottom: 20px;
right: -90%;
z-index: 1;
color: rgba(0,0,0,0.03);
transition: all 0.5s ease;
}
.arrow-box-3:hover::before{
right: 10px;
bottom: 25px;
}
/*.arrow-box-3:after {
position: absolute;
content: "";
bottom: 0;
left: -85px;
width: 115px;
height: 100px;
background-color: #efefef;
transform: skew(45deg);
}*/
.client-box {
position: relative;
clear: both;
left: 0;
top: 30px;
}
.client-info,
.client-detail {
float: left;
}
.clientimg {
border-radius: 3px;
/*width: 80px;*/
height: 80px;
float: left;
margin-right: 15px;
}
.clientimg img{
padding: 3px;
border-radius: 3px;
background-color: #ffffff;
}
.client-detail h4 {
color: #ffffff;
font-size: 18px;
font-weight: 400;
margin: 15px 0 6px 0;
}
.client-detail > span {
color: #ffffff;
display: block;
font-size: 13px;
}
/*Testimonial Center*/
.user-testimonial{
text-align: center;
}
.testi-img{
position: relative;
margin: auto;
margin-bottom: 15px;
width: 100px;
height: 100px;
}
.testi-img:before{
position: absolute;
bottom: 5px;
left: 5px;
content: "\f10d";
font-family: 'FontAwesome';
color: #ffffff;
font-size: 13px;
width: 25px;
height: 25px;
border-radius: 100%;
}
.testi-img img{
width: 100px;
height: 100px;
border-radius: 100%;
padding: 3px;
}
.testi-author-name{
font-size: 20px;
color: #ffffff;
margin-bottom: 5px;
}
.testi-author-desig{
color: #f1f1f1;
font-size: 14px;
margin-bottom: 15px;
}
.testi-content{
padding: 0 150px;
color: #fff;
background-color: transparent;
}
/*===========================
>> 14. BLOG SECTION
=============================*/
/*.entry-content a{
text-decoration: underline;
}
.entry-content a:hover{
color: #12132d;
}*/
.entry-content ol{
margin-left: 15px;
}
.post-img{
position: relative;
overflow: hidden;
border-radius: 3px;
}
.post-img a{
float: left;
width: 100%;
}
.post-img img{
max-width: 100%;
}
.post-wrapper{
margin-bottom: 25px;
clear: both;
float: left;
width: 100%;
padding: 15px;
border-radius: 5px;
border: 1px solid #efefef;
-webkit-box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.07);
-ms-box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.07);
-o-box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.07);
box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.07);
}
.entry-meta{
float: left;
margin-right: 20px;
padding-right: 20px;
margin-bottom: 0;
border-right: 1px solid #efefef;
}
.entry-month{
font-size: 14px;
line-height: 22px;
font-style: italic;
}
.post-wrapper h3{
font-size: 22px;
line-height: 28px;
}
.entry-date{
font-size: 18px;
font-weight: 600;
color: #ffffff;
}
.post-wrapper h3{
margin: 0;
}
/*.post-wrapper span{
display: block;
text-align: center;
}*/
.blog-inner{
background-color: #fdfdfd;
padding: 25px 20px 0;
}
.blog-inner-without-image{
background-color: #fdfdfd;
padding: 32px 20px 32px;
}
.blog-inner h3.entry-title{
font-size: 20px;
margin-bottom: 10px;
}
.blog-inner .entry-date,
.blog-inner .entry-month{
display: block;
text-align: center;
}
.blog-inner .entry-month{
padding-top: 0;
}
.blog-inner .data-box{
min-height: 90px;
}
.blog-inner a{
text-decoration: none;
}
.blog-inner .post-meta{
font-size: 12px;
padding: 15px 10px 15px 10px;
border-top: 1px solid #eeeeee;
}
.post-author{
text-align: left;
float: left;
margin-right: 15px;
}
.post-author a,
.post-comment a,
.post-author a:hover,
.post-comment a:hover{
color: #6d6d6d;
}
.post-comment{
text-align: right;
float: right;
}
.post-meta i{
padding-right: 5px;
}
blockquote {
margin: 30px 0;
padding: 20px;
background-color: #f7f7f7;
font-size: 16px;
border-left: 4px solid;
}
blockquote p{
text-align: left !important;
}
.blog-pagging {
text-align: right;
}
.blog-pagging > li {
display: inline-block;
margin: 0 2px;
}
.blog-pagging > li > a {
width: 40px;
height: 40px;
padding: 5px;
line-height: 30px;
float: left;
text-align: center;
color: #e70000;
background-color: #f4f4f4;
border: 1px solid #dad9d9;
}
.blog-pagging .active > a,
.blog-pagging a:hover {
background: #e70000;
border: 1px solid #e70000;
color: #fff;
}
.blog-detail .quote-form {
background: #fdfdfd;
border: 1px solid #efefef;
color: #fff;
padding: 30px;
-webkit-box-shadow: 0px 4px 10px 1px rgb(0 0 0 / 4%);
-moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-o-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 10px 1px rgb(0 0 0 / 4%);
}
.blog-detail .blog-heading > h3 {
text-align: left;
font-size: 28px;
color: #e70000;
font-weight: 700;
}
.quote-form label {
font-weight: normal;
color: #e70000;
}
.quote-form input {
padding: 5px 10px;
background: #fff;
border: none;
border: 1px solid #efefef;
color: #e70000;
width: 100%;
}
.quote-form input[type=submit] {
line-height: 15px;
font-size: 16px;
float: right;
max-width: 200px;
background-color: #e70000;
border: none;
color: #fff;
display: inline-block;
padding: 12px 15px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.quote-form textarea {
width: 100%;
height: 120px;
border: 1px solid #efefef !important;
background: #fff;
border: none;
padding: 10px;
}
/* Blog Default */
.post-wrapper .entry-meta{
float: none;
border-right: 0;
margin: 0;
padding: 0;
}
.post-wrapper .post-img:before{
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
}
.post-wrapper h3{
padding: 15px 0;
}
.post-wrapper .blog-inner .post-meta{
padding-bottom: 0px;
}
.single-post .entry-content p{
margin-top: 0;
}
.single-post .post-wrapper h3{
font-size: 30px;
line-height: 40px;
}
.post-wrapper .blog-inner a.read-more,
.post-wrapper .blog-inner a.read-more:hover{
font-size: 12px;
display: inline-block;
color: #e70000;
font-weight: 600;
}
.post-wrapper .blog-inner span{
display: inline;
padding: 0;
vertical-align: middle;
font-size: 14px;
text-align: left;
font-style: normal;
}
.post-wrapper .blog-inner{
padding: 20px 0 0;
position: relative;
}
.post-wrapper .entry-meta{
display: inline-flex;
background-color: #e70000;
color: #fff;
border-radius: 3px;
font-size: 14px;
padding: 5px 8px;
}
.navigation.pagination{
display: block;
}
.navigation.pagination .nav-links{
float: left;
width: 100%;
}
.navigation.pagination .nav-links .page-numbers{
width: 40px;
height: 40px;
padding: 5px;
line-height: 30px;
float: left;
text-align: center;
color: #e70000;
border-radius: 3px;
background-color: #fdfdfd;
border: 1px solid #efefef;
}
.navigation.pagination .nav-links .page-numbers:hover,
.navigation.pagination .nav-links .page-numbers.current{
background: #e70000;
border: 1px solid #e70000;
color: #fff;
}
.navigation.pagination .nav-links .page-numbers.dots{
border: 0;
}
/*===============================
>> 15. BRAND LOGO SECTION
=================================*/
/*===========================
>> 16. CTA SECTION
=============================*/
.cta-area{
padding: 80px 0;
background-color: #12132f;
}
.cta-area h2{
margin-bottom: 25px;
font-weight: 600;
font-size: 36px;
line-height: 50px;
color: #fff;
}
.cta-area p{
color: #ffffff;
margin-bottom: 20px;
}
.cta-area p.has-btn{
margin-bottom: 0;
text-align: right;
}
.cta-area p.has-btn a{
font-size: 16px;
}
.cta-area p.has-btn span{
display: block;
margin: auto;
}
.cta-area p b {
font-size: 30px;
color: #e70000;
font-style: italic;
}
/*===========================
>> 17. FOOTER SECTION
=============================*/
.footer-widget{
background-color: #12132f;
padding: 50px 0 30px 0;
width: 100%;
}
.footer-widget a,
.footer-bottom a{
color: #ffffff;
}
.footer-widget .widget{
margin-bottom: 0;
}
.footer-widget h2,
.footer-widget .footer-widget-title {
background-color: transparent;
color: #fff;
font-size: 22px;
margin-bottom: 30px;
position: relative;
text-align: left;
letter-spacing: 1px;
}
.footer-widget .widget-about > a.footer-logo{
color: #fff;
display: inline-block;
font-size: 25px;
font-weight: 800;
line-height: 1;
position: relative;
text-transform: capitalize;
text-decoration: none;
margin-bottom: 30px;
}
.footer-widget .widget-about ul{
display: table;
}
.footer-widget .widget-about li{
position: relative;
display: block;
vertical-align: middle;
padding-bottom: 20px;
}
.footer-widget .widget-about li.call-us .left-icon-block {
display: inline-block;
font-size: 28px;
font-weight: 800;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: top;
color: #aeaeae;
}
.footer-widget .widget-about li.call-us .right-text {
display: inline-block;
}
.footer-widget .widget-about li.call-us .right-text .normal-text {
font-size: 14px;
}
.footer-widget .widget-about p{
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
position: relative;
padding-left: 45px;
margin-bottom: 22px;
}
.footer-widget .widget-about p > i{
font-size: 20px;
color: #ffffff;
position: absolute;
left: 0;
top: 35%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.footer-widget .widget-about a{
color: #ffffff;
display: block;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.footer-widget ul {
padding-left: 0;
margin-bottom: 0;
margin-left: 25px;
}
.footer-widget ul li {
display: inline-block;
list-style: none;
width: 100%;
text-indent: 0;
padding-left: 0;
margin-bottom: 0px !important;
}
.recent-posts-widget-with-thumbnails ul li a{
padding-left: 0 !important;
}
.recent-posts-widget-with-thumbnails ul li a::before{
display: none !important;
}
.footer-widget .widget a,
.footer-widget .widget,
.footer-widget a,
.footer-bottom a{
color: #aeaeae !important;
}
.footer-widget ul li a {
position: relative;
display: table;
padding-left: 22px;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.footer-widget ul li time{
padding-left: 22px;
}
.footer-widget a:hover,
.footer-bottom a:hover{
color: #ffffff !important;
}
.footer-widget ul li a::before {
content: "\f178";
font-family: 'FontAwesome';
position: absolute;
font-size: 14px;
left: 0;
top: 0;
margin: 0;
}
.footer-widget .widget-post .post {
position: relative;
min-height: 90px;
padding-left: 95px;
margin-bottom: 30px;
}
.footer-widget .widget-post .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
}
.footer-widget .widget-post .post .desc-text {
position: relative;
margin-bottom: -2px;
top: -6px;
}
.footer-widget .widget-post .post .desc-text a{
font-size: 14px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.footer-widget .widget-post .post .date-info {
color: #717171;
position: relative;
font-weight: 300;
font-size: 12px;
}
.input-section {
position: relative;
margin-bottom: 20px;
}
.subscribe-wrapper input {
color: #ffffff;
width: 100%;
height: 40px;
border-radius: 3px;
border: 1px solid #1e1f50 !important;
background: transparent;
padding: 5px 10px;
}
.subscribe-wrapper button {
color: #ffffff;
position: absolute;
top: 0;
right: 0;
height: 40px;
padding: 5px 10px;
border-radius: 0px 3px 3px 0px;
font-size: 14px;
line-height: 20px;
background: #e70000;
}
.footer-widget .social-icons li,
.top-bar .social-icons li{
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.footer-widget .social-icons li a{
padding: 2px;
width: 30px;
height: 30px;
float: left;
font-size: 16px;
}
.footer-widget .social-icons li a:hover i{
color: #ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
/*==============================
>> 18. COPYRIGHT SECTION
================================*/
.footer-bottom{
font-size: 14px;
width: 100%;
padding: 20px 0;
background-color: #0b0c1d;
}
.footer-bottom p{
color: #ffffff;
padding: 0;
margin-bottom: 0;
}
.footer-bottom .copyright-right{
text-align: right;
}
.footer-bottom ul {
list-style: none;
}
.footer-bottom ul li {
position: relative;
display: inline-block;
margin-right: 20px;
}
.footer-bottom ul li::after {
content: "|";
position: absolute;
top: 0;
right: -16px;
color: #1d1e4e;
font-size: 14px;
}
.footer-bottom ul li:last-child{
margin-right: 0;
}
.footer-bottom ul li:last-child::after{
display: none;
}
.footer-bottom .widget,
.footer-bottom .widget ul li{
margin-bottom: 0px;
padding-bottom: 0px;
}
/*===============================
>> 19. PAGE TITLE SECTION
=================================*/
.blog-margin{
margin: 0px 0px 40px 0px;
overflow: hidden;
}
/*.page-title-block{
position: relative;
padding: 100px 0;
}*/
.page-title-block h2.page-title{
font-weight: 700;
color: #fff;
font-size: 28px;
margin-bottom: 0;
}
.page-title-block{
padding: 250px 0 100px;
}
/*===========================
>> 20. COUNTER SECTION
=============================*/
.counter-section{
position: relative;
background-color: #f7f7f7;
}
.counter-area i,
.counter-value{
position: relative;
}
.counter-area{
position: relative;
background: url(../images/bg/testimonial-bg.jpg) no-repeat;
background-size: cover;
background-position: 100% 100%;
border: 1px solid #efefef;
padding: 40px 20px;
}
.counter-area:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(59, 59, 59, 1);
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.counter-area:hover:before{
background-color: rgba(59, 59, 59, 0.5);
}
.counter-area i{
font-size: 36px;
display: block;
padding-bottom: 30px;
color: #fff;
}
.counter-sec{
text-align: center;
}
.counter-sec .counter-value{
font-size: 48px;
font-weight: 500;
margin-bottom: 30px;
color: #fff;
}
.counter-sec p{
margin-bottom: 0;
color: #ffffff;
font-size: 18px;
}
/*===============================
>> 21. SINGLE SERVICE PAGE
=================================*/
/*.widget-area li {
position: relative;
padding-bottom: 10px;
}
.widget-area a {
display: block;
padding: 10px;
color: #e70000;
}
.widget-area ul li.active > a {
color: #fff;
}
.widget-area li:before{
color: #e70000;
content: "\f105";
position: absolute;
right: 20px;
top: 10px;
display: block;
font-family: "FontAwesome";
}
.widget-area li:hover a{
color: #fff;
}
.widget-area a i {
float: right;
font-size: 20px;
margin-top: 2px;
}
.widget-area {
margin-bottom: 50px;
}
.widget-area:last-child{
margin-bottom: 0px
}
.widget-title {
position: relative;
margin-bottom: 0;
}
.widget-title > h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 10px;
position: relative;
text-transform: capitalize;
}
.widget-title span.divider {
height: 8px;
width: 80px;
margin: 0 0 10px;
border-bottom: 3px solid;
position: relative;
display: inline-block;
}
.broucher-item i {
position: absolute;
font-size: 20px;
width: 30px;
height: 30px;
top: 8px;
left: 14px;
line-height: 30px;
}
.broucher-item:hover i{
color: #fff;
}
.broucher-item > a {
background: #e70000;
color: #fff;
padding-left: 50px;
}
.broucher-item {
position: relative;
margin: 10px 0;
}
.broucher-item a span {
color: #fff;
float: right;
margin-top: 7px;
}
.service-right-part > h3{
margin-top: 15px;
}
.service-right-part p{
margin-bottom: 10px;
}
.widget-area .newsletter{
margin-top: 10px;
}*/
/*===============================
>> 22. BLOG WITH SIDEBARS
=================================*/
/* Blog left sidebar */
.widget-area{
border: 1px solid #efefef;
padding: 30px 20px;
background-color: #fdfdfd;
border-radius: 3px;
-webkit-box-shadow: 0px 4px 10px 1px rgb(0 0 0 / 4%);
-moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-o-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 10px 1px rgb(0 0 0 / 4%);
}
.widget-area ol li,
.widget-area ul li{
position: relative;
padding-left: 25px;
padding-bottom: 2px;
line-height: 1.7;
}
.widget-area ol li:before,
.widget-area ul li:before{
font-family: 'FontAwesome';
position: absolute;
top: 3px;
left: 0;
content: "\f178";
font-size: 14px;
}
.widget-area ol,
.widget-area ul{
padding-left: 0;
}
h4.widget-title{
margin-bottom: 30px;
font-weight: 600;
font-size: 24px;
}
.search-form {
margin: 0;
padding: 0;
}
.search-form .input-group{
width: 100%;
z-index: 0;
}
.footer-widget input{
color: #ffffff !important;
}
.widget_search .input-group-append button{
background-color: #12132f;
}
.search-form .input-group input[type = text]{
height: 50px;
box-shadow: none;
border-radius: 3px 0 0 3px !important;
}
.search-form .input-group button{
color: #ffffff;
font-size: unset !important;
width: 50px;
height: 50px !important;
line-height: 16px !important;
border-radius: 0 3px 3px 0 !important;
}
.search-form .input-group button i{
font-size: 16px;
}
.search-form .btn-default{
background-color: #e70000;
border: 1px solid #e70000;
height: 44px;
width: 44px;
transition: all 0.5s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.search-form input[type="submit"] {
position: relative;
height: 44px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
background-color: #fff;
}
.search-form .input-group:hover .btn-default{
background-color: #e70000;
}
.search-form .btn-default i{
color: #ffffff;
}
.sidebar-widget .media{
margin-top: 0;
margin-bottom: 25px;
}
.sidebar-widget .media-left{
width: 27%;
}
.sidebar-widget .media-heading{
font-size: 16px;
}
.sidebar-widget .media-object{
width: 80px;
}
.sidebar-widget small{
clear: both;
display: block;
line-height: 1.8;
}
.sidebar-widget .tag-cloud a{
float: left;
margin-right: 10px;
margin-bottom: 10px;
color: #6d6d6d;
border: 1px solid #efefef;
text-align: center;
padding: 2px 10px;
font-size: 14px;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.sidebar-widget .tag-cloud a:hover{
color: #fff;
border: 1px solid #efefef;
}
.sidebar-widget .categories li{
display: block;
list-style: none;
}
.sidebar-widget .categories li a{
color: #6d6d6d;
font-size: 14px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.sidebar-widget .categories li a i{
font-size: 18px;
vertical-align: middle;
}
/* Blog detail comment section */
.blog-area {
border: 1px solid #efefef;
background-color: #fff;
margin-bottom: 30px;
}
.comment-section .media-left {
padding-right: 20px;
}
.comment-section .media-left img {
max-width: 80px;
max-height: 80px;
border: 1px solid #efefef;
}
.comment-section .media-body h6 {
margin-bottom: 0px;
}
.comment-area {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #efefef;
}
.author-area {
float: left;
}
.comment-section{
background: #f7f7f7;
border: 1px solid #dfdfdf;
color: #fff;
padding: 30px;
}
.comment-section .blog-heading > h3{
text-align: left;
font-size: 28px;
color: #313131;
font-weight: 700
}
.comment-section .quote-form{
background: #fff;
border: 1px solid #efefef;
color: #fff;
padding: 20px 30px;
}
.comment-section .media-left{
padding-right: 20px;
}
.comment-section .media-left img{
max-width: 80px;
max-height: 80px;
border: 1px solid #efefef;
}
.comment-section .media-body h6{
margin-bottom: 0px;
}
.comment-section .media-body abbr {
color: #999;
display: block;
font-size: 13px;
margin-top: 7px;
margin-bottom: 10px;
font-weight: 500;
line-height: 20px;
}
.comment-area{
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #efefef
}
.comment-area p{
clear: both;
display: block;
color: #e70000;
}
.media-heading small{
padding-left: 10px;
}
.media-heading small a{
color: #999;
font-size: 12px;
}
.author-area{
float: left;
}
.reply-btn{
float: right;
}
/*===========================
>> 23. CONTACT US
=============================*/
/* google map */
.map-sec{
width: 100%;
margin-top: 30px;
}
.map{
margin-bottom: -6px;
}
.contact-detail {
border: 1px solid #efefef;
padding: 20px 15px;
float: left;
width: 100%;
background-color: #f7f7f7;
margin-bottom: 20px;
}
.contact-detail .media-left{
width: 20%;
padding-right: 20px;
font-size: 36px;
vertical-align: middle;
}
.contact-detail h4{
font-weight: 600;
}
.contact-detail p {
margin-bottom: 0;
}
.contact-form{
width: 100%;
border: 1px solid #efefef;
background-color: #f7f7f7;
padding: 30px;
}
.contact-form input[type='text'].form-control,
.contact-form input[type='email'].form-control{
margin-bottom: 15px;
height: 50px;
background-color: #fff;
border: 1px solid #efefef;
box-shadow: none;
}
.contact-form textarea.form-control{
height: 185px;
background-color: #fff;
border: 1px solid #efefef;
box-shadow: none;
}
#googleMap{
width: 100%;
height: 436px;
margin-bottom: -8px;
}
/*===========================
>> 24. 404 ERROR PAGE
=============================*/
.error-page{
position: relative;
background: url(../images/bg/about-bg.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 0 100%;
padding: 100px 0;
height: 100vh;
color: #fff;
}
.error-content{
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}
.error-404{
font-size: 130px;
margin-bottom: 22px;
display: block;
text-align: center;
color: #ffffff;
}
.error-page h2{
color: #fff;
font-size: 36px;
}
.error-404 i{
font-size: 200px;
}
/*============= ================ ======
33. WordPress SPECIFIC CSS
=============== ================ =====*/
/* GENERAL CSS FOR BLOG START */
.entry-content > *,
.entry-summary > *,
.entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
.entry-content > .wp-block-group > .wp-block-group__inner-container > * {
margin: 20px 0;
max-width: 100%;
}
.wp-block-button__link,
.wp-block-cover-text{
color: #ffffff !important;
}
table td, table th {
padding: 0.5em;
border: 1px solid #cecece;
word-break: break-all;
}
blockquote {
border-left: 2px solid;
margin-left: 0;
padding: 4px 0 4px 20px;
}
dd {
margin: 0 1rem 1rem;
}
dt {
font-weight: bold;
}
ul {
list-style: disc;
}
.sidebar li a {
line-height: 1.8;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
b, strong {
font-weight: bolder;
}
.post-wrapper:hover .blog-inner h3 a,
a:hover,
.widget-area a:hover{
color: #e70000;
}
.entry-content a{
text-decoration: underline;
}
.footer-widget .wp-block-search input[type=search] {
background: #ffffff;
}
.footer-widget .wp-block-search .wp-block-search__button {
background: #e70000 !important;
border: 1px solid #e70000 !important;
}
.error404 h2{
font-size: 120px;
line-height: 0.8;
font-weight: 800;
margin-bottom: 30px;
}
.error404 h3{
font-size: 24px;
}
/* GENERAL CSS FOR BLOG END */
.blog-inner iframe{
width: 100%;
height: 350px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
z-index: 1;
}
.woocommerce span.onsale{
padding: 0 15px;
color: #ffffff;
line-height: 30px;
font-weight: normal;
min-height: auto;
border-radius: 0;
background-color: #12132f;
}
.woocommerce ul.products li.product .onsale,
.woocommerce .product .onsale{
margin: 16px 0 0 16px;
top: 0;
left: 0;
right: auto;
z-index: 1;
border-radius: 3px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: #ffffff;
background: #12132f;
z-index: 2;
border-bottom-color: #12132f;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: 2px 2px 0 #12132f;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: -2px 2px 0 #12132f;
}
.woocommerce ul.products li.product{
text-align: center;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
background-color: #12132f;
color: #ffffff;
font-weight: normal;
}
.woocommerce ul.products li.product .button {
margin-top: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
padding-top: 0px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #12132f;
}
.woocommerce ul.products li.product {
text-align: center;
background-color: #ffffff;
padding: 15px 15px 20px 15px;
border: 1px solid #efefef;
border-radius: 3px;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
height: 40px;
padding: 0 10px;
border: 1px solid #efefef;
color: #373737;
}
.woocommerce nav.woocommerce-pagination ul li{
margin-right: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers{
line-height: 14px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
padding: 12px;
border-radius: 3px;
width: 40px;
height: 40px;
line-height: 15px;
background-color: #ffffff;
border: 1px solid #efefef;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
background-color: #12132f;
color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
border: none;
float: none;
}
.woocommerce .quantity .qty{
line-height: 0;
margin-right: -3px;
margin-bottom: 0;
height: 38px;
border-radius: 3px 0 0 3px;
border: 1px solid #efefef !important;
}
.woocommerce div.product{
background: #ffffff;
border: 1px solid #efefef;
padding: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
color: #373737;
font-weight: normal;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
padding: 7px 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover{
color: #ffffff;
background: #12132f;
z-index: 2;
border-bottom-color: #12132f;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border: 1px solid #efefef;
background-color: #f2f2f2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
border-bottom: 1px solid #efefef;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
line-height: 0;
width: 150px;
margin-right: 10px !important;
}
.shipping-calculator-form span{
width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color: #999;
}
.select2-container--default .select2-selection--single{
border: 1px solid #efefef;
height: 40px;
}
.woocommerce table.shop_table{
background-color: #ffffff;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
max-width: 48%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
height: 40px;
margin-bottom: 20px;
border: 2px solid #efefef;
color: #9d9d9d;
border-radius: 0px;
padding: 6px 12px;
}
.woocommerce-input-wrapper{
width: 100%;
}
.woocommerce form .form-row label {
color: #373737;
width: 100%;
font-weight: bold;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single{
border: 2px solid #efefef;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
background-color: #12132f;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
max-width: 100%;
}
.woocommerce-info > a:hover {
color: #ffffff;
}
.woocommerce-info > a,
.woocommerce-privacy-policy-text > a{
padding-left: 15px;
text-decoration: underline;
}
.woocommerce-info > a:hover{
text-decoration: none;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-info::before,
.woocommerce-info > a{
color: #ffffff;
}
#customer_details{
background-color: #ffffff;
border: 1px solid #efefef;
padding: 20px 0 10px 0;
margin-bottom: 30px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #f0f0f0;
border-radius: 5px;
border: 1px solid #efefef;
}
.woocommerce .widget .calendar_wrap table thead th,
.woocommerce-page .widget .calendar_wrap table thead th{
color: #373737;
}
.woocommerce-MyAccount-navigation ul{
list-style: none;
}
.woocommerce-MyAccount-navigation ul li{
display: block;
}
.woocommerce-MyAccount-navigation ul li a{
padding: 12px 10px;
display: block;
background-color: #f5f7fb;
border-radius: 3px;
margin-bottom: 5px;
border: 1px solid #efefef;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
color: #ffffff;
}
.wc-product-block-v1,
.wc-product-block-v2,
.wc-product-block-v3{
position: relative;
padding: 15px 15px 20px 15px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0,0,0,0.1);
box-shadow: 0px 0px 40px -10px rgba(0,0,0,0.1);
}
.wc-product-block-v1{
margin-bottom: 30px;
}
.wc-product-block-v1 .wc-onsale,
.wc-product-block-v3 .wc-onsale{
position: absolute;
top: 10px;
left: 10px;
padding: 1px 10px;
display: inline-block;
border-radius: 3px;
color: #ffffff;
font-size: 15px;
background-color: #12132f;
}
.wc-product-block-v1 .woocommerce-Price-amount,
.wc-product-block-v3 .woocommerce-Price-amount{
margin-bottom: 15px;
}
.wc-product-block-v1 .wc-product-img,
.wc-product-block-v2 .wc-product-img,
.wc-product-block-v3 .wc-product-img{
position: relative;
overflow: hidden;
float: left;
width: 100%;
margin-bottom: 25px;
}
.wc-product-block-v1 .wc-product-img img,
.wc-product-block-v2 .wc-product-img img,
.wc-product-block-v3 .wc-product-img img{
object-fit: cover;
}
.wc-product-block-v1 .wc-product-title,
.wc-product-block-v2 .wc-product-title,
.wc-product-block-v3 .wc-product-title,
.wc-product-block-v1 .wc-product-title a:hover,
.wc-product-block-v2 .wc-product-title a:hover,
.wc-product-block-v3 .wc-product-title a:hover{
display: block;
clear: both;
font-size: 20px;
font-weight: 600;
margin-bottom: 18px;
color: #12132f;
text-transform: capitalize;
}
.wc-product-block-v1 .wc-product-content,
.wc-product-block-v2 .wc-product-content,
.wc-product-block-v3 .wc-product-content{
text-align: center;
clear: both;
}
.wc-product-block-v1 del .woocommerce-Price-amount,
.wc-product-block-v2 del .woocommerce-Price-amount,
.wc-product-block-v3 del .woocommerce-Price-amount{
color: #cccccc;
text-decoration: line-through;
}
.wc-product-block-v1 .woocommerce-Price-amount,
.wc-product-block-v2 .woocommerce-Price-amount,
.wc-product-block-v3 .woocommerce-Price-amount{
display: inline-block;
padding: 0 5px;
font-size: 18px;
color: #828485;
}
.wc-product-block-v1 .wc-add-to-cart-btn {
opacity: 0;
visibility: hidden;
text-align: center;
margin-bottom: 5px;
position: absolute;
bottom: 0;
left: 50%;
transition: all 0.5s ease;
transform: translateX(-50%);
}
.wc-product-block-v1{
transition: all 0.5s ease;
}
.wc-product-block-v1:hover .wc-add-to-cart-btn{
opacity: 1;
visibility: visible;
bottom: 30%;
}
.wc-product-block-v1 .wc-add-to-cart-btn > a,
.wc-product-block-v2 .wc-add-to-cart-btn > a,
.wc-product-block-v3 .wc-add-to-cart-btn > a{
background-color: #12132f;
color: #ffffff;
padding: 10px 20px;
display: inline-block;
border-radius: 3px;
}
/*Woocommerce Version 2*/
.wc-product-block-v2 .wc-add-to-cart-btn{
list-style: none;
width: 100%;
height: auto;
position: absolute;
left: 50%;
padding: 15px;
bottom: 50%;
opacity: 0;
text-align: center;
transition: all 0.5s ease;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.wc-product-block-v2:hover .wc-add-to-cart-btn{
opacity: 1;
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transition: all 0.5s ease;
}
.wc-product-block-v2 .wc-product-img::before{
width: 100%;
height: 100%;
position: absolute;
content: "";
opacity: 0;
background-color: rgba(0,0,0,0.3);
transition: 0.6s ease all;
}
.wc-product-block-v2:hover .wc-product-img::before{
opacity: 1;
}
.wc-product-block-v2 .wc-onsale{
position: absolute;
top: 10px;
left: -40px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
line-height: 30px;
font-size: 15px;
font-weight: bold;
width: 130px;
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*Woocommerce Version 3*/
.wc-product-block-v3 .wc-add-to-cart-btn{
list-style: none;
width: 100%;
height: auto;
position: absolute;
left: 50%;
padding: 15px;
bottom: 0%;
opacity: 0;
text-align: center;
transition: all 0.5s ease;
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
}
.wc-product-block-v3:hover .wc-add-to-cart-btn{
opacity: 1;
transform: translate(-50%, -170%);
-webkit-transform: translate(-50%, -170%);
-moz-transform: translate(-50%, -170%);
-o-transform: translate(-50%, -170%);
transition: all 0.5s ease;
}
.wc-product-block-v3 .wc-product-img{
overflow: visible;
}
.wc-product-block-v3 .wc-onsale{
position: absolute;
top: -15px;
left: -15px;
padding: 0;
display: inline-block;
border-radius: 50px;
color: #ffffff;
font-size: 15px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
}
/*===========================
WORDPRESS DEFAULT STYLE
=============================*/
.post-wrapper figure{
width: 100% !important;
}
/* Sidebar Widget Area */
.widget{
margin: 0 0 30px 0;
font-size: 14px;
}
.shadow-block,
/*.woocommerce .widget,
.woocommerce-page .widget,*/
.woocommerce-page .post-info,
.page-template-default .post-info{
border: 1px solid #efefef;
background: #fdfdfd;
border-radius: 3px;
padding: 25px 15px;
-webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-o-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
}
.widget-area a,
.woocommerce .widget a,
.woocommerce-page .widget a{
font-size: 15px;
color: #6d6d6d;
}
.widget.widget-search .input-group-append{
margin-left: -46px;
}
.widget.widget-search .search-form input{
padding-right: 55px;
font-size: 14px;
height: 50px;
border-radius: 3px;
border: 1px solid #ebebeb;
}
.no-results .search-form button[type="submit"]{
color: #ffffff;
}
.widget.widget-search .input-group-append button.btn{
color: #fff;
font-size: 14px;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
z-index: 3;
}
.widget .media img{
width: 80px;
border-radius: 3px;
-webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.4);
box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.4);
}
.widget .media-body h3{
font-size: 14px;
line-height: 22px;
margin-bottom: 1px;
}
.widget .media-body h3 a{
color: #373737;
}
.widget .media-body p{
font-size: 14px;
margin-bottom: 0;
}
.widget .media{
padding-bottom: 25px;
}
.widget ul{
list-style: none;
margin: 0;
padding: 0;
}
.widget ul li{
padding-bottom: 10px;
}
.footer-widget .widget ul li{
padding-bottom: 5px;
}
.widget-tags ul li{
display: inline-block;
margin-bottom: 3px;
margin-right: 3px;
padding-bottom: 0;
}
.widget-tags ul li a{
padding: 8px 15px;
font-size: 15px;
border: 1px solid #eeeeee;
background-color: #f8f8f8;
color: #373737;
float: left;
border-radius: 3px;
}
.widget-tags ul li a:hover{
color: #fff;
}
.widget-categories ul li,
.widget-meta ul li{
border-bottom: 1px solid #ebebeb;
padding-bottom: 15px;
margin-bottom: 15px;
}
.widget-categories ul li:last-child,
.widget-meta ul li:last-child,
.widget .media:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.widget-instagram ul li,
.widget-gallery ul li{
display: inline-block;
margin-bottom: 0;
margin-right: 2px;
padding-bottom: 0;
width: 30.33%;
}
.widget-instagram ul li a,
.widget-gallery ul li a{
float: left;
}
.widget-meta ul li{
display: block;
}
.widget-meta ul li a span{
border-bottom: 1px dotted;
}
/*Widget section css sidebar/footer/header*/
.widget{
margin-bottom: 40px;
}
.widget .post-date{
font-size: 12px;
color: #717171;
font-style: italic;
font-weight: 400;
}
.widget .post-author{
font-size: 12px;
line-height: 22px;
}
.main-footer .widget.widget_recent_entries ul li > a{
color: #ffffff;
}
.widget select{
width: 100%;
height: 40px;
border-radius: 3px;
padding-left: 10px;
border: 1px solid #efefef;
}
.widget .calendar_wrap table thead th,
.widget .calendar_wrap table td,
.widget .calendar_wrap caption{
text-align: center;
border: 1px solid #0b0c1d;
}
.widget .calendar_wrap caption{
background-color: #0b0c1d;
}
.widget .calendar_wrap table td#today{
color: #ffffff;
background-color: #0b0c1d;
}
.widget .calendar_wrap table thead th{
color: #ffffff;
}
.widget-area .widget .calendar_wrap table thead th{
color: #373737;
}
.widget-area .widget .calendar_wrap table td,
.widget-area .widget .calendar_wrap table thead th,
.widget-area .widget .calendar_wrap table caption{
border: 1px solid #eeeeee;
}
.widget-area .widget .calendar_wrap table td#today,
.widget-area .widget .calendar_wrap table caption{
background-color: #12132f;
color: #ffffff;
}
#wp-calendar{
width: 100%;
}
/*Comment section css*/
.comment-section,
.quote-form{
background: #fff;
border: 1px solid #efefef;
padding: 15px 15px 25px 15px;
display: inline-block;
width: 100%;
-webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
-o-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.04);
}
.quote-form h3{
font-size: 28px;
margin-bottom: 25px;
}
.quote-form label{
color: #373737;
font-weight: 600;
font-size: 16px;
}
.quote-form p{
margin-bottom: 10px;
}
.quote-form textarea{
height: 300px;
margin-bottom: 0;
}
.quote-form input[type="submit"],
.wpcf7-submit{
position: relative;
color: #fff;
background-color: #12132f;
padding: 12px 15px;
display: inline-block;
font-size: 16px;
outline: none;
cursor: pointer;
outline: none;
border: 0px solid transparent;
line-height: 1.42857;
border-radius: 3px !important;
font-weight: 600;
text-align: center;
white-space: nowrap;
}
.wpcf7-form p:last-child{
margin-bottom: 0;
}
.quote-form input[type="checkbox"]{
margin-right: 10px;
}
p.logged-in-as{
margin-bottom: 25px;
}
.logged-in-as > a{
text-decoration: underline;
padding-left: 15px;
}
.logged-in-as > a:first-child{
padding-left: 0;
}
.reply-btn.more-link{
float: right;
margin-top: -22px;
}
.comment-section ul.children{
margin-left: 30px;
margin-bottom: 10px;
}
.comment-section .comment-area{
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.widget_nav_menu ul ul.sub-menu{
margin-left: 20px;
margin-top: 20px;
}
.widget_nav_menu ul ul.sub-menu li:last-child{
padding-bottom: 0;
}
/*Contact Form*/
.wpcf7 .wpcf7-form-control-wrap{
display: block;
margin-top: 5px;
}
.wpcf7 label{
font-weight: normal;
width: 100%;
}
.wpcf7-form-control-wrap textarea{
margin-bottom: 0;
height: 250px;
}
.wpcf7 p{
margin-bottom: 10px;
}
/* WP DEFAULT GALLERY STYLE START */
/*style 1*/
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure{
background-color: #ffffff;
padding: 0px;
overflow: hidden;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
transition: ease 0.5s all;
}
.blocks-gallery-grid .blocks-gallery-image figure:hover,
.blocks-gallery-grid .blocks-gallery-item figure:hover,
.wp-block-gallery .blocks-gallery-image figure:hover,
.wp-block-gallery .blocks-gallery-item figure:hover{
background-color: #ffffff;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
}
.blocks-gallery-grid .blocks-gallery-image figure img,
.blocks-gallery-grid .blocks-gallery-item figure img,
.wp-block-gallery .blocks-gallery-image figure img,
.wp-block-gallery .blocks-gallery-item figure img{
transition: ease 0.5s all;
transform: scale(1);
}
.blocks-gallery-grid .blocks-gallery-image figure:hover img,
.blocks-gallery-grid .blocks-gallery-item figure:hover img,
.wp-block-gallery .blocks-gallery-image figure:hover img,
.wp-block-gallery .blocks-gallery-item figure:hover img{
transform: scale(1.05);
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption{
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
}
/*style 2*/
.style2 .blocks-gallery-grid .blocks-gallery-image figure,
.style2 .blocks-gallery-grid .blocks-gallery-item figure,
.style2 .wp-block-gallery .blocks-gallery-image figure,
.style2 .wp-block-gallery .blocks-gallery-item figure{
background-color: #ffffff;
padding: 10px;
overflow: hidden;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
transition: ease 0.5s all;
}
.style2 .blocks-gallery-grid .blocks-gallery-image figure:hover,
.style2 .blocks-gallery-grid .blocks-gallery-item figure:hover,
.style2 .wp-block-gallery .blocks-gallery-image figure:hover,
.style2 .wp-block-gallery .blocks-gallery-item figure:hover{
background-color: #ffffff;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
}
.style2 .blocks-gallery-grid .blocks-gallery-image figcaption,
.style2 .blocks-gallery-grid .blocks-gallery-item figcaption,
.style2 .wp-block-gallery .blocks-gallery-image figcaption,
.style2 .wp-block-gallery .blocks-gallery-item figcaption{
position: absolute;
bottom: 10px;
width: 94%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
}
/* style3 */
.style3 .blocks-gallery-grid .blocks-gallery-image figcaption,
.style3 .blocks-gallery-grid .blocks-gallery-item figcaption,
.style3 .wp-block-gallery .blocks-gallery-image figcaption,
.style3 .wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: -40px;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #373737;
text-align: center;
font-size: 13px;
background: none;
}
.style3 .blocks-gallery-grid .blocks-gallery-image,
.style3 .blocks-gallery-grid .blocks-gallery-item,
.style3 .wp-block-gallery .blocks-gallery-image,
.style3 .wp-block-gallery .blocks-gallery-item{
margin: 0 16px 50px 0;
}
/* WP DEFAULT GALLERY STYLE END */
/*===========================
>> 25. STYLE SWITCHER
=============================*/
/*color changer*/
#switcher {
position: fixed;
top: 0;
left: -240px;
width: 240px;
z-index: 999;
font-size: 15px;
padding-bottom: 20px;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
height: 100%;
background: #fff;
box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.switcher-inner{
padding: 15px;
float: left;
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.style-block{
float: left;
width: 100%;
margin-bottom: 20px;
}
#switcher.active {
left: 0px;
}
#switcher p {
color: #fff;
bottom: -6px;
position: absolute;
left: 21px;
font-size: 13px;
}
#switcher .theme-click {
color: #e70000;
cursor: pointer;
display: block;
font-size: 20px;
height: 40px;
line-height: 40px;
position: absolute;
right: -40px;
text-align: center;
top: 40%;
width: 40px;
z-index: 2;
background-color: #fff;
box-shadow: 0px 0px 7px 1px #b4b4b4;
-webkit-box-shadow: 0px 0px 7px 1px #b4b4b4;
}
.theme-setting h5{
font-size: 16px;
font-weight: 800;
margin: 10px 0;
clear: both;
}
.theme-setting .layout a{
float: left;
padding: 5px 10px;
text-align: center;
min-width: 90px;
margin-right: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
}
.theme-setting ul{
margin: 0 0 10px 0;
padding: 0;
}
.theme-setting ul li{
display: inline-block;
list-style: none;
float: left;
}
#switcher .theme-color {
width: 40px;
height: 40px;
margin-right: 5px;
margin-bottom: 5px;
float: left;
cursor: pointer;
}
#switcher .skin-1 {
background: #86bc42;
}
#switcher .skin-2 {
background: #e82857;
left: 40px;
}
#switcher .skin-3 {
background: #033d75;
left: 80px;
}
#switcher .skin-4 {
background: #a29fc8;
left: 120px;
}
#switcher .skin-5 {
background: #888888;
left: 0px;
top: 40px;
}
#switcher .skin-6 {
background: #cb011b;
left: 40px;
top: 40px;
}
#switcher .skin-7{
background: #637e95;
left: 80px;
top: 40px;
}
#switcher .skin-8 {
background: #f7b70a;
left: 120px;
top: 40px;
}
/*===========================
>> 26. LAYOUT CHANGER
=============================*/
.bg-pattern li a img{
width: 96px;
height: 45px;
padding: 0 2px;
margin-bottom: 5px;
cursor: pointer;
}
/* ALL MEDIA QUERIES START */
@media (max-width: 576px){
.main-slider .slide-content h2{
font-size: 32px;
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item{
width: calc((100% - 32px)/1);
margin-right: 0;
}
.top-bar .social-icons{
float: none;
}
#widget-left ul,
#widget-right ul{
text-align: center;
}
}
@media (max-width: 767.98px){
.testimonial-area .testimonial-slider1 .item{
margin-bottom: 70px;
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item{
width: calc((100% - 32px)/2);
}
.middle-bar .logo a{
display: block;
max-width: 300px;
margin-left: auto;
text-align: center;
margin-right: auto;
}
.default .middle-bar .logo a{
float: left;
}
.default .middle-bar{
display: none;
}
.default .middle-bar + .container{
background-color: rgba(0,0,0,0.4);
}
.default .middle-bar .logo{
margin-bottom: 0;
}
.middle-bar .logo img{
max-width: 100%;
display: block;
margin: auto;
}
.right-widget-area ul{
float: none;
display: none;
max-width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
.middle-bar .logo-area li{
display: inline-block;
padding-bottom: 15px;
}
.call-to-action .btn{
float: none;
}
.layout-1 .middle-bar .logo-area{
padding-bottom: 0;
}
.service-with-image .service-block .number{
height: 65px;
line-height: 65px;
top: -32.5px;
width: 65px;
border-radius: 65px;
}
.banner-text h1 {
font-size: 36px;
line-height: 42px;
}
.error-404{
font-size: 70px;
}
.error-404 i{
font-size: 130px;
}
.error-page h2{
font-size: 32px;
}
.cta-area p.has-btn,
.cta-area h2{
text-align: center;
}
.cta-area p.has-btn{
margin-top: 25px;
}
.default .cta-area h2 {
margin-bottom: 10px;
}
.call-to-action .site-button{
float: none;
}
.section-padding{
padding: 50px 0;
}
.entry-meta {
float: none;
margin-right: 0;
margin-bottom: 20px;
border-right: none;
text-align: center;
width: 100%;
}
.entry-month{
width: 100%;
}
.blog-inner h3{
margin-bottom: 10px;
}
.blog-inner h3{
text-align: center;
}
.testi-content{
padding: 15px;
}
}
@media (max-width: 991.98px){
.mainmenu{
padding: 20px 0 !important;
}
.middle-bar .logo-area li.call-us .right-text h4{
font-size: 14px;
margin-bottom: -2px;
}
.middle-bar .logo-area li.call-us .right-text .normal-text{
font-size: 12px;
}
.right-widget-area ul{
float: none;
display: table;
margin: auto;
}
.middle-bar .logo{
margin: auto;
margin-bottom: 20px;
text-align: center;
}
.middle-bar .logo-area li.call-us .left-icon-block{
display: none;
}
.service-with-image .service-block .details{
padding: 45px 25px 35px;
}
.mainmenu{
padding: 20px 0;
/*flex-direction: row-reverse;*/
}
.comment-section .media-left {
display: block;
padding-right: 0px;
}
.comment-section .media-heading {
padding-top: 10px;
}
.copyright-left{
margin-bottom: 15px;
}
.copyright-left,
.copyright-right{
text-align: center !important;
}
.sidebar-widget .media-left{
width: 50%;
}
.sidebar-widget .media-left,
.sidebar-widget .media-body{
display: block;
padding-right: 0;
}
.sidebar-widget .media-left{
padding-bottom: 10px;
}
.post-comment{
text-align: left;
float: left;
}
}
@media (max-width: 1199px) and (min-width: 992px){
body.boxed{
width: 100%;
}
}
@media screen and (min-width:992px){
.main-slider .slide-content{
width: 70%;
padding-top: 50px;
}
.dropdown-caret-mobile {
display: none;
}
.service-with-image .service-block{
height: 335px;
}
.service-with-image .ovrly-img-block:before{
background-color: rgba(0, 0, 0, 0.6);
bottom: 20px;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: auto;
transition: all 0.3s ease 0s;
width: 100%;
z-index: 0;
}
.service-with-image .service-block .details{
height: 195px;
position: absolute;
bottom: 0;
}
.service-with-image .service-block:hover .details{
height: 230px;
bottom: 0;
}
}
@media (min-width: 1200px){
.service-with-image .service-block{
height: 370px;
}
.service-with-image .service-block .details{
height: 195px;
position: absolute;
bottom: 0;
}
.service-with-image .service-block:hover .details{
height: 230px;
bottom: 0;
}
body.boxed {
width: 1200px;
-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
margin: auto;
position: relative;
background-size: cover;
background-attachment: fixed;
}
}
/* ALL MEDIA QUERIES END */
/* LAYOUT 1 CSS START */
.layout-1 header {
position: relative;
width: 100%;
z-index: 2;
-webkit-box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 10%);
box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 10%);
}
.layout-1 .main-slider {
width: 100%;
height: 100vh;
}
.layout-1 .main-slider .item{
height: 100vh;
}
.layout-1 .navbar-collapse{
background-color: transparent;
}
.layout-1 .navbar-nav{
flex-wrap: wrap;
}
.layout-1 .top-bar #widget-left li{
color: #ffffff;
}
.layout-1 .top-bar{
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.layout-1 .mainmenu{
padding: 20px 0;
}
.layout-1 .top-bar #widget-right li a,
.layout-1 .footer-widget .social-icons li a,
.layout-1 .top-bar .social-icons li a,
.layout-1 .footer-widget .social-icons li a{
color: #ffffff;
/*background: transparent;*/
}
.layout-1 .top-bar #widget-right li a:hover,
.layout-1 .footer-widget .social-icons li a:hover{
color: #ffffff;
/*background: transparent;*/
}
.layout-1 .middle-bar{
padding-top: 0;
}
/* LAYOUT 1 CSS END */
.menu-area {
background-color: #fff;
}
.dropdown-menu {
padding: 0;
margin: 0;
border: 0 solid transition!important;
border: 0 solid rgba(0, 0, 0, .15);
border-radius: 0;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.mainmenu .navbar-collapse ul.navbar-nav > li > a{
position: relative;
}
.mainmenu .navbar-collapse ul.navbar-nav > li > a.dropdown-toggle::before {
content: '\f107';
font-family: 'FontAwesome';
position: absolute;
top: 35%;
right: 0;
color: #ffffff;
font-size: 12px;
}
.layout-1 .mainmenu .navbar-collapse ul.navbar-nav > li > a.dropdown-toggle::before{
color: #ffffff;
top: 32%;
}
/*.mainmenu a,*/
.navbar-default .navbar-nav > li > a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
color: #ffffff;
font-size: 14px;
text-transform: capitalize;
padding: 12px 15px;
display: block !important;
}
.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav>.show>a,
.navbar-default .navbar-nav>.show>a:focus,
.navbar-default .navbar-nav>.show>a:hover {
outline: 0;
}
.navbar-light .navbar-toggler{
padding: 0;
}
.navbar-light .navbar-toggler .fa-bars{
color: #ffffff;
border: 1px solid #fff;
padding: 5px 10px;
}
.only-mobile{
display: none;
}
.only-desktop{
display: block;
}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mainmenu .collapse ul ul > li > a{
color: #12132f;
}
/*.mainmenu .collapse ul ul > li:hover > a
.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
background-color: #e9e9e9;
color: #12132f;
}
.mainmenu .collapse ul ul ul > li:hover > a {
background-color: #e9e9e9;
}
.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
background-color: #f5f5f5;
}
.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
background-color: #f5f5f5;
}
.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
background-color: #f5f5f5;
}*/
/******************************Drop-down menu work on hover**********************************/
.mainmenu {
background: none;
border: 0 solid;
margin: 0;
padding: 0;
min-height: 20px;
width: 100%;
}
@media only screen and (min-width: 992px) {
.dropdown-caret-mobile{
display: none;
}
/* Level 1 */
.mainmenu .navbar-nav > li > a{
padding: 18px 15px;
}
.mainmenu .collapse ul ul {
position: absolute;
top: 80px;
left: 0;
min-width: 250px;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.mainmenu .collapse ul li:hover> ul,
.mainmenu .collapse ul li> ul.focused {
visibility: visible;
opacity: 1;
top: 100%;
}
/* Level 2 */
.mainmenu .collapse ul ul li {
position: relative;
}
.mainmenu .collapse ul ul ul {
position: absolute;
top: 0;
left: 120%;
min-width: 250px;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.mainmenu .collapse ul ul li{
border-bottom: 1px solid #efefef;
}
.mainmenu .collapse ul ul li:hover > ul,
.mainmenu .collapse ul ul li > ul.focused {
visibility: visible;
opacity: 1;
top: 0;
left: 100%;
}
.mainmenu .collapse ul ul li a .fa-angle-right{
position: absolute;
right: 20px;
top: 20px;
}
/* Level 3 */
.mainmenu .collapse ul ul ul li {
position: relative
}
.mainmenu .collapse ul ul ul ul {
position: absolute;
top: 0;
left: -120%;
min-width: 250px;
display: block;
z-index: 1;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.mainmenu .collapse ul ul ul li:hover ul {
visibility: visible;
opacity: 1;
top: 0;
left: -100% !important;
}
}
@media only screen and (max-width: 991.98px) {
.call-us{
display: none;
}
.navbar-nav ul li a:focus,
.navbar-nav ul li a button:focus{
outline: 1px dotted #000000 !important;
}
.dropdown-caret-mobile {
position: absolute;
right: 5px;
top: 10px;
width: 30px;
height: 30px;
cursor: pointer;
color: #ffffff;
font-size: 16px;
border: 0;
text-align: center;
line-height: 20px;
background-color: #12132f;
}
.navbar-nav > li > ul > li > a{
padding-left: 25px;
}
.navbar-nav > li > ul > li > ul > li > a{
padding-left: 35px;
}
.mainmenu ul li a,
.mainmenu ul li a:hover,
.mainmenu ul li a:focus{
color: #6d6d6d !important;
background-color: #ffffff;
border-bottom: 1px solid #ededed;
}
.only-mobile{
display: inline-block;
}
.only-desktop{
display: none;
}
/*.navbar-nav .show .dropdown-menu .dropdown > li > a{
background-color: #fff;
}*/
/*.mainmenu .collapse ul ul > li.dropdown > a,
.mainmenu .collapse ul ul > li.dropdown > ul.dropdown-menu > li.dropdown > a{
background-color: #e9e9e9;
}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a,
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a,
.navbar-nav .show .dropdown-menu > li > a {
padding: 16px 15px 16px 35px;
background-color: #f5f5f5;
}
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a:hover,
.navbar-nav .show .dropdown-menu > li > a:hover{
background-color: #e9e9e9;
}*/
/* Level 1 mobile arrow */
.mainmenu ul li a .fa-angle-down{
position: absolute;
right: 15px;
top: 15px;
width: 25px;
height: 25px;
color: #12132f;
text-align: center;
line-height: 25px;
}
}
/*custom css*/
.mainmenu ul li a.dropdown-toggle::after{
display: none;
}
/* LAYOUT 1 CSS START */
.layout-1 .navbar-default .navbar-nav > li > a,
.layout-1 .mainmenu ul li a,
.layout-1 .navbar-expand-lg .navbar-nav .nav-link
{
color: #ffffff;
}
.layout-1 .mainmenu .collapse ul > li ul li:hover > a{
color: #12132f;
background-color: #efefef;
}
/* LAYOUT 1 CSS END */