/*
Theme Name: WPHester
Theme URI: https://spicethemes.com/wphester-wordpress-theme/
Author: spicethemes
Author URI: https://spicethemes.com
Description: WPHester 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. WPHester is compatible with popular plugins like Polylang, WooCommerce and Contact Form 7. WPHester theme is available in several locales. (DEMO: https://wphester.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.2
Requires at least: 4.5
Tested up to: 6.2
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: wphester
*/

/*--------------------------------------------------------------
>>> 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 Search Box Style
10.0 Woocommerce Header Cart
11.0 Main Slider - Owl Carousel
12.0  OWL SLIDER NEXT - PREV BUTTONS
13.0  SECTION HEADER
14.0  MIXED CLASS
15.0  SmartMenus Navbar 
   15.1 SmartMenus Navbar 2
   15.2 SmartMenus Navbar 3
   15.3 SmartMenus Navbar 4
   15.4 SmartMenus Navbar 5
   15.5 SmartMenus Navbar 6
   15.6 SmartMenus Navbar 7
   15.7 Software Header Button
16.0  SERVICE SECTION
   16.1 SERVICE SECTION 2
   16.2 SERVICE SECTION 3
   16.3 SERVICE SECTION 4
   16.4 SERVICE SECTION 5
17.0  Funfact SECTION 
18.0 TESTIMONIAL SECTION
    18.1 Testimonial Section 2
    18.2 Testimonial Section 3
    18.3 Testimonial Section 4
    18.4 Testimonial Section 5
19.0 Cta SECTION
20.0 Blog Section
  20.1 Blog Article
  20.2 BLOG post-content
  20.3 Blog Sidebar
  20.4 Blog Single 
21.0 Pagination
22.0 TEAM SECTION
  22.1 TEAM SECTION 2
  23.2 TEAM SECTION 3
  24.3 TEAM SECTION 4
23.0 SHOP AND PRODUCT SECTION
24.0  Callout Section
25.0  Sponsors Section
26.0  CONTACT DEATIL SECTION
  26.1 CONTACT PAGE 1
  26.2 CONTACT PAGE 2
  26.3 CONTACT PAGE 3
  26.4 CONTACT PAGE 4
27.0  FOOTER SECTION site info
28.0 Breadcrumb
29.0  ABOUT PAGE
30.0  PORTFOLIO PAGE
 30.1  Portfolio Gallery
31.0  Error 404 PAGE
32.0  footer Sidebar SECTION 
   32.1 Page Scroll Up
33.0 Sticky Menu Classes
34.0 Footer Layout

//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: #1d1d1d;
    font-family: "Raleway", "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: #1d1d1d;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-size: 2.250rem;
    /* 36px */
}

h2 {
    font-size: 1.875rem;
    /* 30px */
}

h3 {
    font-size: 1.500rem;
    /* 24px */
}

h4 {
    font-size: 1.250rem;
    /* 20px */
}

h5 {
    font-size: 1.000rem;
    /* 16px */
}

h6 {
    font-size: 0.875rem;
    /* 14px */
}

p {
    transition: 0.3s;
    margin: 0 0 1.6rem;
    padding: 0;
    font-size: 1rem;
    color: #666666;
    font-family: 'Raleway', 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;
}

.bg-default {
    background-color: #f7f7f7;
}

.bg-default-lite {
    background-color: #ffffff;
}

.entry-meta .tag-links a {
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    color: #727272;
    font-size: 0.875rem;
    display: inline-block;
    padding: 0.188rem 1.25rem;
    margin: 0 0.500rem 0.625rem 0;
}

.entry-meta .tag-links a:hover,
.entry-meta .tag-links a:focus {
    color: #ffffff;
}

.entry-meta>span {
    color: #727272;
    margin: 0px -0.313rem 0px 0px;
}

.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 2.5rem 0px 0;
    height: 12.5rem;
    width: 12.5rem;
}

.blog-author .post-by {
    color: #727272;
    font-size: 1rem;
    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;
    display: inline-block;
    margin: 2px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sidebar .wp-block-latest-comments__comment-meta,.site-footer .wp-block-latest-comments__comment-meta {
    background-color: #ffffff;
}

.has-media-on-the-right.is-stacked-on-mobile {
    margin-top: calc(2 * 1rem);
    margin-bottom: calc(2 * 1rem);
    left: calc( -12.5% - 4.688rem);
    max-width: calc( 125% + 9.375rem);
}

.post .entry-content {
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0 2px;
}

.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: #ffffff;
}

.alignwide,
.aligncenter {
    margin-bottom: 1.87rem;
}

.funfact-icon {
    color: #ffffff;
}

address {
    margin: 0 0 1.5em;
    color: #666666;
}

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

cite {
    font-style: italic !important;
}

#attachment_907 {
    width: 100% !important;
}

.alignnone img {
    display: block;
    height: auto;
    width: 99%;
}

img.alignleft,
.wp-caption.alignleft {
    margin-right: 1.875rem;
}

img.alignright,
.wp-caption.alignright {
    margin-left: 1.875rem;
    float: right;
}

img.wp-caption .alignnone {
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    clear: left;
    font-style: italic;
    line-height: 1.5em;
    margin: 0.75em 0;
    text-align: center;
}

.wp-caption.alignright {
    margin: 0.313rem 0 1.25rem 1.25rem;
}

.wp-caption p.wp-caption-text {
    font-size: 0.875rem;
    margin: 0.75rem 0;
    text-align: center;
    font-style: italic;
    line-height: 1.5em;
}

.wp-caption.alignleft {
    margin: 0.313rem 1.25rem 1.25rem 0;
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 0;
}

.gallery-item .gallery-caption,
.hc_service_column .gallery-item .gallery-caption {
    font-size: 0.875rem;
    margin: 0.75rem 0;
    text-align: center;
    font-style: italic;
    line-height: 1.5em;
}

a img.alignright {
    float: right;
}

a img.alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
    float: left;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 30rem) {
    img.alignleft {
        float: left;
        margin-right: 1.25rem;
    }
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.25rem;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

fieldset {
    margin-bottom: 1rem;
    border: 1px solid #e9e9e9;
    margin: 0 0.125rem;
    padding: 0.35rem 0.950rem 0.75rem;
}

fieldset p {
    margin: 0px 0 1.25rem;
}

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: #1d1d1d;
    background: transparent;
    border: 1px solid #d5d5d5;
    -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: #1d1d1d;
    outline: unset;
}

select {
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    height: 3em;
    max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 0.5em;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    font-weight: 400;
}

.form-submit input[type="submit"] {
    margin: 1.25rem 0;
}

button,
input[type="button"],
input[type="submit"] {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    padding: 1rem 2.188rem;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

input+button,
input+input[type="button"],
input+input[type="submit"] {
    padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
    background-color: #ffff;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #ffffff;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
    background-color: #ffff;
}


/* Placeholder text color */

::-webkit-input-placeholder {
    color: #1d1d1d;
}

:-moz-placeholder {
    color: #1d1d1d;
}

::-moz-placeholder {
    color: #1d1d1d;
}

:-ms-input-placeholder {
    color: #1d1d1d;
}


/* Placeholder comment form text color */

#searchbar_fullscreen.text-light ::-webkit-input-placeholder {
    color: #ffffff;
}

#searchbar_fullscreen.text-light :-moz-placeholder {
    color: #ffffff;
}

#searchbar_fullscreen.text-light ::-moz-placeholder {
    color: #ffffff;
}

#searchbar_fullscreen.text-light :-ms-input-placeholder {
    color: #ffffff;
}

#searchbar_fullscreen.text-light input[type="search"] {
    color: #ffffff;
}


/* Placeholder contact page text color */

.contact-info::-webkit-input-placeholder {
    color: #1d1d1d;
}

.contact-info:-moz-placeholder {
    color: #1d1d1d;
}

.contact-info::-moz-placeholder {
    color: #1d1d1d;
}

.contact-info:-ms-input-placeholder {
    color: #1d1d1d;
}


/* Placeholder comment form text color */

.comment-form::-webkit-input-placeholder {
    color: #1d1d1d;
}

.comment-form:-moz-placeholder {
    color: #1d1d1d;
}

.comment-form::-moz-placeholder {
    color: #1d1d1d;
}

.comment-form:-ms-input-placeholder {
    color: #1d1d1d;
}


/* searchbar_fullscreen Placeholder text color */

.searchbar_fullscreen.light-color ::-webkit-input-placeholder {
    color: #ffffff;
}

.searchbar_fullscreen.light-color :-moz-placeholder {
    color: #ffffff;
}

.searchbar_fullscreen.light-color ::-moz-placeholder {
    color: #ffffff;
}

.searchbar_fullscreen.light-color :-ms-input-placeholder {
    color: #ffffff;
}

#searchbar_fullscreen.light-color input[type="search"] {
    color: #ffffff;
}


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

.btn-small {
    min-width: 8.5rem;
    font-size: 1rem;
    padding: 0.72rem 1.8rem;
}

.btn-ex-small {
    min-width: 9rem;
    font-size: 1.000rem;
    padding: 0.563rem 2.188rem;
}

.btn-small,
.btn-ex-small {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    letter-spacing: 0;
    border-radius: 0;
    transition: .3s;
    font-weight: 700;
}

.btn-default:focus,
.btn-light:focus,
.btn-border:focus {
    outline: thin dotted;
    box-shadow: unset;
}

.btn-default {
    color: #fefefe;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background: transparent;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btn-light {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #fefefe;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #ffffff;
    box-shadow: unset;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    color: #ffffff;
    box-shadow: unset;
}

.btn-default-dark {
    color: #fefefe;
}

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

.btn-border {
    background: #fefefe;
    color: #333333;
}

.btn-border:hover,
.btn-border:focus,
.btn-border:active {
    color: #fefefe;
}


/* Change Autocomplete styles in Chrome*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background: transparent;
    -webkit-text-fill-color: #1d1d1d;
    transition: background-color 5000s ease-in-out 0s;
}


/*--------------------------------------------------------------
4.0 Lists
--------------------------------------------------------------*/

ul,
ol {
    margin: 0 0 1.5em 1.125em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}


/*--------------------------------------------------------------
5.0 Tables
--------------------------------------------------------------*/

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    /*width: 100%;*/
    word-wrap: break-word;
}

thead th {
    border-bottom: 0.125rem solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}


/*--------------------------------------------------------------
6.0 Links
--------------------------------------------------------------*/

a {
    color: #1d1d1d;
    text-decoration: none !important;
    transition: 0.3s;
    cursor: pointer;
}


/*==================================================================================
7.0 HEADER CONTACT DETAILS
===================================================================================*/

.navbar-light h2 {
    margin: 0;
    padding-bottom: 0;
    font-size: 2.250rem;
}

.header-sidebar .bottom-header {
    background: #ffffff;
    padding: 1.75rem 0 2rem;
}

.header-sidebar .top-header {
    background: #1d1d1d;
    padding: 0.375rem 0;
}

.head-contact-info {
    padding: 0.438rem 0 0.438rem;
    margin: 0px;
    display: block;
}

.bottom-header .head-contact-info {
    padding: .3125rem 0;
}

.head-contact-info li {
    display: inline-block;
    margin: 0rem;
    color: #ffffff;
    font-size: 1rem;
    position: relative;
}

.header-sidebar .widget .head-contact-info li.phone::after {
    content: "|";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    right: 0;
    margin-left: 0.625rem;
    margin-right: 0.313rem;
}

.header-sidebar .widget li .fa-phone {
    padding-left: 0;
}

.head-contact-info h4 {
    margin: 0;
}

.head-contact-info i {
    padding-right: 0.625rem;
    padding-left: 0.063rem;
}

.head-contact-info li a {
    color: #fff;
}

@media (max-width: 991px) {
    .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) {
    .dropdown-menu {
        border: unset;
    }
    .navbar-collapse ul,
    .navbar-collapse ol {
        margin: 1.5em 0em 1.5em 1.125em;
    }
}

.footer-sidebar ul {
    list-style: none;
    margin: 0;
}

@media (max-width: 767px) {
    .header-sidebar {
        text-align: center;
    }
    .head-contact-info .contact-widget .media {
        display: block;
    }
    .head-contact-info .contact-widget {
        display: block;
        padding-right: 0;
    }
    .head-contact-info .contact-widget {
        margin: 0 0 0.625rem;
    }
    .header-sidebar .widget {
        text-align: center;
    }
}


/*===================================================================================
8.0 SOCIAL ICONS
/*===================================================================================*/

.login-info,
.custom-social-icons {
    margin: 0;
    padding: 0;
}

@media (min-width: 991px) {
    .header-sidebar .widget .custom-social-icons,
    .header-sidebar .widget .login-info {
        display: inline-block;
        padding-left: 1.188rem;
    }
    .header-sidebar .contact-widget {
        float: right;
        margin-bottom: 0;
    }
}

.widget .address-info i {
    padding-right: 0.625rem;
    padding-left: 0.063rem;
}

.login-info li>a {
    color: #fff;
}

.login-info li:first-child>a {
    border-right: 1px solid #ffffff;
    padding-right: 0.5rem;
}

.login-info li,
.custom-social-icons li {
    display: inline-block;
    padding: 0.438rem 0.1rem;
}

.custom-social-icons li>a:hover,
.custom-social-icons li>a:focus {
    color: #ffffff;
}

.custom-social-icons li>a:before {
    display: none;
}

.custom-social-icons li>a {
    font-size: 0.875rem;
    line-height: 2.3;
    transition: all 0.3s;
    display: inline-block;
    border-radius: 0;
    cursor: pointer;
    box-shadow: none;
    color: #ffffff;
    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-right: 0;
        margin-left: 0;
    }
}

.custom-social-icons li a i {
    padding: 0;
}

.widget em {
    font-style: normal;
    display: inline-block;
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    position: relative;
    padding: 0.413rem 0 0.313rem;
}

@media (min-width: 991px) {
    .widget em {
        float: right;
    }
}


/*===================================================================================
9.0 Search Box Style
===================================================================================*/


/* 1. Search bar Fullwidth - hidden search field */

#searchbar_fullwidth {
    display: none;
    float: none;
    width: 100%;
    height: 3.875rem;
    border-top: 1px solid #d8d8d8;
    padding-left: 9.375rem;
    padding-right: 9.375rem;
    z-index: 1;
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: -1px 0.1875rem 0.125rem rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 0.1875rem 0.125rem rgba(0, 0, 0, 0.3);
    box-shadow: -1px 0.1875rem 0.125rem 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: right;
    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;
    left: 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-left: 1.875rem;
    padding-right: 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%;
    left: 50%;
    right: auto;
    margin-top: 3.813rem;
    margin-left: -2.813rem;
    border-radius: 0.125rem;
    border: black;
    color: #ffffff;
    padding: 0.563rem 1.563rem;
    font-size: 1rem;
    font-weight: 400;
}

#searchbar_fullscreen .close {
    position: fixed;
    top: 0.938rem;
    right: 0.938rem;
    color: #fff;
    opacity: 1;
    padding: 0.625rem 1.063rem;
    font-size: 1.688rem;
}

#searchbar_fullscreen.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}


/*===================================================================================
/*  Search Box
/*===================================================================================*/

.nav-search {
    margin-right: 1.563rem;
    display: inline-block;
    line-height: 1rem;
    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: 2.45rem !important;
    left: auto !important;
    right: 0px;
    padding: 0px;
    width: 20.25rem !important;
    margin: 0px !important;
    background-color: #fff !important;
}

body.boxed .navbar .search-box-outer .dropdown-menu {
    right: -45px;
}

@media (max-width:991px) {
    .navbar .search-box-outer .dropdown-menu {
        position: absolute;
        left: 0 !important;
    }
    br {
        display: none;
    }
}

.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: 0.6rem 0 0.125rem 0;
}

.search-panel input[type="search"] {
    display: block;
    width: 100%;
    height: 2.5rem;
    line-height: 1.5rem;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 0.438rem 6.625rem 0.438rem 0.438rem;
    -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: 2.5rem;
    left: auto;
    right: 0.5rem;
    font-size: 1rem;
    top: 0.85rem;
    padding: 0.75rem 1.563rem;
}

.search-box-outer .dropdown-toggle::after {
    display: none;
}

.search-box-outer a {
    font-size: 1rem;
    font-weight: 400;
    font-family: Montserrat;
    color: #fff;
    padding: 0;
}

.search-box-outer a:hover,
.search-box-outer a:focus {
    color: #ffffff;
}

.search-box-outer a i {
    padding-right: 0.1875rem;
}

@media (min-width: 768px) and (max-width: 992px) {
    .search-box-outer .dropdown-menu {
        top: 2.188rem;
    }
}

.search-box-outer .sub-arrow {
    display: none !important;
}

/*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;
    }
}
@media (min-width: 1200px) {
body.boxed .custom.header-sticky {
   width: 1210px;
  }
}
@media (min-width: 1200px) {
  body.boxed .navbar4 .header-lt::before {
      width: 18vw;
  }
  body.boxed .custom.header-sticky, body.boxed .five.stickymenu, body.boxed .five.stickymenu1, body.boxed .six.stickymenu, body.boxed .six.stickymenu1, body.boxed .seven.stickymenu, body.boxed .seven.stickymenu1 {
      width: 1210px;
  }
}
/*===================================================================================
10.0 Woocommerce Header Cart
===================================================================================*/

.nav-search {
    margin-right: 0rem;
    display: inline-block;
    line-height: 1rem;
    position: relative;
    top: 0px;
    padding: 0 0.5rem 0 0;
}

.cart-header {
    position: relative;
    border-left: 1px dotted #ffffff;
    padding: 0 0 0 0.5rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.cart-header>a.cart-icon {
    -wekbit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.3;
    color: #ffffff;
    padding: 0;
}

.navbar .nav .nav-item .cart-header>a:focus {
    color: #21202e;
}

.cart-header>a.cart-total {
    background: #1d1d1d;
    font-size: 0.65rem;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    position: absolute;
    right: -1.3rem;
    top: -0.313rem;
    padding: 1px;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -wekbit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 991px) {
    .cart-header {
        margin-top: 0.938rem;
        margin-bottom: 0.938rem;
    }
}

.woocommerce img.custom-logo,
.woocommerce-page img.custom-logo {
    max-width: unset;
}


/*===================================================================================
11.0 Main Slider - Owl Carousel
===================================================================================*/

.spice-slider {
    position: relative;
}

.spice-slider .overlay,
.video-slider .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.spice-slider .owl-theme .owl-dots {
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    z-index: 1000;
}

#slider-carousel {
    margin: 0px;
}

#slider-carousel .item,.spice-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: 46.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;
}

.slider-caption {
    position: relative;
    display: table;
    height: 100%;
    z-index: 1;
}

.caption-content {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    /*text-align: center;*/
}

.caption-content .heading {
    margin-bottom: 0.71rem;
}

.slider-caption .title {
    font-size: 4.0625rem;
    line-height: 1.1;
    color: #fefefe;
    text-shadow: 0px 0.25rem 0.1875rem rgba(0, 0, 0, .4);
    margin: 0 0 0.7rem;
    font-family: 'Raleway', sans-serif;
    position: relative;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.spice-slider .active .slider-caption .title {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1000ms;
}

.spice-slider .btn-combo {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    display: inline-block;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.spice-slider .active .btn-combo {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 2000ms;
}

.slider-caption .inner-title {
    display: block;
    width: auto;
    color: #fff;
    position: relative;
    padding: 0;
}

.slider-caption .btn-combo i {
    padding-left: 0.5rem;
    font-size: 0.813rem;
}

.slider-caption .text-center .inner-title {
    margin: 0 auto;
}

.slider-caption .text-right .inner-title {
    margin-left: auto;
}

.slider-caption .btn-light {
    margin-right: 0.938rem;
}

.slider-caption .description {
    color: #ffffff;
    margin: 0 0 2.75rem;
    text-shadow: 0px 0.25rem 0.1875rem rgba(0, 0, 0, .4);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.spice-slider .active .slider-caption .description {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1500ms;
}

.slider-caption .heading span {
    font-size: 1rem;
    font-weight: 700;
    color: #fefefe;
    margin-bottom: 0.938rem;
    opacity: 0;
    letter-spacing: 1px;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.spice-slider .active .heading span {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.slider-caption .ptop-15 .btn-small {
    margin-left: 0.313rem;
    margin-right: 0.313rem;
}

@media only screen and (max-width: 767px) {
    .slider-caption .title {
        font-size: 2rem;
        margin: 0 0 1.000rem;
    }
    .slider-caption .inner-title {
        width: auto;
        padding: 0 0 0 0;
    }
    .slider-caption .ptop-15 {
        padding-top: 1.563rem;
    }
}


/*Slider Pointer*/

.pointer-scroll {
    background: #22a2c4;
    position: absolute;
    font-family: 'fontAwesome';
    content: '\f103';
    bottom: -2.063rem;
    left: 0;
    right: 0;
    border: 0.125rem 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(2.5rem);
        transform: translateY(2.5rem);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes intro {
    0% {
        opacity: 1;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0.625rem);
        transform: translateY(0.625rem);
    }
}

@keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0.625rem);
        transform: translateY(0.625rem);
    }
}


/*===================================================================================
12.0  OWL SLIDER NEXT - PREV BUTTONS
===================================================================================*/

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    display: inline-block;
    opacity: 0;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.2;
    padding: 0 !important;
    margin: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #fff;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.owl-carousel .owl-prev {
    left: 1.875rem;
}

.owl-carousel .owl-next {
    right: 1.875rem;
}

.owl-carousel:hover .owl-prev,
.owl-carousel:focus .owl-prev {
    left: 10rem;
    opacity: 1;
}

.owl-carousel:hover .owl-next,
.owl-carousel:focus .owl-next {
    right: 10rem;
    opacity: 1;
}

@media (max-width:768px) {
    .owl-carousel:hover .owl-prev,
    .owl-carousel:focus .owl-prev {
        left: 3rem;
    }
    .owl-carousel:hover .owl-next,
    .owl-carousel:focus .owl-next {
        right: 3rem;
    }
}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-prev:focus,
.owl-carousel .owl-next:hover,
.owl-carousel .owl-next:focus {
    color: #fff;
}

.section-space .owl-carousel:hover .owl-next,
.section-space .owl-carousel:focus .owl-next {
    right: 2rem;
}

.section-space .owl-carousel:hover .owl-prev,
.section-space .owl-carousel:focus .owl-prev {
    left: 2rem;
}

.section-space .owl-carousel .owl-prev,
.section-space .owl-carousel .owl-next {
    top: 30%;
}


/*===================================================================================
13.0  SECTION HEADER
===================================================================================*/

.section-header {
    padding: 0;
    position: relative;
    text-align: center;
    margin: 0 0 2.72rem;
}

.section-separator {
    position: relative;
    height: 0.1875rem;
    width: 15%;
    border-radius: 0;
    margin-bottom: 1.5rem;
}

.section-header .section-title {
    margin-bottom: 0.7rem;
    font-size: 2.25rem;
}

.section-header .section-subtitle {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 1.875rem 0.500rem 0;
    position: relative;
}

.section-header .section-subtitle:after {
    position: absolute;
    content: "";
    height: 3px;
    width: 35px;
    top: 13px;
    border-radius: 0;
    margin-left: 0.625rem;
}

.section-header .description {
    padding-top: 1rem;
}

hr.divider {
    border-top: none;
    width: 4.375rem;
    height: 0.125rem;
    margin: 0.938rem auto 1.313rem;
}

.right-header .navbar-brand {
    margin-left: 1rem !important;
}

@media (min-width: 768px) {
    .full-header .navbar-nav {
        float: right;
    }
}

@media (max-width: 768px) {
    /*Toggle Button*/
    .navbar-toggler:hover,
    .navbar-toggler:focus {
        background-color: transparent;
    }
    .navbar-toggler {
        border-color: rgba(0, 0, 0, .1);
        margin: 1.5rem 0;
    }
}


/*Right header*/

.header-rgt {
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.custom-logo-link-url {
    margin-right: 1rem;
}

.header-rgt .custom-logo-link-url,
.header-rgt .navbar-brand {
    float: right;
    margin-left: 1rem;
    margin-right: 0rem;
    padding: 0;
}

.custom-logo-link-url .site-title {
    margin: 0;
}

.header-rgt .navbar-toggler,
.content-center .navbar-toggler {
    margin-top: 0.938rem;
}

.navbar .header-rgt .search-box-outer .dropdown-menu {
    left: 0 !important;
    right: auto;
}


/*Center header*/

.content-center {
    text-align: center;
    width: 100%;
}

.auto {
    margin: 0 auto;
}

.content-center .navbar-brand {
    text-align: center;
    float: none;
}

@media (max-width: 768px) {
    .content-center .header-module {
        text-align: left;
    }
}


/*===================================================================================
14.0  MIXED CLASS
===================================================================================*/

.section-space {
    padding: 5.5rem 0 4.5rem;
    position: relative;
}

.services .btn-default-dark,
.blog .btn-default-dark {
    padding: 0.688rem 2.5rem;
    border-radius: 0.1875rem;
}

.blog img,
.shop img,
.portfolio img:not(.portfolio #loading-image) {
    width: 100%;
    height: auto;
}


/*===================================================================================
15.0  SmartMenus Navbar
/*===================================================================================*/
.navbar1 .header-module {
    display: inline-block;
}
.navbar1 .main-header-btn {
    color: #ffffff;
    background-color: #1d1d1d;
    border-color: #1d1d1d;
}

.navbar1 .main-header-btn:hover,
.navbar1 .main-header-btn:focus {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.navbar1 .navbar-nav .dropdown-item .menu-text:after {
    content: '';
    display: block;
    height: 0.125rem;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.navbar1 .navbar-nav .dropdown-item .menu-text:hover:after {
    width: 100%;
    /*background: #5ca2df;*/
    left: 0;
}

.navbar1 .header-module {
    /*width: 100px;*/
    text-align: right;
}

.navbar1.navbar .search-box-outer .dropdown-menu {
    top: 2.3rem !important;
}

@media(max-width: 991px) {
    .navbar1 .navbar-toggler {
        margin: 1.5rem auto;
    }
    .navbar1 .options-box {
        position: relative;
        float: left;
    }
    .navbar1 .header-module {
        width: 100px;
        text-align: left;
        margin-left: 15px;
        margin-bottom: 15px;
    }
    .navbar1.navbar .nav .main-header-button {
        margin-top: 15px;
    }
}


/*===================================================================================
15.1  SmartMenus Navbar 2
===================================================================================*/

.navbar2.navbar {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
    background-color: #ffffff;
}

.navbar2.navbar .nav .nav-item .nav-link {
    color: #1d1d1d;
}

.navbar2.navbar .nav .main-header-button {
    margin-top: 0.5rem;
}

.navbar2 .main-header-btn:hover,
.navbar2 .main-header-btn:focus {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
}

.navbar2 .cart-header {
    border-left: 1px dotted #1d1d1d;
}

.navbar2 .cart-header>a.cart-icon {
    color: #1d1d1d;
}

.navbar2 .search-box-outer a {
    color: #1d1d1d;
}

.navbar2.navbar ul li .search-box-outer a.text-dark,
.navbar2.navbar ul li .search-box-outer a.bg-light {
    color: #1d1d1d !important;
    background: transparent !important;
}

.navbar2 .navbar-brand {
    margin-right: 1.5rem;
}

@media (max-width: 991px) {
    .navbar2.navbar .nav .main-header-button {
        margin-top: 1.5rem;
    }
    .navbar2 .header-module {
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .navbar2 .header-module {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar2 .options-box {
        float: left;
    }
}


/*===================================================================================
15.2  SmartMenus Navbar 3
===================================================================================*/

.navbar.navbar3 {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
}

.navbar.navbar3 {
    background-color: transparent;
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
}

.navbar.navbar3 ul li a .menu-text:hover:after,
.navbar.navbar3 ul li a .menu-text:focus:after,
.navbar.laynavbar3out3 .nav li.active .nav-link .menu-text:after,
.navbar3 .navbar-nav .show .dropdown-menu>.active>.menu-text:after,
.navbar3 .navbar-nav .show .dropdown-menu>.active>.menu-text:focus {
    width: 100%;
    left: 0;
}

.navbar3 .dropdown-menu {
    background-color: rgb(0 0 0 / 70%);
}

.navbar3 .navbar-nav .dropdown-item {
    background-color: transparent;
    color: #ffffff;
}

.navbar3 .navbar-nav:not(.sm-collapsible) .sm-nowrap>li.show>.dropdown-item {
    color: #ffffff !important;
}

.navbar3 .navbar-nav a.bg-light,
.navbar3 .navbar-nav a.bg-light,
.navbar3 .navbar-nav a.bg-light:focus,
.navbar3 .navbar-nav a.bg-light:hover,
.navbar3 .navbar-nav button.bg-light:focus,
.navbar3 .navbar-nav button.bg-light:hover {
    background-color: transparent !important;
}

.navbar3 .logo-link-url .site-description {
    color: #ffffff;
}

@media (min-width: 992px) {
    .navbar3 .dropdown-menu {
        border: 1px solid rgba(255, 255, 255, .4);
    }
}

@media (max-width: 991px) {
    .navbar3 .options-box {
        float: left;
    }
    .navbar3 .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.8);
    }
    .navbar3 .header-module {
        margin-top: 10px;
        margin-bottom: 5px;
    }
}


/*.navbar3 .dropdown-item.active,
.navbar3 .dropdown-item:active, .navbar3 .dropdown-item:hover,.navbar3 .dropdown-item:focus,
.navbar3 .navbar-nav .dropdown-item:hover,.navbar3 .navbar-nav .dropdown-item:focus  {
    color: #ee0000;
}*/


/*.navbar3 a.text-dark:focus, .navbar3 a.text-dark:hover { color: #ee0000!important;}*/


/*===================================================================================
15.3  SmartMenus Navbar 4
/*===================================================================================*/

.layout4 {
    position: absolute;
    left: auto;
    top: 0;
    right: auto;
    width: 100%;
    z-index: 2;
}

.navbar4.navbar {
    background-color: transparent;
}

.layout4 .header-sidebar .bottom-header {
    background-color: transparent;
}

.layout4 .header-sidebar .top-header {
    background: transparent;
    border-bottom: 1px solid #ffffff;
}

.layout4 .navbar-nav:not(.sm-collapsible) .sm-nowrap>li.show>.dropdown-item {
    color: #ffffff !important;
}

.navbar4.navbar .dropdown-menu {
    border: 1px solid rgba(225, 225, 225, .6);
}

.layout4 .header-sidebar .bottom-header .head-contact-info .widget_icon i {
    padding-right: 0rem;
    padding-left: 0rem;
    cursor: pointer;
}

.layout4 .header-sidebar .bottom-header .contact-widget address {
    color: #ffffff;
}

.navbar4.navbar .nav .nav-item .nav-link {
    padding: 0.88rem 0rem;
}

.navbar4.navbar ul li a:after {
    content: '';
    display: block;
    height: 2px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.navbar4.navbar .nav .dropdown-item.active .menu-text:after {
    width: 100%;
    background: #131d3b;
    left: 0;
}

.layout4 .cart-header {
    border-left: 1px solid #ffffff;
}

.navbar4.navbar .dropdown-item {
    color: #131d3b;
}

.navbar4.navbar .navbar-nav .dropdown-menu {
    background-color: #f8f9fa;
}

.layout4 .options-box .btn-box {
    height: 2.75rem;
}

.layout4 .header-module {
    padding: 0.738rem 0rem;
}

.layout4 .options-box .grid-box {
    height: 2.75rem;
    line-height: 3.2rem;
}

.navbar4.navbar ul li.main-header-button a:after {
    content: none;
}

.navbar4.navbar .header-module {
    width: 100px;
    text-align: right;
}

.navbar4 .main-header-btn {
    color: #ffffff;
    background-color: #1d1d1d;
    border-color: #1d1d1d;
}

.layout4 .navbar-brand img {
    vertical-align: inherit;
}

.layout4 .logo-link-url {
    margin-right: 0;
    display: inline-block;
}

.layout4 .header-sidebar .bottom-header {
    padding: 0.625rem 0 0.625rem;
}

.layout4 .logo-link-url .site-description {
    color: #ffffff;
}

.navbar4.navbar .search-box-outer .dropdown-menu {
    top: 2.4rem !important;
}

@media only screen and (min-width: 1200px) {
    .navbar4.navbar ul.navbar-nav>li:not(:last-child)>a:before {
        display: none;
    }
}

@media (max-width: 991px) {
    .layout4 .cart-header {
        margin-top: 0.7rem;
        margin-bottom: 0.7rem;
    }
    .layout4 .header-module {
        padding: 0;
    }
    .layout4 .options-box {
        position: relative;
        float: none;
        margin-left: 15px;
    }
    .layout4 .options-box .grid-box {
        height: 0;
        line-height: 0;
        top: 10px;
    }
    .navbar4.navbar .header-module {
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
        width: auto;
        text-align: left;
    }
    .layout4 .navbar-toggler {
        margin: 10px auto;
    }
    .layout4 .logo-link-url {
        text-align: left;
        margin-left: 0.938rem;
    }
    .navbar4.navbar .nav .nav-item .nav-link {
        border-bottom: 1px solid #cbcbcb;
    }
    .navbar4.navbar .navbar-collapse {
        border-top: 1px solid #cbcbcb;
    }
}

@media (max-width: 768px) {
    .navbar4.navbar .dropdown-menu {
        border: 1px solid transparent;
    }
    .navbar4 .navbar-nav:not(.sm-collapsible) .sm-nowrap>li.show>.dropdown-item {
        color: #ffffff !important;
    }
    .navbar4.navbar .nav .dropdown-item.active .menu-text:after {
        width: 100%;
        background: #131d3b;
        left: 0;
    }
}

@media (max-width: 400px) {
    .layout4 .logo-link-url {
        text-align: center;
        margin-left: 0;
    }
}


/*.layout4 .navbar.navbar-light .navbar-collapse, .layout4 .navbar.navbar-light .options-box {
    background-color: #ee0000;
}*/


/*===================================================================================
15.4  SmartMenus Navbar 5
/*===================================================================================*/

.layout5.header-logo {
    padding: 10px 0;
}

.layout5 .header-module {
    display: inline-block;
    float: right;
    padding: 20px 0;
}

.layout5 .header {
    display: inline-block;
}

.layout5 .cart-header {
    display: inline-block;
}

.layout5 .search-box-outer a,
.layout5 .cart-header>a.cart-icon {
    color: #000000;
}

.layout5 .cart-header>a.cart-icon {
    border-left: 1px dotted #000;
    padding: 0 0 0 0.312rem;
}

.layout5 .nav-search {
    display: inline-block;
}

.layout5 .search-box-outer .dropdown-menu {
    top: 3.125rem !important;
    left: auto !important;
    right: 0;
    padding: 0px;
    width: 20.25rem !important;
    margin: 0px !important;
    background-color: #ffffff !important;
}

.layout5 .search-box-outer .dropdown-menu {
    transform: none !important;
    top: 30px !important;
    box-shadow: 0px 0px 5px 0px #00000040;
    left: auto !important;
    right: 0px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .layout5 .header-module {
        float: right;
        margin: 12px 0 0;
    }
}

@media (min-width: 768px) {
    .layout5 .header-lt {
        float: left;
    }
    .layout5 .custom-logo-link-url {
        position: relative;
        display: inline-block;
    }
    .layout5 .navbar-brand {
        float: left;
    }
}

@media (max-width: 767px) {
    .layout5.header-logo {
        text-align: center;
        padding: 20px 0;
    }
    .layout5 .custom-logo-link-url {
        margin-bottom: 1.25rem;
        margin-right: 0;
    }
    .layout5 .header-module {
        float: none;
        padding: 0;
    }
    .layout5 .header-lt {
        margin-bottom: 15px;
    }
    .layout5 .search-box-outer .dropdown-menu {
        top: 30px !important;
        left: -75px !important;
        right: auto;
        width: 19rem !important;
    }
    .layout5 .search-box-outer .dropdown-menu {
        right: -120px;
    }
    .layout5 .navbar-brand {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.navbar5 .navbar-toggler {
    margin: 15px auto;
}

.navbar5 .main-header-btn {
    color: #ffffff;
    background-color: #1d1d1d;
    border-color: #1d1d1d;
}


/*===================================================================================
15.5  SmartMenus Navbar 6
/*===================================================================================*/

.index6 .header-logo {
    text-align: center;
}

.index6 .contact-widget address {
    margin: 0 0 0.5em;
}

.index6.bottom-header {
    background: #ffffff;
    padding: 0.625rem 0 0.5rem;
}

.index6 .logo-link-url {
    margin-right: 0;
    display: inline-block;
    text-align: left;
    margin-left: 1.5rem;
}

.index6 .navbar-brand {
    margin: 0;
}

.index6 .navbar-brand img {
    vertical-align: inherit;
}

.navbar6.navbar {
    background-color: #333333;
}

.navbar6.navbar .navbar .nav .nav-item .nav-link {
    font-weight: 500;
}

.navbar6.navbar .nav .nav-item {
    margin-right: 0rem;
}

.navbar6.navbar ul li a .menu-text:after,
.navbar6.navbar .nav li.active .nav-link .menu-text:after,
.navbar6.navbar-nav .show .dropdown-menu>.active>.menu-text:after {
    content: none;
}

.navbar6 .header-module {
    width: 100px;
    text-align: right;
}

.navbar6 .main-header-btn:hover,
.navbar6 .main-header-btn:focus {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

@media (min-width: 992px) {
    .navbar6.navbar .nav .nav-item .nav-link {
        padding: 1rem 1.5rem;
    }
    .navbar6.navbar .nav .nav-item.active .nav-link:after {
        content: '';
        position: absolute;
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-left: .3em solid transparent;
        display: block;
        top: 0;
        color: #ffffff;
        left: 50%;
    }
}

@media (max-width: 991px) {
    .navbar6.navbar .nav .nav-item .nav-link {
        padding: 5px 15px;
    }
    .navbar6 .options-box {
        position: relative;
        float: left;
    }
    .navbar6.navbar .header-module {
        text-align: left;
        margin-left: 30px;
        margin-bottom: 10px;
    }
}

@media (max-width: 600px) {
    .index6 .logo-link-url {
        display: block;
        text-align: center;
        margin-left: 0;
    }
}


/*===================================================================================
15.6  SmartMenus Navbar 7
/*===================================================================================*/

.bottom-header3 .search-box-outer a {
    color: #1d1d1d;
}

.bottom-header3 .cart-header>a.cart-icon {
    color: #1d1d1d;
}

.bottom-header3 .cart-header {
    border-left: 1px dotted #1d1d1d;
}

@media (max-width: 768px) {
    .bottom-header3 .options-box {
        float: none;
        text-align: center;
    }
}


/*===================================================================================
15.7  Software Header Button
/*===================================================================================*/

.main-header-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2.7;
    padding: 1.1rem 2.3rem 1.12rem;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.3s;
    transition: 0.3s;
    border: 1px solid #1d1d1d;
}

.main-header-btn:hover,
.main-header-btn:focus {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.navbar .nav .main-header-button {
    margin-top: 7px;
}

@media (max-width: 991px) {
    .navbar .nav .main-header-button {
        margin-top: 15px;
        text-align: left;
    }
    .navbar .header-module {
        text-align: left;
    }
}


/*===================================================================================
16.0  SERVICE SECTION
===================================================================================*/

.services .card {
    position: relative;
    z-index: 1;
    margin-bottom: 1.875rem;
    border: none;
}

.services .card-body {
    position: relative;
    padding: 3.125rem 2rem 3.3125rem;
    background-color: #ffffff;
    -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;
    box-shadow: 3px 3px 15px rgba(218, 218, 218, 0.41);
}

.services .card-body:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.services .card-body:hover::before {
    width: 100%;
}

.services .service-icon i.fa {
    font-size: 4.5rem;
    position: relative;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services .service-icon {
    margin: 0 0 1.688rem;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    position: relative;
}

.services h4 {
    margin: 0 0 1.5rem;
}

.services h4 a,.services h4 {
    margin: 0 0 1.313rem;
    color: #1d1d1d;
    position: relative;
}

.services .description {
    position: relative;
    font-size: 1rem;
    margin: 0 0 1.313rem;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services .btn-small {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    padding: 0;
    text-align: left;
    font-size: 0.75rem;
    font-weight: bold;
}

.services .btn-small i {
    color: #1d1d1d;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    font-weight: bold
}

.services .card:hover .service-icon i.fa,
.services .card:focus .service-icon i.fa,
.services .card:hover .entry-title,
.services .card:hover .description,
.services .card:focus .entry-title,
.services .card:focus .description {
    color: #ffffff
}

.services .card:hover .section-separator,
.services .card:focus .section-separator {
    background: #ffffff;
}

.services .card .service-big-icon {
    position: absolute;
    left: 10px;
    bottom: 10px;
    line-height: 1em;
    line-height: 1em;
    font-size: 6.875rem;
    opacity: 0.03;
    -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;
    -webkit-background-clip: text;
}

.services .card:hover .service-big-icon,
.services .card:focus .service-big-icon {
    color: #ffffff;
    -webkit-text-fill-color: inherit;
}

.services .col-md-4:nth-child(3n+1) {
    clear: left;
}

.services .service-icon img {
    width: 73px;
    height: auto;
}
.services .service-big-icon img {
    width: 73px;
    height: auto;
}

.services .post img {
    width: 80px;
    height: auto;
    border-radius: 5px;
}

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

@media (min-width:1100px){
.container-fluid.streached
{
padding: 0;
}}
.container-fluid.streached .grid
{
    margin-right: -15px;
    margin-left: -15px;
}
/*===================================================================================
16.1 SERVICE SECTION 2
===================================================================================*/

.services .post {
    margin-bottom: 1.875rem;
    padding: 1.67rem;
    border-radius: 0px;
    transition: 0.3s;
}

.services .post:hover,
.services .post:focus {
    -webkit-transform: translateY(-0.438rem);
    -ms-transform: translateY(-0.438rem);
    transform: translateY(-0.438rem);
    -webkit-box-shadow: 3px 3px 15px rgba(218, 218, 218, 0.41);
    box-shadow: 3px 3px 15px rgba(218, 218, 218, 0.41);
}

.services .post-thumbnail i.fa {
    border-radius: 7%;
    width: 5rem;
    height: 5rem;
    font-size: 1.875rem;
    line-height: 1.095;
    padding: 1.438rem;
    color: #ffffff;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.services .entry-content p {
    padding-bottom: 0rem;
}

.services .entry-header {
    display: block;
    margin: 0 0 0.75rem;
    padding: 0;
}

.services .post:hover .post-thumbnail i.fa,
.services .post:focus .post-thumbnail i.fa {
    background-color: #ffffff;
}

.services .post:hover .entry-header .entry-title a,
.services .post:focus .entry-header .entry-title a,
.services .post:hover .entry-content p,
.services .post:focus .entry-content p {
    color: #ffffff;
}


/*===================================================================================
16.2 SERVICE SECTION 3
===================================================================================*/

.services3 .post {
    margin: 0;
    padding: 0 1.25rem 2.438rem;
    transition: 0.3s;
}

.services3 .post-thumbnail {
    position: relative;
    text-align: center;
    margin: 0 auto 1.550rem;
}

.services3 .post-thumbnail img {
    border-radius: 0.125rem;
}

.services3 .post-thumbnail i.fa {
    border-radius: 50%;
    color: #fff;
    width: 5rem;
    height: 5rem;
    font-size: 2.25rem;
    line-height: 1.8;
    padding: 0.313rem;
    border: 0.25rem solid #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.services3 .post:hover .post-thumbnail i.fa,
.services3 .post:focus .post-thumbnail i.fa {
    background: #f5f6fa;
    border: 0.25rem solid #fff;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}

.services3 .post-thumbnail img {
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.services3 .post:hover .post-thumbnail img {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}


/*===================================================================================
16.3 SERVICE SECTION 4
===================================================================================*/

.services4 .post {
    margin-bottom: 1.875rem;
    padding: 1rem 1.125rem 1rem 4.25rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    position: relative;
}

.services4 .post:hover,
.services4 .post:focus {
    -webkit-box-shadow: 5px 6px 10px -4px rgb(218 218 218 / 41%);
    -moz-box-shadow: 5px 6px 10px -4px rgb(218 218 218 / 41%);
    box-shadow: 5px 6px 10px -4px rgb(218 218 218 / 41%);
}


/* .services4 .post:hover,
.services4 .post:focus {
    -webkit-box-shadow: 3px 3px 15px rgb(218 218 218 / 41%);
    -moz-box-shadow: 3px 3px 15px rgb(218 218 218 / 41%);
    box-shadow: 3px 3px 15px rgb(218 218 218 / 41%);
} */

.services4 .post-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    padding: 1rem 0;
}

.services4 .post-thumbnail i.fa {
    font-size: 2.5rem;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.services4 .post:hover .post-thumbnail i.fa,
.services4 .post:focus .post-thumbnail i.fa {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

.services4.service_wrapper .entry-header {
    margin: 0 0 0.938rem;
}

.services4 .post img {
    width: 60px;
    height: auto;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

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


/*===================================================================================
16.4 SERVICE SECTION 5
===================================================================================*/

.services5 .post {
    margin-bottom: 2rem;
    padding: 2.438rem 2.25rem;
    background-color: #ffffff;
    transition: 0.25s;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    border-radius: 15px;
}

.services5 .post-thumbnail {
    position: relative;
    text-align: center;
    margin: 0 auto 1.550rem;
}

.services5 .post-thumbnail img {
    border-radius: 3px;
    width: 80px;
    height: auto;
}

.services5 .post-thumbnail i.fa {
    border-radius: 50%;
    color: #fff;
    width: 5rem;
    height: 5rem;
    font-size: 2.25rem;
    line-height: 1.9;
    padding: 0.313rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.services5 .entry-header .entry-title a:hover,
.services5 .post:hover .entry-content p {
    color: #fff !important;
}

.services5 .post:hover .entry-header .entry-title a {
    color: #fff;
}

.services5 .post:hover .post-thumbnail i.fa {
    background: #f5f6fa;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.services5 .post:hover {
    color: #fff;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}


/*===================================================================================
17.0 Funfact SECTION 
===================================================================================*/

.funfact {
    background-image: url(../images/bg/cta.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    width: 100%;
    background-size: cover;
    padding: 0;
    text-align: center;
}

.funfact .overlay {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    padding: 2rem 0.938rem;
   /* background-color: rgba(0, 0, 0, 0.8);*/
}

.funfact-title {
    position: relative;
    color: #ffffff;
    font-size: 3.125rem;
    font-weight: 600;
    font-family: poppins;
}

.funfact-inner .description {
    position: relative;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.funfact-inner {
    position: relative;
    margin: 0 auto 1.875rem;
    text-align: center;
    padding: 3.4rem 2.5rem 4.3rem;
    overflow: hidden;
    border-radius: 1.875rem 0px 1.875rem 0px;
    background-color: #1e1e1e;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.funfact-inner:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.funfact-inner:hover::before,
.funfact-inner:focus::before {
    width: 100%;
}

.funfact-inner .funfact-title::after {
    content: "+";
}

.funfact p {
    margin-bottom: 2.75rem;
}

.funfact .title {
    font-size: 2.25rem;
    margin-bottom: 1.75rem;
    line-height: 46px;
}

@media (min-width:768px) {
    .funfact-block {
        padding: 0 5rem
    }
    .funfact .overlay {
        padding: 5.56rem 6.25rem 4.375rem;
    }
}

@media (max-width:767px) {
    .funfact .overlay {
        padding: 5.5rem 0 4.375rem;
    }
}


/*===================================================================================
18.0 TESTIMONIAL SECTION
===================================================================================*/

.testimonial {
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.testimonial-1.testimonial::before {
    background: url('assets/images/pattern/testi.png') no-repeat;
    /*opacity: 0.3;*/
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial-1 .testimonial-block {
    background-color: transparent;
    position: relative;
    margin: 0 0 1.875rem;
    padding: 2rem 0.938rem 0rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: center;
}

.testimonial-1 .avatar {
    flex: 0 0 11.563rem;
    position: relative;
    height: 11.563rem;
    width: 11.563rem;
    margin-bottom: 1.25rem;
    border-radius: 0.5rem;
}
.testimonial-1.slideitem-3 .avatar,
.testimonial-1.shortitem-3 .avatar {
    flex: 0 0 7.563rem;
}

.testimonial-1 .testimonial-block .entry-content:before {
    content: '\f10e ';
    font-family: 'FontAwesome';
    font-size: 4.875rem;
    line-height: normal;
    position: absolute;
    opacity: 1;
    bottom: 3.815rem;
    right: 17.375rem;
    margin: 0;
    z-index: 100;
}
  .testimonial-1.slideitem-2 .testimonial-block .entry-content:before,
  .testimonial-1.shortitem-2 .testimonial-block .entry-content:before {
    right: 2.375rem;
}
.testimonial-1.slideitem-3 .testimonial-block .entry-content:before,
.testimonial-1.shortitem-3 .testimonial-block .entry-content:before {
    right: 1.375rem;
} 
.testimonial-1 .testimonial-block .entry-content {
    background: #ffffff;
    box-shadow: 0px 10px 20px rgba(198, 198, 198, 0.41);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4.375rem 7.5rem 5rem;
    margin: auto 0 0.625rem -2.5rem;
}
.testimonial-1.slideitem-3 .testimonial-block .entry-content,
.testimonial-1.shortitem-3 .testimonial-block .entry-content {
    padding: 4.375rem 3.9rem 5rem;
}
.testimonial:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    /*background-color: rgba(255, 255, 255, 0.85);*/
}

.testimonial .testimonial-block p,.testimonial .testimonial-block p a{
    font-size: 1rem;
    padding-bottom: 0;
    padding-top: 3.9rem;
    font-style: italic;
}

.testimonial .testimonial-block .name {
    font-weight: 600;
    padding-bottom: 0rem;
    display: inline-block;
}
.testimonial-1.slideitem-3 img ,
.testimonial-1.shortitem-3 img {
    width: 89.6%;
    height: auto;
    margin-left: 30px;
}
.testimonial img {
    width: 100%;
    height: auto;
}

.shortitem.grid.testimonial-1 .testimonial-block {
    padding: 2rem 0 0rem;
}

.grid.testimonial-1 .testimonial-block {
    margin-bottom: 1.875rem;
}


/*Testimonial common classes*/

.testimonial.testimonial-1 .testimonial-block .avatar {
    margin: 0;
    width: 9.4rem;
    height: 11.4rem;
}
.testimonial.testimonial-1.slideitem-3 .testimonial-block .avatar,
.testimonial.testimonial-1.shortitem-3 .testimonial-block .avatar {
    margin: 0;
    width: 9.4rem;
    height: 6.4rem;
}
.testimonial-1 .avatar img {
    margin: 0.125rem;
    border-radius: 0.5rem;
    position: absolute;   
    top: -2rem;
    left: 2rem;
}
.testimonial.testimonial-1 .testimonial-block .name {
    font-size: 1.25rem;
    font-weight: 500;
    font-style: normal !important;
    margin: 0px 0 -0.188rem;
    display: block;
}

.testimonial.testimonial-1 .testimonial-block .designation {
    font-size: 1.000rem;
    padding-top: 0.313rem;
}

.testimonial.testimonial-1 .rating {
    margin: 0.625rem 0px;
    text-align: center;
}

.testimonial.testimonial-1 .owl-theme .owl-dots {
    margin: 0 0 1.3125rem;
}

@media (max-width:600px) {
    .testimonial-1 .testimonial-block {
        display: block;
    }
    .testimonial-1 .testimonial-block .entry-content {
        padding-bottom: 0;
    }
    .testimonial-1 .avatar {
        margin-right: 5rem;
    }
    .testimonial-1 .testimonial-block .entry-content {
        padding: 3.375rem 3.5rem;
        margin-left: 0;
    }
    .testimonial-block .entry-content:before {
        bottom: 1.25rem;
        right: 4.375rem;
    }
}

@media (min-width:992px) {
    .shortitem.testimonial-1 .testimonial-block {
        display: block;
        padding: 2rem 0.938rem 0rem;
    }
    .testimonial.testimonial-1.shortitem .testimonial-block .avatar {
        margin-right: 5rem;
        width: 9.4rem;
        height: 9.2rem;
    }
    .shortitem.testimonial-1 .testimonial-block .entry-content {
        padding: 1.875rem;
        margin-left: 0;
    }
    .shortitem.testimonial-1 .testimonial-block .entry-content {
        padding-bottom: 0;
    }
    .shortitem .testimonial-block .entry-content:before {
        bottom: 0;
        right: 2.375rem;
    }
    .shortitem.testimonial .testimonial-block p {
        font-size: 1rem;
        padding-bottom: 30px;
        padding-top: 20px;
    }
}


/*===================================================================================
18.1 Testimonial Section 2
===================================================================================*/

.testimonial-2 .avatar {
    display: inline-block;
    width: 150px;
    height: auto;
    padding-right: 20px;
    float: left;
    margin-bottom: 5px;
}

.testimonial-2 .testimonial-block {
    box-shadow: 0.375rem 0.375rem 0.438rem rgba(255, 255, 255, 0.01);
    padding: 1.875rem 1.875rem 1.5rem 1.875rem;
    margin: 0 0.938rem 1.875rem 0.938rem;
    overflow: hidden;
    position: relative;
    background-color: transparent;
}

.testimonial-2.grid .testimonial-block {
    margin: 0 0 1.875rem 0;
}

.testimonial-2 .section-subtitle,
.testimonial-2 .section-title {
    color: #ffffff;
}

.testimonial-2 .testimonial-block .designation {
    font-size: 1rem;
}

.testimonial-2 .testimonial-block .name {
    font-size: 1.25rem;
    padding-top: 1.5rem;
    display: block;
}

.testimonial-2:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: rgba(1, 7, 12, 0.8);
}

.testimonial.testimonial-2 {
    background: url(../images/img.jpg);
    position: relative;
}

.testimonial-2 .testimonial-block:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-left: 1.563rem solid transparent;
    border-right: 1.563rem solid transparent;
    transform: rotate(-45deg);
    transform-origin: 80% -30% 0;
}

.testimonial-2 .testimonial-block .name {
    font-style: normal !important;
}

.testimonial-2 .testimonial-block .entry-content::before {
    content: '\f10d';
    font-family: FontAwesome;
    font-size: 6.875rem;
    line-height: normal;
    opacity: 0.15;
    z-index: -1;
    position: absolute;
    color: #ffffff;
    right: auto;
    bottom: auto;
}

.testimonial-2 .testimonial-block .entry-content {
    margin: 0px 0 0.25rem;
}

.testimonial-2 .name,
.testimonial-2 .designation,
.testimonial-2 .entry-content p {
    color: #ffffff;
}

.testimonial-2 .entry-content p {
    color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width:768px) {
    .testimonial-2 .testimonial-block {
        padding: 0.938rem;
        margin: 0 0.938rem 0.938rem;
    }
    .testimonial-2 .avatar {
        position: relative;
    }
    .testimonial-2 .avatar {
        left: 0px;
    }
    .testimonial-2 .testimonial-block .avatar {
        margin: 0 0px 1.75rem;
    }
    .testimonial-2 .testimonial-block::after {
        top: 16.288rem;
    }
    .testimonial-2 .testimonial-block::after {
        top: 5.938rem;
    }
}


/*============================================================================
18.2 Testimonial Section 3
/*===================================================================================*/

.testimonial-3 .avatar {
    position: relative;
    width: 9.4rem;
    height: 9.2rem;
    display: block;
}

.testimonial-3 .testimonial-block .designation {
    font-size: 1rem;
    padding-bottom: 1.5rem;
}

.testimonial-3 .testimonial-block .name {
    font-size: 1.25rem;
}

.testimonial-3 .testimonial-block {
    padding: 0 1rem 1.25rem 1rem;
    text-align: center;
    background-color: transparent;
}

.testimonial-3 .testimonial-block .avatar img {
    box-shadow: #727272 0px 0.5rem 1.563rem -0.3125rem;
}

.testimonial-3 .testimonial-block .entry-content::before {
    content: '\f10d';
    font-family: FontAwesome;
    font-size: 6.875rem;
    line-height: normal;
    opacity: 0.15;
    z-index: -1;
    position: absolute;
    color: #ffffff;
}

.testimonial-3 .testimonial-block .entry-content::before {
    opacity: 1;
    left: 0;
    font-size: 1rem;
    line-height: unset;
    color: #ffffff;
}

.testimonial-block .name,
.testimonial-block .designation {
    margin: 0;
}

.testimonial-3:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: rgba(1, 7, 12, 0.8);
}

.testimonial-3 .section-subtitle,
.testimonial-3 .section-title {
    color: #ffffff;
}

.testimonial.testimonial-3 {
    background: url(../images/img.jpg);
    position: relative;
}

.testimonial-3 .avatar {
    margin: 0px auto 1.75rem;
}

.testimonial-3 .testimonial-block:hover,
.testimonial-3 .testimonial-block:focus {
    box-shadow: unset;
}

.testimonial.testimonial-3 .owl-theme .owl-dots {
    margin: 0 0 1.25rem;
}

.testimonial-3 .name,
.testimonial-3 .designation,
.testimonial-3 .entry-content p {
    color: #fff;
}

.testimonial-3 .entry-content p {
    padding-bottom: 0;
    padding-top: 0;
}

.testimonial-3 blockquote {
    border-left: transparent;
    margin: 0;
}

.testimonial-3.grid .testimonial-block {
    padding: 0 0rem 1.875rem 0rem;
}

@media (max-width:768px) {
    .testimonial-3 .testimonial-block {
        padding: 0.938rem;
        margin: 0 0.938rem 0.938rem;
    }
    .testimonial-3 .testimonial-block .avatar {
        margin: 0 auto 1.75rem;
    }
    .testimonial-3 .testimonial-block::after {
        top: 16.288rem;
    }
}

@media (max-width:576px) {
    .testimonial-3 .testimonial-block .entry-content::before {
        left: 10px;
        bottom: auto;
        right: auto;
    }
}

@media (min-width:1200px) {
    .testimonial-3 .testimonial-block .entry-content::before {
        left: 10px;
        bottom: auto;
        right: auto;
    }
}


/*===================================================================================
18.3 Testimonial Section 4
/*===================================================================================*/

.avatar {
    margin: 0px 0.875rem -0.5rem auto;
    display: inline-block;
    width: 4.563rem;
    height: 5.563rem;
}

.testimonial figcaption {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.testimonial-4 .section-subtitle,
.testimonial-4 .section-title {
    color: #ffffff;
}

.testimonial-4 .testimonial-block .entry-content::before {
    top: 3.75rem;
    font-size: 3.875rem;
    right: auto;
}

.testimonial-4 .testimonial-block {
    padding: 0 1rem 3.125rem 0.625rem;
    text-align: center;
    box-shadow: 0px 0.375rem 0.375rem 0px rgba(255, 255, 255, 0.1);
    margin: 0 0.938rem 1.875rem;
    background-color: transparent;
}

.testimonial-4:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: rgba(1, 7, 12, 0.8);
}

.testimonial.testimonial-4 {
    background: url(../images/img.jpg);
    position: relative;
}

.testimonial-4 .name {
    font-size: 1.25rem;
    font-weight: 600;
    font-style: normal !important;
    margin: 0;
    display: block;
}

.testimonial-4 .designation {
    font-size: 1.000rem;
    padding: 0px;
    margin: 0;
    font-weight: 300;
}

.testimonial-4 .name,
.testimonial-4 .designation,
.testimonial-4 .entry-content p {
    color: #fff;
    padding-top: 0;
}

.testimonial-4 blockquote {
    border-left: transparent;
}

.testimonial-4 .testimonial-block .entry-content::before {
    content: '\f10d';
    font-family: FontAwesome;
    line-height: normal;
    opacity: 0.15;
    z-index: 0;
    position: absolute;
    color: #ffffff;
}


/*===================================================================================
18.4 Testimonial Section 5
/*===================================================================================*/

.testimonial5 .testimonial-block .avatar {
    width: 100%;
    height: auto;
}

.testimonial5 .testimonial-block .avatar img {
    border-radius: 15px 0px 0px 15px;
}

.testimonial5 .testimonial-block h4 {
    float: right;
    text-align: right;
}

.testimonial5 .testimonial-block .entry-content:before {
    content: none;
}

@media (min-width: 768px) {
    .testimonial5 .testimonial-block {
        display: flex;
        padding: 0;
        margin-bottom: 1.5rem;
    }
    .testimonial5 .testimonial-block .testimonial-text {
        align-self: center;
    }
}

@media (max-width: 767px) {
    .testimonial5 .testimonial-block .avatar {
        margin: 0 auto 15px;
    }
    .testimonial5 .testimonial-block .avatar img {
        border: 0px;
        border-radius: 0;
    }
}


/*===================================================================================
/* 19.0 Cta SECTION
/*===================================================================================*/

.cta {
    background-image: url(../images/bg/funfact-1.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    width: 100%;
    background-size: cover;
    padding: 0;
}

.cta .overlay {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    padding: 5rem 2rem 5rem;
   /* background-color: rgba(0, 0, 0, 0.75);*/
}

.cta-inner {
    cursor: pointer;
    padding: 0rem 0rem 0.625rem 3rem;
    border-left: 1px solid #ffffff;
    margin-bottom: 1rem;
}

.cta .section-header .section-subtitle,
.cta .section-header .section-title {
    color: #ffffff;
}

.cta .section-header p:after {
    background: #ffffff;
}

.cta .section-header {
    margin: 0 0 2.375rem;
}

@media (min-width: 768px) {
    .cta .cta-block {
        padding: 0 12rem;
    }
    .cta .overlay {
        padding: 6rem 6.25rem 4.8125rem;
    }
}


/*Slider Lightbox CSS*/

.lightbox-cta {
    background-color: rgba(0, 0, 0, 0.8);
    overflow: scroll;
    position: fixed;
    display: none;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 10000;
}

.lightbox-container {
    position: relative;
    max-width: 60rem;
    margin: 7% auto;
    display: block;
    padding: 0 3%;
    height: auto;
    z-index: 10;
}

@media screen and (max-width: 768px) {
    .lightbox-container {
        margin-top: 10%;
    }
}

@media screen and (max-width: 414px) {
    .lightbox-container {
        margin-top: 13%;
    }
}

.lightbox-content {
    box-shadow: 0 1px 0.375rem rgba(0, 0, 0, 0.7);
}

.lightbox-close {
    text-transform: uppercase;
    background: transparent;
    position: absolute;
    font-weight: 300;
    font-size: 0.75rem;
    display: block;
    border: none;
    color: white;
    top: 0%;
    right: 4%;
    z-index: 1;
    padding: 0.8rem;
}

.lightbox-close:hover,
.lightbox-close:focus {
    background: none;
}

.video-container {
    padding-bottom: 56.25%;
    position: relative;
    padding-top: 1.875rem;
    overflow: hidden;
    height: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

#cta-video {
    text-transform: uppercase;
    font-weight: 300;
    padding: 1.25rem 1.563rem;
    display: inline-block;
    font-size: 0.875rem;
    margin: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.video-btn a:after {
    position: relative;
    top: 25%;
    left: 25%;
    margin: 0px 0 0 0px;
    width: 0;
    height: 0;
    border-top: 0.938rem solid transparent;
    border-bottom: 0.938rem solid transparent;
    content: '';
    display: block;
}

.video-btn {
    margin-bottom: 1rem;
}


/*--------------------------------------------------------------
20.0 Blog Section
   20.1 Blog Article
--------------------------------------------------------------*/

.blog .post {
    background: #fff;
    position: relative;
    transition: all 0.3s;
    margin-bottom: 1.875rem;
    border-radius: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-box-shadow: 3px 3px 10px 0px rgb(198 198 198 / 41%);
    -moz-box-shadow: 3px 3px 10px 0px rgb(198 198 198 / 41%);
}

.blog .post .post-thumbnail,
.blog.switcher .post-thumbnail {
    position: relative;
    overflow: hidden;
    margin: 0;
    text-align: center;
    background-color: #000;
    z-index: 1;
    border-radius: 0;
}

.blog.switcher .post-thumbnail {
    margin-bottom: 1.25rem;
}

.blog .list-view .post-thumbnail {
    width: 22.25rem;
    height: auto;
    float: left;
}

.blog .list-view .post {
    margin-bottom: 2rem;
}

.blog .post-thumbnail img {
    -webkit-transition: all 0.30s linear;
    transition: all 0.30s linear;
}

.blog-btn {
    margin-top: 1.313rem;
}

.blog .blog-btn .btn-small {
    min-width: 8.5rem;
    font-size: 1rem;
    padding: 0.688rem 1.75rem;
    color: #ffffff;
}

.blog .blog-btn .btn-small i {
    color: #ffffff;
}

body.home .blog .item {
    margin-right: 8px;
    margin-left: 7px;
}

.blog .post:hover,
.blog .post:focus {
    -webkit-box-shadow: 0px 0px 10px 0px rgb(118 118 118 / 30%);
    -moz-box-shadow: 0px 0px 10px 0px rgb(118 118 118 / 30%);
}

.blog .post:hover .post-thumbnail img,
.blog .post:focus .post-thumbnail img,
.blog.switcher .post-thumbnail:hover img {
    zoom: 1;
    filter: alpha(opacity=20);
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
}

.post .click-view,
.post-thumbnail .click-view {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog .post:hover a,
.blog .post:focus a,
.blog .post-thumbnail:hover a,
.blog .post-thumbnail:focus 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.blog-masonry .click-view a,
.bg-default .post .click-view a,
.blog.switcher .post-thumbnail .click-view a {
    font-size: 2.25rem;
}

.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(1.25rem);
    -moz-transform: translateY(1.25rem);
    -o-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
}

.blog .owl-theme .owl-dots {
    margin: 0.625rem 0rem 1.3125rem;
}

@media (max-width: 767px) {
    .bottom-line {
        border-bottom: 1px solid #eceff3;
        margin-bottom: 20px;
    }
}

/*===================================================================================*/
/* 35.0 PRE LOADERS 
/*===================================================================================*/
@media (min-width: 1200px){
body.boxed div#preloader1 {
    width: 1210px;
}}
/* Loader 1 css */
div#preloader1 {
    margin: auto;
   position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999999;
    display: flex;
    align-content: center;
    justify-content: center;
}

.wphester-preloader-cube {
    top: 40%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    position: absolute;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

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

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


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

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

.wphester-preloader-cube .wphester-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 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%;
}

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

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

.wphester-preloader-cube .wphester-cube3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

@keyframes hp-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}

/*===================================================================================*/
/* 35.1 PRE LOADERS 2
/*===================================================================================*/
#preloader2{
    margin: auto;
    position: fixed;
    z-index: 9999999;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
#preloader2 .square{
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 4px;
  animation-fill-mode: both;
    animation: motion 2.5s infinite cubic-bezier(0.89, 0.03, 0.06, 1.5);
}
.loader-2{
    position: fixed;
    top: 48%;
    left: 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;
    left: 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){ left: 40px; }
#preloader2 .path > div:nth-child(2){ left: 80px; }
#preloader2 .path > div:nth-child(3){ left: 120px; }
#preloader2 .path > div:nth-child(4){ left: 160px; }
#preloader2 .path > div:nth-child(5){ left: 200px; }
#preloader2 .path > div:nth-child(6){ left: 240px; }
#preloader2 .path > div:nth-child(7){ left: 280px; }
@keyframes motion{
    50%{ transform: rotate(90deg); }
    100%{ transform: rotate(180deg); }
}
@keyframes dynamic{
    0%{ transform: translateX(-40px); }
    25%{ transform: translateX(-80px); }
    50%{ transform: translateX(-120px); }
    75%{ transform: translateX(-160px); }
    100%{ transform: translateX(-200px); }
}
/* End Of Loader 2 css */


/*===================================================================================*/
/* 35.2 PRE LOADERS 3
/*===================================================================================*/
#preloader3{
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    z-index: 1000;
}
    .loader{
    width: 15em;
    height: 15em;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    animation: hypnosis 5s infinite linear;
    top: 30%;
}
.loader div{
    font-size: 1.5em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    transform-origin: 5em 5em;

    position: relative;
}
.loader div span,
.loader div span:before,
.loader div span:after {
    border-top: .3em solid white;
    border-radius: 50%;
    position: absolute;
    left: .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 .3em 0 0;
    right: .1em;
    top: -.2em;
}
.loader div span:after{
    width: 6.5em;
    height: 6.5em;
    border: 0 solid white;
    border-width: 0 0 .3em 0;
    right: .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;
    left: 0;
}
.loader div:nth-child(3),
.loader div:nth-child(4){
    animation: hypnosis 4s linear infinite reverse;
}
.loader div:nth-child(2){ transform: rotate(90deg); }
.loader div:nth-child(3){ animation-delay: -2s; }
.loader div:nth-child(4){ animation-delay: -4s; }
.loader div:nth-child(2) span,
.loader div:nth-child(2) span:before,
.loader div:nth-child(2) span:after{
    border-color: skyblue;
    animation-delay: 2.5s;
}
.loader div:nth-child(3) span,
.loader div:nth-child(3) span:before,
.loader div:nth-child(3) span:after{
    border-color: crimson;
    animation-delay: 2s;
}
.loader div:nth-child(4) span,
.loader div:nth-child(4) span:before,
.loader div:nth-child(4) span:after{
    border-color: gold;
    animation-delay: .5s;
}
@keyframes hypnosis{
    100%{ transform: rotate(360deg); }
}
@keyframes color{
    10%{ border-color: #845EC2; }
    20%{ border-color: #FEF950; }
    30%{ border-color: #FF6F91; }
    40%{ border-color: #17A554; }
    50%{ border-color: #33A896; }
    60%{ border-color: #2247A9; }
    70%{ border-color: #E8353C; }
    80%{ border-color: #F3F3CC; }
    90%{ border-color: #4FFBDF; }
}
/* End Of Loader One css */

/*===================================================================================*/
/* 35.3 PRE LOADERS 4
/*===================================================================================*/
#preloader4{
width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    z-index: 1000;
}
.loader-4 
{ 
left: 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;
right: 0;
animation-name: loading-1;
animation-iteration-count: infinite;
animation-direction: normal;
animation-duration: 2s;

}

.loader-4 .loader-inner-1
{
top: 0;
left: 0;
transform: rotate(70deg);
}

.loader-4 .loader-inner-1:before
{
 background: #FCE6CF;
}

.loader-4 .loader-inner-2
{
top: 0;
right: 0;
transform: rotate(160deg);
}

.loader-4 .loader-inner-2:before
{
 background: #1E3C72;
}

.loader-4 .loader-inner-3
{
bottom: 0;
right: 0;
transform: rotate(-110deg);
}

.loader-4 .loader-inner-3:before
{
 background: #ffcf0e;
}

.loader-4 .loader-inner-4
{
bottom: 0;
left: 0;
transform: rotate(-20deg);
}

.loader-4 .loader-inner-4:before
{
 background: #ff2350;
}
@keyframes loading-1 
{
  0% 
  {
    width: 20px;
    right: 0;
  }
  
  30% 
  {
    width: 120px;
    right: -100px;
  }

  60% 
  {
    width: 20px;
    right: -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: right;
padding-right: 50px;
}
.menu_list li{
display: inline-block;
text-transform: uppercase;
list-style: none;
letter-spacing: 2px;
padding-left: 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%;
left: 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-right: 20px;
}
.header_content button a{
text-transform: uppercase;
text-decoration: none;
color: white;
letter-spacing: 1px;
}
.header_content button:hover{
background-color: orange;
border:1px solid white;
}
/* End Of Loader Four css */

/*===================================================================================*/
/* 35.4 PRE LOADERS 5
/*===================================================================================*/
#preloader5{
   width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 1000;
}

.loader-5
{
    position: absolute;
    top: 45%;
    left: 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;
    left: -24px;
    top: -24px;
    animation-delay: 0.5s;
}
.loader-5 span:nth-child(2)
{
    background: #00deea;
    left: 0px;
    top: -24px;
    animation-delay: 1s;
}
.loader-5 span:nth-child(4)
{
    background: #00485f;
    left: -24px;
    top: 0px;
    animation-delay: 1.5s;
}
.loader-5 span:nth-child(3)
{
    background: #00deea;
    left: 0px;
    top: 0px;
    animation-delay: 2s;
}

@keyframes animates
{
    
    0%
    {
        transform: rotateY(0deg);    
    }
    20%
    {
        transform: rotateY(360deg);
    }
    40%
    {
        transform: rotateX(180deg);
    }
    60%
    {
        transform: rotateX(0deg);
    }
    80%
    {
        transform: rotateX(360deg);
    }
    100%
    {
        transform: rotateY(180deg);
    }
}
/* End Of Loader Five css */

/*===================================================================================*/
/* 35.5 PRE LOADERS 6
/*===================================================================================*/
#preloader6{
   width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    z-index: 1000;
}
.loader-6{
    width: 180px;
    height: 40px;
    position: relative;
    margin: 50px auto 0;
    top:40%;
}
.loader-6 .inner_loader{
    background: #db2651;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    animation: move-ball 1s infinite linear;
}
.loader-6 .inner_loader:nth-child(2){
    background: #1da1f2;
    animation-delay: -0.2s;
}
.loader-6 .inner_loader:nth-child(3){
    background: #1ba506;
    animation-delay: -0.4s;
}
.loader-6 .inner_loader:nth-child(4){
    background: #ec5f20;
    animation-delay: -0.6s;
}
.loader-6 .inner_loader:nth-child(5){
    background: #742cc0;
    animation-delay: -0.8s;
}
@keyframes move-ball{
    0%{
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1.1);
        transform: translatey(0) scale(1);
    }
    25%{
        box-shadow: 0px 38.5px 25px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1);
        transform: translatey(-17.5px) scale(0.75);
    }
    50%{
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(0.8);
        transform: translatey(0px) scale(0.5);
    }
    75%{
        box-shadow: 0px 3.5px 5px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1);
        transform: translatey(17.5px) scale(0.75);
    }
    100%{
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1.1);
        transform: translatey(0) scale(1);
    }
}
/* End Of Loader Six css */

@media (min-width: 1200px){
body.boxed div#preloader { width: 1210px; }}
.main_header_btn{position: relative;display: inline-block;margin-right: 30px;margin-left: 30px; padding: 0.96rem 1rem 0.9rem;}


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

.post-content {
    padding: 1.25rem 1.5rem;
}

.entry-date {
    height: 2rem;
    padding: 0.313rem 1.25rem;
    border-radius: 0.2rem;
    line-height: normal;
    position: absolute;
    z-index: 1;
    top: 1.25rem;
    left: 1.25rem;
}

.post-thumbnail .entry-date {
    left: 2.1875rem;
}

.entry-date span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    padding-right: 0.1875rem;
}

.post-content .remove-image {
    margin-bottom: 1.25rem;
    margin-top: 0;
    position: relative;
    top: 0.1rem;
    width: 12rem;
    left: auto;
}

.remove-image span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    padding-right: 0.1875rem;
}

/*.blog .list-view .entry-date {
    left: 0;
    margin-left: 1rem;
}*/

.entry-meta span:after {
    font-family: FontAwesome;
    content: '\f111';
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 0.313rem;
    vertical-align: middle;
}

.entry-meta span:last-child::after {
    display: none;
}

.entry-header h4 {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.entry-content p {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.entry-meta {
    margin-bottom: 1.1rem;
}

.entry-meta a {
    display: inline-block;
}

.entry-content p a {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #727272;
    font-weight: bold;
}

.blog .btn-small {
    transition: 0.3s;
    color: #1d1d1d;
    padding: 0;
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    margin: 2px;
}

.blog .btn-small i {
    padding-left: 0.5rem;
    font-size: 0.875rem;
    font-weight: bold;
    transition: 0.3s;
}

.entry-meta i {
    padding-right: 0.5rem;
    transition: 0.3s;
    font-size: 0.875rem;
}

.entry-meta span {
    font-size: 0.875rem;
    color: #666666;
    transition: 0.3s;
}

.entry-meta a:last-child span {
    padding-right: 0px;
}

@media (max-width: 768px) {
    .blog .list-view .post-thumbnail {
        width: 100%;
        float: none;
    }
    .blog .list-view .media {
        display: block;
    }
    .blog .list-view .entry-date {
        margin-top: 0.5rem;
        top: 0;
        left: unset;
    }
}


/*--------------------------------------------------------------
20.3 Blog Sidebar
--------------------------------------------------------------*/

.sidebar .widget .custom-social-icons li>a:hover,
.sidebar .widget .custom-social-icons li>a:focus {
    color: #fff;
}

.sidebar .widget .custom-social-icons li>a:hover i,
.sidebar .widget .custom-social-icons li>a:focus i {
    color: #fff;
}

.sidebar .head-contact-info li,
.sidebar .widget em {
    color: #666666;
}

.sidebar .custom-social-icons,
.sidebar .head-contact-info {
    padding: 0;
}

.sidebar .widget em,
.footer-sidebar .widget em {
    padding: 0;
    margin: 0px;
    float: none;
}

.sidebar .widget em {
    padding: 2rem 0 0rem;
}

.sidebar .widget address i,
.footer-sidebar .widget address i {
    padding-right: 0.625rem;
    padding-left: 0.063rem;
}

.sidebar table,
.sidebar address {
    margin: 0;
}

.sidebar .right-sidebar {
    padding-left: 1.25rem;
}

.sidebar .left-sidebar {
    padding-right: 1.25rem;
}

@media only screen and (max-width: 768px) {
    .sidebar .right-sidebar {
        padding-left: 0px;
    }
    .sidebar .left-sidebar {
        padding-right: 0px;
    }
    .portfolio .sidebar .left-sidebar {
        padding-right: 0px;
        margin-bottom: 4.125rem;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar {
        margin-top: 2.4rem;
    }
}

.sidebar .widget,
.site-footer .widget {
    color: #666666;
    padding: 0px 1.25rem 2.5rem;
    margin-bottom: 3.125rem;
}

.site-footer .head-contact-info li {
    display: block;
}

.sidebar .widget ul li a {
    color: #666666;
}

.sidebar .widget {
    padding: 1.375rem 0.938rem 1.875rem;
    margin-bottom: 1.875rem;
    border: 1px solid #d5d5d5;
}

.sidebar .widget .widget-title {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0;
    z-index: 1;
    padding-bottom: 18px;
    margin-bottom: 1.5625rem;
    border-bottom: 1px solid #d5d5d5;
    position: relative;
}

.sidebar .widget .widget-title::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 40px;
    height: 3px;
   /* background: #5ca2df;*/
    z-index: 2;
}

.sidebar .widget .widget-title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 57px;
    height: 3px;
    background: #f7f7f7;
    z-index: 1;
}

.widget .input-group .form-control,
.widget .search-field {
    font-size: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.widget .search-submit,
.widget .search-field [type=submit] {
    color: #ffffff;
    z-index: 1;
    display: block;
    padding: 0.688rem 1rem;
    border-radius: 0;
    margin-left: 0.5rem;
}

.sidebar .woocommerce-widget-layered-nav li:first-child,
.sidebar .widget_recent_reviews li:first-child,
.sidebar .widget_top_rated_products li:first-child,
.sidebar .widget_products li:first-child,
.sidebar .widget_nav_menu li:first-child,
.sidebar .widget_pages li:first-child,
.sidebar .widget_product_categories li:first-child,
.sidebar .widget_links li:first-child,
.sidebar .widget_categories li:first-child,
.sidebar .widget_archive li:first-child,
.sidebar .widget_recent_entries li:first-child,
.sidebar .widget_meta li:first-child,
.sidebar .widget_recent_comments li:first-child,
.sidebar .product_list_widget li:first-child,
.sidebar .woocommerce .cart_list li:first-child,
.sidebar .widget.widget_block li:first-child {
    position: relative;
    margin-top: 0;
    padding-top: 0;
}
.sidebar .section-separator{display: none;}
.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-left: 0;
    padding-top: 0;
    margin: 0;
}

.sidebar .woocommerce-widget-layered-nav li:before,
.sidebar .widget_top_rated_products li:before,
.sidebar .widget_products li:before,
.sidebar .widget_nav_menu li:before,
.sidebar .widget_pages li:before,
.sidebar .widget_product_categories li:before,
.sidebar .widget_links li:before,
.sidebar .wp-block-categories li:before,
.sidebar .wp-block-archives li:before,
.sidebar .wp-block-latest-posts li:before,
.sidebar .widget_meta li:before,
.sidebar .widget.widget_block li:not(.blocks-gallery-item,.wp-social-link):before,
.sidebar li.wp-block-latest-comments__comment:before,
.site-footer .widget.widget_block li:not(.blocks-gallery-item,.wp-social-link,.wc-block-grid__products li):before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    right: auto;
    left: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: none;
}

 .wp-block-latest-comments__comment  { padding-left: 1.5rem;}
.sidebar .widget_recent_comments li .comment-author-link,
.sidebar .widget_recent_comments li a.url {
    color: #000;
    font-weight: 500;
}

.sidebar .woocommerce-widget-layered-nav li,
.sidebar .widget_recent_reviews li,
.sidebar .widget_top_rated_products li,
.sidebar .widget_products li,
.sidebar .widget_nav_menu li,
.sidebar .widget_pages li,
.sidebar .widget_product_categories li,
.sidebar .widget_categories li,
.sidebar .widget_archive li,
.sidebar .widget_recent_entries li,
.sidebar .widget_meta li,
.sidebar .widget_recent_comments li,
.sidebar .widget.widget_block li:not(.sidebar li.wp-social-link.wp-block-social-link) {
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
    margin: 0;
    position: relative;
    padding-left: 1.5rem;
}

.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 .widget .tagcloud a {
    font-size: 1rem !important;
    display: inline-block;
    padding: 0.413rem 0.925rem;
    color: #727272;
    margin: 0 0.125rem 0.625rem;
    border: 1px solid #e8e8e8;
}

.site-footer .widget .tagcloud a {
    font-size: 1rem !important;
    display: inline-block;
    padding: 0.413rem 0.925rem;
    color: #ffffff;
    margin: 0 0.125rem 0.625rem;
    border: 1px solid #e8e8e8;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus {
    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: 3.75rem !important;
    float: left;
    margin: 0 10px 0 0;
    padding-left: 0px;
}

.widget select {
    margin: 0px 0px;
    width: 100%;
    padding: 0.375rem 0.75rem;
    height: 2.813rem;
    border-radius: 0.125rem;
    font-size: 0.875rem;
    border: 1px solid #e9e9e9;
    letter-spacing: 1px;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666666;
    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.625rem 0 0;
    overflow: hidden;
    float: left;
    display: block;
    width: 4.5rem;
    height: 4.75rem;
    border-radius: 0;
    background-color: unset;
}

.sidebar .widget .post.media:first-child,
.widget .gallery {
    position: relative;
    margin-top: 0;
}

.sidebar .widget .calendar_wrap {
    position: relative;
    margin-top: 0;
}

.widget .post .post-thumbnail .img-fluid {
    width: 4.5rem;
    height: 4.5rem;
}

.widget .post:hover,
.widget .post:focus {
    box-shadow: unset;
}

.widget .post .entry-date {
    color: #666666;
    font-size: 0.812rem;
    margin-right: 0.5rem;
    font-weight: 400;
    height: 0;
    width: 0;
    background: unset;
    border-radius: 0;
    line-height: normal;
    position: relative;
    top: 0;
    margin-top: 0;
    padding: 0;
    right: 0;
    left: 0;
}

.site-footer .widget .post .entry-date {
    color: #d2d2d2;
}

.widget .entry-title {
    margin: 0;
}

.widget .post:last-child {
    margin-bottom: 0;
}

.widget .post:hover img,
.widget .post:focus img {
    opacity: unset;
    transform: unset;
    -webkit-transform: unset;
}

.sidebar .tab-content {
    margin-top: 0;
    padding-top: 0;
}

.search-field:focus {
    background-color: #ffffff;
}

.site-footer .woocommerce-widget-layered-nav li,
.site-footer .widget_nav_menu .sub-menu li {
    padding-left: 1.25rem;
}

.sidebar .widget_block .widget {
    padding: 0;
    margin-bottom: 0;
    border: none;
}


/*===============================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,.sidebar .blocks-gallery-item {
    display: inline-block;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: calc((100% - 1rem * 1) / 2) !important;
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
    margin-right: 0 !important;
}

.gallery-columns-3 .gallery-item {
    max-width: calc((100% - 1rem * 2) / 3) !important;
}

.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
    margin-right: 0 !important;
}

.gallery-columns-4 .gallery-item {
    max-width: calc((100% - 1rem * 3) / 4) !important;
}

.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
    margin-right: 0 !important;
}

.gallery-columns-5 .gallery-item {
    max-width: calc((100% - 1rem * 4) / 5) !important;
}

.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
    margin-right: 0 !important;
}

.gallery-columns-6 .gallery-item {
    max-width: calc((100% - 1rem * 5) / 6) !important;
}

.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
    margin-right: 0 !important;
}

.gallery-columns-7 .gallery-item {
    max-width: calc((100% - 1rem * 6) / 7) !important;
}

.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
    margin-right: 0 !important;
}

.gallery-columns-8 .gallery-item {
    max-width: calc((100% - 1rem * 7) / 8) !important;
}

.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
    margin-right: 0 !important;
}

.gallery-columns-9 .gallery-item {
    max-width: calc((100% - 1rem * 8) / 9) !important;
}

.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
    margin-right: 0 !important;
}

.gallery-item:last-of-type {
    padding-right: 0;
}

.gallery-caption {
    display: block;
    font-size: 0.71111em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Raleway", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
}

.gallery-item>div>a {
    display: block;
    line-height: 1.5;
}

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


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


/* Related Post */

.related-post {
    margin: 6rem 0 5rem;
}

.related-post .post-thumbnail {
    margin: 0;
    overflow: hidden;
    float: left;
    display: block;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 0;
}

.related-post .post-thumbnail img {
    width: 7.5rem;
    height: 7.5rem;
}

.related-post .single-post .post-content {
    padding: 1.25rem 1.25rem 1rem;
    width: 73%;
}

.related-post .single-post {
    background-color: #fff;
}

.related-post .entry-title a {
    color: #fff;
    font-size: 1rem;
}

.related-post .next {
    text-align: right;
}

.related-post .title {
    margin-bottom: 10px;
}

.related-post .single-post .fa {
    transition: 0.3s;
}

.related-post .next .fa {
    margin-left: 0.625rem;
}

.related-post .previous .fa {
    margin-right: 0.625rem;
}

@media (max-width: 768px) {
    .related-post .next {
        text-align: left;
    }
}


/* comment form */

.comment-form .comment-reply-title {
    padding-bottom: 0.938rem;
}

.comment-form .button-holder input {
    margin-top: 1.563rem;
    margin-bottom: 1.25rem
}

.comment-form .blog-form-group:after {
    font-family: 'FontAwesome';
    right: 1.875rem;
    margin-top: -2.375rem;
    position: absolute;
}

/*.comment-form .blog-form-group-textarea:after {
    font-family: 'FontAwesome';
    color: #ee591f;
    right: 0.938rem !important;
    top: 0.625rem !important;
    position: absolute;
    margin-top: 0px !important;
}*/

.comment-form input::placeholder,
.comment-form textarea::placeholder {
    color: #666666;
    font-size: 0.875rem;
}

.comment-form .blog-form-group-textarea:after {
    font-family: 'FontAwesome';
    right: 1.875rem;
    margin-top: -7.1875rem;
    position: absolute;
}

@media (max-width: 768px) {
    .comment-form .blog-form-group-textarea:after {
        margin-top: -5.313rem;
    }
}

.site-info ul li:first-child {
    margin-left: 0px;
}

.footer-sidebar .widget_text p {
    padding-top: 0.25rem;
}

.footer-sidebar .widget_text.site-info p {
    margin-bottom: 1rem;
}

.footer-sidebar .widget_text.site-info .description {
    margin-bottom: 2rem;
    color: #fff;
}

.footer-sidebar .widget_text.site-info address i {
    font-size: 1rem;
    padding-right: 1rem;
}

.footer-sidebar .widget_text.site-info a:hover,
.footer-sidebar .widget_text.site-info a:focus {
    font-weight: 400;
}


/*--------------------------------------------------------------
21.0 Pagination
--------------------------------------------------------------*/

.blog .center,
.shop .center,
.portfolio .center {
    text-align: center;
}

.pagination {
    display: inline-block;
    margin: 1rem 0 1.5rem;
}

.pagination a {
    background: #e2e2e2;
    border: 1px solid #e2e2e2;
    color: #15171a;
    cursor: pointer;
    display: inline-block;
    line-height: 1.5;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    font-size: 1.125rem;
    border-radius: 50px;
    margin: 0 0.125rem 0.625rem;
    padding: 0.625rem;
    vertical-align: baseline;
    white-space: nowrap;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
}

.pagination a.next,
.pagination a.previous {
    background: #e2e2e2;
    border: 1px solid #e2e2e2;
    color: #15171a;
}

.pagination a.active {
    position: relative;
    color: #ffffff;
}

.page-numbers.current {
   /* background: #5ca2df;
    border: 1px solid #5ca2df;*/
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.5;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    font-size: 1.125rem;
    border-radius: 50px;
    margin: 0 0.125rem 0.625rem;
    padding: 0.625rem;
    vertical-align: baseline;
    white-space: nowrap;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
}

.pagination a:hover::before,
.pagination a:focus::before {
    width: 100%;
}

.pagination a:hover,
.pagination a:focus,
.pagination a.next:focus,
.pagination a.next:hover,
.pagination a.previous:focus,
.pagination a.previous:hover {
    color: #ffffff;
}

.pagination a:hover i.fa,
.pagination a:focus i.fa {
    color: #ffffff;
}

.pagination a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: -1;
}

.pagination a.next i:hover,
.pagination a.previous i:hover,
.pagination a:hover i,
.pagination a:focus i{
  color: #fff;
}

.woocommerce-pagination {
    text-align: center;
    margin-top: 30px;
}

.woocommerce-pagination ul {
    margin: 0;
}

.woocommerce-pagination ul li {
    display: inline-block;
}
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{
    border: none;
}
.woocommerce .woocommerce-pagination ul li a.page-numbers,.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #e2e2e2;
    border: 1px solid #e2e2e2;
    color: #15171a;
    cursor: pointer;
    display: inline-block;
    line-height: 1.5;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    font-size: 1.125rem;
    border-radius: 50px;
    margin: 0 0.125rem 0.625rem;
    padding: 0.625rem;
    vertical-align: baseline;
    white-space: nowrap;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
}

.woocommerce-pagination ul li a.page-numbers:hover,
.woocommerce-pagination ul li a.page-numbers:focus {
    color: #ffffff;
   /* border-color: #5ca2df;
    background-color: #5ca2df;*/
}


/*===================================================================================
/* 22.0 TEAM SECTION
/*===================================================================================*/

.team .team-grid {
    position: relative;
    overflow: hidden;
}

.team .team-grid:hover .card-body,
.team .team-grid:focus .card-body {
    margin-top: -2.5rem;
    box-shadow: 3px 3px 15px rgb(218 218 218 / 41%);
}

.team .team-grid .card-body {
    margin-bottom: 1.875rem;
    padding: 1.25rem 0.9375rem 0.9375rem;
    background: #ffffff;
    margin-top: -1.875rem;
    z-index: 2;
    margin-right: 2.5rem;
    margin-left: 2.5rem;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
    position: relative;
}

.team .img-holder {
    position: relative;
}

.team .team-grid .card-body p {
    font-size: 0.875rem;
}

.team .team-grid .social-share {
    right: -2.875rem;
    position: absolute;
    top: 0.625rem;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.team .team-grid:hover .social-share,
.team .team-grid:focus .social-share {
    right: 0.625rem;
}

.social-share:hover .slideouticons .icon-wrapper,
.social-share:focus .slideouticons .icon-wrapper {
    visibility: visible;
}

.social-share:hover .slideouticons .icon-wrapper ul li,
.social-share:focus .slideouticons .icon-wrapper ul li {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 4;
}

.social-share:hover .slideouticons .icon-wrapper,
.social-share:focus .slideouticons .icon-wrapper {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.slideouticons {
    position: relative;
    -webkit-perspective: 1000 -1.5rem;
    perspective: 1000 -1.5rem;
    z-index: 9;
}

.slideouticons input {
    display: none;
}

.slideouticons label.mainlabel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 1.25rem;
    width: 2.79rem;
    height: 2.75rem;
    text-align: center;
    color: white;
    outline: none;
    z-index: 1000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.team .team-grid .list-inline-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    text-align: center;
    font-size: 1.25rem;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 0px 0.5rem 0.125rem rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 0.5rem 0.125rem rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 0.5rem 0.125rem rgba(0, 0, 0, 0.05);
}

.team .team-grid .list-inline-item a:hover {
    color: white;
}

.team .team-grid .list-inline-item:not(:last-child) {
    margin-right: 0;
}

.slideouticons .icon-wrapper {
    position: absolute;
    margin: 0;
    top: 29px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.slideouticons .icon-wrapper ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: -1;
}

.slideouticons .icon-wrapper ul li {
    margin-bottom: 1px;
    position: relative;
    opacity: 0;
    width: 2.815rem;
    height: 2.815rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.slideouticons .icon-wrapper ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #142c4b;
    text-decoration: none;
    text-align: center;
    font-size: 1rem;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 0px 0.5rem 0.125rem rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 0.5rem 0.125rem rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 0.5rem 0.125rem rgba(0, 0, 0, 0.05);
}

.slideouticons .icon-wrapper ul li a:hover,
.slideouticons .icon-wrapper ul li a:focus {
    color: white;
}

.slideouticons input:checked~label.mainlabel {
    background: #ffffff;
}

.slideouticons input:checked~.icon-wrapper {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.slideouticons input:checked~.icon-wrapper ul li {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(360deg);
    transform: translateY(0) rotate(360deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.social-share:hover .slideouticons .icon-wrapper ul li:nth-of-type(1),
.social-share:focus .slideouticons .icon-wrapper ul li:nth-of-type(1) {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    z-index: 4;
}

.social-share:hover .slideouticons .icon-wrapper ul li:nth-of-type(2),
.social-share:focus .slideouticons .icon-wrapper ul li:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: 3;
}

.social-share:hover .slideouticons .icon-wrapper ul li:nth-of-type(3),
.social-share:focus .slideouticons .icon-wrapper ul li:nth-of-type(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    z-index: 2;
}

.social-share:hover .slideouticons .icon-wrapper ul li:nth-of-type(4),
.social-share:focus .slideouticons .icon-wrapper ul li:nth-of-type(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    z-index: 1;
}


/*Team common classes*/

.team.team-common .team-grid .card-body .list-inline {
    visibility: unset;
    position: relative;
    opacity: 1;
}

.team.team-common .team-grid .card-body {
    padding-bottom: 0rem;
}

.team.team-common .team-grid:hover .card-body .list-inline,
.team.team-common .team-grid:focus .card-body .list-inline {
    border-bottom: unset;
    padding-bottom: 0;
}

.team .owl-theme .owl-dots {
    margin: 0.625rem 0rem 1.3125rem;
}

.team img {
    width: 100%;
    height: auto;
}


/*===================================================================================
/* 22.1 TEAM SECTION 2
/*===================================================================================*/

.team2 .team-grid {
    margin: 0.125rem 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 0.125rem 0.313rem rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0.125rem 0.313rem rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0.125rem 0.313rem rgba(0, 0, 0, 0.20);
}

.team2 .overlay {
    position: relative;
    overflow: hidden;
}

.team2 .overlay::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    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;
}

.team2 .team-grid .list-inline .list-inline-item {
    margin-right: 0rem;
}

.team2 .list-inline li a {
    color: #777777;
    display: block;
    font-size: 1rem;
    -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;
}

.team2 .list-inline {
    background: #ffffff;
    display: inline-block;
    position: absolute;
    top: 0.625rem;
    left: 0;
    padding: 0.5rem 1.25rem;
    border-radius: 18.75rem;
    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;
}

.team2 .team-grid:hover .overlay::before,
.team2 .team-grid:focus .overlay::before {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.team2 .team-grid:hover .list-inline,
.team2 .team-grid:focus .list-inline {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: .2s;
}

.team2 .team-grid .card-body p {
    color: #666666;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.team2 .owl-theme .owl-dots {
    margin: 0.625rem 0rem 1.3125rem;
}

.team2 img {
    width: 100%;
    height: auto;
}


/*===================================================================================
/* 22.2 TEAM SECTION 3
/*===================================================================================*/

.team3 .team-grid .card-body .list-inline li>a {
    color: #777777;
    font-size: 1rem;
}

.team3 .team-grid .card-body .list-inline li>a:hover,
.team3 .team-grid .card-body .list-inline li>a:focus {
    background-color: unset;
}

.team3 .team-grid .card-body p {
    color: #666666;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

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

.team3 .team-grid .img-holder::before {
    position: unset;
}

.team3 .team-grid:hover .img-holder img,
.team3 .team-grid:focus .img-holder img {
    transform: scale3d(0.9, 0.9, 1);
}

.team3 .owl-theme .owl-dots {
    margin: 0.625rem 0rem 1.3125rem;
}


/*===================================================================================
/* 22.3 TEAM SECTION 4
/*===================================================================================*/

.team4 .team-grid .card-body p {
    color: #666666;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.team4 .team-grid .img-holder img {
    max-width: 100%;
    border-radius: 50%;
    color: #fff;
    width: 12rem;
    height: 12rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.team4 .team-grid .card-body .list-inline li>a {
    color: #777777;
    font-size: 1rem;
}

.team4 .team-grid .card-body .list-inline li>a:hover,
.team4 .team-grid .card-body .list-inline li>a:focus {
    background-color: unset;
}

.team4 .team-grid .position {
    color: #777777;
}

.team4 .team-grid {
    margin: 1px;
    padding-bottom: 0.75rem;
    padding-top: 2.25rem;
    background-color: #ffffff;
    margin-bottom: 1.875rem;
    box-shadow: 0px 0px 0.938rem rgba(0, 0, 0, 0.1);
}

.team4 .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 3.25rem;
}

.team4 .team-grid .img-holder::before {
    position: unset;
}

.team4 .team-grid:hover .img-holder img,
.team4 .team-grid:focus .img-holder img {
    transform: scale3d(0.9, 0.9, 1);
}


/*===================================================================================
23.0 SHOP AND PRODUCT SECTION
===================================================================================*/

.shop .container {
    overflow: hidden;
}

.shop .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.products {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0.313rem;
    transition: 0.3s;
    position: relative;
}

.shop p.stars a {
    color: #ffcc03;
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
}

.shop p.stars {
    float: right;
    margin-bottom: 0.5rem;
}

.shop p.stars a::before {
    display: block;
    font-size: 1.125rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: "FontAwesome";
    content: "\f005";
    text-indent: 0;
}

.woocommerce-result-count {
    color: #1d1d1d;
}

.section-module.blog.woocommerce .page-title {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid #e9e9e9;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 1px solid #e9e9e9;
}

.woocommerce .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;
    right: inherit;
    color: #ffffff;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    padding: 0.1875rem 0.438rem;
    margin: 0;
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    transition: all 0.3s;
}

span.woocommerce-price {
    min-width: auto;
    min-height: auto;
    right: inherit;
    color: #ffffff;
    border-radius: 0.313rem;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 700;
    padding: 0.625rem 1.563rem;
    margin: 0;
    position: absolute;
    left: auto;
    right: 1.875rem;
    top: 1.875rem;
    transition: all 0.3s;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    box-shadow: 0px 0px 0.938rem 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 ul.products li.product:hover .button,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .return-to-shop a.button
/*.woocommerce input.button:focus, .woocommerce button.button:focus, .woocommerce .cart input.button:focus,
 .woocommerce #respond input#submit:focus, .woocommerce input.button.alt:focus  */

{
    color: #ffffff !important;
}

.woocommerce-page ul.products li.product:hover
/*,.woocommerce-page ul.products li.product:focus*/

{
    box-shadow: 0 0.875rem 1.563rem 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-loop-product__title {
    font-size: 1.25rem !important;
    text-transform: capitalize;
    margin-bottom: 0;
}

.woocommerce div.product form.cart.button,
.woocommerce a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-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 input.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover
/*,.woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce .cart input.button:focus,
.woocommerce input.button.alt:focus,.woocommerce input.button:focus,.woocommerce button.button:focus*/

{
    border: 1px solid transparent !important;
}

.woocommerce-page .cart input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover
/*,.woocommerce .cart input.button:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce input.button.alt:focus, .woocommerce input.button:focus,.woocommerce button.button:focus,
.woocommerce #respond input#submit:focus*/

{
    box-shadow: none;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button,
.woocommerce a.button .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover
/*,.woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus*/

{
    color: #fff;
}

.woocommerce-page .services .post {
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0.125rem #e9e9e9;
    border-radius: 0;
    margin-bottom: 2.5rem;
    padding: 1.875rem 0.938rem 1.563rem;
    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 -1px 2.5rem 0;
    padding: 0;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 12.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0;
    height: 2.75rem;
}

.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,
.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 1.250rem 0.675rem 3rem;
}

.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 {
    left: 1rem;
}

.woocommerce {
    text-align: left;
}

.site-info p {
    color: #ffffff;
}

.site-info .right-info .woocommerce .widget-title,
.site-info .right-info .woocommerce.widget_product_categories,
.site-info .right-info .woocommerce.widget_product_tag_cloud {
    text-align: right;
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0 0 0.938rem;
}

.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: 1rem;
}

.woocommerce form .form-row .required {
    text-decoration: none;
}

.woocommerce form .form-row input.input-text {
    border-radius: 0;
    height: 2.815rem;
    padding: 0.375rem 0.75rem;
}

.woocommerce .col-1,
.woocommerce .col-2 {
    max-width: 100% !important;
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    padding: 0.375rem 0.75rem;
}

.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: 0.375rem 0.75rem;
}

.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: 2.815rem;
}

.woocommerce div.product p.price {
    text-align: left;
    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: left;
    height: 2.75rem;
    padding: .500rem 0.7rem;
    border-radius: 0;
}

.woocommerce div.product form.cart .button {
    padding: .700rem 1.2rem;
    margin-top: 0;
}

.woocommerce .posted_in a,
.woocommerce-product-rating a,
.woocommerce .tagged_as a {
    transition: all 0.5s;
    font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs .panel {
    box-shadow: none;
    padding: 1rem 1rem 1rem;
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background: #fff;
    border: 1px solid #e9e9e9;
}

.woocommerce .related h2 {
    margin: 0 0 1.25rem;
}

.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: 40%;
    left: 0;
    display: flex;
    right: 0;
    align-items: center;
    justify-content: center;
    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,
.products:focus .add-to-cart {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.add-to-cart a {
    display: inline-block;
    font-size: 1rem;
    padding: 1.095rem 2.55rem;
    color: #ffffff;
    font-weight: 600;
    border-radius: 3px;
    margin: 0.1875rem;
}

@media (max-width:1024px) and (min-width:600px) {
    .add-to-cart {
        padding: 0 1.5rem;
    }
}

@media (max-width:600px) {
    .add-to-cart {
        left: 20%;
        width: 60%;
    }
}

.added_to_cart.wc-forward {
    color: #ffffff;
}

.add-to-cart a:hover,
.add-to-cart a:focus {
    color: #ffffff;
}

.product-price {
    padding: 1.25rem 0 1.125rem;
}

.shop .product_meta {
    padding: 1.25rem 0 1.125rem;
}

.shop .product_meta .posted_in a {
    font-size: 0.875rem;
    color: #666666;
}

.product-price .woocommerce-loop-product__title {
    font-size: 1.125rem;
    text-transform: capitalize;
    margin-bottom: 0.313rem;
}

.product-price .woocommerce-Price-amount {
    font-size: 1.000rem;
    font-weight: 600;
}

.product-price del {
    padding-right: 0.313rem;
}

.product-price del,
.product-price del>span {
    color: #c0c0c0 !important;
}

.products .item-img {
    background-color: #000000;
}

.products:hover .item-img img,
.products:focus .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 .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    float: right;
    display: inline-block;
}

.product-showing p {
    margin: 0;
    border: 1px solid #ced4da;
    padding: 0.6rem 1.5rem;
    text-align: center;
    display: inline-block;
}


/*===================================================================================
24.0  Callout Section
===================================================================================*/


/*.callout {padding-top: 1.0625rem; }*/

.callout .bg-text {
    background-color: #00000C;
    padding: 4.1rem 3.125rem;
}

.callout .bg-btn {
    padding: 4.5rem;
    text-align: center;
}

.callout .btn-light {
    background-color: #ffffff;
    color: #1d1d1d;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0;
}

.callout .btn-light:hover,
.callout .btn-light:focus,
.callout .btn-light:active,
.callout .btn-light:not(:disabled):not(.disabled):active {
    background-color: #1d1d1d;
    color: #ffffff;
}

.callout .section-header .section-title {
    color: #ffffff;
    margin: 0;
}

.callout .section-header {
    margin: 0 0 0;
}


/*===================================================================================
25.0  Sponsors Section
===================================================================================*/

.logo-scroll {
    margin: 0px auto;
    display: block;
    text-align: center;
}

.logo-scroll img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.logo-scroll img:hover,
.logo-scroll img:focus {
    filter: brightness(0%);
    cursor: pointer;
}

.logo-scroll a {
    display: block;
    outline: unset;
}


/*===================================================================================
26.0  CONTACT DEATIL SECTION
===================================================================================*/

.contact-detail {
    width: 100%;
}

.contact-area {
    margin: 0px;
    padding: 1.875rem 0px;
}

.contact-icon {
    margin: 0.625rem 0.625rem 0.625rem 0;
    padding: 0;
}

.contact-icon i {
    font-size: 2.5rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.contact-info .section-header {
    margin: 0 0 2rem;
}

.contact-icon address {
    margin: 0 0 1.5em;
    font-size: 1rem;
}

.cont-info address>i {
    margin-right: 0.438rem;
}

.contact-info .title {
    color: #1d1d1d;
    margin: 0 0 0.5rem;
    font-weight: 600;
}

.contant-form .wpcf7-form-control-wrap:after {
    font-family: 'FontAwesome';
    right: 1.875rem;
    position: absolute;
    top: 0.75rem;
}

.contant-form .your-name:after,
.comment-form .your-name:after {
    content: "\f007";
}

.contant-form .your-email:after,
.comment-form .your-email:after {
    content: "\f0e0";
}

.contant-form .your-subject:after,
.comment-form .your-subject:after {
    content: "\f078";
}

.contant-form .your-message:after,
.comment-form .your-message:after {
    content: "\f040";
}

.contant-form .your-contact:after,
.comment-form .your-contact:after {
    content: "\f095";
}

.contant-form input::placeholder,
.contant-form textarea::placeholder {
    color: #666666;
    font-size: 0.875rem;
}

.contant-form .wpcf7-form input,
.contant-form .wpcf7-form textarea,
.comment-form .comments-form input {
    margin-bottom: 2rem;
    padding-right: 2.5em;
}

.contant-form .button-holder {
    margin: 0 auto;
}

.contact1 .contact-info.contact-page {
    padding: 30px;
    background-color: #f2f2f2;
}

.contact1 .contact-info.contact-page .custom-social-icons li>a {
    color: #696969;
}

.contact1 .contact-info.contact-page .custom-social-icons li>a:hover,
.contact1 .contact-info.contact-page .custom-social-icons li>a:focus {
    color: #ffffff;
}

.contact-widget {
    margin-bottom: 1.25rem;
}

.contact-widget address {
    margin-bottom: 0;
}

.contact-info h2.title {
    margin-bottom: 2.3125rem;
}

.contact4.contact-info h2.title {
    text-align: center;
}


/*===================================================================================
26.1 CONTACT PAGE 1
===================================================================================*/

.contact-detail {
    width: 100%;
}

.contact-info-par {
    position: relative;
}

.map-bg {
    position: absolute;
    top: 0%;
    right: 0%;
    left: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.8;
}

.map-bg img {
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.contact-area {
    margin: 0px;
    padding: 1.875rem 0px;
}

.contact-page.contact-info .contact-icon {
    float: left;
    margin: 0;
    padding: 0;
}

.contact-page.contact-info .contact-icon i {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    font-size: 1.5rem;
    margin-right: 1rem;
}

.contact-area:hover .contact-icon i,
.contact-area:focus .contact-icon i {
    -webkit-transform: scale3d(1.3, 1.3, 1);
    transform: scale3d(1.3, 1.3, 1);
}

.contact-info address,
.contact-info a {
    color: #696969;
}

.contact-info address {
    margin-bottom: 0;
}

.contact-form {
    background: transparent;
}

.contact-form .title {
    font-size: 1.875rem;
    color: #1d1d1d;
    margin-bottom: 2.5rem;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #666666;
    font-size: 0.875rem;
}

.wpcf7 .wpcf7-form input,
.wpcf7 .wpcf7-form textarea,
.comment-form .comments-form input {
    margin-bottom: 2rem;
}

.wpcf7 .wpcf7-form input:focus,
.wpcf7 .wpcf7-form textarea:focus {
    outline: none;
}

.wpcf7 .wpcf7-submit {
    padding: 1rem 1.6rem;
    margin-top: 1rem;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

.wpcf7-form {
    margin: 0;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
    word-break: break-word;
}

.wpcf7-form label:last-child {
    margin-bottom: 0px;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form select {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0;
    font-size: 1.000rem;
    padding: 0.75rem 0px;
    font-weight: 500;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="month"],
.wpcf7-form input[type="week"],
.wpcf7-form input[type="time"],
.wpcf7-form input[type="datetime"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="color"],
.wpcf7-form textarea {
    color: #666666;
    background: transparent;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: block;
    padding: 0.7rem 0.1rem;
    width: 100%;
}

.contact-info-par {
    padding-bottom: 4.25rem;
}

@media (max-width:767px) {
    .contact-info-par .contact-form {
        position: relative;
    }
    .contact-info .title br {
        display: none;
    }
    .contact-info .contact-widget:last-child address {
        margin-bottom: 0rem;
    }
    .contact1 .contact-info {
        padding-bottom: 7rem;
    }
}

.contact-form-map {
    position: relative;
}

@media (min-width: 768px) {
    .contact1 .section-header {
        margin: 0rem 0rem 0.8rem;
    }
}


/*26.2 CONTACT PAGE 2*/

.contact2.contact-form-map {
    padding: 100px 0 100px;
}

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

.contact2 .contact-info.contact-page {
    padding: 30px;
    background-color: #f2f2f2;
}

.contact2 .contact-info.contact-page .custom-social-icons li>a {
    color: #696969;
}

.contact2 .contact-info.contact-page .custom-social-icons li>a:hover,
.contact2 .contact-info.contact-page .custom-social-icons li>a:focus {
    color: #ffffff;
}

@media (min-width: 768px) {
    .contact2 .section-header,
    {
        margin: 0rem 0rem 0.8rem;
    }
}

@media (max-width: 768px) {
    .contact2 .contact-page {
        margin-top: 3.5rem;
    }
}


/*26.3 CONTACT PAGE 3*/

.contact3.contact-form-map {
    padding: 6.5rem 0 5.9375rem;
    background-color: #ffffff;
}

.contact3 .contact-info.contact-page {
    padding: 30px;
    background-color: #f2f2f2;
}

/*.contact3 .contact-info.contact-page .custom-social-icons li>a {
    color: #696969;
}*/

.contact3 .contact-info.contact-page .custom-social-icons li>a:hover,
.contact3 .contact-info.contact-page .custom-social-icons li>a:focus {
    color: #ffffff;
}

@media (min-width: 768px) {
    .contact3 .section-header {
        margin: 0rem 0rem 0.8rem;
    }
}

@media (max-width: 768px) {
    .contact3 .contact-page {
        margin-top: 3.5rem;
    }
}


/*26.4 CONTACT PAGE 4*/

.contact-info-section .contact-icon i.fa {
    transition: all 1s;
    font-size: 5rem;
    line-height: 1;
    position: relative;
}

.contact-info-section .contact-widget {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px rgb(218 218 218 / 41%);
    -moz-box-shadow: 0 0 15px rgb(218 218 218 / 41%);
    box-shadow: 0 0 15px rgb(218 218 218 / 41%);
}

.contact-info-section .contact-widget {
    padding: 2.75rem 2.5rem 2.725rem;
    transition: 1s;
    width: 100%;
}

.contact4 .contact-widget {
    margin-bottom: 1.875rem;
}

@media (max-width: 768px) {
    .contact-info-section .contact-widget {
        margin: 0 0 3.75rem;
    }
}

.contact4 .contact-widget:hover,
.contact4 .contact-widget:focus {
    color: #ffffff;
}

.contact-info-section .contact-widget:hover .contact-icon i.fa,
.contact-info-section .contact-widget:hover .title,
.contact-info-section .contact-widget:focus .contact-icon i.fa,
.contact-info-section .contact-widget:focus .title,
.contact-info-section .contact-widget:focus address,
.contact-info-section .contact-widget:hover address {
    color: #ffffff;
    transition: 0.3s;
}


/*===================================================================================
27.0  FOOTER SECTION site info
===================================================================================*/

.site-info {
    color: #ffffff;
    font-size: 1rem;
    padding: 2.25rem 0;
}

.site-info .left {
    text-align: left;
}

.site-info .right {
    text-align: right;
}

.site-info a {
    color: #ffffff;
}

.site-privacy {
    text-align: right;
}

@media (max-width:600px) {
    .site-info,
    .site-info .left,
    .site-info .right {
        text-align: center;
    }
    .site-privacy {
        text-align: center;
    }
}

.footer-social-links {
    width: 100%;
    height: auto;
    margin-top: 0rem;
    padding: 0.5rem;
    top: -1.875rem;
    margin-bottom: -1.875rem;
    display: inline-block;
}

.footer-custom-social-icons li>a:hover,
.footer-custom-social-icons li>a:focus {
    color: #1d1d1d;
}

.footer-custom-social-icons {
    margin: 0;
    padding: 0;
}

.footer-social-links .footer-custom-social-icons li:first-child {
    padding-right: 1.875rem;
}

.footer-social-links .footer-custom-social-icons span {
    font-size: 1.25rem;
    font-weight: 700;
}

.footer-social-links .footer-custom-social-icons li {
    padding: 0.313rem 1.75rem 0.313rem 0;
}

.footer-custom-social-icons li {
    display: inline-block;
    padding: 0.313rem 0.5rem;
}

.footer-custom-social-icons li>a {
    font-size: 0.875rem;
    line-height: 2;
    transition: all 0.3s;
    display: block;
    color: #ffffff;
    border-radius: 0;
    cursor: pointer;
    box-shadow: none;
    margin: 0;
    padding: 0 -1.5rem;
    text-align: center;
}

.footer-social-links .footer-custom-social-icons li a i {
    padding: 0 1.25rem 0 0;
    font-size: 1.375rem;
    position: relative;
    top: 1 -1.5rem;
}

.footer-sidebar .wp-block-tag-cloud .tag-cloud-link {
    color: #c5c5c5;
    border: 1px solid #444444;
}

.footer-sidebar .wp-block-tag-cloud .tag-cloud-link:hover,
.footer-sidebar .wp-block-tag-cloud .tag-cloud-link:focus {
    color: #ffffff !important;
  /*  background: #5ca2df;
    border: 1px solid #5ca2df;*/
}


/*--------------------------------------------------------------
28.0 Breadcrumb
--------------------------------------------------------------*/

.page-title-section {
    background: #17212c url(../images/breadcrumb/breadcrumb-1.jpg);
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.page-title-section .page-title h1 {
    font-weight: bold;
    line-height: 1.3;
    font-size: 2rem;
    color: #fefefe;
    margin: 0 0 0.625rem;
    word-break: break-word;
}

.page-breadcrumb li {
    display: inline-block;
    font-weight: 700;
}

.page-breadcrumb {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 1rem;
    float: right;
}

.page-breadcrumb li a {
    color: #fff;
    word-break: break-word;
    font-weight: 700;
}

.page-breadcrumb .icon::before {
    font-size: 1rem;
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.breadcrumb-overlay {
    height: 100%;
    position: relative;
    width: 100%;
    padding: 8.5rem 0 8.5rem;
    /*background-color: rgba(0, 0, 0, 0.6);*/
}

.breadcrumb-overlay .theme-dtl {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 0.875rem;
    margin-bottom: 0.8rem;
    font-weight: normal;
}

@media (max-width: 767px) {
    .page-breadcrumb {
        text-align: center;
        float: none;
    }
    .page-title-section .page-title {
        text-align: center;
    }
}


/*===================================================================================
29.0  ABOUT PAGE
===================================================================================*/

.about-section {
    padding: 7.75rem 0 5.75rem;
}

.page-section-space {
    padding: 6.25rem 0 4.375rem;
}

.about-section .section-header {
    margin: 0px 0 2.375rem;
}

.about-section .about-block {
    padding: 0 0.938rem 0 0;
}

.about-section .about-block .section-header {
    text-align: left;
}

.about-section .about-block .entry-content p {
    margin-bottom: 1.25rem;
}

.about-section .about-block .btn-small {
    margin-bottom: 1.875rem;
}

@media (max-width: 600px) {
    .about-section .about-block {
        padding-bottom: 3.125rem;
    }
    .about-section .about-block {
        padding-right: 0;
    }
}

.list-style-four {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-style-four li {
    position: relative;
    color: #666666;
    font-size: 1rem;
    margin-bottom: 1.125rem;
    padding-left: 1.875rem;
    line-height: 1.6em;
}

.list-style-four li:before {
    position: absolute;
    content: '\f046';
    left: 0px;
    top: 0px;
    font-weight: 400;
    font-size: 1rem;
    font-family: 'FontAwesome';
}

.about-section .image-box .left-image {
    padding: 0 11.25rem 0 0;
    margin-top: -12.5rem;
}

.about-section .image-box .right-image {
    padding: 0 0 0 11.25rem;
}

@media (max-width: 1200px) {
    .about-section .image-box .left-image {
        padding: 0 9.25rem 0 0;
        margin-top: -9.5rem;
    }
    .about-section .image-box .right-image {
        padding: 0 0 0 9.25rem;
    }
}

.about-header {
    padding-left: 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;
}

.about-section .image-box {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 14px;
}

.about-section .image-box .thumbnail:before {
    content: "";
    position: absolute;
    top: -2.5rem;
    right: -2.3125rem;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("assets/images/pattern/about-pattern-5.png");
}

@media (max-width: 1028px) {
    .about-section .image-box {
        width: 92%;
    }
}

@media (max-width: 600px) {
    .about-section .image-box {
        width: 90%;
    }
}

@media (max-width: 360px) {
    .about-section .image-box {
        width: 88%;
    }
}


/*===================================================================================
30.0  PORTFOLIO PAGE
===================================================================================*/

.portfolio .tab-content .card {
    border: none;
    border-radius: 0;
    margin-bottom: 1.875rem;
    overflow: hidden;
}

.md-pills .nav-link.active,
.md-pills .nav-link:hover,
.md-pills .nav-link.active,
.md-pills .nav-link:focus {
    color: #ffffff;
}

button.close {
    position: absolute;
    right: 0;
    z-index: 2;
    padding: 0.5rem;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.tab-content {
    padding-top: 2.3rem;
}

.portfolio .md-pills .nav-link {
    padding: 0.43rem 1.3125rem;
    border-radius: 0;
    border: 1px solid #d0d0d0;
}

.portfolio .md-pills .nav-item {
    margin: 0 0.313rem 0.8rem;
}

.portfolio .tab-content .portfolio-thumbnail {
    background-color: #000000;
}

.portfolio .tab-content .portfolio-thumbnail {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    text-align: left;
    border-radius: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-box-shadow: 0px 0px 0.1875rem 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 0.1875rem 0px rgba(0, 0, 0, 0.1);
}

.portfolio .tab-content .portfolio-thumbnail:hover,
.portfolio .tab-content .portfolio-thumbnail:focus {
    -webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.1);
}

.portfolio .tab-content .card .entry-title a {
    color: #1d1d1d;
}

.portfolio .tab-content .card .entry-title {
    margin-bottom: 0.313rem;
    padding-bottom: 0rem;
}

.portfolio .tab-content .portfolio-thumbnail::before,
.portfolio .tab-content .portfolio-thumbnail::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    opacity: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.portfolio .tab-content .card figcaption {
    text-align: center;
    margin-bottom: 0;
    z-index: 2;
    margin-right: 1.875rem;
    margin-left: 1.875rem;
    margin-bottom: 1.875rem;
    position: absolute;
    background-color: #ffffff;
    padding: 0.938rem;
    color: #1d1d1d;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.portfolio .tab-content .card:hover figcaption,
.portfolio .tab-content .card:focus figcaption {
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0px 0px 1.875rem 0.125rem rgba(20, 44, 75, 0.2);
    -moz-box-shadow: 0px 0px 1.875rem 0.125rem rgba(20, 44, 75, 0.2);
    box-shadow: 0px 0px 1.875rem 0.125rem rgba(20, 44, 75, 0.2);
}

.portfolio .tab-content .card:hover img,
.portfolio .tab-content .card:focus img {
    zoom: 1;
    filter: alpha(opacity=20);
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
}

.portfolio .tab-content .card:hover figcaption,
.portfolio .tab-content .card:hover .entry-title,
.portfolio .tab-content .card:hover p,
.portfolio .tab-content .card:hover i {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1;
}

.portfolio .tab-content .portfolio-thumbnail i {
    color: #ffffff;
    border-radius: 5%;
    position: absolute;
    font-size: 3rem;
    line-height: 0.8;
    width: 2.5rem;
    height: 2.5rem;
    top: 5%;
    left: 6%;
    text-align: center;
    -webkit-transform: translateY(-3.438rem);
    transform: translateY(-3.438rem);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-style: normal;
    z-index: 1;
    opacity: 0;
}


/* .portfolio .sidebar {
    margin-top: 2rem;
} */

.portfolio .tab-content .portfolio-thumbnail:hover::before,
.portfolio .tab-content .portfolio-thumbnail:hover::after,
.portfolio .tab-content .portfolio-thumbnail:focus::before,
.portfolio .tab-content .portfolio-thumbnail:focus::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portfolio-btn {
    margin-top: 1.313rem;
    margin-bottom: 1.875rem;
}

.portfolio .portfolio-btn i {
    padding-left: 0.5rem;
    font-size: 0.813rem;
}

.portfolio.right-col .tab-content .portfolio-thumbnail i,
.portfolio.left-col .tab-content .portfolio-thumbnail i {
    top: 20%;
    right: 38%;
}

.portfolio.two-column .tab-content .portfolio-thumbnail i {
    top: 39%;
    right: 46%;
}

.portfolio.four-column .tab-content .portfolio-thumbnail i {
    top: 30%;
    right: 42%;
}

.portfolio button:hover,
.portfolio button:focus {
    background: transparent;
}

@media (min-width:600px) {
    .portfolio .view img {
        height: 100%;
    }
}

@media (min-width: 480px) and (max-width: 992px) {
    .portfolio3 .tab-content .card figcaption {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
}

@media (min-width: 480px) {
    .portfolio4 .tab-content .portfolio-thumbnail i {
        font-size: 2rem;
        line-height: 1;
    }
    .portfolio4 .tab-content .card figcaption .entry-header .entry-title a {
        font-size: 0.9rem;
    }
    .portfolio4 .tab-content .card figcaption p {
        font-size: 0.70rem;
    }
    .portfolio4 .tab-content .card figcaption {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
        margin-bottom: 0.625rem;
        border-radius: 0;
    }
}

@media (min-width: 480px) and (max-width: 786px) {
    .portfolio2 .tab-content .portfolio-thumbnail i {
        font-size: 2rem;
    }
    .portfolio2 .tab-content .card figcaption .entry-header .entry-title a {
        font-size: 0.9rem;
    }
    .portfolio2 .tab-content .card figcaption p {
        font-size: 0.70rem;
    }
    .portfolio2 .tab-content .card figcaption {
        margin-right: 0.625rem;
        margin-left: 0.625rem;
    }
}

.portfolio33 .tab-content .card figcaption {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
    padding: 0.3125rem;
    margin-bottom: 0.625rem;
}

@media (min-width: 768px) {
    .portfolio33 .tab-content .card figcaption .entry-header .entry-title a {
        font-size: 0.9rem;
    }
    .portfolio33 .tab-content .card figcaption p {
        font-size: 0.70rem;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .portfolio33 .tab-content .card figcaption {
        margin-top: -4.875rem;
    }
    .portfolio33 .tab-content .card figcaption .entry-header .entry-title a {
        font-size: 0.75rem;
    }
    .portfolio33 .tab-content .card figcaption p {
        font-size: 0.60rem;
    }
    .portfolio33 .tab-content .portfolio-thumbnail i {
        font-size: 2rem;
        line-height: 1;
        width: 2rem;
        height: 2rem;
    }
}

.portfolio44 .tab-content .card figcaption {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
    padding: 0.313rem;
}

@media (min-width: 768px) {
    .portfolio44 .tab-content .card figcaption .entry-header .entry-title {
        font-size: 0.938rem;
    }
    .portfolio44 .tab-content .card figcaption p {
        font-size: 0.8rem;
    }
    .portfolio44 .tab-content .portfolio-thumbnail i {
        font-size: 1.5rem;
        line-height: 0.9;
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .portfolio44 .tab-content .card figcaption {
        margin-top: -3.25rem;
        margin-right: 0.313rem;
        margin-left: 0.313rem;
        margin-bottom: 0.313rem;
    }
    .portfolio44 .tab-content .card figcaption .entry-header .entry-title a {
        font-size: 0.65rem;
    }
    .portfolio44 .tab-content .card figcaption p {
        font-size: 0.60rem;
    }
    .portfolio44 .tab-content .portfolio-thumbnail i {
        font-size: 2rem;
        line-height: 0.9;
        width: 2rem;
        height: 2rem;
        left: 5.5%;
    }
}


/* @media (max-width: 768px) {
    .portfolio44 .tab-content .card figcaption {
        padding-bottom: 0;
    }
} */

body.modal-open {
    padding-right: 0 !important;
}

.portfolio4-sidebar .tab-content .card figcaption {
    margin-bottom: 0.625rem;
}


/*--------------------------------------------------------------
 30.1  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: 0px;
}

.portfolio.portfolio-gallery .modal-body .col-md-6,
.portfolio.portfolio-gallery .modal-body .col-md-4,
.portfolio.portfolio-gallery .modal-body .col-md-3 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.portfolio.portfolio-gallery .tab-content .portfolio-thumbnail {
    margin: 0px;
    border-radius: 0;
}

.portfolio.portfolio-gallery .tab-content .portfolio-thumbnail i {
    right: 46%;
}

.portfolio.portfolio-gallery .card {
    margin-bottom: 0;
}


/*===================================================================================
31.0  Error 404 PAGE
===================================================================================*/

.error-page {
    background-color: #ffffff;
    text-align: center;
}

.error-page .title {
    font-size: 26.19rem;
    line-height: 0.75;
    text-align: center;
    letter-spacing: 1rem;
    font-weight: 700;
    margin-bottom: 1.625rem;
    margin-top: 0.625rem;
    color: #1d1d1d;
    font-family: poppins;
}

.error-page .sub-title {
    font-size: 2.25rem;
    letter-spacing: 0.2rem;
    margin-bottom: 1rem;
}

.error-page p {
    font-size: 2.25rem;
    color: #666666;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 2.5rem;
}

.error-page .btn-small {
    font-weight: 700;
    border-radius: 0;
    line-height: 1.4;
    text-transform: uppercase;
    padding: 1.44rem 2.56rem;
    margin-bottom: 1.75rem;
}

.error-page .title img {
    margin-bottom: 4rem;
}

@media (max-width: 768px) {
    .error-page .title {
        font-size: 15rem;
    }
}

@media (max-width: 600px) {
    .error-page .title {
        font-size: 10rem;
    }
}


/*===================================================================================
32.0  footer Sidebar SECTION 
===================================================================================*/

@media (min-width: 768px) {
    .s-l-space {
        padding-left: 0.625rem;
    }
}

.site-info .footer-sidebar {
    border-bottom: none;
}

.footer-sidebar {
    padding: 8rem 0 0.875rem;
    border-bottom: 0.125rem solid #272727;
}

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

footer {
    position: relative;
    z-index: 1;
    background-color: #121212;
   /* border-bottom: 4px solid #5ca2df;*/
}

.footer-sidebar .woocommerce div.product p.price,
.footer-sidebar .woocommerce div.product span.price,
.footer-sidebar .woocommerce .posted_in a,
.footer-sidebar .woocommerce-product-rating a,
.footer-sidebar .woocommerce .tagged_as a,
.footer-sidebar .woocommerce div.product form.cart .variations td.label label,
.footer-sidebar .woocommerce #reviews #comments ol.commentlist li .meta strong,
.footer-sidebar .woocommerce table.shop_table th,
.footer-sidebar .woocommerce-cart table.cart td a,
.footer-sidebar .owl-item .item .cart .add_to_cart_button,
.footer-sidebar .woocommerce ul.cart_list li a,
.footer-sidebar .woocommerce ul.product_list_widget li a,
.footer-sidebar .woocommerce-error,
.footer-sidebar .woocommerce-info,
.footer-sidebar .woocommerce-message {
    color: #ffffff;
}

.footer-sidebar .widget_text.site-info .custom-social-icons li>a {
    background-color: #eaeaea;
}

.footer-sidebar .widget_text.site-info .custom-social-icons li>a:hover,
.footer-sidebar .widget_text.site-info .custom-social-icons li>a:focus {
    color: #ffffff;
}

.footer-sidebar a {
    color: #ffffff;
    transition: padding .5s;
    font-size: 1rem;
}

/*.footer-sidebar .woocommerce-widget-layered-nav ul a:before,
.footer-sidebar .widget_recent_reviews ul a:before,
.footer-sidebar .widget_top_rated_products ul a:before,
.footer-sidebar .widget_products ul a:before,
.footer-sidebar .widget_nav_menu ul a:before,
.footer-sidebar .widget_pages ul a:before,
.footer-sidebar .widget_product_categories ul a:before,
.footer-sidebar .widget_links ul a:before,
.footer-sidebar .widget_categories ul a:before,
.footer-sidebar .widget_archive ul a:before,
.footer-sidebar .widget_recent_entries ul a:before,
.footer-sidebar .widget_meta ul a:before {
    content: "\f058";
    font-family: 'FontAwesome';
    font-size: 1rem;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-right: 0.75rem;
}*/

.footer-sidebar .widget_recent_comments ul li:before {
    content: "\f058";
    font-family: 'FontAwesome';
    font-size: 1rem;
    position: relative;
    top: -2px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-right: 0.75rem;
}

.footer-sidebar address {
    margin: 0 0 2rem;
}

.footer-sidebar .footer-logo {
    margin-bottom: 2.55rem;
}

.footer-sidebar .widget .widget-title {
    padding-bottom: 0.5rem;
    margin: 0 0rem 1rem;
    color: #ffffff;
}

footer ins {
    background-color: #666666;
}

.header-sidebar .widget:last-child {
    margin: 0;
}

.head-contact-info li:first-child {
    padding: 0;
}

.footer-sidebar .widget_text {
    font-size: 1rem;
    line-height: 2.35;
}

.footer-sidebar .widget_text.site-info {
    background-color: transparent;
    -moz-box-shadow: 0px 0px 0.625rem 0px rgba(0, 0, 0, 0.2);
}

.footer-sidebar .widget_text.site-info.site-detail {
    background-color: unset;
    padding: unset;
    margin-top: unset;
}

.footer-sidebar .site-info.site-detail .footer-logo {
    margin-bottom: 1rem;
}

.footer-sidebar .widget_text.site-info.site-detail .description {
    margin-bottom: 1rem;
}

.footer-sidebar .widget_text.site-info.site-detail p {
    margin-bottom: 0.5rem;
}

.site-info .text-center .subscribe-form {
    width: 215.625rem;
    margin: auto;
}

.site-info .copyright-section {
    color: #fff;
}

.footer-sidebar address {
    margin: 0 0 1rem;
}

.site-info.footer-sidebar {
    padding: 2rem 0 2rem;
    background-color: unset;
}

.footer-sidebar .widget_text p,
.footer-sidebar .wp-block-latest-posts__post-excerpt {
    margin: 0;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.footer-sidebar address i {
    padding-right: 0.625rem;
    padding-left: 0.063rem;
}

.footer-sidebar .wp-block-latest-comments__comment-date {
    color: #c5c5c5;
}

.footer-sidebar .wp-block-latest-posts__post-date,.footer-sidebar .wp-block-latest-posts__post-author {
    color: #c5c5c5;
}

@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-left: 0.438rem;
    }
    .footer-sidebar .widget_text.site-info {
        margin-top: 0px;
    }
}

.footer-sidebar .widget li:not(.footer-sidebar .widget li.wp-social-link.wp-block-social-link) {
    border-bottom: none;
    padding-top: 0.313rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    margin: 0;
    position: relative;
}

.footer-sidebar .widget .widget-title:after img {
    content: none;
    padding: 0
}


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

.scroll-up {
    position: fixed;
    display: none;
    bottom: 4.6875rem;
    right: 1.875rem;
    z-index: 999;
}

.scroll-up a {
    display: block;
    opacity: 1;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.2;
    padding: 0 !important;
    margin: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.blog .post.sticky{
    background-color: #e8f2f2 ;
}
/*=============================================================
33.0 Sticky Menu Classes
==============================================================*/

.stickymenu {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 0.1875rem rgba(255, 255, 255, 0.1);
    z-index: 1000;
    transition: 0.3s;
}

.stickymenu1 {
    display: none;
    position: fixed !important;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 0.1875rem rgba(255, 255, 255, 0.1);
    z-index: 1000;
}

.navbar.shrink {
    transition: 0.3s;
}

.navbar.shrink1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 100%;
    box-shadow: 0 1px 0.1875rem rgba(255, 255, 255, 0.1);
    z-index: 1000;
    position: fixed;
    top: 0;
    transition: 0.3s;
}


/*--------------------------------------------------------------
 34.0 Footer Layout
--------------------------------------------------------------*/

.main-footer {
    background-color: #061018;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 0px solid #828282;
    background-image: url(../images/bg/bg-img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.main-footer .footer-overlay {
    display: block;
    height: 100%;
    position: absolute;
    left: 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: 600px) {
    .site-info .footer-sidebar .right-info .widget .widget-title:after {
        right: 1rem;
        position: absolute;
    }
    .site-info .right-info .widget.wpblack_social_icon_widget,
    .site-info .right-info .nav-menu {
        text-align: right;
    }
    .site-info .right-info .widget .wp-block-social-links{
        float: right;
    }
    .site-info .right-info .widget.widget_block{
        text-align: initial;
    }
    /*.site-info .right-info .woocommerce{text-align: left;}*/
}

.site-info .copyright {
    padding-bottom: 1rem;
}

.site-info span a {
    font-weight: 600;
}

@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-right: 1rem;
}

.subscribe-form {
    margin-bottom: 1rem;
}

.subscribe-form p {
    color: #fff;
}

.subscribe-form .btn-default {
    border-radius: 0px;
}

.subscribe-form .input-group .form-control {
    padding: 0.60em 4em 0.70em 1.25em;
    z-index: 0;
}

.subscribe-form .btn-default:hover,
.subscribe-form .btn-default:focus {
    color: #fff;
}

.subscribe-form .input-group .input-group-btn {
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 1;
}

.site-footer .subscribe-form .input-group .form-control {
    background-color: transparent;
    color: #ffffff;
}

.site-footer .subscribe-form .btn {
    padding: 0.59rem 0.875rem;
}


/*===================================================================================
  Slider-2 and slider-3
/*===================================================================================*/

.slider-3 #slider-carousel .item {
    height: 50rem !important;
}

.slider-3 .heading {
    margin-top: 150px;
}

.slider-2 #slider-carousel .item {
    height: 45rem !important;
}

.slider-2 .heading {
    margin-top: 50px;
}

@media (max-width: 767px) {
    .slider-3 #slider-carousel .item {
        height: 80rem !important;
    }
    .slider-3 .heading {
        margin-top: 150px;
    }
}

@media (min-width: 1200px) {
    body.boxed .custom.header-sticky {
        width: 1210px;
    }
}

.sponsors .owl-theme .owl-dots {
    margin: 2.0625rem 0rem 1.3125rem !important;
}

.search-box-outer a.text-dark,
.search-box-outer a.text-dark:hover,
.search-box-outer a.text-dark:focus {
    color: #ffffff !important
}


/*Comments*/

.comment-section {
    margin: 0 0 3rem;
    padding: 0;
}

.comment-title {
    display: block;
}

.comment-reply-title {
    margin: 0 0 1.875rem;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 0.625rem;
}

.comment-box {
    margin: 0;
    position: relative;
}

.comment-detail {
    border-bottom: 1px solid #eceff3;
    margin: 0 0 2.813rem;
    padding-bottom: 1.25rem;
}

.pull-left-comment {
    float: left;
    margin-right: 1.875rem;
    width: 6.25rem;
    height: 6.25rem;
}

.comment-detail-title {
    margin: 0 0 0.625rem;
}

.comment-date {
    font-size: 0.875rem;
    color: #878e94;
    font-weight: 400;
    margin-left: 1.25rem;
}

.comment-detail p {
    margin-bottom: 1.3rem;
}

.reply a {
    font-size: 1rem;
    padding: 0;
    font-weight: 600;
    transition: 0.3s ease-in-out 0s;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/*widget css*/

.wp-block-tag-cloud .tag-cloud-link {
    font-size: 1rem !important;
    display: inline-block;
    padding: 0.413rem 0.925rem;
    color: #727272;
    margin: 0 0.125rem 0.625rem;
    border: 1px solid #e8e8e8;
    transition: 0.3s;
}

.wp-block-tag-cloud .tag-cloud-link:hover,
.wp-block-tag-cloud .tag-cloud-link:focus {
    color: #ffffff !important;
   /* background: #5ca2df;
    border: 1px solid #5ca2df;*/
}

.wp-block-search .wp-block-search__label,
.wc-block-product-search .wc-block-product-search__label,
.sidebar .widget.widget_block h2,
.footer-sidebar .widget.widget_block h2,
.sidebar .woocommerce h2 {
    font-size: 1.375rem;
}

.widget-slide .wpcf7-form input[type="text"],
.widget-slide .wpcf7-form input[type="email"],
.widget-slide .wpcf7-form input[type="url"],
.widget-slide .wpcf7-form input[type="password"],
.widget-slide .wpcf7-form input[type="search"],
.widget-slide .wpcf7-form input[type="number"],
.widget-slide .wpcf7-form input[type="tel"],
.widget-slide .wpcf7-form input[type="range"],
.widget-slide .wpcf7-form input[type="date"],
.widget-slide .wpcf7-form input[type="month"],
.widget-slide .wpcf7-form input[type="week"],
.widget-slide .wpcf7-form input[type="time"],
.widget-slide .wpcf7-form input[type="datetime"],
.widget-slide .wpcf7-form input[type="datetime-local"],
.widget-slide .wpcf7-form input[type="color"],
.widget-slide .wpcf7-form textarea {
    color: #ffffff;
}


/* Placeholder Slider page text color */

.widget-slide input::-webkit-input-placeholder {
    color: #ffffff;
}

.widget-slide input:-moz-placeholder {
    color: #ffffff;
}

.widget-slide input::-moz-placeholder {
    color: #ffffff;
}

.widget-slide input:-ms-input-placeholder {
    color: #ffffff;
}

.widget-slide textarea::placeholder {
    color: #ffffff;
}

.widget-slide .wpcf7 .wpcf7-form input,
.widget-slide .wpcf7 .wpcf7-form textarea,
.widget-slide .comment-form .comments-form input,
.widget-slide .wpcf7 .wpcf7-form-control-wrap input,
.widget-slide .wpcf7 .wpcf7-form-control-wrap textarea {
    margin-bottom: 0;
}

.widget-slide .woocommerce-widget-layered-nav li,
.widget-slide .widget_recent_reviews li,
.widget-slide .widget_top_rated_products li,
.widget-slide .widget_products li,
.widget-slide .widget_nav_menu li,
.widget-slide .widget_pages li,
.widget-slide .widget_product_categories li,
.widget-slide .widget_categories li,
.widget-slide .widget_archive li,
.widget-slide .wp-block-latest-posts li,
.widget-slide .widget_meta li,
.widget-slide .widget_recent_comments li {
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
    margin: 0;
    position: relative;
    padding-left: 1.25rem;
}

.widget-slide .woocommerce-widget-layered-nav li:before,
.widget-slide .widget_recent_reviews li:before,
.widget-slide .widget_top_rated_products li:before,
.widget-slide .widget_products li:before,
.widget-slide .widget_nav_menu li:before,
.widget-slide .widget_pages li:before,
.widget-slide .widget_product_categories li:before,
.widget-slide .widget_links li:before,
.widget-slide .widget_categories li:before,
.widget-slide .widget_archive li:before,
.widget-slide .wp-block-latest-posts li:before,
.widget-slide .widget_meta li:before {
    content: "\f178 ";
    font-family: FontAwesome;
    position: absolute;
    color: #ffffff;
    right: auto;
    left: 0;
    font-size: 0.75rem;
    line-height: 1.5rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: none;
}

.widget-slide .wp-block-embed__wrapper iframe {
    max-width: 100%;
}

.sidebar .wp-block-search .wp-block-search__button {
    color: #ffffff;
    z-index: 1;
    padding: 10px 1rem;
    border-radius: 0;
    margin-left: 10px;
    margin-top: 0;
    display: inline-block;
}

.sidebar .wp-block-search {
    display: block;
}

.wp-block-search .wp-block-search__input {
    width: 75%;
    display: inline-block;
}

.sidebar .wp-block-search .wp-block-search__label {
    margin: 0;
}

.sidebar .widget_block .wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
}

.wp-block-search__button .search-icon {
    fill: white;
}

.wp-block-search__button:hover .search-icon,
.wp-block-search__button:focus .search-icon {
    /*fill: #5ca2df;*/
}

.modal-dialog .modal-content .post a {
    color: #000000;
}

.modal-dialog .modal-content .post p {
    color: #777777;
}


/*===================================================================================
  Header Logo and Site title
/*===================================================================================*/

.header-custom-logo {
    margin-right: 0.938rem;
}

.navbar-brand {
    margin-right: 2rem;
}

.logo-link-url {
    margin-right: 2.5rem;
}

.logo-link-url .site-title {
    margin-bottom: 0;
}

.logo-link-url .site-title .navbar-brand {
    padding: 0;
    font-size: 2.25rem;
    margin-right: 0;
    white-space: normal;
}

@media (max-width:600px) {
    .navbar {
        text-align: center;
    }
    .navbar .container {
        display: block;
    }
    .navbar-brand {
        margin-right: 0;
    }
    .logo-link-url {
        margin-right: 0;
    }
    .navbar2 .navbar-brand {
        margin-right: 0;
    }
}

.counter-content {
    position: absolute;
    padding: 16px 15px 26px 20px;
    /*background: #5ca2df;*/
    color: #ffffff;
    width: 10.3125rem;
    max-width: 10.3125rem;
    top: 1.875rem;
    left: 1.875rem;
}

.iq-counter-info {
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 0;
    color: #ffffff;
    line-height: 1.2;
    font-family: 'Poppins';
}

.iq-counter-info span {
    font-family: 'poppins';
}

.counter-content:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 20px;
    /*border-color: transparent transparent transparent #5ca2df;*/
    position: absolute;
    right: -18px;
    top: 24px;
}

.counter-content-text {
    color: #ffffff;
}


/*===================================================================================
  Pagination
/*===================================================================================*/

.nav-pagination .pagination .page-item {
    display: inline-block;
}

.page-item:first-child .page-link {
    border-radius: 0;
}

.page-item:last-child .page-link {
    border-radius: 0;
}

.page-link:hover {
    color: #ffffff;
    /*border-color: #5ca2df;*/
    background-color: #e2e2e2;
}


/*===================================================================================
  Sidebar Widget
/*===================================================================================*/

.widget_block ul {
    list-style: none;
    margin-left: 0;
    padding-top: 0;
    margin: 0;
}

.widget_block ul li:not(.wp-block-social-links li,.woocommerce .widget_block ul li) {
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
    margin: 0;
    position: relative;
    padding-left: 1.5rem;
}

.widget_block ul li::before:not(.widget_block .wp-block-gallery ul li::before) {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    right: auto;
    left: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    /*color: #5ca2df;*/
}

.wp-block-calendar th {
    color: #666666;
}

.wp-block-latest-posts__featured-image {
    margin: 0 0.625rem 0 0;
    overflow: hidden;
    float: left;
    display: block;
    width: 4.5rem;
    height: 4.75rem;
    border-radius: 0;
    background-color: unset;
}

.wp-block-latest-posts__featured-image img {
    width: 4.5rem;
    height: 4.5rem;
    -webkit-transition: all 0.30s linear;
    transition: all 0.30s linear;
}

.wp-block-latest-posts__post-date,.wp-block-latest-posts__post-author {
    color: #c5c5c5;
}

.widget_block .wp-block-latest-comments__comment-meta {
    background-color: transparent;
    border-bottom: none;
}

.sidebar .head-contact-info li {
    padding-top: 0.313rem;
    padding-bottom: 0.5rem;
}

.sidebar .widget ul,
.sidebar .widget ol {
    margin: 0;
}

.sidebar .wp-block-search .wp-block-search__label,
.sidebar .wc-block-product-search .wc-block-product-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 {
    position: relative;
    font-weight: 600;
    margin: 0;
    z-index: 1;
    padding-bottom: 18px;
    margin-bottom: 1.5625rem;
    border-bottom: 1px solid #d5d5d5;
}

.sidebar .wp-block-search .wp-block-search__label:after,
.sidebar .wc-block-product-search .wc-block-product-search__label:after,
.sidebar .widget.widget_block h1:after,
.sidebar .widget.widget_block h2:after,
.sidebar .widget.widget_block h3:after,
.sidebar .widget.widget_block h4:after,
.sidebar .widget.widget_block h5:after,
.sidebar .widget.widget_block h6:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 57px;
    height: 3px;
    background: #f7f7f7;
    z-index: 1;
}

.sidebar .wp-block-search .wp-block-search__label::before,
.sidebar .wc-block-product-search .wc-block-product-search__label::before,
.sidebar .widget.widget_block h1::before,
.sidebar .widget.widget_block h2::before,
.sidebar .widget.widget_block h3::before,
.sidebar .widget.widget_block h4::before,
.sidebar .widget.widget_block h5::before,
.sidebar .widget.widget_block h6::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 40px;
    height: 3px;
    /*background: #5ca2df;*/
    z-index: 2;
}

.sidebar .wp-block-search .wp-block-search__label,
.sidebar .wc-block-product-search .wc-block-product-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 {
    color: #1d1d1d;
}

.footer-sidebar .wp-block-search .wp-block-search__label,
.footer-sidebar .widget.widget_block h1,
.footer-sidebar .widget.widget_block h2,
.footer-sidebar .widget.widget_block h3,
.footer-sidebar .widget.widget_block h4,
.footer-sidebar .widget.widget_block h5,
.footer-sidebar .widget.widget_block h6 {
    padding-bottom: 0.5rem;
    margin: 0 0rem 1rem;
    color: #ffffff;
}

.footer-sidebar .wp-block-search .wp-block-search__label::after,
.footer-sidebar .wc-block-product-search .wc-block-product-search__label::after,
.footer-sidebar .widget.widget_block h1::after,
.footer-sidebar .widget.widget_block h2::after,
.footer-sidebar .widget.widget_block h3::after,
.footer-sidebar .widget.widget_block h4::after,
.footer-sidebar .widget.widget_block h5::after,
.footer-sidebar .widget.widget_block h6::after {
    content: '';
    display: block;
    height: 0.125rem;
    width: 2.5rem;
    /*background: #5ca2df;*/
    margin-top: 0.813rem;
}

.footer-sidebar .widget ul,
.footer-sidebar .widget ol {
    margin: 0;
}


/*===================================================================================
  Sidebar Widget
/*===================================================================================*/

.sidebar .woocommerce #respond input#submit,
.sidebar .woocommerce a.button,
.sidebar .woocommerce button.button,
.sidebar .woocommerce input.button {
    color: #ffffff;
}

.woocommerce-Price-amount.amount {
    color: #666666;
}

.mejs-offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
}

.mejs-container {
    background: #000;
    font-family: Helvetica, Arial, serif;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top
}

.mejs-container,
.mejs-container * {
    box-sizing: border-box
}

.mejs-container video::-webkit-media-controls,
.mejs-container video::-webkit-media-controls-panel,
.mejs-container video::-webkit-media-controls-panel-container,
.mejs-container video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none!important
}

.mejs-fill-container,
.mejs-fill-container .mejs-container {
    height: 100%;
    width: 100%
}

.mejs-fill-container {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.mejs-container:focus {
    outline: none
}

.mejs-embed,
.mejs-embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.mejs-fullscreen {
    overflow: hidden!important
}

.mejs-container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    height: 100%!important;
    width: 100%!important
}

.mejs-background,
.mejs-mediaelement {
    left: 0;
    position: absolute;
    top: 0
}

.mejs-mediaelement {
    height: 100%;
    width: 100%;
    z-index: 0
}

.mejs-poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

:root .mejs-poster-img {
    display: none
}

.mejs-poster-img {
    border: 0;
    padding: 0
}

.mejs-overlay {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
}

.mejs-layer {
    z-index: 1
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    background: url(mejs-controls.svg) no-repeat;
    background-position: 0 -39px;
    height: 80px;
    width: 80px
}

.mejs-overlay:hover>.mejs-overlay-button {
    background-position: -80px -39px
}

.mejs-overlay-loading {
    height: 80px;
    width: 80px
}

.mejs-overlay-loading-bg-img {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent url(mejs-controls.svg) -160px -40px no-repeat;
    display: block;
    height: 80px;
    width: 80px;
    z-index: 1
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mejs-controls {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.mejs-controls:not([style*="display: none"]) {
    background: rgba(255, 0, 0, .7);
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .35));
    background: linear-gradient(transparent, rgba(0, 0, 0, .35))
}

.mejs-button,
.mejs-time,
.mejs-time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px
}

.mejs-button>button {
    background: transparent url(mejs-controls.svg);
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 10px 6px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20px
}

.mejs-button>button:focus {
    outline: 1px dotted #999
}

.mejs-container-keyboard-inactive [role=slider],
.mejs-container-keyboard-inactive [role=slider]:focus,
.mejs-container-keyboard-inactive a,
.mejs-container-keyboard-inactive a:focus,
.mejs-container-keyboard-inactive button,
.mejs-container-keyboard-inactive button:focus {
    outline: 0
}

.mejs-time {
    box-sizing: content-box;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto
}

.mejs-play>button {
    background-position: 0 0
}

.mejs-pause>button {
    background-position: -20px 0
}

.mejs-replay>button {
    background-position: -160px 0
}

.mejs-time-rail {
    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position: relative
}

.mejs-time-buffering,
.mejs-time-current,
.mejs-time-float,
.mejs-time-float-corner,
.mejs-time-float-current,
.mejs-time-hovered,
.mejs-time-loaded,
.mejs-time-marker,
.mejs-time-total {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute
}

.mejs-time-total {
    background: hsla(0, 0%, 100%, .3);
    margin: 5px 0 0;
    width: 100%
}

.mejs-time-buffering {
    -webkit-animation: b 2s linear infinite;
    animation: b 2s linear infinite;
    background: -webkit-linear-gradient(135deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
    background: linear-gradient(-45deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
    background-size: 15px 15px;
    width: 100%
}

@-webkit-keyframes b {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes b {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs-time-loaded {
    background: hsla(0, 0%, 100%, .3)
}

.mejs-time-current,
.mejs-time-handle-content {
    background: hsla(0, 0%, 100%, .9)
}

.mejs-time-hovered {
    background: hsla(0, 0%, 100%, .5);
    z-index: 10
}

.mejs-time-hovered.negative {
    background: rgba(0, 0, 0, .2)
}

.mejs-time-buffering,
.mejs-time-current,
.mejs-time-hovered,
.mejs-time-loaded {
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    width: 100%
}

.mejs-time-buffering {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.mejs-time-hovered {
    -webkit-transition: height .1s cubic-bezier(.44, 0, 1, 1);
    transition: height .1s cubic-bezier(.44, 0, 1, 1)
}

.mejs-time-hovered.no-hover {
    -webkit-transform: scaleX(0)!important;
    -ms-transform: scaleX(0)!important;
    transform: scaleX(0)!important
}

.mejs-time-handle,
.mejs-time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 11
}

.mejs-time-handle-content {
    border: 4px solid hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 10px
}

.mejs-time-rail .mejs-time-handle-content:active,
.mejs-time-rail .mejs-time-handle-content:focus,
.mejs-time-rail:hover .mejs-time-handle-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mejs-time-float {
    background: #eee;
    border: 1px solid #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17px;
    margin-bottom: 9px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 36px
}

.mejs-time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    text-align: center;
    width: 30px
}

.mejs-time-float-corner {
    border: 5px solid #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.mejs-long-video .mejs-time-float {
    margin-left: -23px;
    width: 64px
}

.mejs-long-video .mejs-time-float-current {
    width: 60px
}

.mejs-broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%
}

.mejs-fullscreen-button>button {
    background-position: -80px 0
}

.mejs-unfullscreen>button {
    background-position: -100px 0
}

.mejs-mute>button {
    background-position: -60px 0
}

.mejs-unmute>button {
    background-position: -40px 0
}

.mejs-volume-button {
    position: relative
}

.mejs-volume-button>.mejs-volume-slider {
    -webkit-backface-visibility: hidden;
    background: rgba(50, 50, 50, .7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    z-index: 1
}

.mejs-volume-button:hover {
    border-radius: 0 0 4px 4px
}

.mejs-volume-total {
    background: hsla(0, 0%, 100%, .5);
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px
}

.mejs-volume-current {
    left: 0;
    margin: 0;
    width: 100%
}

.mejs-volume-current,
.mejs-volume-handle {
    background: hsla(0, 0%, 100%, .9);
    position: absolute
}

.mejs-volume-handle {
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px
}

.mejs-horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px
}

.mejs-horizontal-volume-total {
    background: rgba(50, 50, 50, .8);
    height: 8px;
    top: 16px;
    width: 50px
}

.mejs-horizontal-volume-current,
.mejs-horizontal-volume-total {
    border-radius: 2px;
    font-size: 1px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute
}

.mejs-horizontal-volume-current {
    background: hsla(0, 0%, 100%, .8);
    height: 100%;
    top: 0;
    width: 100%
}

.mejs-horizontal-volume-handle {
    display: none
}

.mejs-captions-button,
.mejs-chapters-button {
    position: relative
}

.mejs-captions-button>button {
    background-position: -140px 0
}

.mejs-chapters-button>button {
    background-position: -180px 0
}

.mejs-captions-button>.mejs-captions-selector,
.mejs-chapters-button>.mejs-chapters-selector {
    background: rgba(50, 50, 50, .7);
    border: 1px solid transparent;
    border-radius: 0;
    bottom: 100%;
    margin-right: -43px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 50%;
    visibility: visible;
    width: 86px
}

.mejs-chapters-button>.mejs-chapters-selector {
    margin-right: -55px;
    width: 110px
}

.mejs-captions-selector-list,
.mejs-chapters-selector-list {
    list-style-type: none!important;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.mejs-captions-selector-list-item,
.mejs-chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none!important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0
}

.mejs-captions-selector-list-item:hover,
.mejs-chapters-selector-list-item:hover {
    background-color: #c8c8c8!important;
    background-color: hsla(0, 0%, 100%, .4)!important
}

.mejs-captions-selector-input,
.mejs-chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute
}

.mejs-captions-selector-label,
.mejs-chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px 0;
    width: 100%
}

.mejs-captions-selected,
.mejs-chapters-selected {
    color: #21f8f8
}

.mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px
}

.mejs-captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400
}

.mejs-captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text,
.mejs-captions-text * {
    background: hsla(0, 0%, 8%, .5);
    box-shadow: 5px 0 0 hsla(0, 0%, 8%, .5), -5px 0 0 hsla(0, 0%, 8%, .5);
    padding: 0;
    white-space: pre-wrap
}

.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container {
    display: none
}

.mejs-overlay-error {
    position: relative
}

.mejs-overlay-error>img {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    z-index: -1
}

.mejs-cannotplay,
.mejs-cannotplay a {
    color: #fff;
    font-size: .8em
}

.mejs-cannotplay {
    position: relative
}

.mejs-cannotplay a,
.mejs-cannotplay p {
    display: inline-block;
    padding: 0 15px;
    width: 100%
}
/*===================================================================================*/
/* 26.0 Footer Layout
/*===================================================================================*/

.site-info .footer-sidebar {padding: 0rem;}
.site-info .footer-sidebar a:hover, .site-info .footer-sidebar a:focus { color: #333333;}
.site-info .custom-social-icons li > a:hover, .site-info .custom-social-icons li > a:focus {
    background-color: #fff;
}

/*--------------------------------------------------------------
 27.0 header variation Layout2
--------------------------------------------------------------*/
.layout2.header-sidebar { background: #333333;}
.layout2.navbar {
    background-color: transparent;
    position: absolute;
    z-index: 2; 
    width: 100%; 
    background-color: rgba(0,0,0,0.2);
    color: #ffffff; 
}
.layout2.navbar .nav .nav-item .nav-link,
.layout2.navbar .nav .nav-item .dropdown-item{
    color:#ffffff;
}
.layout2.navbar .options-box .nav-search a,
.layout2.navbar .options-box .cart-header > a.cart-icon{color: #ffffff;}
.layout2 .navbar-brand{float: left;}
.layout2.navbar .nav .nav-item .dropdown-menu {
    color: #ffffff;
    background-color: #333333;
    border: 1px solid rgba(0,0,0,.15);
}
.layout2 .header-module { margin-right: 0;/*float: left;*/}
.btn-style-two {
    position: relative;
    font-size: 1rem;
    line-height: 1.875rem;
    color: #ffffff;
    overflow: hidden;
    padding: 0.7rem 1.375rem  0.78rem;
    background-color: transparent; 
    border:1px solid #ffffff;
    display: inline-block;
}
.btn-style-two:hover, .btn-style-two:focus{
   border: 1px solid #ffffff;
   background-color: #ffffff;
}
.layout2#searchbar_fullscreen,.layout3#searchbar_fullscreen { background-color: rgba(255, 255, 255,0.95);}
.layout2 .btn-box {
    position: relative;
}
.layout2 .custom-logo-link-url .site-title a,
.layout2 .custom-logo-link-url p {
    color: #ffffff;
}




@media (min-width: 800px) and (max-width: 1280px) {
  .layout2 .btn-style-two {
      font-size: 0.8rem;
      line-height: 1.875rem;
      padding: 0.6rem 0.85rem 0.6rem;
  }
  .layout2.navbar .nav .nav-item .nav-link {font-size: 0.876rem;}
  .layout2.navbar .nav .nav-item { margin-right: 1rem;}
}

@media only screen and (max-width: 768px){
  .layout2 .btn-box {float: left; }
  .layout2 .navbar-collapse {background-color: #333333;}
  .layout2 .options-box{margin-left: 1rem;}
}
.layout2#slider-carousel .item { height: 40rem !important;}
.layout2 .slider-caption .title { margin-top: 60px;}
@media (min-width: 992px){
  .layout2 .options-box{
    width: 100px;
    float: right;
    text-align: right;
  }
}
/*--------------------------------------------------------------
27.1 header variation Layout3
--------------------------------------------------------------*/
 .layout3.header-sidebar .bottom-header {
    /*background: #ffffff;*/
    padding: 1.35rem 0 1.35rem;
}
.layout3 .head-contact-info {
    padding: 0.438rem 0 0.438rem;
    margin: 0px auto;
    display: block;
}
.layout3 .contact-icon {
    margin: 0.2rem 0.625rem 0.625rem 0;
    padding: 0;
}
.layout3 .contact-icon i {
    font-size: 2.25rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.layout3 .head-contact-info i {
    padding-right: 0.625rem;
    padding-left: 0.063rem;
}
.layout3.header-sidebar address { margin: 0; /*color: #333333;*/font-size:0.938rem;}
.layout3.navbar{/*background-color: #333333;*/ padding: 0;}

@media (min-width: 991px){
  .layout3.header-sidebar .contact-widget { float: right; }
  .layout3 .btn-style-one {display: block;}
}
.layout3.navbar .nav .nav-item .nav-link,
.layout3.navbar .nav .nav-item .dropdown-item{
  color:#ffffff;
}
.layout3.navbar .options-box .nav-search a,
.layout3.navbar .options-box .cart-header > a.cart-icon{color: #ffffff;}
.layout3.navbar-brand{float: left;}
.layout3.navbar .nav .nav-item .dropdown-menu {
    color: #ffffff;
    /*background-color: #333333;*/
    border: 1px solid rgba(0,0,0,.15);
}

.layout3 .header-module { margin-right: 0;float: left;}
.layout3 .btn-box {
    position: relative;
}
.layout3.header-sidebar { background: none;}
.layout3 .navbar-toggler { margin: 13px 0;}
@media (max-width: 500px){
.layout3.header-sidebar { text-align: center;}
.layout3 .head-contact-info .contact-widget .media { display: block;}
.layout3 .navbar-brand {float: none;}
}
@media (max-width: 768px){
 .layout3 .options-box .btn-box {display: none;}
 .layout3.navbar {padding: 0 0.938rem 0 0.938rem;}
 .layout3 .options-box{margin-left: 1rem;}
}
@media (max-width: 991px) {
  .layout3 .btn-style-one { display: inline-block;}
  .layout3.header-sidebar .contact-widget{margin-bottom: 0.938rem;}
}
@media (min-width: 800px) and (max-width: 1280px) {
.layout3 .btn-style-one{
    font-size: 0.8rem;
    line-height: 1.875rem;
    padding: 0.8rem 0.85rem 0.8rem;
  }
 .layout3.navbar .nav .nav-item .nav-link {font-size: 0.876rem;}
 .layout3.navbar .nav .nav-item { margin-right: 1rem;}
}
/*--------------------------------------------------------------
28.0 Contact Page
--------------------------------------------------------------*/
.contact-section{padding:6rem 0 6.1rem;}
.contact-section .contact-info-outer,.contact-section .contact-form-outer{
  -webkit-box-shadow: 0px 0px 2.25rem 4px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 2.25rem 4px rgba(0,0,0,0.1);
}
/*contact info*/
.contact-section .contact-info .details,
.contact-section .contact-info .title,
.contact-section .contact-info .subtitle {color: #ffffff; margin-bottom: 2.1875rem;}
.contact-section .contact-info .subtitle {margin-bottom:0.75rem; font-size: 1rem; font-weight: 400;}
.contact-section .contact-info .contact-icon i { color: #ffffff; font-size: 1.875rem;}
.contact-section .contact-info{padding: 64px 35px 53px 35px;}
.contact-section .contact-info .details{margin-bottom: 2.3125rem;}
.contact-section .contact-info .contact-widget .title {
    color:#ffffff;
    margin-bottom: 1.125rem;
    font-weight: 600;
}
.contact-section .contact-info .contact-icon {
    float: left;
    margin: 0 2rem 0 0;
    padding: 0;
}
.contact-section .contact-info address {
    margin-bottom: 1.125rem;
    color:#ffffff;
    font-size:1rem;
}
.contact-section .contact-info .custom-social-icons{margin-top: 1rem;}
.contact-section .contact-info .custom-social-icons li a{
   font-size:1.25rem;
   line-height: 1.6;
   height: 2rem;
   width: 2rem;
}
.contact-section .contact-info .custom-social-icons li { padding: 0.625rem 0.4rem;}

/*contact form*/
.contact-section .contact-form-outer{background-color: #ffffff;}
.contact-section .contact-form{padding: 64px 35px 40px 35px;}
.contact-section .contact-form .title{margin-bottom: 2.5rem; }
.contact-section .contact-form .subtitle{margin-bottom: 0.8rem;font-size: 1rem; font-weight: 400;}
.contact-section .contact-form input, 
.contact-section .contact-form textarea{;
  color: #777777;
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
}
.contact-section .contact-form button:not(.customize-partial-edit-shortcut-button),
.contact-section .contact-form input[type="button"],
.contact-section .contact-form input[type="submit"]{
    display: inline-block;
    font-weight:600;
    min-width: 8.5rem;
    font-size: 1rem;
    padding: 1rem 1.8rem;
    margin-top: 1.25rem;
}
.contact-section .contact-form button:hover,
.contact-section .contact-form input[type="button"]:hover,
.contact-section .contact-form input[type="submit"]:hover,
.contact-section .contact-form button:focus,
.contact-section .contact-form input[type="button"]:focus,
.contact-section .contact-form input[type="submit"]:focus{   
    color: #ffffff;
}

@media (max-width: 600px){
  .contact-page1 .contact-info-outer, .contact-page1 .contact-form-outer{ margin: 15px; } 
}
@media (max-width: 1200px){ 
  .contact-form-map .row{ margin-right: 0; margin-left: 0; } 
}

/*--------------------------------------------------------------
28.1 Contact Page2
--------------------------------------------------------------*/
.contact-section.contact-form2{padding-top:0px;}
@media (max-width: 600px){  
  .contact-page2 .contact-info-outer, .contact-form2 .contact-form-outer{ margin: 15px; } 
}
@media (max-width: 768px){ 
  .contact-page2 .contact-form-map #google-map iframe{ height: 560px;} 
}
/*--------------------------------------------------------------
28.2 Contact Page3
--------------------------------------------------------------*/
@media (max-width: 600px){  
  .contact-page3 .contact-info-outer, .contact-page3 .contact-form-outer{ margin: 15px; } 
}
/*--------------------------------------------------------------
28.3 Contact Page4
--------------------------------------------------------------*/
.conatct-page4.contact-info{padding-bottom: 4.375rem;}

.conatct-page4.contact-info .contact-widget {
    margin: 0 0 1.75rem;
    padding: 2.75rem 2.5rem 2rem;
    transition: 0.3s ease-out;
    width: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
}
.conatct-page4.contact-info .contact-icon{
    position: relative;
    margin: 0 auto 0.938rem;
}
.conatct-page4.contact-info .contact-icon i{
    font-size: 5rem;
    line-height: 1;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.conatct-page4.contact-info address{color:#777777;}
.conatct-page4.contact-info .contact-widget .title {
    margin: 0 0 1.200rem;
    font-size:1.25rem;
    font-weight: 600;
}
.conatct-page4.contact-info .contact-widget:hover, .conatct-page4.contact-info .contact-widget:focus {
    color: #fff;
}
.conatct-page4.contact-info .contact-widget:hover .contact-icon i,
.conatct-page4.contact-info .contact-widget:focus .contact-icon i {
    color: #ffffff;
}
.conatct-page4.contact-info .contact-widget:hover .title, 
.conatct-page4.contact-info .contact-widget:focus .title,
.conatct-page4.contact-info .contact-widget:hover address, 
.conatct-page4.contact-info .contact-widget:focus address{
    color: #fff;
}
.section-space.contact-form4{padding-top: 6.25rem;}
@media (max-width: 600px){  
  .contact-form4 .contact-info-outer, .contact-form4 .contact-form-outer{ margin: 15px; } 
}
/*--------------------------------------------------------------
28.0 Breadcrumnb
--------------------------------------------------------------*/
.page-title-section{
    background: #17212C url('assets/images/breadcrumb/breadcrumb.jpg');
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.page-title-section .page-title h1 {
    font-weight: bold;
    line-height: 1.3;
    font-size: 2.25rem;
    margin: 0 0 0.625rem;
    word-break: break-word;
}
.page-breadcrumb li { display: inline-block; }
.page-breadcrumb {
    margin-top: 1.688rem;
    position: relative;
    padding: 0;
    color: white;
    font-size: 1rem;
    float: right;
}
.page-breadcrumb span a{
    color: #fff;
    word-break: break-word;
}
.page-breadcrumb .icon::before{
    font-size: 0.938rem;
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
.breadcrumb-overlay {
    height: 100%;
    position: relative;
    width: 100%;
    padding: 6.938rem 0 5.938rem;
    /*background-color: rgba(0,0,0,0.6);*/
  }
.breadcrumb-overlay .theme-dtl{
    color: #FFFFFF;
    font-size: 1rem;
    margin-bottom: 1.063rem;
    font-weight: normal;
}
@media (max-width: 600px){
  .page-breadcrumb{text-align: left;float: left;margin: 5px 0 0;}
}

/*--------------------------------------------------------------
29.0 Pagination

/*===================================================================================
31.0  Error 404 page
===================================================================================*/
.section-space.error-page{padding-top: 5.2rem;}

.error-page .title {
  font-size: 25rem;
  line-height: 0.85;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 0rem;
}
.error-page .contact-title{
  font-size: 2.250rem;
  margin-bottom: 10px;
  word-break: break-word;
}

.error-page .title img { margin-bottom: 3rem;} 
.error-page .not-found-btn input[type="submit"] {
  position: relative;
  padding: 1.1rem 2rem;
  margin-bottom: 0.813rem;
  margin-top: 1rem;
  font-size: 1rem;
}
.error-page .title .img-fluid {
  max-width: 100%;
  width: auto;
  height: auto;
}
#container{
  width: 30%;
  display: inline-block;
  margin-top: 1.875rem;
}

@media only screen and (max-width: 991px) {
  .error-page .title { font-size:20rem; }
  #container{ width: 50%; display: inline-block; }
  .error-page .title img {
    height: 15.625rem;
    width: 10.625rem;
  } 
}
@media only screen and (max-width: 768px) {
  .error-page .title { font-size:15rem; }
  #container{
    width: 80%;
    display: inline-block;
  }
  .error-page .title img {
    height: 12.625rem;
    width: 7.625rem;
  } 
}
@media only screen and (max-width: 500px) {
  .error-page h1 { font-size: 1.5rem}
  #container{ width: 100%; display: inline-block;}
  .error-page .title {font-size:10rem;}
  .error-page .title img {
    height: 8rem;
    width: 5.625rem;
    margin-bottom: 2rem;
  } 
}

/*===================================================================================*/
/* 32.0 Header Variation sticky_fade , sticky_shrink , sticky_slidedown 
/*===================================================================================*/
.stickymenu{
   position: fixed;
   top: 0;
   width: 100%;
   background-color: rgba(255,255,255,0.8);
   box-shadow: 0 3px 5px rgba(0,0,0,0.05);
   z-index: 1000;
}
.stickymenu1{
     display: none;
     position: fixed;
     top: 0;
     width: 100%;
     background-color: rgba(255,255,255,0.8);
     box-shadow: 0 3px 5px rgba(0,0,0,0.05);
     z-index: 1000;
}
.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.8);
}
.navbar.shrink{
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
}
.navbar.shrink1{
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}
.shrink1{
    width: 100%;
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    z-index: 1000; 
    position: fixed;
    top: 0;
}

@media (min-width: 1200px) {
  body.boxed .layout4.header-sticky.eight{
    width: 1210px;
  }  
  body.boxed .stickymenu1, body.boxed .stickymenu,body.boxed .shrink1{
    width: 1210px;
  }
}

/*===================================================================================*/
/* 33.0 SLIDER VIDEO BUTTON AND IMAGES
/*===================================================================================*/
.slider-image img {padding: 3px; background-color: #ffffff;}
.slider4 .slider-image { padding-bottom: 1.875rem;}
.bcslider-section .owl-theme.slider4 .owl-dots {top: 89.3%;}
#slider-carousel.slider4 .item {height: 52rem !important;}
.video-frame {width: 100%; height: 100%;}

#slider-carousel .video-frame iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}
/*.image-slider-caption {padding-top: 17.5rem;}
.video-slider-caption {padding-top: 17.5rem;}*/
@media (max-width: 600px) {
  .image-slider-caption {padding-top: 7.5rem;}
  .video-slider-caption {padding-top: 9.5rem;}
  .video-slider-caption .caption-content {padding-bottom: 15px;padding-bottom: 15px}
  .video-frame {padding-bottom: 15px; padding-top: 15px}
  .circle {visibility: hidden;}
}
#slider-video { border: 0.3rem solid #FFFFFF;}
#slider-video {
  text-transform: uppercase;
  font-weight: 300;
  padding: 0.813rem 1.125rem;
  display: inline-block;
  font-size: 0.813rem;
  margin: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.section-video .video-btn a:after {
  position: relative;
  top: 25%;
  left: 25%;
  margin: 0px 0 0 0px;
  width: 0;
  height: 0;
  border-top: 0.938rem solid transparent;
  border-bottom: 0.938rem solid transparent;
  content: '';
  display: block;
}
.section-video .video-btn a:after {border-left: 1.563rem solid #FFFFFF;}
@media only screen and (max-width: 600px) {
  .section-video br{display: block}
}
.section-video {
  position: relative;
  width: 100%;
  height: 43rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.section-video .caption-content {
  z-index: 10;
  position: absolute;
}
.slider-video-btn {
  top: 40%;
  right: 15%;
  position: absolute;
}
.slider-video-btn a {
  font-size: 6rem;
  color: #fff !important;
}
.circle1 {
  border-radius: 50%;
  border: 2px solid #ffffff;
  width: 7.5rem;
  height: 7.5rem;
  right: -1.188rem;
  top: 1rem;
  position: absolute;
  opacity: 0;
  animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}
.slider-caption .text-right .inner-title {
   /* padding: 0 50px 0 0;*/
}
.slider-caption .text-right .inner-title:before {
    right: 0;
    left: unset;
}
a:hover .circle1 {animation-play-state: paused;}

#slider-button {
    text-transform: uppercase;
    font-weight: 300;
    padding: 1.25rem 1.438rem;
    display: block;
    font-size: 0.813rem;
    margin: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
#slider-button {
    border: 5px solid #FFFFFF;
}
.slider-video-btn a:after {
    position: relative;
    margin: 0px 0 0 0px;
    width: 0;
    left: 20%;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: '';
    display: block;
}
.slider-video-btn a:after {
    border-left: 25px solid #ffffff;
}
.circle1 {
    border-radius: 50%;
    border: 2px solid #ffffff;
    width: 8.85rem;
    height: 8.85rem;
    right: -1.9122rem;
    top: -1.92rem;
    position: absolute;
    opacity: 0;
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@media (max-width: 768px) {
  .circle1 {
    width: 10rem;
    height: 10rem;
    right: -2.12rem;
    top: -2.1rem;
  }
}
@media (max-width: 600px) {
  .slider-video-btn {
    visibility: hidden;
  }
}
.video-slider-caption1 {
    position: absolute;
    display: contents;
    z-index: 1;
    width: 100%;
}
.video-slider-caption1 .video-btn {
    margin: 30px 0;
}
.widget .banner-widget .btn-light:hover, .widget .banner-widget .btn-light:focus{color: #ffffff;}
.related-post .single-post .fa {
    background-color: #101010;
}




.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}
.widget-slide thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}
.widget-slide .woocommerce-widget-layered-nav li, 
.widget-slide .widget_recent_reviews li, 
.widget-slide .widget_top_rated_products li, 
.widget-slide .widget_products li, 
.widget-slide .widget_nav_menu li, 
.widget-slide .widget_pages li, 
.widget-slide .widget_product_categories li, 
.widget-slide .widget_categories li, 
.widget-slide .widget_archive li, 
.widget-slide .widget_recent_entries li, 
.widget-slide .widget_meta li, 
.widget-slide .widget_recent_comments li,
.widget-slide .widget ul li {
    padding-left: 1.25rem;
    border-color: #ffffff;
}
    
.form-slider .widget {
    background-color: rgb(255 255 255 / 90%);
    padding: 40px 30px 10px;
    border-radius: 7px;
    margin-left: 30px;
}



.wp-block-embed iframe {
    max-width: 100%;
}



/*===================================================================================*/
/*New Widget Css Sidebar
/*===================================================================================*/
/*.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-bottom: 1.188rem;
    font-weight: 600;
    margin: 0;
    z-index: 1;
    padding-left: 40px;
    position: relative;
}*/
.footer-sidebar .wp-block-search .wp-block-search__label,
.footer-sidebar .widget.widget_block h1,
.footer-sidebar .widget.widget_block h2,
.footer-sidebar .widget.widget_block h3,
.footer-sidebar .widget.widget_block h4,
.footer-sidebar .widget.widget_block h5,
.footer-sidebar .widget.widget_block h6 {
    padding-bottom: 0.5rem;
    color: #ffffff;
    margin: 0 0 1rem;
    font-weight: 600;
}
.sidebar .widget .wp-block-tag-cloud a ,
.footer-sidebar .widget .wp-block-tag-cloud a {
    font-size: 0.938rem !important;
    display: inline-block;
    padding: 0.438rem 1.063rem;
    color: #777777;
    background-color: #f4f4f4;
    margin: 0 0.125rem 0.438rem;
}
.sidebar .widget .wp-block-tag-cloud a:hover ,
.sidebar .widget .wp-block-tag-cloud a:focus ,
.footer-sidebar .widget .wp-block-tag-cloud a:hover ,
.footer-sidebar .widget .wp-block-tag-cloud a:focus {/*background-color: #1cc9ed; */color: #ffffff !important;}

.widget_block .wp-block-search .wp-block-search__inside-wrapper {
    padding: 0rem;
    display: flex;
}
.wp-block-search .wp-block-search__input {
    width: 75%;
    display: inline-block;
}
.footer-sidebar .wp-block-search .wp-block-search__button,
.sidebar .wp-block-search .wp-block-search__button {
    color: #ffffff;
    z-index: 1;
    padding: 0.625rem 0.938rem;
    border-radius: 0;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
}
.wp-block-search__button .search-icon {
    fill: white;
}
/*.footer-sidebar .wp-block-calendar table caption, .footer-sidebar .wp-block-calendar table tbody {
    color: #acacac;
}
.footer-sidebar .wp-block-calendar tbody td, .footer-sidebar .wp-block-calendar th {
    border: 1px solid #3f3f3f;
}
.footer-sidebar .wp-block-calendar {
    color: #333333;
}*/
.wp-block-latest-comments__comment {
    font-weight: 600;
    line-height: 1.1;
}

@media (max-width: 1100px){
  .logo_title {
    display: inline-block !important;
  }
}
/*.main-header-btn{
    margin-right: 1.875rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    margin-left: 0.625rem;
}*/
@media (max-width: 768px){
  .main-header-btn{
     margin-left: 0rem;
  }
}
.layout3 .main-header-btn {
    padding-top: 0;
    padding-bottom: 0;
}


/*--------------------------------------------------------------
 27.0 header variation Layout4
--------------------------------------------------------------*/
/*.navbar.navbar4 {
    position: relative;
    background-color: rgba(255, 255, 255, 1);
}*/
.layout4.header-sidebar {border-bottom: 1px solid #000000;}
.navbar4 .custom-logo-link-url .site-title a  , 
.navbar4 .custom-logo-link-url .site-description {color:  #000000;}

@media (min-width: 992px) {
    .navbar4 .header-lt {
        z-index: 999;
        position: initial;
        width: inherit;
    }
    .navbar4 .header-lt::before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        right: auto;
        left: 0;
        /*background-color: #1cc9ed;*/
        width: 27.5vw;
        z-index: -2;
        display: block;
    }
    .navbar4 .header-lt::after {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: auto;
        right: auto;
        /*background-color: #1cc9ed;*/
        -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 {
        left: auto;
        right: auto;
        width: 12px;
        top: 0;
        margin-left: 16rem;
        z-index: 100;
        bottom: 0;
        background-color: #000000;
        display: block;
        position: absolute;
        content: '';
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -o-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        transform: skew(-15deg);
    }
    .navbar4 .col-lg-4 {
        position: initial;
        display: table-header-group;
        z-index: 0;
    }
    .navbar4 .custom-logo-link-url .site-description {width: 250px;}
    .navbar4 .ml-auto {display: inline-flex;}
    .navbar4 .custom-logo-link-url {display: table-caption;}
    .navbar4 .header-lt {display: inline-block;}
}
@media (min-width:992px) and (max-width: 1200px) {
  .navbar4 .navbar-nav {margin-left: 80px !important;}
}
@media (max-width: 991px) {
  .navbar4 .header-lt {
     /* background-color: #1cc9ed;*/
  }
  .navbar4 .header-lt {
      text-align: center;
      padding: 30px;
  }
  .navbar4 .navbar-toggler {
    /*  display: block;
      margin: 30px auto 0;*/
  }
  .navbar4 .custom-logo-link-url {margin: 20px 0 0;}
  .navbar4 .navbar-collapse ul, .navbar4 .navbar-collapse ol {margin: 1.5em 0em 1.5em 0;}
}
.border-btm{border-bottom: 1px solid #ffffff;}


/*--------------------------------------------------------------
 27.0 header variation Layout6
--------------------------------------------------------------*/
.navbar.navbar6 {
    padding-top:0;
    padding-bottom: 0;
    background-color: rgba(10, 10, 10, 1);
    position: relative;
    width: 100%;
}
.navbar.navbar6 .nav .nav-item .nav-link:hover, 
.navbar.navbar6 .nav .nav-item .nav-link:focus, 
.navbar.navbar6 .nav .nav-item.active .nav-link, 
.navbar.navbar6 .nav .nav-item:hover .nav-link, 
.navbar.navbar6 .nav .nav-item .nav-link:focus {
    color: #ffffff !important;
    position: relative;
}
.navbar.navbar6 .nav .nav-item.active .nav-link {
    color: #ffffff;
   /* background-color: #1cc9ed;*/
}
.navbar.navbar6 .nav .nav-item .nav-link {
    color: #ffffff;
}
.navbar.navbar6 .header-module {
    margin-left: 15px;
}
.navbar.navbar6 .nav .nav-item {
    margin-right: 0;
    padding-bottom: 0;
}
.navbar.navbar6 .search-box-outer a,
.navbar.navbar6 .cart-header > a.cart-icon{color: #ffffff;}
.navbar.navbar6 .navbar-toggler {margin: 10px auto 0;}
@media (min-width: 992px) {
  .navbar.navbar6 .nav .nav-item .nav-link {
    padding: 1rem 0.75rem;
    margin:0;
  }
  .navbar.navbar6 .navbar-nav > li.active > a:after {
    content: '';
    position: absolute;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    display: block;
    top: 0;
    color: #ffffff;
    left: 47%;
  }
}
@media (max-width: 991px){
  .navbar.navbar6 { padding-bottom: 1rem; }
  .navbar6 .header-module {text-align: left;}
  .navbar6.navbar .nav .nav-item .nav-link {
    padding: 0rem 15px;
  }
  .navbar6.navbar .main-header-btn .btn-box {
    text-align: left;
    margin: 10px 0;
  }
}
@media (max-width: 1199px) {
  .navbar.navbar6 .nav .nav-item {
    margin-right: 0;
  }
}

/*------------------index 6 layout------------*/
.navbar-header.index6 {
    text-align: center;
    background-color: #fff;
    padding:17px 0 17px;
}
.navbar-header.index6 .navbar-brand {
    margin-right: 0;
    white-space: unset;
}
.index6 .custom-logo-link-url {padding: 5px 0;}
.index6 .custom-logo-link-url .site-title .site-title-name{font-size: unset;}
.index6 .site-title {margin: 2px 0; line-height: 1.2;}
.navbar-header.index6 .custom-logo-link-url .site-title-name {padding: 2px 0 2px;}

.navbar .bg-light{
    color: #ffffff !important;
    /*background-color: #1cc9ed !important;*/
}
.navbar .text-dark{color: #ffffff !important;}
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li.show > .dropdown-item {
    /*background-color: #1cc9ed !important;*/
    color:#ffffff !important;
}



/*--------------------------------------------------------------
 27.0 header variation Layout5
--------------------------------------------------------------*/
/*.navbar5.navbar {position: relative; background-color: #000000;}*/
.navbar5 .navbar-toggler {
    float: none;
   /* margin: 0 auto;*/
}
.layout5 .search-box-outer a , .layout5 .cart-header > a.cart-icon {color: #000000;}
.layout5 .search-box-outer .dropdown-menu {
    transform: none !important;
    top: 45px !important;
    box-shadow: 0px 0px 5px 0px #00000040;
    left: auto !important;
    right: 0px;
    width: 324px !important;
}
.layout5.header-logo {padding: 10px 0;background: #fff;}
.layout5 .header-module {
    margin: 0px 0;
    display: inline-block;
    float: right;
}
.layout5 .nav-search {display: inline-block;}
.layout5 .cart-header {display: inline-block;}
.layout5 .btn-box {display: inline-block;}
.navbar5.navbar .nav .nav-item .nav-link {
    color: #ffffff;
}
.layout5 .search-box-outer .dropdown-menu > li {
    padding: 5px 10px;
}
.layout5 .search-panel .form-container {
    padding: 0;
}
@media (min-width: 991px) {
  .layout5 .header-module {padding: 20px 0 0px 0;}
  .navbar5.navbar .nav .nav-item .nav-link {
      margin: 0.5rem 0;
  }
  .navbar5.navbar {padding-bottom: 0;padding-top: 0;}
  .navbar5.navbar .nav .nav-item .nav-link {
      margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .layout5 .header-module {float: right;margin: 0;padding: 0;}
}
@media (min-width: 768px) {
  .layout5 .header-lt {float: left;}
  .layout5 .custom-logo-link-url {position: relative;display: inline-block;}
  .layout5 .navbar-brand {float: left;}
}
@media (max-width: 767px) {
  .layout5.header-logo {
    text-align: center;
    padding: 20px 0;
  }
  .layout5 .custom-logo-link-url {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }
  .layout5 .btn-box {
    float: none;
    display: inline-block;
  }
  .layout5 .header-module {
    float: none;
  }
  .layout5 .header-lt {margin-bottom: 15px;}
  .layout5 .search-box-outer .dropdown-menu {
    top: 50px !important;
    left: -20px !important;
    right: auto;
    width: 19rem !important;
  }
}
@media (max-width: 991px) {
  .navbar5 .navbar-collapse ul, .navbar5 .navbar-collapse ol {
    margin: 1.5em 0em 1.5em 0em;
  }
}

#video_slider {
    position: absolute;
    bottom: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
}
.video-slider #slider-carousel .item {
    background-color: transparent;
}
.video-slider #slider-carousel {
    margin: 0px;
    position: relative;
    top: 0;
    background: transparent;
}
.video-slider.home-section {
    overflow: hidden;
    height: 46.5rem !important;
}
.video-slider.lite.home-section {
   height: 46.5rem !important;
}
@media (max-width: 786px)
{.video-slider.home-section {
    height: auto !important;
}}

/*===================================================================================*/
/*  SERVICE SECTION 5
/*===================================================================================*/
.services .post img {
    width: 110px;
    height: auto;
}
.services2 .post img {
    width: 62px;
    height: auto;
}
.services3 .post-thumbnail img {
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.services3 .post:hover .post-thumbnail img, .services3 .post:focus .post-thumbnail img {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.services4 .post-thumbnail img {
    width: 60px;
    height: auto;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}
.services4 .post:hover .post-thumbnail img, .services4 .post:focus .post-thumbnail img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
/*===================================================================================*/
/*  TESTIMONIAL SECTION 5
/*===================================================================================*/
.modal-dialog .modal-content .post a {color: #000000;}
.modal-dialog .modal-content .post p {color: #777777;}

.footer-sidebar .widget_block .wp-block-search .wp-block-search__inside-wrapper {
    padding: 0rem 0 2.25rem;
}
.footer-sidebar table {
    margin: 0;
}
.footer-sidebar .widget .entry-title {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 1rem;
}
.footer-sidebar .widget .post {
    border-bottom: none;
}
.footer-sidebar .widget .post .entry-date {
    color: #ffffff;
}
.footer-sidebar .widget .post {
    margin-bottom: 0;
}

.about-section .section-header .about-section-title {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1.875rem;
}
.team-grid h4 {font-weight: 600;}

.mt-30{margin-bottom: 35px;}


.sidebar .widget:last-child{margin: 0 0 1.875rem;}


/*.team1 .team-grid{margin-bottom: 0;}*/


@media (min-width: 992px){
    .boxed .navbar4 .header-lt::before {
        width: 17.5vw;
    }
}
@media (min-width: 768px){
    .p-r-0{padding-right: 0;}
    .p-l-0{padding-left: 0;}
}
.contact-section.contact-form2 {
    padding: 6rem 0 6.1rem;
}
.blog-switcher .post .post-thumbnail{width: 21.25rem;}
.blog-switcher .post.right .entry-date:not(.blog-switcher .post.right .entry-date.remove-image) {
    height: 2rem;
    padding: 0.313rem 1.25rem;
    border-radius: 0.2rem;
    line-height: normal;
    position: absolute;
    z-index: 2;
    top: 1.25rem;
    right: 1.25rem;
    left: auto;
}
@media(max-width: 600px){
    .blog-switcher .post.right .entry-date:not(.blog-switcher .post.right .entry-date.remove-image) {
position: initial;
width: fit-content;
margin-bottom: 1.25rem;
}
}
.blog-switcher .post .entry-date a {top: 70%;}
.blog-switcher .post.right .entry-date a:not(.blog-switcher .post.right .entry-date.remove-image a)  
{
    transform-origin: 157px;
    transform: rotate(90deg); 
    right: 30px; 
    left: auto; 
    top: 60%;
}
/*.blog-switcher .post.right .entry-date a {
  transform-origin: 157px;
  transform: rotate(90deg);
  right: 30px; 
  left: auto;
  top: 60%;
}*/

@media (max-width: 768px){
  .blog-switcher .post .right .entry-date a {transform-origin: 118px; right: 0;}
  .blog-switcher .post .post-thumbnail {
      width: 100%;
      float: none;
  }
  .blog-switcher .post{display: block;}
  .blog-switcher .post .entry-date a {top: 45%;}
  .blog-switcher .post.right .entry-date a {top: 73%;}
}
@media (max-width: 500px){
  .blog-switcher .post.right .entry-date a {top: 85%;}
  .blog-switcher .post .entry-date a {top: 37%;}
}

.owl-nav.disabled{
  display: none;
}
figure.portfolio-thumbnail img {
    width: 100%;
}
.portfolio .portfolio-thumbnail .post_cats {
    color: #ffffff;
}

/*CSS blog single page*/

.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 2.5rem 0px 0;
    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;
}
.pull-left-comment {
    float: left;
    margin-right: 1.875rem;
    width: 6.25rem;
    height: 6.25rem;
}
.comment-detail {
    border-bottom: 1px solid #eceff3;
    margin: 0 0 2.813rem;
    padding-bottom: 1.25rem;
}
.comment-date {
    font-size: 0.875rem;
    color: #878e94;
    font-weight: 400;
    margin-left: 1.25rem;
}
.comment-section ul.children {
    margin-left: 30px;
    padding: 20px;
    background-color: #f5f5f5;
}
.woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button{
    background: #56ABAB;
    border: 1px solid #56ABAB;
}
.woocommerce a.added_to_cart,.woocommerce .coupon .button,.woocommerce .actions button.button:disabled{
    background-color: #333333;
    color: #ffffff;
    border: 1px solid #333333;
}
.woocommerce .coupon .button:hover{
    color: #ffffff;
    background-color: #56ABAB;
}
 
.woocommerce ul.products li.product .price ins, 
.woocommerce div.product p.price ins, 
.woocommerce ul.products li.product .price .woocommerce-Price-amount.amount, 
.woocommerce .variations td.label, 
.woocommerce .woocommerce-ordering select, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.select2-container .select2-choice
 {
    
    background-color: #e8e8e8;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-amount.amount{color: #777777;}
/**/
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
   /* background-color: #333333;
    color: #ffffff;*/
    /*border-radius: 0;*/
}
.footer-sidebar ul.wp-block-social-links li{
  padding: 0 0 0 0;
}
.sidebar .widget.widget_block .banner-sub-title,
.sidebar .widget.widget_block .banner-details h2{padding-left: 0;}
.sidebar .widget.widget_block .banner-sub-title:before,
.sidebar .widget.widget_block .banner-sub-title:after,
.sidebar .widget.widget_block .banner-details h2: after,
.sidebar .widget.widget_block .banner-details h2:before{content: none;}
.wp-block-search .wp-block-search__button{
  border: none;
}
/*.section-space.funfact {
    padding: 6.2rem 0 4.375rem;
}*/
.funfact-inner {
    margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  #testimonial-carousel2 .testmonial-block {
    padding: 15px;
  }
  .testimonial.testi-2 .testmonial-block .avatar {
    display: inline-block;
    position: relative;
    left: 0;
    float: left;
    margin-right: 20px;
    width: 5.4rem;
    height: auto;
  }
  #testimonial-carousel2 .testmonial-block figcaption {
    display: inline-block;
  }
}
//Slider Widget
.widget-slide {
          height: auto;
          left: 0;
          position: absolute;
          right: 0;
          z-index: 1;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
      }
      #slider-carousel .item.yes {
          height: 46.5rem !important;
      }
      @media (max-width:767px){.widget-slide .widget_media_image{padding: 0.875rem 0.563rem 1.5rem;}}
      .widget-slide {
        height: auto;
      left: 0;
      position: absolute;
      right: 0;
      z-index: 1;
      top: 45%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  }
    /*--- Form-slider ---*/

    
        .widget-slide .widget.widget_calendar table { margin-bottom: 0em;}
        .widget-slide .widget:last-child {margin-bottom: 10px;}
        .widget-slide .widget.widget_calendar,.widget-slide .widget
        .widget_calendar caption,.widget-slide .widget.widget_calendar a{ color:#000000;}
        .widget-slide .widget.widget_calendar { padding: 15px;
        background-color: rgba(0,0,0,0.5);}
      .widget-slide .widget li a,.widget-slide .widget_archive li a,.widget-slide    
        .widget_categories li a,.widget-slide .widget_links li a,.widget-slide 
        .widget_meta li a, .widget-slide .widget_nav_menu li a,.widget-slide 
        .widget_pages li a,.widget-slide .widget_recent_comments li a,
        .widget-slide .widget_recent_entries li a {color: #fff;}
       .widget-slide .entry-title a{color:#000000;}   
     @media (min-width: 1200px) {
       .widget-slide .widget_media_video .wp-video-shortcode,
       .widget-slide .widget_media_video iframe{height:300px !important;
         width:400px !important;}
        }
     .widget-slide .widget.widget_search{padding-bottom:40px;}
     .widget-slide .widget_recent_comments li{color:#2d6ef8;}
     /*.widget-slide .widget { color: #ffffff;background-color: rgb(0 0 0 / 90%);
    padding: 40px 30px 10px;
    border-radius: 7px;
    margin-left: 30px;}*/
     .
    .widget-slide ul {list-style: none;}
    .widget-slide .wp-block-calendar table caption,.widget-slide .wp-block-calendar table tbody {
      color: #fff;
  }

@media (max-width: 767px) {
      .form-slider .slider-image {padding: 20px;}   
      .widget-slide .widget {margin-left: 0px;margin-top: 30px; }
      #slider-carousel .item.yes { height: 900px !important;}
      .widget-slide .widget:last-child { margin-bottom: 30px;}
      .yes .slider-caption .widget.widget_block {
          margin-left: 0;
      }
    }

.woocommerce nav.woocommerce-pagination ul li a:hover::before ,
.woocommerce nav.woocommerce-pagination ul li a:focus::before{
    width: 100%;
}

.woocommerce li.product .star-rating {
    margin-left: 25%;
}
.widget_block ul ,
.widget_block .wp-block-latest-comments {
    list-style: none;
    margin-left: 0;
    margin: 0;
}


.widget_block ul li:first-child,
.widget_block .wp-block-latest-comments li:first-child {
    position: relative;
    margin-top: 0;
    padding-top: 0;
}
.widget_block ul li:last-child,
.widget_block .wp-block-latest-comments li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.blog .post .entry-content a:not(.more-link), 
.page .post .entry-content a:not(.more-link), 
.page .about-content a, 
.page .about-section a, 
.comment-section .comment-detail a {
    text-decoration: underline!important;
}
.blog .post .entry-content a.btn-small {
    text-decoration: none!important;
}
.sidebar .widget_block.widget_text a, .sidebar .widget.widget_block p a {
    text-decoration: underline!important;
}
.sidebar .widget_block.widget a.tag-cloud-link, .site-footer .widget_block.widget a.tag-cloud-link{text-decoration: none !important;}
.site-footer .widget_block.widget_text a, .site-footer .widget.widget_block p a {
    text-decoration: underline!important;
}
.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;
}

/*button:focus,input[type="button"]:focus,input[type="submit"]:focus {
        outline: 1px DOTTED #000 !important;
}*/
.blog .post-content .entry-title{
    word-break: break-all;
}
.page-section-space.page .post-content:not(body .sps .post-content) {
    padding: 0;
}
a:focus{
  outline-color: #000;
}
.widget-titlhee{
    color: #fff;
}
.layout5 .search-form input[type="submit"]{top: 0.35rem;}
.eight.stickymenu .top-header{display: none;top: unset;}
@media (min-width: 767px) {
    .page-title-section .breadcrumb-overlay.eight{
        padding-top: 19rem;
    }
}
@media (max-width: 768px) {
    .page-title-section .breadcrumb-overlay.eight{
        padding-top: 5rem;
    }
    .layout4.eight{
        position: initial;
        background: #000;
    }
}
.post .post-content .entry-date a,.post .post-content .entry-date a:hover{
    color: #fff;
}
.section-space.shop .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}
.section-space.shop .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
#loadMore
{
    background-color: #fff;
    border: 1px solid #e9e9e9;
    color: #061018;
    font-size: 0.875rem;
    display: inline-block;
    padding: 0.188rem 1.25rem;
    margin: 0 0.500rem 0.625rem 0;
}
.spice-slider .widget.widget_block h1,
.spice-slider .widget.widget_block h2,
.spice-slider .widget.widget_block h3,
.spice-slider .widget.widget_block h4,
.spice-slider .widget.widget_block h5,
.spice-slider .widget.widget_block h6,
.spice-slider .widget.widget_block p,
{
    color: #fff;}

.spice-slider .widget-slide .wp-block-calendar table tbody {
    color: #fff;
}
.spice-slider .widget-slide .wp-block-calendar table th {
    text-align: center;
    color: #fff;
}
.sidebar .wp-block-gallery.columns-3 .blocks-gallery-item,.site-footer .wp-block-gallery.columns-3 .blocks-gallery-item{
    margin: 0 0.625rem 0.625rem 0;
    padding: 0;
}
.woocommerce .sidebar .widget_block ul li.wc-block-grid__product{
padding: 0;
} 
.woocommerce .sidebar .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
   padding: 0.5em 0.5em;
}
.wp-social-link.wp-block-social-link,.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{
    margin: 0 4px;
    padding: 0;
}
.woocommerce .sidebar .wc-block-grid__products .wc-block-grid__product:before{
   display: none;
}
 .entry-meta span:last-child:after {display: none;}
 .navbar6 .main-header-button{
     margin-left: 1rem;
 }
 @media(max-width: 480px){
    .navbar6 .content-center {
    width: auto;
}
 }
.yes .slider-caption.widget-slide .wp-block-gallery.columns-3 .blocks-gallery-item {
    margin: 10px 10px 0 0;
    padding: 0;
    border: none;
    }
@media (max-width:991px){
.services4 .post-thumbnail img {
    width: 40px;
}
}
.blog-author .media-body {
    padding-left: 3px;
}
.reply {
    padding-left: 1px;
}
.sidebar .product_list_widget .size-woocommerce_thumbnail{
  padding-right: 10px;
}
.section-space.shop.woocommerce .page-title {
    display: none;
}
@media (min-width: 500px) and (max-width: 768px) {
  .testimonial-1 .image { width: 60%;margin: 0 auto; }
}
@media (max-width: 400px) {
.testimonial-1 .testimonial-block .entry-content:before {
    bottom: 0.815rem;
    right: 3.375rem;   
}
.testimonial.testimonial-1.slideitem-2 .testimonial-block .avatar,.testimonial.testimonial-1.shortitem-2 .testimonial-block .avatar,
.testimonial.testimonial-1 .testimonial-block .avatar {
    height: 9.4rem!important;
}
}
@media (max-width: 768px) {
  .testimonial.testimonial-1.shortitem-1  .inner-column .image img,
  .testimonial.testimonial-1.shortitem-1 #testimonial-carousel.owl-carousel .owl-item img {
      display: block;
      width: 250px;
      height: auto;
      margin: 0 auto;
      position: relative;
      z-index: 100;
  }
  .testimonial.testimonial-1 .testimonial-block .avatar {
    /*height: auto;*/
}
.testimonial.testimonial-1.slideitem-2 .testimonial-block .avatar,
.testimonial.testimonial-1.shortitem-2 .testimonial-block .avatar {
    height: 11.4rem;
}
  .testimonial.testimonial-1 .testimonial-block .inner-box .content-column {
    position: relative;
    padding-top: 4rem;
}
  }
  .testimonial.testimonial-1.shortitem-1 .image {width: 100%;}
}
.page-section-space .owl-carousel:hover .owl-prev {
    left: 2rem;
}
.page-section-space .owl-carousel:hover .owl-next {
    right: 2rem;
}
.team-grid-col {
    margin-bottom: 30px;
}
.site-info .footer-sidebar .widget_block li:before{
left: unset;
}
.site-info .footer-sidebar .widget_block li a{
    padding-left: 1.25rem
}
@media (max-width:786px){
  .navbar.layout3 .search-box-outer .dropdown-menu {
     left: auto !important;
     right: 0;
  }
  .seven .layout3 .header-module {
      position: absolute;
      top: 20px;
      float: right;
      display: block;
      right: 30px;
  }
}
@media (max-width:576px) {
    .layout5 .search-box-outer .dropdown-menu {
      top: 35px !important;
      left: -100px !important;
      right: auto;
      width: 19rem !important;
    }
}
@media (max-width:786px) {
  .center .custom-logo-link-url,
  .center .navbar-brand {
      margin-right: 0;
  }
  .center .content-center{text-align: center; width: auto;}
  .center .container,.navbar6 .container{justify-content: center;}
}
/*@media (max-width: 767px){
#slider-carousel .item.yes{
height:80rem !important;
}}  */


@media (max-width: 786px){
.video-slider.home-section {
    height: auto !important;
}}



.testimonial.testi-2 .testimonial-dasignation {
    display: inline-block;
}
.testimonial.testi-2 .testimonial-dasignation a {
    position: relative;
}
.testimonial.testi-2 .entry-content p {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .blog .list-view .media {
        display: block;
    }
    .blog .list-view .post-thumbnail {
        width: 100%;
        height: auto;
        float: none;
     }

}
.woocommerce .sidebar a.button,.woocommerce .sidebar a.button:hover{
  color: #fff;
}
#loadMore {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    color: #061018;
    font-size: 0.875rem;
    display: inline-block;
    padding: 0.188rem 1.25rem;
    margin: 0 0.5rem 0.625rem 0;
}
#shop-carousel .posted_in a:not(:empty):not(:last-child):after{
  content: ", ";
}
.portfolio #myDiv{
    padding: 6rem 0;
}
.page-section-space .owl-carousel:hover .owl-prev {
    left: 2rem;
}
@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;
}
}
li.nav-item.radix-btn.menu-item.radix-html {
    margin-top: 13px;
}
body.woocommerce p.stars:hover a::before,body.woocommerce p.stars.selected a:not(.active)::before,body .woocommerce p.stars.selected a.active::before{
    content: "\f005";
}
.blog .entry-date a:hover span.date{color: #fff;}
.testimonial .team-grid {
    margin: 0 0 1rem 0;
}
body .portfolio .pagination a:hover{
    color: #fff;
}
@media (max-width: 768px) {
    .header-rgt {
     text-align: left;
}
}
.page .about-section a.btn-small{
    text-decoration: none!important;
}
.site-info .footer-sidebar .widget.widget_block ul li:before {
    left: unset;
}
nav .after-menu-widget{
    margin: 8px;
}
.testimonial-dasignation a{
    text-decoration: none!important;
}
blockquote a{
    text-decoration: underline!important;
}
.slider-caption.widget-slide {
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.entry-date a:hover,.entry-date a:focus {
    color: #fff;
}
.blocks-gallery-grid .blocks-gallery-image figure, 
.blocks-gallery-grid .blocks-gallery-item figure, 
.wp-block-gallery .blocks-gallery-image figure, 
.wp-block-gallery .blocks-gallery-item figure{
    margin: 2px;
}
.media-body {
    overflow: hidden;
}
.single .reply{
    margin: 0 2px;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 130px;
}
.woocommerce .products .star-rating {
     margin: auto;
}
.portfolio-gallery .center .pagination{
    margin-top: 1.875rem;;
}
.blog-author .media-body{
    padding-left: 2px;
}
.nav-item.main-header-button{
    padding: 6px 0;
}
.navbar1 .collapse.navbar-collapse{
    line-height: 1.4;
}
.cart-total span span {
    display: none;
}
.sps.page-section-space.blog .entry-date {
    height: auto;
    top: 0;
    left: 0;
}
.woocommerce .return-to-shop a.button.wc-backward{
  margin-top: 30px;
}
.testimonial-3 .testimonial-block .entry-content::before {
display:none;
}
.testimonial-3 .testimonial-block .entry-content p::before {
    content: '\f10d';
    font-family: FontAwesome;
    z-index: 0;
    position: relative;
    margin-right:15px;
}
.testimonial-3 .testimonial-block .entry-content p::before {
  opacity: 1;
  left: 0;
  font-size: 1rem;
  line-height: unset;
  color: #FFFFFF;
}
.single-wphester_portfolio .related-posts{
    display: none;
}
.loaded div#preloader1,.loaded .wphester-loader,.loaded #preloader2{
display: none;
}
/*css for Rank Math Breadcrumbs */
.rank-math-breadcrumb {
    margin-top: 1.688rem;
    position: relative;
    padding: 0;
    color: white;
    font-size: 1rem;
    float: right;
}
nav.rank-math-breadcrumb span {
    color:#56ABAB;
}
nav.rank-math-breadcrumb a {
    color: #fff;
    padding-right: 5px;
}
nav.rank-math-breadcrumb a:hover {
    color: #56ABAB;
}
/*css for  NavXT */
.bs-breadcrumb-section .breadcrumb a, .bs-breadcrumb-section .breadcrumb-item span {
    color: #56ABAB;
}
.bs-breadcrumb-section .breadcrumb, .bs-breadcrumb-section .breadcrumb a {
    font-size: 13px;
}
.page-breadcrumb.text-center span {
    background: none;
}
.page-breadcrumb.text-center span:hover {
    background: none;
}
.page-breadcrumb.text-center span.post-page.current-item,
.page-breadcrumb.text-center span.post-post.current-item {
   color:#56ABAB;
}
.page-breadcrumb {
    color: #fff;
}
.navxt-breadcrumb .current-item {
    color:#56ABAB;
}