/*
Theme Name: Uaques
Theme URI: https://uaques.smartdemowp.com/
Author: SmartDataSoft
Author URI: https://smartdatasoft.com
Description: Water is the synonym for Life & if you are the one who provides water to people, trust me you You Are Awesome. Uaques is the awesomely built an amazing WordPress theme which provides amazing features for the amazing companies like you. You will be able to build your site with wonderfully pre-build addons which are created by Elementor page builder.You want to customize your theme? Redux customizar provides you independency to do that. Multimedia posts, multiple post formats, widgets and sidebars are here to make your site more beautiful. Uawues id fully responsive so that your customers can see it in all kinds of devices. And more importantly no matter what you language is, It is compatible. And It is well documented. Don’t hesitate – try it!
Version: 2.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uaques
Tags: delivery, drink, drink water, drinks store, filter, mineral water, online store, water, water cleaning, water delivery, water filter
*/


/* Css For Uaques */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/


/***

====================================================================
  Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/***

====================================================================
  Global Settings
====================================================================

 ***/

body {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    font-weight: 400;
    background: #ffffff;
    font-family: 'PT Sans', sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px;
        padding: 0px 15px;
    }
}

.large-container {
    max-width: 1570px;
    padding: 0px 15px;
    margin: 0 auto;
}

.container-fluid {
    padding: 0px;
}

.auto-container {
    position: static;
    max-width: 1170px;
    padding: 0px 15px;
    margin: 0 auto;
}

.small-container {
    max-width: 680px;
    margin: 0 auto;
}

.boxed_wrapper {
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

a {
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

a:hover {
    text-decoration: none;
    outline: none;
}

input,
button,
select,
textarea {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

input {
    transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

p {
    position: relative;
    color: #666666;
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 0px;
    font-style: normal;
    transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #0e1221;
    margin: 0px;
    transition: all 500ms ease;
}

.text {
    font-size: 16px;
    line-height: 26px;
    font-family: 'PT Sans', sans-serif;
    color: #666;
    margin: 0px;
}

.centred {
    text-align: center;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

figure {
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
}


/** button **/

.theme-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    color: #fff !important;
    padding: 17px 37px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 30px;
    z-index: 1;
    transition: all 500ms ease;
}

.theme-btn:before {
    position: absolute;
    content: '';
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -70px;
    z-index: -1;
    border-right: 60px solid transparent;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.theme-btn:after {
    position: absolute;
    content: '';
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -70px;
    z-index: -1;
    border-left: 60px solid transparent;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.theme-btn:hover::before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}

.theme-btn:hover::after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
}

.pagination {
    position: relative;
    display: block;
}

.pagination li {
    display: inline-block;
    margin: 0px 6px;
}

.pagination li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    text-align: center;
    color: #222;
    background: transparent;
    transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.active {
    color: #fff;
}

.sec-pad {
    padding: 100px 0px 110px 0px !important;
}

.padding_bottom_100 {
    padding-bottom: 100px !important;
}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 24px;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    transition: 1s ease;
    border-radius: 50%;
}

.scroll-top.open {
    bottom: 30px;
}

.scroll-top span {
    color: #fff;
}

.sec-title {
    position: relative;
    margin-bottom: 30px;
}

.sec-title.text-center {
    text-align: center;
}

.sec-title.text-right {
    text-align: right;
}

.sec-title h1 {
    position: relative;
    font-size: 48px;
    font-family: 'Playfair Display', serif;
    line-height: 58px;
    color: #222;
    font-weight: 400;
    padding-bottom: 33px;
}

.sec-title.text-center h1:before {
    right: 50% !important;
    left: inherit;
}


/***

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    left: 0px;
    top: 0px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    width: 100%;
    z-index: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.admin-bar .sticky-header {
    top: 32px;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-header .outer-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: transparent;
    padding: 0px 70px;
}

.main-header .outer-container .header-upper .upper-left .logo-box {
    position: relative;
    float: left;
    padding: 46px 0px 30px 0px;
}

.main-header .outer-container .header-upper .upper-left .logo-box .logo img {
    max-height: 60px;
}

.main-header .outer-container .header-upper .upper-left .info-box {
    position: relative;
    float: left;
    padding: 51px 0px 30px 0px;
    margin-left: 300px;
}

.main-header .outer-container .header-upper .upper-left .info-box .box {
    position: relative;
    padding-left: 55px;
}

.main-header .outer-container .header-upper .upper-left .info-box .box:before {
    position: absolute;
    content: '';
    background: #dedede;
    height: 50px;
    width: 1px;
    left: 40px;
    top: 1px;
}

.main-header .outer-container .header-upper .upper-left .info-box .box .icon-box {
    position: absolute;
    left: 0px;
    top: 12px;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    transition: all 500ms ease;
}

.main-header .outer-container .header-upper .upper-left .info-box .box:hover .icon-box {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    left: 50%;
    opacity: .20;
}

.main-header .outer-container .header-upper .upper-left .info-box .box .text {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #666666;
}

.main-header .outer-container .header-upper .upper-left .info-box .box h3 {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    color: #333;
}

.main-header .outer-container .header-upper .upper-left .info-box .box h3 a {
    color: #333;
}

.main-header .outer-container .header-upper .upper-right .menu-right-content {
    position: relative;
    margin: 50px 0px 0px 40px;
}

.main-header .outer-container .header-upper .upper-right .menu-right-content .search-box-outer,
.main-header .outer-container .header-upper .upper-right .menu-right-content .cart-box {
    position: relative;
    float: left;
}

.main-header .outer-container .header-upper .upper-right .menu-right-content .cart-box a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
}

.main-header .outer-container .header-upper .upper-right .menu-right-content .cart-box a span {
    position: absolute;
    top: 4px;
    right: -18px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    border-radius: 50%;
    transition: all 500ms ease;
}


/** search box btn **/

.main-header .search-box-outer {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.main-header .search-box-btn {
    position: relative;
    font-size: 18px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    color: #222;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    transition: all 500ms ease;
}

.main-header .search-box-btn:hover {
    color: #fff;
}

.main-header .header-upper.dark .search-box-btn {
    color: #fff;
}

.main-header .search-box-outer .dropdown-menu {
    top: 50px !important;
    padding: 0px;
    width: 330px;
    border-radius: 0px;
    background: #ffffff;
    right: 0;
    left: auto !important;
    transform: translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 0.8) !important;
    border-color: transparent;
    border-radius: 3px;
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    transition: .5s ease;
    display: block;
    opacity: 0;
    visibility: hidden;
}

.main-header .search-box-outer .show .dropdown-menu {
    display: block;
    transform: scale3d(1, 1, 1)!important;
    opacity: 1;
    visibility: visible;
}

.main-header .search-panel .form-container {
    padding: 30px;
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 9px 50px 9px 15px;
    height: 50px;
    border: 1px solid #f3f5fe;
    border-radius: 3px;
    background: #f3f5fe;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
    border-color: #f3f5fe;
}

.main-header .search-panel .search-btn {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 50px;
    height: 48px;
    text-align: center;
    color: #111111;
    background: #f3f5fe;
    font-size: 14px;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
}

.dropdown-toggle::after {
    display: none;
}


/** main-menu **/

.main-menu {
    position: relative;
    float: left;
}

.main-menu .navbar-collapse {
    padding: 0px;
    display: block !important;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
}

.main-menu .navigation>li {
    position: relative;
    float: left;
    z-index: 2;
    padding: 60px 0px 3px 0px;
    margin: 0px 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li:before {
    position: absolute;
    content: '';
    width: 0px;
    height: 2px;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    transition: all 500ms ease;
}

.main-menu .navigation>li.current:before,
.main-menu .navigation>li:hover::before {
    width: 30px;
}

.main-menu .navigation>li:last-child {
    margin-right: 0px !important;
}

.main-menu .navigation>li:first-child {
    margin-left: 0px !important;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    opacity: 1;
    font-family: 'PT Sans', sans-serif;
    color: #222;
    padding: 0px;
    z-index: 1;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 250px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    padding: 0px 0px;
    background-color: #ffffff;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    padding: 6px 30px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 6px 0px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    color: #222;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #fff;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 6px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: -2px;
    width: 230px;
    z-index: 100;
    display: none;
    padding: 0px 0px;
    background-color: #ffffff;
    border-top: 3px solid #f5a93f;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 6px 30px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover {
    background: #f5a93f;
    border-color: #f5a93f;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    font-size: 15px;
    padding: 6px 0px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    color: #222;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #fff;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 12px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 900;
    z-index: 5;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #3786ff;
    display: none;
}

.menu-area .mobile-nav-toggler .icon-bar {
    position: relative;
    height: 2px;
    width: 30px;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child {
    margin-bottom: 0px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #3786ff;
    display: none;
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .navbar-collapse {
    display: block !important;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 0.70;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #202020;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn {
    position: absolute;
    right: 25px;
    top: 10px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.mobile-menu .close-btn:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li ul li>a {
    font-size: 16px;
    margin-left: 20px;
    text-transform: capitalize;
}

.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li.current>a:before {
    height: 100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none;
}

.mobile-menu .social-links {
    position: relative;
    padding: 30px 25px;
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 10px 10px;
}

.mobile-menu .social-links li a {
    position: relative;
    line-height: 32px;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .social-links li a:hover {
    color: #f96b39;
}

div#mCSB_1_container {
    top: 0px !important;
}

.mobile-menu .contact-info {
    position: relative;
    padding: 80px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
    position: relative;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
    position: relative;
    display: block;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.80);
    margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a {
    color: rgba(255, 255, 255, 0.80);
}

.mobile-menu .contact-info ul li a:hover {
    color: #f96b39;
}

.mobile-menu .contact-info ul li:last-child {
    margin-bottom: 0px;
}


/** stricky-header **/

.sticky-header .main-menu .navigation>li {
    margin: 0px;
}

.sticky-header .main-menu .navigation>li>a {
    padding: 18px 35px 17px 35px !important;
}

.sticky-header .main-menu .navigation>li>a {
    color: #222 !important;
}

.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li:hover>a {
    color: #fff !important;
}

.sticky-header .logo-box {
    position: relative;
    float: left;
    padding: 11px 0px 14px 0px
}

.sticky-header .menu-area {
    position: relative;
    float: right;
}

.sticky-header .main-menu .navigation>li>a:before {
    display: none;
}

.sticky-header .main-menu .navigation>li {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
}

.sticky-header .main-menu .navigation>li:before {
    display: none;
}


/* main-slider **/

/* slide nav */

.main-slider .owl-dots {
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: 52px;
    display: none;
}

.main-slider .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 100%;
    transform: translateY(-50%);
}

.main-slider .owl-nav [class*="owl-"] {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}

.main-slider .owl-nav .owl-prev {
    position: absolute;
    left: 30px;
}

.main-slider .owl-nav .owl-next {
    position: absolute;
    right: 30px;
}

.main-slider .owl-nav [class*="owl-"]:hover {
    color: #fff;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav {
    display: none !important;
}

/** delivery-section **/
.delivery-section {
    position: relative;
    padding: 100px 0px;
}

.delivery-section .top-title {
    margin-bottom: 30px;
}

.single-shop-block .inner-box {
    position: relative;
    display: block;
    text-align: center;
    background: #fff;
    padding: 60px 40px;
    margin: 30px 0px;
    border-radius: 5px;
    transition: all 500ms ease;
}

.single-shop-block:hover .inner-box {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.single-shop-block .image-box {
    position: relative;
    display: block;
    margin-bottom: 43px !important;
}

.single-shop-block .image-box img {
    position: relative;
    display: inline-block;
    width: auto;
    transition: all 500ms ease;
}

.single-shop-block:hover .image-box img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.single-shop-block .size {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    background: #eeeeee;
    padding: 1px 21px;
    text-align: center;
    border-radius: 30px;
    margin-bottom: 13px;
}

.single-shop-block h3 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
}

.single-shop-block h3 a {
    display: inline-block;
    color: #222;
}

.single-shop-block .text {
    position: relative;
    margin-bottom: 26px;
}

.single-shop-block .price,
.woocommerce ul.products li.product .price {
    position: relative;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    margin-bottom: 33px;
    display: block;
}

.single-shop-block .price del {
    color: #cccccc;
}

.single-shop-block .cart-btn a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    border-radius: 30px;
    text-align: center;
    padding: 10px 39px;
}

.single-shop-block .cart-btn i {
    margin-right: 10px;
}

.single-shop-block .cart-btn a:hover {
    color: #fff;
}

.delivery-section .owl-dots {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 30px;
}

.delivery-section .owl-theme .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    background: transparent;
    border: 1px solid #7f8081;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0px 10px;
    transition: all 500ms ease;
}

.single-shop-block .inner-box .border-one:before,
.delivery-section .slider-shop .woocommerce .products .product .single-shop-block .inner-box .border-one:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 2px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.single-shop-block .inner-box .border-one:after,
.delivery-section .slider-shop .woocommerce .products .product .single-shop-block .inner-box .border-one:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 2px;
    height: 0px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.single-shop-block .inner-box .border-two:before,
.delivery-section .slider-shop .woocommerce .products .product .single-shop-block .inner-box .border-two:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 2px;
    height: 0px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.single-shop-block .inner-box .border-two:after,
.delivery-section .slider-shop .woocommerce .products .product .single-shop-block .inner-box .border-two:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.single-shop-block:hover .border-one:before {
    width: 100%;
}

.delivery-section .slider-shop .woocommerce .products .product .single-shop-block:hover .border-one:before {
    width: 100%;
}

.single-shop-block:hover .border-one:after {
    height: 100%;
}

.delivery-section .slider-shop .woocommerce .products .product .single-shop-block:hover .border-one:after {
    height: 100%;
}

.single-shop-block:hover .border-two:before {
    height: 100%;
}

.delivery-section .slider-shop .woocommerce .products .product .single-shop-block:hover .border-two:before {
    height: 100%;
}

.single-shop-block:hover .border-two:after {
    width: 100%;
}

.delivery-section .slider-shop .woocommerce .products .product .single-shop-block:hover .border-two:after {
    width: 100%;
}



.top-title .title-inner,
.top-title .text-inner {
    position: relative;
    width: 50%;
    float: left;
}

.top-title .title-inner .sec-title {
    text-align: right;
    padding-right: 50px;
    margin-bottom: 0px;
}

.top-title .title-inner .sec-title h1 {
    padding-bottom: 24px;
}

.top-title .title-inner .sec-title:before {
    position: absolute;
    content: '';
    background: #346bae;
    width: 3px;
    height: 70px;
    top: 12px;
    right: -2px;
}

.top-title .text-inner .text {
    position: relative;
    padding-left: 50px;
    padding-right: 120px;
    margin-top: 5px;
}


/** border **/

@keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 20000px 0;
    }
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 20000px 0;
    }
}

.border-shap .border-1 {
    position: absolute;
    left: 0px;
    top: -20px;
    width: 100%;
    height: 63px;
    background-repeat: repeat-x;
    animation: slide 400s linear infinite;
    -webkit-animation: slide 400s linear infinite;
}

.border-shap .border-2 {
    position: absolute;
    left: 0px;
    bottom: -20px;
    width: 100%;
    height: 63px;
    background-repeat: repeat-x;
    animation: slide 400s linear infinite;
    -webkit-animation: slide 400s linear infinite;
}


/** video-section **/


/** composition-section **/

/** info-section **/


/** testimonial-section **/


/** news-section **/

.news-section {
    position: relative;
    padding: 100px 0px;
}

.news-section .sec-title {
    margin-bottom: 60px;
}

.news-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.news-block-one .inner-box .image-box img {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 5px;
    transition: all 500ms ease;
}

.news-block-one:hover .inner-box .image-box img {
    transform: scale(1.05);
    opacity: 0.5;
}

.news-block-one .inner-box .lower-content {
    position: relative;
    display: block;
    margin: 0px 30px;
}

.news-block-one .inner-box .lower-content .inner {
    position: relative;
    margin-top: -70px;
    background: #fff;
    border-radius: 5px;
    padding: 43px 40px 50px 45px;
    box-shadow: 0 10px 20px #edf1f2;
}

.news-block-one .inner-box .lower-content .inner .info-box li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-right: 15px;
    color: #222;
}

.news-block-one .inner-box .lower-content .inner .info-box li:last-child {
    margin-right: 0px;
}

.news-block-one .inner-box .lower-content .inner .info-box li a {
    color: #222;
}

.news-block-one .inner-box .lower-content .inner .info-box li i {
    font-weight: 600;
    margin-right: 6px;
}

.news-block-one .inner-box .lower-content .inner .info-box li:before {
    position: absolute;
    content: '';
    background: #b7b7b7;
    width: 1px;
    height: 15px;
    top: 7px;
    right: -9px;
}

.news-block-one .inner-box .lower-content .inner .info-box li:last-child::before {
    display: none;
}

.news-block-one .inner-box .lower-content .inner .info-box {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 27px;
}

.news-block-one .inner-box .lower-content .inner h2 {
    position: relative;
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #222;
    line-height: 40px;
    margin-bottom: 9px;
}

.news-block-one .inner-box .lower-content .inner h2 a {
    display: inline-block;
    color: #222;
}

.news-block-one .inner-box .lower-content .inner .text {
    position: relative;
    margin-bottom: 31px;
}

.news-block-one .inner-box .lower-content .lower-box .btn-box a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    border-radius: 30px;
    text-align: center;
    padding: 10px 32px;
}

.news-block-one .inner-box .lower-content .lower-box .btn-box a:hover {
    color: #fff;
}

.news-block-one .inner-box .lower-content .lower-box .share-box .share-link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

.news-block-one .inner-box .lower-content .lower-box .share-box {
    position: relative;
    margin-top: 12px;
}

.news-block-one .inner-box .lower-content .lower-box .share-box .share-link i {
    margin-right: 8px;
}

.news-block-one .inner-box .lower-content .lower-box .share-box:hover .social-links {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.news-block-one .inner-box .lower-content .lower-box .share-box .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}

.news-block-one .inner-box .lower-content .lower-box .share-box .share {
    position: relative;
}

.news-block-one .inner-box .lower-content .lower-box .share-box .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #222;
}

.news-block-one .inner-box .lower-content .lower-box .share-box .social-links {
    position: absolute;
    left: 0%;
    bottom: -30px;
    width: 104px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 500ms ease;
}


/** clients-section **/


/** main-footer **/

.main-footer {
    position: relative;
    background: #0e2c50;
}

.main-footer .footer-top {
    position: relative;
    padding: 60px 0px 77px 0px;
}

.main-footer .footer-top .subscribe-form {
    position: relative;
    max-width: 650px;
    width: 100%;
}

.main-footer .footer-top .subscribe-form .form-group {
    position: relative;
    margin: 0px;
}

.main-footer .footer-top .subscribe-form .form-group input[type='email'] {
    position: relative;
    width: 100%;
    height: 60px;
    background: #fff;
    font-size: 18px;
    font-family: 'PT Sans', sans-serif;
    border: 3px solid #fff;
    padding: 10px 200px 10px 40px;
    border-radius: 30px;
    transition: all 500ms ease;
}

.main-footer .footer-top .subscribe-form .form-group button {
    position: absolute;
    top: 0px;
    right: 0px;
}

.main-footer .footer-top .subscribe-form .form-group .theme-btn.style-two {
    padding: 17px 50px;
}

.main-footer .footer-top .footer-social {
    position: relative;
    margin-top: 12px;
}

.main-footer .footer-top .footer-social .social-links li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.main-footer .footer-top .footer-social .social-links li:last-child {
    margin-right: 0px;
}

.main-footer .footer-top .footer-social .social-links li a {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    background: #213d5e;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}

.main-footer .footer-upper {
    position: relative;
    padding: 80px 0px 75px 0px;
}

.main-footer .footer-upper .logo-widget .footer-logo {
    position: relative;
    margin-bottom: 17px;
}

.main-footer .footer-upper .logo-widget .text p,
.main-footer .footer-upper .logo-widget .text {
    position: relative;
    color: #fff;
}

.main-footer .footer-upper .footer-widget .widget-title {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.main-footer .footer-upper .footer-widget .widget-title:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    left: 0px;
    bottom: 0px;
}

.main-footer .footer-upper .links-widget .widget-content .list li {
    position: relative;
    display: block;
    margin-bottom: 6px;
}

.main-footer .footer-upper .links-widget .widget-content .list li:last-child {
    margin-bottom: 0px;
}

.main-footer .footer-upper .links-widget .widget-content .list li a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
}

.main-footer .footer-upper .footer-widget {
    position: relative;
}

.main-footer .footer-upper .links-widget {
    margin-left: 100px;
}

.main-footer .footer-upper .logo-widget {
    margin-right: -30px;
    margin-top: 3px;
}

.main-footer .footer-upper .shediul-widget .widget-content .list li {
    position: relative;
    font-size: 16px;
    display: block;
    color: #fff;
    margin-bottom: 6px;
}

.main-footer .footer-upper .shediul-widget .widget-content .list li:last-child {
    margin-bottom: 0px;
}

.main-footer .footer-upper .shediul-widget,
.main-footer .footer-upper .contact-widget {
    margin-left: 60px;
}

.main-footer .footer-upper .contact-widget .widget-content .list li {
    position: relative;
    font-size: 16px;
    line-height: 32px;
    display: block;
    color: #fff;
}

.main-footer .footer-upper .contact-widget .widget-content .list li a {
    color: #fff;
}

.main-footer .footer-bottom {
    position: relative;
    background: #0a213d;
    padding: 32px 0px;
    text-align: center;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    font-size: 14px;
    color: #a5a9b0;
}

.main-footer .footer-bottom .copyright a {
    color: #a5a9b0;
}


/***

====================================================================
                        Home-Page-Two
====================================================================

***/


/** header-style-two **/

.main-header.style-two {
    position: relative;
}

.main-header.style-two .header-top {
    position: relative;
    background: #f3f9ff;
    padding: 17px 0px 16px 0px;
}

.main-header.style-two .outer-container {
    position: relative;
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.main-header.style-two .header-top .top-left .info-box li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #333333;
    margin-right: 30px;
}

.main-header.style-two .header-top .top-left .info-box li:last-child {
    margin-right: 0px;
}

.main-header.style-two .header-top .top-left .info-box li a {
    color: #333;
}

.main-header.style-two .header-top .top-left .info-box li i {
    margin-right: 8px;
}

.main-header.style-two .header-top .top-left .info-box li a.phone {
    font-weight: 700;
}

.main-header.style-two .header-top .top-right .social-links li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.main-header.style-two .header-top .top-right .social-links li:last-child {
    margin-right: 0px;
}

.main-header.style-two .header-top .top-right .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #2f3753;
}

.main-header.style-two .outer-container .header-upper .upper-left .logo-box {
    padding: 25px 0px;
}

.main-header.style-two .main-menu .navigation>li {
    padding-top: 46px;
}

.main-header.style-two .outer-container .header-upper .upper-right .menu-right-content {
    margin-top: 36px;
}

.main-header.style-two .search-box-btn {
    border: 1px solid #e6eef8;
}


/** slider-style-two **/


/** select-box **/

.select-box .ui-state-default {
    position: relative;
    display: block;
    background: #f8f8f8;
    border: none !important;
    border-radius: 0;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    height: 55px;
    outline: medium none;
    width: 100%;
    cursor: pointer;
    border-radius: 30px;
}

.select-box .ui-selectmenu-button span.ui-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 55px;
    height: 55px;
    text-indent: 0;
    margin: 0;
}

.select-box .ui-selectmenu-button span.ui-icon::before {
    color: #666;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 15px;
    overflow: visible;
    position: absolute;
    right: 21px;
    top: 16px;
}

.select-box .ui-state-default {
    width: 100% !important;
}

.ui-selectmenu-open .ui-widget-content {
    border: none;
    background: #ffffff;
    color: #222222;
    border-radius: 0;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10);
}

.ui-selectmenu-open .ui-widget-content .ui-state-focus {
    border: none;
    font-weight: normal;
    color: #ffffff;
}

.ui-selectmenu-open .ui-menu .ui-menu-item {
    border-bottom: 1px solid #efebea;
    position: relative;
    margin: 0;
    padding: 10px 15px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    transition: all 500ms ease;
}

.ui-selectmenu-open .ui-menu .ui-menu-item:last-child {
    border-bottom: none;
}

.select-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    padding: 20px 25px;
    text-align: left;
    margin-right: 0px;
}

.ui-selectmenu-menu .ui-menu {
    transform: scaleY(0);
    transform-origin: top center;
    transition: .4s ease;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.ui-selectmenu-open .ui-menu {
    transform: scaleY(1);
    top: 100%;
}

.ui-selectmenu-menu {
    transform: scaleY(0);
    transform-origin: top center;
    display: block;
}

.ui-selectmenu-open {
    transform: scaleY(1);
}


/** about-section **/


/** fact-counter **/


/** filtration-process **/

.filtration-process .single-item .icon-box {
    background-image: url("assets/images/icons/icon-bg-1.png");
}
.filtration-process .single-column:before {
    position: absolute;
    content: '';
    background: url("assets/images/icons/arrow-1.png");
    width: 84px;
    height: 26px;
    top: 40px;
    right: -30px;
    background-repeat: no-repeat;
}

/** video-style-two **/


/** testimonial-style-two **/


/** team-section **/


/** map-section **/

.map-section {
    position: relative;
    width: 100%;
}

#contact-google-map {
    position: relative;
    width: 100%;
    height: 630px;
}


/***

====================================================================
                        About-Page
====================================================================

***/

.page-title {
    position: relative;
    width: 100%;
    padding: 130px 0px 215px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(assets/images/page-title.jpg);
}

.page-title .content-box h1 {
    position: relative;
    font-size: 74px;
    line-height: 80px;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
}

.page-title .content-box .text {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #222;
}

.feature-section.about-page {
    padding: 80px 0px 0px 0px;
}


/***

====================================================================
                        Service-Page
====================================================================

***/

.fact-counter .sec-title {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 44px;
}

.fact-counter .sec-title h1 {
    margin-bottom: 38px;
}


/** service-section **/

/** request-section **/

.request-section {
    position: relative;
    padding-top: 100px;
}

.request-section .sec-title {
    margin-bottom: 60px;
}

.request-section .bg-pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.request-section .sec-title h1 {
    font-weight: 700;
    color: #fff;
}

.request-section .inner-box {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 53px 50px;
    border-radius: 5px;
    margin-bottom: -60px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.request-section .inner-box .form-group .submit-box .checkbox {
    position: relative;
    margin-top: 13px;
}

.request-section .inner-box .form-group .submit-box .checkbox label {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #2b3c6b;
}

.request-section .inner-box .form-group .submit-box .checkbox label span {
    position: relative;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    cursor: pointer;
    margin-left: 4px;
    z-index: 1;
}

.request-section .inner-box .form-group .submit-box .checkbox a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
}

.request-section .inner-box .form-group .submit-box .checkbox label input {
    position: relative;
    top: 2px;
}

.request-section .inner-box .request-form .form-group {
    position: relative;
    margin-bottom: 28px;
}

.request-section .inner-box .request-form .form-group:last-child {
    margin-bottom: 0px;
}

.request-section .inner-box .request-form .form-group input[type='text'],
.request-section .inner-box .request-form .form-group input[type='email'] {
    position: relative;
    width: 100%;
    height: 55px;
    background: #f8f8f8;
    border: 3px solid #f8f8f8;
    color: #666;
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 30px;
    transition: all 500ms ease;
}

.request-section .inner-box .select-box .ui-state-default {
    color: #666;
}

.request-section .inner-box .request-form .form-group label {
    position: relative;
    display: block;
    font-size: 16px;
    color: #222;
    margin-bottom: 8px;
}

.request-section .inner-box .form-group .submit-box {
    position: relative;
    margin-top: 7px;
}

.request-section .inner-box .form-group .submit-box .theme-btn {
    padding: 15px 90px;
}

.clients-section.service-page {
    padding-top: 160px;
}


/***

====================================================================
                        Faq-Page
====================================================================

***/

.faq-section {
    position: relative;
    padding: 80px 0px 110px 0px;
}

.accordion-box .block {
    position: relative;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
}

.accordion-box .block .acc-btn .icon-outer {
    position: absolute;
    top: 30px;
    right: 15px;
    font-size: 20px;
    color: #222;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 1;
}

.accordion-box .block .acc-btn.active .icon-outer i:before {
    position: relative;
    font-size: 20px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    margin: 0px;
    content: "\f107";
}

.accordion-box .block .acc-btn h3 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    padding: 28px 30px 33px 0px;
    color: #222;
    cursor: pointer;
    border-bottom: 1px solid #dedede;
    transition: all 500ms ease;
}

.accordion-box .block .acc-content .text {
    position: relative;
    font-size: 16px;
    padding: 27px 10px 21px 0px;
}

.faq-title {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #222;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 25px;
}


/***

====================================================================
                        Error-Page
====================================================================

***/

.error-section {
    position: relative;
    padding: 150px 0px 200px 0px;
}

.error-section .content-box h1 {
    position: relative;
    display: block;
    font-size: 200px;
    line-height: 250px;
    font-weight: 700;
    margin-bottom: 30px;
}

.error-section .content-box h2 {
    position: relative;
    display: block;
    font-size: 44px;
    line-height: 52px;
    color: #222;
    font-weight: 600;
    margin-bottom: 21px;
}

.error-section .image-layer {
    position: absolute;
    right: 0px;
    bottom: 0px;
}


/***

====================================================================
                        Shop-Page
====================================================================

***/

.shop-page-section {
    position: relative;
    padding: 100px 0px 110px 0px;
}

.default-sidebar {
    position: relative;
}

.default-sidebar .widget-title {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #222;
    padding-bottom: 21px;
    margin-bottom: 30px;
}

.shop-page-section .shop-sidebar {
    position: relative;
    padding-right: 50px;
}

.shop-page-section .shop-sidebar .sidebar-post .post {
    position: relative;
    padding: 0px 0px 22px 100px;
    min-height: 80px;
    margin-bottom: 15px;
}

.shop-page-section .shop-sidebar .sidebar-post .post:last-child {
    margin-bottom: 0px;
}

.shop-page-section .shop-sidebar .sidebar-post .post .image-box {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.shop-page-section .shop-sidebar .sidebar-post .post .image-box .cross-btn {
    position: absolute;
    top: 0px;
    right: 8px;
    font-size: 18px;
    z-index: 1;
}

.shop-page-section .shop-sidebar .sidebar-post .post .image-box img {
    width: 100%;
    transition: all 500ms ease;
}

.shop-page-section .shop-sidebar .sidebar-post .post:hover .image-box img {
    opacity: 0.5;
    transform: scale(1.05);
}

.shop-page-section .shop-sidebar .sidebar-post .post h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #222;
    margin-bottom: 4px;
}

.shop-page-section .shop-sidebar .sidebar-post .post h5 a {
    display: inline-block;
    color: #222;
}

.shop-page-section .shop-sidebar .sidebar-post .post .text {
    position: relative;
    font-size: 18px;
    color: #222;
}

.shop-page-section .shop-sidebar .sidebar-post .sub-total {
    position: relative;
    display: block;
    padding: 21px 0px 19px 0px;
    border-top: 1px solid #cdddef;
    border-bottom: 1px solid #cdddef;
    margin-bottom: 35px;
}

.shop-page-section .shop-sidebar .sidebar-post .sub-total .price {
    position: relative;
    text-align: right;
    font-size: 18px;
    color: #222;
}

.shop-page-section .shop-sidebar .sidebar-post .sub-total .price span {
    font-weight: 700;
}

.shop-page-section .shop-sidebar .sidebar-post .widget-content {
    margin-bottom: 30px;
}

.shop-page-section .shop-sidebar .sidebar-post .btn-box .theme-btn {
    display: block;
    width: 100%;
    padding: 12px 30px;
}

.shop-page-section .shop-sidebar .sidebar-post .btn-box .theme-btn.style-one {
    margin-bottom: 5px;
}

.shop-page-section .shop-sidebar .sidebar-post {
    margin-bottom: 63px;
}

.nice-select {
    margin-bottom: 15px;
    border: none;
    background: #f8f8f8;
    height: 58px;
    line-height: 58px;
    border-radius: 30px;
    padding-left: 30px;
    font-size: 16px;
    color: #222;
}

.default-sidebar .sidebar-categories .categories-list li {
    position: relative;
    display: block;
    margin-bottom: 8px;
}

.default-sidebar .widget_product_categories .product-categories li {
    position: relative;
    display: block;
    margin-bottom: 8px;
}

.default-sidebar .sidebar-categories .categories-list li:last-child {
    margin-bottom: 0px;
}

.default-sidebar .widget_product_categories .product-categories li:last-child {
    margin-bottom: 0px;
}

.default-sidebar .sidebar-categories .product-categories li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding-left: 18px;
}

.default-sidebar .widget_product_categories .product-categories li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding-left: 18px;
}

.default-sidebar .sidebar-categories .categories-list li a:before {
    position: absolute;
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    color: #346bae;
    font-weight: 700;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}

.default-sidebar .widget_product_categories .product-categories li a:before {
    position: absolute;
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    color: #346bae;
    font-weight: 700;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}

.default-sidebar .widget_product_categories .product-categories li a:hover {
    color: #13bbea;
}

.shop-page-section .shop-sidebar .sidebar-categories {
    margin-bottom: 60px;
}

.shop-page-section .shop-sidebar .widget_product_categories {
    margin-bottom: 60px;
}

.shop-page-section .shop-sidebar .range-slider {
    position: relative;
    min-height: 48px;
}

.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper {
    position: relative;
    min-height: 48px;
}

.shop-page-section .shop-sidebar .range-slider .title {
    position: relative;
    display: inline-block;
}

.shop-page-section .shop-sidebar .range-slider p {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #222;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    margin-right: 18px;
    top: 3px;
}

.shop-page-section .shop-sidebar .range-slider .title:before {
    position: absolute;
    content: '$';
    left: -14px;
    top: -19px;
    font-size: 24px;
    color: #222;
    font-family: 'Playfair Display', serif;
}

.shop-page-section .shop-sidebar .range-slider .input {
    float: right;
    color: #222222;
    max-width: 75px;
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

.shop-page-section .shop-sidebar .range-slider .input input {
    position: relative;
    display: block;
    background: none;
    font-size: 24px;
    color: #222;
    font-family: 'Playfair Display', serif;
    text-align: left;
}

.shop-page-section .shop-sidebar .range-slider .ui-widget.ui-widget-content {
    height: 6px;
    border: none;
    margin-bottom: 30px;
    background: #f3f9ff;
}

.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper .ui-widget.ui-widget-content {
    height: 6px;
    border: none;
    margin-bottom: 30px;
    background: #f3f9ff;
}

.shop-page-section .shop-sidebar .range-slider .ui-slider .ui-slider-range {
    top: 0px;
    height: 6px;
}

.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper .ui-slider .ui-slider-range {
    top: 0px;
    height: 6px;
}

.shop-page-section .shop-sidebar .range-slider .ui-state-default,
.shop-page-section .shop-sidebar .range-slider .ui-widget-content .ui-state-default {
    top: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 0px;
    border: 0px;
    box-shadow: none;
}

.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper .ui-state-default,
.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper .ui-widget-content .ui-state-default {
    top: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 0px;
    border: 0px;
    box-shadow: none;
}

.shop-page-section .shop-sidebar .range-slider .filter-btn {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 11px 45px;
    border-radius: 30px;
    text-align: center;
    transition: all 500ms ease;
}

.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper .filter-btn {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 11px 45px;
    border-radius: 30px;
    text-align: center;
    transition: all 500ms ease;
}

.shop-page-section .shop-sidebar .range-slider .value-box {
    position: relative;
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}

.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper .value-box {
    position: relative;
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}

.shop-page-section .shop-sidebar .range-slider .btn-box {
    position: relative;
    text-align: center;
}

.shop-page-section .shop-sidebar .widget-content .price_slider_wrapper .btn-box {
    position: relative;
    text-align: center;
}

.shop-page-section .shop-sidebar .price-filter .widget-title {
    margin-bottom: 42px;
}

.shop-page-section .shop-sidebar .widget_price_filter .widget-title {
    margin-bottom: 42px;
}

.shop-page-section .shop-sidebar .price-filter {
    margin-bottom: 63px;
}

.shop-page-section .shop-sidebar .widget_price_filter {
    margin-bottom: 63px;
}

.default-sidebar .sidebar-tags .tags-list li {
    position: relative;
    display: inline-block;
}

.default-sidebar .widget_product_tag_cloud .tagcloud {
    position: relative;
    display: inline-block;
}

.default-sidebar .sidebar-tags .tags-list li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #999;
    padding: 10px 25px;
    border-radius: 30px;
    margin: 0px 7px 10px 0px;
}

.default-sidebar .widget_product_tag_cloud .tagcloud a {
    position: relative;
    display: inline-block;
    font-size: 16px !important;
    color: #999;
    padding: 10px 25px;
    border-radius: 30px;
    margin: 0px 7px 10px 0px;
}

.default-sidebar .sidebar-tags .tags-list li a:hover {
    color: #fff;
}

.default-sidebar .widget_product_tag_cloud .tagcloud a:hover {
    color: #fff;
}

.default-sidebar .sidebar-tags .widget-title {
    margin-bottom: 34px;
}

.default-sidebar .widget_product_tag_cloud .widget-title {
    margin-bottom: 34px;
}

.default-sidebar .sidebar-tags .widget-title {
    margin-bottom: 34px;
}

.shop-page-section .single-shop-block .inner-box {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin: 0px 0px 30px 0px;
}

.shop-page-section .pagination-wrapper {
    position: relative;
    display: block;
    margin-top: 50px;
}

.shop-page-section .our-shop .shop-block {
    position: relative;
    width: 50%;
    float: left;
}

.shop-page-section .our-shop .shop-block .single-shop-block {
    margin: 0px 15px;
}

.shop-page-section .our-shop {
    position: relative;
    margin: 0px -15px;
}


/** shop-details **/

.shop-details {
    position: relative;
    padding: 100px 0px 80px 0px;
}

.shop-details .product-details-content .image-box {
    position: relative;
    display: block;
    text-align: center;
    background: #f3f9ff;
    margin: 0px 20px;
    padding: 64px 0px;
    border-radius: 5px;
}

.shop-details .product-details-content .select-box {
    margin-bottom: 15px;
}

.shop-details .product-details-content .image-box img {
    transition: all 500ms ease;
}

.shop-details .product-details-content .image-box:hover img {
    transform: scale(1.05);
}

.addto-cart-box .single_variation_wrap .variations_button button {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    background: transparent;
    text-transform: uppercase;
    border-radius: 30px;
    text-align: center;
    padding: 13px 50px;
    cursor: pointer;
    transition: all 500ms ease;
}

.shop-details .item-quantity {
    position: relative;
    float: left;
    margin-right: 15px;
}

.item-quantity .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    background: #f8f8f8;
    width: 125px;
    border-radius: 30px;
    height: 55px;
}

.shop-details .item-quantity input.quantity-spinner {
    padding: 10px 15px !important;
    height: 55px;
}

.item-quantity input.quantity-spinner {
    line-height: 28px;
    width: 60px;
    padding: 5px 0px !important;
    box-shadow: none !important;
    background: transparent;
    border: none;
    text-align: center;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
    color: #222;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
    position: absolute;
    background: transparent;
    padding: 0px 0px;
    left: -40px;
    top: 3px;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
    position: absolute;
    padding: 0px 0px;
    right: 40px;
    top: 25px;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
    content: "\f106";
    font-size: 16px;
    font-style: normal;
    color: #666666;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
    content: "\f107";
    font-size: 16px;
    font-style: normal;
    color: #666666;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

.shop-details .product-details-content .addto-cart-box .cart-btn button {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    background: transparent;
    text-transform: uppercase;
    border-radius: 30px;
    text-align: center;
    padding: 13px 50px;
    cursor: pointer;
    transition: all 500ms ease;
}

.shop-details .product-details-content .addto-cart-box .cart-btn button i {
    margin-right: 10px;
}

.shop-details .product-details-content .addto-cart-box .cart-btn button:hover {
    color: #fff;
}

.shop-details .product-details-content .content-box h2 {
    position: relative;
    font-size: 36px;
    line-height: 46px;
    color: #222;
    font-weight: 700;
    margin-bottom: 11px;
}

.shop-details .product-details-content .content-box .size {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    background: #eeeeee;
    padding: 1px 21px;
    text-align: center;
    border-radius: 30px;
    margin-bottom: 27px;
}

.shop-details .product-details-content .addto-cart-box {
    margin-bottom: 27px;
}

.shop-details .product-details-content .content-box .text {
    position: relative;
    margin-bottom: 25px;
}

.shop-details .product-details-content .content-box .price {
    position: relative;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    margin-bottom: 33px;
}

.shop-details .product-details-content .content-box .price del {
    color: #cccccc;
}

.shop-details .product-details-content .content-box .list-item li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #666;
}

.shop-details .product-details-content .content-box .list-item li:first-child {
    color: #222;
}

.shop-details .product-details-content .content-box .list-item li a {
    color: #666;
}

.shop-details .product-details-content .content-box {
    margin-left: 30px;
}

.shop-details .product-details-content {
    margin-bottom: 100px;
}

.tabs-box .tab {
    position: relative;
    display: none;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab {
    display: block;
}

.tabs-box .tab {
    transform: scale(0.9, 0.9) translateY(0px);
}

.tabs-box .tab.active-tab {
    transform: scale(1) translateY(0px);
}

.shop-details .product-info-tabs .tab-btns,
.woocommerce div.product .woocommerce-tabs ul.tabs {
    position: relative;
    margin-bottom: 28px;
}

.shop-details .product-info-tabs .tab-btns {
    position: relative !important;
    margin-bottom: 28px !important;
}

.shop-details .product-info-tabs .tab-btns li.active-btn,
.shop-details .product-info-tabs .tab-btns li:hover {
    color: #346bae !important;
}

.shop-details .product-info-tabs .tab-btns li.active,
.shop-details .product-info-tabs .tab-btns li:hover {
    color: #346bae !important;
}

.shop-details .product-info-tabs .tab-btns li {
    position: relative;
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    color: #666;
    font-family: 'Playfair Display', serif;
    cursor: pointer;
    margin: 0px 10px;
    padding-bottom: 20px;
    transition: all 500ms ease;
}

.shop-details .product-info-tabs .tab-btns li {
    position: relative !important;
    display: inline-block !important;
    font-size: 30px;
    line-height: 40px;
    color: #666 !important;
    font-family: 'Playfair Display', serif;
    cursor: pointer;
    margin: 0px 10px !important;
    padding-bottom: 20px !important;
    transition: all 500ms ease;
}

.shop-details .product-info-tabs .tabs-content .text p {
    position: relative;
    margin-bottom: 26px;
}

.shop-details .product-info-tabs .tabs-content .text p:last-child {
    margin-bottom: 0px;
}

.shop-details .product-info-tabs {
    position: relative;
    padding-bottom: 120px;
}

.shop-details .related-product .top-title {
    margin-bottom: 30px;
}

.shop-details .related-product .single-shop-block .inner-box {
    border: 1px solid #eeeeee;
}

.shop-details .related-product {
    position: relative;
    padding-top: 100px;
}


/***

====================================================================
                        Blog-Page
====================================================================

***/

.blog-grid {
    position: relative;
}

.blog-grid .news-block-one,
.blog-classic .news-block-one {
    margin-bottom: 80px;
}

.blog-grid .pagination-wrapper {
    position: relative;
    display: block;
    margin-top: 30px;
}

.sidebar-page-container .blog-sidebar {
    padding-left: 30px;
}

.sidebar .widget_search {
    position: relative;
    margin-bottom: 53px;
}

.sidebar .widget_search .form-group {
    position: relative;
    margin-bottom: 0px;
}

.sidebar .widget_search .form-group input[type='search'] {
    position: relative;
    width: 100%;
    height: 55px;
    border: 1px solid #d8e5f1;
    background: #fff;
    border-radius: 30px;
    padding: 10px 20px 10px 30px;
    font-size: 16px;
    color: #666;
    transition: all 500ms ease;
}

.sidebar .widget_search .form-group button {
    position: absolute;
    top: 14px;
    right: 25px;
    background: transparent;
    font-size: 16px;
    color: #666;
    font-weight: 700;
    cursor: pointer;
    transition: all 500ms ease;
}

.sidebar-page-container .blog-sidebar .sidebar-post .post {
    position: relative;
    padding: 0px 0px 0px 105px;
    margin-bottom: 33px;
    min-height: 82px;
}

.sidebar-page-container .blog-sidebar .sidebar-post .post:last-child {
    margin-bottom: 0px;
}

.sidebar-page-container .blog-sidebar .sidebar-post .post .image-box {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden;
}

.sidebar-page-container .blog-sidebar .sidebar-post .post .image-box img {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 5px;
    transition: all 500ms ease;
}

.sidebar-page-container .blog-sidebar .sidebar-post .post:hover .image-box img {
    opacity: 0.5;
    transform: scale(1.05);
}

.sidebar-page-container .blog-sidebar .sidebar-post .post h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #222;
    margin-bottom: 2px;
}

.sidebar-page-container .blog-sidebar .sidebar-post .post h5 a {
    display: inline-block;
    color: #222;
}

.sidebar-page-container .blog-sidebar .sidebar-post .post .post-date {
    position: relative;
    font-size: 14px;
    line-height: 24px;
}

.sidebar-page-container .widget {
    margin-bottom: 50px;
}

.sidebar-page-container .blog-sidebar .sidebar-post {
    margin-bottom: 55px;
}

.sidebar-page-container .blog-sidebar .widget_archive li {
    position: relative;
    display: block;
    margin-bottom: 8px;
}

.sidebar-page-container .blog-sidebar .widget_archive li:last-child {
    margin-bottom: 0px;
}

.sidebar-page-container .blog-sidebar .widget_archive li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding-left: 18px;
}

.sidebar-page-container .blog-sidebar .widget_archive li a:before {
    position: absolute;
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: 700;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}

.sidebar-page-container .blog-sidebar .widget_archive li a:hover::before {
    color: #f5a93f
}

.sidebar-page-container .blog-sidebar .widget_archive li a:hover {
    color: #f5a93f
}

.sidebar-page-container .blog-sidebar .sidebar-instagram .image-list .image-box {
    position: relative;
    float: left;
    margin: 0px 5px 10px 5px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 5px;
}

.sidebar-page-container .blog-sidebar .sidebar-instagram .image-list {
    position: relative;
    margin: 0px -5px;
}

.sidebar-page-container .blog-sidebar .sidebar-instagram .image-list li img {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 5px;
    transition: all 500ms ease;
}

.sidebar-page-container .blog-sidebar .sidebar-instagram .image-list li:hover img {
    opacity: 0.5;
    transform: scale(1.05);
}

.sidebar-page-container .blog-sidebar .sidebar-instagram .widget-title {
    margin-bottom: 35px;
}

.sidebar-page-container .blog-sidebar .sidebar-instagram {
    margin-bottom: 43px;
}


/** blog-details **/

.blog-details-content .inner-box .upper-box img {
    position: relative;
    display: block;
    width: 100%;
}

.blog-details-content .inner-box .upper-box .post-info {
    position: relative;
    display: block;
    margin: 0px 30px;
    text-align: center;
}

.blog-details-content .inner-box .upper-box .post-info .info-box {
    position: relative;
    background: #fff;
    padding: 33px 30px;
    border-radius: 5px;
    margin-top: -17px;
    box-shadow: 0 10px 20px #edf1f2;
    margin-bottom: 51px;
}

.blog-details-content .inner-box .upper-box .post-info .info-box li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin: 0px 20px;
    color: #222;
}

.blog-details-content .inner-box .upper-box .post-info .info-box li:before {
    position: absolute;
    content: '';
    background: #b7b7b7;
    width: 1px;
    height: 15px;
    top: 7px;
    right: -20px;
}

.blog-details-content .inner-box .upper-box .post-info .info-box li:last-child::before {
    display: none;
}

.blog-details-content .inner-box .upper-box .post-info .info-box li a {
    color: #222;
}

.blog-details-content .inner-box .upper-box .post-info .info-box li i {
    font-weight: 600;
    margin-right: 6px;
}

.blog-details-content .inner-box .upper-box .post-info .info-box li a:hover {
    color: #f5a93f;
}

.blog-details-content .inner-box .lower-box h2 {
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
    color: #222;
    margin-bottom: 16px;
}

.blog-details-content .inner-box .lower-box .text p {
    position: relative;
    margin-bottom: 26px;
}

.blog-details-content .inner-box .lower-box .text p:last-child {
    margin-bottom: 0px;
}

.blog-details-content .inner-box .lower-box .text blockquote {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 36px;
    font-family: 'Playfair Display', serif;
    color: #222;
    font-weight: 500;
    font-style: italic;
    padding: 27px 0px 76px 0px;
    margin: 76px 0px 26px 0px;
    text-align: center;
}

.blog-details-content .inner-box .lower-box .text blockquote:before {
    position: absolute;
    content: "\f111";
    font-size: 170px;
    line-height: 150px;
    font-family: 'Flaticon';
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    z-index: -1;
}

.blog-details-content .inner-box .lower-box .text blockquote h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 23px;
}

.blog-details-content .inner-box .lower-box .text blockquote .border-shap .border-1,
.blog-details-content .inner-box .lower-box .text blockquote .border-shap .border-2 {
    animation: none !important;
}

.blog-details-content .post-share-option .share-box .share-link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

.blog-details-content .post-share-option .share-box {
    position: relative;
    margin-top: 2px;
}

.blog-details-content .post-share-option .share-box .share-link i {
    margin-right: 8px;
}

.blog-details-content .post-share-option .share-box:hover .social-links {
    opacity: 1;
    left: 0%;
    visibility: visible;
    transform: translateY(0px);
}

.blog-details-content .post-share-option .share-box .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}

.blog-details-content .post-share-option .share-box .share {
    position: relative;
}

.blog-details-content .post-share-option .share-box .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #222;
}

.blog-details-content .post-share-option .share-box .social-links {
    position: absolute;
    left: 0%;
    bottom: -30px;
    width: 100px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 500ms ease;
}

.blog-details-content .post-share-option {
    position: relative;
    padding: 35px 0px 68px 0px;
}

.blog-details-content .post-share-option .tags-list li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #666;
}

.blog-details-content .post-share-option .tags-list li a {
    margin-left: 6px;
    color: #346bae;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-details-content .post-share-option .tags-list li h5 {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    color: #222;
}

.blog-details-content .group-title {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #222;
    font-weight: 700;
    margin-bottom: 32px;
    padding-bottom: 20px;
}

.blog-details-content .comments-area .comment {
    position: relative;
    padding-left: 90px;
    margin-bottom: 32px
}

.blog-details-content .comments-area .comment .comment {
    margin-top: 32px;
    margin-bottom: 0px;
}

.blog-details-content .comments-area .comment:last-child {
    margin-bottom: 0px;
}

.blog-details-content .comments-area {
    position: relative;
    margin-bottom: 35px;
}

.blog-details-content .comments-area .comment .image-box {
    position: absolute;
    left: 0px;
    top: 3px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.blog-details-content .comments-area .comment .image-box img {
    width: 100%;
    border-radius: 50%;
}

.blog-details-content .comments-area .comment .comment-inner {
    position: relative;
    padding-bottom: 31px;
    border-bottom: 1px solid #dedede;
}

.blog-details-content .comments-area .comment .comment-inner h4 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    color: #222;
    margin-bottom: 0px;
}

.blog-details-content .comments-area .comment .comment-inner .post-info {
    position: relative;
    display: block;
    margin-bottom: 13px;
}

.blog-details-content .comments-area .comment .comment-inner .post-info .post-date {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    padding-right: 20px;
    margin-right: 10px;
}

.blog-details-content .comments-area .comment .comment-inner .post-info .post-date:before {
    position: absolute;
    content: '';
    background: #b7b7b7;
    width: 1px;
    height: 15px;
    top: 5px;
    right: 0px;
}

.blog-details-content .comments-area .comment .comment-inner .post-info .replay-btn {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
}

.blog-details-content .comments-form-area .text {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
}

.blog-details-content .comments-form-area .text p {
    margin: 0 !important;
}

.blog-details-content .comments-form-area .form-group {
    position: relative;
    margin-bottom: 27px;
}

.blog-details-content .comments-form-area .form-group:last-child {
    margin-bottom: 0px;
}

.blog-details-content .comments-form-area .form-group label {
    position: relative;
    display: block;
    font-size: 16px;
    color: #222;
    margin-bottom: 8px;
}

.blog-details-content .comments-form-area .form-group input[type='text'],
.blog-details-content .comments-form-area .form-group input[type='email'],
.blog-details-content .comments-form-area .form-group textarea {
    position: relative;
    width: 100%;
    height: 55px;
    background: #f8f8f8;
    font-size: 16px;
    color: #666;
    border-radius: 30px;
    padding: 10px 25px;
    border: 3px solid #f8f8f8;
    transition: all 500ms ease;
}

.blog-details-content .comments-form-area .form-group textarea {
    height: 100px;
    resize: none;
}

.blog-details-content .comments-form-area .group-title {
    margin-bottom: 18px;
}


/***

====================================================================
                        Contact-Page
====================================================================

***/


/** map-section **/

.map-section {
    position: relative;
    width: 100%;
}

#contact-google-map {
    position: relative;
    width: 100%;
    height: 630px;
}


/** shine-animation **/

#starshine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.shine {
    display: block;
    position: absolute;
    background-image: url(./assets/images/icons/glitter.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 2;
    opacity: 0;
    width: 130px;
    height: 130px;
    -webkit-animation: glitter 6s linear 0s infinite normal;
    animation: glitter 6s linear 0s infinite normal;
    text-indent: -9999px;
}

.shine-two {
    background-image: url(./assets/images/icons/glitter-2.png) !important;
}

.shine.shine-1 {
    top: 50%;
    left: 5%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.shine.shine-2 {
    top: 65%;
    left: 40%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.shine.shine-3 {
    top: 26%;
    left: 83%;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.shine.shine-4 {
    top: 30%;
    left: 40%;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.shine.shine-5 {
    top: 20%;
    left: 60%;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

@-webkit-keyframes glitter {
    0% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(1) rotate(360deg);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.3) rotate(720deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
}

@keyframes glitter {
    0% {
        -webkit-transform: scale(0.3) rotate(0deg);
        transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.3) rotate(720deg);
        transform: scale(0.3) rotate(720deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.3) rotate(0deg);
        transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
}

@-moz-keyframes glitter {
    0% {
        -moz-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
    25% {
        -moz-transform: scale(1) rotate(360deg);
        opacity: 1;
    }
    50% {
        -moz-transform: scale(0.3) rotate(720deg);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
}


/*add custom css..*/


/* ul.our-shop li:nth-child(2n+1) {
  clear: both;
} */

.shop-details .product-info-tabs .tab-btns li:before {
    position: absolute !important;
    content: '' !important;
    background: url(assets/images/icons/wave-icon-2.png);
    width: 0px !important;
    height: 8px !important;
    left: 50% !important;
    bottom: 0px !important;
}

.addto-cart-box .cart .item-quantity .input-text {
    position: absolute;
    bottom: -11px;
    left: 36px;
    background-color: #f8f8f8;
}

.product_meta span a {
    color: #666;
}

.product_meta span a:hover {
    color: #f5a93f;
}

.product_meta .sku_wrapper {
    display: block;
}

.product_meta .posted_in {
    display: block;
}

.product_meta .tagged_as {
    display: block;
}

.shop-details .product-info-tabs .tab-btns li.active:before,
.shop-details .product-info-tabs .tab-btns li:hover::before {
    width: 33px;
}

.shop-details .product-info-tabs .tab-btns li.active:before,
.shop-details .product-info-tabs .tab-btns li:hover::before {
    width: 33px !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: unset;
    color: unset;
    -webkit-font-smoothing: unset;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #f5a93f;
    border-color: #f5a93f;
}

.woocommerce ul.products li.product .button {
    margin-top: unset;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: unset;
    width: unset;
    clear: unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: unset;
    z-index: 1;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    float: left;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 11px 45px;
    border-radius: 30px;
    text-align: center;
    transition: all 500ms ease;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
    font-size: 24px;
}

.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
    margin-bottom: 5px;
    display: block;
    font-size: 18px;
    line-height: unset;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 30px;
    z-index: 1;
    transition: all 500ms ease;
}

a.page-numbers {
    display: inline-block;
    margin: 0px 6px;
    position: relative;
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    text-align: center;
    color: #222;
    background: transparent;
    transition: all 500ms ease;
}

span.page-numbers.current {
    display: inline-block;
    margin: 0px 6px;
    position: relative;
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    text-align: center;
    color: #222;
    background: transparent;
    transition: all 500ms ease;
    color: #fff;
    border-color: #f5a93f;
    background: #f5a93f;
}

.blog-details-content .comments-form-area .comment-reply-title {
    margin-bottom: 18px;
}

.form-default>p {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    margin-bottom: 23px;
}

.blog-details-content .comments-form-area .form-group:last-child {
    position: relative;
    margin-bottom: 27px;
}

.blog-details-content .comments-area .comment .comment-inner .post-info .post-date:before {
    display: none;
}

.error-section .form-group {
    position: relative;
}

.error-section .form-group input[type='search'] {
    position: relative;
    width: 50%;
    height: 55px;
    border: 1px solid #d8e5f1;
    background: #fff;
    border-radius: 30px;
    padding: 10px 20px 10px 30px;
    font-size: 16px;
    color: #666;
    transition: all 500ms ease;
    margin-top: 20px;
}

.no-results .form-group input[type='search'] {
    position: relative;
    width: 85%;
    height: 55px;
    border: 1px solid #d8e5f1;
    background: #fff;
    border-radius: 30px;
    padding: 10px 20px 10px 30px;
    font-size: 16px;
    color: #666;
    transition: all 500ms ease;
    margin-top: 20px;
}

.error-section .form-group button {
    position: absolute;
    top: 35px;
    right: 315px;
    background: transparent;
    font-size: 16px;
    color: #666;
    font-weight: 700;
    cursor: pointer;
    transition: all 500ms ease;
}

.no-results .form-group button {
    position: absolute;
    top: 35px;
    right: 315px;
    background: transparent;
    font-size: 16px;
    color: #666;
    font-weight: 700;
    cursor: pointer;
    transition: all 500ms ease;
}

.no-results .form-group button {
    position: absolute;
    top: 137px;
    right: 149px;
    background: transparent;
    font-size: 16px;
    color: #666;
    font-weight: 700;
    cursor: pointer;
    transition: all 500ms ease;
}

.woocommerce-mini-cart-item .mini_cart_item {
    padding-left: 100px;
}

.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item {
    padding-left: 100px;
    margin-bottom: 20px;
    min-height: 80px;
}

.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item img {
    position: absolute;
    left: 0;
    width: 80px;
    margin-left: 0;
}

.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button {
    position: absolute;
    left: 54px;
    top: 0px;
    z-index: 9;
    font-weight: normal;
    font-size: 24px;
}

.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    font-family: "Playfair Display", serif;
    margin-bottom: 3px;
}

.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item span.quantity {
    font-size: 18px;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    position: relative;
    display: block;
    padding: 21px 0px 19px 0px;
    border-top: 1px solid #cdddef;
    border-bottom: 1px solid #cdddef;
    margin-bottom: 35px;
    margin-top: 30px;
    text-align: right;
    font-size: 18px;
    color: #222;
    font-weight: 700;
}

.woocommerce .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
    font-weight: 400;
}

.widget_shopping_cart {
    margin-bottom: 50px;
}

.widget_products {
    position: relative;
    margin-bottom: 50px;
}

.woocommerce ul.product_list_widget li {
    padding-left: 100px;
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
}

.woocommerce ul.product_list_widget li a {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    font-family: "Playfair Display", serif;
    margin-bottom: 3px;
    transition: .5s;
}

.woocommerce ul.product_list_widget li a:hover {
    color: #f5a93f;
}

.woocommerce ul.product_list_widget li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    margin-left: 0;
    border-radius: 5px;
}

.woocommerce ul.product_list_widget li .quantity {
    font-size: 16px;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding-left: 18px;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before {
    position: absolute;
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    color: #346bae;
    font-weight: 700;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}

.pagination {
    position: relative;
}

.pagination a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    text-align: center;
    color: #222;
    background: transparent;
    transition: all 500ms ease;
    margin: 0 5px;
}

.pagination a i:before {
    margin-left: 0;
}

.pagination .page-numbers.current {
    position: relative;
    display: inline-block;
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid #f5a93f;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    transition: all 500ms ease;
    border-color: #f5a93f;
    background: #f5a93f;
}

.shop-details .product-details-content .image-box {
    padding: 0;
    overflow: hidden;
    margin: 0;
}

.woocommerce div.product form.cart .button {
    position: relative;
    padding: 18px 40px;
    border: 1px solid #ddd;
    background: transparent;
    border: 2px solid #13bbea;
    border-radius: 27px;
    transition: .5s;
    text-transform: uppercase;
    color: #111;
}

.woocommerce div.product form.cart .button:hover {
    background: #f5a93f;
    border-color: #f5a93f;
    color: #fff;
}

.shop-details .product-details-content .addto-cart-box {
    margin-bottom: 0;
}

.shop-details .product-details-content .content-box .text {
    margin-bottom: 0;
}

.shop-details .product-details-content .content-box .price {
    margin-bottom: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0px;
}

.shop-details .product-info-tabs .tabs-content {
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 0;
    padding: 40px 40px;
    border: 1px solid #f2f2f2;
    transform: scale(1);
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: 50px !important;
}

.woocommerce #review_form #respond textarea {
    border: 1px solid #f2f2f2;
    height: 150px;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    padding: 17px 40px;
    text-transform: uppercase;
    color: #222;
    background: transparent;
    border: 2px solid #13bbea;
    border-radius: 27px;
    transition: .5s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    color: #fff;
    border-color: #f5a93f;
}

.woocommerce #review_form #respond label {
    margin-bottom: 15px;
}

.addto-cart-box .cart .item-quantity .input-text {
    bottom: 0;
    line-height: 54px;
}

article#post-642 {
    width: 100%;
}

.woocommerce table.shop_table td {
    padding: 30px 30px;
}

.woocommerce table.shop_table th {
    color: #222;
    padding: 15px 12px;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 50px;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    width: 200px;
    border: 2px solid #eee;
    padding: 13px 20px;
    border-radius: 27px;
}

.woocommerce button.button:disabled[disabled] {
    padding: 17px 40px;
    text-transform: uppercase;
    color: #222;
    background: transparent;
    border: 2px solid #13bbea;
    border-radius: 27px;
    opacity: 1;
}

.woocommerce table.shop_table {
    margin-bottom: 45px;
}

.woocommerce .cart-collaterals .cart_totals h2 {
    margin-bottom: 30px;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    vertical-align: middle;
    padding: 0 30px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    width: auto;
    display: inline-block;
    font-size: 16px;
    color: #222;
    padding: 17px 40px;
}

.woocommerce table.shop_table td a {
    color: #222;
}

.default-sidebar .woocommerce.widget_shopping_cart .buttons a {
    color: #222 !important;
    font-size: 16px;
    padding: 12px 0;
}

.default-sidebar .woocommerce.widget_shopping_cart .buttons a:hover {
    color: #fff !important;
}

.page-title .content-box .text a {
    color: #222;
}

.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a:hover {
    color: #f5a93f;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover {
    color: #f5a93f;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    max-width: 100%;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    max-width: 100%;
    width: 50%;
}

form.checkout.woocommerce-checkout h3 {
    margin-bottom: 20px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border: 1px solid #eee;
    height: 50px;
    width: 100%;
    padding: 20px;
}

.woocommerce form .form-row span.woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    height: 150px;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    margin: 0 -15px;
    margin-bottom: 30px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #eee;
    height: 50px;
    border-radius: 0%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px;
    right: 10px;
}

.woocommerce table.shop_table {
    border-radius: 0px;
}

.woocommerce table.shop_table th {
    padding: 15px 30px;
}

.woocommerce form .form-row .woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 20px;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 30px;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 30px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    border-radius: 0px;
}

.default-sidebar .woocommerce.widget_shopping_cart .buttons a.checkout {
    background: #f5a93f;
    border-color: #f5a93f;
    color: #fff !important;
}

.default-sidebar .woocommerce.widget_shopping_cart .buttons a.checkout:hover {
    background: transparent;
    border: 2px solid #13bbea;
    color: #222 !important;
}

.woocommerce ul.products li.product .star-rating {
    width: 100px;
    margin: 0 auto 20px;
    letter-spacing: 5px;
    color: #13bbea;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    color: #222;
    font-size: 16px;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
    color: #fff;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
    font-size: 20px;
}

.woocommerce div.product form.cart .variations select {
    border: 1px solid #eee;
    padding: 0px 20px;
    height: 50px;
    margin-bottom: 20px;
}

.woocommerce div.product form.cart .variations td.label {
    padding-right: 0;
}

.shop-details .product-details-content .content-box input#quantity_5e202823c750d {
    border: 1px solid #eee;
    height: 50px;
    margin-right: 10px;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button {
    padding: 15px 40px;
    border-radius: 0px;
}

.woocommerce div.product form.cart .variations {
    border: none !important;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    border: none !important;
}

.sidebar-page-container .blog-sidebar .widget_categories li {
    position: relative;
    display: block;
    margin-bottom: 8px;
}

.sidebar-page-container .blog-sidebar .widgetwidget_categoriesarchive li:last-child {
    margin-bottom: 0px;
}

.sidebar-page-container .blog-sidebar .widget_categories li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding-left: 18px;
}

.sidebar-page-container .blog-sidebar .widget_categories li a:hover {
    color: #f5a93f;
}

.sidebar-page-container .blog-sidebar .widget_categories li a:before {
    position: absolute;
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: 700;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}

.default-sidebar .tagcloud a:hover {
    color: #fff;
}

.default-sidebar .tagcloud a:hover {
    background: #f5a93f;
}

.default-sidebar .tagcloud a {
    position: relative;
    display: inline-block;
    font-size: 16px !important;
    color: #999;
    padding: 10px 25px;
    border-radius: 30px;
    margin: 0px 7px 10px 0px;
}

.comments-area .comment .comment-inner .replay-btn a {
    color: #346bae;
    margin-top: 10px;
    display: inline-block;
}

.comments-area .comment .comment-inner .replay-btn a:hover {
    color: #f5a93f;
}

.logged-in-as {
    margin-top: 15px;
    margin-bottom: 18px;
}

#cancel-comment-reply-link {
    color: #346bae;
}

#cancel-comment-reply-link:hover {
    color: #f5a93f;
}

.nice-select.postform {
    position: relative;
    width: 100%;
    height: 55px;
    border: 1px solid #d8e5f1;
    background: #fff;
    border-radius: 30px;
    font-size: 16px;
    color: #666;
    transition: all 500ms ease;
}

.leave-review-area input[type='text'],
.leave-review-area input[type='email'],
.leave-review-area textarea {
    position: relative;
    width: 100%;
    height: 55px;
    background: #f8f8f8;
    font-size: 16px;
    color: #666;
    border-radius: 30px;
    padding: 10px 25px;
    border: 3px solid #f8f8f8;
    transition: all 500ms ease;
}

.main-menu .navigation>li.active:before,
.main-menu .navigation>li:hover::before {
    width: 30px;
}

.single-shop-block .price {
    color: #f5a93f;
}

.single-shop-block .price {
    color: #f5a93f !important;
}

.comment-form-rating.wide.vfdgdf .nice-select {
    display: none;
}

p.woocommerce-noreviews {
    margin-bottom: 10px !important;
}

.woocommerce #review_form #respond p {
    margin: 7px 0 18px;
}

.woocommerce #reviews #comments ol.commentlist {
    margin-bottom: 10px;
}

.leave-review-area .comment-reply-title {
    margin-bottom: 10px !important;
    display: block;
}

.woocommerce #review_form #respond label {
    margin-bottom: 10px;
}

.woocommerce div.product div.summary {
    margin-bottom: 0px;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
    font-size: 18px;
}

.logged-in-as a {
    color: #346bae;
}

.logged-in-as a:hover {
    color: #f5a93f;
}

p.form-submit {
    margin-bottom: 10px !important;
}

.woo-product .three-column-carousel .owl-stage-outer .owl-stage .owl-item .shop-block .single-shop-block .inner-box {
    background: #f3f9ff !important;
}

.news-block-one .inner-box .lower-content .inner.no-image {
    position: relative;
    margin-top: 0px !important;
    background: #fff;
    border-radius: 5px;
    padding: 43px 40px 50px 45px;
    box-shadow: 0 2px 20px #edf1f2;
}

.main-slider .content-box .btn-box .video-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    padding: 17px 30px 17px 67px;
    z-index: 1;
}

.main-slider .content-box .btn-box .video-btn i {
    position: absolute;
    left: 6px;
    top: 6px;
    font-size: 18px;
    border: 2px solid #fff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0;
}

.blog-details-content .inner-box .upper-box .post-info.no-image .info-box {
    box-shadow: 0 2px 20px #edf1f2;
}

.blog-details-content .inner-box .lower-box h1+h2 {
    margin: 0;
    font-weight: normal;
}

.blog-details-content h5+h6 {
    margin-bottom: 20px;
}

.news-block-one .inner-box .lower-content.pdn-none {
    margin: 0;
}

.related-product .top-title .title-inner .sec-title h1 {
    font-size: 30px;
}

.products.columns-4 .single-shop-block .inner-box {
    padding: 40px 20px;
}

.products.columns-4 .single-shop-block .cart-btn a {
    padding: 10px 25px
}

.products.columns-5 .single-shop-block .inner-box {
    padding: 40px 20px;
}

.products.columns-5 .single-shop-block .cart-btn a {
    padding: 10px 22px;
    font-size: 12px;
    text-transform: capitalize;
}

.products.columns-5 .single-shop-block .cart-btn a i {
    display: none;
}

.comments-area .comment-respond {
    margin-top: 50px;
    margin-bottom: 50px;
}

.blog-details-content .comments-area .comment .comment-inner h3+h4 {
    font-size: 1.5rem;
    font-weight: normal;
    font-family: 'Playfair Display', serif;
}

.sticky-header .logo-box img {
    max-height: 40px;
}

.mobile-menu .nav-logo img {
    max-height: 40px;
}

.main-footer .footer-upper .logo-widget .footer-logo img {
    max-width: 190px;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: left;
    width: auto;
}

.uaques_blog_search {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.uaques_blog_search .uaques-search-header {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

.uaqes_text_input {
    padding: 6px;
}

.uaqes_text_input,
.uaqes_select_input,
.uaqes_select_input ul.list {
    width: 100% !important;
    height: 42px;
    border-radius: unset !important;
    margin-bottom: unset;
}

.uaqes_select_input {
    color: gray;
}

.uaq-searchbar-submit-bt {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-radius: 30px;
    text-align: center;
    padding: 10px 32px;
    width: 100%;
    background: #13bbea;
}

.uaq-searchbar-submit-bt:hover {
    color: #13bbea;
    background: #fff;
}


/*update css add*/


/** header-style-three **/

.main-header.style-three {
    position: relative;
}

.main-header.style-three .outer-container {
    position: relative;
}

.main-header.style-three .header-top .top-left .text {
    position: relative;
    font-size: 15px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0px;
    margin-top: 12px;
}

.main-header.style-three .header-top .social-links {
    position: relative;
    float: left;
    margin: 12px 15px 0px 0px;
}

.main-header.style-three .header-top .social-links li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.main-header.style-three .header-top .social-links li:last-child {
    margin-right: 0px;
}

.main-header.style-three .header-top .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
}

.main-header.style-three .header-top .social-links li a:hover {}

.main-header.style-three .header-top .top-right .btn-box {
    position: relative;
    float: left;
}

.main-header.style-three .header-top .top-right .btn-box .theme-btn.style-two {
    border-radius: 0px;
    display: flex;
    padding: 12px 40px;
}

.main-header.style-three .header-top .top-right .btn-box .theme-btn.style-two:before {
    border-bottom: 60px solid #222;
}

.main-header.style-three .header-top .top-right .btn-box .theme-btn.style-two:after {
    border-bottom: 60px solid #222;
}

.main-header.style-three .search-box-btn {
    border: 1px solid #e6eef8;
}


/** slider-style-three **/


/** testimonial-style-three **/


.news-style-two {
    position: relative;
    padding: 100px 0px;
}

.news-block-two .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 20px #dfe2eb;
    transition: all 500ms ease;
}

.news-block-two .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #0e2c50;
}

.news-block-two .inner-box .image-box img {
    width: 100%;
    transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image-box img {
    opacity: 0.2;
    transform: scale(1.05);
}

.news-block-two .inner-box .lower-content {
    position: relative;
    padding: 30px 30px;
}

.news-block-two .inner-box .lower-content .post-info li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-right: 27px;
}

.news-block-two .inner-box .lower-content .post-info li:last-child {
    margin-right: 0px;
}

.news-block-two .inner-box .lower-content .post-info li:before {
    position: absolute;
    content: '';
    background: #bbc1cd;
    height: 15px;
    width: 1px;
    top: 6px;
    right: -15px;
}

.news-block-two .inner-box .lower-content .post-info li:last-child:before {
    display: none;
}

.news-block-two .inner-box .lower-content .post-info {
    position: relative;
    margin-bottom: 12px;
}

.news-block-two .inner-box .lower-content h3 {
    position: relative;
    display: block;
    color: #222;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}

.news-block-two .inner-box .lower-content h3 a {
    display: inline-block;
    color: #222;
}

.news-block-two .inner-box .lower-content h3 a:hover {}

.news-block-two .inner-box .lower-content .lower-box {
    position: relative;
    padding: 13px 0px;
}

.news-block-two .inner-box .lower-content .lower-box .admin {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.news-block-two .inner-box .lower-content .lower-box .admin a {}

.news-block-two .inner-box .lower-content .lower-box .admin a:hover {}

.news-block-two .inner-box .lower-content .lower-box .link {
    position: absolute;
    top: 12px;
    right: 0px;
    z-index: 1;
}

.news-block-two .inner-box .lower-content .lower-box .link a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    font-family: 'PT Sans', sans-serif;
    z-index: 1;
}

.news-block-two .inner-box .lower-content .lower-box .link a:hover {}


/** welcome-section **/

/** chooseus-section **/

/** slider-style-three **/

.main-slider.style-three .content-box {
    max-width: 100%;
    padding-top: 0px;
}

.main-slider.style-three .slide {
    padding: 190px 0px 200px 0px;
}

.main-slider.style-three h1 {
    font-size: 60px;
    line-height: 68px;
}


/*Shop Comun 4*/

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 25%;
}

.shop-page-section .shop-sidebar {
    padding-right: unset;
}

.shop-page-section .our-shop .shop-block .single-shop-block {
    margin: 0px 8px;
}

.woocommerce ul.products li.product a {
    font-size: 10px;
}

.woocommerce ul.products li.product a.prod-title {
    font-size: 14px !important;
}

.shop-page-section .content-side .woocommerce-result-count {
    float: right;
    border: 1px solid #eeeeee;
    padding: 8px;
    margin-right: 8px;
}

.shop-page-section .sideber-side .shop-sidebar .widget_product_search .woocommerce-product-search input.search-field {
    border: 1px solid #eeeeee;
    padding: 6px;
    width: 40% !important;
    margin-right: 2px;
}

.sidebar-woo-search {
    padding: 6px;
    background: #13bbea;
    color: #fff;
    padding-right: 9px;
    padding-left: 9px;
    border-radius: 15%;
    float: right;
}

.uaques_blog_search .uaqes_select_input ul.list,
.woocommerce-product-search .uaqes_select_input ul.list {
    height: unset;
}

.woocommerce-product-search .uaqes_select_input {
    width: 45% !important;
    margin-right: 2px;
    padding-left: 5px;
    padding-right: 20px;
    height: 38px !important;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 33.33%;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
    width: 50%;
}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
    width: 20%;
}
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
    width: 16.66%;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: unset;
}
.owl-nav > div {
    position: absolute;
    top: 50%;
    left: -50px;
    background: #fff;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-top: -20px;
    cursor: pointer;
}
.owl-nav .owl-next {
    left: auto;
    right: -50px;
}
.owl-nav.disabled {
    display: none;
}




.service-block-one {
    visibility: visible !important;
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
}

.single-column .single-item {
    visibility: visible !important;
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
}

.info-section .content-box p {
    color: inherit !important;
}


/*
@media only screen and (max-width: 1024px) {
    .info-section .image-layer {
        display: block !important;
    }
}
*/



.hidden-section {
    display: none;
}

@media only screen and (max-width: 1024px) {
    #new-section {
        display: block;
    }
}

/* This below turns off all the animations */
* {
  transition: none !important;
  animation: none !important;
}