AlkantarClanX12
Your IP : 18.221.27.56
/*
Theme Name: Spiko
Theme URI: https://spicethemes.com/spiko-wordpress-theme/
Author: spicethemes
Author URI: https://spicethemes.com
Description: Spiko WordPress Theme is a lightweight, elegant, fully responsive, and translation-ready theme that allows you to create stunning blogs and websites. The theme is well suited for companies, law firms, eCommerce, finance, agency, travel, photography, design, arts, personal, and any other creative websites and blogs. The theme is developed using the Bootstrap 4 framework. It comes with a predesigned home page, good-looking header designs, and a number of content sections that you can easily customize. It also has lots of customization options (banner, services, testimonial, etc) that will help you create a beautiful, unique website in a short time. Spiko is compatible with popular plugins like Polylang, WooCommerce and Contact Form 7. The theme provides custom breadcrumb trail options for popular plugins - Breadcrumb NavXT, Yoast SEO, and Rank Math SEO plugin .This theme is fully GDPR-compliant and doesn’t use any external Google Fonts. All fonts are locally hosted. Spiko theme is available in several locales. (DEMO: https://spiko.spicethemes.com/)
Tags: one-column, two-columns, right-sidebar, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready, rtl-language-support
Version: 1.1.6
Requires at least: 4.5
Tested up to:6.4
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spiko
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Common
2.0 Forms
3.0 Buttons
4.0 Lists
5.0 Tables
6.0 Links
7.0 Header Contact Details
8.0 Social Icons
9.0 Woocommerce Header Cart
10.0 Main Slider
11.0 Next Preview Button
12.0 SECTION HEADER
13.0 MIXED CLASS
14.0 SERVICE SECTION
15.0 CTA SECTION
16.0 TESTIMONIAL SECTION
17.0 FUNFACT SECTION
18.0 Blog
18.1 Blog Post Content
18.2 BLOG PAGINATION
18.3 BLOG SIDEBAR
19.0 Gallery
20.0 TEAM SECTION
21.0 SHOP AND PRODUCT SECTION
22.0 Sponsors Section
22.0 CONTACT DEATIL SECTION
23.0 FOOTER SECTION Site Info
24.0 Breadcrumb
25.0 ABOUT PAGE
26.0 PORTFOLIO PAGE
27.0 Error 404 PAGE
28.0 Footer Sidebar Section
29.0 Page Scroll Up
30.0 Blog Single
31.0 Common classes
32.0 Sticky Menu Classes
33.0 Footer Layout
34.0 Slider Video Button , Background Video And Images
34.1 New Widget Slider
35.0 Pre Loaders
35.1 PRE LOADERS 2
35.2 PRE LOADERS 3
35.3 PRE LOADERS 4
35.4 PRE LOADERS 5
35.5 PRE LOADERS 6
36 Others
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Common
--------------------------------------------------------------*/
html {
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style: scrollbar;
}
html { font-size: 1rem; }
@media (min-width: 768px) and (max-width: 991px) {
html { font-size: 0.875rem; }
}
@media (min-width: 200px) and (max-width: 768px) {
html { font-size: 0.75rem; }
}
body,
button,
input,
select,
textarea {
font-family: "Poppins", "Work Sans", "Helvetica Neue", helvetica, arial, sans-serif;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3,
h4, h5, h6 {
clear: both;
line-height: 1.5;
margin: 0 0 1.875rem;
color: #0a0a0a;
font-weight: 700;
font-family: 'Poppins', sans-serif;
}
h1 { font-size: 2.250rem; /* 36px */ }
h2 { font-size: 1.875rem; /* 30px */ }
h3 { font-size: 1.500rem; /* 24px */ }
h4 { font-size: 1.250rem; /* 20px */ }
h5 { font-size: 1.000rem; /* 16px */ }
h6 { font-size: 0.875rem; /* 14px */ }
p {transition: 0.3s;margin: 0 0 1.6rem; padding: 0;font-size: 0.938rem; color:#888888;font-family: 'Poppins', sans-serif;}
p:last-child { margin-bottom: 0rem; padding: 0; }
dfn, cite, em, i { font-style: italic; }
blockquote {
font-size: 1.500rem;
font-style: normal;
margin: 0 0 1.563rem;
overflow: hidden;
padding: 0.625rem 1.25rem;
quotes: "" "";
font-weight: 400;
position: relative;
background-color: #f5f6fa;
}
#testimonial-carousel3 blockquote{border-left:unset;background-color: unset;font-size: unset;}
#testimonial-carousel4 blockquote{border-left:unset;background-color: unset;font-size: unset;}
.testi-4 .item {margin: 0 2px;}
blockquote cite { color: #061018; font-size: 1.000rem; display: block; font-style: normal; font-weight: 400; margin-top: 0.5em; }
q { quotes: "“" "”" "‘" "’"; }
blockquote:before, blockquote:after { content: ""; }
#content :focus {
outline: 1px solid #000;
}
dl dd a, dl dd a:hover, dl dd a:focus, ul li a:focus { color: #727272; }
.bg-default, .section-space.blog.bg-default{background-color:#f5f6fa;}
.bg-default-color{background-color:#ffffff;}
.entry-meta .tag-links a {
background-color: #ffffff;
border: 1px solid #e9e9e9;
color: #727272;
font-size: 0.875rem;
display: inline-block;
padding: 0.188rem 1.25rem;
margin: 0 0 0.625rem 0.500rem;
}
.entry-meta .tag-links a:hover, .entry-meta .tag-links a:focus {
color: #ffffff;
}
.entry-meta > span {
color: #727272;
margin: 0px 0px 0px -5px;
}
.entry-meta a {
color: #727272;
padding: 0;
}
.blog-author {
background-color: #ffffff;
border: 1px solid #e9e9e9;
margin: 0 0 5rem;
padding: 2.188rem 1.875rem 1.875rem;
}
.blog-author.media .avatar img {
border-radius: 50%;
}
.blog-author .avatar {
margin: 0 0 0px 2.5rem;
height: 12.5rem;
width: 12.5rem;
}
.blog-author .post-by {
color: #727272;
font-size: 0.938rem;
font-weight: 400;
margin-bottom: 0.625rem;
}
.blog-author .name {
margin: 0 0 0.625rem;
}
p:last-child {
margin-bottom: 0rem;
padding: 0;
}
.blog .standard-view .entry-content img {
max-width: 100%;
height: auto;
}
.wp-caption.alignnone img, .wp-caption.aligncenter img, .wp-image-907 {
width: 100%;
height: auto;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-block-latest-comments__comment-meta{background-color: #ffffff;}
.has-media-on-the-right.is-stacked-on-mobile {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
right: calc( -12.5% - 75px);
max-width: calc( 125% + 150px);
}
.post .entry-content {
display: block;
overflow: hidden;
margin: 0px;
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
color: #ffffff;
}
.wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover {
color: #fff;
}
.alignwide, .aligncenter {
margin-bottom: 1.87rem;
}
.funfact-icon {color:#ffffff;}
address { margin: 0 0 1.5em;color: #888888; }
pre {
background: #eee;
font-size: 1.000rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em; }
code, kbd, tt, var { font-size: 1.000rem; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #eee; text-decoration: none; }
.business-shop mark, .business-shop ins { background: transparent;}
big { font-size: 125%; }
iframe { border: 0; }
#wrapper { background-color: #f8f8f8; margin: 0px auto; }
.sticky{}
cite{ font-style: italic !important; }
.bypostauthor{}
#attachment_907 { width: 100% !important; }
.alignnone img{ display: block; height: auto; width: 99%; }
img.alignleft, .wp-caption.alignleft{ margin-left: 30px; }
img.alignright, .wp-caption.alignright{ margin-right: 30px; float: left;}
img.wp-caption .alignnone { display: block; margin: 0 auto; height: auto; width: 100%; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption{
clear: right;
font-style: italic;
line-height: 1.5em;
margin: 0.75em 0;
text-align: center;
}
.wp-caption.alignright { margin: 5px 20px 20px 0;}
.wp-caption p.wp-caption-text {
font-size: 14px;
margin: 12px 0;
text-align: center;
font-style: italic;
line-height: 1.5em;
}
.wp-caption.alignleft { margin: 5px 0 20px 20px;}
.gallery .gallery-icon img {
height: auto;
max-width: 90%;
padding: 0;
border: 1px solid #fff !important;
-moz-box-shadow: 0 0 5px 2px rgba(33, 28, 28, .3);
-webkit-box-shadow: 0 0 5px 2px rgba(33, 28, 28, .3);
box-shadow: 0 0 5px 2px rgba(33, 28, 28, .3);
}
.gallery-item .gallery-caption, .hc_service_column .gallery-item .gallery-caption {
font-size: 14px;
margin: 12px 0;
text-align: center;
font-style: italic;
line-height: 1.5em;
}
a img.alignright { float: left; }
a img.alignnone { margin: 5px 0 20px 20px; }
a img.alignleft { float: right; }
a img.aligncenter { display: block; margin-right: auto; margin-left: auto; }
@media screen and (min-width: 30rem){
img.alignleft { float: right; margin-left: 20px; }
}
.alignleft { display: inline; float: right; margin-left: 20px; }
.aligncenter { clear: both; display: block; margin-right: auto; margin-left: auto; }
fieldset {
margin-bottom: 1rem;
border: 1px solid #e9e9e9;
margin: 0 2px;
padding: 0.35rem 0.950rem 0.75rem;
}
fieldset p { margin: 0px 0 20px; }
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.500rem;
color: #0f0f16;
font-weight: 600;
display: table;
max-width: 100%;
border-bottom: none;
width: auto;
padding: 0;
white-space: normal;
}
/*--------------------------------------------------------------
2.0 Forms
--------------------------------------------------------------*/
label { color: #21202e;display: block;font-weight: 500;margin-bottom: 0.5em;font-size: 1rem; }
fieldset { margin-bottom: 1em; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #0a0a0a;
background: transparent;
border: 1px solid #d5d5d5;
-webkit-border-radius: 0px;
border-radius: 0px;
display: block;
padding: 1em;
width: 100%;
}
.slider-caption.yes .wpcf7 input[type="text"],
.slider-caption.yes .wpcf7 input[type="email"],
.slider-caption.yes .wpcf7 input[type="url"],
.slider-caption.yes .wpcf7 input[type="password"],
.slider-caption.yes .wpcf7 input[type="search"],
.slider-caption.yes .wpcf7 input[type="number"],
.slider-caption.yes .wpcf7 input[type="tel"],
.slider-caption.yes .wpcf7 input[type="range"],
.slider-caption.yes .wpcf7 input[type="date"],
.slider-caption.yes .wpcf7 input[type="month"],
.slider-caption.yes .wpcf7 input[type="week"],
.slider-caption.yes .wpcf7 input[type="time"],
.slider-caption.yes .wpcf7 input[type="datetime"],
.slider-caption.yes .wpcf7 input[type="datetime-local"],
.slider-caption.yes .wpcf7 input[type="color"],
.slider-caption.yes .wpcf7 textarea {
border: 1px solid #707070;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #0a0a0a;
outline: unset;
}
select {
border: 1px solid #f3f3f3;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 3em;
max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
margin-left: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 0.938rem;
font-weight: 600;
line-height: 1;
padding: 1rem 2.188rem;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ffff;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #ffffff;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background-color: #ffff
}
form#commentform label {display: inline!important;}
/* Placeholder contact page text color */
.contact-info::-webkit-input-placeholder { color: #0a0a0a; }
.contact-info:-moz-placeholder { color: #0a0a0a; }
.contact-info::-moz-placeholder { color: #0a0a0a; }
.contact-info:-ms-input-placeholder { color: #0a0a0a; }
/* Placeholder comment form text color */
.comment-form::-webkit-input-placeholder { color: #0a0a0a; }
.comment-form:-moz-placeholder { color: #0a0a0a; }
.comment-form::-moz-placeholder { color: #0a0a0a; }
.comment-form:-ms-input-placeholder { color: #0a0a0a; }
/*===================================================================================
3.0 BUTTONS
===================================================================================*/
.btn-small {
font-size: 1rem;
padding: 0.688rem 1.75rem;
}
.btn-ex-small { min-width: 9rem; font-size: 1.000rem; padding: 0.563rem 2.188rem; }
.btn-small, .btn-ex-small {
display: inline-block;
-webkit-font-smoothing: antialiased;
position: relative;
letter-spacing: 0;
border-radius: 0;
text-align: center;
transition: .3s;
font-weight: 600;
}
.btn-default:focus,.btn-light:focus,.btn-border:focus{outline: 1px solid;box-shadow: unset;}
.btn-default { color: #fefefe; border-radius: 3px; }
.btn-default:hover,.btn-default:focus, .btn-default:active { background: #fefefe; }
.btn-light { background: #ffffff;border-radius: 3px; }
.btn-light:hover,.btn-light:focus, .btn-light:active {color: #fefefe;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
color: #ffffff;
box-shadow: unset;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
color: #ffffff;
box-shadow: unset;
}
.btn-default-dark {color: #fefefe; }
.btn-default-dark:hover,.btn-default-dark:focus, .btn-default-dark:active {background: #333333; color: #fff;}
.btn-border { background: #fefefe; color: #333333; border: 2px solid #22a2c4; }
.btn-border:hover, .btn-border:active { border: 2px solid #22a2c4; }
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background: transparent;
-webkit-text-fill-color: #0a0a0a;
transition: background-color 5000s ease-in-out 0s;
}
/*--------------------------------------------------------------
4.0 Lists
--------------------------------------------------------------*/
ul, ol { margin: 0 1.125em 1.5em 0; padding: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-right: 1.5em; }
dt { font-weight: 700; }
dd { margin: 0 1.5em 1.5em; }
/*ul, ol { font-weight: normal; margin: 20px 0 0; }
ul > li, ol > li { margin: 0; padding: 4px 0; }
ul, ol { padding: 0 0 0 20px; }*/
/*--------------------------------------------------------------
5.0 Tables
--------------------------------------------------------------*/
table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; word-wrap: break-word; }
thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; }
th { padding: 0.4em; text-align: right; }
tr { border-bottom: 1px solid #eee; }
td { padding: 0.4em; }
th:first-child, td:first-child { padding-right: 0; }
th:last-child, td:last-child { padding-left: 0; }
/*--------------------------------------------------------------
6.0 Links
--------------------------------------------------------------*/
a { color: #0a0a0a; text-decoration: none !important; transition: 0.3s;cursor: pointer; }
/*==================================================================================
7.0 HEADER CONTACT DETAILS
===================================================================================*/
.navbar-light h2{margin: 0; padding-bottom: 0;font-size: 2.250rem;}
.header-sidebar {
padding: 0;
min-height: 2.813rem;
}
.head-contact-info {
padding: 0.438rem 0 0.438rem;
margin: 0px;
display: block;
float: left;
}
.head-contact-info li {
display: inline-block;
margin: 0rem;
/*padding-left: 0.625rem;*/
color: #ffffff;
font-size: 0.938rem;
position: relative;
}
.header-sidebar .head-contact-info {padding-top: 6px;}
.header-sidebar .widget li:before{content: "";}
.header-sidebar .widget .head-contact-info li.phone::after
{
content: "|";
font-family: FontAwesome;
color: #fff;
position: relative;
left: 0;
margin-right: 10px;
margin-left: 5px;
}
.header-sidebar .widget li .fa-phone{
padding-right: 0;
}
.head-contact-info li:last-child { padding-left: 0; }
.head-contact-info li a { color: #ffffff; }
.head-contact-info li a:hover, .head-contact-info li a:focus { color: #0a0a0a;}
.head-contact-info i { padding-left: 0.625rem; padding-right: 0.063rem; }
@media (max-width: 991px) {
.header-sidebar { padding: 0.875rem 0; }
.head-contact-info li { margin: 0 0 0.625rem; }
.address-info { text-align: center; }
.custom-social-icons li { padding: 0; }
.head-contact-info { float: none; }
}
@media (max-width: 991px) {
.header-sidebar .widget{text-align: center;}
.dropdown-menu {border:unset;}
.navbar .navbar-collapse ul, .navbar.navbar-collapse ol{
margin: 1.5em 1.125em 1.5em 0em;
}
}
.footer-sidebar ul {
list-style: none;
margin: 0;
}
@media (max-width: 500px) {
.head-contact-info li { display: block; padding-left: 0; }
/*.head-contact-info li::after { display: none; }*/
}
/*===================================================================================
8.0 SOCIAL ICONS
/*===================================================================================*/
.custom-social-icons { margin: 0; padding: 0; }
@media (min-width: 991px){
.header-sidebar .widget .custom-social-icons{
float: right;
padding-left: 1.188rem;
}}
.widget .address-info i {
padding-left: 0.625rem;
padding-right: 0.063rem;
}
.custom-social-icons li { display: inline-block;padding: 0.438rem 0.1rem;}
.header-sidebar .custom-social-icons li{padding-right: 0;}
/*.custom-social-icons li > a:hover,
.custom-social-icons li > a:before { display: none; }*/
.custom-social-icons li > a:hover, .custom-social-icons li > a:focus {
background-color: #fff;
}
.custom-social-icons li > a {
font-size: 0.838rem;
line-height: 2.3;
transition: all 0.3s;
display: inline-block;
border-radius: 3px;
cursor: pointer;
box-shadow: none;
color: #fff;
margin: 0;
padding: 0;
text-align: center;
height: 1.75rem;
width: 1.75rem;
}
.contact .custom-social-icons li > a {
background-color: #eeeeee;
}
@media (max-width: 1200px){
.contact-form-map .row{
margin-left: 0;
margin-right: 0;
}}
.custom-social-icons li a i { padding: 0; }
.widget em {
font-style: normal;
display: inline-block;
margin: 0;
color: #ffffff;
font-size: 0.938rem;
position: relative;
padding: 0.413rem 0 0.313rem;
}
@media (min-width: 991px){
.widget em {
float: left;
}
}
/*===================================================================================*/
/* Search Box Style
/*===================================================================================*/
/* 1. Search bar Fullwidth - hidden search field */
#searchbar_fullwidth {
display: none;
/* float: left; */
float: none;
width: 100%;
height: 3.875rem;
border-top: 1px solid #d8d8d8;
padding-right: 9.375rem;
padding-left: 9.375rem;
z-index: 1;
position: relative;
background: #fff;
-webkit-box-shadow: 1px 3px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 3px 2px rgba(0,0,0,0.3);
box-shadow: 1px 3px 2px rgba(0,0,0,0.3);
}
#search_box_fullwidth {
display: block;
width: 88%;
border: 0;
outline: none;
padding: 0;
height: 3.75rem;
line-height: 3.75rem;
font-size: 1.25rem;
font-weight: 500;
color: #64646d;
}
#search_submit_fullwidth {
display: block;
float: left;
margin: 0.563rem 0 0.563rem;
font-size: 1.750rem;
background: none;
color: #202020;
border: 0;
outline: none;
line-height: 1.5;
cursor: pointer;
padding: 0;
}
/* 2. Search Bar Fullscreen - hidden search field */
#searchbar_fullscreen {
position: fixed;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0,0.95);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
z-index: 1000;
}
#searchbar_fullscreen input[type="search"] {
position: absolute;
top: 50%;
width: 100%;
color: #64646d;
background: rgba(0, 0, 0, 0);
font-size: 3.125rem;
font-weight: 400;
text-align: center;
border: 0px;
margin: 0rem auto;
margin-top: -3.188rem;
padding-right: 1.875rem;
padding-left: 1.875rem;
outline: none;
}
@media (max-width: 991px){
#searchbar_fullscreen input[type="search"] {
font-size: 2.125rem;
margin-top: -1.25rem;
}
}
#searchbar_fullscreen .btn {
position: absolute;
top: 50%;
right: 50%;
left: auto;
margin-top: 5.813rem;
margin-right: -2.813rem;
border-radius: 2px;
border: black;
color: #ffffff;
padding: 0.563rem 1.563rem;
font-size: 0.938rem;
font-weight: 400;
}
#searchbar_fullscreen .close {
position: fixed;
top: 0.938rem;
left: 0.938rem;
color: #fff;
opacity: 1;
padding: 0.625rem 1.063rem;
font-size: 1.688rem;
}
#searchbar_fullscreen.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}
/*===================================================================================*/
/* Search Box
/*===================================================================================*/
.nav-search{
margin-left: 25px;
display: inline-block;
line-height: 16px;
position: relative;
top: 0px;
}
.nav .open> .search-icon, .nav .open> .search-icon:focus{
background-color: unset;
border-color: unset;
}
.search-box-outer .dropdown-menu {
top: 50px !important;
right: auto !important;
left: 0px;
padding: 0px;
width: 324px !important;
margin: 0px !important;
background-color: #fff !important;
position: absolute;
}
@media (max-width:768px){
.search-box-outer .dropdown-menu {
position: absolute;
right: 0 !important;
width:280px !important;}
}
.search-box-outer .dropdown-menu > li {
padding: 0.25rem 0.5rem;
border: none;
background: none;
}
.search-form {
width: 100%;
}
.search-form label {
width: 98%;
}
.search-form .screen-reader-text {
display: none;
}
.search-panel .form-container {
padding: 10px 0 2px 0;
}
.search-panel input[type="search"]{
display: block;
width: 100%;
height: 40px;
color: #0a0a0a;
line-height: 24px;
background: #ffffff;
border: 1px solid #e0e0e0;
padding: 7px 7px 7px 90px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
font-size: large;
}
.search-form input[type="submit"] {
cursor: pointer;
position: absolute;
width: auto;
transition: all .3s ease-in-out;
color: #fff;
font-weight: 600;
height: 40px;
right: auto;
left: 8px;
font-size: 15px;
top: 13px;
padding: 12px 25px;
}
.search-box-outer .dropdown-toggle::after {
display:none;
}
.navbar-nav.sm-collapsible .search-box-outer .has-submenu {
padding-left: 0;
}
.navbar.navbar-light .navbar-toggler {
color: rgba(255,255,255,.5);
border-color: rgba(255,255,255,.1);
}
.search-box-outer a{
font-size: 16px;
font-weight: 400;
font-family: Montserrat;
color:#fff;
padding-left: 0 !important;
}
.search-box-outer .bg-light { background-color:transparent !important;}
.search-box-outer .search-form input[type="submit"] {padding: 12px 20px;}
.search-box-outer .search-form input[type="submit"]:focus {outline: 1px solid black;}
.search-box-outer a i{
padding-left: 3px;
}
@media (min-width: 768px) and (max-width: 992px){
.search-box-outer .dropdown-menu {
top: 35px;
}
}
.search-box-outer .sub-arrow{display: none !important;}
/*===================================================================================
9.0 Woocommerce Header Cart
===================================================================================*/
.nav-search {
margin-left: 0rem;
display: inline-block;
line-height: 1rem;
position: relative;
top: 0px;
padding: 0 0 0 0.5rem;
}
.cart-header {
position: relative;
/*border-right: 1px dotted #ffffff;*/
padding: 0 0.5rem 0 0;
display: inline-block;
margin-left: 1.5rem;
}
.five .cart-header{border-right: unset;}
.shop_exists .cart-header {border-right:unset;}
.cart-header > a.cart-icon {
-wekbit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
font-size: 0.875rem;
line-height: 1.3;
color: #ffffff;
padding: 0;
}
/*.navbar .nav .nav-item .cart-header > a:focus {color:#21202e;}*/
.cart-header > a.cart-total {
font-size: 0.75rem;
line-height: 1.7;
color: #ffffff;
text-align: center;
font-weight: 400;
position: absolute;
left: auto;
top: -5px;
padding: 1px;
width: 1.25rem;
height: 1.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-wekbit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 991px) {
.cart-header {
margin-top: 0.938rem;
margin-bottom: 0.938rem;
}
}
.woocommerce img.custom-logo, .woocommerce-page img.custom-logo {
max-width: unset;
}
/*===================================================================================
10.0 Main Slider - Owl Carousel
===================================================================================*/
.main-slider { position: relative; }
.bcslider-section .overlay,.video-slider .overlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
}
.bcslider-section .owl-theme .owl-dots {
position: absolute;
top: 87%;
right: 0;
left: 0;
z-index: 1000;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
display: none;
}
#slider-carousel { margin: 0px; }
#slider-carousel .item {
position: relative;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
z-index: 0;
background-size: cover;
height: 56rem !important;
}
.home-section {
position: relative;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
z-index: 0;
background-size: cover;
height: 56rem !important;
}
.video-slider.home-section{overflow: hidden;height: 56rem!important;}
.video-slider #video_slider {
position: absolute;
bottom: 0;
top: 0;
min-width: 100%;
min-height: 100%;
}
.video-slider .hero-section {
overflow: hidden;
}
.video-slider #slider-carousel {
margin: 0px;
position: relative;
top: 0;
background: transparent;
}
.video-slider #slider-carousel .item {background-color: transparent;}
.slider-caption { position: relative; display: table; height: 100%; z-index: 1; }
.slider-caption.yes { height: auto;right: 0;position: absolute;left: 0;z-index: 1;top: 55%;-webkit-transform: translateY(-50%); }
.caption-content { display: table-cell; vertical-align: middle;width: 60%;}
.caption-content .heading{margin-bottom:2.6rem;}
.slider-caption.yes .wpcf7-form label{color: #ffffff;}
.slider-caption .title {
font-size: 3.125rem;
line-height: 1.1;
color: #fefefe;
text-shadow: 0px 4px 3px rgba(0, 0, 0, .4);
margin: 0 0 1.500rem;
font-family: 'Poppins', sans-serif;
position: relative;
}
.slider-caption .inner-title{
display: block;
width: 62%;
color: #fff;
position: relative;
padding: 0 50px 0 0;
}
.slider-caption .btn-combo i{padding-right: 0.5rem;font-size: 0.813rem;}
.slider-caption .text-center .inner-title{margin: 0 auto;}
.slider-caption .text-right .inner-title{margin-right: auto;}
.slider-caption .inner-title:before {
content: '';
position: absolute;
width: 10px;
right: 0;
bottom: 0;
top:5px;
}
.slider-caption .btn-default {
margin-left: 0.938rem;
}
.slider-caption .description {color: #ffffff;margin: 0 0 2rem; text-shadow: 0px 4px 3px rgba(0, 0, 0, .4);}
.slider-caption .heading span{
font-size: 1rem;
font-weight: 600;
color: #fefefe;
border-radius: 10px;
text-align: center;
padding: 0.5rem 1.125rem;
margin-bottom: 0.938rem; }
.slider-caption .ptop-15 .btn-small { margin-right: 0.313rem; margin-left: 0.313rem; }
@media only screen and (max-width: 600px) {
.slider-caption .title { font-size: 2.5rem; margin: 0 0 1.000rem; }
.slider-caption .inner-title{width: 75%;padding: 0 20px 0 0;}
.slider-caption .ptop-15 { padding-top: 1.563rem; }
}
/*Slider Pointer*/
.pointer-scroll {
background: #22a2c4;
position: absolute;
font-family: 'fontAwesome';
content: '\f103';
bottom: -33px;
right: 0;
left: 0;
border: 2px solid #ffffff;
color: #fff;
z-index: 2;
text-align: center;
font-size: 1.700rem;
line-height: 2;
display: block;
width: 4.125rem;
height: 4.125rem;
margin: 0px auto;
border-radius: 50%;
-webkit-animation: intro 2s;
animation: intro 2s;
}
.pointer-scroll:hover, .pointer-scroll:focus { color: #fff; }
@media (max-width: 767px) {
.pointer-scroll { bottom: -1.563rem; width: 3.125rem; height: 3.125rem; font-size: 1.350rem; }
}
.pointer-scroll .scroll {
-webkit-animation: finger 1s infinite;
animation: finger 1s infinite;
}
@-webkit-keyframes intro {
0% {
opacity: 1;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes intro {
0% {
opacity: 1;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
@keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
/*===================================================================================
11.0 OWL SLIDER NEXT - PREV BUTTONS
===================================================================================*/
.owl-carousel .owl-prev, .owl-carousel .owl-next{
display: inline-block;
background-color: rgba(33, 32, 46, 0.5);
opacity: 0;
color: #fff;
font-size: 1.3rem;
line-height: 2.3;
padding: 0 !important;
margin: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 3px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 3rem;
height: 3rem;
z-index: 10;
overflow: hidden;
cursor: pointer;
text-align: center;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
border: none;
}
.owl-carousel .owl-prev { right: 1.875rem; }
.owl-carousel .owl-next { left: 1.875rem; }
.owl-carousel:hover .owl-prev { right: 10rem;opacity: 1; }
.owl-carousel:hover .owl-next { left: 10rem;opacity: 1; }
.owl-carousel .owl-next:focus { opacity: 1; }
.owl-carousel .owl-prev:focus { opacity: 1; }
@media (max-width:768px){
.owl-carousel:hover .owl-prev { right: 3rem;}
.owl-carousel:hover .owl-next { left: 3rem; }
}
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-prev:focus {
color: #fff;
}
.owl-carousel .owl-next:hover,
.owl-carousel .owl-next:focus {
color: #fff;
}
/*===================================================================================
12.0 SECTION HEADER
===================================================================================*/
body.remove-banner .navbar{position: relative;}
body.remove-banner.page-template-template-business .navbar{position: absolute;}
body.remove-banner .navbar.stickymenu, body.remove-banner .navbar.shrink1,.seven.navbar.shrink1{position: fixed;}
body.remove-banner.page-template-template-business-php #content {padding: 0;}
.navbar.navbar4 .nav .nav-item .nav-link {color: #000000;}
.navbar.seven .nav .nav-item.html , .navbar.seven .nav .nav-item.html a{color: #000000;}
.navbar4 .search-box-outer a, .navbar4 .cart-header > a.cart-icon {color: #000;}
.navbar4 .cart-header {border-right: 1px dotted #000000;}
.section-header { padding: 0; position: relative; text-align: center; }
.section-separator.border-center, .section-separator.border-center-two {
margin-right: calc(50% - 50px);
}
.section-separator {
position: relative;
height: 4px;
width: 50px;
border-radius: 0;
margin-bottom: 2rem;
}
.section-separator::before {
position: absolute;
content: "";
height: 100%;
width: 20%;
border-radius: 0;
left: -28%;
top: 0;
}
.section-separator::after {
position: absolute;
content: "";
height: 100%;
width: 22%;
border-radius: 0;
left: -60%;
top: 0;
}
.section-header {margin: 0 0 4.375rem;padding: 0;position: relative;}
.section-header .section-title {margin-bottom: 1rem;font-size: 2rem;}
.section-header .section-subtitle {font-size: 1.000rem;font-weight: 400;margin: 0 0 0.500rem; }
hr.divider { border-top: none; width: 4.375rem; height: 0.125rem; margin: 0.938rem auto 21px; }
.right-header .navbar-brand {
margin-right: 1rem !important;
}
@media (min-width: 768px){
.full-header .navbar-nav {
float: left;
}
}
@media (max-width: 768px){
/*Toggle Button*/
.navbar-toggler:hover,
.navbar-toggler:focus {
background-color: transparent;
}
.navbar-toggler {
border-color: rgba(0,0,0,.1);
}
}
/*Right header*/
.header-rgt {
width: 100%;
position: relative;
vertical-align: middle;
}
.navbar .rgt .search-box-outer .dropdown-menu {right: 0px !important;}
.custom-logo-link-url{ margin-left: 1rem;}
.header-rgt .custom-logo-link-url, .header-rgt .navbar-brand {
float: left;
margin-right: 1rem;
margin-left: 0rem;
padding: 0;
}
@media (min-width: 992px){
.navbar.nav-rgt .container {
display: block;
}}
.custom-logo-link-url .site-title{
margin: 0;
}
.header-rgt .navbar-toggler,.content-center .navbar-toggler{
margin-top: 15px;
}
.navbar .header-rgt .search-box-outer .dropdown-menu {
right: 0 !important;
left: auto;
}
/*Center header*/
.content-center{
text-align: center;
width: 100%;
}
.auto{margin:0 auto;}
.content-center .navbar-brand {
text-align: center;
float: none;
}
@media (max-width: 768px){
.content-center .header-module {
text-align: right;
}}
/*===================================================================================
13.0 MIXED CLASS
===================================================================================*/
.section-space{padding: 6.5rem 0 4.938rem;position: relative;}
/*===================================================================================
14.0 SERVICE SECTION
===================================================================================*/
.services .card {
border-radius: 0;
margin: 0;
margin: 0 0 1.875rem;
transition: 0.3s;
background-color: #f5f5f5;
border: 0;
}
.services .card-body {
padding: 2.313rem 2rem 2rem;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);}
.services .service-icon i.fa {
font-size: 3.5rem;
color: #777777;
position: relative;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;}
.services .service-icon {
margin:0 0 1.688rem;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-block;
}
.services h4 a{margin:0 0 1.313rem;font-size:1.125rem; color:#0a0a0a;}
.services .description{
margin: 0 0 1.313rem;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;}
.services .btn-small{
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
padding: 0;
text-align: right;
font-size: 0.75rem;
font-weight: bold;}
.services .btn-small i {color:#0a0a0a;padding-right: 0.5rem;font-size: 0.875rem;font-weight: bold}
.services .card:hover{ color: #fff;-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
.services .card:hover .service-icon i.fa,
.services .card:hover h4 a,.services .card:hover .description,
.services .card:hover .btn-small,.services .card:hover .btn-small i{color: #ffffff}
.services .col-md-4:nth-child(3n+1){ clear:right; }
@media (min-width: 768px) and (max-width: 992px) {
.services .col-md-4:nth-child(3n+1) { clear: none; }
.services .col-sm-6:nth-child(2n+1) { clear:right; }
}
.services .post:hover .entry-header .entry-title a, .services .post:hover .entry-content p {
color: #ffffff;
}
.services .btn-default-dark,.blog .btn-default-dark{
padding: 0.688rem 2.5rem;
border-radius: 3px;
}
.services .service-icon img {
width: 4rem;
height: 4rem;
}
/*===================================================================================
15.0 CTA SECTION
===================================================================================*/
.cta{
background-image: url(assets/images/cta.jpg);
background-repeat: no-repeat;
background-position: center right;
width: 100%;
background-size: cover;
padding: /*7.5rem*/ 0;
}
.cta .overlay{
position: relative;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
padding: 15px;
}
.cta .cta-btn i {
padding-right: 0.5rem;
font-size: 0.813rem;
}
@media (min-width:768px){.cta .overlay{padding: 5.313rem 6.25rem 6.25rem;}}
.cta p{margin-bottom: 2.5rem;}
.cta-btn{margin-top:1.313rem}
.cta .btn-default{margin-left:1.25rem;}
.cta .title{font-size: 2rem;margin-bottom: 1.75rem;}
@media (min-width:768px){.cta-block{padding:0 5rem}.cta .btn-default{margin-bottom:1.25rem;}}
@media (max-width:600px){.cta .btn-default{margin-bottom:1.25rem;margin-left: 0;}}
/*===================================================================================
16.0 TESTIMONIAL SECTION
===================================================================================*/
.testimonial{
height: 100%;
margin: 0;
overflow: hidden;
width: 100%;
position: relative;}
/* .testimonial {
background: url(../images/bg/testimonial-bg.png) 0% 5% no-repeat;
}*/
#testimonial-carousel1 .testmonial-block {
background-color: transparent;
position: relative;
margin: 0;
padding: 0 0.938rem 0rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
#testimonial-carousel1 .avatar {
position: relative;
margin-left: 100px;
}
.slideitem-1 #testimonial-carousel1 .avatar {flex: 0 0 350px;}
.slideitem-1 #testimonial-carousel1 .avatar {flex: 0 0 350px;}
.page-template-template-testimonial-1 .slideitem-2 #testimonial-carousel1 .avatar, .page-template-template-testimonial-1 .slideitem-3 #testimonial-carousel1 .avatar {flex: 0 0 350px;}
#testimonial-carousel1 .testi-grid .avatar {
flex: 0 0 350px;
}
#testimonial-carousel1 .avatar:before {
content: "";
width: 1px;
height: 40%;
display: block;
position: absolute;
left: -48px;
top: 0;
}
#testimonial-carousel1 .quotes-seprator:before {
content: "";
width: 1px;
height: 40%;
display: block;
position: absolute;
left: -48px;
bottom: 0;
}
#testimonial-carousel1 .avatar:after {
content: "\f10e";
font-family: 'fontAwesome';
font-size: 40px;
line-height: 50px;
position: absolute;
left: -85px;
top: 50%;
transform: translate(50%,-50%);
}
#testimonial-carousel1 .avatar img {margin: 0.125rem; }
#testimonial-carousel .testmonial-block .entry-content,#testimonial-carousel1 .testmonial-block .entry-content {
line-height: 26px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 60px;
margin: auto 0;
}
#testimonial-carousel .testmonial-block .entry-content:before, #testimonial-carousel2 .testmonial-block .entry-content.quote:before {
top: 0;
}
.testimonial:before {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 100%;
z-index: 0;
/*background-color: rgba(255, 255, 255, 0.85);*/
}
.testimonial .testmonial-block .name {
margin-bottom: 1.5rem;
display: inline-block;
}
@media (min-width: 600px){
.testimonial #testimonial-carousel .owl-dots {
position: absolute;
bottom: 60px;
right: 475px;
}
}
@media (max-width:600px){#testimonial-carousel1 .testmonial-block {display: block;}
#testimonial-carousel1 .testmonial-block .entry-content{padding-bottom:0;}
}
/*===================================================================================*/
/* 17.0 FUNFACT SECTION
/*===================================================================================*/
.funfact {
background-repeat: no-repeat;
background-position: center right;
width: 100%;
background-size: cover;
padding: /*7.5rem*/ 0;
}
.funfact .overlay{
position: relative;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
padding: 15px;
}
@media (min-width:768px){.funfact .overlay{padding: 9rem 6.25rem 8rem;}}
.funfact-inner {
cursor: pointer;
padding: 0rem 3rem 0.625rem 0rem;
border-right: 1px solid #ffffff;
margin-bottom: 1rem;
}
.funfact-inner .count-up::after {
content:"+";
}
.funfact-title { margin-bottom: 7px; color: #ffffff; font-size: 3.75rem;}
.funfact-inner .description { color: #fff; font-size: 1.125rem; margin: 0; }
/*--------------------------------------------------------------
18 Blog
--------------------------------------------------------------*/
.blog .post {
background: #fff;
position: relative;
transition: all 0.3s;
margin-bottom: 3.125rem;
border-radius: 0;
background: #f5f5f5;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.blog .post .post-thumbnail {
position: relative;
overflow: hidden;
margin: 0;
text-align: center;
background-color: #000;
z-index: 1;
border-radius: 0;
}
.blog .list-view .post-thumbnail {
width: 22.25rem;
height: auto;
float: right;
}
.blog .list-view .post {
margin-bottom: 2rem;
}
.blog .post-thumbnail img {
-webkit-transition: all 0.30s linear;
transition: all 0.30s linear;
width: 100%;
height: auto;
}
.blog-btn {
margin-top: 1.313rem;
}
.blog .blog-btn .btn-small{min-width: 8.5rem;font-size: 1rem;padding: 0.688rem 1.75rem;color: #fff;}
.blog .blog-btn .btn-small i{color:#fff;}
.blog .post:hover{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.blog .post:hover .post-thumbnail img {
zoom: 1;
filter: alpha(opacity=30);
-webkit-opacity: 0.3;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
transform: scale(1.15,1.15);
-webkit-transform: scale(1.15,1.15);
-moz-transform: scale(1.15,1.15);
-ms-transform: scale(1.15,1.15);
-o-transform: scale(1.15,1.15);
}
/*--------------------------------------------------------------
18.1 Blog Post Content
--------------------------------------------------------------*/
.post-content, .page .home-blog .post-content, .blog .page .post-content, .section-space.blog .post-content{
padding: 1.25rem 1.5rem;
}
.page .post-content {
padding: 0;
}
.entry-date {
/* height: 4rem;
width: 4rem;
padding-top: 0px;
border-radius: 0;
line-height: normal;
position: absolute;
margin-top: -5.25rem;
z-index: 1;
right: 0;
margin-right: 0rem;*/
padding-top: 0px;
border-radius: 4px;
line-height: normal;
position: absolute;
margin-top: -96px;
z-index: 1;
left: 0;
margin-left: 0.625rem;
padding: 10px 15px;
width: fit-content;
}
.entry-date .date,.remove-image .date
{
display: block;
text-align: center;
color: #FFF;
font-size: 17px;
font-weight: bold;
line-height: 1.3;
}
.day {
display: block;
text-align: center;
color: #FFF;
font-size: 1.375rem;
font-weight: bold;
padding-top: 0.75rem;
line-height: 1;
border-bottom: 1px dotted #fff;
margin: 0 1rem;
}
.month {
display: block;
text-align: center;
color: #fff;
line-height: 1.3;
font-size: 0.875rem;
}
.remove-image{
/* margin-bottom: 1.25rem;
margin-top: 0;
position: relative;*/
width: fit-content;
border-radius: 4px;
line-height: normal;
margin-bottom: 1.25rem;
padding: 10px 15px;
}
.blog .list-view .entry-date {
margin-top: -1.3rem;
right: 0;
margin-right: 0rem;
}
.entry-header h4{margin-bottom: 0;padding-bottom:1rem;font-size: 1.125rem;}
.entry-content p{margin-bottom: 0;padding-bottom: 1rem;}
.entry-meta{margin-bottom: 0.75rem;}
.entry-meta a{display: inline-block;}
.home-blog .entry-meta a:hover, .home-blog .entry-meta a:focus, .home-blog .entry-meta span:hover {color: #000;}
.blog .entry-meta a:hover, .blog .entry-meta a:focus, .blog .entry-meta span:hover {color: #000;}
.entry-content p a {margin-bottom: 0;padding-bottom: 0;color: #727272;font-weight: bold;}
.blog .btn-small{transition: 0.3s;padding: 0;text-align: right; font-size: 0.75rem;font-weight: bold;}
.blog .btn-small i {color: #0a0a0a;padding-right: 0.5rem;font-size: 0.875rem;font-weight: bold;transition: 0.3s;}
.entry-meta i {padding-left: 8px;color: #333333;transition: 0.3s;}
.entry-meta span{font-size: 0.875rem;padding-left: 0.5rem;color: #888888;transition: 0.3s;}
.blog .content a:hover i , .blog .content a:hover span , .blog .content a:focus i , .blog .content a:focus span {color: #0a0a0a;}
.entry-meta a:last-child span{padding-left:0px;}
@media (max-width: 768px) {
.blog .list-view .post-thumbnail {
width: 100%;
float: none;
}
.blog .list-view .media {
display: block;
}
.blog .list-view .entry-date {
margin-top: 0.5rem;
top: 0;
right: unset;
}
}
/*--------------------------------------------------------------
18.2 BLOG PAGINATION
--------------------------------------------------------------*/
.nav-pagination{padding: 3.125rem 0 0;}
.blog .nav-pagination {padding: 1.5rem 0 0;}
ul.pagination{padding: 0;margin: 0;}
.pagination .dots{padding: 0.87rem 0.3rem;
font-weight: 600;color: #888888;}
.pagination .page-link {
text-align: center;
color: #888888;
padding: 0.9rem 1rem;
background-color: transparent;
border-radius: 50%;
border-color: #888888;
margin: 5px;
font-weight: 600;
height: 50px;
width: 50px;}
.pagination .page-link:active,.pagination .page-link:hover,.pagination .page-link:focus{color: #ffffff;}
.pagination li:first-child .page-link , .pagination li:last-child .page-link {border-radius: 50%;padding: 0.87rem 1.3rem;}
.pagination li .page-link .fa, .pagination li .page-link .fa{font-weight: 600; }
.page-item.disabled .page-link {color: #ffffff;}
@media (max-width: 768px) {.pagination .page-link {height: 40px;width: 40px;}}
/*--------------------------------------------------------------
18.3 BLOG SIDEBAR
--------------------------------------------------------------*/
.sidebar .custom-social-icons li > a:hover ,.sidebar .custom-social-icons li > a:hover i{color: #fff;}
.sidebar .head-contact-info , .sidebar .widget em , .footer-sidebar .widget em{
padding: 0;
margin: 0px;
float: none;
}
.sidebar .widget address i , .footer-sidebar .widget address i {padding-left: 0.625rem; padding-right: 0.063rem;}
.sidebar table , .sidebar address{margin: 0;}
.sidebar .right-sidebar {
padding-right: 20px;
}
.sidebar .left-sidebar {
padding-left : 20px;
}
@media only screen and (max-width: 768px) {
.sidebar .right-sidebar {
padding-right: 0px;
}
.sidebar .left-sidebar {
padding-left : 0px;
}
}
.sidebar .widget {
color: #333333;
margin: 0 0 2.125rem;
}
.sidebar .widget:last-child {
margin-bottom: 0.625rem;
}
.widget .widget-title {
padding: 0rem 0rem 0.625rem;
font-size: 1.25rem;
font-weight:600;
z-index: 1;
position: relative;
margin: 0;
}
.widget .input-group .form-control , .widget .search-field {
font-size: 0.875rem;
padding-right: 1.25rem;
padding-left: 1.875rem;
background-color: #fff;
color: #0a0a0a;
}
.widget .search-submit , .widget .search-field [type=submit] {
position: absolute;
left: 1rem;
top: 1rem;
color: #0a0a0a;
background: transparent;
z-index: 3;
display: block;
transition: all 0.3s;
padding: 0;
cursor: pointer;
border: 0;
}
.woocommerce-widget-layered-nav li:first-child ,
.widget_recent_reviews li:first-child ,
.widget_top_rated_products li:first-child ,
.widget_products li:first-child ,
.widget_nav_menu li:first-child ,
.widget_pages li:first-child ,
.widget_product_categories li:first-child ,
.widget_links li:first-child ,
.widget_categories li:first-child ,
.widget_archive li:first-child ,
.widget_recent_entries li:first-child ,
.widget_meta li:first-child ,
.widget_recent_comments li:first-child {
position: relative;
margin-top: 0;
padding-top: 0 !important;
}
.woocommerce-widget-layered-nav ul ,
.widget_recent_reviews ul ,
.widget_top_rated_products ul ,
.widget_products ul ,
.widget_nav_menu ul ,
.widget_pages ul ,
.widget_product_categories ul ,
.widget_links ul ,
.widget_categories ul ,
.widget_archive ul ,
.widget_recent_entries ul ,
.widget_meta ul ,
.widget_recent_comments ul {
list-style: none;
margin-right: 0;
padding-top: 0;
margin: 0;
}
.woocommerce-widget-layered-nav li ,
.widget_recent_reviews li ,
.widget_top_rated_products li ,
.widget_products li ,
.widget_nav_menu li ,
.widget_pages li ,
.widget_product_categories li ,
.widget_categories li ,
.widget_archive li ,
.widget_recent_entries li ,
.widget_meta li ,
.widget_recent_comments li {
padding-bottom: 0.5rem;
margin: 0;
position: relative;
padding-right: 0.938rem;
}
.woocommerce-widget-layered-nav li:last-child ,
.widget_recent_reviews li:last-child ,
.widget_top_rated_products li:last-child ,
.widget_products li:last-child ,
.widget_nav_menu li:last-child ,
.widget_pages li:last-child ,
.widget_product_categories li:last-child ,
.widget_links li:last-child ,
.widget_categories li:last-child ,
.widget_archive li:last-child ,
.widget_recent_entries li:last-child ,
.widget_meta li:last-child,
.widget_recent_comments li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.sidebar em ,.sidebar .head-contact-info li
{color: #333333;font-size:0.875rem;display: inherit;}
.sidebar ul li a {font-size: 0.875rem;color: #0a0a0a;}
.widget .tagcloud a {
background-color: transparent;
font-size: 1rem !important;
display: inline-block;
padding: 5px 10px;
color: #0a0a0a;
margin: 0 0.125rem 0.625rem;
}
.widget .tagcloud a:hover{color: #fff !important;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img {
width: 60px !important;
float: right;
margin-right: 0;
padding-right: 0px;
}
.widget select{
margin: 0px 0px;
width: 100%;
padding: 6px 12px;
height: 45px;
border-radius: 2px;
font-size: 0.875rem;
border: 1px solid #e9e9e9;
letter-spacing: 1px;
font-weight: 600;
-webkit-box-shadow: none;
box-shadow: none;
color: #333333;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #e9e9e9;
display: block;
}
.widget .post {
position: relative;
margin-bottom: 1.875rem;
background: none;
border-radius: 0;
box-shadow: none;
}
.widget .post .post-thumbnail {
margin: 0 0 0 10px;
overflow: hidden;
float: right;
display: block;
width: 4.5rem;
height: 4.75rem;
border-radius: 0;
background-color: unset;
}
.widget .post .post-thumbnail .img-fluid{width:72px;height: 76px;}
.widget .post:hover {
box-shadow: unset;
}
.widget .post .entry-date {
font-size: 0.75rem;
line-height: 1.25rem;
margin-left: 0.5rem;
font-weight: 400;
height: 0;
width: 0;
background: unset;
padding-top: 0px;
border-radius:0;
line-height: normal;
position: relative;
margin-top: 0;
left:0;
}
.widget .entry-title{margin: 0; font-size: 0.938rem;}
.widget .post:last-child{margin-bottom: 0;}
.widget .post:hover .post-thumbnail img {
opacity: unset;
transform:unset;
-webkit-transform: unset;
}
.sidebar .tab-content{margin-top: 0; padding-top: 0;}
.widget_nav_menu li::before, .widget_pages li::before, .widget_product_categories li::before, .widget_links li::before, .widget_categories li::before, .widget_archive li::before, .widget_recent_entries li::before, .widget_meta li::before, .widget_recent_comments li::before {
content: "\f101";
font-family: FontAwesome;
color: #0a0a0a;
position: absolute;
right: 0;
}
.footer-sidebar li::before{content: unset;}
.footer-sidebar #text-1{
background-color: #ffffff;
padding: 2.5rem 1.75rem;
margin-top: -120px;
-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
@media (max-width: 576px){
.footer-sidebar #text-1 {
margin-top: 0px;
}}
.footer-sidebar .widget_text p.description{color: #888888;margin-bottom: 2rem;}
.light .footer-sidebar blockquote p{color: #888888;}
.footer-sidebar .widget_text address a, .footer-sidebar .widget_text address p{color: #888888;}
/*--------------------------------------------------------------
19 Gallery
--------------------------------------------------------------*/
.widget.widget_media_gallery img
{
max-width: 100%;
height: auto;
}
.gallery { display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 0; }
.gallery-item { display: inline-block; margin-left: 10px; margin-bottom: 10px; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: calc((100% - 16px * 1) / 2) !important; }
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) { margin-left: 0 !important; }
.gallery-columns-3 .gallery-item { max-width: calc((100% - 16px * 2) / 3) !important; }
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-left: 0 !important; }
.gallery-columns-4 .gallery-item { max-width: calc((100% - 16px * 3) / 4) !important; }
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-left: 0 !important; }
.gallery-columns-5 .gallery-item { max-width: calc((100% - 16px * 4) / 5) !important; }
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-left: 0 !important; }
.gallery-columns-6 .gallery-item { max-width: calc((100% - 16px * 5) / 6) !important; }
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-left: 0 !important; }
.gallery-columns-7 .gallery-item { max-width: calc((100% - 16px * 6) / 7) !important; }
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-left: 0 !important; }
.gallery-columns-8 .gallery-item { max-width: calc((100% - 16px * 7) / 8) !important; }
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-left: 0 !important; }
.gallery-columns-9 .gallery-item { max-width: calc((100% - 16px * 8) / 9) !important; }
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-left: 0 !important; }
.gallery-item:last-of-type { padding-left: 0; }
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Poppins", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 1.5;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
.standard-view.blog-single .gallery-item > div > a:focus {
box-shadow: none;
outline: none;
}
.sidebar a span{transition: 0.3s;}
.sidebar a:hover span {color: #ffffff;}
/*===================================================================================*/
/* 20.0 TEAM SECTION
/*===================================================================================*/
.team .card {
font-weight: 400;
border: 0;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
min-height: 400px;
}
.team .card-wrapper {
position: relative;
width: 100%;
margin: 0;
-webkit-perspective: 800px;
perspective: 800px;
padding: 3px;
}
/*.rotate-btn {cursor: pointer;}*/
.team .card-wrapper .avatar {
display: block;
width: 120px;
margin-top: -60px;
overflow: hidden;
}
.team .team-grid .card-body .list-inline li > a {
color: #888888;
font-size:0.875rem;
}
.team .team-grid .card-body .list-inline li > a:hover {
background-color: unset;
}
.team .team-grid .card-body p {
color: #878e94;
}
.team .team-grid .card-body .list-inline {
position: relative;
margin-top: 20px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team .team-grid .card-body .list-inline {
position: absolute;
right: 0px;
bottom: 0px;
opacity: 0;
width: 100%;
visibility: hidden;
}
.team .team-grid:hover .card-body .list-inline , .team .team-grid:focus-within .card-body .list-inline {
margin-top: 0px;
padding-bottom: 1.563rem;
}
.team .team-grid:hover .card-body .list-inline , .team .team-grid:focus-within .card-body .list-inline {
opacity: 1;
visibility: visible;
}
.abc{
opacity: 1 !important;
visibility: visible !important;
}
.team .team-grid .card-body { padding-bottom: 4rem;}
/*===================================================================================
21.0 SHOP AND PRODUCT SECTION
===================================================================================*/
.shop .container { overflow: hidden; }
.shop .owl-carousel .owl-stage-outer { overflow: visible; }
.products {
background-color: transparent;
padding: 0;
margin-bottom: 0.313rem;
transition: 0.3s;
position: initial;
text-align: center;
}
.woocommerce-result-count{color: #0a0a0a;}
.section-module.blog.woocommerce .page-title
{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid #e9e9e9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 1px solid #e9e9e9;
}
.woocommerce a:focus{
outline: none;
}
.woocommerce .comment-reply-title {
border-bottom: none;
}
.woocommerce .form-row {
display: block;
}
.woocommerce ul.products li.product .onsale, .products span.onsale, .woocommerce span.onsale{
min-width: auto;
min-height: auto;
left: inherit;
color: #ffffff;
border-radius: 0;
font-size: 0.938rem;
line-height: 1;
font-weight: 500;
padding: 3px 7px;
margin: 0;
position: absolute;
right: 20px;
top: 20px;
transition: all 0.3s;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
transition: all 0.6s;
text-align: center;
padding: 0.4rem 0.4rem 1.5rem;
margin-bottom: 2rem;
}
.woocommerce ul.products li.product .button, .owl-item .item .cart .add_to_cart_button {
color: #fff;
}
.woocommerce a.remove, .woocommerce .woocommerce-Button, .woocommerce .cart input.button, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce ul.products li.product:hover .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .return-to-shop a.button {
color: #ffffff !important;
}
.woocommerce-page ul.products li.product:hover {
box-shadow: 0 14px 25px 0 rgba(0,0,0,0.2);
}
.woocommerce ul.products li.product .price {
display: block;
color: #333333;
font-size: 1.000rem;
font-weight: 600;
margin-bottom: .5em;
}
.woocommerce nav.woocommerce-pagination ul li {
background: transparent;
color: #333333;
border-radius: 50%;
}
.woocommerce nav.woocommerce-pagination ul li a{
color:#888888;
border:1px solid #888888;
}
.woocommerce nav.woocommerce-pagination ul li a.next{padding: 13px;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
border: none;
margin:3px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
transition: all 0.3s ease 0s;
font-size: 1.125rem;
border-radius: 50%;
margin: 0px;
padding: 15px;
vertical-align: baseline;
white-space: nowrap;
width: 50px;
height: 50px;
}
.woocommerce-loop-product__title {
font-size: 1.125rem !important;
text-transform: capitalize;
}
.woocommerce div.product form.cart .button, .woocommerce a.button, .woocommerce a.button:hover, .woocommerce a.button, .woocommerce .woocommerce-Button, .woocommerce .cart input.button, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
border: 1px solid transparent !important;
}
.woocommerce-page .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus {
box-shadow: none;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce a.button,.woocommerce a.button:hover {
color: #fff;
}
.woocommerce-page .services .post{
background-color: #ffffff;
box-shadow: 0px 0px 0px 2px #e9e9e9;
border-radius: 0;
margin-bottom: 40px;
padding: 30px 15px 25px;
transition: all 0.4s ease 0s;
}
.woocommerce-page .services .post .entry-content {
display: block;
overflow: hidden;
margin: 0px;
}
.woocommerce table.shop_table {
border-radius: 0;
margin: 0 0 40px -1px;
padding: 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 200px;
padding: 6px 12px;
border-radius: 0;
height: 44px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td {
border-top: none;
}
.woocommerce #review_form #respond textarea, .woocommerce-cart table.cart td.actions .coupon .input-text {
border: 1px solid #e9e9e9;
}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce ul.products li.product .price, .woocommerce .variations td.label, .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce .woocommerce-ordering select, .woocommerce-cart table.cart td.actions .coupon .input-text, .select2-container .select2-choice {
color: #64646d;
}
.woocommerce .wc-bacs-bank-details-heading, .woocommerce .title h3 {
font-size: 1.125rem !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding: .750rem 1.2rem;
margin-bottom: 0;
box-shadow: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 0.675rem 3rem 0.675rem 1.250rem;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: #fbfbfb;
box-shadow: 0 7px 3px -5px #e0e0e0;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .posted_in a, .woocommerce-product-rating a, .woocommerce .tagged_as a, .woocommerce div.product form.cart .variations td.label label, .woocommerce #reviews #comments ol.commentlist li .meta strong, .woocommerce table.shop_table th, .woocommerce-cart table.cart td a, .owl-item .item .cart .add_to_cart_button, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-error, .woocommerce-info, .woocommerce-message {
color: #333333;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
right: 1rem;
}
.woocommerce {
text-align: right;
}
.woocommerce form .form-row {
padding: 0;
margin: 0 0 15px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label, .wc_payment_method label, .woocommerce #review_form #respond p label {
font-weight: 600;
font-size: 0.938rem;
}
.woocommerce form .form-row .required {
text-decoration: none;
}
.woocommerce form .form-row input.input-text {
border-radius: 0;
height: 45px;
padding: 6px 12px;
}
.dark .woocommerce form .form-row input.input-text, .dark .woocommerce form .form-row textarea{background: #000000;}
.woocommerce .col-1,.woocommerce .col-2 {
max-width: 100% !important;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
padding: 6px 12px;
}
.woocommerce ul.products li.product .button, .woocommerce a.added_to_cart, .woocommerce div.product form.cart .button {
box-shadow: none;
font-weight: 700;
line-height: 1.3;
border-radius: 0px;
padding: .600rem 0.7rem;
transition: all 0.5s;
margin-top: 0.7rem;
height: auto;
font-size: 0.9375rem;
}
.woocommerce div.product form.cart .single_add_to_cart_button.button:hover{color: #ffffff !important;}
.woocommerce a.added_to_cart {
background: #333333;
border: 1px solid #ffffff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
border-radius: 0;
padding: 6px 12px;
}
.select2-container--default .select2-selection--single {
border: 1px solid #e9e9e9;
}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 45px;
}
.woocommerce div.product p.price {
text-align: right;
font-weight: 600;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 1.25rem;
}
.woocommerce div.product form.cart {
margin-top: 2rem;
padding: 0;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.woocommerce .quantity .qty {
width: 3.5rem;
text-align: right;
height: 44px;
padding: .500rem 0.7rem;
border-radius: 0;
}
.woocommerce div.product form.cart .button {
padding: .700rem 1.2rem;
margin-top: 0;
}
.woocommerce .posted_in a, .woocommerce-product-rating a, .woocommerce .tagged_as a {
transition: all 0.5s;
font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs .panel {
box-shadow: none;
padding: 1rem 1rem 1rem;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
background: #fff;
border: 1px solid #e9e9e9;
}
.woocommerce .related h2 {
margin: 0 0 20px;
}
.woocommerce div.product div.summary {
margin-bottom: 2em;
padding: 0.4rem 0.9rem 1.5rem;
background-color: #fff;
border: 1px solid #e9e9e9;
}
.item-img { width: 100%; position: relative; }
.add-to-cart {
position: absolute;
bottom: 45%;
right: 0;
width: 100%;
background: transparent padding-box content-box;
padding: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
transform: translateY(100%);
z-index: 0;
}
.products:hover .add-to-cart { opacity: 1; visibility: visible; transform: translateY(0); }
.add-to-cart a {
background: #ffffff;
display: inline-block;
font-size: 1.125rem;
padding: 8px 8px;
color: #0a0a0a;
font-weight: 600;
border-radius: 0;
width: 45px;
height: 45px;
margin: 3px;
border:1px solid #ffffff;
}
@media (max-width:992px){
.add-to-cart a {
padding: 15px 15px;
}}
.added_to_cart.wc-forward
{
color: #fff;
}
.add-to-cart a:hover { background: transparent; }
.product-price { padding: 1.25rem 0 1.125rem; }
.product-price .woocommerce-loop-product__title { font-size: 1.125rem; text-transform: capitalize; margin-bottom: 5px; }
.product-price .woocommerce-Price-amount { font-size: 1.000rem; font-weight: 600; }
.product-price del { padding-left: 5px; }
.product-price del, .product-price del > span { color: #c0c0c0 !important; }
.products .item-img {
background-color: #000000;
}
.products:hover .item-img img {
zoom: 1;
filter: alpha(opacity=30);
-webkit-opacity: 0.3;
opacity: 0.3;
-webkit-transform: translateY(0px);
transform: translateY(0px);
transition: all 0.3s ease-in-out;
}
/*===================================================================================
22.0 Sponsors Section
===================================================================================*/
.logo-scroll {
margin: 0px auto;
display: block;
border: 1px solid #cacaca;
}
.logo-scroll img {display: block;margin: 0 auto;padding: 1.5rem;}
.logo-scroll a {display: block;}
/*===================================================================================
22.0 CONTACT DEATIL SECTION
===================================================================================*/
.contact-detail {
width: 100%;
}
.contact-area { margin: 0px; padding: 30px 0px; }
.contact-info .contact-icon { float: right; margin: 4px 0 25px 25px; padding: 0; }
.contact-icon i {
font-size: 24px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.contact-info .section-header {
margin: 0 0 2rem;}
.contact-icon address {
margin: 0 0 1.5em;
font-size: 0.938rem;
}
.cont-info address > i { margin-left: 7px;}
.contact-info .title{color:#0a0a0a;margin: 0 0 0.5rem;font-weight: 600;}
.contant-form .wpcf7-form-control-wrap:after {
font-family: 'FontAwesome';
left: 30px;
position: absolute;
top: 12px;
}
.contant-form .your-name:after , .comment-form .your-name:after{ content: "\f007";}
.contant-form .your-email:after , .comment-form .your-email:after{ content: "\f0e0";}
.contant-form .your-subject:after , .comment-form .your-subject:after{ content: "\f078";}
.contant-form .your-message:after , .comment-form .your-message:after{ content: "\f040";}
.contant-form .your-phone:after , .comment-form .your-phone:after{ content: "\f098";}
.contant-form input::placeholder,.contant-form textarea::placeholder{color:#888888;font-size:14px;}
.contant-form .wpcf7-form input,.contant-form .wpcf7-form textarea ,
.comment-form .comments-form input
{margin-bottom:2rem;padding-left: 2.5em; }
.contant-form .button-holder{margin:0 auto;}
/*===================================================================================
23.0 FOOTER SECTION site info
===================================================================================*/
.site-title-name{color: #ffffff;}
.layout5 .site-title-name,.index6 .site-title-name{color: #0a0a0a;}
p.site-description{color: #acacac;}
.site-info {
background-color: rgba(255,255,255,0.10);
color: #ffffff;
font-size: 0.938rem;
padding: 1.25rem 0;
}
/*.site-info .site-branding p{color:#fff;}*/
.site-privacy{text-align: left;}
@media (max-width:600px){
.site-info {text-align: center;}
.site-privacy {text-align: center;}
}
.section-space .owl-carousel:hover .owl-next{
left: 2rem;
}
.section-space .owl-carousel:hover .owl-prev {
right:2rem;
}
.section-space .owl-carousel .owl-prev,.section-space .owl-carousel .owl-next {
top:30%;
}
.section-space.testimonial .owl-carousel .owl-prev,.section-space.testimonial .owl-carousel .owl-next {
top:45%;
}
.section-space.shop .owl-carousel .owl-prev,.section-space.shop .owl-carousel .owl-next {
top:30%;
}
.section-space.sponsors .owl-carousel .owl-prev,.section-space.sponsors .owl-carousel .owl-next {
top:33%;
}
/*--------------------------------------------------------------
24 Breadcrumb
--------------------------------------------------------------*/
.page-title-section
{
background: #17212c url('assets/images/breadcrumb/breadcrumb.jpg');
background-attachment: scroll;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.page-title-section .page-title h1
{
text-align: center;
font-weight: bold;
line-height: 1.3;
font-size: 2rem;
color: #fefefe;
margin: 0 0 10px;
word-break: break-word;
}
.page-breadcrumb li { display: inline-block; }
.page-breadcrumb
{
margin: 0;
padding: 0;
color: white;
text-align:center;
font-size: 1rem;
}
.page-breadcrumb li a, .page-breadcrumb a
{
color: #fff;
word-break: break-word;
}
.page-breadcrumb .icon::before
{
font-size: 0.938rem;
content: "/";
font-family: FontAwesome;
padding-left: 0.625rem;
padding-right: 0.625rem;
color: #fff;
}
.breadcrumb-overlay {
height: 100%;
position: relative;
width: 100%;
padding: 12.5rem 0 6.25rem;
background-color: rgba(0,0,0,0.5);
}
/*===================================================================================
25.0 ABOUT PAGE
===================================================================================*/
.page-section-space {
padding: 6.25rem 0 4.375rem;
}
.about-section .section-header {margin: 0px 0 2.375rem;}
.about-section .about-block{padding:0 0 0 40px;}
@media (max-width: 600px){
.about-section .about-block {
padding-bottom:50px;
}
}
.about-section .image-box .left-image {padding: 0 0 0 11.25rem;margin-top: -12.5rem;}
.about-section .image-box .right-image{padding: 0 11.25rem 0 0 ;}
@media (max-width: 1200px){
.about-section .image-box .left-image {
padding: 0 0 0 9.25rem;
margin-top: -9.5rem;
}
.about-section .image-box .right-image{padding: 0 9.25rem 0 0 ;}
}
.about-header{padding-right: 1.125rem;
padding-bottom: 0.75rem;}
.about-title {
margin-bottom: 1rem;
}
.about-subtitle{margin-bottom: 0.75rem;}
.about-header .btn-small{ padding: 0.688rem 2.3rem;margin-top: 0.5rem;}
.about-header p{margin-bottom: 1rem;}
.about-header .btn-default:hover,.about-header .btn-default:focus {
background: #ffffff;
color: #333333;
}
@media (min-width: 768px){
.about-page .cta-block {padding: 0 12rem;}
.about-page .cta .overlay {padding: 6.313rem 6.25rem 3.75rem;}
}
/*Slider Lightbox CSS*/
.lightbox-cta {
background-color: rgba(0, 0, 0, 0.8);
overflow: scroll;
position: fixed;
display: none;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 10000;
}
.lightbox-container {
position: relative;
max-width: 960px;
margin: 7% auto;
display: block;
padding: 0 3%;
height: auto;
z-index: 10;
}
@media screen and (max-width: 768px) {
.lightbox-container {
margin-top: 10%;
}
}
@media screen and (max-width: 414px) {
.lightbox-container {
margin-top: 13%;
}
}
.lightbox-content {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}
.lightbox-close {
text-transform: uppercase;
background: transparent;
position: absolute;
font-weight: 300;
font-size: 12px;
display: block;
border: none;
color: white;
top: -30px;
left: 3%;
z-index: 10;
}
.lightbox-close:hover{
background: none;
}
.video-container {
padding-bottom: 56.25%;
position: relative;
padding-top: 30px;
overflow: hidden;
height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
height: 100%;
width: 100%;
right: 0;
top: 0;
}
#cta-video {
text-transform: uppercase;
font-weight: 300;
padding: 20px 25px;
display: inline-block;
font-size: 14px;
margin: 0;
border-radius: 50%;
background: transparent;
cursor: pointer;
}
.video-btn a:after {
position: relative;
top: 25%;
right: 25%;
margin: 0px 0px 0 0;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
content: '';
display: block;
}
.video-btn{margin-bottom: 1rem;}
/*===================================================================================
26.0 PORTFOLIO PAGE
===================================================================================*/
.md-pills .nav-link.active,.md-pills .nav-link:hover,.md-pills .nav-link:focus {
color: #fff;
}
button.close {
position: absolute;
left: 0;
z-index: 2;
padding-left: 1rem;
padding-top: .6rem;
}
.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.tab-content {
padding-top: 2.3rem;
}
.portfolio .md-pills .nav-link {
padding: 0.625rem 2rem;
border-radius: 3px;
border:1px solid #e1e1e1;
}
.portfolio .md-pills .nav-item{margin: 0 0.813rem 0.813rem;}
.portfolio .tab-content .portfolio-thumbnail {
background-color: #000000;
}
.portfolio .tab-content .portfolio-thumbnail {
position: relative;
overflow: hidden;
margin: 0px 0 30px;
width: 100%;
text-align: right;
border-radius: 3px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}
.portfolio .tab-content .portfolio-thumbnail:hover {
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
/*.portfolio .tab-content .portfolio-thumbnail .entry-title a {
color: #0a0a0a;
}*/
.portfolio .tab-content .portfolio-thumbnail:hover .entry-title a {color: #ffffff;}
.portfolio .tab-content .portfolio-thumbnail:hover h4 {color: #ffffff;}
.portfolio .tab-content .portfolio-thumbnail .entry-title{
margin-bottom:0.313rem;
padding-bottom: 0rem;
}
.portfolio .tab-content .portfolio-thumbnail::before, .portfolio .tab-content .portfolio-thumbnail::after {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
content: '';
opacity: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.portfolio .tab-content .portfolio-thumbnail figcaption {
padding: 25px 30px;
text-align: center;
background-color:#ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.portfolio .tab-content .portfolio-thumbnail:hover figcaption p{color: #ffffff;}
.portfolio .tab-content .portfolio-thumbnail:hover figcaption p a{color: #ffffff;}
.portfolio .tab-content .portfolio-thumbnail:hover img,
.portfolio .tab-content .portfolio-thumbnail:focus-within img {
zoom: 1;
filter: alpha(opacity=20);
-webkit-opacity: 0.5;
opacity: 0.5;
-webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
transition: opacity 0.60s, transform 0.60s;
}
.portfolio .tab-content .portfolio-thumbnail:hover figcaption,
.portfolio .tab-content .portfolio-thumbnail:hover .entry-title,
.portfolio .tab-content .portfolio-thumbnail:hover p,
.portfolio .tab-content .portfolio-thumbnail:hover i,
.portfolio .tab-content .portfolio-thumbnail a:focus i {
-webkit-transform: translateY(0);
transform: translateY(0);
-moz-transform: translateY(0);
opacity: 1;
}
.portfolio .tab-content .portfolio-thumbnail i {
background-color: transparent;
border-radius: 5%;
position: absolute;
font-size: 2rem;
line-height: 1.2;
width: 2.5rem;
height: 2.5rem;
top: 34%;
left: 44%;
text-align: center;
-webkit-transform: translateY(-55px);
transform: translateY(-55px);
-webkit-transition: 0.3s;
transition: 0.3s;
font-style: normal;
z-index: 1;
opacity: 0;
}
.page-template-template-portfolio-4-col-left-sidebar .portfolio .tab-content .portfolio-thumbnail i{top: 20%; left: 38%;}
.page-template-template-portfolio-4-col-right-sidebar .portfolio .tab-content .portfolio-thumbnail i{top: 20%; left: 38%;}
.portfolio .tab-content .portfolio-thumbnail:hover::before, .portfolio .tab-content .portfolio-thumbnail:hover::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-btn {
margin-top: 1.313rem;
}
.portfolio .portfolio-btn i {
padding-right: 0.5rem;
font-size: 0.813rem;
}
.portfolio button:hover{background:transparent;}
@media (min-width:600px){.portfolio .view img{height: 100%}}
@media (min-width: 600px) and (max-width: 1024px){
.portfolio3 .tab-content .portfolio-thumbnail figcaption {padding: 0.75rem 1rem;}
.portfolio3 .entry-header h4 {font-size: 0.875rem;}
.portfolio3 p { font-size: 0.75rem;}
}
@media (max-width:600px){
.portfolio4.right-col .sidebar, .portfolio3 .sidebar .right-sidebar{margin-top: 2rem;}
.portfolio3 .sidebar .left-sidebar, .portfolio4 .sidebar .left-sidebar{margin-bottom: 2rem;}
}
@media (min-width:768px){
.portfolio4 .tab-content .portfolio-thumbnail figcaption {padding: 0.75rem 0.625rem;}
.portfolio4 .entry-header h4 {font-size: 0.75rem;}
.portfolio4 p { font-size: 0.625rem;}
}
@media (min-width:1024px){
.portfolio4 .tab-content .portfolio-thumbnail figcaption {padding: 0.75rem 1rem;}
.portfolio4 .entry-header h4 {font-size: 0.875rem;}
.portfolio4 p { font-size: 0.75rem;}
}
@media (min-width: 1200px) {
.portfolio4 .tab-content .portfolio-thumbnail figcaption {padding: 1rem 1rem;}
.portfolio4 .entry-header h4 {font-size: 1rem;}
.portfolio4 p { font-size: 0.875rem;}
}
/*===================================================================================
27.0 Error 404 PAGE
===================================================================================*/
.error-page .title {font-size: 25rem; line-height:0.75; letter-spacing: 0.938rem; font-weight: 600; margin-bottom: 1.25rem; }
.error-page .sub-title {font-size: 2.25rem; letter-spacing: 0.2rem; margin-bottom: 0.938rem; }
.error-page p {font-size: 1.875rem;}
.error-page .btn-small { font-weight: 700; }
@media (max-width: 768px) {
.error-page { padding: 9rem 0 11.5rem; }
.error-page .title { font-size: 15rem; }
}
@media (max-width: 600px){
.error-page .title {
font-size: 10rem;
}
}
/*===================================================================================
28.0 footer Sidebar SECTION
===================================================================================*/
@media (min-width: 768px){
.s-l-space {
padding-right: 0.625rem;
}
}
.footer-sidebar{padding: 4.5rem 0 2rem;}
.footer-sidebar .widget {
color: #ffffff;
padding: 0 0 1.25rem;
margin: 0 0 1.875rem;
}
@media (max-width: 576px){
.footer-sidebar .widget {
padding: 1.625rem 0 1.125rem;
}
.blog .right-sidebar {
padding-top: 1.875rem;
}
}
footer{
position: relative;
z-index: 1;
}
.footer-sidebar .woocommerce div.product p.price,
.footer-sidebar .woocommerce div.product span.price,
.footer-sidebar .woocommerce .posted_in a,
.footer-sidebar .woocommerce-product-rating a,
.footer-sidebar .woocommerce .tagged_as a,
.footer-sidebar .woocommerce div.product form.cart .variations td.label label,
.footer-sidebar .woocommerce #reviews #comments ol.commentlist li .meta strong,
.footer-sidebar .woocommerce table.shop_table th,
.footer-sidebar .woocommerce-cart table.cart td a,
.footer-sidebar .owl-item .item .cart .add_to_cart_button,
.footer-sidebar .woocommerce ul.cart_list li a,
.footer-sidebar .woocommerce ul.product_list_widget li a,
.footer-sidebar .woocommerce-error,
.footer-sidebar .woocommerce-info,
.footer-sidebar .woocommerce-message {
color: #ffffff;
}
.footer-sidebar .widget_text.site-info .custom-social-icons li > a{background-color: #eaeaea;}
.footer-sidebar .widget_text.site-info .custom-social-icons li > a:hover{color: #ffffff;}
.footer-sidebar a{color:#ffffff;transition: padding .5s;font-size: 0.938rem;}
.footer-sidebar a:hover,.footer-sidebar a:focus{color:#ffffff;font-weight: 600;}
.footer-sidebar .woocommerce-widget-layered-nav ul a:before,.footer-sidebar .widget_recent_reviews ul a:before,.footer-sidebar .widget_top_rated_products ul a:before,.footer-sidebar .widget_products ul a:before,.footer-sidebar .widget_nav_menu ul a:before,.footer-sidebar .widget_pages ul a:before,.footer-sidebar .widget_product_categories ul a:before,.footer-sidebar .widget_links ul a:before,.footer-sidebar .widget_categories ul a:before,.footer-sidebar .widget_archive ul a:before,.footer-sidebar .widget_recent_entries ul a:before,.footer-sidebar .widget_meta ul a:before,.footer-sidebar .widget_recent_comments ul a:before {
content: "\f178";
font-family: 'FontAwesome';
font-size: 0.75rem;
opacity: 0;
position: relative;
top: 0px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
margin-left: -0.75rem;
}
.footer-sidebar .woocommerce-widget-layered-nav ul a:hover::before,.footer-sidebar .widget_recent_reviews ul a:hover::before,.footer-sidebar .widget_top_rated_products ul a:hover::before,.footer-sidebar .widget_products ul a:hover::before,.footer-sidebar .widget_nav_menu ul a:hover::before,.footer-sidebar .widget_pages ul a:hover::before,.footer-sidebar .widget_product_categories ul a:hover::before,.footer-sidebar .widget_links ul a:hover::before,.footer-sidebar .widget_categories ul a:hover::before,.footer-sidebar .widget_archive ul a:hover::before,.footer-sidebar .widget_recent_entries ul a:hover::before,.footer-sidebar .widget_meta ul a:hover::before,.footer-sidebar .widget_recent_comments ul a:hover::before {
margin-left: 8px;
opacity: 1;
}
.footer-sidebar address {
margin: 0 0 2rem;
}
.footer-sidebar .footer-logo{margin-bottom: 1rem}
.footer-sidebar #text-1 .textwidget{margin-bottom: 1rem}
.footer-sidebar .widget .widget-title {
padding-bottom: 0.5rem;
margin: 0 0rem 1rem;
color: #ffffff;
}
.header-sidebar .widget:last-child {
margin: 0;
}
.head-contact-info li:first-child {
padding: 0;
}
.header-sidebar .widget {
color: #ffffff;
box-shadow: none;
padding: 0;
margin: 0;
}
.footer-sidebar .widget_text{
font-size: 0.938rem;
line-height: 2.35;
}
.footer-sidebar .widget_text.site-info{
background-color: #ffffff;
padding: 2.5rem 1.75rem;
margin-top: -120px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.footer-sidebar .widget_text.site-info p{color:#888888;}
.footer-sidebar .widget_text.site-info.site-detail{
background-color: unset;
padding: unset;
margin-top: unset;
-webkit-box-shadow: unset;
}
.footer-sidebar .site-info.site-detail .footer-logo {
margin-bottom: 1rem;
}
.footer-sidebar .widget_text.site-info.site-detail .description {
margin-bottom: 1rem;
}
.footer-sidebar .widget_text.site-info.site-detail p {
margin-bottom: 0.5rem;
}
.site-info .text-center .subscribe-form {
width: 250px;
margin: auto;
}
.site-info .copyright-section{margin:0 0 2rem;color: #fff;}
.footer-sidebar address {
margin: 0 0 1rem;
}
.site-info.footer-sidebar {
padding: 2rem 0 2rem;
background-color: unset;
}
.footer-sidebar .widget_text p{
margin: 0;
color: #ffffff;
line-height: 1.6;
margin-bottom: 0.625rem;
}
@media (max-width: 576px){
.footer-sidebar .widget_archive li:before,.footer-sidebar .widget_categories li:before,.footer-sidebar .widget_links li:before,.footer-sidebar .widget_meta li:before,.footer-sidebar .widget_nav_menu li:before,.footer-sidebar .widget_pages li:before,.footer-sidebar .widget_recent_comments li:before,.footer-sidebar .widget_recent_entries li:before {
padding-right: 7px;
}
.footer-sidebar .widget_text.site-info {
margin-top: 0px;
}}
.footer-sidebar .widget li{
border-bottom: none;
padding-top: 0.313rem;
padding-bottom: 0.313rem;
position: relative;
}
/*.footer-sidebar .widget li:before{content: none;}*/
.footer-sidebar .widget .widget-title:after img{content: none;padding: 0}
.footer-sidebar .wp-block-calendar table {
margin-bottom: 0;
}
.widget .wp-block-social-links li,.footer-sidebar .widget .wp-block-social-links li{padding:0;}
.widget .wp-block-social-links li:before,.footer-sidebar .widget .wp-block-social-links li a:before{
display:none;
}
.wp-block-social-links .wp-social-link a {font-size: 1.875rem;}
/*===================================================================================*/
/* 29.0 Page Scroll Up
/*===================================================================================*/
.scroll-up {
position: fixed;
display: none;
bottom: 12px;
z-index: 999;
left: 30px;
}
.scroll-up a {
display: block;
height: 2.5rem;
width: 2.5rem;
text-align: center;
line-height: 2;
border-radius: 3px;
font-size: 1.25rem;
color: #fff;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
/*===================================================================================*/
/* 30.0 Blog Single
/*===================================================================================*/
/* Related Post */
.related-posts {margin:6rem 0 5rem;}
.related-posts .post-thumbnail{
margin: 0 0 0 10px;
overflow: hidden;
float: right;
display: block;
border-radius: 0;
}
.related-posts .post-thumbnail img{ width: 85px;height: 85px;}
.related-posts a:hover{color:#0a0a0a;}
.related-posts a:hover i{color:#0a0a0a;}
.related-posts .preview .post-thumbnail {margin: 0 0 20px 20px;}
.related-posts .next .post-thumbnail {margin: 0 20px 20px 0;}
.related-posts .entry-title a{color: #0a0a0a;font-size: 1rem;}
.related-posts .pre-post a{font-size: 0.875rem; }
.related-posts .next-post a{color:#.related-posts;font-size: 0.875rem; }
.related-posts .single-post .post-content{padding: 0;}
.related-posts .next{text-align: left;}
.related-posts .title{margin-bottom: 0; padding-top: 0.625rem;}
.related-posts .next .fa{margin-right: 0.625rem;}
.related-posts .preview .fa{margin-left: 0.625rem}
@media (max-width: 768px) {
.related-post .next{text-align: right;}
}
/* comment form */
.comment-form .comment-reply-title{padding-bottom: 0.938rem}
.comment-form .button-holder input{margin-top: 25px;margin-bottom:20px}
.comment-form .blog-form-group:after {
font-family: 'FontAwesome';
left: 50px;
margin-top: -45px;
position: absolute;
}
.comment-form input::placeholder,.comment-form textarea::placeholder{color:#888888;font-size:14px;}
.comment-form .blog-form-group-textarea:after {
font-family: 'FontAwesome';
left: 50px;
margin-top: -115px;
position: absolute;
}
@media (max-width: 768px) {
.comment-form .blog-form-group:after {
margin-top: -50px;
}
.comment-form .blog-form-group-textarea:after {
margin-top: -85px;
}
}
.site-info ul li:first-child {
margin-right: 0px;
}
.footer-sidebar .widget_text p{padding-top: 0.25rem;}
.footer-sidebar .widget_text.site-info p{margin-bottom: 1rem;}
.footer-sidebar .widget_text.site-info .description{margin-bottom: 2rem;}
.footer-sidebar .widget_text.site-info address i {
color:#888888;
font-size: 16px;
padding-left: 1rem;
}
.footer-sidebar .widget_text.site-info a {color:#888888;}
.footer-sidebar .widget_text.site-info a:hover {font-weight: 400;}
/*===================================================================================*/
/* 31.0 Common classes
/*===================================================================================*/
.testimonial.testi .testmonial-block {
background-color: transparent;
border-right: none;
position: relative;
margin: 0;
padding: 0 2.5rem 0rem;
font-size: unset;
border-right: none;
}
.testimonial.testi .testmonial-block .avatar, #testimonial-carousel3 .testmonial-block .avatar {
margin: 0px auto 1.3rem;
width: 9.4rem;
height: 9.2rem;
}
.testimonial #testimonial-carousel3 .testmonial-block .name{
font-size: 1.25rem;
font-weight: 600;
font-style: normal !important;
margin: 0px 0 -0.188rem;
display: block;
}
.testimonial #testimonial-carousel3 .testmonial-block .designation{
font-size: 1.000rem;
padding-top: 5px;}
.testimonial.testi .testmonial-block .name {
font-size: 1.25rem;
font-weight: 600;
font-style: normal !important;
margin: 0px 0 -0.188rem;
display: block;
}
.testimonial.testi .testmonial-block .designation {
font-size: 1.000rem;
padding-top: 5px;
}
.testimonial.testi .rating {
margin: 10px 0px;
text-align: center;
}
.testimonial.testi-4 .testi-grid .rating{text-align: right;}
/*Team common classes*/
.team.team-common .team-grid .card-body .list-inline {
visibility: unset;
position: relative;
opacity: 1;
}
.team.team-common .team-grid .card-body {
padding-bottom: 0rem;
}
.team.team-common .team-grid:hover .card-body .list-inline {
border-bottom: unset;
padding-bottom: 0;
}
.portfolio.right-col .tab-content .portfolio-thumbnail i,.portfolio.left-col .tab-content .portfolio-thumbnail i {
top: 20%;
left: 38%;
}
.portfolio.two-column .tab-content .portfolio-thumbnail i {
top: 39%;
left: 46%;
}
.portfolio.four-column .tab-content .portfolio-thumbnail i {
top: 30%;
left: 42%;
}
/*/Variations common classes*/
/*===================================================================================*/
/* SERVICE SECTION 2
/*===================================================================================*/
.services2 .post {
position: relative;
background:#fff;
margin-bottom: 2rem;
padding:1.25rem 1.563rem;
transition: 0.25s;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.services2 .post::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 2px;
height: 100%;
transition: .5s;
z-index: 0;
}
.services2 .post:hover::before {
width: 100%;
}
.services2 .post:hover .entry-content p {
color: #fff;
position:relative;
}
.services2 .post-thumbnail {
position: relative;
text-align: right;
}
.services2 .post-thumbnail i.fa {
font-size: 2.25rem;
text-align: center;
}
.services2 .post:hover .post-thumbnail i.fa {
color: #fff;
}
.services2 .post:hover{
color: #fff;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.services2 .post:hover h4{color: #ffffff;}
.services2 .post .entry-header .entry-title a {transition: 0s; }
.services2 .entry-header .entry-title a:hover { color:#fff !important;}
.services2 .post:hover .entry-header .entry-title a {color:#fff; position: relative;}
.services2 .post-thumbnail img {
width: 3rem;
height: 3rem;
}
.services2 .entry-header{position: relative;}
/*===================================================================================*/
/* SERVICE SECTION 3
/*===================================================================================*/
.services3 .post { margin: 0; padding: 0 1.25rem 3.438rem; transition: 0.3s; }
.services3 .post-thumbnail {
position: relative;
text-align: center;
margin: 0 auto 1.550rem;
}
.services3 .post-thumbnail i.fa {
border-radius: 50%;
color: #fff;
width: 5rem;
height: 5rem;
font-size: 2.25rem;
line-height: 1.8;
padding: 5px;
border: 4px solid #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.services3 .post:hover .post-thumbnail i.fa {
background: #f5f6fa;
border: 4px solid #fff;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.services3 .post-thumbnail img {
width: 5rem;
height: 5rem;
border-radius: 50%;
border: 4px solid #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.services3 .post:hover .post-thumbnail img {
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
/*===================================================================================*/
/* Testimonial SECTION 2
/*===================================================================================*/
#testimonial-carousel2 .avatar {
display: inline-block;
position: absolute;
right: 20px;
}
#testimonial-carousel2 .testmonial-block {
box-shadow: -5px 5px 6px rgba(255, 255, 255, 0.05);
padding: 30px 190px 30px 30px;
margin: 0 15px 30px 15px;
overflow: hidden;
position: relative;
}
#testimonial-carousel2 .testmonial-block .entry-content {
margin: 0px 0 0.25rem;
}
#testimonial-carousel2 .testmonial-block .entry-content:before, #testimonial-carousel2 .testmonial-block .entry-content.quote:before {
top: 0;
}
.testimonial.testi-2 {
background: url(../images/bg/bg-img.jpg) 0% 50% no-repeat;
}
#testimonial-carousel2 .testmonial-block:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
border-right: 25px solid transparent;
border-left: 25px solid transparent;
transform: rotate(-45deg);
transform-origin: 80% -30% 0;
}
@media (max-width:768px){
#testimonial-carousel2 .testmonial-block {
padding: 15px;
margin: 0 15px 15px;
}
#testimonial-carousel2 .avatar {
position: relative;
}
#testimonial-carousel2 .avatar {
right: 0px;
}
#testimonial-carousel2 .testmonial-block .avatar {
margin: 0 0px 1.75rem;
}
}
/*===================================================================================*/
/* Team SECTION 2
/*===================================================================================*/
}
.team2 .team-grid .card-body p {
color: #878e94;
}
.team2 .team-grid .img-holder img {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.team2 .team-grid .img-holder::before {position:unset;}
.team2 .team-grid:hover .img-holder img{
transform: scale3d(0.9, 0.9, 1);
}
/*===================================================================================*/
/* Testimonial SECTION 3
/*===================================================================================*/
.testimonial.testi-3 {
background: url(../images/bg/bg-img.jpg) 0% 50% no-repeat;
}
#testimonial-carousel3 .testmonial-block {
padding: 0 1rem 3.125rem 1rem;
text-align: center;
}
.testi-3 .owl-theme .owl-dots {
margin: 0rem 0rem 0rem;
}
#testimonial-carousel3 figcaption{padding-bottom: 0.5rem;}
#testimonial-carousel3 .testmonial-block .avatar {
margin: 0px auto 1.75rem;
}
.testi-3:before {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 100%;
z-index: 0;
background-color: rgba(1, 7, 12, 0.8);
}
.testi-3 .entry-content:before, .testi-3 .entry-content.quote:before {
opacity: 1;
font-size: 1rem;
top: 7px;
right: -11px;
left: auto;
}
#testimonial-carousel3 .testmonial-block .entry-content {
margin: 0px 0 0.5rem;
}
@media (min-width: 992px){.testi-3 .entry-content:before, .testi-3 .entry-content.quote:before {right: -15px;}}
/*===================================================================================*/
/* Team SECTION 3
/*===================================================================================*/
.team3 .team-grid .img-holder img {
max-width: 100%;
border-radius: 50%;
color: #fff;
width: 12rem;
height: 12rem;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.team3 .team-grid .card-body .list-inline li > a {
color: #878e94;
}
.team3 .team-grid .position {
color: #878e94;
}
.team3 .owl-carousel.owl-drag .owl-item{
background: #ffffff !important;
}
.team3 .team-grid {
margin: 1px;
padding-bottom: 0.75rem;
padding-top: 2.25rem;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.team3 .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 3.25rem;
}
.team3 .team-grid .img-holder::before {position:unset;}
.team3 .team-grid:hover .img-holder img{
transform: scale3d(0.9, 0.9, 1);
}
.team3.team-common .team-grid .card-body {
padding-bottom: 1.25rem;
}
/*===================================================================================*/
/* SERVICE SECTION 4
/*===================================================================================*/
.services4 .post {
margin-bottom: 3rem;
padding: 1rem 4.25rem 1rem 1.125rem;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
position: relative;
}
.services4 .post:hover {
-webkit-box-shadow: -5px 7px 9px -4px rgb(158, 158, 158);
-moz-box-shadow: -5px 7px 9px -4px rgb(158, 158, 158);
box-shadow: -5px 7px 9px -4px rgb(158, 158, 158);
}
.services4 .post-thumbnail {
position: absolute;
right: 0;
top: 0;
text-align: right;
padding: 1rem 0;
}
.services4 .post-thumbnail i.fa {
font-size: 2.5rem;
text-align: center;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
}
.services4 .post:hover .post-thumbnail i.fa , .services4 .post:hover .post-thumbnail img {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}
.services4.service_wrapper .entry-header {margin: 0 0 0.938rem;}
.services4 .post-thumbnail img {
width: 3.5rem;
height: 3.5rem;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
}
/*===================================================================================*/
/* Testimonial SECTION 4
/*===================================================================================*/
.testimonial.testi-4 {
background: url(../images/bg/bg-img.jpg) 0% 50% no-repeat;
}
#testimonial-carousel4 .testmonial-block {
box-shadow: 0px 0px 6px 2px rgba(255, 255, 255, 0.1);
margin-bottom: 2px;
}
#testimonial-carousel4 .testmonial-block .entry-content:before,#testimonial-carousel4 .testmonial-block .entry-content.quote:before {
font-size: 3.875rem;
top: -18px;
}
#testimonial-carousel4 .testmonial-block .avatar {
margin: 0px auto 0.75rem 0.987rem;
display: inline-block;
width: 4.563rem;
height: 5.563rem;
}
#testimonial-carousel4 .testmonial-block .entry-content {
margin: 0px 0 0.5rem;
}
#testimonial-carousel4 .testmonial-block figcaption{
display: inline-block;
vertical-align: middle;
text-align: right;
}
#testimonial-carousel4.owl-theme .owl-nav.disabled+.owl-dots {
margin-bottom: 1.75rem;
margin-top: 2rem;
}
/*===================================================================================*/
/* Team SECTION 4
/*===================================================================================*/
.team4 .team-grid {
background-color: #fff;
margin: 2px auto;
padding-bottom: 0px;
margin: 0.125rem 0.125rem 1.75rem;
text-align: center;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
.team4 .list-inline > a {
cursor: pointer;
}
@media (min-width: 768px){
.team4 .avatar{width: 222px;
height: auto;}
}
.team4 .overlay {
position: relative;
overflow: hidden;
}
.team4 .team-grid:hover .overlay::before {
opacity: 1;
width: 100%;
visibility: visible;
}
.team4 .overlay::before {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: rgba(0, 0, 0, 0.3);
content: "";
opacity: 0;
z-index: 6;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.team4 .team-grid .img-holder::before {position:unset;}
.team4 .team-grid:hover .list-inline {
opacity: 1;
visibility: visible;
transform: translateX(0);
transition-delay: .2s;
}
.team4 .list-inline li a {
color: #061018;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.team4 .list-inline {
background: #ffffff;
display: inline-block;
position: absolute;
top: 10px;
right: 0;
padding: 8px 20px;
border-radius: 300px;
z-index: 44;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
}
.team4 .team-grid .list-inline .list-inline-item{
margin-left: 0rem;
}
.team4.team-common .team-grid .card-body {
padding-bottom: 1.25rem;
}
/*--------------------------------------------------------------
Portfolio Gallery
--------------------------------------------------------------*/
.portfolio.portfolio-gallery .col-2,.portfolio.portfolio-gallery .col-3,
.portfolio.portfolio-gallery .col-4,.portfolio.portfolio-gallery .col-6,
.portfolio.portfolio-gallery .col-lg-2,.portfolio.portfolio-gallery .col-lg-3,
.portfolio.portfolio-gallery .col-lg-4:not(.portfolio.portfolio-gallery .sidebar),.portfolio.portfolio-gallery .col-lg-6,
.portfolio.portfolio-gallery .col-md-2,.portfolio.portfolio-gallery .col-md-3,
.portfolio.portfolio-gallery .col-md-4,.portfolio.portfolio-gallery .col-md-6,
.portfolio.portfolio-gallery .col-sm-2,.portfolio.portfolio-gallery .col-sm-3,
.portfolio.portfolio-gallery .col-sm-4,.portfolio.portfolio-gallery .col-sm-6{
padding: 3px;
}
.portfolio.portfolio-gallery .modal-body .col-md-6, .portfolio.portfolio-gallery .modal-body .col-md-4,
.portfolio.portfolio-gallery .modal-body .col-md-3{
padding-left: 1.25rem; padding-right:1.25rem;
}
.portfolio.portfolio-gallery .tab-content .portfolio-thumbnail {
margin: 0px;
border-radius: 0;
}
.portfolio.portfolio-gallery .tab-content .portfolio-thumbnail i {
left: 46%;
}
/*--------------------------------------------------------------
32.0 Sticky Menu Classes
--------------------------------------------------------------*/
body .stickymenu{
position: fixed;
width: 100%;
box-shadow: 0 1px 3px rgba(255,255,255,0.1);
z-index: 999;
transition: 0.3s;
top: 0;
}
body .seven.stickymenu{
transition: unset;
}
.stickymenu1{
display: none;
position: fixed !important;
width: 100%;
box-shadow: 0 1px 3px rgba(255,255,255,0.1);
z-index: 999;
top: 0;
}
@media (max-width: 600px){
body.admin-bar .navbar.stickymenu,body.admin-bar .navbar.stickymenu1, body.admin-bar .five.stickymenu, body.admin-bar .five.stickymenu1,body.admin-bar .six.stickymenu ,body.admin-bar .six.stickymenu1{
top: 0;
}}
body.admin-bar .stickymenu,body.admin-bar .stickymenu1 {
top: 32px;
}
.navbar.shrink{transition: 0.3s;}
.navbar.shrink1 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
width: 100%;
box-shadow: 0 1px 3px rgba(255,255,255,0.1);
z-index: 999;
position: fixed;
top: 0;
transition: 0.3s;
}
.shrink1.five,.shrink1.six{
width: 100%;
box-shadow: 0 1px 3px rgba(255,255,255,0.1);
z-index: 999;
position: fixed;
top: 0;
transition: 0.3s;
}
/*--------------------------------------------------------------
33.0 Footer Layout
--------------------------------------------------------------*/
.main-footer {
background-color: #061018;
margin: 0;
padding: 0;
position: relative;
border-top: 0px solid #828282;
background-image: url(../images/bg/bg-img.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
.main-footer .footer-overlay{
display: block;
height: 100%;
position: absolute;
right: 0;
top:0;
width: 100%;
z-index: 0;
background-color: rgba(1, 7, 12, 0.50);
}
.site-info .footer-sidebar{
padding: 0rem;
}
.site-info .footer-sidebar.text-center .widget .widget-title:after {
margin: 0 auto;
}
@media (min-width: 1200px){
.site-info .footer-sidebar .right-info .widget .widget-title:after {
left: 0;
position: absolute;
}
.site-info .right-info .widget.wpblack_social_icon_widget,
.site-info .right-info .nav-menu {
text-align: left;
}
.site-info .right-info .widget .wp-block-social-links{
float: left;
}
.site-info .right-info .widget.widget_block{
text-align: initial;
}
}
.site-info .copyright{padding-bottom: 1rem;}
.site-info span a {font-weight: 600;color: #fff ;}
.site-info span a:hover , .site-info span a:focus {color: #0a0a0a}
.site-info span a:before{content: "\f004";font-family: FontAwesome;color: #cc0619;margin-left: 5px;font-size: medium;}
@media (max-width: 600px){
.site-info .footer-sidebar{
text-align: unset;
}
.site-info .footer-sidebar .widget .widget-title:after {
margin: 0 auto;
}}
.site-info .footer-sidebar.text-center .widget .widget-title:after {
margin: 0 auto;
}
.site-info .footer-sidebar .nav-menu li {
display: inline-block;
margin-left: 15px;
}
.subscribe-form{margin-bottom: 1rem;}
.subscribe-form p{color:#fff;}
.subscribe-form .btn-default {border-radius: 0px;}
.subscribe-form .input-group .form-control{padding: 1em 0.5em 0.75em 4em;z-index: 0;}
.subscribe-form .btn-default:hover,.subscribe-form .btn-default:focus {color: #fff;}
.subscribe-form .input-group .input-group-btn{position: absolute;left: 0.26rem;top: 0.26rem;z-index: 1;}
/*===================================================================================
CONTACT PAGE 1
===================================================================================*/
.contact.contact-1{position: relative;padding-bottom: 0rem;}
.contact .contact-form-map{margin: 0rem 0rem 4.375rem;}
.contact .contact-widget{
text-align: center;
transition: all .4s ease 0s;
box-shadow: 0 0 0px 1px rgb(163, 163, 163,0.5);
padding: 3.25rem 1.5rem 2.625rem;
margin-bottom: 2rem;
}
.contact .contact-widget address, .contact-widget a {
color: #727272;
}
.contact .contact-widget i {
border-radius: 10%;
display: block;
font-size: 2.5rem;
line-height: 1.7;
height: 70px;
box-shadow: 0 0 0px 1px rgba(163, 163, 163,0.5);
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
transition: all .4s ease 0s;
width: 70px;
background: #fff;
}
.contact .contact-widget h4 {
font-size: 1.25rem;
margin: 1.563rem 0;
text-align: center;
}
.contact .contact-widget address {
font-size: 1rem;
margin-bottom: 5px;
text-align: center
}
.contact .contact-widget:hover{
box-shadow: 0 0 10px 1px rgba(163, 163, 163,0.5);
}
@media (min-width: 768px){
.contact1 .section-header,.contact2 .section-header,.contact3 .section-header {
margin: 0rem 0rem 0.8rem;
}
}
.contact.contact-2{position: relative;padding-top: 0rem;}
.contact2 .contact-detail-area {
padding: 3.25rem 0.5rem 2.625rem;
margin-top: 2rem;
}
.contact.contact-3{position: relative;padding-bottom: 0rem;}
.navbar-dark .navbar-nav .active>.nav-link{color:#000;}
/* new css */
.footer-sidebar .head-contact-info li a:hover, .footer-sidebar .head-contact-info li a:focus { color: #ffffff;}
.footer-sidebar .widget .tagcloud a {border-color: #ffffff;color: #ffffff;}
.footer-sidebar .widget .tagcloud a:hover {
background-color: #fff;
border-color: #ffffff;
}
.footer-layout2 .footer-sidebar .widget_text.site-info a ,
.footer-layout2 .footer-sidebar .widget_text.site-info p ,
.footer-layout3 .footer-sidebar .widget_text.site-info a ,
.footer-layout3 .footer-sidebar .widget_text.site-info p ,
.footer-layout3 .footer-sidebar .widget_text.site-info address i ,
.footer-layout2 .footer-sidebar .widget_text.site-info address i ,
.footer-layout4 .footer-sidebar .widget_text.site-info a ,
.footer-layout4 .footer-sidebar .widget_text.site-info p ,
.footer-layout4 .footer-sidebar .widget_text.site-info address i {
color: #ffffff;
}
.footer-sidebar .widget .post .entry-date {color: #ffffff;}
.portfolio.portfolio-gallery .modal-body .col-md-6.py-5.pl-5 {
padding-left: 3rem !important;
padding-right: 3rem !important;
padding-top: 3rem !important;
}
.portfolio.portfolio-gallery .modal-body .col-md-6 {padding: unset !important;}
@media (min-width: 1200px) {
body.boxed .custom.header-sticky {
width: 1210px;
}
}
.btn-style-one {
position: relative;
font-size: 1rem;
line-height: 1.5;
overflow: hidden;
padding: 0.96rem 1rem 0.9rem;
background-color: transparent;
display: inline;
}
.btn-box {
position: relative;
display: inline-block;
margin-left: 30px;
}
.btn-style-one:hover, .btn-style-one:focus {
color: #ffffff;
}
.footer-layout4 .site-info {background-color: #21202e;}
.footer-layout4 .footer-sidebar .widget_text.site-info a:hover ,
.footer-layout4 .footer-sidebar .widget_text.site-info a:hover {
color: #ffffff;
font-weight: 600;
}
@media (max-width: 600px) {
.footer-layout4 .site-info ,.footer-layout3 .site-info , .footer-layout2 .site-info{
text-align: right;
}
}
/*===================================================================================*/
/* 34.0 Slider Video Button , Background Video And Images
/*===================================================================================*/
.slider-image img {padding: 3px; background-color: #fff;}
.video-frame {
width: 100%;
height: 100%;
}
.video-frame iframe {
border: 0 none;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
#slider-video { border: 0.3rem solid #FFFFFF;}
#slider-video {
text-transform: uppercase;
font-weight: 300;
padding: 0.813rem 1.125rem;
display: inline-block;
font-size: 0.813rem;
margin: 0;
border-radius: 50%;
background: transparent;
cursor: pointer;
}
.section-video .video-btn a:after {
position: relative;
top: 25%;
right: 25%;
margin: 0px 0px 0 0;
width: 0;
height: 0;
border-top: 0.938rem solid transparent;
border-bottom: 0.938rem solid transparent;
content: '';
display: block;
}
.section-video .video-btn a:after {border-right: 1.563rem solid #FFFFFF;}
.section-video {
position: relative;
width: 100%;
height: 43rem;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.section-video .caption-content {
z-index: 10;
position: absolute;
height: 40%;
padding: 0 15px;
width: 100%;
}
@media (min-width: 1200px) {
.section-video .caption-content {width: 72%;}
}
.video-slider-caption1 {
position: absolute;
display: contents;
z-index: 1;
width: 100%;
}
.video-slider-caption1 .video-btn {
margin: 30px 0;
}
.slider-caption .image-slider-caption .inner-title ,
.slider-caption .video-slider-caption .inner-title {
width: 100%;
}
.slider-video-btn {
top: 50%;
left: 15%;
position: absolute;
}
.slider-video-btn a {
font-size: 6rem;
color: #fff !important;
}
.circle {
border-radius: 50%;
border: 2px solid #ffffff;
width: 7.5rem;
height: 7.5rem;
left: -1.188rem;
top: 1rem;
position: absolute;
opacity: 0;
animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes scaleIn {
from {
transform: scale(.5, .5);
opacity: .5;
}
to {
transform: scale(2.5, 2.5);
opacity: 0;
}
}
.slider1 .caption-content {width: 100%;}
.slider-caption .text-right .inner-title {
padding: 0 0 0 50px;
}
.slider-caption .text-right .inner-title:before {
left: 0;
right: auto;
}
a:hover .circle {animation-play-state: paused;}
/*--------------------------------------------------------------
header variation Layout3
--------------------------------------------------------------*/
.layout3.header-sidebar .bottom-header {
padding: 1.35rem 0 0rem;
}
.layout3 .head-contact-info {
padding: 0.438rem 0 0.438rem;
margin: 0px;
display: block;
width: 100%;
}
.layout3 .contact-icon {
margin: 0.2rem 0 0.625rem 0.625rem;
padding: 0;
}
.layout3 .contact-icon i {
font-size: 2.25rem;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.layout3 .head-contact-info i {
padding-left: 0.625rem;
padding-right: 0.063rem;
}
.layout3.header-sidebar address { margin: 0 0 1.5em; color: #333333;font-size:0.938rem;}
.layout3.navbar{background-color: #333333; padding: 0;}
@media (min-width: 991px){
.layout3.header-sidebar .contact-widget { float: left; }
}
.layout3.navbar .nav .nav-item .nav-link,
.layout3.navbar .nav .nav-item .dropdown-item{
color:#ffffff;
}
.layout3.navbar .options-box .nav-search a,
.layout3.navbar .options-box .cart-header > a.cart-icon{color: #ffffff;}
.layout3.navbar-brand{float: right;}
.layout3.navbar .nav .nav-item .dropdown-menu {
color: #ffffff;
background-color: #333333;
border: 1px solid rgba(0,0,0,.15);
}
.layout2 a.text-dark:focus,.layout2 a.text-dark:hover,
.layout3 a.text-dark:focus,.layout3 a.text-dark:hover{
color: #1cc9ed !important;
}
.layout2.navbar .options-box .nav-search a:hover,
.layout2.navbar .options-box .cart-header > a.cart-icon:hover,
.layout2.navbar .options-box .nav-search a:focus,
.layout2.navbar .options-box .cart-header > a.cart-icon:focus,
.layout3.navbar .options-box .nav-search a:hover,
.layout3.navbar .options-box .cart-header > a.cart-icon:hover,
.layout3.navbar .options-box .nav-search a:focus,
.layout3.navbar .options-box .cart-header > a.cart-icon:focus{
color: #1cc9ed;
}
.layout3 .header-module { margin-left: 0;float: right;}
.layout3 .btn-box {
position: relative;
float: left;
height: 3.5rem;
}
.layout3.header-sidebar {
background: #ffffff;
}
.layout3 .btn-style-one { display: inline-block;}
.layout3 .navbar-toggler { margin: 13px 0;}
@media (max-width: 500px){
.layout3.header-sidebar { text-align: center;}
.layout3 .head-contact-info .contact-widget .media { display: block;}
.layout3 .navbar-brand {float: none;}
}
@media (max-width: 768px){
.layout3 .options-box .btn-box {display: none;}
.layout3.navbar {padding: 0 0.938rem 0 0.938rem;}
.layout3 .options-box{margin-right: 1rem;}
}
@media (min-width: 800px) and (max-width: 1280px) {
.layout3 .btn-style-one{
font-size: 0.8rem;
line-height: 1.875rem;
padding: 0.8rem 0.85rem 0.8rem;
}
.layout3.navbar .nav .nav-item .nav-link {font-size: 0.876rem;}
.layout3.navbar .nav .nav-item { margin-left: 1rem;}
}
/*--------------------------------------------------------------
header variation Layout2
--------------------------------------------------------------*/
.layout2.header-sidebar { background: #333333;}
.layout2.navbar {
background-color: transparent;
position: absolute;
z-index: 2;
right:0;
left:0;
background-color: rgba(0,0,0,0.2);
color: #ffffff;
}
.layout2.navbar .nav .nav-item .nav-link,
.layout2.navbar .nav .nav-item .dropdown-item{
color:#ffffff;
}
.layout2.navbar .options-box .nav-search a,
.layout2.navbar .options-box .cart-header > a.cart-icon{color: #ffffff;}
.layout2 .navbar-brand{float: right;}
.layout2.navbar .nav .nav-item .dropdown-menu {
color: #ffffff;
background-color: #333333;
border: 1px solid rgba(0,0,0,.15);
}
.layout2 .options-box{align-content: left;}
.layout2 .header-module { margin-left: 0;float: right;}
.btn-style-two {
position: relative;
font-size: 1rem;
line-height: 1.875rem;
color: #FFFFFF;
overflow: hidden;
padding: 0.76rem 1.375rem 0.76rem;
background-color: transparent;
border:1px solid #FFFFFF;
display: inline-block;
}
.btn-style-two:hover, .btn-style-two:focus{
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
.layout2#searchbar_fullscreen,.layout3#searchbar_fullscreen { background-color: rgba(255, 255, 255,0.95);}
.layout2 .head-contact-info li a:hover, .layout2 .head-contact-info li a:focus { color: #1cc9ed;}
.layout2 .btn-box {
position: relative;
float: left;
}
@media (min-width: 800px) and (max-width: 1280px) {
.layout2 .btn-style-two {
font-size: 0.8rem;
line-height: 1.875rem;
padding: 0.6rem 0.85rem 0.6rem;
}
.layout2.navbar .nav .nav-item .nav-link {font-size: 0.876rem;}
.layout2.navbar .nav .nav-item { margin-left: 1rem;}
}
@media only screen and (max-width: 768px){
.layout2 .btn-box {float: right; }
.layout2 .navbar-collapse {background-color: #333333;}
.layout2 .options-box{margin-right: 1rem;}
}
/*.layout2#slider-carousel .item { height: 40rem !important;}
.layout2 .slider-caption .title { margin-top: 60px;}*/
#slider-button {
text-transform: uppercase;
font-weight: 300;
padding: 1.25rem 1.438rem;
display: block;
font-size: 0.813rem;
margin: 0;
border-radius: 50%;
background: transparent;
cursor: pointer;
}
#slider-button {
border: 5px solid #FFFFFF;
}
.slider-video-btn a:after {
position: relative;
margin: 0px 0px 0 0;
width: 0;
right: 20%;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
content: '';
display: block;
}
.slider-video-btn a:after {
border-right: 25px solid #ffffff;
}
.circle {
border-radius: 50%;
border: 2px solid #ffffff;
width: 8.85rem;
height: 8.85rem;
left: -1.9122rem;
top: -1.92rem;
position: absolute;
opacity: 0;
animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@media (max-width: 768px) {
.circle {
width: 10rem;
height: 10rem;
left: -2.12rem;
top: -2.1rem;
}
}
@media (max-width: 600px) {
.slider-video-btn {
bottom: 14%;
right: 41%;
top: unset;
left: unset;
position: absolute;
}
.slider-caption .text-right .inner-title {padding: 0 0 0 20px;}
}
.btn-light:focus , .btn-dark:focus , button:focus {
outline: 1px solid;
}
.owl-carousel .owl-dots button,.owl-carousel .owl-dots input[type="button"],.owl-carousel .owl-dots input[type="submit"] {
border: 0;
-webkit-border-radius: unset;
border-radius: unset;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: unset;
font-size: unset;
font-weight: unset;
line-height: 1;
padding: unset;
text-shadow: unset;
-webkit-transition: unset;
transition: unset;
background-color: unset;
}
.cta .video-btn a:hover,.cta .video-btn a:focus {
outline: thin dotted;
outline: 2px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.search-box-outer a.text-dark,
.search-box-outer a.text-dark:focus,
.search-box-outer a.bg-light{background-color: transparent !important;}
#slider-carousel .prev,#slider-carousel .next{background: transparent;padding: 0;font-size:unset;border: none;}
#slider-carousel .prev:hover,#slider-carousel .next:hover ,
#slider-carousel .prev:focus,#slider-carousel .next:focus
{background: transparent;color: #fff;}
#slider-carousel .prev:focus,#slider-carousel .next:focus{outline: 0;background: transparent;}
#slider-carousel .show-next{left: 7rem !important;opacity: 1 !important;border: 1px solid #fff;}
#slider-carousel .show-prev {right: 7rem !important;opacity: 1 !important;border: 1px solid #fff;}
.bcslider-section .owl-theme .owl-dots:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.owl-theme .owl-dots .owl-dot {
margin-bottom: 0px;
}
.owl-carousel .prev,.owl-carousel .next{background: transparent;padding: 0;font-size:unset;border: none;}
.owl-carousel .prev:hover,.owl-carousel .next:hover ,
.owl-carousel .prev:focus,.owl-carousel .next:focus
{background: transparent;color: #fff;}
.owl-carousel .prev:focus,.owl-carousel .next:focus{outline: 0;background: transparent;}
.owl-carousel .show-next{left: 7rem !important;opacity: 1 !important;border: 1px solid #fff;}
.owl-carousel .show-prev {right: 7rem !important;opacity: 1 !important;border: 1px solid #fff;}
/*--------------------------------------------------------------
header variation Layout4
--------------------------------------------------------------*/
.navbar.navbar4 {background-color: rgba(255, 255, 255, 1);}
.hp7.header-sidebar {border-bottom: 1px solid #000;}
.navbar4 .custom-logo-link-url .site-title a ,
.navbar4 .custom-logo-link-url .site-description {color: #000;}
@media (min-width: 992px) {
.navbar4.navbar .navbar-nav .dropdown-menu {box-shadow: 0px 0px 5px 1px #ffffff30;}
.navbar4 .header-lt {
z-index: 999;
position: initial;
width: inherit;
}
.navbar4 .header-lt::before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: auto;
right: 0;
width: 27.5vw;
z-index: -2;
display: block;
}
.navbar4 .header-lt::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: auto;
left: auto;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-ms-transform: skew(-15deg);
-o-transform: skew(-15deg);
transform: skew(-15deg);
z-index: -1;
width: 17.475rem;
display: block;
}
.navbar.navbar4 .header-lt .navbar-brand::after, .navbar4 .header-lt .custom-logo-link-url::after {
right: auto;
left: auto;
width: 12px;
top: 0;
margin-right: 16rem;
z-index: 100;
bottom: 0;
background-color: #000;
display: block;
position: absolute;
content: '';
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-ms-transform: skew(-15deg);
-o-transform: skew(-15deg);
transform: skew(-15deg);
}
.navbar4 .col-lg-4 {
position: initial;
display: table-header-group;
z-index: 0;
}
.navbar4 .custom-logo-link-url .site-description {width: 250px;}
.navbar4 .ml-auto {display: inline-flex;}
.navbar4 .custom-logo-link-url {display: table-caption;}
.navbar4 .header-lt {display: inline-block;}
}
@media (min-width:992px) and (max-width: 1200px) {
.navbar4 .navbar-nav {margin-right: 80px !important;}
}
@media (max-width: 991px) {
.navbar4 .header-lt {
text-align: center;
padding: 30px;
}
.navbar4 .navbar-toggler {
display: block;
margin: 30px auto 0;
}
.navbar4 .custom-logo-link-url {margin: 20px 0 0;}
.navbar4 .navbar-collapse ul, .navbar4 .navbar-collapse ol {margin: 1.5em 0 1.5em 0em;}
}
/*--------------------------------------------------------------
header variation Layout5
--------------------------------------------------------------*/
.navbar5.navbar {position: relative; background-color: #000000;}
.navbar5 .navbar-toggler {
float: none;
margin: 0 auto;
}
.layout5 .search-box-outer a , .layout5 .cart-header > a.cart-icon {color: #000;}
.layout5 .cart-header > a.cart-icon {border-right: 1px dotted #000;padding: 0 20px 0 0}
.layout5 .search-box-outer .dropdown-menu {
transform: none !important;
top: 30px !important;
box-shadow: 0px 0px 5px 0px #00000040;
right: auto !important;
left: 0px;
}
.layout5.header-logo {padding: 10px 0;background: #fff;}
.five.stickymenu1 .layout5.header-logo {background: #fff;}
.six.stickymenu1 .navbar-header.index6{background: #fff;}
.layout5 .header-module {
margin: 0px 0;
display: inline-block;
float: left;
}
.layout5 .nav-search {display: inline-block;}
.layout5 .cart-header {display: inline-block;}
.layout5 .btn-box {display: inline-block;}
@media (min-width: 991px) {
.layout5 .header-module {padding: 20px 0 0px 0;}
.navbar .nav .nav-item .nav-link {
margin: 0.5rem 0;
}
.navbar5.navbar {padding-bottom: 0;padding-top: 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
.layout5 .header-module {float: left;margin: 12px 0 0;}
}
@media (min-width: 768px) {
.layout5 .header-lt {float: right;}
.layout5 .custom-logo-link-url {position: relative;display: inline-block;}
.layout5 .navbar-brand {float: right;}
}
@media (max-width: 767px) {
.layout5.header-logo {
text-align: center;
padding: 20px 0;
}
.layout5 .custom-logo-link-url {
margin-bottom: 1.25rem;
margin-left: 0;
}
.layout5 .btn-box {
float: none;
display: inline-block;
}
.layout5 .header-module {
float: none;
}
.layout5 .header-lt {margin-bottom: 15px;}
.layout5 .search-box-outer .dropdown-menu {
top: 50px !important;
right: -20px !important;
left: auto;
width: 19rem !important;
}
}
@media (max-width: 991px) {
.navbar5 .navbar-collapse ul, .navbar5 .navbar-collapse ol {
margin: 1.5em 0em 1.5em 0em;
}
}
/*--------------------------------------------------------------
header variation Layout6
--------------------------------------------------------------*/
.navbar.navbar6 {
padding-top:0;
padding-bottom: 0;
background-color: rgba(10, 10, 10, 1);
position: relative;
width: 100%;
}
.navbar.navbar6 .nav .nav-item:hover .nav-link, .navbar.navbar6 .nav .nav-item .nav-link:focus {
color: #fff;
}
.navbar.navbar6 .nav .nav-item.active .nav-link { border-radius: 0px;position: relative;}
.navbar.navbar6 .content-center { margin: 0px; }
/*@media (min-width: 1100px) {
.navbar.navbar6 .navbar-nav > li > a {
border-radius: 0px;
padding-top:0;
padding-bottom: 0;
}
}*/
@media (min-width: 1200px) {
.navbar.navbar6 .btn-style-one {
line-height: 1.75;
padding: 0.98rem 1rem 1.1rem;
}
}
@media (min-width: 992px) {
.navbar.navbar6 .nav .nav-item .nav-link {
padding: 1rem 0.75rem;
margin:0;
}
.navbar.navbar6 .nav .nav-item.menu-html a,.navbar.navbar6 .nav .nav-item.menu-html
{
padding: 1rem 0.75rem;
margin:0;
}
.navbar.navbar6 .navbar-nav > li.active > a:after {
content: '';
position: absolute;
border-top: .3em solid;
border-left: .3em solid transparent;
border-right: .3em solid transparent;
display: block;
top: 0;
color: #ffffff;
right: 50%;
}
}
@media (max-width: 991px){
.navbar.navbar6 { padding-bottom: 1rem; }
.navbar6 .header-module {text-align: right;}
}
@media (max-width: 1199px) {
.navbar.navbar6 .nav .nav-item {
margin-left: 0;
}
}
/*------------------index 6 layout------------*/
.navbar-header.index6 {
text-align: center;
background-color: #fff;
padding:17px 0 17px;
}
.navbar-header.index6 .navbar-brand {
margin-left: 0;
white-space: unset;
}
.index6 .custom-logo-link-url { padding: 5px 0;}
.index6 .custom-logo-link-url .site-title .site-title-name{ font-size: unset;}
.index6 .site-title { margin: 2px 0; line-height: 1.2;}
.navbar-header.index6 .custom-logo-link-url .site-title-name { padding: 2px 0 2px;}
/*===================================================================================*/
/* SERVICE SECTION 4
/*===================================================================================*/
.services5 .post {
margin-bottom: 2rem;
padding: 1rem 5.55rem 1rem 1.125rem;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
position: relative;
}
.services5 .post:hover {
-webkit-box-shadow: -5px 7px 9px -4px rgb(158, 158, 158);
-moz-box-shadow: -5px 7px 9px -4px rgb(158, 158, 158);
box-shadow: -5px 7px 9px -4px rgb(158, 158, 158);
}
.services5 .post-thumbnail {
position: absolute;
right: 1.25rem;
padding: 1.25rem 0;
top: 0;
text-align: right;
}
.services5 .post-thumbnail i.fa {
font-size: 2.5rem;
text-align: center;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
}
.services5 .post:hover .post-thumbnail i.fa{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}
.services5.service_wrapper .entry-header {margin: 0 0 0.938rem;}
.services5 .post .entry-header .entry-title a{
color: #ffffff
}
.services5 .post a i{ color: #ffffff; }
.services5 .post .entry-content p{ color: #ffffff; }
.services5 .post .post-thumbnail img {
width: 55px;
height: auto;
padding: 0;
transition: 0.3s;
}
@media (max-width: 768px){
.services5 .post { padding-right: 6.55rem;}
}
.services5 .post:hover .post-thumbnail i.fa, .services5 .post:hover .post-thumbnail img {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}
@media (min-width: 1200px) {
body.boxed .navbar4 .header-lt::before {
width: 15vw;
}
body.boxed .custom.header-sticky, body.boxed .five.stickymenu, body.boxed .five.stickymenu1, body.boxed .six.stickymenu, body.boxed .six.stickymenu1, body.boxed .seven.stickymenu, body.boxed .seven.stickymenu1 {
width: 1210px;
}
}
/*===================================================================================*/
/*34.1 New Widget Slider
/*===================================================================================*/
.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:right;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;right:0;overflow:hidden;position:fixed;left:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{right:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;right:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;right:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;right:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:rtl;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 75%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 75%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{right:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;right:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;right:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);width:36px}.mejs-time-float-current{display:block;right:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;right:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);width:0}.mejs-long-video .mejs-time-float{margin-right:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;right:50%;margin:0;position:absolute;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;right:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);width:2px}.mejs-volume-current{right:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;right:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-left:-43px;overflow:hidden;padding:0;position:absolute;left:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-left:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:right;right:-1000px;margin:3px 5px 0 3px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:right;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;right:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;right:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:-5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{right:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}
.widget.widget_calendar {
padding-top: 15px;
padding-bottom: 15px;
background-color: rgba(0,0,0,0.5);
padding: 1.875rem 1.563rem 2.5rem;
color: #ffffff;
}
.sidebar .widget.widget_calendar {
background-color: transparent;;
color: #333;
}
.slider-caption.yes .widget li a,
.slider-caption.yes .widget_archive li a,
.slider-caption.yes .widget_categories li a,
.slider-caption.yes .widget_links li a,
.slider-caption.yes .widget_meta li a,
.slider-caption.yes .widget_nav_menu li a,
.slider-caption.yes .widget_pages li a,
.slider-caption.yes .widget_recent_comments li a,
.slider-caption.yes .widget_recent_entries li a {
color: #ffffff;
}
.slide-widget .widget_text form label{margin-bottom: 1.5rem;}
.form-slider .widget {
background-color: #ffffff;
padding: 40px 30px 10px;
border-radius: 7px;
margin-right: 30px;
}
.slider-caption.yes .widget{padding: 40px 30px 10px;border-radius: 7px;margin-right: 30px;background-color: rgb(0 0 0 / 60%);}
.dark .form-slider .widget-title {
color: #000000;
}
.bcslider-section .widget_text .widget-title {
color: #000000;
}
.slide-widget input[type="text"],
.slide-widget input[type="email"],
.slide-widget input[type="url"],
.slide-widget input[type="password"],
.slide-widget input[type="search"],
.slide-widget input[type="number"],
.slide-widget input[type="tel"],
.slide-widget input[type="range"],
.slide-widget input[type="date"],
.slide-widget input[type="month"],
.slide-widget input[type="week"],
.slide-widget input[type="time"],
.slide-widget input[type="datetime"],
.slide-widget input[type="datetime-local"],
.slide-widget input[type="color"],
.slide-widget textarea {
color: #0a0a0a;
background: transparent;
border: 1px solid #d5d5d5;
-webkit-border-radius: 0px;
border-radius: 0px;
display: block;
padding: 10px;
width: 100%;
}
.wp-block-embed iframe {
max-width: 100%;
}
.slide-widget .slider-caption .inner-title {
width: 100%;
}
.widget .wp-block-search .wp-block-search__button.has-icon {
line-height: 0;
position: absolute;
left: 1rem;
top: 1rem;
color: #0a0a0a;
background: transparent;
z-index: 3;
display: block;
transition: all 0.3s;
padding: 0;
cursor: pointer;
border: 0;
}
.sidebar .wp-block-search .wp-block-search__label,.sidebar .widget.widget_block h1,.sidebar .widget.widget_block h2,.sidebar .widget.widget_block h3,.sidebar .widget.widget_block h4,.sidebar .widget.widget_block h5,.sidebar .widget.widget_block h6{
padding: 0rem 0rem 0.625rem;
font-weight: 600;
margin: 0;
z-index: 1;
position: relative;
}
.footer-sidebar .wp-block-search .wp-block-search__label,.footer-sidebar .widget.widget_block h1,.footer-sidebar .widget.widget_block h2,.footer-sidebar .widget.widget_block h3,.footer-sidebar .widget.widget_block h4,.footer-sidebar .widget.widget_block h5,.footer-sidebar .widget.widget_block h6{
padding-bottom: 0.5rem;
margin: 0 0rem 1rem;
color: #ffffff;
}
.footer-sidebar .widget li {
padding-right: 0;
}
.footer-sidebar .widget li:before {
content: '';
}
.footer-sidebar .wp-block-calendar table caption,.footer-sidebar .wp-block-calendar table tbody {
color: #fff;
}
.footer-sidebar .wp-block-calendar tr #today{font-weight: 700;}
.footer-sidebar .widget li a:before{
content: "\f177";
font-family: 'FontAwesome';
font-size: 0.75rem;
opacity: 0;
position: relative;
top: 0px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
margin-left: -0.75rem;
float: right;
}
.footer-sidebar .widget li a:hover::before{
margin-left: 8px;
opacity: 1;
}
.footer-sidebar .widget .wp-block-tag-cloud a {
border: 1px solid #fff;
}
.footer-sidebar .widget .wp-block-tag-cloud a {
color: #fff;
}
.footer-sidebar li.wp-block-latest-comments__comment a:before{display: none;}
.widget .wp-block-getwid-recent-posts footer {
background-color: transparent;
}
.wp-block-search .wp-block-search__label, .widget.widget_block h2{font-size:1.250rem;}
.widget .wp-block-search .wp-block-search__input {
font-size: 0.875rem;
padding-right: 1.25rem;
padding-left: 1.875rem;
}
.site-footer .widget .wp-block-search .wp-block-search__input{background-color: #fff;}
.widget .wp-block-search__button {
position: absolute;
left: -2rem;
margin-top: 9px;
top: auto;
background: transparent;
z-index: 3;
display: block;
border: 0;
padding: 0.625rem;
}
.page-template-template-blog-left-sidebar .widget .wp-block-search__button {left: 40px; }
.wp-block-group__inner-container .wp-block-search .wp-block-search__label,.wp-block-group__inner-container .wp-block-search .section-separator {display: none;}
.wp-block-search__input:focus {
color: #495057;
background-color: #fff;
border-color: #80BDFF;
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.widget .wpcf7 .wpcf7-textarea{
height: 100px;
}
.widget li:before {
content: "\f101";
font-family: FontAwesome;
position: absolute;
right: 0;
}
.widget li{
padding-bottom: 0.5rem;
margin: 0;
position: relative;
padding-right: 0.938rem;
}
.widget .wp-block-gallery li{padding:0;}
.widget .wp-block-gallery li:before,.widget .custom-social-icons li:before{
display:none;
}
.widget li:first-child,.footer-sidebar .widget li:first-child{
padding-top:0;
}
.widget li:last-child,.footer-sidebar .widget li:last-child{
padding-bottom: 0px;
border-bottom: none;
}
.widget ul,.widget ol{
list-style: none;
margin-right: 0;
padding-top: 0;
margin: 0;
}
.wp-calendar-nav{text-align: right;}
.widget .wp-block-calendar table th {
font-weight: 700;
border-bottom: 2px solid #bbb;
background:transparent;
}
.widget .wp-block-calendar tbody td,.widget .wp-block-calendar th {
border: 0;
padding: 0.4em;
text-align: right;
}
.widget .wp-block-tag-cloud a{
background-color: transparent;
font-size: 1rem !important;
display: inline-block;
padding: 5px 10px;
color: #0A0A0A;
margin: 0 0.125rem 0.625rem;
}
.widget.widget_media_image .wp-block-image img{
max-width: 100%;
height: auto;
}
.wp-calendar-table #today{
font-weight: 600;
}
.wp-block-latest-comments__comment-meta {
background-color: transparent;
}
.sidebar .widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:hover{color:#fff;}
.sidebar .widget.woocommerce .search-field {
margin-bottom: 0.625rem;
}
.widget.woocommerce.widget_products li img{margin-left:1.25rem; }
.widget.woocommerce.widget_recently_viewed_products li img{margin-left:1.25rem; }
.woocommerce-mini-cart.cart_list.product_list_widget li img{margin-left:1.25rem; }
.widget.woocommerce.widget_top_rated_products li img{margin-left:1.25rem; }
.slider-caption.yes .wp-block-calendar table tbody {color: #fff;}
.slider-caption.yes .widget_block h1, .slider-caption.yes .widget_block h2, .slider-caption.yes .widget_block h3,
.slider-caption.yes .widget_block h4,.slider-caption.yes .widget_block h5,.slider-caption.yes .widget_block h6{color: #fff;}
.slider-caption.yes .wp-calendar-table #today a{color: #6c757d;}
.slider-caption.yes .wp-calendar-nav-prev a {color: #fff;}
.navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a {
border: 1px solid #e9e9e9;
cursor: pointer;
display: inline-block;
line-height: 1.5;
font-weight: 600;
transition: all 0.3s ease 0s;
font-size: 1.125rem;
border-radius: 50px;
margin: 0 0.125rem 0.625rem;
padding: 0.625rem;
vertical-align: baseline;
white-space: nowrap;
width: 3.125rem;
height: 3.125rem;
text-align: center;
border-color: #888888;
color: #888888;
}
.navigation.pagination .nav-links .page-numbers:focus, .navigation.pagination .nav-links a:focus{outline: 1px solid #000;color: #ffffff;}
.navigation.pagination .page-numbers:hover{color: #ffffff;}
.navigation.pagination .page-numbers.dots:hover {color: #000;}
a.page-numbers:focus {color: #ffffff;}
/*Boxed layout*/
@media (min-width: 1200px){
body.boxed {
width: 1210px;
-webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
margin: 30px auto;
position: relative;
background: url(assets/images/bg-pattern/bg-img1.png) repeat fixed;
}
}
/*===================================================================================*/
/* 35.0 PRE LOADERS
/*===================================================================================*/
@media (min-width: 1200px){
body.boxed div#preloader1 {
width: 1210px;
}}
/* Loader 1 css */
div#preloader1 {
margin: auto;
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999999;
display: flex;
align-content: center;
justify-content: center;
}
.spiko-preloader-cube {
top: 40%;
right: 50%;
margin-right: -25px;
margin-top: -25px;
width: 50px;
height: 50px;
position: absolute;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.spiko-preloader-cube .spiko-cube {
float: right;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.spiko-preloader-cube .spiko-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.spiko-preloader-cube .spiko-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.spiko-preloader-cube .spiko-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.spiko-preloader-cube .spiko-cube:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-animation: hp-foldCubeAngle 2.4s infinite linear both;
animation: hp-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.spiko-preloader-cube .spiko-cube2:before {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.spiko-preloader-cube .spiko-cube4:before {
-webkit-animation-delay: .9s;
animation-delay: .9s;
}
.spiko-preloader-cube .spiko-cube3:before {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
@keyframes hp-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}
/*===================================================================================*/
/* 35.1 PRE LOADERS 2
/*===================================================================================*/
#preloader2{
margin: auto;
position: fixed;
z-index: 9999999;
display: flex;
width: 100%;
height: 100%;
background-color: #fff;
}
#preloader2 .square{
position: relative;
width: 50px;
height: 50px;
margin: 0 auto;
border-radius: 4px;
animation-fill-mode: both;
animation: motion 2.5s infinite cubic-bezier(0.89, 0.03, 0.06, 1.5);
}
.loader-2{
position: fixed;
top: 48%;
right: 48%;
width: 77px;
height: 67px;
}
#preloader2 .path{
height: 10px;
width: 110px;
overflow: hidden;
position: absolute;
bottom: 0;
}
#preloader2 .path > div{
background: #444;
width: 10px;
height: 10px;
border-radius: 2px;
margin: 0 15px;
position: absolute;
top: 0;
right: 0;
animation-fill-mode: both;
animation: dynamic 5s infinite cubic-bezier(0.89, 0.03, 0.06, 1.5);
}
#preloader2 .path > div:nth-child(1){ right: 40px; }
#preloader2 .path > div:nth-child(2){ right: 80px; }
#preloader2 .path > div:nth-child(3){ right: 120px; }
#preloader2 .path > div:nth-child(4){ right: 160px; }
#preloader2 .path > div:nth-child(5){ right: 200px; }
#preloader2 .path > div:nth-child(6){ right: 240px; }
#preloader2 .path > div:nth-child(7){ right: 280px; }
@keyframes motion{
50%{ transform: rotate(90deg); }
100%{ transform: rotate(180deg); }
}
@keyframes dynamic{
0%{ transform: translateX(40px); }
25%{ transform: translateX(80px); }
50%{ transform: translateX(120px); }
75%{ transform: translateX(160px); }
100%{ transform: translateX(200px); }
}
/* End Of Loader 2 css */
/*===================================================================================*/
/* 35.2 PRE LOADERS 3
/*===================================================================================*/
#preloader3{
width: 100%;
height: 100%;
background-color: #000;
position: fixed;
z-index: 1000;
}
.loader{
width: 15em;
height: 15em;
margin: 0 auto;
border-radius: 50%;
position: relative;
animation: hypnosis 5s infinite linear;
top: 30%;
}
.loader div{
font-size: 1.5em;
width: 10em;
height: 10em;
border-radius: 50%;
transform-origin: 5em 5em;
position: relative;
}
.loader div span,
.loader div span:before,
.loader div span:after {
border-top: .3em solid white;
border-radius: 50%;
position: absolute;
right: .5;
animation: color 10s infinite;
}
.loader div span{
width: 9em;
height: 9em;
transform-origin: 5em 2.9em;
top: 0em;
}
.loader div span:before,
.loader div span:after{
content: "";
}
.loader div span:before{
width: 8em;
height: 8em;
border: 0 solid white;
border-width: 0 0 0 .3em;
left: .1em;
top: -.2em;
}
.loader div span:after{
width: 6.5em;
height: 6.5em;
border: 0 solid white;
border-width: 0 0 .3em 0;
left: .4em;
bottom: 1.2em;
}
.loader div span:nth-child(2){
font-size: .6em;
transform-origin: 8.3em 4.8em;
transform: rotate(-90deg);
}
.loader div span:nth-child(3){
font-size: .2em;
transform-origin: 8em 8.7em;
transform: rotate(180deg);
}
.loader div:nth-child(2),
.loader div:nth-child(3),
.loader div:nth-child(4){
position: absolute;
top: 0;
right: 0;
}
.loader div:nth-child(3),
.loader div:nth-child(4){
animation: hypnosis 4s linear infinite reverse;
}
.loader div:nth-child(2){ transform: rotate(90deg); }
.loader div:nth-child(3){ animation-delay: -2s; }
.loader div:nth-child(4){ animation-delay: -4s; }
.loader div:nth-child(2) span,
.loader div:nth-child(2) span:before,
.loader div:nth-child(2) span:after{
border-color: skyblue;
animation-delay: 2.5s;
}
.loader div:nth-child(3) span,
.loader div:nth-child(3) span:before,
.loader div:nth-child(3) span:after{
border-color: crimson;
animation-delay: 2s;
}
.loader div:nth-child(4) span,
.loader div:nth-child(4) span:before,
.loader div:nth-child(4) span:after{
border-color: gold;
animation-delay: .5s;
}
@keyframes hypnosis{
100%{ transform: rotate(360deg); }
}
@keyframes color{
10%{ border-color: #845EC2; }
20%{ border-color: #FEF950; }
30%{ border-color: #FF6F91; }
40%{ border-color: #17A554; }
50%{ border-color: #33A896; }
60%{ border-color: #2247A9; }
70%{ border-color: #E8353C; }
80%{ border-color: #F3F3CC; }
90%{ border-color: #4FFBDF; }
}
/* End Of Loader One css */
/*===================================================================================*/
/* 35.3 PRE LOADERS 4
/*===================================================================================*/
#preloader4{
width: 100%;
height: 100%;
background-color: #000;
position: fixed;
z-index: 1000;
}
.loader-4
{
right: 45%;
top: 40%;
width: 100px;
height: 100px;
position: absolute;
}
.loader-4 .loader-inner-1,
.loader-4 .loader-inner-2,
.loader-4 .loader-inner-3,
.loader-4 .loader-inner-4
{
display: block;
width: 20px;
height: 20px;
border-radius: 20px;
position: absolute;
}
.loader-4 .loader-inner-1:before,
.loader-4 .loader-inner-2:before,
.loader-4 .loader-inner-3:before,
.loader-4 .loader-inner-4:before
{
content:"";
display: block;
width: 20px;
height: 20px;
border-radius: 20px;
position: absolute;
left: 0;
animation-name: loading-1;
animation-iteration-count: infinite;
animation-direction: normal;
animation-duration: 2s;
}
.loader-4 .loader-inner-1
{
top: 0;
right: 0;
transform: rotate(70deg);
}
.loader-4 .loader-inner-1:before
{
background: #FCE6CF;
}
.loader-4 .loader-inner-2
{
top: 0;
left: 0;
transform: rotate(160deg);
}
.loader-4 .loader-inner-2:before
{
background: #1E3C72;
}
.loader-4 .loader-inner-3
{
bottom: 0;
left: 0;
transform: rotate(-110deg);
}
.loader-4 .loader-inner-3:before
{
background: #ffcf0e;
}
.loader-4 .loader-inner-4
{
bottom: 0;
right: 0;
transform: rotate(-20deg);
}
.loader-4 .loader-inner-4:before
{
background: #ff2350;
}
@keyframes loading-1
{
0%
{
width: 20px;
left: 0;
}
30%
{
width: 120px;
left: -100px;
}
60%
{
width: 20px;
left: -100px;
}
}
.header_menu{
width: 100%;
height: 100px;
display: flex;
flex-direction: row;
align-items: center;
/* border:1px solid red;*/
}
.logo{
width: 20%;
text-align: center;
}
.logo img{
height: 300px;
}
.menu_list{
width: 80%;
text-align: left;
padding-left: 50px;
}
.menu_list li{
display: inline-block;
text-transform: uppercase;
list-style: none;
letter-spacing: 2px;
padding-right: 50px;
}
.menu_list li a{
color:rgba(255, 255, 255, .8);
text-decoration: none;
}
.menu_list li a:hover{
color:orange;
}
.header_content{
text-transform: uppercase;
width: 100%;
height: 200px;
position: absolute;
top: 50%;
right: 50%;
color:rgba(255, 255, 255, .8);
transform: translate(50%, -50%);
text-align: center;
/* border:1px solid red;*/
}
.header_content h2{
margin-bottom: 50px;
font-size: 17px;
font-weight: 500;
letter-spacing: 0.3em;
}
.header_content h1{
margin-bottom: 50px;
font-size: 50px;
font-weight: 500;
letter-spacing: 0.7em;
}
.header_content button{
height: auto;
padding:8px 37px;
color:#fff;
font-size: 12px;
background-color: transparent;
margin-left: 20px;
}
.header_content button a{
text-transform: uppercase;
text-decoration: none;
color: white;
letter-spacing: 1px;
}
.header_content button:hover{
background-color: orange;
border:1px solid white;
}
/* End Of Loader Four css */
/*===================================================================================*/
/* 35.4 PRE LOADERS 5
/*===================================================================================*/
#preloader5{
width: 100%;
height: 100%;
background-color: #fff;
position: fixed;
z-index: 1000;
}
.loader-5
{
position: absolute;
top: 45%;
right: 50%;
transform: translate(50%, -50%);
}
.loader-5 span
{
position: absolute;
width: 20px;
height: 20px;
background: #262626;
animation: animates 4s infinite forwards ease-in-out;
}
.loader-5 span:nth-child(1)
{
background: #00485f;
right: -24px;
top: -24px;
animation-delay: 0.5s;
}
.loader-5 span:nth-child(2)
{
background: #00deea;
right: 0px;
top: -24px;
animation-delay: 1s;
}
.loader-5 span:nth-child(4)
{
background: #00485f;
right: -24px;
top: 0px;
animation-delay: 1.5s;
}
.loader-5 span:nth-child(3)
{
background: #00deea;
right: 0px;
top: 0px;
animation-delay: 2s;
}
@keyframes animates
{
0%
{
transform: rotateY(0deg);
}
20%
{
transform: rotateY(360deg);
}
40%
{
transform: rotateX(180deg);
}
60%
{
transform: rotateX(0deg);
}
80%
{
transform: rotateX(360deg);
}
100%
{
transform: rotateY(180deg);
}
}
/* End Of Loader Five css */
/*===================================================================================*/
/* 35.5 PRE LOADERS 6
/*===================================================================================*/
#preloader6{
width: 100%;
height: 100%;
background-color: #000;
position: fixed;
z-index: 1000;
}
.loader-6{
width: 180px;
height: 40px;
position: relative;
margin: 50px auto 0;
top:40%;
}
.loader-6 .inner_loader{
background: #db2651;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
animation: move-ball 1s infinite linear;
}
.loader-6 .inner_loader:nth-child(2){
background: #1da1f2;
animation-delay: -0.2s;
}
.loader-6 .inner_loader:nth-child(3){
background: #1ba506;
animation-delay: -0.4s;
}
.loader-6 .inner_loader:nth-child(4){
background: #ec5f20;
animation-delay: -0.6s;
}
.loader-6 .inner_loader:nth-child(5){
background: #742cc0;
animation-delay: -0.8s;
}
@keyframes move-ball{
0%{
box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
filter: brightness(1.1);
transform: translatey(0) scale(1);
}
25%{
box-shadow: 0px 38.5px 25px 0px rgba(0, 0, 0, 0.25);
filter: brightness(1);
transform: translatey(-17.5px) scale(0.75);
}
50%{
box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
filter: brightness(0.8);
transform: translatey(0px) scale(0.5);
}
75%{
box-shadow: 0px 3.5px 5px 0px rgba(0, 0, 0, 0.25);
filter: brightness(1);
transform: translatey(17.5px) scale(0.75);
}
100%{
box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
filter: brightness(1.1);
transform: translatey(0) scale(1);
}
}
/* End Of Loader Six css */
@media (min-width: 1200px){
body.boxed div#preloader { width: 1210px; }}
.spiko_header_btn{position: relative;display: inline-block;margin-left: 30px;margin-right: 30px; padding: 0.96rem 1rem 0.9rem;}
/*===================================================================================*/
/* 36 Others
/*===================================================================================*/
@media (min-width: 1100px){
.container-fluid.streached {
padding: 0;
}}
.services .card:hover h4{color: #ffffff;}
.wpcf7-form-control-wrap {
position: initial;
}
@media (min-width: 992px){
.navbar .nav .html {
padding: .9rem 0rem;
}}
.woocommerce .product_cat-singles .cart .single_add_to_cart_button:hover{color: #FFFFFF !important;}
.panel-outer .search-form input[type="submit"]:hover , .panel-outer .search-form input[type="submit"]:focus {
color: #FFFFFF;
}
.woocommerce .products .star-rating {display: inline-block;}
.taxonomy-list a{color: #888888;}
.nav-item .widget a{color: #CAC1C1;}
.dark .testimonial::before {
background-color: rgba(0, 0, 0, 0.8);
}
.team-grid-col{margin-bottom: 30px;}
.section-space.shop.woocommerce .page-title {display: none;}
.slider-caption.yes .wpcf7 textarea::placeholder,.slider-caption.yes .wpcf7 input::placeholder{
color:#888888;
}
.slider-caption.yes .wpcf7 textarea,.slider-caption.yes .wpcf7 input{
color:#fff;
}
.dark .sidebar .widget .wp-block-tag-cloud a:hover {
color: #fff;
}
.section-space.portfolio, .section-space.blog {
background-color: #fff;
}
body .woocommerce a.remove {
color: red!important;
}
#testimonial-carousel4 .col-md-6 .testmonial-block {
margin-bottom: 30px;
}
.blog .entry-content img{
max-width: 100%;
height: auto;}
@media (max-width: 768px){
.navbar6 .search-box-outer .dropdown-menu,.hp3 .search-box-outer .dropdown-menu{
right: -115px !important;
}}
@media (max-width: 767px){
.header-logo.layout5 .search-box-outer .dropdown-menu{right: -80px !important;}
}
@media screen and (max-width: 1100px) and (min-width: 768px){
.loader-4,.loader-2 {
top: 30%;
}}
@media (max-width: 767px){
.loader-4,.loader-2 {
right: 35%;
}
}
.navbar6 .search-box-outer .dropdown-menu {
top: 40px !important;
}
/*Comments*/
.comment-section {
background-color: #ffffff;
margin: 0 0 3rem;
padding: 1.25rem 0;
}
.comment-section {padding: 2.188rem 1.875rem 1.875rem;}
article.comment-form{padding: 1.25rem 0;}
.comment-title { display: block; }
.comment-reply-title {
margin: 0 0 1.875rem;
border-bottom: 1px solid #eceff3;
padding-bottom: 0.625rem;
}
.comment-box { margin: 0; position: relative; }
.comment-detail {
border-bottom: 1px solid #eceff3;
margin: 0 0 2.813rem;
padding-bottom: 1.25rem;
}
.pull-left-comment { float: right; margin-left: 1.875rem; width: 6.25rem; height: 6.25rem; }
.comment-detail-title { margin: 0 0 0.625rem; }
.comment-date { font-size: 0.875rem; color: #878e94; font-weight: 400; margin-right: 1.25rem; }
.comment-detail p { margin-bottom: 1.3rem; }
.reply a {
font-size: 0.938rem;
padding: 0;
font-weight: 600;
transition: 0.3s ease-in-out 0s;
letter-spacing: 2px;
text-transform: uppercase;
}
.reply a:hover, .reply a:focus { color: #061018; }
@media (max-width: 767px){
.slider-caption.yes .widget.widget_block {
margin-right: 0px;
margin-top: 30px;
}}
@media (max-width: 767px){
#slider-carousel .item.yes{
height:80rem !important;
}}
.blog .post .entry-content a, .page .post .entry-content a, .page .about-content a, .page .about-section a, .page:not(.page-template-template-business-php,.page-template-template-service) .services a, .comment-section .comment-detail a {
text-decoration: underline!important;
}
.about-section a.btn-small{text-decoration: none !important;}
.blog .post .entry-content a.btn-small {
text-decoration: none!important;
}
.sidebar .widget_block.widget_text a, .sidebar .widget.widget_block p a {
text-decoration: underline!important;
}
.sidebar .widget_block.widget a.tag-cloud-link, .site-footer .widget_block.widget a.tag-cloud-link{text-decoration: none !important;}
.site-footer .widget_block.widget_text a, .site-footer .widget.widget_block p a {
text-decoration: underline!important;
}
.section-space .sticky.post {
background-color: #7fe5833b;
}
.entry-content a.wp-block-button__link {
color: #fff;
}
.woocommerce-cart .entry-content a, .woocommerce-checkout .entry-content a, .woocommerce-account .entry-content a, .comment-section a.comment-reply-link, .woocommerce-account .page .post .entry-content a, .woocommerce-page .page .post .entry-content a {
text-decoration: none!important;
}
.sidebar .widget.widget-block li:before, .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, .wc-block-product-categories-list-item:before {
font-family: FontAwesome;
margin-left: 5px;
margin-right: 1px;
content: "\f101";
float: right;
}
.blog .standard-view article .entry-header {
word-break: break-word;
}
.widget .wp-block-search__button {
color: transparent;
}
.wp-block-search__button:after {
content: "\f002";
font-family: "FontAwesome";
}
button:focus {
outline: 1px solid #000;
}
.wp-block-search__button:after {
color: #0a0a0a;
}
.spiko.alert-warning{padding-top: 150px;padding-bottom: 70px;margin-bottom: 0;}
body .navbar-dark .navbar-brand:hover {
color: transparent;
}
.home-blog .entry-date{margin-top: -75px;}
@media (max-width: 768px){
button.navbar-toggler:focus {
outline: 1px solid #ffffff;
}
}
img.custom-logo {
width: 100%;
}
.wpcf7 form p {
display: block;
position: relative;
}
.contant-form p .wpcf7-form-control-wrap:after {
top: 40px;
}
@media (max-width: 991px){
.spiko_header_btn {margin-right: 0; margin-left: 0;
}}
.seven.navbar{position: relative;}
.seven.navbar.stickymenu{position: fixed;}
body .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, body .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: unset;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image img {
width: 72px;
height: 76px;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image {
margin: 0 0 0 10px;
overflow: hidden;
float: right;
display: block;
width: 4.5rem;
height: 4.75rem;
border-radius: 0;
background-color: unset;
}
.navbar .mr-auto, .navbar .mx-auto {
margin-right: auto!important;
margin-left: unset!important;
}
.text-left {
text-align: right!important;
}
.text-right {
text-align: left!important;
}
.fa-long-arrow-right:before {
content: "\f177" !important;
}
.fa-long-arrow-left:before {
content: "\f178" !important;
}
.wpcf7 .ajax-loader{float: left;}
.wp-block-latest-comments__comment-excerpt p{
word-break: break-all;
}
.footer-sidebar .widget.widget_calendar{background-color: transparent; color: #FFFFFF;
padding: 0 0 1.25rem;
margin: 0 0 1.875rem;
}
.media-body {
overflow: hidden;
}
.team4 .team-grid img{
width:100%;
}
@media (min-width: 991px) {
.shortitem-3 #testimonial-carousel2 .testmonial-block {
padding: 15px;
}
.shortitem-3 #testimonial-carousel2 .testmonial-block .avatar {
display: inline-block;
position: relative;
right: 0;
float: right;
margin-left: 20px;
width: 5.4rem;
height: auto;
}
.shortitem-3 #testimonial-carousel2 .testmonial-block figcaption {
display: inline-block;
}
}
.woocommerce-page.woocommerce-cart .return-to-shop .button.wc-backward{margin-top:30px}
.cart-header > a.cart-total span span{display: inline-block;}
.single-spiko_portfolio .related-posts{
display: none;
}
.loaded div#preloader1,.loaded .spiko-loader,.loaded div#preloader2{
display: none;
}
div#myDiv {
margin: 50px 0;
}
@media (min-width: 1200px)
{
body.boxed div#preloader1,
body.boxed div#preloader2,
body.boxed div#preloader3,
body.boxed div#preloader4,
body.boxed div#preloader5,
body.boxed div#preloader6 {
width: 1210px;
}
}
@media(max-width: 480px){
.navbar .content-center {width: auto; margin: 0 auto;}
.navbar .content-center .navbar-brand,.navbar .content-center .custom-logo-link-url{margin: 0;}
}
@media (max-width: 786px){
.video-slider.home-section.pro {
height: auto !important;
}}
.portfolio-gallery .row.portfolio-space {
padding: 0 15px;
}
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 200px;
padding: 6px 12px;
border-radius: 0;
height: 44px;
}
/*css for Rank Math Breadcrumbs */
nav.rank-math-breadcrumb {
text-align: center ! important;
}
nav.rank-math-breadcrumb span {
color:#35ac39 !important;
}
nav.rank-math-breadcrumb a {
color: #fff ! important;
padding-right: 5px ! important;
}
nav.rank-math-breadcrumb a:hover {
color: #35ac39 ! important;
}
/*css for NavXT */
.bs-breadcrumb-section .breadcrumb a, .bs-breadcrumb-section .breadcrumb-item span {
color: #35ac39;
}
.bs-breadcrumb-section .breadcrumb, .bs-breadcrumb-section .breadcrumb a {
font-size: 13px;
}
.page-breadcrumb.text-center span {
background: none;
}
.page-breadcrumb.text-center span:hover {
background: none;
}
.page-breadcrumb.text-center span.post-page.current-item,
.page-breadcrumb.text-center span.post-post.current-item {
color:#35ac39 !important;
}
.page-breadcrumb {
color: #fff;
}
.navxt-breadcrumb .current-item {
color:#35ac39 !important;
}