/*
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. 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.2
Requires at least: 4.5
Tested up to: 5.9
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: relative;
   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;
}