3c-ics/hw5-wordpress/shadrin14323/app/public/wp-content/themes/spice-software/style-rtl.css

/*
Theme Name: Spice Software
Theme URI: https://spicethemes.com/spice-software-wordpress-theme/
Author: spicethemes
Author URI: https://spicethemes.com
Description: Spice Software 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. Spice Software is compatible with popular plugins like Polylang, WooCommerce, and Contact Form 7. Spice Software theme is available in several locales.This theme comes with GDPR compatible. (DEMO: https://spice-software.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.7
Requires at least: 4.5
Tested up to: 6.0
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: spice-software
*/

/*--------------------------------------------------------------
>>> 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 Cta Section
13.0 Section Module
14.0 Section Header
15.0 Mixed Classes
16.0 Service Section
17.0 Cta-2 Section
18.0 Portfolio Section
19.0 Funfact Section
20.0 Blog Section
 20.1 Blog Meta
 20.2 Blog Sidebar
 20.3 Blog list View
21.0 Testimonial Section
22.0 Shop and product section
23.0 Gallery Section
24.0 Team member Section
25.0 Sponsors Section
26.0 Footer Sidebar Section 
27.0 Pagination
28.0 Aboutus Page
29.0 Contact  
30.0 404 ERROR PAGE
31.0 Mobile Header Responsive
32.0 Alignment
25.0 Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
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 {
    color: #21202E;
    font-family: "Roboto", "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: #333333;
    font-weight: 700;
    font-family: 'Roboto', 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 { margin: 0 0 1.6rem; padding: 0;font-size: 1rem; color:#727272;font-family: 'Roboto', 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: "" "";
    color: #333333;
    font-weight: 400;
    position: relative;
    background-color: #f5f6fa;
}
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: ""; }

/*:focus {
    outline: thin dotted;
}*/
dl dd a, dl dd a:hover, dl dd a:focus, ul li a:focus { color: #727272; }
body .bg-default{background-color:#f4f4f4;}

.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: #fff;}
.widget .wp-block-latest-comments__comment-meta{background-color: transparent;}

.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; }

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; }

big { font-size: 125%; }

iframe { border: 0; }

#wrapper { 
    background-color: #f8f8f8; 
    margin: 0px auto; 
}

.section-space .sticky.post{
    background-color: #00bfff26;
}
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: 5px 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; }
}
.img-fluid{width: 100%; height: auto;}
.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: #333333;
    background: #ffffff;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: block;
    padding: 0.7em;
    width: 100%;
}

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: #333333;
    border-color: #e8e8e8;
}
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;
}
.form-submit input[type="submit"]{
   /* margin: 20px;*/
}
button,
input[type="button"],
input[type="submit"] {
    background: #ee591f;
    border: 0;
    -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: #ddd;
    color: #222;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #333333;
}
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: #bbb;
}

/* Placeholder text color */
::-webkit-input-placeholder { color: #333333; }
:-moz-placeholder { color: #333333; }
::-moz-placeholder { color: #333333; }
:-ms-input-placeholder { color: #333333; }


/*===================================================================================
3.0 BUTTONS
===================================================================================*/

.btn-small {
    min-width: 8.5rem;
    font-size: 0.938rem;
    padding: 0.688rem;
}
.btn-ex-small { min-width: 9rem; font-size: 1.000rem; padding: 0.4rem 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: 500;
}
.btn-default:focus,.btn-light:focus,.btn-border:focus{outline: thin dotted;}
.btn-default { 
    color: #ffffff;
    border-radius: 3px; 
}
.btn-default:hover, .btn-default:focus { background: #ffffff; color: #333333; border: 1px solid #ffffff;  }

.btn-light { 
    background: transparent;
    color: #ffffff; 
    border-radius: 3px; 
}
.btn-light:hover, .btn-light:focus { 
    color: #ffffff;

}

.btn-default-dark { 
    color: #ffffff; 
}
.btn-default-dark:hover, .btn-default-dark:focus { background: #333333; color: #fff; }

.btn-border { background: #ffffff; color: #333333; border: 2px solid #22a2c4; }
.btn-border:hover, .btn-border:focus { color: #ffffff; border: 2px solid #22a2c4;}



/*--------------------------------------------------------------
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: #333333; text-decoration: none !important; transition: 0.3s;cursor: pointer; }
/*a:focus { outline: thin dotted; text-decoration: none !important; color: #ee591f; }*/


/*==================================================================================
7.0 HEADER CONTACT DETAILS
===================================================================================*/
/*.navbar.navbar-light {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}*/
.navbar-light h2{margin: 0; padding-bottom: 0;font-size: 2.250rem;}
.header-sidebar {
    background: #21202e;
    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 .widget .head-contact-info li.phone::after ,
/*.header-sidebar .widget i.fa-map-marker::after ,*/
.header-sidebar .widget .head-contact-info li.envelope::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 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-collapse  ul,.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;}
.custom-social-icons li > a:hover, 
.custom-social-icons li > a:focus {
    background-color: #fff;
}
.custom-social-icons li > a:before { display: none; }
.custom-social-icons li > a {
    font-size: 0.838rem;
    line-height: 2.3;
    transition: all 0.3s;
    display: inline-block;
    border-radius: 50%;
    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%;
    margin-top: 3.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;
    background-color: #ce1b28;
    border-color: green;
    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;
}
.navbar  .search-box-outer .dropdown-menu {
    top: 32px !important;
    right: auto !important;
    left: 0px;
    padding: 0px;
    width: 324px !important;
    margin: 0px !important;
    background-color: #fff !important;
}
@media (max-width:786px){
    .navbar .search-box-outer .dropdown-menu {
        position: absolute;
        right: 0 !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: #000000; */
    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: 14px;
    padding: 12px 25px;
}
.search-box-outer .dropdown-toggle::after {
    display:none;
}
.search-box-outer a{  
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat;
}
.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
===================================================================================*/
.header-module {
    padding-right: 0rem;
}
.nav-search {
    margin-left: 0rem;
    display: inline-block;
    line-height: 1rem;
    position: relative;
    top: 0px;
    padding: 0 0 0 0.5rem;
}
@media(max-width: 768px){
    .nav-search {
    margin-top: 0.938rem;
    margin-bottom: 0.938rem;
}
}
.cart-header {
    position: relative;

    /*border-left: 1px solid #747474;*/
    /*padding: 0 0 0 0.5rem;*/
    padding: 0 0.5rem 0 0;
    display: inline-block;
}

.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: #21202e;
    padding: 0;
}
.navbar .nav .nav-item .cart-header > a:focus {color:#21202e;}
.cart-header > a .cart-total {
    background: #EE591F;
    font-size: 0.8rem;
    line-height: 1.6;
    color: #f8f8f8;
    text-align: center;
    font-weight: 400;
    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;
}
span.cart-total {
    position: absolute;
    top: -5px;
}
span.cart-total span{display: inline-block;}
@media (max-width: 991px) {
    .cart-header {
        /*border-left: none;*/
        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; }
.main-slider .overlay, .video-slider .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(1, 7, 12, 0.65);
}
#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: 37.5rem !important;
}
.home-section {
    position: relative;
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    z-index: 1;
    background-size: cover;
    height: 37.5rem!important ;
}
@media (max-width:786px){
.video-slider.home-section {
     height: auto !important;
}
}
.slider-caption { position: relative; display: table; height: 100%; z-index: 1; }
.caption-content { display: table-cell; vertical-align: middle; /*text-align: center;*/ }
.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.000rem;
    font-family: 'Roboto', sans-serif;
}
.slider-caption .btn-default {
    margin-left: 0.938rem;
}
.slider-caption .description { font-size: 0.938rem; color: #ffffff;margin: 0 0 1.3rem; text-shadow: 0px 4px 3px rgba(0, 0, 0, .4);}
.slider-caption .heading { 
    font-size: 0.938rem;
    color: #ffffff;
    border-right: 4px solid #22a2c4;
    background-color: rgba(104,104,104,0.4);
    width: 27%;
    text-align: center;
    padding: 0.313rem 0;margin-bottom: 0.938rem; }
.slider-caption .text-right .heading {float:left;}     
.slider-caption .text-center .heading {margin: auto;}  
.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: 3.000rem; margin: 0 0 1.000rem; } 
    .slider-caption br { display: none; } 
    .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.563rem; 
    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: 3.438rem;
    height:3.438rem;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.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; }
@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;
}
.bcslider-section .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.bcslider-section .owl-theme .owl-dots {
    position: absolute;
    top: 80%;
    right: 0;
    left: 0;
    z-index: 1000;
}

/*===================================================================================
12.0  CTA SECTION CSS 
===================================================================================*/

.cta_main { padding: 1.438rem 0.938rem;}

/*.cta_content h2{ font-size: 1.875rem;color: #fff;font-weight: 700;margin: 0;font-family: 'Roboto', sans-serif;}*/
.cta_content h1 {font-size: 1.875rem;color: #fff;font-weight: 700;margin: 0;font-family: 'Roboto', sans-serif;}
.cta_content .btn-light {
    padding: 0.688rem 1.875rem;
    background-color: #fff;

    border:1px solid #fff;}
.cta_content .btn-light:hover {
    color: #fff;
    border:1px solid #fff;
}
.cta_content .btn-light:focus { box-shadow: none;background: #333333;} 
.cta_content a:after {
    content: "\f054";
    padding: 0.25rem 0.5rem;
    font-family:fontawesome;
    font-size: 0.688rem;
    font-weight: 400;
} 
.cta_content a:hover::after  {color:#fff;}
@media (min-width: 768px) { 
    .cta_content .btn-light{float: left;}}


/*===================================================================================
14.0  SECTION HEADER
===================================================================================*/
.section-header .section-title {    margin-bottom: 0.313rem;font-size: 2.25rem;font-family: 'Roboto', sans-serif;font-weight: 700;}
.section-header { padding: 0; position: relative; text-align: center; }
@media (min-width: 768px){.section-header /*{margin: 0.8rem 14rem;*/}}
.section-header .section-title {    margin-bottom: 0.313rem;font-size: 2.25rem;font-family: 'Roboto', sans-serif;font-weight: 700;}
.section-header .section-subtitle {font-size: 0.938rem; font-weight: 400; color: #777777;margin: 0 0 2.875rem; }
@media (min-width: 768px) { .section-header.text-left { text-align: right; width: 80%; } }
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;
}

.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; 
}
.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%;    
    margin: auto;
}
.auto{margin:0 auto;} 
.content-center .navbar-brand {
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    float: none;
}
@media (max-width: 768px){
    .content-center .header-module {
        text-align: right;
    }}
/*===================================================================================
15.0  MIXED CLASS
===================================================================================*/
.section-space{padding: 4.688rem 0 4.375rem;position: relative;background-color: #f8f8f8;}

/*===================================================================================
16.0  SERVICE SECTION
===================================================================================*/
.services { background-color: #ffffff; color: #fff;}
.services .post { background-color: #f5f5f5; margin: 0 0 1.875rem; padding: 2.188rem 1.25rem 2.188rem; border-radius: 0px; transition: 0.3s;  }
.services .post:hover { 
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
}
.services .post-thumbnail { 
    position: relative;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    text-align: center;
    /*margin: 0 auto 1.875rem;*/
}
.services .post-thumbnail img { 
    border-radius: 2px;    
    width: 80px;
    height: 80px; 
}
.services .post-thumbnail a { position: relative; z-index: 1; }
.services .post-thumbnail i.fa { 
    border-radius: 5%;
    width: 5rem;
    height: 5rem;
    font-size: 1.875rem;
    line-height: 1.095;
    padding: 1.438rem;
    color: #ffffff;
    position: relative;
    /*border: 1px solid #21202e;*/
}
.services .entry-header { display: block; margin: 0 0 0.75rem; padding: 0; }
.services .entry-header .entry-title { margin: 0;padding: 0}
.services .entry-header .entry-title a { position: relative; z-index: 1; }
.services p { margin: 0; }
.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 .post-thumbnail i.fa{
    background-color: #ffffff;
}
.services .post:hover .entry-header .entry-title a, .services .post:hover .entry-content p,
.services .post:hover .entry-header h4.entry-title {
    color: #ffffff;
}
.services .btn-default-dark,.blog .btn-default-dark{
    padding: 0.688rem 2.5rem;
    border-radius: 3px;
}

/*===================================================================================
17.0  CTA-2 SECTION 
===================================================================================*/
.cta-2{
    background: url('assets/images/bg/cta-3.jpg');
    background-repeat: no-repeat;
    background-position: center right;
    width: 100%;
    background-size: cover;
    padding: /*7.5rem*/ 0;
}
.cta-2 .overlay{
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.6);
}
@media (min-width:768px){.cta-2 .overlay{padding: 120px;}}
.cta-2 .title,.cta-2 p{margin-bottom: 0.5rem;}
.cta-btn{margin-top:1.313rem}
.cta-2 .btn-light{padding: 0.688rem 2rem; }
.cta-2 .btn-default{margin-left:1.25rem;padding: 0.688rem 2rem;}

/*===================================================================================
18.0 TESTIMONIAL SECTION
===================================================================================*/
.testimonial
{    height: 100%;
     margin: 0;
     overflow: hidden;
     width: 100%;
     position: relative;}
.testimonial .item {margin-top:30px;}
.testi-1 {
    background: url('assets/images/bg/wavy-dots.png');
    background-repeat:repeat;
}
.testimonial .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
}
.testmonial-block { 
    background-color: transparent;
    border-right: none;
    position: relative; 
    margin: 0 15px; 
    padding: 0 2.5rem 0rem; 
    font-size: unset; 
    border-right: none; 
}
.testmonial-block .avatar { margin: 0px auto 1.3rem; width: 9.4rem; height: 9.2rem; }
.testmonial-block .avatar img {box-shadow: #727272 0px 8px 25px -5px; margin: 0.125rem; }
.description-box { background-color: #ffffff; border-radius: 0px; margin: 0 0 2.188rem
                       ; padding: 1.875rem; position: relative; min-height: 182px; }
.description-box:before { 
    border-right: 0.875rem solid transparent;
    border-left: 0.875rem solid transparent;
    border-top: 0.938rem solid #ffffff; 
    color: #00a7d1;
    left: 0; 
    right: 30px; 
    bottom: -15px; 
    width: 0; 
    height: 0; 
    content: ""; 
    position: absolute; 
    display: block; 
}
@media (min-width: 768px){.testmonial-block .entry-content {/*margin: 1.875rem 11.875rem 1.5rem;*/}}
.testmonial-block .entry-content { position: relative;}
.testmonial-block .entry-content p { font-weight: 400; }
@media (max-width: 1200px) { .testmonial-block .entry-content p br { display: none; visibility: hidden; }}
.testmonial-block .name { 
    color: #21202e; 
    font-size: 1.25rem; 
    font-weight: 600; 
    font-style: normal !important; 
    margin: 0px 0 -0.188rem; 
    display: block; 
}
.testmonial-block .designation { font-size: 1.000rem; color: #727272;font-weight: 100; padding-top: 5px;}
.testmonial-block .entry-content h3{ margin: 0 0 0.5rem;}  
.testmonial{
    padding-bottom:3.75rem !important;
}
.testimonial .rating {
    margin: 6px 0px;
    text-align: center;
}
.page-template-template-testimonial-5 .testmonial-block .entry-content,
.page-template-template-testimonial-6 .testmonial-block .entry-content,
.page-template-template-testimonial-7 .testmonial-block .entry-content,
.page-template-template-testimonial-8 .testmonial-block .entry-content {
    margin:0;
}
.page-template-template-testimonial-5 blockquote.testmonial-block.text-center ,
.page-template-template-testimonial-6 blockquote.testmonial-block.text-center ,
.page-template-template-testimonial-7 blockquote.testmonial-block.text-center ,
.page-template-template-testimonial-8 blockquote.testmonial-block.text-center
{
margin-top: 2rem;
}
/*===================================================================================*/
/* 19.0 FUNFACT SECTION
/*===================================================================================*/

.funfact { 
    position: relative;
}
.funfact-inner { 
    cursor: pointer; 
    padding: 1.563rem 0 0.625rem;
}
.funfact-icon {    
    font-size: 2.913rem !important;
    margin-bottom: 20px;
    transition: 0.3s;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 20px;
    width: 90px;
    height: 90px;
}
@media (max-width:768px){.funfact-icon {padding: 25px}} 

.funfact-inner:hover .funfact-icon {    
    background-color: #fff 
}
.funfact-title { margin-bottom: 7px; color: #ffffff; }
.funfact-inner .description { color: #fff; font-size: 1.25rem; margin: 0; }

/*--------------------------------------------------------------
20.1 Blog Article
--------------------------------------------------------------*/
.blog .post {
    background: #fff;
    position: relative;
    transition: all 0.3s;
    margin-bottom: 3.125rem;
    box-shadow: 0px 0px 1px 1px #e8e8e8;
    border-radius: 3px;
}
.blog .post .post-thumbnail {
    position: relative;
    overflow: hidden;
    margin: 0;
    text-align: center;
    background-color: #000;
    z-index: 1;
    border-radius: 3px;
}
.blog .list-view .post-thumbnail {
    width: 21.25rem;
    height: auto;
    float: right;
} 
.blog .post-thumbnail img {
    -webkit-transition: all 0.30s linear;
    transition: all 0.30s linear;
}
.blog .post:hover .post-thumbnail img {
    zoom: 1;
    filter: alpha(opacity=30);
    -webkit-opacity: 0.3;
    opacity: 0.3;
    -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);
}
.post .click-view {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); 
}
.blog .click-view a {
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 100;
    display: inline-block;
    margin: 0;
    padding: 1px;
    opacity: 0;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: transparent;
    -wekbit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -wekbit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); 
} 
.blog .post:hover a {
    -wekbit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
.blog .list-view .post .click-view a  , .grid-view .click-view a , .blog-masonry .click-view a ,
.bg-default .post .click-view a {
    font-size:2.25rem;
} 
.blog .post:hover{box-shadow: 0 0 3px 3px #e8e8e8;}

/*----------------- BLOG post-content ------------*/

.blog .post .post-content{
    padding: 2.125rem 2.5rem 1.125rem;
}  
.entry-date {
    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;
}
/*.day {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 0.8;
}*/
.section-space .date {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
}
/*.month {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}*/
.remove-image{
   /* height: 3.3rem;
    width: 3.3rem;*/
    width: fit-content;
    border-radius: 4px;
    line-height: normal;
    margin-bottom: 1.25rem;
    padding: 10px 15px;
}
.blog .list-view .entry-date {
    margin-top: -1.5rem;
    right: 10px;
    /*margin-left: 12px;*/
    left: unset;
}
.entry-header h4{margin-bottom: 0;padding-bottom:0.625rem;}
.entry-content p{margin-bottom: 0;padding-bottom: 0.938rem;}
.entry-meta{margin-bottom: 0.875rem;}
.entry-meta a{display: inline-block;}
.entry-content p a {margin-bottom: 0;padding-bottom: 0;color: #727272;font-weight: bold;}

.entry-meta i {
    padding-left: 10px;
    transition: 0.3s;
} 
.entry-meta span{padding-left: 1.25rem;/*color: #727272*/;transition: 0.3s;}


@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;
    }
}

/*--------------------------------------------------------------
20.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 .page-link {
    color: #777777;
    padding: 0.57rem 0.75rem;
}*/
.page-numbers {
    position: relative;
    display: inline-block;
    padding: .57rem .75rem;
    margin-right: -6px;
    line-height: 1.25;
   /* background-color: #fff;*/
    border: 1px solid #DEE2E6;
}
body.dark .woocommerce nav.woocommerce-pagination ul li{
    border-left:none ;
    background-color: #000;
}


.pagination,.nav-pagination{
    margin: 0 0 3.125rem;
}
.nav-pagination,.navigation.pagination{padding: 3.125rem 0 0;}
.blog .nav-pagination,.blog.navigation.pagination {padding: 1.5rem 0 0;}
ul.pagination{padding: 0;margin: 0;}
.pagination li:first-child .page-link, .pagination li:last-child .page-link,
.pagination .nav-links a.page-numbers:first-child ,.pagination .nav-links a.page-numbers:last-child  {
    color: #777777;
}
.pagination .page-link.active, .woocommerce .woocommerce-pagination li .page-numbers.current,.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background-color: #e9ecef;
}
.woocommerce-pagination .page-numbers,.woocommerce-pagination{
    margin: 0 0 3.125rem;
}
.woocommerce-pagination{padding: 3.125rem 0 0;}

.woocommerce-pagination ul.page-numbers{padding: 0;margin: 0; border-radius: .25rem;
}
.woocommerce-pagination ul.page-numbers a.page-numbers, a.page-numbers {
    color: #777777;
    padding: 0.57rem 0.75rem;
}
.woocommerce .woocommerce-pagination li .page-numbers,
.woocommerce .woocommerce-pagination li .page-numbers.current{
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-right: 0px;
    line-height: 1.25;
    background-color: #fff;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border: none;
}

/*--------------------------------------------------------------
20.2 BLOG SIDEBAR
--------------------------------------------------------------*/


.sidebar .custom-social-icons li > a:hover{
    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;
    border:1px solid #e8e8e8;
    border-radius: 3px;
    padding: 2.063rem 1.875rem 2.25rem;
    margin: 0 0 3.125rem;
}
.widget .widget-title {
    padding: 0rem 0rem 1.188rem;
    font-size: 1.25rem;
    font-weight:600;
    margin: 0;
    z-index: 1;
    position: relative;
}
.widget .input-group .form-control , .widget .search-field {
    font-size: 0.875rem;
    padding-right: 1.25rem; 
    padding-left: 1.875rem;
}
.widget .search-submit , .widget .search-field [type=submit] {
    position: absolute;
    left: 0.625rem;
    top: 0.825rem;
    background: transparent;
    z-index: 3;
    display: block;
    padding: 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 {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 0.813rem; 
    padding-bottom: 0.813rem;
    margin: 0; 
    position: relative;
}
.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;}
.sidebar ul li a {font-size: 0.875rem;}
.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: "\f105";
    font-family: FontAwesome;
    color: #333333;
    margin-left: 5px;
    margin-right: 1px;
    float: right;
}

.widget .tagcloud a {
    background-color: #ececec;
    font-size: 1rem !important;
    display: inline-block;
    padding: 5px 10px;
    color: #727272;
    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;border-radius: 2px;}
.widget .post:hover {
    box-shadow: unset;
}
.widget .post .entry-date {
    color: #93a0a7;
    font-size: 0.875rem;
    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;}
.widget .post:last-child{margin-bottom: 0;}
.widget .post .entry-date:before{    
    font-family: FontAwesome;
    content: "\f017";
    margin-left: 0.625rem;
}
.widget .post:hover img {
    opacity: unset;
    transform:unset;
    -webkit-transform: unset;
}
.sidebar .tab-content{margin-top: 0; padding-top: 0;}

/*===============================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: 16px; margin-bottom: 16px; 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", "Roboto", "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: 0;
    box-shadow: 0 0 0 0 transparent;
}

.standard-view.blog-single .gallery-item > div > a:focus {
    box-shadow: none;
    outline: none;
}

/*===================================================================================*/
/* 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.125rem 0.125rem 1.75rem;
    -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 .card-wrapper .card-rotating {
    height: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.team .card-wrapper .card-rotating .face {
    position: absolute;
    z-index: 2;
    width: 100%;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.team .card-wrapper .card-rotating .front {
    z-index: 1;
}
.team .card-wrapper .card-rotating .front, .card-wrapper .card-rotating .back {
    -webkit-transition: 1s;
    transition: 1s;
}
.team .card-wrapper .card-up {
    height: 200px;
    overflow: hidden;
}
.team .card-wrapper .card-up img {
    vertical-align: middle;
}

.team .card-img, .card-img-top {
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}
.team .card-img, .card-img-top, .card-img-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}
.team .card-wrapper .avatar img {
    width: 100%;
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #fff;
}

.team .card-wrapper .card-rotating .back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.grey-text {
    color: #9e9e9e;
}
.team .card-wrapper:hover .card-rotating {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    cursor: pointer;
}
.team .list-inline-item a{
    border-radius: 50%;
    text-align: center;
    height: 1.75rem;
    width: 1.75rem;
    font-size: 0.938rem;
    line-height: 0;
    transition: all 0.3s;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.team .list-inline-item a:hover,.list-inline-item a:focus {
    color: #fff;
}
/*===================================================================================*/
/* Team SECTION 3
/*===================================================================================*/
.team3 .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 .card-body .list-inline li > a:hover {
    background-color: unset;
}
.team3 .team-grid .position {
    color: #878e94;
}
.team3 .owl-carousel.owl-drag .owl-item{
    background: #f5f6fa !important;
}
.team3 .team-grid {
    margin: 0.125rem 0.125rem 1.75rem;
    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);
}
/*===================================================================================
21.0  SHOP AND PRODUCT SECTION
===================================================================================*/
.shop .container { overflow: hidden; }
.shop .owl-carousel .owl-stage-outer { overflow: visible; }
.shop-bg .products {
    background-color: unset;
}
.post-type-archive .shop-bg .product {
    background-color: #fff;
}
.products {
    background-color: #fff;
    padding: 0;
    margin: 0 0 3.75rem;
    transition: 0.3s;
    position: relative;
    text-align: center;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);*/
}
section.related.products .product {
    background-color: #fff;
}
.section-space.shop.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 {
    background-color: #333333;
    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: #EBE9EB;
    color: #333333;
    border-radius: 50%;
}
.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, .woocommerce button.button.alt  {
    border: 1px solid transparent !important;
}
.woocommerce .product_meta{color:#333333;}
.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;
    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 h2:NOT(.site-title), .woocommerce .title h3 {
    font-size: 1.125rem ;
}
.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;
}
.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 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;
}
.single-product .products{box-shadow: unset;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    z-index: 2;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before  {
    content: unset;
}
.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 2.5rem;
    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.75rem;
    padding: 8px 8px;
    font-weight: 600;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
@media (max-width:992px){
    .add-to-cart a {
        padding: 15px 15px;
    }}
.added_to_cart.wc-forward
{
    color: #fff;
}
.add-to-cart a:hover {
    color: #FFFFFF;
}
.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 { color: #333333; 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;
}
.woocommerce div.product form.cart .variations select {
    color: #333333;
}
.woocommerce div.product form.cart .variations tr {
    border:0;
}

/*===================================================================================
22.0  CONTACT DEATIL SECTION
===================================================================================*/
.contact-detail {
    width: 100%;
}
.contact-area { margin: 0px; padding: 30px 0px; }
.contact-icon { float: right; margin: 0 0 0 25px; padding: 0; }
.contact-icon i {
    font-size: 45px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.contact-area:hover .contact-icon i {  -webkit-transform: scale3d(1.3, 1.3, 1);
                                       transform: scale3d(1.3, 1.3, 1); }

.contact-area h6 {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0 0 7px;
}
.contact-area h4{
    color: #727272;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 1.25rem;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0 0 0px;
    word-break: break-word;
}
/*===================================================================================
22.0  FOOTER SECTION site info
===================================================================================*/
.site-info {
    background-color: #000000;
    color: #ffffff;
    font-size: 0.938rem;
    padding: 1.25rem 0;
}
.site-info p{
    color: #ffffff;
}

/*.site-info .site-branding p{color:#fff;}*/
.site-privacy{text-align: left;}
.logo-scroll {margin: 0px auto;display: block;}
.logo-scroll img {display: block;margin: 0 auto;}
.logo-scroll a {display: block;outline: unset;}
.logo-scroll img{opacity:0.4;}
.logo-scroll img:hover{opacity:1;}
@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:40%;
}
.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:20%;
}

.site-page .post {
    background: #fff;
    position: relative;
    transition: all 0.3s;
    margin-bottom: 3.125rem;
    box-shadow: 0px 0px 1px 1px #E8E8E8;
    border-radius: 3px;
}
/*--------------------------------------------------------------
20.1 Breadcrumb
--------------------------------------------------------------*/
.page-title-section
{
    background: #17212c url(assets/images/Breadcrumb/breadcrumb-6.jpg);
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 126px 0;
    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-weight: 700;
    font-size: 1rem;
}

.page-breadcrumb li 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: 100px 0 100px;
    background-color: rgba(0,0,0,0.6);}*/

.page-title-section .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/*===================================================================================
22.0  ABOUT PAGE
===================================================================================*/
.page-section-space {
    padding: 6.25rem 0 4.375rem;
}
.about-section {
    background-color: #f5f5f5;
   /* color: #fff;*/
    /*margin-top: 1.25rem;*/
}    
.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;
}   
.img-decorate{
    height: 120px;
    width: 120px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1;
    border-radius: 10%;
}
@media (max-width: 576px){
    .img-decorate {
        height: 60px;
        width: 60px;
        right: 18px;
        top: 0px;
    }
    .about-section .view img{padding: 20px 10px 0 0;} 
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .img-decorate {
        height: 60px;
        width: 60px;
        right: 0px; 
    }
}


/*===================================================================================
22.0  CONTACT PAGE
===================================================================================*/

.contact-detail-area{
    text-align: center;
    transition: all .4s ease 0s;
    box-shadow: 0 0 0px 1px rgb(163, 163, 163,0.5);
    padding: 3.25rem 2.5rem 2.625rem;
    margin-bottom: 2rem;
}
.contact-detail-area address, .contact-detail-area a {
    color: #727272;
}
.contact-detail-area i {
    border-radius: 10%;
    display: block;
    font-size: 2.5rem;
    line-height: 1.7;
    height: 70px;
    box-shadow: 0 0 10px 1px rgb(163, 163, 163,0.5);
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    transition: all .1s ease 0s;
    width: 70px;
    background: #fff;
}
.contact-detail-area h5 {
    font-size: 1.25rem;
    margin: 1.563rem 0;
    text-align: center}
.contact-detail-area address {
    font-size: 1rem;
    margin-bottom: 5px;
    text-align: center
}
.contact-detail-area:hover{
    box-shadow: 0 0 10px 1px rgba(163, 163, 163,0.5);
    background-color: #fff;
}
.contact-detail-area:hover i {
    box-shadow: 0 0 0px 1px rgba(163, 163, 163,0.5);
}
.wpcf7-form-control-wrap:after {
    font-family: 'FontAwesome';
    left: 30px;
    position: absolute;
    top: 12px;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    clear:both;
    width: 90%;
}
 .your-name:after , .comment-form .your-name:after{ content: "\f007";}
 .your-email:after , .comment-form .your-email:after{ content: "\f0e0";}
 .your-subject:after , .comment-form .your-subject:after{ content: "\f078";}
 .your-message:after , .comment-form .your-message:after{ content: "\f040";}
 input::placeholder, textarea::placeholder{color:#727272;font-size:12px;}
 .wpcf7-form input,. .wpcf7-form textarea ,
 .comments-form input
{margin-bottom:2rem;padding-left: 2.5em; }
 .button-holder{margin:0 auto;}

.page-template-template-contact-us form.wpcf7-form.init {
    display: inline;
}
.page-template-template-contact-us form.wpcf7-form.init p {
    float: right;
    width:33%;
}
.page-template-template-contact-us form.wpcf7-form.init p input[type="text"],.page-template-template-contact-us form.wpcf7-form.init p input[type="email"]{
    width:100%
    
}
.page-template-template-contact-us form.wpcf7-form.init p textarea{
    width:100%
}
.page-template-template-contact-us form.wpcf7-form.init p:nth-child(4n+1){
    /*float:none;*/
    width:100%;

}
form.wpcf7-form.init textarea{
    height:125px;
    
}
.page-template-template-contact-us form.wpcf7-form.init p:nth-child(5n+1){
    margin:0;
    padding:0;
    float:none;
    text-align:center;
    width: 100%;
}
form.wpcf7-form p:nth-child(5n+1){
    text-align:center;
}
.page-template-template-contact-us span.wpcf7-form-control-wrap.your-message {
    width: 96%;
}
@media (max-width: 500px) {
    .page-template-template-contact-us form.wpcf7-form.init p {
        float: none;
        width:100%;
    }
    .page-template-template-contact-us .wpcf7-form-control-wrap {
       width: 100%;
    }
    .page-template-template-contact-us span.wpcf7-form-control-wrap.your-message {
    width: 100%;
    }
}
/*===================================================================================
23.0  PORTFOLIO PAGE
===================================================================================*/
.md-pills .nav-link.active {
    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: .2rem 1.3rem;
    border-radius: 3px;
}
.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;
} 

.portfolio .tab-content .portfolio-thumbnail .entry-title{
    margin-bottom:0.313rem
}
.portfolio .tab-content .portfolio-thumbnail p {
    color: #fff;
}
.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;
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
}
.portfolio .tab-content .portfolio-thumbnail figcaption {
    position: absolute;
    bottom: 0%;
    width: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    padding: 15px 30px 25px;
    background-color: transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1;
}
.portfolio .tab-content .portfolio-thumbnail:hover img {
    zoom: 1;
    filter: alpha(opacity=20);
    -webkit-opacity: 0.2;
    opacity: 0.2;
    -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 {
    -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: 30px;
    left: 30px;
    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;
}

.portfolio .tab-content .portfolio-thumbnail:hover::before, .portfolio .tab-content .portfolio-thumbnail:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.portfolio button:hover{background:transparent;}
@media (min-width:600px){.portfolio .view img{height: 100%}}

/*===================================================================================
23.0  Error 404 PAGE
===================================================================================*/
.error-page{    
    background: url('assets/images/bg/404.png');
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 11rem;
    margin-top: 6.25rem;}
.error-page h2{font-size: 6.25rem;margin: 0;line-height: 1.1;}
.error-page h3{margin: 0;font-size:2.25rem;font-weight: 400}
.error-page .btn-small{padding: 0.75rem 3.125rem;font-size: 1rem;font-weight: 700}
.error-page .custom-social-icons li > a{background-color: #727272;}
.error-page .custom-social-icons li > a{background-color: #727272;}
.error-page .custom-social-icons li > a:hover,.error-page .custom-social-icons li > a:focus {
    color:#fff;
}
.error-page .social-icon{padding-top:2rem;}
@media (max-width: 1200px){.error-page{background-size:contain;} }

/*===================================================================================
26.0  footer Sidebar SECTION 
===================================================================================*/
@media (min-width: 768px){
    .s-l-space {
        padding-right: 0.625rem;
    }
}
.footer-sidebar{padding: 6.25rem 0 5rem;}
.footer-sidebar .widget {
    color: #ffffff;
    padding: 0 0 1.25rem;
    margin: 0;
}
@media (max-width: 576px){
    .footer-sidebar .widget {
        padding: 1.625rem 0 1.125rem;
    }
    .blog .right-sidebar {
        padding-top: 1.875rem;
    }
}
.site-footer{
    background-color:#21202e;
    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 .woocommerce .posted_in a:hover, 
.footer-sidebar .woocommerce-product-rating a:hover, 
.footer-sidebar .woocommerce .tagged_as a:hover, 
.footer-sidebar .woocommerce-cart table.cart td a:hover, 
.footer-sidebar .woocommerce ul.cart_list li a:hover, 

.footer-sidebar a{color:#fff;}

.footer-sidebar address {
    margin: 0 0 0.5em;
}
.footer-sidebar .footer-logo{margin-bottom: 20px;}
.footer-sidebar .widget .widget-title {
    position: relative;
    padding-bottom: 0.5rem;
    /*color:#fff;*/
    margin: 0 0 1rem;
}

.header-sidebar .widget:last-child {
    margin: 0;
}
.head-contact-info li:first-child {    
    padding: 0;
}
.header-sidebar .widget {
    color: #fff;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.footer-sidebar .widget_text{
    font-size: 0.938rem;
    line-height: 2.35;
}
.footer-sidebar .widget_text p,.footer-sidebar .widget_text h6{
    margin: 0;
    color: #fff;
    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 li{
    border-bottom: none;
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
    margin: 0;
    position: relative;
}
/*.footer-sidebar .widget li:before{content: none;}*/
.footer-sidebar .widget .widget-title:after img{content: none;padding: 0}

/*===================================================================================*/
/*  FOOTER COPYRIGHTS - SITE INFO
/*===================================================================================*/

.site-info { background-color: #020508; /*color: #bec3c7;*/ font-size: 0.938rem; padding: 1.25rem 0; position: relative;width: 100%;z-index: 1;}
.site-info a { color: #ffffff; }
.site-info.layout-1 li:before, .site-info.layout-2 li:before {
   right:auto;
   position: absolute;
    margin-right: -20px;
}
.site-info.layout-1 .widget, .site-info.layout-2 .widget { margin: 0; padding: 0; box-shadow: none ;}

/**/
.site-info .widget_archive li, .site-info .widget_categories li, .site-info .widget_links li,
.site-info .widget_meta li, .site-info .widget_nav_menu li, .site-info .widget_pages li,
.site-info .widget_recent_comments li, .site-info .widget_recent_entries li {
    padding-top: 0px;
    padding-bottom: 14px;
    border-bottom: none;
}
@media (min-width: 768px){
.site-info.layout-1 .section-1{text-align: right;}
.site-info.layout-1 .section-2{text-align: left;}
.site-info.layout-1 .section-2 .widget .widget-title:after {
    right: auto;
    left: 0;
}}
.site-info.layout-1 .widget .widget-title:after {
    right: 49%;
}
.site-info.layout-1 .calendar_wrap{text-align: right;}

.site-info.layout-1 .nav-menu li, .site-info.layout-2 .nav-menu li{
    display: inline-block;
    margin-left: 15px;
}
.site-info.layout-1 .nav-menu, .site-info.layout-2 .nav-menu{
    margin: 0;
}

@media (min-width: 500px) {
    .site-info .left
    {
        text-align: right;
    }
}
.site-info .right
{
    text-align: left;
}

.site-info.layout-2 .right .widget .widget-title:after {
    right: 90%;
}
.site-info.layout-2 .calendar_wrap{text-align: justify;}
/*--------------------------------------------------------------
 Footer line style
--------------------------------------------------------------*/
.lines{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    margin: auto;
    width: 78vw;
    z-index: -1;
}
.lines .line{
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 50%;
    background: rgba(255,255,255,.1);
    overflow: hidden;
}
.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    right: 0;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%,#fff 100%);
    -webkit-animation: 37s cubic-bezier(.4,.26,0,.97) infinite run;
    animation: 37s cubic-bezier(.4,.26,0,.97) infinite run;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.lines .line:nth-child(1){margin-right:-19%}
.lines .line:nth-child(1)::after {
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.lines .line:nth-child(3){margin-right:19%}
.lines .line:nth-child(3)::after {
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
@-webkit-keyframes run{0%{top:-50%}100%{top:110%}}
@keyframes run{0%{top:-50%}100%{top:110%}}

/*===================================================================================*/
/*  Page Scroll Up
/*===================================================================================*/

.scroll-up.right {
    position: fixed;
    display: none;
    bottom: 12px;
    /*left: 30px;*/
    z-index: 999;
}
.scroll-up.left {
    position: fixed;
    display: none;
    bottom: 12px;
    right: 30px;
    z-index: 999;
}
.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);
}
/*.scroll-up a:hover,
.scroll-up a:active {
  background:#fff;
  color: #ee591f;
}*/

/*===================================================================================*/
/*  Blog Single 
/*===================================================================================*/

/* Related Post */
.related-post {margin-bottom: 3.125rem;}
.related-post .single-post {border: 1px solid #e8e8e8;}
.related-post .single-post:hover{background-color: #fff;}
.related-post .single-post .post-content{padding: 1.25rem;}
.related-post .next{text-align: left;}
.related-post .title{margin-bottom: 15px;}
.related-post .single-post .fa { 
    height: 35px; 
    width: 35px; 
    background-color:transparent; 
    border:1px solid #e8e8e8;
    font-size: 20px;
    font-weight: 700;
    padding: 7px 12px 0;
    transition: 0.3s;
}
.related-post .next .fa{margin-right: 20px;}
.related-post .preview .fa{margin-left: 20px;}  
.related-post .single-post a:hover .fa{ 
    color: #fff; 
}
@media (max-width: 768px) {
    .related-post .next{text-align: right;}
}
/*Comment Section*/
.comment-section { float: none; margin: 0 0 30px 10px; padding: 0; }
.comment-box { margin: 0 !important; padding: 0; position: relative; }
.pull-left-comment { float: right; margin-left: 20px; }
.comment-img {
    border-radius: 100%;
    height: 70px;
    margin: 2px 0 20px;
    width: 70px;
}
.comment-detail {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 35px;
    margin-right: 0;
    padding: 0 0 15px;
}
.comment-detail-title {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 7px;
}
.comment-date {
    display: block;
    color: #8f969c;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 8px;
    padding-right: 0px;
    vertical-align: middle;
}
.comment-date a { color: #8f969c; }
.comment-detail p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 25px;
    margin: 0;
    text-align: justify;
}
.reply { font-size: 13px; float: left; }
.reply a {
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 0;
    transition: all 0.3s ease 0s;
}
/* comment form */
.comment-form .comment-reply-title{
    padding-bottom: 0.938rem
}
.comment-form .button-holder input{margin-top: 25px;}
.comment-form .blog-form-group:after {
    font-family: 'FontAwesome';
    left: 30px;
    margin-top: -40px;
    position: absolute;
}
.comment-form .blog-form-group-textarea:after {
    font-family: 'FontAwesome';
    left: 30px;
    margin-top: -115px;
    position: absolute;
}
@media (max-width: 768px) {
    .comment-form .blog-form-group:after {
        margin-top: -30px;
    }
    .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 li:before {color:#fff;}

/*===================================================================================*/
/*  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 .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,.services2 .post:hover .entry-header .entry-title{color:#fff; position: relative;}
.services2 .post-thumbnail img {  
    width: 70px;
    height: 70px; 
}
/*===================================================================================*/
/*  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 img { border-radius: 2px; }
.services3 .post-thumbnail i.fa, .services3 .post-thumbnail img { 
    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-thumbnail img {
    border: 0px solid #fff;
    
}
.services3 .post:hover .post-thumbnail img{padding: 0;}
.services3 .post:hover .post-thumbnail i.fa, .services3 .post:hover .post-thumbnail img { 
    /*background: #f5f6fa;*/
    border: 4px solid #fff;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.services3 .post:hover .post-thumbnail i.fa{background: #f5f6fa;}
.services3 .post-thumbnail img{
    width: 80px;
    height: 80px;
}
/*===================================================================================*/
/*  SERVICE SECTION 4
/*===================================================================================*/
.services4 .post {
    margin-bottom: 3rem;
    padding: 1rem 5.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, .services4 .post-thumbnail img { 
    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: 60px;
    border-radius: 3px;
}
/*===================================================================================*/
/*  Testimonial SECTION 2
/*===================================================================================*/
#testimonial-carousel2 .avatar,.page-template-template-testimonial-6 .avatar {
    display: inline-block;
    position: absolute;
    right: 20px;
}
#testimonial-carousel2 .testmonial-block,.page-template-template-testimonial-6 .testmonial-block {
    box-shadow: -5px 5px 6px rgba(255, 255, 255, 0.01);
    padding: 30px 190px 30px 30px;
    margin: 0 15px 30px 15px;
    overflow: hidden;
    position: relative;
    min-height: 200px;
}
#testimonial-carousel2 .testmonial-block .entry-content,.page-template-template-testimonial-6 .testmonial-block .entry-content {
    margin: 0px 0 0.25rem;
}
#testimonial-carousel2 .testmonial-block .entry-content:before,
 #testimonial-carousel2 .testmonial-block .entry-content.quote:before,
 .page-template-template-testimonial-6 .testmonial-block .entry-content:before,
  .page-template-template-testimonial-6 .testmonial-block .entry-content.quote:before {
    top: 0;
}
.testi-2:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}
.testimonial.testi-2 { 
    /*background: url(../images/bg/bg-img.jpg) 112% 50% no-repeat;*/
    /*background: url('assets/images/bg/bg-img.jpg') 112% 50% no-repeat;;*/
}
#testimonial-carousel2 .testmonial-block:before,.page-template-template-testimonial-6 .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,.page-template-template-testimonial-6 .testmonial-block {
        padding: 15px;
        margin: 0 15px 15px;
    }
    #testimonial-carousel2 .avatar,.page-template-template-testimonial-6 .avatar {
        position: relative;
    }
    #testimonial-carousel2 .avatar,.page-template-template-testimonial-6 .avatar {
        right: 0px;
    }

    #testimonial-carousel2  .testmonial-block .avatar,.page-template-template-testimonial-6 .testmonial-block .avatar {
        margin: 0 0px 1.75rem;
    }

}
/*===================================================================================*/
/*  Team SECTION 2
/*===================================================================================*/
.team2 .team-grid .card-body .list-inline li > a {
    color: #878e94;
}
.team2 .team-grid .card-body .list-inline li > a:hover {
    background-color: unset;
}
.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('assets/images/bg/bg-img.jpg') -12% 50% no-repeat;
}
#testimonial-carousel3 .testmonial-block,.page-template-template-testimonial-7 .testmonial-block {
    padding: 0 1rem 3.125rem 1rem;
    text-align: center;
}
.testi-3 .owl-theme .owl-dots {
    margin: 0rem 0rem 0rem;
}
#testimonial-carousel3 figcaption,.page-template-template-testimonial-7 figcaption{padding-bottom: 0.5rem;}
#testimonial-carousel3 .testmonial-block .avatar,.page-template-template-testimonial-7 .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;
}
.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,.page-template-template-testimonial-7 .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;}}
    #testimonial-carousel2  .testmonial-block .avatar {
        margin: 0 0px 1.75rem;
    }
}


/*===================================================================================*/
/* Testimonial SECTION 4
/*===================================================================================*/
.testimonial.testi-4 {
    background: url(assets/images/bg/bg-img.jpg) -12% 50% no-repeat;
}
#testimonial-carousel4 .testmonial-block,.page-template-template-testimonial-8 .testmonial-block{
    box-shadow: 0px 6px 6px 0px rgba(255, 255, 255, 0.1);
    margin-bottom: 2px;
}
#testimonial-carousel4 .testmonial-block .entry-content:before,
#testimonial-carousel4 .testmonial-block .entry-content.quote:before,
.page-template-template-testimonial-8 .testmonial-block .entry-content:before,
.page-template-template-testimonial-8 .testmonial-block .entry-content.quote:before{
    font-size: 3.875rem;
    top: -18px;
}
#testimonial-carousel4 .testmonial-block .avatar,
.page-template-template-testimonial-8 .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,
.page-template-template-testimonial-8 .testmonial-block .entry-content {
    margin: 0px 0 0.5rem;
}
#testimonial-carousel4 .testmonial-block figcaption,
.page-template-template-testimonial-8 .testmonial-block figcaption{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
#testimonial-carousel4.owl-theme .owl-nav.disabled+.owl-dots,
.page-template-template-testimonial-8.owl-theme .owl-nav.disabled+.owl-dots {
    margin-bottom: 1.75rem;
    margin-top: 2rem;
}
.testi-4:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}
/*===================================================================================*/
/*  Team SECTION 4
/*===================================================================================*/
.team4 .team-grid {
    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.7);
    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-grid .list-inline li > a:hover {
    background-color: unset;
}
/*--------------------------------------------------------------
  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,.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: 0 !important;
}
.portfolio.portfolio-gallery .modal-body .col-md-6.py-5{padding: 3rem!important;}
.portfolio.portfolio-gallery{
    line-height: 1.6;
}
.portfolio.portfolio-gallery .tab-content .portfolio-thumbnail {
    margin: 0px;
    border-radius: 0;
}
.portfolio.portfolio-gallery .card-img-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
/*--------------------------------------------------------------
  Sticky Menu Classes
--------------------------------------------------------------*/
.stickymenu{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.93);
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    z-index: 1000;
}
body.admin-bar .stickymenu{
    top: 32px;
    }

@media (max-width: 600px){
    body.admin-bar .stickymenu{
    top: 0;
    }
}
.stickymenu1{
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.93);
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    z-index: 1000;
}

.navbar.shrink{transition: all 0.4s ease-in-out;
               -webkit-transition: all 0.4s ease-in-out;
               -moz-transition: all 0.4s ease-in-out ;
               background-color: rgba(255,255,255,0.93);}

.navbar.shrink1 {
    padding-top: 0rem;
    padding-bottom: 0rem;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    z-index: 1000; 
    position: fixed;
    top: 0;
}
.shrink1{
 width: 100%;
 box-shadow: 0 3px 5px rgba(0,0,0,0.05);
 z-index: 1000; 
 position: fixed;
 top: 0;
}

/*--------------------------------------------------------------
  Footer Layout
--------------------------------------------------------------*/
.main-footer {
    background-color: #061018;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 0px solid #828282;
    background-image: url(assets/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{text-align: left;}
}
.site-info .copyright{padding-bottom: 1rem;} 
.site-info ul.site-privacy {float: left;margin-bottom: 0;}
.site-info ul.site-privacy li a {color: #fff ;font-size: 0.938rem;font-weight: 100;}
.site-info ul.site-privacy li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: initial;
}
.site-info ul.site-privacy li::before {
    content: "";
    width: 4px;
    height: 1px;
    background: #fff;
    right: -11px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.site-info ul.site-privacy li:first-child::before {
    margin-right: 0;
    content: none;
}
.site-info span a {font-weight: 500;/*color: #fff ;*/}

@media only screen and (max-width: 767px) {
    .site-info ul.site-privacy , .site-info span {
        text-align: center;
        margin-top: 10px;
        float: none;
    }
}

@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;
}
/*--------------------------------------------------------------
 contact Layout 1
--------------------------------------------------------------*/
@media (min-width: 768px){
    .contact1 .section-header,.contact2 .section-header,.contact3 .section-header {
        margin: 0rem 0rem 0.8rem;
    }}
.contact1 .contact-form-map{margin: 0rem 0rem 4.375rem;}

.contact2 .contact-detail-area {
    padding: 3.25rem 0.5rem 2.625rem;
    margin-top: 2rem;
}

.contact-area img{
    max-width: 100px;
}

/*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;
    }
}

/*Author & Comment form*/
.blog-author {
    background-color: #FFFFFF;
    border: 1px solid #ECEFF3;
    margin: 0 0 5rem;
    padding: 2.188rem 1.875rem 1.875rem;
}
.blog-author.media .avatar img {
    border-radius: 50%!important;
}
.blog-author .avatar {
    margin: 0 0 0px 2.5rem;
    height: 12.5rem;
    width: 12.5rem;
}
.blog-author {
    background-color: #FFFFFF;
    border: 1px solid #ECEFF3;
    margin: 0 0 5rem;
    padding: 2.188rem 1.875rem 1.875rem;
}
.comment-section {
    background-color: #FFFFFF;
    margin: 0 0 3rem;
    padding: 10px 20px 10px 20px;
}
.pull-left-comment {
    float: right;
    margin-left: 1.875rem;
    width: 6.25rem;
    height: 6.25rem;
}
.comment-reply-title {
    margin: 0 0 1.875rem;
    border-bottom: 1px solid #323232;
    padding-bottom: 0.625rem;
}
.media-body h5 {
    margin: 0;
}
@media only screen and (max-width: 600px){
    .blog-author .avatar {
        width: 8.5rem;
        height: 8.5rem;
    }
}
.comment-detail {
    border-bottom: 1px solid #ECEFF3;
    margin: 0 0 2.813rem;
    padding-bottom: 2.25rem;
}
form#commentform label {
    display: inline!important;
}
.comment-form {
    margin-bottom: 3.75rem;
}

/*Author & Comment form*/
.wpgmza-google-maps-api-error-overlay{
    background:unset!important;
}

img.custom-logo{
    width: 100%;
}

.page-breadcrumb a{
    color: #ffffff;
}
/*
.site-info li.menu-item::before{
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
    margin-left: 1px;
}*/

.site-info li.menu-item{
    list-style: none;
}

.header-sidebar .widgettitle{
    color: #ffffff;
}
.header-sidebar .textwidget p{
    color: #ffffff;
}

.section-space.sponsors{
    background-color: #f8f8f8;
}

/*.entry-header h4 a {
    font-size: 2rem !important;
}*/

.scroll-up a:hover {
    color: #fff;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}

/*===================================================================================*/
/*  25.0 Accessibility
/*===================================================================================*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*===================================================================================*/
/* Mega Menu CSS
/*===================================================================================*/
@media (min-width: 992px){
    .hp-mega-menu{position: static !important;}
    .navbar ul li.hp-mega-menu ul .dropdown-menu{display:block !important; padding: .5rem 0;}
    .navbar ul li.hp-mega-menu a {position: relative;padding: .1rem 1.000rem;}
    .navbar ul > li.hp-mega-menu > ul {width: 100% !important;}
    .navbar ul li.col-two ul > li {width: 50%;}
    .navbar ul li.col-three ul > li {width: 33.33%;}
    .navbar ul li.col-four ul > li {width: 25%;}
    .navbar ul li.hp-mega-menu ul > li {float: right !important;}
    .navbar ul > li.hp-mega-menu > ul > li > a {font-size: 20px;font-weight: 700;cursor: auto;padding-bottom: 0.625rem;}
    .navbar ul li.hp-mega-menu ul li .dropdown-menu {left: auto !important;right: auto !important;padding-bottom: 0;padding-top: 0;}
    .nav.navbar ul li.hp-mega-menu ul li .dropdown-menu {position: relative;opacity: 1;transform: scaleY(1);}
    .navbar ul li.hp-mega-menu ul li ul.dropdown-menu {opacity: 1 !important;transform: scaleY(1);visibility: visible;box-shadow: none;}
    .navbar ul li.hp-mega-menu ul li ul.dropdown-menu {display: block;width: 99%;margin-top: auto !important;}
    .navbar ul li.hp-mega-menu ul li ul li {border: none;}
    .navbar ul li.hp-mega-menu ul li ul li {width: 100% !important;float: none !important;margin: 0;}
    .navbar ul li.hp-mega-menu ul li ul li:last-child a {border: none;}
    .navbar ul li.hp-mega-menu ul{
        max-width: 1140px !important;
        margin-right:auto !important;
        right:20% !important;
        left:20% !important;
        top:100% !important;
    }
    .navbar ul li.hp-mega-menu .sub-arrow{display:none;}
    .navbar ul li.hp-mega-menu ul li .dropdown-menu {
        left: auto !important;
        right: auto !important;
        padding-bottom: 0;
        padding-top: 0;
    }
    .navbar ul li.hp-mega-menu ul li .dropdown-menu {
        position: relative;
        opacity: 1;
        transform: scaleY(1);
    }
    .navbar .nav .dropdown-menu {
        border-bottom: unset !important;
    }}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar ul li.hp-mega-menu ul {
        max-width: 925px !important;
        right: 5% !important;
        left: 5% !important;
    }}



.mega-sub-menu.pull-right{
    right: auto !important;
    left: 0px !important;
    padding: 0px !important;
    width: 324px !important;
    border-radius: 0px !important; 
    border: 0 !important;
    margin: 0px !important;
    background-color: #fff !important;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 12px 0 rgba(0, 0, 0, 0.12) !important;
    padding: 7px 14px !important;
}
.mega-sub-menu.pull-right input[type="search"] {
    width: 90% !important;
}
.mega-sub-menu.pull-right .search-form input[type="submit"]  {
    top: 10px !important;
}
@media (max-width: 600px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,#mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        font-size: 12px;
        font-weight: 600
    }
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
        font-size: 12px;
        font-weight: 700
    }
}
@media only screen and (max-width: 600px){
    .mega-cart,.mega-search {
        display: inline-block !important;
        margin-top: 15px !important;
    }
    .mega-search{
        padding-left: 25px !important;
    }
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary li.mega-menu-item.mega-search.mega-toggle-on > ul.mega-sub-menu {
        right: 0 !important;
        left: auto !important;
        width: 300px !important;
        top: 37px !important;
        position: absolute;
    }
    .mega-menu-item.mega-menu-item-type-post_type,.mega-menu-item.mega-menu-item-type-custom{
        border-bottom: 1px solid #ededed55 !important;
    }
}

#blg_masonary_layout #loadMore
{
    position: absolute;
    bottom: 0;
}
.masonry .blog-not-found{
    border-top: 1px solid #eceff3;
    padding-top: 30px;
}
/*@media (min-width: 768px){
.mega-menu-spice-software-press-primary .navbar-expand-lg .navbar-toggler {
    display: none;
}
.mega-menu-spice-software-press-primary .navbar-expand-lg .navbar-collapse {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}}*/

@media only screen and (min-width: 768px) {
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
        line-height: inherit;
        display: table-cell;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 768px) {
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-item {
        display: list-item;
        margin: 0;
        clear: both ;
        border: 0;
    }
    @media only screen and (max-width: 768px){}
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 40px;
        height: 40px;
        padding: 0 10px;
        background: transparent;
        text-align: right;
        color: #061018;
        font-size: 12px;
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary li.mega-menu-item > ul.mega-sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
        float: left;
    }}
@media only screen and (max-width: 768px) {
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
}
@media (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        font-size: 12px;
        font-weight: 600;
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
        clear: both;
    }}
@media only screen and (max-width: 768px){
    .mega-menu-item.mega-menu-item-type-post_type, .mega-menu-item.mega-menu-item-type-custom {
        border-bottom: 1px solid #ededed55 !important;
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-flyout ul.mega-sub-menu {
        float: right;
        position: static;
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
    }}
@media only screen and (min-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-item > a.mega-menu-link:hover {
        background: rgba(34, 34, 34, 0);
        /*color: #2d6ef8;*/
        font-weight: bold;
        text-decoration: none;
        border-color: rgba(34, 34, 34, 0);
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        color: #2d6ef8;
        background: rgba(255, 255, 255, 0.1);
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        display: block;
    }
}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
        content: '\f343';
    }}
@media only screen and (min-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 {
        width: 33.33333%;
    }}

@media only screen and (min-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
        opacity: 0;
        transform: translate(0, 10px);
        transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        border: 0;
        padding: 10px;
        border-radius: 0;
    }
}
@media only screen and (min-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        opacity: 1;
        transform: translate(0, 0);
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        float: right;
        position: static;
        width: 100%;
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        width: 100%;
        clear: both;
    }}
@media (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 12px;
        font-weight: 700;
    }}

@media only screen and (max-width: 768px){
    .mega-search {
        padding-left: 25px !important;
    }}

@media only screen and (max-width: 768px){
    .mega-cart, .mega-search {
        display: inline-block !important;
        margin-top: 15px !important;
    }}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-spice-software-press-primary #mega-menu-spice-software-press-primary li.mega-menu-item.mega-search.mega-toggle-on > ul.mega-sub-menu {
        right: 0 !important;
        left: auto !important;
        width: 300px !important;
        top: 37px !important;
        position: absolute;
    }}
/*@media (max-width:600px){
    .content-center {
        width: unset;
    }}*/



.navbar ul li a:after{
    text-decoration: none !important;
    background-image: linear-gradient(currentColor, currentColor) !important;
    background-position: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-size: 0% 2px !important;
    transition: background-size .3s !important;
}
.navbar ul li a:hover:after, .navbar ul li a:focus:after {
    background-size: 100% 2px !important;
}
.taxonomy-list a {
    color: #fff;
}
.taxonomy-list a:hover {
    color: #ee591f;
}
.woocommerce button[type="submit"] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*border: 1px solid transparent;
    padding: 10px;*/
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.footer-sidebar .woocommerce ul.product_list_widget li span {
    padding-right: 10px;
}
.footer-sidebar .widget ins {
    color: #1c314c;
}
#loadMore
{
    background-color: #fff;
    border: 1px solid #e9e9e9;
    font-size: 0.875rem;
    display: inline-block;
    padding: 0.188rem 1.25rem;
    margin: 0 0 0.625rem 0.500rem;
}
.back-img,.video-slider.home-section.back-img{
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    z-index: 0;
    background-size: cover;
    height: 37.5rem !important;
}
 .section-space.blog .entry-content a:not(.more-link), 
 .section-space .comment-section .media-body a:not(.comment-reply-link){
    text-decoration: underline!important;
    font-weight: bold;
 }
 .woocommerce-cart .blog .post .entry-content a, 
.woocommerce-checkout .blog .post .entry-content a,
.woocommerce-account .blog .post .entry-content a, 
.comment-section a.comment-reply-link{
    text-decoration: none!important;
}
@media (max-width: 576px){
.woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: right;
    margin-top: 5px;
}
}
.footer-sidebar .textwidget a{
    text-decoration: underline!important;
 }
@media (min-width:1200px) {
    .boxed .stickymenu,.boxed .stickymenu1{ width: 1210px;}
}
.entry-content a {
    text-decoration: underline!important;
}
.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;
}
.blog .post .entry-content a.more-link{
    text-decoration: none!important;
}
@media (max-width: 576px){
.woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: right;
    margin-top: 5px;
}
}
#myDiv{
    margin: 30px 0;
}
/*.col-md-6.port-view {
    margin: 0;
    padding: 0;
}*/
@media (min-width: 768px)
{
    .section-header,.page-template-template-testimonial-6-php .testimonial .section-header{
        margin: 0.8rem 14rem;
    }
}
.section-header {
    margin: 0;
}
.woocommerce .products .star-rating{
    display: inline-block;
}
@media (max-width: 500px) {
    .error-page {
        padding: 2rem 0 3rem;
    }
}
@media (min-width: 992px) {
    .navbar.nav-rgt .container {
        display: block;
    }
}
.entry-content a.wp-block-button__link{
    color: #fff;
}
.media.comment-box{
    display:block;
}
.blog .standard-view article .entry-header {
    word-break: break-word;
}
.breadcrumb_last {
    word-wrap: break-word;
}
.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{text-decoration:underline!important;}
.testi-grid{margin-top: 30px;}
/*===================================================================================*/
/* PRE LOADERS 1
/*===================================================================================*/

/* 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;
}

.spice-software-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);
}

.spice-software-preloader-cube .spice-software-cube {
    float: right;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.spice-software-preloader-cube .spice-software-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}


.spice-software-preloader-cube .spice-software-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.spice-software-preloader-cube .spice-software-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.spice-software-preloader-cube .spice-software-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%;
}

.spice-software-preloader-cube .spice-software-cube2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.spice-software-preloader-cube .spice-software-cube4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.spice-software-preloader-cube .spice-software-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}}

@media (min-width: 1200px){
body.boxed div#preloader { width: 1210px; }}

/*===================================================================================*/
/* 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 */


/*===================================================================================*/
/* 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 */

/*===================================================================================*/
/* 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 */

/*===================================================================================*/
/* 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 */

/*===================================================================================*/
/* 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#preloader1,body.boxed div#preloader2, body.boxed div#preloader3,body.boxed div#preloader4,body.boxed div#preloader5,body.boxed div#preloader6 { width: 1210px; }}

@media (min-width: 991px) {
  .navbar4 .header-lt {
    z-index: 999;
    position: initial;
    width: inherit;
  }
  .navbar4 .col-lg-4 {
    position: initial;
    display: table-header-group;
    z-index: 0;
  }
  .navbar4 .header-lt::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
   /* background-color: #ee591f;*/
    width: 24vw;
    z-index: -1;
    display: block;
  }
  .boxed .navbar4 .header-lt::before {width: 18vw;}
  .navbar4 .header-lt::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: auto;
    left: auto;
    /*background-color: #ee591f;*/
    -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 .site-title-name, .navbar4 .site-description {
      color: #ffffff;
  }
@media (max-width: 991px) {
  .navbar4 .navbar-toggler {
    float: left;
    margin: 15px 0 0 15px;
  }
}
.navbar4 .custom-logo-link-url {
    margin-left: 1rem;
    display: inline-block;
    vertical-align: middle;
}
.index5.header-logo {
    text-align: center;
    padding: 15px 0;
    display: block;
    background-color: #ffffff;
}
.navbar.navbar1 {
    margin: 0;
    background-color: #000000;
    padding: 0;
}
.navbar1.navbar .nav .nav-item:hover .nav-link, .navbar1.navbar .nav .nav-item.active .nav-link {
    color: #ffffff;
    /*background: #ee591f;*/
}
.navbar.navbar1 .nav .nav-item .nav-link {
    color: #ffffff;
    padding: 16px 20px;
}
.navbar.navbar1 ul li a .menu-text:after {
    content: none;
}
.navbar1.navbar .nav .nav-item {
    margin: 0;
}
.navbar1.navbar .spice-software-header-button {
    margin-top: 7px !important; 
    margin-left: 15px !important; 
    margin-right: 15px !important;
    padding-bottom: 0;
}
.navbar1 .search-box-outer a ,
.navbar1 .cart-header > a.cart-icon {color: #ffffff;}
.navbar1 .navbar-toggler {margin: 10px auto;}

@media (max-width: 991px) {
  .navbar1 .navbar-collapse ul,.navbar1 .navbar-collapse ol {
    margin: 0;
  }
  .navbar.navbar1 .nav .nav-item .nav-link {padding: 10px 15px;}
  .header-module {
      padding-right: 0rem;
  }
}
.index2.header-logo {
    background-color: #181a1f;
    float: none;
    padding: 10px 0;
}
.index2 .custom-logo-link-url {
    margin-left: 1rem;
    display: inline-block;
    vertical-align: middle;
}
.index2 .site-title-name, .index2 .site-description {
    color: #ffffff;
}
.navbar.navbar2 {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar2 .spice-software-header-button {
    margin-top: 8px;
}
.navbar2 .navbar-toggler {margin: 10px auto;}
.index2.header-logo .header-module {
    padding-right: 0rem;
    padding-top: 25px;
    float: left;
}
.index2 .search-box-outer a , .index2 .cart-header > a.cart-icon {color: #ffffff;}
.index2 .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;
    border-top: solid 1px #ee591f;
}
.header1 {background-color: #ee591f;}
.header2 {background-color: #ee591f;}


.navbar3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #00000080;
    position: absolute;
    top: 45px;
    z-index: 2;
    left: 0;
    right: 0;
}
.navbar.navbar3 .nav .nav-item .nav-link {color: #21202e;}

.navbar.navbar3 .site-title-name, .navbar.navbar3 .site-description {
    color: #21202e;
}
.navbar.navbar3 .search-box-outer a , .navbar.navbar3 .cart-header > a.cart-icon {color: 00BFFF;}
.stickymenu1 {
    display: none;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 999;
    /*background-color: rgba(0, 0, 0,0.7) !important;*/
}
@media (min-width: 992px) {
   .navbar1 .navbar-nav > .dropdown.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: #181A1F;
        right: 50%;
    }
}
@media (min-width: 992px) {
   .navbar1 .navbar-nav > .dropdown.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 (min-width: 992px) {
  .navbar1 .navbar-nav > .dropdown.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%;
  }
  .navbar1 .navbar-nav > .active > a:after {
    content: '';
    position: relative;
    border-top: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    top: -14px;
    left: 42%;
    color: #ffffff;
  }
}
/*===================================================================================*/
/* After menu
/*===================================================================================*/

/* update */
.spice_software_header_btn {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 0.938rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.75rem 1.3rem;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.spice_software_header_btn:hover {background: #061018;color: #fff;}
@media (max-width: 991px){
.spice_software_header_btn {
    line-height: 7;
    border-bottom: 1px solid #ededed55;
}}

@media (max-width: 991px){
.navbar .nav .nav-item.html {
    line-height: 40px;
    border-bottom: 1px solid #ededed55;
}
.navbar .nav .nav-item.html p{line-height: 22px;margin-top: 10px;;margin-bottom: 10px;}
}
.navbar1 .nav-item.html{padding: 14px 20px;}
.navbar1.navbar .nav .nav-item.html a {color: #ffffff;}
@media (max-width: 992px){
.navbar1.navbar .nav .nav-item.html {
    padding: 10px 10px;
    color: #ffffff;
    line-height: unset;
}}

@media (min-width: 992px){
.main-header-btn {
    padding-bottom: 1.125rem;
    padding-top: 0.45rem;
}
.main-header-btn.hw {padding-top: .350rem;}
.navbar1 .main-header-btn.hw a {/*padding: 17px 20px 22px !important;*/}
.nav-item.html.menu-item h1, .nav-item.html.menu-item h2{line-height:.9;margin: 0;margin-bottom: 10px;}
.nav-item.html.menu-item h3{line-height:1.0;margin: 0;margin-bottom: 10px;}
.nav-item.html.menu-item h4{line-height:1.3;margin: 0;margin-bottom: 10px;}
.nav-item.html.menu-item h5{line-height:1.8;margin: 0;margin-bottom: 10px;}
.nav-item.html.menu-item h6{line-height:2.0;margin: 0;margin-bottom: 10px;}
.navbar1.navbar .nav .nav-item .nav-link{padding: 14px 20px;margin-bottom: 0;}
.navbar1.navbar .nav .nav-item .nav-link{padding: 14px 20px; margin-bottom: 0;}
}

@media (max-width: 991px){
.main-header-btn {
    border-bottom: 1px solid #ededed55;
}
.spice_software_header_btn {
    line-height: 5;
}
/*.cart-header {
    border-left: 1px solid transparent;
    padding-left: 0;
}*/
.header-module .cart-header.search-woo {
    border-right: 1px solid #cfddea;
    padding-right: 15px;
}
body .navbar5 .hw .spice_software_header_btn {
    line-height: 5;
}
}
.menu-html {
    padding: 14px 20px;
    color: #ffffff;
}
.menu-html a{color: #ffffff}


@media (max-width: 992px){
.menu-html {
    padding: 10px 10px;
}}
.nav-item.menu-html.menu-item p {
    color: #ffffff;
}
body .nav-item.menu-html h1, body .nav-item.menu-html h2, body .nav-item.menu-html h3, body .nav-item.menu-html h4, body .nav-item.menu-html h5, body .nav-item.menu-html h6 {
    color: #fff;
}

@media (min-width: 991px){
.navbar.navbar6 .nav .nav-item .nav-link, .navbar.navbar6 .nav .nav-item .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0;
}
.nav-item.radix-btn.menu-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.nav-item.radix-btn.menu-item {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}
}
 .nav-item.radix-html a {
    font-weight: 600;
    /*color: #061018;*/
    padding: 0;
}
.navbar.navbar6 ul li.radix-btn > a:after{display: none;}
.navbar.navbar6 ul li.radix-btn.radix-html > a:after{display: block;}
body .navbar.eight h1, body .navbar.eight h2, body .navbar.eight h3, body .navbar.eight h4, body .navbar.eight h5, body .navbar.eight h6, body .navbar.eight p{color: #ffffff;}
.navbar.navbar1 .nav-item .widget a, body .navbar.navbar5 .nav-item .widget h2{color: #ffffff;}

.nav-item .widget{box-shadow: none;padding: 13px 15px;margin: 0;}
.navbar1 .nav-item .widget,.navbar6 .nav-item .widget{box-shadow: none;padding: 13px 15px;margin: 0;} 
@media(max-width: 768px){
.nav-item .widget {
    box-shadow: none;
    margin: 0;
    padding: 10px 0 6px;
    border-bottom: 1px solid #ededed55;
}   
}    
@media (min-width: 992px){
.navbar .nav .html{
padding: .45rem 0rem;
}
}

/*===================================================================================*/
/*Video Slider
/*===================================================================================*/

/* UPDATED */
#video_slider {
    position: absolute;
    bottom: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
}
  .hero-section {
    overflow: hidden;
}
#slider-carousel {
    margin: 0px;
    position: relative;
    top: 0;
    background: transparent;
}
#slider-carousel .item {background-color: transparent;}

.slider-caption.yes {
    height: auto;
    right: 0;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.slider-caption.yes .widget.widget_text {
    background-color: rgba(0,0,0,0.6);
    padding: 40px 30px 20px;
    border-radius: 7px;
    margin-right: 30px;
}
@media (min-width: 767px){
.slider-caption.yes .widget.widget_text {
   background-color: rgba(0,0,0,0.6);  
    }}
.slider-caption.yes .widget.widget_media_video h3,.slider-caption.yes .widget.widget_archive h3, .slider-caption.yes .widget.widget_archive a, .slider-caption.yes .widget.widget_calendar, .slider-caption.yes .widget.widget_calendar caption, .slider-caption.yes .widget.widget_calendar a, .slider-caption.yes .widget h3, .slider-caption.yes .widget a, .slider-caption.yes .widget .recentcomments{color: #ffffff;}

.slider-caption.yes .widget .tagcloud a,.slider-caption.yes .widget.widget_text h3.widget-title{color: #000;}
.hero-section .widget:last-child {
    margin-bottom: 10px;
}
.hero-section .widget {
    box-shadow: unset;
}

@media (max-width: 767px){
.hero-section #slider-carousel .item.yes {
   height: 950px;
}}

@media (max-width: 767px){
.hero-section .widget {
    margin-right: 0px;
    margin-top: 30px;
}
.slider-caption.yes .widget.widget_text{
margin-right: 0px;
    margin-top: 30px;   
    }}

@media (min-width: 1200px){
.hero-section .widget_media_video .wp-video-shortcode, .hero-section .widget_media_video iframe {
    height: 300px !important;
    width: 400px !important;
}}  

.widget.widget_text input[type="text"], .widget.widget_text input[type="email"], .widget.widget_text input[type="url"], .widget.widget_text input[type="password"], .widget.widget_text input[type="search"], .widget.widget_text input[type="number"], .widget.widget_text input[type="tel"], .widget.widget_text input[type="range"], .widget.widget_text input[type="date"], .widget.widget_text input[type="month"], .widget.widget_text input[type="week"], .widget.widget_text input[type="time"], .widget.widget_text input[type="datetime"], .widget.widget_text input[type="datetime-local"], .widget.widget_text input[type="color"], .widget.widget_text textarea {
    border-radius: 3px;
    background-color: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    color: #707070 !important;
}
.widget.widget_text .wpcf7-form input[type="submit"] {
    margin-top: 10px;
}


.slider-caption.yes .widget.widget_calendar {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(0,0,0,0.5);
}
#slider-video {
    border: 0.2rem solid #FFFFFF;
}
@media (min-width: 768px){
#slider-video {
    padding: 15px 18px;
    display: inline-block;
}}
.item-video a:after {
    position: relative;
    top: 12%;
    right: 12%;
    margin: 0px 0px 0 0;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid #FFFFFF;
    content: '';
    display: block;
}
.icon-dispear #slider-video {
     border-radius: 50px;
    padding: 9px 22px;
    font-size: 0.938rem;
    font-weight: 600;
    border: 0.18rem solid #FFFFFF;
}
/*@media (min-width: 992px){
.navbar .nav .html{
padding: .5rem 0rem;
}
}*/
.navbar .nav .widget_nav_menu li a,.navbar .nav .widget_pages li a,.navbar .nav .widget_product_categories li a,.navbar .nav .widget_links li a,.navbar .nav .widget_categories li a,.navbar .nav .widget_archive li a,.navbar .nav .widget_recent_entries li a,.navbar .nav .widget_meta li a,.navbar .nav .widget_recent_comments li a {
    color: #1C314C;
    
    }
.video-slider #slider-carousel .item {
    background-color: transparent;}
.video-slider.home-section {
    overflow: hidden;}

/*slider widget*/

@media (max-width: 767px) {
      #slider-carousel .item.yes { height: 950px !important;}
    }
.slider-caption.yes .widget.widget_calendar td, .slider-caption.yes .widget.widget_calendar th {
    border: none !important;
}
.slider-caption.yes .widget.widget_calendar {
    padding: 1.875rem 1.563rem 2.5rem;
}
@media (max-width: 767px) {
    .slide-widget .widget {
        margin-right: 0px;
        margin-top: 30px;
    }
}
@media (max-width: 576px){
.slider-caption.yes aside.widget {
    margin-top: 3rem;
}
}
.slider-caption.yes .wpcf7-form {
    padding: 10px 0;
}
.slider-caption.yes .wpcf7-form textarea {
    height: auto;
}
.slider-caption.yes .widget.widget_text h3.widget-title{
  margin-bottom: 18px;
    line-height: 1;
}
@media (max-width: 991px) {
.navbar.navbar-light.center li.main-header-btn {
    text-align: right;
}
.index2.header-logo .header-module {
   float: none;
    text-align: center;
}
}
@media (min-width:1100px){
.container-fluid.streached
{
padding: 0;
}}
.container-fluid.streached .grid
{
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 768px) {
    .navbar3 .navbar-toggler {
        background-color: #000000;
    }
}
nav .navbar-nav.sm-collapsible a.has-submenu {
    padding-left: 3px;
}
@media (min-width: 992px)
{
.navbar .nav .html.lite-html {
    padding: 0.85rem 0rem;
}}
.navbar .rgt .search-box-outer .dropdown-menu {
    right: 0px !important;
}
.navbar1 .header-module{
    margin-right: 10px;
}
@media (max-width: 650px)
{
.index2 .header-module .search-box-outer .dropdown-menu {
position: absolute;
right: -85px !important;
width: 260px!important;
}
}
@media (max-width: 768px)
{.navbar1 .search-box-outer .dropdown-menu,.navbar .search-box-outer .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    width: 295px !important;
    top: 28px !important;
    position: absolute;
}}
.boxed .stickymenu1,.boxed .header-sticky {
    width: 1210px;
}
.list-inline {
    margin: 0;
}
.navbar .bg-light {background-color:transparent !important;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img {
    margin-left: 15px;
}

#searchbar_fullscreen  #searchform input::placeholder{font-size:3.125rem;}
.blog .scroll-up a:hover i {
    color: #FFF;
}
.textwidget a{
    text-decoration: underline !important;
}
@media (min-width: 1200px)
{
        body.boxed.admin-bar .stickymenu {
        top: 30px;
    }
}
a.page-numbers:focus{
    outline: 2px solid #000;z-index: 2;}
    
#testimonial-carousel .fa-angle-right:before {
    content: "\f104"!important;
}
#testimonial-carousel .fa-angle-left:before {
    content: "\f105"!important;
}
#team-carousel .fa-arrow-left:before {
    content: "\f061"!important;
}
#team-carousel .fa-arrow-right:before{
 content: "\f060"!important;
}
.fa-angle-right:before {
    content: "\f104"!important;
}
.fa-angle-left:before {
    content: "\f105"!important;
}
.fa-arrow-left:before {
    content: "\f061"!important;
}
.fa-arrow-right:before{
 content: "\f060"!important;
}
.text-right {
    text-align: left!important;
}
.text-left {
    text-align: right!important;
}

.blog .post-thumbnail .click-view a:focus {
    -wekbit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
@media (max-width: 650px)
{
    body.boxed .stickymenu {
    top: 0;
}
}
.sidebar .widget_block.widget_text a,.sidebar .widget.widget_block p a{
    text-decoration: underline!important;

} 
@media(max-width: 767px){
    .index2.header-logo{
        text-align: center;
    }
}

.navbar.nav-rgt .nav .nav-item:last-child {
    margin-left: 1.875rem;
}


/*===================================================================================*/
/*New Widget Css
/*===================================================================================*/
.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 1.188rem;
    font-weight: 600;
    margin: 0;
    z-index: 1;
    position: relative;
}
.wp-block-search .wp-block-search__label, .widget.widget_block h3{font-size:1.250rem;}
.widget .wp-block-search .wp-block-search__input {
    font-size: 0.875rem;
    padding-right: 1.25rem;
    padding-left: 1.875rem;
}
.widget .wp-block-search__button {
    position: absolute;
    left: 3rem;
    margin-top: 9px;
    top: auto;
    background: transparent;
    z-index: 3;
    display: block;
    border: 0;
}
.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%);
}
.sidebar .widget.widget-block li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #333333;
    margin-left: 5px;
    margin-right: 1px;
     position: absolute;
    left: 280px;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before,.wc-block-product-categories-list-item:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #333333;
    margin-left: 5px;
    margin-right: 1px;
    float: right;
}
.sidebar .widget li{
    list-style-type:none;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 0.813rem;
    padding-bottom: 0.813rem;
    margin: 0;
    position: relative;
}

.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;
}
.sidebar .widget ul,.sidebar .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: 600;
    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: #ececec;
    font-size: 1rem !important;
    display: inline-block;
    padding: 5px 10px;
    color: #727272;
    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;
}
.widget .wp-block-latest-comments__comment:before{display: none;}
.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{   
   position: relative;
    padding-bottom: 0.5rem;
    margin: 0 0 1rem;
}

.footer-sidebar .wp-block-search__label:after,.footer-sidebar .widget_block h1:after,
.footer-sidebar .widget_block h2:after,.footer-sidebar .widget_block h3:after,.footer-sidebar .widget_block h4:after,.footer-sidebar .widget_block h5:after,
.footer-sidebar .widget_block h6:after{
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    margin-top: 5px;
}
.footer-sidebar .wp-block-search__label{font-weight: 700;}
.footer-sidebar .wp-block-calendar table caption,.footer-sidebar .wp-block-calendar table tbody {
    color: #fff;
}
.footer-sidebar .widget .wp-block-search__button {
    left: 1rem;
}
.wp-block-search__button:after{
   content: "\f002";
   font-family: "FontAwesome";
   font-size: 0.938rem;
}
body .widget .wp-block-search__button {
    color: transparent;font-size: 0;margin: 15px 9px;
}
.navbar-toggler,.navbar-toggler:hover, .navbar-toggler:focus {
    background-color: #fff !important;
}
.woocommerce-page .sidebar .widget li > ul,.woocommerce-page .sidebar .widget li > ol {   
    margin-bottom: 0;
    margin-right: 1.5em;
}
.sidebar .widget li:last-child{
border-bottom: none;
}
@media (min-width: 992px)
{
    .header-module {
    padding: 0.45rem 0rem;
    }
    .navbar1 .header-module {
    padding: 0.95rem 0rem 0.75rem 0;
    }
}
.navbar .mr-auto,.navbar .mx-auto {
    margin-right: auto!important;
    margin-left: unset!important;
}
.widget li.wp-block-rss__item .wp-block-rss__item-title:before{
    content: "\f105";
    font-family: FontAwesome;
    color: #333333;
    margin-left: 5px;
    margin-right: 1px;
}
.widget li.wp-block-rss__item:before{
  display: none;
 }
.widget .wp-block-social-links .wp-block-social-link::before {
 display: none;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    padding: 0px;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link a {
    font-size: 1.3rem;
}
.footer-sidebar .widget.widget_block li:before ,.footer-sidebar .wp-block-page-list li:before, .footer-sidebar .widget li.wp-block-rss__item .wp-block-rss__item-title:before{
    content: "\f105";
    font-family: FontAwesome;
    color: #fff;
    margin-left: 5px;
    margin-right: 1px;
}
.sidebar .widget.widget_block .wp-block-tag-cloud a {
text-decoration: none !important;
}
.wp-block-latest-comments__comment {
    line-height: 1.6;
    }
.widget_media_gallery .blocks-gallery-item {
    float: right;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.columns-3 .blocks-gallery-item  {
    max-width: calc((100% - 16px * 2) / 3);
    margin-bottom: 1rem !important;
}
@media (max-width: 768px){
   .navbar.center ul.nav.navbar-nav {
    text-align: initial;
}
}
.wpcf7 label {
    text-align: -webkit-right;
}
.dark .section-space.testimonial.testi-4 blockquote{
    border: none;
}
@media (min-width: 992px) {
    .nav-rgt ul.navbar-nav  { 
        margin-top: 15px;
    }
}
.navbar1 a.text-dark:focus,.navbar1 a.text-dark:hover{
    color: #fff!important;
}
.widget.woocommerce.woocommerce-widget-layered-nav span.count,
.widget .wc-block-product-categories-list-item-count{
    float: left;
    position: absolute;
}
.dark .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before,
.dark .woocommerce .wc-block-product-categories-list-item:before {
    color: #999;    
}
.sidebar .sub-menu li.menu-item {
    margin-right: 10px;
}
.bcslider-section .wp-calendar-table tr{
    color: #fff;
}
@media only screen and (max-width: 600px) {
    .slider-caption.yes br { display: block; }
}
@media (min-width:768px){
.blog .list-view .right .entry-date {
    margin-top: 0.8rem;
    left: 0;
    right: auto;
    z-index:2;
}}
@media (max-width: 768px) {
    .blog .list-view .right .entry-date {
        margin-top: 0.8rem;
        margin-right: 30px;
        top: auto;
        z-index:2;
    }}
.sidebar .widget.widget_block li:before 
{
    content: "\f105";
    font-family: FontAwesome;
    color: #999999;
    margin-left: 5px;
    margin-right: 1px;
}
.search-box-outer input::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 3;
}
body .home-blog .post .post-thumbnail a:focus{
display: block;
margin: 1px;
outline-color:#fff;
}
@media (min-width:768px){
.blog .list-view .right .entry-date {
    margin-top: 0.8rem;
    left: 0;
    right: auto;
    z-index:2;
}}
@media (max-width: 768px) {
    .blog .list-view .right .entry-date {
        margin-top: 0.8rem;
        margin-right: 30px;
        top: auto;
        z-index:2;
    }}
.footer-sidebar .widget p a:not(a.tag-cloud-link){
    text-decoration: underline!important;
}
.footer-sidebar blockquote {
    background-color: transparent;
}
.footer-sidebar .widget .wp-block-latest-posts__post-author,
.footer-sidebar .widget .wp-block-latest-posts__post-date{
    color: #fff;
}
.loaded div#preloader1,.loaded .spice-software-loader,.loaded div#preloader2{
display: none;
}
.content-center .custom-logo-link-url,.index5 .custom-logo-link-url {
     margin-right: 0rem; 
}