<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*--------------------------------------------------------------
&gt;&gt;&gt; RadiantThemes Custom CSS
&gt;&gt;&gt; THEME CUSTOM CSS || DO NOT CHANGE THIS WITHOUT PROPER KNOWLEDGE
&gt;&gt;&gt; TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Sidr
# Nicescroll
# Preloader
# Overlay
# Page Transition Layer
# Scrollup
# GDPR Notice
# Footer
	## Footer Style Default
	## Footer Style Custom
# Mobile Menu
# Search Bar
# Hamburger Menu
# WordPress Fix
# Gallery Columns
# WooCommerce Fix
# YITH Fix
# Website Layout
# Common
# Custom Widgets
	## RadiantThemes Twitter Box
	## RadiantThemes Contact Box
	## RadiantThemes Recent Post With Thumbnail
# Inner Banner
	## Inner Banner Main
	## Inner Banner Breadcrumb
# Pagination / WooCommerce Pagination
# Sidebar
# Blog Page
	## Blog Listing
		### Post (Style Default)
		### Post (Style One)
		### Post (Style Two)
		### Post (Style Three)
		### Post (Style Four)
		### Post (Style Five)
	## Blog Single Page
		### Single Page Style Default
		### Single Page Style One
		### Single Page Style Two
	## Blog No Result Page
# Shop Page
	## Product Listing Page
		### Shop Box (Style One)
		### Shop Box (Style Two)
		### Shop Box (Style Three)
		### Shop Box (Style Four)
		### Shop Box (Style Five)
		### Shop Box (Style Six)
	## Product Single Page
		### Shop Details Box (Style One)
		### Shop Details Box (Style Two)
		### Shop Details Box (Style Three)
		### Shop Attributes
		### Shop Reviews
		### Shop Related
	## Empty Cart Page
	## Login/Register Page
	## My Account Page
	## Cart Page
	## Checkout Page
	## Order Received Page
# Team Page
	## Team Single Page
		### Team Single Page Style One
# Event Page
	## Event Month View Page
	## Event List View Page
	## Event Day View Page
# 404 Error Page
	## 404 Error Style One
	## 404 Error Style Two
	## 404 Error Style Three
	## 404 Error Style Four
# Maintenance Mode Page
	## Maintenance Mode Style One
	## Maintenance Mode Style Two
	## Maintenance Mode Style Three
# Coming Soon Page
	## Coming Soon Style One
	## Coming Soon Style Two
	## Coming Soon Style Three
# Default Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

* {
    margin: 0 auto;
    text-decoration: none !important;
    outline: none !important;
}

a {
    color: #181b31;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    border-radius: 5px;
}

iframe {
    max-width: 100%;
}

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

ol {
    list-style: decimal inside;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0;
    visibility: inherit !important;
}

strong {
    font-weight: 600;
}

p {
    margin-bottom: 20px;
    padding: 0;
}

blockquote {
    margin: 0;
    padding: 0;
    border: none;
}

label {
    font-weight: 400;
}

del,
del * {
    text-decoration: line-through !important;
}

/*--------------------------------------------------------------
# Sidr
--------------------------------------------------------------*/

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidr.right {
    left: auto;
    right: -260px;
}

.sidr.left {
    left: -260px;
    right: auto;
}

.sidr.right .sidr-close {
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.05);
    text-align: right;
}

.sidr.left .sidr-close {
    float: left;
    margin-left: 15px;
}

.sidr-close {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 25px;
    cursor: pointer;
}

/*--------------------------------------------------------------
# Nicescroll
--------------------------------------------------------------*/

.nicescroll-rails {
    z-index: 999 !important;
    background: rgba(0, 0, 0, 0.2);
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

/*--------------------------------------------------------------
# lds-circle
--------------------------------------------------------------*/

.lds-circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes lds-circle {

    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(1800deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    100% {
        transform: rotateY(3600deg);
    }
}

/*--------------------------------------------------------------
# lds-default
--------------------------------------------------------------*/

.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}

.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}

.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}

.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}

.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}

.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}

.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}

.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}

.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}

.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}

@keyframes lds-default {

    0%,
    20%,
    80%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

/*--------------------------------------------------------------
# lds-dual-ring
--------------------------------------------------------------*/

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border-width: 6px;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# lds-ellipsis
--------------------------------------------------------------*/

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

/*--------------------------------------------------------------
# lds-facebook
--------------------------------------------------------------*/

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }

    50%,
    100% {
        top: 24px;
        height: 32px;
    }
}

/*--------------------------------------------------------------
# lds-grid
--------------------------------------------------------------*/

.lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    animation: lds-grid 1.2s linear infinite;
}

.lds-grid div:nth-child(1) {
    top: 8px;
    left: 8px;
    animation-delay: 0s;
}

.lds-grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    animation-delay: -1.6s;
}

@keyframes lds-grid {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

/*--------------------------------------------------------------
# lds-heart
--------------------------------------------------------------*/

.lds-heart {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: rotate(45deg);
    transform-origin: 40px 40px;
}

.lds-heart div {
    top: 32px;
    left: 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lds-heart div:after,
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
}

.lds-heart div:before {
    left: -24px;
    border-radius: 50% 0 0 50%;
}

.lds-heart div:after {
    top: -24px;
    border-radius: 50% 50% 0 0;
}

@keyframes lds-heart {
    0% {
        transform: scale(0.95);
    }

    5% {
        transform: scale(1.1);
    }

    39% {
        transform: scale(0.85);
    }

    45% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(0.9);
    }
}

/*--------------------------------------------------------------
# sk-rotating-plane
--------------------------------------------------------------*/

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border-width: 32px;
    border-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

/*--------------------------------------------------------------
# lds-ring
--------------------------------------------------------------*/

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# lds-ripple
--------------------------------------------------------------*/

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ripple div {
    position: absolute;
    border-width: 4px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

/*--------------------------------------------------------------
# lds-roller
--------------------------------------------------------------*/

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# lds-spinner
--------------------------------------------------------------*/

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*--------------------------------------------------------------
# Overlay
--------------------------------------------------------------*/

body &gt; .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    content: " ";
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

body.mobile-menu-open &gt; .overlay {
    opacity: 1;
    visibility: visible;
}

/*--------------------------------------------------------------
# Page Transition Layer
--------------------------------------------------------------*/

body &gt; .page-transition-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    content: " ";
    width: auto;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.page-transition-layer.i-am-active,
body.page-transition-active &gt; .page-transition-layer {
    opacity: 1;
    visibility: visible;
}

.page-transition-layer-loader {
    position: relative;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background-color: #f8f8f8;
}

.page-transition-layer-spinner {
    position: absolute;
    top: calc(50% - 33px);
    right: 0;
    left: 0;
    animation: PageTransitionSpinner 1.4s linear infinite;
}

@keyframes PageTransitionSpinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

.page-transition-layer-spinner .page-transition-layer-spinner-path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #4285f4;
    animation: PageTransitionSpinnerCircle 1.4s ease-in-out infinite;
}

@keyframes PageTransitionSpinnerCircle {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

/*--------------------------------------------------------------
# Scrollup
--------------------------------------------------------------*/

body &gt; .scrollup {
    position: fixed;
    bottom: 20px;
    width: 40px;
    height: 40px;
    z-index: 99;
    border-radius: 50%;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

body &gt; .scrollup.left {
    left: -50px;
}

body &gt; .scrollup.right {
    right: -50px;
}

body &gt; .scrollup.left.active {
    left: 15px;
}

body &gt; .scrollup.right.active {
    right: 15px;
}

body &gt; .scrollup:hover {
    transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

body &gt; .scrollup span[class*="ti-"] {
    font-size: 20px;
    color: inherit;
    line-height: 40px;
}

/*--------------------------------------------------------------
# GDPR Notice
--------------------------------------------------------------*/

.gdpr-notice {
    position: fixed;
    bottom: 0;
    z-index: 99;
    margin: 0;
    padding: 20px 30px 17px 20px;
    border: none;
    border-radius: 0;
    font-weight: 300;
    color: #fff;
}

.gdpr-notice .close {
    top: -12px;
}

.gdpr-notice &gt; .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.gdpr-notice p {
    margin: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Default
--------------------------------------------------------------*/


.wraper_header.style-default {
    position: relative;
    z-index: 999;
    width: 100%;
    direction: initial;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    /* nav */
    /* nav level one */
    /* nav level two */
    /* nav level three */
}

.wraper_header.style-default .wraper_header_main {
    width: 100%;
    background-color: #fff;
}

.wraper_header.style-default .wraper_header_main &gt; .container {
    padding-top: 3px;
    padding-bottom: 3px;
}

.wraper_header.style-default .header_main {
    position: relative;
}

.wraper_header.style-default .header_main .brand-logo {
    max-width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    float: left;
    text-align: left;
    font-size: 0;
}

.wraper_header.style-default .header_main .brand-logo &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_header.style-default .header_main .brand-logo &gt; .table &gt; .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.wraper_header.style-default .header_main .brand-logo .site-title {
    margin-bottom: 0;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 26px;
    color: #000;
    line-height: 1.1;
}

.wraper_header.style-default .header_main .header-responsive-nav {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.wraper_header.style-default .header_main .header-responsive-nav i {
    font-size: 20px;
    color: #FF6064;
    line-height: 1;
    cursor: pointer;
}

.wraper_header.style-default .nav {
    float: right;
    text-align: right;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 25px;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 15px;
    color: #444756;
    letter-spacing: -0.1px;
    line-height: 28px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 220px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    /*left: auto;
	right: 0;*/
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 7px;
    padding-bottom: 7px;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-family: "Roboto";
    text-transform: capitalize;
    letter-spacing: 0.6px;
    font-weight: 400;
    font-size: 13px;
    color: #444756;
    line-height: 28px;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    float: right;
    margin-left: 7px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 1;
    width: 220px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
    left: 100%;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-default .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/

#mobile-menu {
    background-color: #ffffff !important;
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s !important;
}

.mobile-menu-nav {
    text-transform: uppercase;
    line-height: 27px;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-style: normal;
    color: #ffffff;
    font-size: 14px;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style One
--------------------------------------------------------------*/

.wraper_header.style-one {
    z-index: 999;
    width: 100%;
    direction: initial;
    /* wraper_header_main */
    /* wraper_flyout_search */
}

.wraper_header.style-one.static-header {
    position: relative;
}

.wraper_header.style-one.floating-header {
    position: absolute;
}

.wraper_header.style-one .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
}

.wraper_header.style-one .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-one .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-one .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-one .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 25px;
}

.wraper_header.style-one .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-one .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-one .wraper_header_main .header_main .brand-logo img {
    max-width: 104px;
}

.wraper_header.style-one .wraper_header_main .header-responsive-nav {
    width: auto;
    float: right;
    margin-top: 7px;
    margin-left: 27px;
    text-align: center;
}

.wraper_header.style-one .wraper_header_main .header-responsive-nav i {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .header-hamburger-menu {
    width: auto;
    float: right;
    margin-top: 8px;
    margin-left: 27px;
    text-align: center;
}

.wraper_header.style-one .wraper_header_main .header-hamburger-menu i {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .header_main_action {
    float: right;
    margin-top: 12px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-one .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.wraper_header.style-one .wraper_header_main .header_main_action ul &gt; li i {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: block;
    margin-right: 6px;
}

.wraper_header.style-one .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .nav {
    float: right;
    margin-top: 7px;
    text-align: right;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 35px;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before {
    position: absolute;
    bottom: 2px;
    right: 0;
    z-index: 0;
    content: " ";
    width: 0;
    height: 2px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; a:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-item &gt; a:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-parent &gt; a:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-ancestor &gt; a:before {
    width: 100%;
    right: auto;
    left: 0;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-one .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-one .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-one .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-one .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-one .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-one .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-one .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-one .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-one .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-one .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-one .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-one .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-one .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-one .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-one .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-one .wraper_flyout_search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-one body.flyout-searchbar-active .wraper_flyout_search {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-one .wraper_flyout_search &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_header.style-one .wraper_flyout_search &gt; .table &gt; .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.wraper_header.style-one .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.wraper_header.style-one .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.wraper_header.style-one .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(2) {
    left: 300px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.wraper_header.style-one .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(3) {
    left: 600px;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.9s ease-in-out 0.6s;
    -webkit-transition: all 0.9s ease-in-out 0.6s;
}

.wraper_header.style-one body.flyout-searchbar-active .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.wraper_header.style-one .flyout-search-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}

.wraper_header.style-one .flyout-search-close &gt; .flyout-search-close-line {
    width: 100%;
    height: 2px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
}

.wraper_header.style-one .flyout-search-close &gt; .flyout-search-close-line:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wraper_header.style-one .flyout-search-close &gt; .flyout-search-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wraper_header.style-one .flyout_search {
    position: relative;
    z-index: 1;
    float: right;
    width: 100%;
    max-width: 500px;
    padding: 100px 40px 100px 40px;
    text-align: right;
}

.wraper_header.style-one .flyout_search &gt; .flyout-search-title {
    margin-bottom: 30px;
}

.wraper_header.style-one .flyout_search &gt; .flyout-search-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_header.style-one .flyout_search &gt; .flyout-search-title h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    letter-spacing: 50px;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
}

.wraper_header.style-one body.flyout-searchbar-active .flyout_search &gt; .flyout-search-title h4 {
    letter-spacing: 0;
    opacity: 1;
}

.wraper_header.style-one .flyout_search .form-row {
    position: relative;
    padding: 0;
    margin: 0;
}

.wraper_header.style-one .flyout_search .form-row input[type="search"] {
    width: 100%;
    height: 60px;
    padding: 0px 40px 0px 0px;
    background-color: initial;
    border: none;
    border-bottom: 3px #dedede solid;
    box-shadow: initial;
    font-size: 20px;
    color: #fff;
}

.wraper_header.style-one .flyout_search .form-row button[type="submit"] {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1;
    width: 40px;
    height: auto;
    background-color: initial;
    border: none;
    cursor: pointer;
}

.wraper_header.style-one .flyout_search .form-row button[type="submit"] i {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

body.admin-bar .wraper_header.style-one .wraper_header_main {
    top: 0;
}

body.admin-bar .wraper_header.style-one .is-sticky .wraper_header_main {
    top: 32px !important;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Two
--------------------------------------------------------------*/

.wraper_header.style-two {
    z-index: 999;
    width: 100%;
    direction: initial;
    /* wraper_header_main */
    /* wraper_flyout_search */
}

.wraper_header.style-two.static-header {
    position: relative;
}

.wraper_header.style-two.floating-header {
    position: absolute;
}

.wraper_header.style-two .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
}

.wraper_header.style-two .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-two .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-two .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-two .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 25px;
}

.wraper_header.style-two .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-two .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-two .wraper_header_main .header_main .brand-logo img {
    max-width: 104px;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 9px;
    margin-left: 25px;
    text-align: right;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav &gt; .header-responsive-nav-line {
    width: 100%;
    height: 3px;
    float: left;
    margin-bottom: 7px;
    background-color: #ffffff;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav &gt; .header-responsive-nav-line:last-child,
.wraper_header.style-two .wraper_header_main .header-responsive-nav &gt; .header-responsive-nav-line:only-child {
    margin-bottom: 0;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav &gt; .header-responsive-nav-line:nth-child(2) {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav &gt; .header-responsive-nav-line:nth-child(3) {
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav:hover &gt; .header-responsive-nav-line:nth-child(1) {
    width: 100%;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav:hover &gt; .header-responsive-nav-line:nth-child(2) {
    width: 75%;
}

.wraper_header.style-two .wraper_header_main .header-responsive-nav:hover &gt; .header-responsive-nav-line:nth-child(3) {
    width: 50%;
}

.wraper_header.style-two .wraper_header_main .header-hamburger-menu {
    width: 33px;
    float: right;
    margin-top: 3px;
    text-align: center;
    cursor: pointer;
}

.wraper_header.style-two .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon {
    width: 7px;
    height: 7px;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    background-color: #fff;
}

.wraper_header.style-two .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(2) {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(3) {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(6) {
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(2),
.wraper_header.style-two .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(3),
.wraper_header.style-two .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(6) {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.wraper_header.style-two .wraper_header_main .header_main_action {
    float: right;
    margin-top: 13px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-two .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.wraper_header.style-two .wraper_header_main .header_main_action ul &gt; li i {
    font-size: 18px;
    color: #18161b;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: block;
    margin-right: 6px;
}

.wraper_header.style-two .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .nav {
    float: right;
    margin-top: 7px;
    text-align: right;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 35px;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    float: right;
    margin-left: 7px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-two .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-two .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-two .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-two .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-two .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-two .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-two .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-two .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-two .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-two .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-two .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-two .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-two .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-two .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-two .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-two .wraper_flyout_search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-two body.flyout-searchbar-active .wraper_flyout_search {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-two .wraper_flyout_search &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_header.style-two .wraper_flyout_search &gt; .table &gt; .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.wraper_header.style-two .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.wraper_header.style-two .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.wraper_header.style-two .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(2) {
    left: 300px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.wraper_header.style-two .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(3) {
    left: 600px;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.9s ease-in-out 0.6s;
    -webkit-transition: all 0.9s ease-in-out 0.6s;
}

.wraper_header.style-two body.flyout-searchbar-active .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.wraper_header.style-two .flyout-search-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}

.wraper_header.style-two .flyout-search-close &gt; .flyout-search-close-line {
    width: 100%;
    height: 2px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
}

.wraper_header.style-two .flyout-search-close &gt; .flyout-search-close-line:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wraper_header.style-two .flyout-search-close &gt; .flyout-search-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wraper_header.style-two .flyout_search {
    position: relative;
    z-index: 1;
    float: right;
    width: 100%;
    max-width: 500px;
    padding: 100px 40px 100px 40px;
    text-align: right;
}

.wraper_header.style-two .flyout_search &gt; .flyout-search-title {
    margin-bottom: 30px;
}

.wraper_header.style-two .flyout_search &gt; .flyout-search-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_header.style-two .flyout_search &gt; .flyout-search-title h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    letter-spacing: 50px;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
}

.wraper_header.style-two body.flyout-searchbar-active .flyout_search &gt; .flyout-search-title h4 {
    letter-spacing: 0;
    opacity: 1;
}

.wraper_header.style-two .flyout_search .form-row {
    position: relative;
    padding: 0;
    margin: 0;
}

.wraper_header.style-two .flyout_search .form-row input[type="search"] {
    width: 100%;
    height: 60px;
    padding: 0px 40px 0px 0px;
    background-color: initial;
    border: none;
    border-bottom: 3px #dedede solid;
    box-shadow: initial;
    font-size: 20px;
    color: #fff;
}

.wraper_header.style-two .flyout_search .form-row button[type="submit"] {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1;
    width: 40px;
    height: auto;
    background-color: initial;
    border: none;
    cursor: pointer;
}

.wraper_header.style-two .flyout_search .form-row button[type="submit"] i {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

body.admin-bar .wraper_header.style-two .wraper_header_main {
    top: 0;
}

body.admin-bar .wraper_header.style-two .is-sticky .wraper_header_main {
    top: 32px !important;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Three
--------------------------------------------------------------*/

#page {
    word-wrap: break-word;
}

body[data-header-style="header-style-three"] #page,
body[data-header-style="header-style-three"] .wraper_footer {
    margin-left: 270px;
}

body[data-header-style="header-style-three"] #page .container.page-container,
body[data-header-style="header-style-three"] .wraper_footer &gt; .container {
    width: 100%;
}

body[data-header-style="header-style-three"] .vc_row:not(.vc_row-no-padding) {
    padding-left: 15px;
    padding-right: 15px;
}

body[data-header-style="header-style-three"] .vc_row:before {
    display: none !important;
}

body[data-header-style="header-style-three"] .wraper_header.style-three {
    direction: initial;
}

body[data-header-style="header-style-three"] .wraper_header_responsive {
    position: fixed;
    left: 0;
    z-index: 9999999;
}

body[data-header-style="header-style-three"] .wraper_header_responsive &gt; div[class*="responsive-sidemenu-"] {
    padding: 10px;
    text-align: center;
    font-size: 25px;
    line-height: 1;
}

body[data-header-style="header-style-three"] .wraper_header_responsive &gt; div[class*="responsive-sidemenu-"].responsive-sidemenu-open {
    color: #000;
}

body[data-header-style="header-style-three"] .wraper_header_responsive &gt; div[class*="responsive-sidemenu-"].responsive-sidemenu-close {
    color: #fff;
}

body[data-header-style="header-style-three"].sidemenu-open .wraper_header_responsive {
    top: 0;
}

body[data-header-style="header-style-three"] .wraper_header_main {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 270px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 55px 40px 55px 40px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .brand-logo {
    margin-bottom: 100px;
    text-align: left;
    font-size: 0;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .brand-logo img {
    max-width: 110px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav {
    margin-bottom: 60px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2px;
    color: inherit;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a:before {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    content: " ";
    width: 0;
    height: 2px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:hover:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-item &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-parent &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.current-menu-item &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.current-menu-parent &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.current-menu-item &gt; a:before,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.current-menu-parent &gt; a:before {
    right: auto;
    left: 0;
    width: 100%;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
    display: none;
    margin-top: 10px;
    margin-bottom: 15px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 25px;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    opacity: 0.85;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 35px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 45px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 55px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .header-copyright {
    margin-bottom: 25px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .header-copyright &gt; *:last-child {
    margin-bottom: 0 !important;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .header-copyright p {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #d0d0d0;
    line-height: 24px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .header-social ul.social {
    font-size: 0;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .header-social ul.social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    margin-bottom: 8px;
}

body[data-header-style="header-style-three"] .wraper_header_main .header_main .header-social ul.social li a {
    display: block;
    width: 33px;
    height: 33px;
    background-color: transparent;
    border: 2px rgba(255, 255, 255, 0.3) solid;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

body[data-header-style="header-style-three"] #sidemenu.sidr.left {
    left: -100%;
}

body[data-header-style="header-style-three"] #sidemenu.sidr {
    width: 100%;
}

body:not(.sidemenu-open) .responsive-sidemenu-open,
body.sidemenu-open .responsive-sidemenu-close {
    display: block;
}

body.sidemenu-open .responsive-sidemenu-open,
body:not(.sidemenu-open) .responsive-sidemenu-close {
    display: none;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    body[data-header-style="header-style-three"] #page,
    body[data-header-style="header-style-three"] .wraper_footer {
        margin-left: 0;
    }

    /* wraper_header_main */
    body[data-header-style="header-style-three"] .wraper_header_main {
        position: absolute;
        width: 100%;
        max-width: 280px;
    }

    .inner_banner_main .subtitle {
        padding: 0px !important;
    }

    h1.entry-title {
        font-size: 33px !important;
        line-height: 43px !important;
    }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    body[data-header-style="header-style-three"] #page,
    body[data-header-style="header-style-three"] .wraper_footer {
        margin-left: 0;
    }

    /* wraper_header_main */
    body[data-header-style="header-style-three"] .wraper_header_main {
        position: absolute;
        width: 100%;
        max-width: 280px;
    }

    .inner_banner_main .subtitle {
        padding: 0px !important;
    }

    h1.entry-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    body[data-header-style="header-style-three"] #page,
    body[data-header-style="header-style-three"] .wraper_footer {
        margin-left: 0;
    }

    /* wraper_header_main */
    body[data-header-style="header-style-three"] .wraper_header_main {
        position: absolute;
        width: 100%;
        max-width: 280px;
    }

    .inner_banner_main .subtitle {
        padding: 0px !important;
    }

    h1.entry-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    body[data-header-style="header-style-three"] #page,
    body[data-header-style="header-style-three"] .wraper_footer {
        margin-left: 0;
    }

    /* wraper_header_main */
    body[data-header-style="header-style-three"] .wraper_header_main {
        position: absolute;
        width: 100%;
        max-width: 280px;
    }

    .inner_banner_main .subtitle {
        padding: 0px !important;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Four
--------------------------------------------------------------*/

body[data-header-style="header-style-four"] .wraper_header.style-four {
    position: relative;
    z-index: 999;
    direction: initial;
    /* wraper_header_sidebar */
    /* mobile-sidebar-menu-open */
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 80px;
    background-color: #fff;
    border-right: 1px rgba(0, 0, 0, 0.1) solid;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar {
    padding: 20px 10px 20px 10px;
    text-align: center;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar &gt; *:last-child {
    margin-bottom: 0 !important;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-brand-icon {
    margin-bottom: 190px;
    text-align: center;
    font-size: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 0.6s ease-in-out 0.4s;
    -webkit-transition: all 0.6s ease-in-out 0.4s;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open {
    max-width: 35px;
    margin-bottom: 190px;
    text-align: center;
    cursor: pointer;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 0.6s ease-in-out 0.6s;
    -webkit-transition: all 0.6s ease-in-out 0.6s;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open &gt; .header-sidebar-menu-open-line {
    display: block;
    height: 3px;
    margin-left: 0;
    margin-bottom: 8px;
    background-color: #000;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open &gt; .header-sidebar-menu-open-line:nth-child(1),
body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open &gt; .header-sidebar-menu-open-line:nth-child(2) {
    width: 100%;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open &gt; .header-sidebar-menu-open-line:nth-child(3) {
    width: 70%;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open:hover &gt; .header-sidebar-menu-open-line:nth-child(1) {
    width: 90%;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open:hover &gt; .header-sidebar-menu-open-line:nth-child(2) {
    width: 50%;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open:hover &gt; .header-sidebar-menu-open-line:nth-child(3) {
    width: 100%;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-social {
    margin-bottom: 190px;
    text-align: center;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 0.6s ease-in-out 0.8s;
    -webkit-transition: all 0.6s ease-in-out 0.8s;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-social ul.social {
    display: block;
    font-size: 0;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-social ul.social &gt; li {
    width: 100%;
    margin-bottom: 5px;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-social ul.social &gt; li:last-child,
body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-social ul.social &gt; li:only-child {
    margin-bottom: 0;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-social ul.social &gt; li &gt; a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #000;
    line-height: 1;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .mobile-sidebar-menu-open {
    position: fixed;
    left: 0;
    padding: 12px;
    width: 53px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

body[data-header-style="header-style-four"] .wraper_header.style-four .mobile-sidebar-menu-open &gt; .mobile-sidebar-menu-open-line {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 8px;
    background-color: #000;
}

body[data-header-style="header-style-four"] .wraper_header.style-four .mobile-sidebar-menu-open &gt; .mobile-sidebar-menu-open-line:last-child,
body[data-header-style="header-style-four"] .wraper_header.style-four .mobile-sidebar-menu-open &gt; .mobile-sidebar-menu-open-line:only-child {
    margin-bottom: 0;
}

body[data-header-style="header-style-four"].sidemenu-open .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-brand-icon,
body[data-header-style="header-style-four"].sidemenu-open .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-menu-open,
body[data-header-style="header-style-four"].sidemenu-open .wraper_header.style-four .wraper_header_sidebar .header_sidebar .header-sidebar-social {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
}

body[data-header-style="header-style-four"] .sidr {
    width: 100%;
    max-width: 450px;
}

body[data-header-style="header-style-four"] .sidr.left {
    left: -450px;
}

body[data-header-style="header-style-four"] .wraper_header_main {
    position: relative;
    padding: 40px 30px 40px 30px;
}

body[data-header-style="header-style-four"] .wraper_header_main .sidemenu-close {
    position: absolute;
    top: 45px;
    right: 30px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

body[data-header-style="header-style-four"] .wraper_header_main .sidemenu-close:hover {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

body[data-header-style="header-style-four"] .wraper_header_main .sidemenu-close .sidemenu-close-holder {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
}

body[data-header-style="header-style-four"] .wraper_header_main .sidemenu-close .sidemenu-close-holder &gt; .sidemenu-close-line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
}

body[data-header-style="header-style-four"] .wraper_header_main .sidemenu-close .sidemenu-close-holder &gt; .sidemenu-close-line:nth-child(1) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

body[data-header-style="header-style-four"] .wraper_header_main .sidemenu-close .sidemenu-close-holder &gt; .sidemenu-close-line:nth-child(2) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .brand-logo {
    margin-bottom: 60px;
    text-align: left;
    font-size: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .brand-logo img {
    max-width: 110px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav {
    margin-bottom: 40px;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out 0.2s;
    -webkit-transition: all 0.6s ease-in-out 0.2s;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
    color: inherit;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a:before {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    content: " ";
    width: 0;
    height: 3px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:hover:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a:hover:before {
    right: auto;
    left: 0;
    width: 100%;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
    display: none;
    margin-top: 10px;
    margin-bottom: 15px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    margin-bottom: 0;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 25px;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    opacity: 0.85;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 35px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 45px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 55px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-search-bar {
    margin-bottom: 50px;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out 0.4s;
    -webkit-transition: all 0.6s ease-in-out 0.4s;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-search-bar .form-row {
    position: relative;
    border-bottom: 1px #6a6a6a solid;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-search-bar .form-row:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
    content: " ";
    width: 60px;
    height: 3px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-search-bar .form-row input[type="search"] {
    width: 100%;
    height: 50px;
    padding: 0px 50px 0px 0px;
    background-color: transparent;
    border: none;
    color: #fff;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-search-bar .form-row button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50px;
    padding: 0;
    background-color: transparent;
    border: none;
    text-align: right;
    font-size: 20px;
    color: #6a6a6a;
    line-height: 50px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-social {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out 0.6s;
    -webkit-transition: all 0.6s ease-in-out 0.6s;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-social ul.social {
    font-size: 0;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-social ul.social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

body[data-header-style="header-style-four"] .wraper_header_main .header_main .header-social ul.social li a {
    font-size: 18px;
    color: #6a6a6a;
    line-height: 1;
}

body[data-header-style="header-style-four"].sidemenu-open .wraper_header_main .header_main .brand-logo,
body[data-header-style="header-style-four"].sidemenu-open .wraper_header_main .header_main .nav,
body[data-header-style="header-style-four"].sidemenu-open .wraper_header_main .header_main .header-search-bar,
body[data-header-style="header-style-four"].sidemenu-open .wraper_header_main .header_main .header-social {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Five
--------------------------------------------------------------*/

body[data-header-style="header-style-five"] .wraper_header.style-five {
    z-index: 999;
    width: 100%;
    direction: initial;
}

body[data-header-style="header-style-five"] .wraper_header.style-five.static-header {
    position: relative;
}

body[data-header-style="header-style-five"] .wraper_header.style-five.floating-header {
    position: absolute;
}

body[data-header-style="header-style-five"] .wraper_header_main {
    width: 100%;
}

body[data-header-style="header-style-five"] .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

body[data-header-style="header-style-five"] .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

body[data-header-style="header-style-five"] .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

body[data-header-style="header-style-five"] .wraper_header_main &gt; .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main {
    position: relative;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main .brand-logo img {
    width: 160px;
}

body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu {
    width: 36px;
    float: right;
    margin-top: 3px;
    text-align: center;
    cursor: pointer;
}

body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu &gt; .header-flyout-menu-icon {
    width: 5px;
    height: 5px;
    float: left;
    margin-left: 4px;
    margin-bottom: 4px;
    background-color: #000;
    border-radius: 50%;
}

body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu &gt; .header-flyout-menu-icon:nth-child(5),
body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu &gt; .header-flyout-menu-icon:nth-child(8) {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu &gt; .header-flyout-menu-icon:nth-child(13),
body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu &gt; .header-flyout-menu-icon:nth-child(16) {
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu:hover &gt; .header-flyout-menu-icon:nth-child(5),
body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu:hover &gt; .header-flyout-menu-icon:nth-child(13) {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
}

body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu:hover &gt; .header-flyout-menu-icon:nth-child(8),
body[data-header-style="header-style-five"] .wraper_header_main .header-flyout-menu:hover &gt; .header-flyout-menu-icon:nth-child(16) {
    opacity: 0;
    visibility: hidden;
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main_action {
    float: right;
    margin-top: 13px;
    margin-right: 30px;
    text-align: center;
    font-size: 0;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 27px;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main_action ul &gt; li:last-child,
body[data-header-style="header-style-five"] .wraper_header_main .header_main_action ul &gt; li:only-child {
    margin-right: 0;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main_action ul &gt; li i {
    font-size: 18px;
    color: #000;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: block;
    margin-right: 6px;
}

body[data-header-style="header-style-five"] .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

body[data-header-style="header-style-five"] .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

body[data-header-style="header-style-five"] .flyout-menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

body[data-header-style="header-style-five"] .flyout-menu-overlay &gt; .flyout-menu-overlay-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
}

body[data-header-style="header-style-five"] .flyout-menu-overlay &gt; .flyout-menu-overlay-line:nth-child(1) {
    top: 0;
}

body[data-header-style="header-style-five"] .flyout-menu-overlay &gt; .flyout-menu-overlay-line:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

body[data-header-style="header-style-five"] .flyout-menu-overlay &gt; .flyout-menu-overlay-line:nth-child(3) {
    bottom: 0;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 50px 3px 30px 30px;
    text-align: center;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    z-index: 2;
    text-align: center;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    cursor: pointer;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-close &gt; .flyout-menu-close-line {
    width: 100%;
    height: 2px;
    float: left;
    background-color: #fff;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-close &gt; .flyout-menu-close-line:nth-child(2) {
    margin-top: 13px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-close &gt; .flyout-menu-close-line:nth-child(2) {
    margin-top: -1px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav {
    margin-bottom: 55px;
    visibility: unset !important;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(1) {
    transition: all 0.4s ease-in-out 0.3s;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(2) {
    transition: all 0.4s ease-in-out 0.5s;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(3) {
    transition: all 0.4s ease-in-out 0.7s;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(4) {
    transition: all 0.4s ease-in-out 0.9s;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(5) {
    transition: all 0.4s ease-in-out 1s;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: inherit;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
    display: none;
    margin-top: 15px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    margin-bottom: 15px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    opacity: 0.85;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 35px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 45px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 55px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-header-social .title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    letter-spacing: 1px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.4s ease-in-out 1.2s;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-header-social ul.social {
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.4s ease-in-out 1.4s;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-header-social ul.social &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-left: 11px;
    margin-right: 11px;
}

body[data-header-style="header-style-five"] .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-header-social ul.social &gt; li &gt; a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    line-height: 1;
}

body[data-header-style="header-style-five"].admin-bar .wraper_header.style-one .wraper_header_main {
    top: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

body[data-header-style="header-style-five"].admin-bar .is-sticky .wraper_header.style-one .wraper_header_main {
    top: 32px !important;
}

body[data-header-style="header-style-five"].flyout-menu-active .flyout-menu-overlay {
    opacity: 1;
    visibility: visible;
}

body[data-header-style="header-style-five"].flyout-menu-active .flyout-menu-overlay &gt; .flyout-menu-overlay-line {
    height: 200px;
    opacity: 1;
    visibility: visible;
}

body[data-header-style="header-style-five"].flyout-menu-active .wraper_flyout_menu {
    opacity: 1;
    visibility: visible;
}

body[data-header-style="header-style-five"].flyout-menu-active .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    opacity: 0.55;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

body[data-header-style="header-style-five"].flyout-menu-active .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-header-social .title,
body[data-header-style="header-style-five"].flyout-menu-active .wraper_flyout_menu &gt; .table &gt; .table-cell &gt; .flyout-menu &gt; .flyout-header-social ul.social {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Six
--------------------------------------------------------------*/

.wraper_header.style-six {
    position: absolute;
    z-index: 999;
    width: 100%;
    direction: initial;
}

.wraper_header.style-six .wraper_header_main {
    width: 100%;
}

.wraper_header.style-six .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 25px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-six .wraper_header_main .header_main .brand-logo,
.wraper_header.style-six .wraper_header_main .header_main .brand-logo-sticky {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-six .wraper_header_main .header_main .brand-logo img,
.wraper_header.style-six .wraper_header_main .header_main .brand-logo-sticky img {
    max-width: 103px;
}

.wraper_header.style-six .wraper_header_main .header_main .brand-logo-sticky {
    display: none;
}

.wraper_header.style-six .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 7px;
    margin-left: 20px;
    text-align: right;
    font-size: 25px;
}

.wraper_header.style-six .wraper_header_main .header-hamburger-menu {
    width: 40px;
    height: 40px;
    float: right;
    margin-top: 1px;
    margin-left: 27px;
    padding: 9px 0 0 9px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.wraper_header.style-six .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon {
    width: 5px;
    height: 5px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(4),
.wraper_header.style-six .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(7),
.wraper_header.style-six .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(8) {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

.wraper_header.style-six .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(4) {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.wraper_header.style-six .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(8) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.wraper_header.style-six .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(7) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.wraper_header.style-six .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(4),
.wraper_header.style-six .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(8),
.wraper_header.style-six .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(7) {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.wraper_header.style-six .wraper_header_main .header_main_action {
    float: right;
    margin-top: 13px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-six .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.wraper_header.style-six .wraper_header_main .header_main_action ul &gt; li i {
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: block;
    margin-right: 6px;
}

.wraper_header.style-six .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .nav {
    float: right;
    margin-top: 7px;
    text-align: right;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 35px;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before {
    position: absolute;
    bottom: 2px;
    right: 0;
    z-index: 0;
    content: " ";
    width: 0;
    height: 2px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; a:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-item &gt; a:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-parent &gt; a:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-ancestor &gt; a:before {
    width: 100%;
    right: auto;
    left: 0;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    float: right;
    margin-left: 7px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
    z-index: 1;
    width: 240px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-six .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-six .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-six .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-six .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-six .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-six .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-six .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-six .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-six .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-six .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-six .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-six .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-six .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-six .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-six .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-six .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-six .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-six .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo {
    display: none;
}

.wraper_header.style-six .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo-sticky {
    display: block;
}

.wraper_header.style-six .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-six .is-sticky .wraper_header_main &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-six .is-sticky .wraper_header_main .header_main .brand-logo {
    display: none;
}

.wraper_header.style-six .is-sticky .wraper_header_main .header_main .brand-logo-sticky {
    display: block;
}

.wraper_header.style-six .wraper_flyout_search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six body.flyout-searchbar-active .wraper_flyout_search {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-six .wraper_flyout_search &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_header.style-six .wraper_flyout_search &gt; .table &gt; .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.wraper_header.style-six .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.wraper_header.style-six .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.wraper_header.style-six .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(2) {
    left: 300px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.wraper_header.style-six .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(3) {
    left: 600px;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.9s ease-in-out 0.6s;
    -webkit-transition: all 0.9s ease-in-out 0.6s;
}

.wraper_header.style-six body.flyout-searchbar-active .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.wraper_header.style-six .flyout-search-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}

.wraper_header.style-six .flyout-search-close &gt; .flyout-search-close-line {
    width: 100%;
    height: 2px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
}

.wraper_header.style-six .flyout-search-close &gt; .flyout-search-close-line:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wraper_header.style-six .flyout-search-close &gt; .flyout-search-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wraper_header.style-six .flyout_search {
    position: relative;
    z-index: 1;
    float: right;
    width: 100%;
    max-width: 500px;
    padding: 100px 40px 100px 40px;
    text-align: right;
}

.wraper_header.style-six .flyout_search &gt; .flyout-search-title {
    margin-bottom: 30px;
}

.wraper_header.style-six .flyout_search &gt; .flyout-search-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_header.style-six .flyout_search &gt; .flyout-search-title h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    letter-spacing: 50px;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
}

.wraper_header.style-six body.flyout-searchbar-active .flyout_search &gt; .flyout-search-title h4 {
    letter-spacing: 0;
    opacity: 1;
}

.wraper_header.style-six .flyout_search .form-row {
    position: relative;
    padding: 0;
    margin: 0;
}

.wraper_header.style-six .flyout_search .form-row input[type="search"] {
    width: 100%;
    height: 60px;
    padding: 0px 40px 0px 0px;
    background-color: initial;
    border: none;
    border-bottom: 3px #dedede solid;
    box-shadow: initial;
    font-size: 20px;
    color: #fff;
}

.wraper_header.style-six .flyout_search .form-row button[type="submit"] {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1;
    width: 40px;
    height: auto;
    background-color: initial;
    border: none;
    cursor: pointer;
}

.wraper_header.style-six .flyout_search .form-row button[type="submit"] i {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

/*--------------------------------------------------------------
# Header Style Six B
--------------------------------------------------------------*/

.wraper_header.style-six-b {
    position: absolute;
    z-index: 999;
    width: 100%;
    direction: initial;
}

.wraper_header.style-six-b .wraper_header_main {
    width: 100%;
}

.wraper_header.style-six-b .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 25px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-six-b .wraper_header_main .header_main .brand-logo,
.wraper_header.style-six-b .wraper_header_main .header_main .brand-logo-sticky {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-six-b .wraper_header_main .header_main .brand-logo img,
.wraper_header.style-six-b .wraper_header_main .header_main .brand-logo-sticky img {
    max-width: 103px;
}

.wraper_header.style-six-b .wraper_header_main .header_main .brand-logo-sticky {
    display: none;
}

.wraper_header.style-six-b .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 7px;
    margin-left: 20px;
    text-align: right;
    font-size: 25px;
}

.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu {
    width: 40px;
    height: 40px;
    float: right;
    margin-top: 1px;
    margin-left: 27px;
    padding: 9px 0 0 9px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon {
    width: 5px;
    height: 5px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(4),
.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(7),
.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(8) {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(4) {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(8) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu &gt; .header-hamburger-menu-icon:nth-child(7) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(4),
.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(8),
.wraper_header.style-six-b .wraper_header_main .header-hamburger-menu:hover &gt; .header-hamburger-menu-icon:nth-child(7) {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.wraper_header.style-six-b .wraper_header_main .header_main_action {
    float: right;
    margin-top: 13px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-six-b .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.wraper_header.style-six-b .wraper_header_main .header_main_action ul &gt; li i {
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: block;
    margin-right: 6px;
}

.wraper_header.style-six-b .wraper_header_main .header_main_action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .nav {
    float: right;
    margin-top: 7px;
    text-align: right;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 35px;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before {
    position: absolute;
    bottom: 2px;
    right: 0;
    z-index: 0;
    content: " ";
    width: 0;
    height: 2px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; a:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-item &gt; a:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-parent &gt; a:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-ancestor &gt; a:before {
    width: 100%;
    right: auto;
    left: 0;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
    display: none;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    float: right;
    margin-left: 7px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-six-b .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-six-b .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-six-b .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-six-b .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-six-b .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-six-b .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-six-b .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-six-b .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-six-b .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-six-b .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-six-b .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-six-b .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-six-b .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-six-b .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo {
    display: none;
}

.wraper_header.style-six-b .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo-sticky {
    display: block;
}

.wraper_header.style-six-b .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-six-b .is-sticky .wraper_header_main &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-six-b .is-sticky .wraper_header_main .header_main .brand-logo {
    display: none;
}

.wraper_header.style-six-b .is-sticky .wraper_header_main .header_main .brand-logo-sticky {
    display: block;
}

.wraper_header.style-six-b .wraper_flyout_search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-six-b body.flyout-searchbar-active .wraper_flyout_search {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-six-b .wraper_flyout_search &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_header.style-six-b .wraper_flyout_search &gt; .table &gt; .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.wraper_header.style-six-b .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.wraper_header.style-six-b .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.wraper_header.style-six-b .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(2) {
    left: 300px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.wraper_header.style-six-b .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(3) {
    left: 600px;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.9s ease-in-out 0.6s;
    -webkit-transition: all 0.9s ease-in-out 0.6s;
}

.wraper_header.style-six-b body.flyout-searchbar-active .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.wraper_header.style-six-b .flyout-search-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}

.wraper_header.style-six-b .flyout-search-close &gt; .flyout-search-close-line {
    width: 100%;
    height: 2px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
}

.wraper_header.style-six-b .flyout-search-close &gt; .flyout-search-close-line:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wraper_header.style-six-b .flyout-search-close &gt; .flyout-search-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wraper_header.style-six-b .flyout_search {
    position: relative;
    z-index: 1;
    float: right;
    width: 100%;
    max-width: 500px;
    padding: 100px 40px 100px 40px;
    text-align: right;
}

.wraper_header.style-six-b .flyout_search &gt; .flyout-search-title {
    margin-bottom: 30px;
}

.wraper_header.style-six-b .flyout_search &gt; .flyout-search-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_header.style-six-b .flyout_search &gt; .flyout-search-title h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    letter-spacing: 50px;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
}

.wraper_header.style-six-b body.flyout-searchbar-active .flyout_search &gt; .flyout-search-title h4 {
    letter-spacing: 0;
    opacity: 1;
}

.wraper_header.style-six-b .flyout_search .form-row {
    position: relative;
    padding: 0;
    margin: 0;
}

.wraper_header.style-six-b .flyout_search .form-row input[type="search"] {
    width: 100%;
    height: 60px;
    padding: 0px 40px 0px 0px;
    background-color: initial;
    border: none;
    border-bottom: 3px #dedede solid;
    box-shadow: initial;
    font-size: 20px;
    color: #fff;
}

.wraper_header.style-six-b .flyout_search .form-row button[type="submit"] {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1;
    width: 40px;
    height: auto;
    background-color: initial;
    border: none;
    cursor: pointer;
}

.wraper_header.style-six-b .flyout_search .form-row button[type="submit"] i {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Seven
--------------------------------------------------------------*/

/* wraper_header */

.wraper_header.style-seven {
    position: absolute;
    z-index: 999;
    width: 100%;
    direction: initial;
}

.wraper_header.style-seven .wraper_header_main {
    width: 100%;
    overflow: hidden;
}

.wraper_header.style-seven .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-seven .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-seven .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-seven .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 25px;
}

.wraper_header.style-seven .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-seven .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-seven .wraper_header_main .header_main .brand-logo img {
    max-width: 110px;
}

.wraper_header.style-seven .wraper_header_main .header-flexi-menu {
    width: 45px;
    height: 45px;
    float: right;
    margin-top: 0;
    padding: 12px 10px 0 10px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.wraper_header.style-seven .wraper_header_main .header-flexi-menu &gt; .header-flexi-menu-line {
    height: 2px;
    float: right;
    margin-bottom: 7px;
    background-color: #fff;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
}

.wraper_header.style-seven .wraper_header_main .header-flexi-menu &gt; .header-flexi-menu-line:nth-child(1) {
    width: 100%;
    transition-delay: 0s;
}

.wraper_header.style-seven .wraper_header_main .header-flexi-menu &gt; .header-flexi-menu-line:nth-child(2) {
    width: 75%;
    transition-delay: 0.3s;
}

.wraper_header.style-seven .wraper_header_main .header-flexi-menu &gt; .header-flexi-menu-line:nth-child(3) {
    width: 50%;
    transition-delay: 0.6s;
}

.wraper_header.style-seven .wraper_header_main .header-flexi-menu:hover &gt; .header-flexi-menu-line:nth-child(1) {
    width: 50%;
}

.wraper_header.style-seven .wraper_header_main .header-flexi-menu:hover &gt; .header-flexi-menu-line:nth-child(2) {
    width: 100%;
}

.wraper_header.style-seven .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition-property: all;
    transition-duration: 0s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-overlay {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 120%;
    height: 100%;
    transform: translateX(-50%);
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close {
    position: absolute;
    top: 20px;
    left: 40px;
    z-index: 2;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close &gt; .flexi-menu-close-holder {
    width: 30px;
    height: 30px;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close &gt; .flexi-menu-close-holder &gt; .flexi-menu-close-line {
    width: 100%;
    height: 2px;
    float: left;
    background-color: #363f54;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.7s;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close &gt; .flexi-menu-close-holder &gt; .flexi-menu-close-line:nth-child(1) {
    margin-top: 13px;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close &gt; .flexi-menu-close-holder &gt; .flexi-menu-close-line:nth-child(2) {
    margin-top: -1px;
    transform: rotate(90deg);
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 50px 100px 50px 130px;
    text-align: center;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav {
    visibility: unset !important;
    text-align: left;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    overflow: hidden;
    padding-left: 30px;
    max-width: 300px;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    content: " ";
    z-index: 0;
    width: 0;
    height: 2px;
    background-color: #363f54;
    transition-property: width;
    transition-duration: 0.7s;
    transition-timing-function: ease-in-out;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover:before {
    width: 100%;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: inherit;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #f7f7f7;
    transform: translateY(100%);
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(1) &gt; a {
    transition-delay: 1s;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(2) &gt; a {
    transition-delay: 1.3s;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(3) &gt; a {
    transition-delay: 1.6s;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(4) &gt; a {
    transition-delay: 1.9s;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-child(5) &gt; a {
    transition-delay: 2.2s;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
    display: none;
    margin-top: 15px;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    margin-bottom: 15px;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    opacity: 0.85;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 35px;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 45px;
}

body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 55px;
}

body[data-header-style="header-style-seven"].admin-bar .wraper_header.style-seven .wraper_header_main {
    top: 0;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

body[data-header-style="header-style-seven"].admin-bar .is-sticky .wraper_header.style-seven .wraper_header_main,
body[data-header-style="header-style-seven"].admin-bar .wraper_flexi_menu {
    top: 32px !important;
}

body[data-header-style="header-style-seven"].flexi-menu-active .wraper_header_main .header-flexi-menu &gt; .header-flexi-menu-line {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
}

body[data-header-style="header-style-seven"].flexi-menu-active .wraper_flexi_menu &gt; .flexi-menu-overlay &gt; .flexi-menu-overlay-item {
    transform: translateX(0);
}

body[data-header-style="header-style-seven"].flexi-menu-active .wraper_flexi_menu {
    opacity: 1;
    visibility: visible;
}

body[data-header-style="header-style-seven"].flexi-menu-active .wraper_flexi_menu &gt; .flexi-menu-overlay {
    animation: slideBgTop 1s forwards;
}

body[data-header-style="header-style-seven"].flexi-menu-active .wraper_flexi_menu &gt; .flexi-menu-close {
    transform: translateX(0);
}

body[data-header-style="header-style-seven"].flexi-menu-active .wraper_flexi_menu &gt; .flexi-menu-close &gt; .flexi-menu-close-holder {
    transform: rotate(45deg);
}

body[data-header-style="header-style-seven"].flexi-menu-active .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    transform: translateY(0);
}

@keyframes slideBgTop {
    0% {
        transform: translateY(-100%) translateX(-50%);
        -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
    }

    50% {
        transform: translateY(-50%) translateX(-50%) skewY(-20deg);
    }

    100% {
        transform: translateY(0%) translateX(-50%);
        -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
    }
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* wraper_flexi_menu */
    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close {
        top: 0;
        left: 0;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell {
        padding: 50px 50px 50px 50px;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:before {
        display: none;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* wraper_flexi_menu */
    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close {
        top: 0;
        left: 0;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell {
        padding: 50px 50px 50px 50px;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:before {
        display: none;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* wraper_flexi_menu */
    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .flexi-menu-close {
        top: 0;
        left: 0;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell {
        padding: 50px 50px 50px 50px;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:before {
        display: none;
    }

    body[data-header-style="header-style-seven"] .wraper_flexi_menu &gt; .table &gt; .table-cell &gt; .flexi-menu &gt; .flexi-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Eight
--------------------------------------------------------------*/

.wraper_header.style-eight {
    position: absolute;
    z-index: 999;
    width: 100%;
    direction: initial;
}

.wraper_header.style-eight .wraper_header_main {
    width: 100%;
}

.wraper_header.style-eight .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 25px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-eight .wraper_header_main .header_main .brand-logo,
.wraper_header.style-eight .wraper_header_main .header_main .brand-logo-sticky {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-eight .wraper_header_main .header_main .brand-logo img,
.wraper_header.style-eight .wraper_header_main .header_main .brand-logo-sticky img {
    max-width: 103px;
}

.wraper_header.style-eight .wraper_header_main .header_main .brand-logo-sticky {
    display: none;
}

.wraper_header.style-eight .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 6px;
    margin-left: 12px;
    text-align: right;
    font-size: 25px;
}

.wraper_header.style-eight .wraper_header_main .header_main_calltoaction {
    float: right;
    margin-left: 45px;
    text-align: center;
}

.wraper_header.style-eight .wraper_header_main .header_main_calltoaction .btn {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    padding: 4px 25px 6px 25px;
    background-color: #ff5f63;
    border-width: 2px;
    border-style: solid;
    border-radius: 35px;
}

.wraper_header.style-eight .wraper_header_main .header_main_calltoaction .btn:last-child,
.wraper_header.style-eight .wraper_header_main .header_main_calltoaction .btn:only-child {
    margin-right: 0;
}

.wraper_header.style-eight .wraper_header_main .header_main_calltoaction .btn i {
    margin-left: 6px;
}

.wraper_header.style-eight .wraper_header_main .nav {
    float: right;
    margin-top: 7px;
    text-align: right;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 30px;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-eight .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-eight .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-eight .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-eight .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-eight .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-eight .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-eight .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-eight .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-eight .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-eight .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-eight .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eight .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-eight .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-eight .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo {
    display: none;
}

.wraper_header.style-eight .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo-sticky {
    display: block;
}

.wraper_header.style-eight .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-eight .is-sticky .wraper_header_main &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-eight .is-sticky .wraper_header_main .header_main .brand-logo {
    display: none;
}

.wraper_header.style-eight .is-sticky .wraper_header_main .header_main .brand-logo-sticky {
    display: block;
}

body.admin-bar .wraper_header.style-nine .wraper_header_main {
    top: 0;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* wraper_header_main */
    .wraper_header.style-eight .wraper_header_main .header_main_calltoaction {
        margin-left: 0;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* wraper_header_main */
    .wraper_header.style-eight .wraper_header_main .header_main_calltoaction {
        margin-left: 0;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* wraper_header_main */
    .wraper_header.style-eight .wraper_header_main .header_main_calltoaction {
        margin-left: 0;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Nine
--------------------------------------------------------------*/

.wraper_header.style-nine {
    position: relative;
    z-index: 999;
    width: 100%;
    direction: initial;
    /* wraper_header_main */
}

.wraper_header.style-nine .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
}

.wraper_header.style-nine .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-nine .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-nine .wraper_header_main &gt; .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.wraper_header.style-nine .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-nine .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-nine .wraper_header_main .header_main .brand-logo img {
    max-width: 103px;
}

.wraper_header.style-nine .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 6px;
    margin-left: 12px;
    text-align: right;
    font-size: 25px;
    color: #010101;
}

.wraper_header.style-nine .wraper_header_main .header_main_contact {
    float: left;
    margin-top: 7px;
    margin-left: 35px;
    text-align: left;
}

.wraper_header.style-nine .wraper_header_main .header_main_contact &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}

.wraper_header.style-nine .wraper_header_main .header_main_contact &gt; li:last-child,
.wraper_header.style-nine .wraper_header_main .header_main_contact &gt; li:only-child {
    margin-right: 0;
}

.wraper_header.style-nine .wraper_header_main .header_main_contact &gt; li span[class*="ti-"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 6px;
}

.wraper_header.style-nine .wraper_header_main .header_main_contact &gt; li a {
    color: inherit;
}

.wraper_header.style-nine .wraper_header_main .nav {
    float: right;
    margin-top: 7px;
    text-align: right;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 40px;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-left: 15px;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 0;
    content: " ";
    width: 0;
    height: 1px;
    background-color: #24323d;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; a:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-item &gt; a:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-parent &gt; a:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-ancestor &gt; a:before {
    width: 40px;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-nine .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-nine .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-nine .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-nine .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-nine .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-nine .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-nine .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-nine .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-nine .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

body.admin-bar .wraper_header.style-one .wraper_header_main {
    top: 0;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* wraper_header_main */
    .wraper_header.style-nine .wraper_header_main .header_main_calltoaction {
        margin-left: 0;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* wraper_header_main */
    .wraper_header.style-nine .wraper_header_main .header_main_calltoaction {
        margin-left: 0;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* wraper_header_main */
    .wraper_header.style-nine .wraper_header_main .header_main_calltoaction {
        margin-left: 0;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Ten
--------------------------------------------------------------*/

.wraper_header.style-ten {
    position: relative;
    z-index: 999;
    width: 100%;
    direction: initial;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    /* wraper_header_top */
    /* wraper_header_main */
}

.wraper_header.style-ten .wraper_header_top {
    width: 100%;
}

.wraper_header.style-ten .wraper_header_top &gt; .container {
    padding-top: 9px;
    padding-bottom: 0;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item {
    margin-bottom: 4px;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-contact {
    font-size: 0;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 18px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:last-child,
.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:only-child {
    margin-right: 0;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li span[class*="ti-"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li a {
    color: inherit;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-social {
    font-size: 0;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-social &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 17px;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-social &gt; li:last-child,
.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-social &gt; li:only-child {
    margin-right: 0;
}

.wraper_header.style-ten .wraper_header_top .header_top .header_top_item ul.header-social &gt; li &gt; a {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.wraper_header.style-ten .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
    /* STICKY MODE */
}

.wraper_header.style-ten .wraper_header_main &gt; .container {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-ten .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-ten .wraper_header_main .header_main .brand-logo img {
    max-width: 103px;
}

.wraper_header.style-ten .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 8px;
    margin-left: 20px;
    text-align: right;
    font-size: 25px;
    color: #333;
}

.wraper_header.style-ten .wraper_header_main .header_main_calltoaction {
    float: right;
    margin-left: 30px;
    text-align: center;
}

.wraper_header.style-ten .wraper_header_main .header_main_calltoaction .btn {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    padding: 7px 25px 7px 25px;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.wraper_header.style-ten .wraper_header_main .header_main_calltoaction .btn:last-child,
.wraper_header.style-ten .wraper_header_main .header_main_calltoaction .btn:only-child {
    margin-right: 0;
}

.wraper_header.style-ten .wraper_header_main .header_main_calltoaction .btn i {
    margin-left: 6px;
}

.wraper_header.style-ten .wraper_header_main .header_main_action {
    float: right;
    margin-top: 13px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    cursor: pointer;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li span[class*="ti-"] {
    font-size: 18px;
    line-height: 1;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder {
    position: relative;
    display: block;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
    position: absolute;
    top: -13px;
    right: -14px;
    z-index: 1;
    width: 30px;
    padding: 5px 5px 4px 12px;
    background-color: #f9f9f9;
    border: 3px rgba(0, 0, 0, 0.1) solid;
    border-radius: 35px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row {
    position: relative;
    display: block;
    padding-right: 30px;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row input[type="search"] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] {
    position: absolute;
    top: 0;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] span[class*="ti-"] {
    color: inherit;
}

.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:hover &gt; .header-slideout-searchbar-box,
.wraper_header.style-ten .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:focus &gt; .header-slideout-searchbar-box {
    width: 200px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-ten .wraper_header_main .nav {
    float: right;
    margin-top: 9px;
    text-align: right;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 45px;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.12);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.12);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-ten .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-ten .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-ten .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-ten .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-ten .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-ten .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-ten .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-ten .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-ten .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-ten .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-ten .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-ten .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-ten .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-ten .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-ten .is-sticky .wraper_header_main &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* wraper_header_top */
    .wraper_header.style-ten .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* wraper_header_top */
    .wraper_header.style-ten .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* wraper_header_top */
    .wraper_header.style-ten .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* wraper_header_top */
    .wraper_header.style-ten .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Eleven
--------------------------------------------------------------*/

.wraper_header.style-eleven {
    position: relative;
    z-index: 999;
    width: 100%;
    direction: initial;
}

.wraper_header.style-eleven .wraper_header_top {
    background-color: #eeeeee;
    padding: 10px 0;
    text-align: center;
}

.wraper_header.style-eleven .wraper_header_main {
    padding: 30px 0;
}

.wraper_header.style-eleven .wraper_header_main .header-sign-up-btn a {
    color: #000;
    font-size: 16px;
    line-height: 28px;
}

.wraper_header.style-eleven .wraper_header_main .header-sign-up-btn a span {
    padding-right: 10px;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li {
    display: inline-block;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    cursor: pointer;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder {
    position: relative;
    display: block;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li span[class*="ti-"] {
    font-size: 18px;
    color: #000;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
    position: absolute;
    top: -10px;
    right: -14px;
    z-index: 1;
    width: 30px;
    padding: 5px 5px 4px 12px;
    background-color: #f9f9f9;
    border: 3px rgba(0, 0, 0, 0.1) solid;
    border-radius: 35px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row {
    position: relative;
    display: block;
    padding-right: 30px;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row input[type="search"] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] {
    position: absolute;
    top: 0;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:hover &gt; .header-slideout-searchbar-box,
.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:focus &gt; .header-slideout-searchbar-box {
    width: 200px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-cart-bar {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: block;
    margin-right: 6px;
}

.wraper_header.style-eleven .wraper_header_main .header-main-action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #000000;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-eleven .wraper_header_main .header_main .brand-logo img {
    max-width: 135px;
}

.wraper_header.style-eleven .wraper_header_main .header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 15px;
    margin-left: 30px;
    text-align: right;
    font-size: 25px;
    color: #333;
    line-height: 1;
    cursor: pointer;
}

.wraper_header.style-eleven .wraper_header_nav {
    width: 100%;
}

.wraper_header.style-eleven .wraper_header_nav.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-eleven .wraper_header_nav.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_nav.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-eleven .wraper_header_nav &gt; .container {
    padding-top: 0;
    padding-bottom: 0;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav {
    position: relative;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav {
    float: left;
    text-align: left;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 10px;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding: 11px 25px 13px 25px;
    cursor: pointer;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-eleven .wraper_header_nav .header_nav .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-eleven .wraper_header_nav .header_nav .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

body.admin-bar .wraper_header.style-one .wraper_header_main {
    top: 0;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* wraper_header_top */
    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }

    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item .header-top-note {
        margin-top: 0;
    }

    /* wraper_header_main */
    .wraper_header.style-eleven .wraper_header_main .header_main ul.header-contact {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* wraper_header_top */
    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }

    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item .header-top-note {
        margin-top: 0;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* wraper_header_top */
    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }

    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item .header-top-note {
        margin-top: 0;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* wraper_header_top */
    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }

    .wraper_header.style-eleven .wraper_header_top .header_top .header_top_item .header-top-note {
        margin-top: 0;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Twelve
--------------------------------------------------------------*/

.wraper_header.style-twelve {
    position: absolute;
    z-index: 999;
    width: 100%;
    direction: initial;
    /* wraper_header_top */
    /* wraper_header_main */
}

.wraper_header.style-twelve .wraper_header_top {
    width: 100%;
}

.wraper_header.style-twelve .wraper_header_top &gt; .container {
    padding-top: 0;
    padding-bottom: 0;
}

.wraper_header.style-twelve .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-twelve .wraper_header_top .header_top .header_top_item ul.header-contact {
    font-size: 0;
}

.wraper_header.style-twelve .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-right: 15px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.wraper_header.style-twelve .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:last-child,
.wraper_header.style-twelve .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:only-child {
    margin-right: 0;
}

.wraper_header.style-twelve .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li.phone {
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgba(0, 0, 0, 0.25);
}

.wraper_header.style-twelve .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li span[class*="ti-"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}

.wraper_header.style-twelve .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li a {
    color: inherit;
}

.wraper_header.style-twelve .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
}

.wraper_header.style-twelve .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-twelve .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-twelve .wraper_header_main &gt; .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.wraper_header.style-twelve .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-twelve .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-twelve .wraper_header_main .header_main .brand-logo img {
    max-width: 103px;
}

.wraper_header.style-twelve .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo {
    display: none;
}

.wraper_header.style-twelve .wraper_header_main .header_main .brand-logo-sticky {
    display: none;
}

.wraper_header.style-twelve .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo-sticky {
    display: block;
}

.wraper_header.style-twelve .wraper_header_main .header_main .brand-logo,
.wraper_header.style-twelve .wraper_header_main .header_main .brand-logo-sticky {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-twelve .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 9px;
    text-align: center;
    font-size: 25px;
    color: #fff;
}

.wraper_header.style-twelve .wraper_header_main ul.header-social {
    float: right;
    margin-top: 7px;
    margin-left: 30px;
    font-size: 0;
}

.wraper_header.style-twelve .wraper_header_main ul.header-social &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 17px;
}

.wraper_header.style-twelve .wraper_header_main ul.header-social &gt; li:last-child,
.wraper_header.style-twelve .wraper_header_main ul.header-social &gt; li:only-child {
    margin-right: 0;
}

.wraper_header.style-twelve .wraper_header_main ul.header-social &gt; li &gt; a {
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.wraper_header.style-twelve .wraper_header_main .nav {
    float: right;
    margin-top: 7px;
    text-align: right;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 45px;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 2px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 3px;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; a:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-item &gt; a:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-parent &gt; a:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-ancestor &gt; a:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-twelve .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-twelve .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-twelve .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-twelve .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-twelve .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-twelve .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-twelve .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-twelve .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-twelve .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

body.admin-bar .wraper_header.style-one .wraper_header_main {
    top: 0;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* wraper_header_main */
    .wraper_header.style-twelve .wraper_header_main ul.header-social {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 25px;
    }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* wraper_header_main */
    .wraper_header.style-twelve .wraper_header_main ul.header-social {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 25px;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* wraper_header_main */
    .wraper_header.style-twelve .wraper_header_main ul.header-social {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 25px;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* wraper_header_main */
    .wraper_header.style-twelve .wraper_header_main ul.header-social {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 15px;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Thirteen
--------------------------------------------------------------*/

.wraper_header.style-thirteen {
    position: relative;
    z-index: 999;
    width: 100%;
    direction: initial;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    /* wraper_header_top */
    /* wraper_header_main */
}

.wraper_header.style-thirteen .wraper_header_top {
    width: 100%;
}

.wraper_header.style-thirteen .wraper_header_top &gt; .container {
    padding-top: 0;
    padding-bottom: 0;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item ul.header-contact {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li {
    display: inline-block;
    vertical-align: top;
    padding: 7px 22px 8px 22px;
    border-right: 1px rgba(255, 255, 255, 0.2) solid;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0.4px;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:first-child {
    padding-left: 0;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:last-child {
    padding-right: 0;
    border-right: none;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:only-child {
    padding-left: 0;
    padding-right: 0;
    border-right: none;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li span[class*="ti-"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li a {
    color: inherit;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item .header-calltoaction {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
    font-size: 0;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn {
    display: inline-block;
    vertical-align: top;
    padding: 7px 22px 8px 22px;
    border: none;
    border-right: 1px rgba(255, 255, 255, 0.2) solid;
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0.4px;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn:last-child,
.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn:only-child {
    border-right: none;
}

.wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn i {
    margin-left: 6px;
}

.wraper_header.style-thirteen .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
    /* STICKY MODE */
}

.wraper_header.style-thirteen .wraper_header_main &gt; .container {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-thirteen .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-thirteen .wraper_header_main .header_main .brand-logo img {
    max-width: 103px;
}

.wraper_header.style-thirteen .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 8px;
    margin-left: 20px;
    text-align: right;
    font-size: 25px;
    color: #333;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action {
    float: right;
    margin-top: 13px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 32px;
    cursor: pointer;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li span[class*="ti-"] {
    font-size: 18px;
    color: #333;
    line-height: 1;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder {
    position: relative;
    display: block;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
    position: absolute;
    top: -13px;
    right: -14px;
    z-index: 1;
    width: 30px;
    padding: 5px 5px 4px 12px;
    background-color: #f9f9f9;
    border: 3px rgba(0, 0, 0, 0.1) solid;
    border-radius: 35px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row {
    position: relative;
    display: block;
    padding-right: 30px;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row input[type="search"] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] {
    position: absolute;
    top: 0;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] span[class*="ti-"] {
    color: inherit;
}

.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:hover &gt; .header-slideout-searchbar-box,
.wraper_header.style-thirteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:focus &gt; .header-slideout-searchbar-box {
    width: 200px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-thirteen .wraper_header_main .nav {
    float: right;
    margin-top: 9px;
    text-align: right;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 45px;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-thirteen .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-thirteen .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-thirteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-thirteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-thirteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-thirteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-thirteen .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-thirteen .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-thirteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-thirteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-thirteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-thirteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-thirteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_header.style-thirteen .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-thirteen .is-sticky .wraper_header_main &gt; .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

@media screen and (min-width: 992px) and (max-width: 1199px) {

    /* wraper_header_top */
    .wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* wraper_header_top */
    .wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Fourteen
--------------------------------------------------------------*/

/* wraper_header */

.wraper_header.style-fourteen {
    position: absolute;
    z-index: 999;
    width: 100%;
    direction: initial;
    /* wraper_header_main */
}

.wraper_header.style-fourteen .wraper_header_main {
    width: 100%;
    overflow: hidden;
    /* STICKY MODE */
}

.wraper_header.style-fourteen .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 5px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fourteen .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-fourteen .wraper_header_main .header_main .header_main_item {
    margin-bottom: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo,
.wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo-sticky {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo img,
.wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo-sticky img {
    width: 110px;
}

.wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo-sticky {
    display: none;
}

.wraper_header.style-fourteen .wraper_header_main .header_main .header-slideout-menu {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    text-align: center;
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
}

.wraper_header.style-fourteen .wraper_header_main .header_main ul.header-social {
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    font-size: 0;
}

.wraper_header.style-fourteen .wraper_header_main .header_main ul.header-social &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 17px;
}

.wraper_header.style-fourteen .wraper_header_main .header_main ul.header-social &gt; li:last-child,
.wraper_header.style-fourteen .wraper_header_main .header_main ul.header-social &gt; li:only-child {
    margin-right: 0;
}

.wraper_header.style-fourteen .wraper_header_main .header_main ul.header-social &gt; li &gt; a {
    text-align: center;
    font-size: 17px;
    line-height: 28px;
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky &gt; .container {
    padding-top: 10px;
    padding-bottom: 0px;
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main {
    position: relative;
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .header_main_item {
    margin-bottom: 10px;
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo {
    display: none;
}

.wraper_header.style-fourteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky .header_main .brand-logo-sticky {
    display: block;
}

.wraper_header.style-fourteen .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-fourteen .is-sticky .wraper_header_main &gt; .container {
    padding-top: 10px;
    padding-bottom: 0px;
}

.wraper_header.style-fourteen .is-sticky .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-fourteen .is-sticky .wraper_header_main .header_main .header_main_item {
    margin-bottom: 10px;
}

.wraper_header.style-fourteen .is-sticky .wraper_header_main .header_main .brand-logo {
    display: none;
}

.wraper_header.style-fourteen .is-sticky .wraper_header_main .header_main .brand-logo-sticky {
    display: block;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    max-width: 300px;
    overflow: auto;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 25px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 25px;
    color: #fff;
    line-height: 1;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu {
    width: 100%;
    /* NAV */
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav {
    visibility: unset !important;
    text-align: left;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    padding-left: 30px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    content: " ";
    z-index: 0;
    width: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover:before {
    width: 100%;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: inherit;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    padding-left: 30px;
    padding-right: 30px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
    display: none;
    margin-top: 15px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    margin-bottom: 15px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    opacity: 0.85;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 35px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 45px;
}

body[data-header-style="header-style-fourteen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 55px;
}

body[data-header-style="header-style-fourteen"].slideout-menu-active .wraper_slideout_menu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* wraper_header_main */
    .wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo {
        width: 100%;
        text-align: right;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* wraper_header_main */
    .wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo {
        width: 100%;
        text-align: right;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* wraper_header_main */
    .wraper_header.style-fourteen .wraper_header_main .header_main .brand-logo {
        width: 100%;
        text-align: right;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Fifteen
--------------------------------------------------------------*/

.wraper_header.style-fifteen {
    position: relative;
    z-index: 999;
    width: 100%;
    direction: initial;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    /* wraper_header_top */
    /* wraper_header_main */
}

.wraper_header.style-fifteen .wraper_header_top {
    width: 100%;
}

.wraper_header.style-fifteen .wraper_header_top &gt; .container {
    padding-top: 0;
    padding-bottom: 0;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item ul.header-contact {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li {
    display: inline-block;
    vertical-align: top;
    padding: 7px 22px 8px 22px;
    border-right: 1px rgba(255, 255, 255, 0.12) solid;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:first-child {
    padding-left: 0;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:last-child {
    padding-right: 0;
    border-right: none;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li:only-child {
    padding-left: 0;
    padding-right: 0;
    border-right: none;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li span[class*="ti-"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item ul.header-contact &gt; li a {
    color: inherit;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item .header-calltoaction {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
    font-size: 0;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn {
    display: inline-block;
    vertical-align: top;
    padding: 7px 22px 8px 22px;
    border: none;
    border-right: 1px rgba(255, 255, 255, 0.12) solid;
    border-radius: 0;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn:last-child,
.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn:only-child {
    border-right: none;
}

.wraper_header.style-fifteen .wraper_header_top .header_top .header_top_item .header-calltoaction .btn i {
    margin-left: 6px;
}

.wraper_header.style-fifteen .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
}

.wraper_header.style-fifteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-fifteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fifteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-fifteen .wraper_header_main &gt; .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.wraper_header.style-fifteen .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-fifteen .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-fifteen .wraper_header_main .header_main .brand-logo img {
    max-width: 103px;
}

.wraper_header.style-fifteen .wraper_header_main .header-responsive-nav {
    width: 30px;
    float: right;
    margin-top: 8px;
    margin-left: 20px;
    text-align: right;
    font-size: 25px;
    color: #fff;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action {
    float: right;
    margin-top: 13px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 32px;
    cursor: pointer;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li span[class*="ti-"] {
    font-size: 18px;
    color: #fff;
    line-height: 1;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder {
    position: relative;
    display: block;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
    position: absolute;
    top: 30px;
    right: -14px;
    z-index: 1;
    width: 30px;
    padding: 5px 5px 4px 12px;
    background-color: #f9f9f9;
    border: 3px rgba(0, 0, 0, 0.1) solid;
    border-radius: 35px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row {
    position: relative;
    display: block;
    padding-right: 30px;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row input[type="search"] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] {
    position: absolute;
    top: 0;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border: none;
    display: none;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] span[class*="ti-"] {
    color: inherit;
}

.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:hover &gt; .header-slideout-searchbar-box,
.wraper_header.style-fifteen .wraper_header_main .header_main_action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:focus &gt; .header-slideout-searchbar-box {
    width: 200px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-fifteen .wraper_header_main .nav {
    float: right;
    margin-top: 8px;
    text-align: right;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 45px;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 32px;
    padding-right: 32px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    position: absolute;
    right: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-fifteen .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-fifteen .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-fifteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-fifteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-fifteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-fifteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-fifteen .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-fifteen .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-fifteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-fifteen .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

body.admin-bar .wraper_header.style-thirteen .wraper_header_main {
    top: 0;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

@media screen and (min-width: 992px) and (max-width: 1199px) {

    /* wraper_header_top */
    .wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* wraper_header_top */
    .wraper_header.style-thirteen .wraper_header_top .header_top .header_top_item {
        text-align: center;
    }
}

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Sixteen
--------------------------------------------------------------*/

.wraper_header.style-sixteen {
    position: relative;
    z-index: 999;
    width: 100%;
    direction: initial;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    /* wraper_header_main */
}

.wraper_header.style-sixteen .wraper_header_main {
    width: 100%;
    /* RADIANTTHEMES MEGA MENU */
}

.wraper_header.style-sixteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-sixteen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-sixteen .wraper_header_main &gt; .container {
    padding-top: 22px;
    padding-bottom: 22px;
}

.wraper_header.style-sixteen .wraper_header_main .header_main {
    display: flex;
    align-items: center;
}

.wraper_header.style-sixteen .wraper_header_main .header_main .header_main_item .brand-logo {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-sixteen .wraper_header_main .header_main .header_main_item .brand-logo img {
    max-width: 104px;
}

.wraper_header.style-sixteen .wraper_header_main .header_main .header_main_item .brand-logo .site-title {
    margin-bottom: 0;
    text-align: left;
    font-weight: 700;
    font-size: 26px;
    color: #000;
    line-height: 1.1;
}

.wraper_header.style-sixteen .wraper_header_main .header-responsive-nav {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-left: 18px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #000;
    line-height: 1;
}

.wraper_header.style-sixteen .wraper_header_main .header-hamburger-menu {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-left: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #000;
    line-height: 1;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 23px;
    cursor: pointer;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li span[class*="ti-"] {
    font-size: 18px;
    color: #000;
    line-height: 1;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder {
    position: relative;
    display: block;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
    position: absolute;
    top: -13px;
    right: -14px;
    z-index: 1;
    width: 30px;
    padding: 5px 5px 4px 12px;
    background-color: #f9f9f9;
    border: 3px rgba(0, 0, 0, 0.1) solid;
    border-radius: 35px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row {
    position: relative;
    display: block;
    padding-right: 30px;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row input[type="search"] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] {
    position: absolute;
    top: 0;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] span[class*="ti-"] {
    color: inherit;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:hover &gt; .header-slideout-searchbar-box,
.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:focus &gt; .header-slideout-searchbar-box {
    width: 200px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: block;
    margin-right: 6px;
}

.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-cart-bar &gt; .header-cart-bar-icon .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .nav {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] {
    display: block;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 35px;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:last-child,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:only-child {
    margin-right: 0 !important;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    position: relative;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:before {
    position: absolute;
    bottom: 2px;
    left: -10px;
    z-index: 0;
    content: " ";
    width: 0;
    height: 4px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; a:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-item &gt; a:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-parent &gt; a:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.current-menu-ancestor &gt; a:before {
    width: 100%;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    content: "\f107";
    font-family: "FontAwesome";
    line-height: 1;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 1;
    width: 240px;
    padding-top: 5px;
    padding-bottom: 7px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul {
    left: auto;
    right: 0;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:before {
    position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:before,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a:hover:before {
    width: 100%;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a:after,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li.menu-item-has-children &gt; a:after {
    float: right;
    margin-left: 7px;
    content: "\f105";
    font-family: "FontAwesome";
    font-style: normal;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a i,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 240px;
    padding-top: 5px;
    padding-bottom: 7px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    left: auto;
    right: 100%;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -5px;
    opacity: 1;
    visibility: visible;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width {
    position: static;
}

.wraper_header.style-sixteen .wraper_header_main .rt-mega-menu {
    width: 700px;
    top: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.rt-mega-menu-full-width .rt-mega-menu {
    width: 100%;
}

.wraper_header.style-sixteen .wraper_header_main .rt-mega-menu &gt; ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(1) &gt; .rt-mega-menu,
.wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:nth-last-child(2) &gt; .rt-mega-menu {
    left: auto;
    right: 0;
}

.wraper_header.style-sixteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    border-right: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.wraper_header.style-sixteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:last-child,
.wraper_header.style-sixteen .wraper_header_main .rt-mega-menu &gt; ul &gt; .menu-item:only-child {
    border-right: none;
}

.wraper_header.style-sixteen .wraper_header_main .rt-mega-menu &gt; ul:last-child &gt; .menu-item:last-child,
.wraper_header.style-sixteen .wraper_header_main .rt-mega-menu &gt; ul:only-child &gt; .menu-item:only-child {
    border-bottom: none;
}

.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
}

.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li {
    position: relative;
}

.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:last-child,
.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li:only-child {
    margin-bottom: 0;
}

.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 13px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a:hover:before {
    width: 100%;
}

.wraper_header.style-sixteen .wraper_header_main .rt-megamenu-widget ul.menu &gt; li &gt; a i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.wraper_header.style-sixteen .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

body.admin-bar .wraper_header.style-sixteen .wraper_header_main {
    top: 0;
}

body.admin-bar .wraper_header.style-sixteen .is-sticky .wraper_header_main {
    top: 32px !important;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

@media screen and (min-width: 992px) and (max-width: 1199px) {

    /* wraper_header_main */
    .wraper_header.style-sixteen .wraper_header_main .nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
        margin-right: 30px;
    }
}

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Style Seventeen
--------------------------------------------------------------*/

/* wraper_header */

.wraper_header.style-seventeen {
    position: absolute;
    z-index: 999;
    width: 100%;
    direction: initial;
    /* wraper_header_main */
}

.wraper_header.style-seventeen .wraper_header_main {
    width: 100%;
    overflow: hidden;
}

.wraper_header.style-seventeen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.wraper_header.style-seventeen .wraper_header_main.radiantthemes-sticky-style-two.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header.style-seventeen .wraper_header_main.radiantthemes-sticky-style-two.i-am-delayed-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

.wraper_header.style-seventeen .wraper_header_main &gt; .container {
    padding-top: 25px;
    padding-bottom: 25px;
}

.wraper_header.style-seventeen .wraper_header_main .header_main {
    position: relative;
}

.wraper_header.style-seventeen .wraper_header_main .header_main .brand-logo {
    float: left;
    text-align: center;
    font-size: 0;
}

.wraper_header.style-seventeen .wraper_header_main .header_main .brand-logo img {
    max-width: 110px;
}

.wraper_header.style-seventeen .wraper_header_main .header-slideout-menu {
    width: 55px;
    height: 55px;
    float: right;
    margin-top: 0;
    padding: 15px 10px 0 10px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    border: 2px solid #929291;
}

.wraper_header.style-seventeen .wraper_header_main .header-slideout-menu &gt; .header-slideout-menu-line {
    height: 2px;
    float: right;
    margin-bottom: 7px;
    background-color: #fff;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
}

.wraper_header.style-seventeen .wraper_header_main .header-slideout-menu &gt; .header-slideout-menu-line:nth-child(1) {
    width: 100%;
    transition-delay: 0s;
}

.wraper_header.style-seventeen .wraper_header_main .header-slideout-menu &gt; .header-slideout-menu-line:nth-child(2) {
    width: 75%;
    transition-delay: 0.3s;
}

.wraper_header.style-seventeen .wraper_header_main .header-slideout-menu &gt; .header-slideout-menu-line:nth-child(3) {
    width: 50%;
    transition-delay: 0.6s;
}

.wraper_header.style-seventeen .wraper_header_main .header-slideout-menu:hover &gt; .header-slideout-menu-line:nth-child(1) {
    width: 50%;
}

.wraper_header.style-seventeen .wraper_header_main .header-slideout-menu:hover &gt; .header-slideout-menu-line:nth-child(2) {
    width: 100%;
}

.wraper_header.style-seventeen .is-sticky .wraper_header_main {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    max-width: 300px;
    overflow: auto;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 25px;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 25px;
    color: #fff;
    line-height: 1;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu {
    width: 100%;
    position: relative;
    top: -100px;
    right: 60px;
    /* NAV */
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav {
    visibility: unset !important;
    text-align: left;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    position: relative;
    width: 100%;
    margin-bottom: 2px;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li {
    /*padding-left: 30px;
padding-right: 30px;*/
    display: block;
    text-align: right;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    content: " ";
    z-index: 0;
    width: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li:hover:before {
    width: 100%;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: inherit;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a {
    padding-left: 30px;
    padding-right: 30px;
    background: #000;
    font-size: 16px;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a:hover {
    background: #fff;
    color: #000;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
    display: none;
    margin-top: 15px;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    margin-bottom: 15px;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    opacity: 0.85;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 35px;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 45px;
}

body[data-header-style="header-style-seventeen"] .wraper_slideout_menu &gt; .slideout-menu-overlay &gt; .slideout-menu &gt; .slideout-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 55px;
}

body[data-header-style="header-style-seventeen"].slideout-menu-active .wraper_slideout_menu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer Style Default
--------------------------------------------------------------*/

.wraper_footer.style-default .wraper_footer_main {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.wraper_footer.style-default .wraper_footer_main &gt; .container {
    padding-top: 60px;
    padding-bottom: 25px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item {
    margin-bottom: 40px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget {
    margin-bottom: 30px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget .widget-title {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget .widget-title a {
    color: inherit;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget {
    margin-bottom: 10px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget li:before {
    position: absolute;
    top: 4px;
    z-index: 0;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 18px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget li.address:before {
    content: "\f041";
    left: 4px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget li.phone:before {
    content: "\f095";
    left: 2px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget li.email:before {
    content: "\f003";
    left: 0;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget li strong {
    display: block;
    text-transform: uppercase;
    color: #fff;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget ul.rt-contact-widget li a {
    color: inherit;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_media_image {
    margin-bottom: 30px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_categories ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_pages ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_archive ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_meta ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_nav_menu ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_entries ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_comments ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_product_categories ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul {
    margin-bottom: 10px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_categories ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_pages ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_archive ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_meta ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_nav_menu ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_entries ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_comments ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_product_categories ul li,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 18px;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_categories ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_pages ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_archive ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_meta ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_nav_menu ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_entries ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_comments ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_product_categories ul li:before,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: 80%;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_categories ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_pages ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_archive ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_meta ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_nav_menu ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_entries ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_comments ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_product_categories ul li a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul li a {
    color: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_categories ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_pages ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_archive ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_meta ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_nav_menu ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_entries ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_comments ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_product_categories ul li ul,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul li ul {
    margin-top: 10px;
    /*margin-left:20px;*/
    /*font-size:90%;*/
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul li .rss-date,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul li .rssSummary,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_rss ul li cite {
    color: rgba(255, 255, 255, 0.6);
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_entries ul li .post-date {
    display: block;
    position: relative;
    margin-top: 6px;
    padding-left: 22px;
    font-size: 85%;
    color: rgba(255, 255, 255, 0.7);
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_recent_entries ul li .post-date:before {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 0;
    content: "\f017";
    font-family: "FontAwesome";
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar {
    margin-top: 10px;
    margin-bottom: 20px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar .calendar_wrap table {
    width: 100%;
    table-layout: fixed;
    border: 1px rgba(0, 0, 0, 0.2) solid;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar .calendar_wrap table tr {
    background-color: initial;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar .calendar_wrap table tr th,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar .calendar_wrap table tr td {
    padding: 4px !important;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    text-align: center;
    font-weight: 400;
    font-size: 80%;
    color: #fff;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar .calendar_wrap table tr th a,
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar .calendar_wrap table tr td a {
    color: inherit;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_calendar caption {
    color: rgba(255, 255, 255, 0.8);
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget input[type="email"],
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget input[type="search"],
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget input[type="text"],
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget select {
    width: 100%;
    height: 40px;
    margin-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px rgba(255, 255, 255, 0.15) solid;
    font-size: 14px;
    color: #fff;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget input[type="submit"],
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget input[type="button"],
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget button[type="submit"],
.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget button[type="button"] {
    width: auto;
    height: auto;
    padding: 4px 20px 5px 20px;
    border: none;
    border-radius: 3px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_search form.search-form {
    position: relative;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_search form.search-form button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_text .wp-caption {
    display: block;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_text img {
    margin-bottom: 10px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget .tagcloud a {
    margin-right: 10px;
    margin-bottom: 5px;
    color: #fff;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_radianttheme_call_to_action_widget {
    padding: 18px 20px 20px 20px;
    background-color: #333234;
    color: #fff;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_radianttheme_call_to_action_widget h4 {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}

.wraper_footer.style-default .wraper_footer_main .footer_main .footer_main_item .widget.widget_radianttheme_call_to_action_widget a {
    padding: 5px 20px 5px 20px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0px;
    color: #fff;
}

.wraper_footer.style-default .wraper_footer_copyright &gt; .container {
    padding-top: 35px;
    padding-bottom: 20px;
}

.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item {
    margin-bottom: 15px;
}

.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 26px;
}

.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item ul.menu {
    margin-bottom: 20px;
    font-size: 0;
}

.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item ul.menu li {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 26px;
}

.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item ul.menu li:last-child,
.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item ul.menu li:only-child {
    margin-right: 0;
}

.wraper_footer.style-default .wraper_footer_copyright .footer_copyright .footer_copyright_item ul.menu li a {
    color: inherit;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer Style Custom
--------------------------------------------------------------*/

.wraper_footer.custom-footer.footer-custom-stucking-mode {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
}

/* MOBILE MENU - SIDR */

#mobile-menu {
    right: -100%;
    width: 100%;
    max-width: 100em;
    background-color: #fff;
}

.mobile-menu-close {
    padding: 20px 15px 8px 15px;
    text-align: right;
    cursor: pointer;
}

.mobile-menu-close i {
    font-size: 20px;
    color: #fff;
    line-height: 1;
}

.mobile-menu-close .ti-close {
    font-size: 20px;
    color: #ffffff;
    line-height: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    display: none;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
    position: relative;
    width: 100%;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: 8px 20px 8px 20px;
    border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
    color: inherit;
    color: #444756 !important;
    font-size: 14px;
    text-transform: capitalize;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; a,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children a {
    padding-right: 50px;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu {
    position: absolute;
    top: 8px;
    right: 0;
    width: 34px;
    cursor: pointer;
    text-align: left;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu:before {
    content: "\e649";
    font-family: 'themify';
    font-size: 10px;
    line-height: 32px;
    color: #444756;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li.menu-item-has-children.radiantthemes-menu-open &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li.menu-item-has-children.radiantthemes-menu-open &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children.radiantthemes-menu-open &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children.radiantthemes-menu-open &gt; .radiantthemes-open-submenu:before,
.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children.radiantthemes-menu-open &gt; .radiantthemes-open-submenu:before {
    content: "\e64b";
    font-family: 'themify';
    font-size: 10px;
    line-height: 32px;
    color: #444756;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 30px;
    font-size: 90%;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 45px;
    font-size: 85%;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    padding-left: 65px;
    font-size: 80%;
}

.mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li a {
    padding-left: 80px;
    font-size: 75%;
}

/* MOBILE MENU - SIDR - RADIANTTHEMES MEGA MENU */

.sidr .rt-sub-menu,
.sidr .rt-mega-menu {
    position: static;
    width: 100%;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: transparent;
    box-shadow: initial;
    transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
}

.sidr .rt-sub-menu {
    background-color: transparent;
}

.sidr .rt-sub-menu &gt; li {
    width: 100%;
    float: left;
}

.sidr .rt-mega-menu &gt; .rt-sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
}

.sidr .rt-mega-menu &gt; .rt-mega-menu-row &gt; .rt-mega-menu-col {
    display: block;
}

.sidr .rt-mega-menu &gt; ul &gt; .menu-item {
    border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
}

.sidr .rt-mega-menu .rt-megamenu-widget {
    padding: 15px 22px 10px 15px;
}

.sidr .rt-mega-menu .rt-megamenu-widget .rt-megamenu-widget-title {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
}

.sidr .rt-mega-menu .rt-megamenu-widget ul.menu &gt; li {
    margin-left: -15px;
    margin-right: -15px;
}

.sidr .rt-mega-menu .rt-megamenu-widget ul.menu &gt; li a {
    display: block;
    padding: 10px 15px 10px 15px;
    border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
    color: inherit;
}

.sidr .rt-mega-menu .rt-megamenu-widget ul.menu &gt; li:last-child a,
.sidr .rt-mega-menu .rt-megamenu-widget ul.menu &gt; li:only-child a {
    padding-bottom: 0;
    border-bottom: none;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* MOBILE MENU - SIDR */
    #mobile-menu {
        max-width: 100%;
    }
}

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*--------------------------------------------------------------
# Search Bar
--------------------------------------------------------------*/

.wraper_flyout_search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_flyout_search &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_flyout_search &gt; .table &gt; .table-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(2) {
    left: 300px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer:nth-child(3) {
    left: 600px;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.9s ease-in-out 0.6s;
    -webkit-transition: all 0.9s ease-in-out 0.6s;
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-close &gt; .flyout-search-close-line {
    width: 100%;
    height: 2px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-close &gt; .flyout-search-close-line:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-close &gt; .flyout-search-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search {
    position: relative;
    z-index: 1;
    float: right;
    width: 100%;
    max-width: 500px;
    padding: 100px 40px 100px 40px;
    text-align: right;
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-title {
    margin-bottom: 30px;
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-title h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    letter-spacing: 50px;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-bar .form-row {
    position: relative;
    padding: 0;
    margin: 0;
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-bar .form-row input[type="search"] {
    width: 100%;
    height: 60px;
    padding: 0px 40px 0px 0px;
    background-color: initial;
    border: none;
    border-bottom: 3px #dedede solid;
    box-shadow: initial;
    font-size: 20px;
    color: #fff;
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-bar .form-row button[type="submit"] {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1;
    width: 40px;
    height: auto;
    background-color: initial;
    border: none;
    cursor: pointer;
}

.wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-bar .form-row button[type="submit"] i {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

body.flyout-searchbar-active .wraper_flyout_search {
    opacity: 1;
    visibility: visible;
}

body.flyout-searchbar-active .wraper_flyout_search &gt; .table &gt; .table-cell &gt; .flyout-search-layer {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

body.flyout-searchbar-active .wraper_flyout_search &gt; .table &gt; .table-cell .flyout_search &gt; .flyout-search-title h4 {
    letter-spacing: 0;
    opacity: 1;
}






/*--------------------------------------------------------------
# Hamburger Menu
--------------------------------------------------------------*/

#hamburger-menu {
    width: 100%;
}

body.hamburger-menu-open #hamburger-menu {
    box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
}

.hamburger-menu {
    position: relative;
    padding-right: 100px;
}

.hamburger-menu .hamburger-menu-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100px;
    padding: 20px;
    border-left: 1px rgba(0, 0, 0, 0.12) solid;
    text-align: center;
}

.hamburger-menu .hamburger-menu-close &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.hamburger-menu .hamburger-menu-close &gt; .table &gt; .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.hamburger-menu .hamburger-menu-close &gt; .table &gt; .table-cell .hamburger-menu-close-lines {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.hamburger-menu .hamburger-menu-close &gt; .table &gt; .table-cell .hamburger-menu-close-lines:hover {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.hamburger-menu .hamburger-menu-close &gt; .table &gt; .table-cell .hamburger-menu-close-lines &gt; span {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.hamburger-menu .hamburger-menu-close &gt; .table &gt; .table-cell .hamburger-menu-close-lines &gt; span:nth-child(1) {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    margin-left: -1px;
}

.hamburger-menu .hamburger-menu-close &gt; .table &gt; .table-cell .hamburger-menu-close-lines &gt; span:nth-child(2) {
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    margin-top: -1px;
}

.hamburger-menu .hamburger-menu-main {
    padding: 60px 60px 60px 60px;
}

.hamburger-menu .hamburger-menu-main .widget {
    margin-bottom: 50px;
}

.hamburger-menu .hamburger-menu-main .widget:last-child,
.hamburger-menu .hamburger-menu-main .widget:only-child {
    margin-bottom: 0;
}

.hamburger-menu .hamburger-menu-main .widget-title {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 20px;
    color: #252525;
    line-height: 28px;
    letter-spacing: -0.5px;
}

.hamburger-menu .hamburger-menu-main .widget-title a {
    color: inherit;
}

.hamburger-menu .hamburger-menu-main p {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
    color: #636363;
    line-height: 30px;
}

.hamburger-menu .hamburger-menu-main p strong {
    font-weight: 500;
}

.hamburger-menu .hamburger-menu-main .textwidget &gt; *:last-child {
    margin-bottom: 0 !important;
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center !important;
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu ul li {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 28px;
    color: #0c121f;
    line-height: 35px;
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu ul li a {
    color: inherit;
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu ul li a:after {
    content: ".";
    color: #b2b2b2;
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu ul li.menu-item-has-children &gt; a &gt; .radiantthemes-open-submenu {
    margin-left: 10px;
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu ul li.menu-item-has-children.radiantthemes-menu-open &gt; a &gt; .radiantthemes-open-submenu {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu ul li ul {
    margin-top: 10px;
}

.hamburger-menu .hamburger-menu-main .widget_nav_menu ul li ul li {
    font-size: 25px;
    line-height: 30px;
}

.hamburger-menu .hamburger-menu-main .widget_categories ul,
.hamburger-menu .hamburger-menu-main .widget_pages ul,
.hamburger-menu .hamburger-menu-main .widget_archive ul,
.hamburger-menu .hamburger-menu-main .widget_meta ul,
.hamburger-menu .hamburger-menu-main .widget_recent_entries ul,
.hamburger-menu .hamburger-menu-main .widget_recent_comments ul,
.hamburger-menu .hamburger-menu-main .widget_product_categories ul,
.hamburger-menu .hamburger-menu-main .widget_rss ul {
    margin-bottom: 20px;
}

.hamburger-menu .hamburger-menu-main .widget_categories ul:after,
.hamburger-menu .hamburger-menu-main .widget_pages ul:after,
.hamburger-menu .hamburger-menu-main .widget_archive ul:after,
.hamburger-menu .hamburger-menu-main .widget_meta ul:after,
.hamburger-menu .hamburger-menu-main .widget_recent_entries ul:after,
.hamburger-menu .hamburger-menu-main .widget_recent_comments ul:after,
.hamburger-menu .hamburger-menu-main .widget_product_categories ul:after,
.hamburger-menu .hamburger-menu-main .widget_rss ul:after {
    content: " ";
    display: block;
    clear: both;
}

.hamburger-menu .hamburger-menu-main .widget_categories ul li,
.hamburger-menu .hamburger-menu-main .widget_pages ul li,
.hamburger-menu .hamburger-menu-main .widget_archive ul li,
.hamburger-menu .hamburger-menu-main .widget_meta ul li,
.hamburger-menu .hamburger-menu-main .widget_recent_entries ul li,
.hamburger-menu .hamburger-menu-main .widget_recent_comments ul li,
.hamburger-menu .hamburger-menu-main .widget_product_categories ul li,
.hamburger-menu .hamburger-menu-main .widget_rss ul li {
    clear: both;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    font-weight: 400;
    font-size: 15px;
    color: #0c121f;
    line-height: 26px;
}

.hamburger-menu .hamburger-menu-main .widget_categories ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_pages ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_archive ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_meta ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_recent_entries ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_recent_comments ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_product_categories ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_rss ul li:last-child {
    border-bottom: none;
}

.hamburger-menu .hamburger-menu-main .widget_categories ul li a,
.hamburger-menu .hamburger-menu-main .widget_pages ul li a,
.hamburger-menu .hamburger-menu-main .widget_archive ul li a,
.hamburger-menu .hamburger-menu-main .widget_meta ul li a,
.hamburger-menu .hamburger-menu-main .widget_recent_entries ul li a,
.hamburger-menu .hamburger-menu-main .widget_recent_comments ul li a,
.hamburger-menu .hamburger-menu-main .widget_product_categories ul li a,
.hamburger-menu .hamburger-menu-main .widget_rss ul li a {
    color: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.hamburger-menu .hamburger-menu-main .widget_categories ul li ul,
.hamburger-menu .hamburger-menu-main .widget_pages ul li ul,
.hamburger-menu .hamburger-menu-main .widget_archive ul li ul,
.hamburger-menu .hamburger-menu-main .widget_meta ul li ul,
.hamburger-menu .hamburger-menu-main .widget_recent_entries ul li ul,
.hamburger-menu .hamburger-menu-main .widget_recent_comments ul li ul,
.hamburger-menu .hamburger-menu-main .widget_product_categories ul li ul,
.hamburger-menu .hamburger-menu-main .widget_rss ul li ul {
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 20px;
}

.hamburger-menu .hamburger-menu-main .widget_recent_entries ul li .post-date {
    display: block;
    position: relative;
    margin-top: 6px;
    padding-left: 22px;
    font-weight: 500;
    font-size: 85%;
    color: rgba(0, 0, 0, 0.7);
}

.hamburger-menu .hamburger-menu-main .widget_recent_entries ul li .post-date:before {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 0;
    content: "\f017";
    font-family: "FontAwesome";
}

.hamburger-menu .hamburger-menu-main .widget_rss ul li .rss-date,
.hamburger-menu .hamburger-menu-main .widget_rss ul li .rssSummary,
.hamburger-menu .hamburger-menu-main .widget_rss ul li cite {
    color: rgba(255, 255, 255, 0.6);
}

.hamburger-menu .hamburger-menu-main .widget_calendar {
    margin-top: 10px;
    margin-bottom: 20px;
}

.hamburger-menu .hamburger-menu-main .widget_calendar .calendar_wrap table {
    width: 100%;
    table-layout: fixed;
    border: 1px rgba(0, 0, 0, 0.2) solid;
}

.hamburger-menu .hamburger-menu-main .widget_calendar .calendar_wrap table tr {
    background-color: initial;
}

.hamburger-menu .hamburger-menu-main .widget_calendar .calendar_wrap table tr th,
.hamburger-menu .hamburger-menu-main .widget_calendar .calendar_wrap table tr td {
    padding: 4px !important;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    text-align: center;
    font-weight: 400;
    font-size: 80%;
    color: #fff;
}

.hamburger-menu .hamburger-menu-main .widget_calendar .calendar_wrap table tr th a,
.hamburger-menu .hamburger-menu-main .widget_calendar .calendar_wrap table tr td a {
    color: inherit;
}

.hamburger-menu .hamburger-menu-main .widget_calendar caption {
    color: rgba(0, 0, 0, 0.8);
}

.hamburger-menu .hamburger-menu-main .rt-twitter-box ul li {
    position: relative;
    margin-bottom: 15px;
    padding: 0px 0px 0px 30px;
    border-bottom: none;
}

.hamburger-menu .hamburger-menu-main .rt-twitter-box ul li:before {
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 0;
    content: "\f099";
    font-family: "FontAwesome";
}

.hamburger-menu .hamburger-menu-main .rt-twitter-box ul li .tweet {
    margin-bottom: 0;
}

.hamburger-menu .hamburger-menu-main .rt-twitter-box ul li .interact {
    display: none;
}

.hamburger-menu .hamburger-menu-main input[type="text"],
.hamburger-menu .hamburger-menu-main input[type="email"],
.hamburger-menu .hamburger-menu-main input[type="search"],
.hamburger-menu .hamburger-menu-main select {
    width: 100%;
    height: 60px;
    margin-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f7f9f9;
    border: none;
    border-radius: 35px;
    font-weight: 300;
    font-size: 16px;
    color: #0c121f;
    line-height: 26px;
}

.hamburger-menu .hamburger-menu-main input[type="submit"],
.hamburger-menu .hamburger-menu-main input[type="button"],
.hamburger-menu .hamburger-menu-main button[type="submit"],
.hamburger-menu .hamburger-menu-main button[type="button"] {
    height: 60px;
    padding: 10px 25px 10px 25px;
    border: none;
    border-radius: 35px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #0c121f;
    line-height: 26px;
}

.hamburger-menu .hamburger-menu-main .widget_search form.search-form {
    position: relative;
}

.hamburger-menu .hamburger-menu-main .widget_search form.search-form &gt; label {
    width: 100%;
}

.hamburger-menu .hamburger-menu-main .widget_search form.search-form button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f7f9f9;
}

.hamburger-menu .hamburger-menu-main .widget_text .wp-caption {
    display: block;
}

.hamburger-menu .hamburger-menu-main .widget_text img {
    margin-bottom: 10px;
}

.hamburger-menu .hamburger-menu-main .tagcloud a {
    margin-right: 10px;
    margin-bottom: 5px;
    color: #fff;
}

.hamburger-menu .hamburger-menu-main ul.contact li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 28px;
    font-weight: 400;
    font-size: 15px;
    color: #0c121f;
    line-height: 26px;
}

.hamburger-menu .hamburger-menu-main ul.contact li strong {
    text-transform: uppercase;
    font-weight: 600;
}

.hamburger-menu .hamburger-menu-main ul.contact li:before {
    position: absolute;
    top: 0;
    z-index: 0;
    font-family: "FontAwesome";
}

.hamburger-menu .hamburger-menu-main ul.contact li.email:before {
    left: 0px;
    content: "\f0e0";
}

.hamburger-menu .hamburger-menu-main ul.contact li.address:before {
    left: 3px;
    content: "\f041";
}

.hamburger-menu .hamburger-menu-main ul.contact li.phone:before {
    left: 0px;
    content: "\f095";
}

.hamburger-menu .hamburger-menu-main ul.social {
    font-size: 0;
}

.hamburger-menu .hamburger-menu-main ul.social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 10px;
}

.hamburger-menu .hamburger-menu-main ul.social li a {
    display: block;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.3);
    line-height: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.hamburger-menu .hamburger-menu-main ul.social li a:hover {
    color: #333;
}

.hamburger-menu .hamburger-menu-main .widget_radiant_recent_posts_widget ul li {
    min-height: 85px;
    margin-bottom: 30px;
    padding-left: 100px;
}

.hamburger-menu .hamburger-menu-main .widget_radiant_recent_posts_widget ul li:last-child,
.hamburger-menu .hamburger-menu-main .widget_radiant_recent_posts_widget ul li:only-child {
    margin-bottom: 0;
}

.hamburger-menu .hamburger-menu-main .widget_radiant_recent_posts_widget ul li img {
    position: absolute;
    top: 5px;
    width: 80px;
}

.hamburger-menu .hamburger-menu-main .widget_radiant_recent_posts_widget ul li .title {
    margin-bottom: 0;
    font-size: 16px;
    color: #252525;
    line-height: 25px;
}

.hamburger-menu .hamburger-menu-main .widget_radiant_recent_posts_widget ul li .date {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 14px;
    color: #bbc7cd;
    line-height: 20px;
}

.hamburger-menu .hamburger-menu-main .widget_radiant_recent_posts_widget ul li a {
    color: inherit;
}

/*--------------------------------------------------------------
# WordPress Fix
--------------------------------------------------------------*/

.widget-area &gt; .widget &gt; *:last-child {
    margin-bottom: 45px !important;
}

#page {
    word-wrap: break-word;
}

img.alignright,
figure.alignright {
    float: right;
    margin: 0px 0px 25px 30px !important;
    border-radius: 5px;
}

img.alignleft,
figure.alignleft {
    float: left;
    margin: 10px 30px 25px 0px !important;
    border-radius: 5px;
}

img.aligncenter,
figure.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}

img.aligncenter {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

img.alignnone {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

img.alignright {
    margin: 30px 0px 30px 30px !important;
    border-radius: 5px;
}

figure.aligncenter {
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 5px;
}

figure.alignnone {
    margin-bottom: 20px;
    border-radius: 5px;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

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

.screen-reader-text {
    display: none;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 4px 5px 0px 5px;
}

.comment-list .comment.bypostauthor {
    list-style: none;
}

.edit-link {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 4px 15px 2px 15px;
    opacity: 0.9;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    line-height: 17px;
    letter-spacing: 1px;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
}

.edit-link a {
    margin-left: 5px;
    margin-right: 5px;
    color: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.edit-link a:hover,
.edit-link a:focus,
.edit-link a:active {
    color: inherit;
}

.comments-area ol.comment-list li.trackback .comment-body {
    margin-top: -2px;
    margin-bottom: 22px;
    padding: 15px 17px 15px 17px;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
    font-size: 15px;
    line-height: 28px;
}

.page-template-default .entry-content ul {
    padding-left: 30px !important;
    list-style: disc;
}

.page-template-default .entry-content ul li {
    padding-left: 0px !important;
}

.page-template-default .entry-content ul ul {
    padding-left: 30px !important;
    list-style: circle;
}

.wraper_blog_main div.comments-area {
    float: left;
    width: 100%;
}

.post-template-default .entry-content ul {
    padding-left: 30px !important;
}

/*--------------------------------------------------------------
# Gallery Columns
--------------------------------------------------------------*/

.gallery {
    margin-left: -15px;
    margin-right: -15px;
}

.gallery-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 25%;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    max-width: 100%;
}

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

.gallery-columns-3 .gallery-item {
    max-width: calc((100% - 16px * 2) / 3);
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-item .gallery-icon img {
    width: 100%;
}

.gallery-item .gallery-caption {
    padding: 10px 15px 10px 15px;
    background-color: #f8f8f8;
    font-size: 12px;
    line-height: 22px;
}

/*--------------------------------------------------------------
# Fancybox Fix
--------------------------------------------------------------*/

/* fancybox-thumbs */

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.3);
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
    overflow: visible;
}

.fancybox-thumbs::-webkit-scrollbar {
    height: 7px;
}

.fancybox-thumbs::-webkit-scrollbar-track {
    background-color: #2a2a2a;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

.woocommerce-info,
.woocommerce-error,
.woocommerce-message {
    border-width: 1px;
    border-style: solid;
    border-color: #8fae1b;
    border-radius: 5px;
}

.woocommerce-info {
    background-color: #fff8f8;
    border-color: #fff8f8;
    border-radius: 5px;
}

.woocommerce-error {
    background-color: #f8d7da;
    border-color: #e4c2c5;
    border-radius: 5px;
}

.gcommerce-message {
    background-color: #9abc44;
    border-color: #82a132;
}

.woocommerce-info:before,
.woocommerce-error:before,
.woocommerce-message:before {
    top: inherit;
}

.default-page ul.woocommerce-error {
    padding: 1em 2em 1em 3.5em;
}

.woocommerce-info,
.woocommerce-info:before,
.woocommerce-info a:not(.button) {
    color: #373834 !important;
}

.woocommerce-info a.showlogin,
.woocommerce-info a.showcoupon {
    color: #FF6064 !important;
}

.woocommerce-error,
.woocommerce-error:before,
.woocommerce-error a:not(.button) {
    color: #c01d2b !important;
}

.woocommerce-message,
.woocommerce-message:before,
.woocommerce-message a:not(.button) {
    /*color: #fff !important;*/
}

.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message .button:hover {
    padding: 8px 0px 0px 0px !important;
    background-color: initial !important;
    /*color: #fff !important;*/
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #FF6064;
    color: #fff;
}

/*--------------------------------------------------------------
# YITH Fix
--------------------------------------------------------------*/

#yith-quick-view-modal &gt; .yith-wcqv-wrapper {
    width: 100%;
    max-width: 800px;
}

#yith-quick-view-modal &gt; .yith-wcqv-wrapper &gt; .yith-wcqv-main &gt; .yith-wcqv-head &gt; .yith-wcqv-close {
    width: 30px;
    height: 30px;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    border-radius: 50%;
    text-align: center;
    font-weight: 400;
    font-size: 0;
    color: rgba(0, 0, 0, 0.5);
    line-height: 28px;
}

#yith-quick-view-modal &gt; .yith-wcqv-wrapper &gt; .yith-wcqv-main &gt; .yith-wcqv-head &gt; .yith-wcqv-close:before {
    font-family: "themify";
    content: "\e646";
    font-size: 14px;
}

#yith-quick-view-modal &gt; .yith-wcqv-wrapper &gt; .yith-wcqv-main #yith-quick-view-content .images {
    width: 50%;
    margin-bottom: 0;
}

#yith-quick-view-modal &gt; .yith-wcqv-wrapper &gt; .yith-wcqv-main #yith-quick-view-content .summary {
    width: 50%;
    padding: 30px 15px 30px 15px;
}

#yith-quick-view-modal &gt; .yith-wcqv-wrapper &gt; .yith-wcqv-main #yith-quick-view-content .summary .quantity {
    margin-top: 0 !important;
}

#yith-quick-view-modal &gt; .yith-wcqv-wrapper &gt; .yith-wcqv-main #yith-quick-view-content .summary .quantity &gt; .qty {
    width: 50px;
    height: 43px;
    border: 1px #d8dada solid;
}

/*--------------------------------------------------------------
# Website Layout
--------------------------------------------------------------*/

.radiantthemes-website-layout {
    position: relative;
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/

.overflow-visible {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-auto {
    overflow: auto !important;
}

.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-static {
    position: static;
}

.font-weight-black {
    font-weight: 900;
}

.font-weight-extrabold {
    font-weight: 800;
}

.font-weight-bold {
    font-weight: 700;
}

.font-weight-semibold {
    font-weight: 600;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-regular {
    font-weight: 400;
}

.font-weight-light {
    font-weight: 300;
}

.font-weight-thin {
    font-weight: 100;
}

.font-style-italic {
    font-style: italic;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.letter-spacing--5 {
    letter-spacing: -5px;
}

.letter-spacing--4 {
    letter-spacing: -4px;
}

.letter-spacing--3 {
    letter-spacing: -3px;
}

.letter-spacing--2 {
    letter-spacing: -2px;
}

.letter-spacing--1 {
    letter-spacing: -1px;
}

.letter-spacing-0 {
    letter-spacing: 0px;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.letter-spacing-3 {
    letter-spacing: 3px;
}

.letter-spacing-4 {
    letter-spacing: 4px;
}

.letter-spacing-5 {
    letter-spacing: 5px;
}

.letter-spacing-6 {
    letter-spacing: 6px;
}

.letter-spacing-7 {
    letter-spacing: 7px;
}

.letter-spacing-8 {
    letter-spacing: 8px;
}

.letter-spacing-9 {
    letter-spacing: 9px;
}

.letter-spacing-10 {
    letter-spacing: 10px;
}

.letter-spacing-11 {
    letter-spacing: 11px;
}

.letter-spacing-12 {
    letter-spacing: 12px;
}

.letter-spacing-13 {
    letter-spacing: 13px;
}

.letter-spacing-14 {
    letter-spacing: 14px;
}

.letter-spacing-15 {
    letter-spacing: 15px;
}

.display-block {
    display: block;
}

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

.display-none {
    display: none;
}

.order-first {
    order: 1;
}

.order-second {
    order: 2;
}

.filter-grayscale-0 {
    filter: grayscale(0);
}

.filter-grayscale-1 {
    filter: grayscale(1);
}

.full-width-image * {
    width: 100%;
}

div.background-position-left-top,
section.background-position-left-top,
h1.background-position-left-top,
h2.background-position-left-top,
h3.background-position-left-top,
h4.background-position-left-top,
h5.background-position-left-top,
h6.background-position-left-top,
.background-position-left-top &gt; div,
.background-position-left-top &gt; * {
    background-position: left top !important;
}

div.background-position-left-center,
section.background-position-left-center,
h1.background-position-left-center,
h2.background-position-left-center,
h3.background-position-left-center,
h4.background-position-left-center,
h5.background-position-left-center,
h6.background-position-left-center,
*.background-position-left-center &gt; div,
*.background-position-left-center &gt; * {
    background-position: left center !important;
}

div.background-position-left-bottom,
section.background-position-left-bottom,
h1.background-position-left-bottom,
h2.background-position-left-bottom,
h3.background-position-left-bottom,
h4.background-position-left-bottom,
h5.background-position-left-bottom,
h6.background-position-left-bottom,
*.background-position-left-bottom &gt; div,
*.background-position-left-bottom &gt; * {
    background-position: left bottom !important;
}

div.background-position-center-top,
section.background-position-center-top,
h1.background-position-center-top,
h2.background-position-center-top,
h3.background-position-center-top,
h4.background-position-center-top,
h5.background-position-center-top,
h6.background-position-center-top,
*.background-position-center-top &gt; div,
*.background-position-center-top &gt; * {
    background-position: center top !important;
}

div.background-position-center-center,
section.background-position-center-center,
h1.background-position-center-center,
h2.background-position-center-center,
h3.background-position-center-center,
h4.background-position-center-center,
h5.background-position-center-center,
h6.background-position-center-center,
*.background-position-center-center &gt; div,
*.background-position-center-center &gt; * {
    background-position: center center !important;
}

div.background-position-center-bottom,
section.background-position-center-bottom,
h1.background-position-center-bottom,
h2.background-position-center-bottom,
h3.background-position-center-bottom,
h4.background-position-center-bottom,
h5.background-position-center-bottom,
h6.background-position-center-bottom,
*.background-position-center-bottom &gt; div,
*.background-position-center-bottom &gt; * {
    background-position: center bottom !important;
}

div.background-position-right-top,
section.background-position-right-top,
h1.background-position-right-top,
h2.background-position-right-top,
h3.background-position-right-top,
h4.background-position-right-top,
h5.background-position-right-top,
h6.background-position-right-top,
*.background-position-right-top &gt; div,
*.background-position-right-top &gt; * {
    background-position: right top !important;
}

div.background-position-right-center,
section.background-position-right-center,
h1.background-position-right-center,
h2.background-position-right-center,
h3.background-position-right-center,
h4.background-position-right-center,
h5.background-position-right-center,
h6.background-position-right-center,
*.background-position-right-center &gt; div,
*.background-position-right-center &gt; * {
    background-position: right center !important;
}

div.background-position-right-bottom,
section.background-position-right-bottom,
h1.background-position-right-bottom,
h2.background-position-right-bottom,
h3.background-position-right-bottom,
h4.background-position-right-bottom,
h5.background-position-right-bottom,
h6.background-position-right-bottom,
*.background-position-right-bottom &gt; div,
*.background-position-right-bottom &gt; * {
    background-position: right bottom !important;
}

div.background-repeat-no-repeat,
section.background-repeat-no-repeat,
h1.background-repeat-no-repeat,
h2.background-repeat-no-repeat,
h3.background-repeat-no-repeat,
h4.background-repeat-no-repeat,
h5.background-repeat-no-repeat,
h6.background-repeat-no-repeat,
.background-repeat-no-repeat &gt; div,
.background-repeat-no-repeat &gt; * {
    background-repeat: no-repeat !important;
}

div.background-repeat-repeat-x,
section.background-repeat-repeat-x,
h1.background-repeat-repeat-x,
h2.background-repeat-repeat-x,
h3.background-repeat-repeat-x,
h4.background-repeat-repeat-x,
h5.background-repeat-repeat-x,
h6.background-repeat-repeat-x,
.background-repeat-repeat-x &gt; div,
.background-repeat-repeat-x &gt; * {
    background-repeat: repeat-x !important;
}

div.background-repeat-repeat-y,
section.background-repeat-repeat-y,
h1.background-repeat-repeat-y,
h2.background-repeat-repeat-y,
h3.background-repeat-repeat-y,
h4.background-repeat-repeat-y,
h5.background-repeat-repeat-y,
h6.background-repeat-repeat-y,
.background-repeat-repeat-y &gt; div,
.background-repeat-repeat-y &gt; * {
    background-repeat: repeat-y !important;
}

div.background-attachment-fixed,
section.background-attachment-fixed,
h1.background-attachment-fixed,
h2.background-attachment-fixed,
h3.background-attachment-fixed,
h4.background-attachment-fixed,
h5.background-attachment-fixed,
h6.background-attachment-fixed,
.background-attachment-fixed &gt; div,
.background-attachment-fixed &gt; * {
    background-attachment: fixed !important;
}

.wpb_gmaps_widget .wpb_wrapper {
    padding: 0 !important;
}

/*--------------------------------------------------------------
# Custom Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# RadiantThemes Contact Box Widget
--------------------------------------------------------------*/

.widget_radiantthemes_contact_box_widget ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 29px;
}

.widget_radiantthemes_contact_box_widget ul li:last-child {
    margin-bottom: 0;
}

.widget_radiantthemes_contact_box_widget ul li:before {
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 1;
    font-family: "themify";
}

.widget_radiantthemes_contact_box_widget ul li.address:before {
    content: "\e693";
}

.widget_radiantthemes_contact_box_widget ul li.email:before {
    content: "\e75a";
}

.widget_radiantthemes_contact_box_widget ul li.phone:before {
    content: "\e621";
}

.widget_radiantthemes_contact_box_widget ul li strong {
    display: block;
    font-weight: 500;
}

.widget_radiantthemes_contact_box_widget ul li ul {
    margin-top: 12px;
}

/*--------------------------------------------------------------
# RadiantThemes Twitter Box
--------------------------------------------------------------*/

.rt-twitter-box ul li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #e2e2e2 solid;
}

.rt-twitter-box ul li:first-child {
    padding-top: 0;
}

.rt-twitter-box ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.rt-twitter-box ul li:only-child {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.rt-twitter-box ul li &gt; *:last-child {
    margin-bottom: 0 !important;
}

.rt-twitter-box ul li .user {
    min-width: 50px;
    margin-bottom: 12px;
    text-align: left;
}

.rt-twitter-box ul li .user span:nth-last-child(1),
.rt-twitter-box ul li .user span:nth-last-child(2) {
    display: none;
}

.rt-twitter-box ul li .user img {
    max-width: 50px;
    margin-right: 10px;
    border-radius: 50%;
}

.rt-twitter-box ul li .tweet {
    margin-bottom: 12px;
    text-align: left;
}

.rt-twitter-box ul li .timePosted {
    margin-bottom: 17px;
    text-align: left;
}

.rt-twitter-box ul li .interact {
    margin-bottom: 20px;
    text-align: left;
    font-size: 0;
}

.rt-twitter-box ul li .interact &gt; a {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    margin: 0px 4px 5px 4px;
    background-color: #1bb2e9;
    border-radius: 50%;
    text-align: center;
}

.rt-twitter-box ul li .interact &gt; a i {
    font-size: 13px;
    color: #fff;
    line-height: 31px;
}

.rt-twitter-box ul li .media {
    margin-bottom: 20px;
    text-align: left;
}

/*--------------------------------------------------------------
# RadiantThemes Contact Box
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# RadiantThemes Recent Post With Thumbnail
--------------------------------------------------------------*/

.rt-recent-post-with-thumbnail.element-one {
    margin-bottom: 20px;
}

.rt-recent-post-with-thumbnail.element-one &gt; ul.rt-recent-post-with-thumbnail-holder &gt; li.rt-recent-post-with-thumbnail-post {
    position: relative;
    min-height: 85px;
    margin-bottom: 10px;
    padding-left: 105px;
    padding-bottom: 22px;
}

.rt-recent-post-with-thumbnail.element-one &gt; ul.rt-recent-post-with-thumbnail-holder &gt; li.rt-recent-post-with-thumbnail-post:last-child,
.rt-recent-post-with-thumbnail.element-one &gt; ul.rt-recent-post-with-thumbnail-holder &gt; li.rt-recent-post-with-thumbnail-post:only-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.rt-recent-post-with-thumbnail.element-one &gt; ul.rt-recent-post-with-thumbnail-holder &gt; li.rt-recent-post-with-thumbnail-post img {
    position: absolute;
    top: 5px;
    left: 0;
    width: 90px;
    border-radius: 5px;
    transition: .42s ease-out;
    -webkit-transition: .42s ease-out;
    transform: scale(1);
}

.rt-recent-post-with-thumbnail.element-one &gt; ul.rt-recent-post-with-thumbnail-holder &gt; li.rt-recent-post-with-thumbnail-post:hover img {
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

.rt-recent-post-with-thumbnail.element-one &gt; ul.rt-recent-post-with-thumbnail-holder &gt; li.rt-recent-post-with-thumbnail-post .title {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 20px;
    color: #3c3c3c;
    line-height: 30px;
    letter-spacing: 0px;
}

.rt-recent-post-with-thumbnail.element-one &gt; ul.rt-recent-post-with-thumbnail-holder &gt; li.rt-recent-post-with-thumbnail-post .excerpt {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 28px;
    color: #4b5264 !important;
}

.widget-area &gt; .widget.widget_categories ul li {
    text-transform: capitalize;
}

.widget-area &gt; .widget.widget_categories ul li:last-child {
    border-bottom: none;
}

/*--------------------------------------------------------------
# Inner Banner
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Inner Banner Main
--------------------------------------------------------------*/

/* wraper_inner_banner */


.wraper_inner_banner {
    position: relative;
    z-index: 2;
    width: 100%;
    background-color: #e7e2e6;

    /* wraper_inner_banner_main */
    /*--------------------------------------------------------------
  # Inner Banner Breadcrumb
  --------------------------------------------------------------*/
}

.wraper_inner_banner_main &gt; .container {
    padding-top: 135px !important;
}

.inner_banner_main .title {
    font-weight: 400;
    /*font-family: "futura-pt" !important;*/
    font-family: 'Josefin Sans';
    font-size: 40px !important;
    line-height: 45px !important;
    text-align: center;
}

.wraper_inner_banner .wraper_inner_banner_main {
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.wraper_inner_banner .wraper_inner_banner_main .inner_banner_main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_inner_banner .wraper_inner_banner_main .inner_banner_main .title {
    margin-bottom: 21px;
}

.inner_banner_main .subtitle {
    font-family: "Roboto" !important;
    font-size: 15px;
    font-weight: 400 !important;
    padding: 0px 280px 0px 280px;
    text-align: center;
}

.wraper_inner_banner .wraper_inner_banner_main .inner_banner_main .subtitle {
    margin-bottom: 20px;
}

.wraper_inner_banner .wraper_inner_banner_breadcrumb {
    width: 100%;
    height: auto;
}

.wraper_inner_banner .wraper_inner_banner_breadcrumb .inner_banner_breadcrumb &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_inner_banner .wraper_inner_banner_breadcrumb .inner_banner_breadcrumb #crumbs {
    width: auto;
    height: auto;
}

.wraper_inner_banner .wraper_inner_banner_breadcrumb .inner_banner_breadcrumb #crumbs .gap {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 50%;
}

.wraper_inner_banner .wraper_inner_banner_breadcrumb .inner_banner_breadcrumb #crumbs a {
    color: inherit;
}

/*--------------------------------------------------------------
# Pagination / WooCommerce Pagination
--------------------------------------------------------------*/

.pagination,
.woocommerce nav.woocommerce-pagination {
    display: block !important;
    margin-left: -5px;
    margin-right: -5px;
    padding: 0;
    border-radius: 0;
    text-align: center;
    font-size: 0;
    margin-bottom: 150px;
}

.woocommerce nav.woocommerce-pagination ul {
    margin: 0;
    border: none;
}

.pagination &gt; * {
    display: inline-block !important;
    float: none;
    min-width: 0px;
    padding: 6px 15px;
    font-size: 17px;
    vertical-align: middle;
}

.woocommerce nav.woocommerce-pagination ul li {
    display: inline-block !important;
    vertical-align: top;
    float: none;
    margin: 0px 4px;
    border: none;
}

.pagination &gt; * {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #231834;
    /*background: none !important;*/
    border-radius: 5px;
    border: 1px #d7dcdb solid;
    text-align: center;
    font-weight: 500;
    color: #1a1c26;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0 5px;
}

.woocommerce nav.woocommerce-pagination ul li a {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #231834;
    background: none !important;
    padding: 6px 15px;
    border-radius: 5px;
    border: 1px #d7dcdb solid;
    text-align: center;
    font-weight: 500;
    color: #1a1c26;
    line-height: 25px;
    /*width: 45px;
  height: 45px;*/
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.woocommerce nav.woocommerce-pagination ul li span {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #231834;
    background: none !important;
    padding: 6px 15px;
    /*border-radius: 50%;*/
    border: none;
    text-align: center;
    font-weight: 500;
    color: #1a1c26;
    line-height: 25px;
    /*width: 45px;
  height: 45px;*/
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev {
    border: none;
    padding: 0;
    display: none;
}

/*.woocommerce nav.woocommerce-pagination ul li span{
  padding: 0px;
}*/

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a span:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #ff5f63;
    /*border: 1px solid;*/
}

.pagination &gt; * svg {
    stroke: #010101;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.pagination &gt; *:hover svg {
    transform: translateY(20px);
}

.pagination &gt; * .animated-arrow {
    /*display: none;*/
    /*width: 50px;*/
    /*height: 19px;*/
    /*margin-top: -2px;*/
    /*margin-right: -8px;*/
    /*overflow: hidden;*/
}

.pagination &gt; * .animated-arrow svg {
    stroke: #010101;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    transform: translateX(-15px) rotate(-90deg);
}

.pagination &gt; *:hover .animated-arrow svg {
    transform: translateX(-10px) rotate(-90deg);
}

.pagination &gt; *:hover {
    color: #ff5f63;
    box-shadow: none;
}

/*.pagination &gt; a:focus, a:hover{
	color:#ff5f63 !important;
}*/

.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff !important;
    border: none;
    background-color: #ff5f63 !important;
    /*box-shadow: 0 0 22px rgba(0, 0, 0, 0.18);*/
    border: 1px solid #ff5f63;
    border-radius: 5px;
}

.pagination &gt; *.current {
    color: #fff !important;
    border: none;
    background-color: #ff5f63 !important;
    /*box-shadow: 0 0 22px rgba(0, 0, 0, 0.18);*/
}

/*.pagination &gt; *.prev,
.pagination &gt; *.next {
  display: none !important;
  margin: 0px 0px 0px 0px;
  width: 80px;
  margin-left: 0px;
  padding: 9px 0;
  border:none;
}*/
.pagination &gt; *.next {
    display: none !important;
    margin: 0px 0px 0px 0px;
    width: 45px;
    /* margin-left: 10px; */
    padding: 9px 0;
    border: none;
    position: relative;
    left: 0;
    right: auto;
}

.pagination &gt; *.prev {
    display: none !important;
    margin: 0px 0px 0px 0px;
    width: 45px;
    /* margin-left: 10px; */
    padding: 9px 0;
    border: none;
    position: relative;
    left: 0;
    right: auto;
}

/*.pagination &gt; *.prev {
  margin: 0px;
  width: 80px;
  padding: 9px 0;
  transform: none;
  border:none;
}*/
.pagination .next span.animated-arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 1px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #181b31;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.pagination .next:hover span.animated-arrow {
    width: 35px;
    left: 0;
    right: auto;
    background: #ff5f63;
    margin-left: 10px;
}

.pagination .next span.animated-arrow .ti-arrow-right {
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 1;
    font-size: 15px;
}

.pagination .prev span.animated-arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 1px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #181b31;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.pagination .prev:hover span.animated-arrow {
    width: 35px;
    left: 0;
    right: auto;
    background: #ff5f63;
    margin-left: 10px;
}

.pagination .prev span.animated-arrow .ti-arrow-left {
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 1;
    font-size: 15px;
}

.pagination &gt; .next span.ti-arrow-right {
    vertical-align: middle;
    padding-left: 5px;
    position: relative;
    top: -2px;
}

.pagination &gt; .prev span.ti-arrow-left {
    vertical-align: middle;
    padding-right: 5px;
    position: relative;
    top: -1px;
}

.case-study-inner .pagination {
    display: block;
    margin-left: -5px;
    margin-right: -5px;
    padding: 0;
    border-radius: 0;
    text-align: center;
    font-size: 0;
}

.case-study-inner .pagination li:hover {
    color: initial !important;
    background-color: transparent;
    box-shadow: none;
}

.case-study-inner .pagination li,
.case-study-inner .pagination li a {
    min-width: 49px;
    min-height: 49px;
    padding: 9px 15px 9px 15px;
    border-radius: 40px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: #181b31;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.case-study-inner .pagination li.inactive a:hover {
    color: #fff !important;
    background-color: #27ae60;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.18);
}

.case-study-inner .pagination li.inactive {
    padding: 0;
}

.case-study-inner .pagination li.inactive a {
    border: none;
    background-color: transparent;
}

.case-study-inner .pagination li.current {
    color: #fff !important;
    background-color: #ff5f63;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.18);
}



/*--------------------------------------------------------------
# woocommerce
--------------------------------------------------------------*/


.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
    overflow: hidden !important;
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wraper_blog_main.style-default .widget-area {
    margin-left: -6px;
}

.single-post .wraper_blog_main .widget-area {
    margin-left: -6px;
}

.wraper_blog_main .widget-area {
    margin-bottom: 40px;
    clear: both;
    margin-left: -15px;
}

.widget-area {
    margin-bottom: 40px;
    clear: both;
    /*margin-top: 15px;*/
}

.widget.woocommerce {
    margin-top: 15px;
}

.widget-area &gt; #search-2 {
    margin-bottom: 40px;
}

.widget-area &gt; #categories-2 {
    margin-bottom: 45px;
}

.widget-area &gt; #radiantthemes_recent_posts_widget-3 {
    margin-top: -22px;
}

.widget-area &gt; #radiantthemes_recent_posts_widget-2 {
    margin-bottom: 39px;
}

.widget-area &gt; #archives-2 {
    margin-bottom: 45px;
}

.widget-area &gt; .widget:last-child,
.widget-area &gt; .widget:only-child {
    margin-bottom: 0;
}

.widget-area &gt; .widget .widget-title {
    margin-top: -4px;
    margin-bottom: 10px;
    font-weight: 500 !important;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0px;
    line-height: 30px !important;
}

.widget-area &gt; .widget .widget-title:after {
    display: none;
}

.widget-area &gt; .widget .widget-title a {
    color: inherit;
}

.widget-area &gt; .widget .widget-title img {
    margin-right: 7px;
}

.widget-area &gt; .widget.widget_media_image {
    padding: 0;
    border: none;
}

.widget-area &gt; .widget.widget_search .search-form,
.widget-area &gt; .widget.widget_product_search .woocommerce-product-search {
    position: relative;
}

.widget-area &gt; .widget.widget_search .search-form label,
.widget-area &gt; .widget.widget_product_search .woocommerce-product-search label {
    width: 100%;
    margin: 0;
}

.widget-area &gt; .widget.widget_search .search-form input[type="search"],
.widget-area &gt; .widget.widget_product_search .woocommerce-product-search input[type="search"] {
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0px 45px 0px 10px;
    background-color: #fff;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    border-radius: 4px;
    font-weight: 400;
    font-size: 15px;
    color: #888;
    line-height: 23px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.widget-area &gt; .widget.widget_search .search-form input[type="submit"] {
    border-radius: 0px 5px 5px 0px !important;
    display: inline-block;
    padding: 4px 28px;
    letter-spacing: 0.8px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 0;
    position: absolute;
    right: 0px;
    bottom: 1px;
    background: #ff5f63 !important;
    border: none;
    color: #ffffff;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    font-weight: bold;
}

.widget-area &gt; .widget.widget_search .search-form input[type="submit"]:hover {
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
}

.widget-area &gt; .widget.widget_search .search-form button[type="submit"],
.widget-area &gt; .widget.widget_product_search .woocommerce-product-search button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 52px;
    padding: 0;
    background-color: initial;
    border: none;
    border-radius: 0;
    font-size: 0;
}

.widget-area &gt; .widget.widget_search .search-form button[type="submit"]:after,
.widget-area &gt; .widget.widget_product_search .woocommerce-product-search button[type="submit"]:after {
    content: "\e610";
    position: absolute;
    font-family: "themify";
    font-size: 18px;
    vertical-align: middle;
    padding: 0;
    left: 0;
    right: 0;
}

.widget-area &gt; .widget.widget_search .search-form button[type="submit"] i,
.widget-area &gt; .widget.widget_product_search .woocommerce-product-search button[type="submit"] i {
    font-size: 16px;
    color: #000;
    line-height: 52px;
}

.widget-area &gt; .widget .textwidget {
    margin-bottom: 20px;
}

.widget-area &gt; .widget .textwidget &gt; *:last-child {
    margin-bottom: 0 !important;
}

.widget-area &gt; .widget .textwidget p {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 26px;
}

.widget-area &gt; .widget .textwidget img {
    margin: 12px 0px 15px 0px;
    border-radius: 5px;
}

.widget-area &gt; .widget.widget_rss ul {
    margin: 0;
}

.widget-area &gt; .widget.widget_rss ul li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
}

.widget-area &gt; .widget.widget_rss ul li:last-child,
.widget-area &gt; .widget.widget_rss ul li:only-child {
    margin-bottom: 0;
}

.widget-area &gt; .widget.widget_rss ul li a {
    color: #31281f;
}

.widget-area &gt; .widget.widget_rss ul li .rss-date {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    color: #9b9a9a;
    line-height: 22px;
}

.widget-area &gt; .widget.widget_rss ul li .rss-date:before {
    margin-right: 10px;
    content: "\f017";
    font-family: "FontAwesome";
}

.widget-area &gt; .widget.widget_rss ul li .rssSummary {
    display: block;
    margin-top: 7px;
}

.widget-area &gt; .widget.widget_recent_entries ul,
.widget-area &gt; .widget.widget_recent_comments ul {
    margin: 0;
}

.widget-area &gt; .widget.widget_recent_entries ul li,
.widget-area &gt; .widget.widget_recent_comments ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 23px;
    padding-bottom: 15px;
    border-bottom: 1px #e2e2e2 solid;
    font-size: 14px;
    line-height: 24px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.widget-area &gt; .widget.widget_recent_entries ul li:last-child,
.widget-area &gt; .widget.widget_recent_entries ul li:only-child,
.widget-area &gt; .widget.widget_recent_comments ul li:last-child,
.widget-area &gt; .widget.widget_recent_comments ul li:only-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget-area &gt; .widget.widget_recent_entries ul li:before,
.widget-area &gt; .widget.widget_recent_comments ul li:before {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 0;
    content: "\f101";
    font-family: "FontAwesome";
    color: #000;
}

.widget-area &gt; .widget.widget_recent_entries ul li a,
.widget-area &gt; .widget.widget_recent_comments ul li a {
    color: inherit;
}

.widget-area &gt; .widget.widget_recent_entries ul li .post-date,
.widget-area &gt; .widget.widget_recent_comments ul li .post-date {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #282828;
    line-height: 20px;
}

.widget-area &gt; .widget.widget_recent_entries ul li a,
.widget-area &gt; .widget.widget_recent_comments ul li a {
    color: inherit;
}

.widget-area &gt; .widget.widget_archive ul li,
.widget-area &gt; .widget.widget_categories ul li,
.widget-area &gt; .widget.widget_meta ul li,
.widget-area &gt; .widget.widget_pages ul li,
.widget-area &gt; .widget.widget_nav_menu ul li,
.widget-area &gt; .widget.widget_layered_nav ul li,
.widget-area &gt; .widget.widget_product_categories ul li {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 28px;
    color: #4b5264 !important;
}

.widget-area &gt; .widget.widget_archive ul li:last-child,
.widget-area &gt; .widget.widget_archive ul li:only-child,
.widget-area &gt; .widget.widget_categories ul li:last-child,
.widget-area &gt; .widget.widget_categories ul li:only-child,
.widget-area &gt; .widget.widget_meta ul li:last-child,
.widget-area &gt; .widget.widget_meta ul li:only-child,
.widget-area &gt; .widget.widget_pages ul li:last-child,
.widget-area &gt; .widget.widget_pages ul li:only-child,
.widget-area &gt; .widget.widget_nav_menu ul li:last-child,
.widget-area &gt; .widget.widget_nav_menu ul li:only-child,
.widget-area &gt; .widget.widget_layered_nav ul li:last-child,
.widget-area &gt; .widget.widget_layered_nav ul li:only-child,
.widget-area &gt; .widget.widget_product_categories ul li:last-child,
.widget-area &gt; .widget.widget_product_categories ul li:only-child {
    margin-bottom: 0;
}

.widget-area &gt; .widget.widget_archive ul li a,
.widget-area &gt; .widget.widget_categories ul li a,
.widget-area &gt; .widget.widget_meta ul li a,
.widget-area &gt; .widget.widget_pages ul li a,
.widget-area &gt; .widget.widget_nav_menu ul li a,
.widget-area &gt; .widget.widget_layered_nav ul li a,
.widget-area &gt; .widget.widget_product_categories ul li a {
    position: relative;
    color: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.widget-area &gt; .widget.widget_archive ul li a:before,
.widget-area &gt; .widget.widget_categories ul li a:before,
.widget-area &gt; .widget.widget_meta ul li a:before,
.widget-area &gt; .widget.widget_pages ul li a:before,
.widget-area &gt; .widget.widget_nav_menu ul li a:before,
.widget-area &gt; .widget.widget_layered_nav ul li a:before,
.widget-area &gt; .widget.widget_product_categories ul li a:before {
    /*display: none;*/
    content: "";
    width: 0;
    height: 1px;
    bottom: -3px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.widget-area &gt; .widget.widget_archive ul li a:hover:before,
.widget-area &gt; .widget.widget_categories ul li a:hover:before,
.widget-area &gt; .widget.widget_meta ul li a:hover:before,
.widget-area &gt; .widget.widget_pages ul li a:hover:before,
.widget-area &gt; .widget.widget_nav_menu ul li a:hover:before,
.widget-area &gt; .widget.widget_layered_nav ul li a:hover:before,
.widget-area &gt; .widget.widget_product_categories ul li a:hover:before {
    right: auto;
    left: 0;
    width: 100%;
}

.widget-area &gt; .widget.widget_archive ul li ul,
.widget-area &gt; .widget.widget_categories ul li ul,
.widget-area &gt; .widget.widget_meta ul li ul,
.widget-area &gt; .widget.widget_pages ul li ul,
.widget-area &gt; .widget.widget_nav_menu ul li ul,
.widget-area &gt; .widget.widget_layered_nav ul li ul,
.widget-area &gt; .widget.widget_product_categories ul li ul {
    margin-top: 12px;
    margin-left: 15px;
}

.widget-area &gt; .widget.widget_rating_filter ul li {
    margin-bottom: 15px;
}

.widget-area &gt; .widget.widget_rating_filter ul li:last-child,
.widget-area &gt; .widget.widget_rating_filter ul li:only-child {
    margin-bottom: 0;
}

.widget-area &gt; .widget.widget_recent_reviews ul li,
.widget-area &gt; .widget.widget_top_rated_products ul li {
    margin-bottom: 15px;
}

.widget-area &gt; .widget.widget_recent_reviews ul li:last-child,
.widget-area &gt; .widget.widget_recent_reviews ul li:only-child,
.widget-area &gt; .widget.widget_top_rated_products ul li:last-child,
.widget-area &gt; .widget.widget_top_rated_products ul li:only-child {
    margin-bottom: 0;
}

.widget-area &gt; .widget.widget_recent_reviews ul li img,
.widget-area &gt; .widget.widget_top_rated_products ul li img {
    width: 40px;
    margin-top: 8px;
}

.widget-area &gt; .widget.widget_recent_reviews ul li .star-rating,
.widget-area &gt; .widget.widget_top_rated_products ul li .star-rating {
    float: left;
    margin-top: 7px;
}

.widget-area &gt; .widget.widget_recent_reviews ul li .reviewer,
.widget-area &gt; .widget.widget_top_rated_products ul li .amount {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.widget-area &gt; .widget.widget_price_filter .ui-slider {
    margin-bottom: 22px;
    background-color: #252525;
}

.widget-area &gt; .widget.widget_price_filter button[type="submit"] {
    padding: 5px 20px 4px 20px;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 12px;
}

.widget-area &gt; .widget.widget_layered_nav_filters ul li {
    width: 100%;
    margin-bottom: 7px;
    padding: 0;
}

.widget-area &gt; .widget.widget_layered_nav_filters ul li:last-child,
.widget-area &gt; .widget.widget_layered_nav_filters ul li:only-child {
    margin-bottom: 0;
}

.widget-area &gt; .widget.widget_products ul li {
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px #e2e2e2 solid;
}

.widget-area &gt; .widget.widget_products ul li:first-child {
    padding-top: 0;
}

.widget-area &gt; .widget.widget_products ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.widget-area &gt; .widget.widget_products ul li:only-child {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget-area &gt; .widget.widget_products ul li &gt; a {
    margin-bottom: 1px;
    font-weight: 500;
    color: inherit;
}

.widget-area &gt; .widget.widget_products ul li img {
    width: 60px;
}

.widget-area &gt; .widget.widget_products ul li .star-rating {
    display: none;
}

.widget-area &gt; .widget.widget_products ul li .woocommerce-Price-amount {
    font-size: 13px;
}

.widget-area &gt; .widget.widget_products ul li del {
    opacity: 0.7;
}

.widget-area &gt; .widget select {
    width: 100%;
    height: 50px;
    padding: 0px 10px 0px 10px;
    background-color: #fff;
    border: 1px #e0e0e0 solid;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin-bottom: 52px;
}

.widget-area &gt; .widget .tagcloud {
    margin: 0px 0px 14px 0px;
    font-size: 0;
}

.widget-area &gt; .widget .tagcloud &gt; [class*="tag-link-"] {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 4px;
    font-weight: 400;
    color: inherit;
    font-size: 15px !important;
    line-height: 28px;
    color: #4b5264;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.widget-area &gt; .widget .tagcloud &gt; [class*="tag-link-"]:after {
    display: inline-block;
    vertical-align: middle;
    content: "/";
    margin-top: -2px;
    margin-left: 10px;
    margin-right: 10px;
}

.widget-area &gt; .widget .tagcloud &gt; [class*="tag-link-"]:last-child:after,
.widget-area &gt; .widget .tagcloud &gt; [class*="tag-link-"]:only-child:after {
    display: none;
}

.widget-area &gt; .widget.widget_calendar .calendar_wrap {
    background-color: #fff;
    border: 1px #e2e2e2 solid;
    border-radius: 5px;
}

.widget-area &gt; .widget.widget_calendar #wp-calendar {
    width: 100%;
    table-layout: fixed;
}

.widget-area &gt; .widget.widget_calendar #wp-calendar caption {
    padding: 9px 10px 10px 4px;
    /*border: 1px #e2e2e2 solid;*/
    border-bottom: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #373737;
    line-height: 24px;
    letter-spacing: 1px;
}

.widget-area &gt; .widget.widget_calendar #wp-calendar &gt; tbody &gt; tr &gt; td,
.widget-area &gt; .widget.widget_calendar #wp-calendar &gt; tbody &gt; tr &gt; th,
.widget-area &gt; .widget.widget_calendar #wp-calendar &gt; tfoot &gt; tr &gt; td,
.widget-area &gt; .widget.widget_calendar #wp-calendar &gt; tfoot &gt; tr &gt; th,
.widget-area &gt; .widget.widget_calendar #wp-calendar &gt; thead &gt; tr &gt; td,
.widget-area &gt; .widget.widget_calendar #wp-calendar &gt; thead &gt; tr &gt; th {
    padding: 2px 5px;
    border: 1px #e2e2e2 solid;
    text-align: center;
    font-size: 70%;
}

.widget-area &gt; .widget.widget_calendar #wp-calendar &gt; tbody &gt; tr &gt; td#today {
    background: rgba(0, 0, 0, 0.05);
}

/*--------------------------------------------------------------
# Blog Page
--------------------------------------------------------------*/

/* wraper_blog_main */
.wraper_blog_main.style-default &gt; .container &gt; .row {
    margin-left: -30px;
    margin-right: -30px;
}

.wraper_blog_main {
    width: 100%;
    overflow: hidden;
}

.wraper_blog_main.style-two,
.wraper_blog_main.style-four,
.wraper_blog_main.style-three,
.wraper_blog_main.style-six {
    background-color: #f6f7fc;
}

.wraper_blog_main &gt; .container {
    padding-top: 150px;
    padding-bottom: 115px;
}

.wraper_blog_main &gt; .container.page-container {
    padding-bottom: 135px;
}

.wraper_blog_main &gt; .container &gt; .row &gt; [class*="col-"],
.wraper_blog_main.style-default &gt; .container &gt; .row &gt; [class*="col-"],
.wraper_blog_main.style-five &gt; .container &gt; .row &gt; [class*="col-"],
.wraper_blog_main.style-three &gt; .container &gt; .row &gt; [class*="col-"],
.wraper_blog_main.style-four &gt; .container &gt; .row &gt; [class*="col-"],
.wraper_blog_main.style-six &gt; .container &gt; .row &gt; [class*="col-"] {
    padding-left: 25px;
    padding-right: 15px;
}

.wraper_blog_main.style-five &gt; .container-fluid,
.wraper_blog_main.style-five &gt; .container-fluid &gt; .row [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.wraper_blog_main.style-five &gt; .container-fluid &gt; .row {
    margin-right: 0;
    margin-left: 0;
}

.wraper_blog_main .blog_main {
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.wraper_blog_main.style-five .blog_main {
    width: auto;
    float: none;
    margin: 0;
}

/*--------------------------------------------------------------
# Post (Style Default)
--------------------------------------------------------------*/

.post.style-default,
.page.style-default,
.tribe_events.style-default,
.testimonial.style-default,
.team.style-default,
.portfolio.style-default,
.case-studies.style-default,
.client.style-default,
.product.style-default {
    margin-bottom: 20px;
}

.post.style-default:last-child,
.post.style-default:only-child,
.page.style-default:last-child,
.page.style-default:only-child,
.tribe_events.style-default:last-child,
.tribe_events.style-default:only-child,
.testimonial.style-default:last-child,
.testimonial.style-default:only-child,
.team.style-default:last-child,
.team.style-default:only-child,
.portfolio.style-default:last-child,
.portfolio.style-default:only-child,
.case-studies.style-default:last-child,
.case-studies.style-default:only-child,
.client.style-default:last-child,
.client.style-default:only-child,
.product.style-default:last-child,
.product.style-default:only-child {
    margin-bottom: 0;
}

.post.style-default.sticky,
.page.style-default.sticky,
.tribe_events.style-default.sticky,
.testimonial.style-default.sticky,
.team.style-default.sticky,
.portfolio.style-default.sticky,
.case-studies.style-default.sticky,
.client.style-default.sticky,
.product.style-default.sticky {
    position: relative;
    margin-bottom: 60px;
    padding: 30px 30px 5px 30px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.post.style-default.sticky:before,
.page.style-default.sticky:before,
.tribe_events.style-default.sticky:before,
.testimonial.style-default.sticky:before,
.team.style-default.sticky:before,
.portfolio.style-default.sticky:before,
.case-studies.style-default.sticky:before,
.client.style-default.sticky:before,
.product.style-default.sticky:before {
    position: absolute;
    top: -15px;
    right: -10px;
    z-index: 0;
    content: "\f08d";
    font-family: "FontAwesome";
    font-size: 30px;
    color: #252525;
    line-height: 30px;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
}

.post.style-default .post-thumbnail,
.page.style-default .post-thumbnail,
.tribe_events.style-default .post-thumbnail,
.testimonial.style-default .post-thumbnail,
.team.style-default .post-thumbnail,
.portfolio.style-default .post-thumbnail,
.case-studies.style-default .post-thumbnail,
.client.style-default .post-thumbnail,
.product.style-default .post-thumbnail {
    margin-bottom: 27px;
    border-radius: 5px;
}

.post.style-default .entry-category,
.page.style-default .entry-category,
.tribe_events.style-default .entry-category,
.testimonial.style-default .entry-category,
.team.style-default .entry-category,
.portfolio.style-default .entry-category,
.case-studies.style-default .entry-category,
.client.style-default .entry-category,
.product.style-default .entry-category {
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 13px;
    color: #1e1e1e;
    line-height: 23px;
}

.entry-content &gt; .page-links &gt; .post-page-numbers:first-child {
    margin-left: 15px;
}

.entry-content &gt; .page-links &gt; .post-page-numbers {
    display: initial;
    vertical-align: initial;
    width: initial;
    margin-left: initial;
    margin-right: initial;
    background-color: initial;
    min-width: 49px;
    min-height: 49px;
    padding: 9px 15px 9px 15px;
    border-radius: 40px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: #181b31;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.entry-content &gt; .page-links &gt; .post-page-numbers.current {
    color: #fff !important;
    background-color: #ff5f63;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.18);
}

.entry-content &gt; .page-links &gt; .post-page-numbers.current:hover {
    color: #fff !important;
}

.entry-content &gt; .page-links &gt; .post-page-numbers:hover {
    color: #ffffff !important;
    background-color: #ff5f63;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.18);
}

.entry-category &gt; .category &gt; a {
    color: #3a3d42;
}

.post.style-default .entry-category &gt; span i,
.post.style-default .entry-category &gt; span span[class*="ti-"],
.page.style-default .entry-category &gt; span i,
.page.style-default .entry-category &gt; span span[class*="ti-"],
.tribe_events.style-default .entry-category &gt; span i,
.tribe_events.style-default .entry-category &gt; span span[class*="ti-"],
.testimonial.style-default .entry-category &gt; span i,
.testimonial.style-default .entry-category &gt; span span[class*="ti-"],
.team.style-default .entry-category &gt; span i,
.team.style-default .entry-category &gt; span span[class*="ti-"],
.portfolio.style-default .entry-category &gt; span i,
.portfolio.style-default .entry-category &gt; span span[class*="ti-"],
.case-studies.style-default .entry-category &gt; span i,
.case-studies.style-default .entry-category &gt; span span[class*="ti-"],
.client.style-default .entry-category &gt; span i,
.client.style-default .entry-category &gt; span span[class*="ti-"],
.product.style-default .entry-category &gt; span i,
.product.style-default .entry-category &gt; span span[class*="ti-"] {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 7px;
}

.post.style-default .entry-category &gt; span:after,
.page.style-default .entry-category &gt; span:after,
.tribe_events.style-default .entry-category &gt; span:after,
.testimonial.style-default .entry-category &gt; span:after,
.team.style-default .entry-category &gt; span:after,
.portfolio.style-default .entry-category &gt; span:after,
.case-studies.style-default .entry-category &gt; span:after,
.client.style-default .entry-category &gt; span:after,
.product.style-default .entry-category &gt; span:after {
    content: ",";
    margin-right: 10px;
}

.post.style-default .entry-category &gt; span:last-child:after,
.post.style-default .entry-category &gt; span:only-child:after,
.page.style-default .entry-category &gt; span:last-child:after,
.page.style-default .entry-category &gt; span:only-child:after,
.tribe_events.style-default .entry-category &gt; span:last-child:after,
.tribe_events.style-default .entry-category &gt; span:only-child:after,
.testimonial.style-default .entry-category &gt; span:last-child:after,
.testimonial.style-default .entry-category &gt; span:only-child:after,
.team.style-default .entry-category &gt; span:last-child:after,
.team.style-default .entry-category &gt; span:only-child:after,
.portfolio.style-default .entry-category &gt; span:last-child:after,
.portfolio.style-default .entry-category &gt; span:only-child:after,
.case-studies.style-default .entry-category &gt; span:last-child:after,
.case-studies.style-default .entry-category &gt; span:only-child:after,
.client.style-default .entry-category &gt; span:last-child:after,
.client.style-default .entry-category &gt; span:only-child:after,
.product.style-default .entry-category &gt; span:last-child:after,
.product.style-default .entry-category &gt; span:only-child:after {
    display: none;
}

.post.style-default .entry-header,
.page.style-default .entry-header,
.tribe_events.style-default .entry-header,
.testimonial.style-default .entry-header,
.team.style-default .entry-header,
.portfolio.style-default .entry-header,
.case-studies.style-default .entry-header,
.client.style-default .entry-header,
.product.style-default .entry-header {
    margin-bottom: 20px;
}

.post.style-default .entry-header &gt; *:last-child,
.page.style-default .entry-header &gt; *:last-child,
.tribe_events.style-default .entry-header &gt; *:last-child,
.testimonial.style-default .entry-header &gt; *:last-child,
.team.style-default .entry-header &gt; *:last-child,
.portfolio.style-default .entry-header &gt; *:last-child,
.case-studies.style-default .entry-header &gt; *:last-child,
.client.style-default .entry-header &gt; *:last-child,
.product.style-default .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-default .entry-header .entry-title,
.page.style-default .entry-header .entry-title,
.tribe_events.style-default .entry-header .entry-title,
.testimonial.style-default .entry-header .entry-title,
.team.style-default .entry-header .entry-title,
.portfolio.style-default .entry-header .entry-title,
.case-studies.style-default .entry-header .entry-title,
.client.style-default .entry-header .entry-title,
.product.style-default .entry-header .entry-title {
    margin-bottom: 20px;
    font-weight: 500;
    /*font-size: 22px;*/
    /*line-height: 40px;*/
}

.post.style-default .entry-header .entry-title a,
.page.style-default .entry-header .entry-title a,
.tribe_events.style-default .entry-header .entry-title a,
.testimonial.style-default .entry-header .entry-title a,
.team.style-default .entry-header .entry-title a,
.portfolio.style-default .entry-header .entry-title a,
.case-studies.style-default .entry-header .entry-title a,
.client.style-default .entry-header .entry-title a,
.product.style-default .entry-header .entry-title a {
    color: inherit;
}

.post.style-default .entry-meta,
.page.style-default .entry-meta,
.tribe_events.style-default .entry-meta,
.testimonial.style-default .entry-meta,
.team.style-default .entry-meta,
.portfolio.style-default .entry-meta,
.case-studies.style-default .entry-meta,
.client.style-default .entry-meta,
.product.style-default .entry-meta {
    margin-bottom: 16px;
}

.post.style-default .entry-meta &gt; .holder &gt; .author-image,
.page.style-default .entry-meta &gt; .holder &gt; .author-image,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .author-image,
.testimonial.style-default .entry-meta &gt; .holder &gt; .author-image,
.team.style-default .entry-meta &gt; .holder &gt; .author-image,
.portfolio.style-default .entry-meta &gt; .holder &gt; .author-image,
.case-studies.style-default .entry-meta &gt; .holder &gt; .author-image,
.client.style-default .entry-meta &gt; .holder &gt; .author-image,
.product.style-default .entry-meta &gt; .holder &gt; .author-image {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    width: 50px;
    height: auto;
    text-align: center;
}

.post.style-default .entry-meta &gt; .holder &gt; .author-image img,
.page.style-default .entry-meta &gt; .holder &gt; .author-image img,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .author-image img,
.testimonial.style-default .entry-meta &gt; .holder &gt; .author-image img,
.team.style-default .entry-meta &gt; .holder &gt; .author-image img,
.portfolio.style-default .entry-meta &gt; .holder &gt; .author-image img,
.case-studies.style-default .entry-meta &gt; .holder &gt; .author-image img,
.client.style-default .entry-meta &gt; .holder &gt; .author-image img,
.product.style-default .entry-meta &gt; .holder &gt; .author-image img {
    border-radius: 50%;
}

.post.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.page.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.team.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.client.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child,
.product.style-default .entry-meta &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta,
.page.style-default .entry-meta &gt; .holder &gt; .data .meta,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"],
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"] {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 7px;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after {
    content: "|";
    margin-left: 10px;
    margin-right: 8px;
}

.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:after {
    content: "-";
    margin-left: 10px;
    margin-right: 8px;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after {
    display: none;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    overflow: hidden;
    color: inherit;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span {
    position: relative;
    display: inline-block;
    transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.page.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.tribe_events.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.testimonial.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.team.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.portfolio.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.case-studies.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.client.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before,
.product.style-default .entry-meta &gt; .holder &gt; .data .meta &gt; span a span:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: attr(data-hover);
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.post.style-default .entry-main,
.page.style-default .entry-main,
.tribe_events.style-default .entry-main,
.testimonial.style-default .entry-main,
.team.style-default .entry-main,
.portfolio.style-default .entry-main,
.case-studies.style-default .entry-main,
.client.style-default .entry-main,
.product.style-default .entry-main {
    margin-bottom: 10px;
}

.post.style-default .entry-main .entry-content,
.page.style-default .entry-main .entry-content,
.tribe_events.style-default .entry-main .entry-content,
.testimonial.style-default .entry-main .entry-content,
.team.style-default .entry-main .entry-content,
.portfolio.style-default .entry-main .entry-content,
.case-studies.style-default .entry-main .entry-content,
.client.style-default .entry-main .entry-content,
.product.style-default .entry-main .entry-content {
    margin-bottom: 23px;
}

.post.style-default .entry-main .entry-content &gt; *:last-child,
.page.style-default .entry-main .entry-content &gt; *:last-child,
.tribe_events.style-default .entry-main .entry-content &gt; *:last-child,
.testimonial.style-default .entry-main .entry-content &gt; *:last-child,
.team.style-default .entry-main .entry-content &gt; *:last-child,
.portfolio.style-default .entry-main .entry-content &gt; *:last-child,
.case-studies.style-default .entry-main .entry-content &gt; *:last-child,
.client.style-default .entry-main .entry-content &gt; *:last-child,
.product.style-default .entry-main .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-default .entry-main .entry-extra .entry-extra-item,
.page.style-default .entry-main .entry-extra .entry-extra-item,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item,
.team.style-default .entry-main .entry-extra .entry-extra-item,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item,
.client.style-default .entry-main .entry-extra .entry-extra-item,
.product.style-default .entry-main .entry-extra .entry-extra-item {
    margin-bottom: 25px;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn {
    box-shadow: none !important;
    border: none;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    border-radius: 5px !important;
    font-weight: bold !important;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover {
    background-color: transparent !important;
    border-radius: 3px;
    border: 0px none;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span {
    background-color: transparent !important;
    box-shadow: none !important;
    background: #ff5f63 !important;
    color: #ffffff;
    border-radius: 5px !important;
    padding: 14px 50px !important;
    border: 0px none !important;
    font-size: 15px;
    line-height: 28px;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover {
    background-color: transparent !important;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);

    /*background: linear-gradient(to right, #5525ff 0%, #9547fd 100%) !important;*/
}

.comments-area .comment-form &gt; p button[type="submit"]:hover,
.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span {
    background-color: #27ae60;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn {
    position: relative;
    overflow: hidden;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span {
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

/*.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before, .tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before, .testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before, .team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before, .portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before, .case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before, .client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before, .product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transform: translateX(-25%);
	-webkit-transform: translateX(-25%);
}

.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before, .tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before, .testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before, .team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before, .portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before, .case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before, .client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before, .product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover:before {
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
}

.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover span {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}*/

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share {
    display: inline-block;
    vertical-align: top;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons {
    font-size: 0;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:last-child,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li:only-child {
    margin-right: 0;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 35px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover {
    color: #fff;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: " ";
    border-radius: inherit;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li a i {
    position: relative;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.whatsapp a:before {
    background-color: #25d366;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.facebook a:before {
    background-color: #3b5999;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.google-plus a:before {
    background-color: #dd4b39;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.twitter a:before {
    background-color: #55acee;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.linkedin a:before {
    background-color: #0077b5;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-share ul.post-share-buttons &gt; li.pinterest a:before {
    background-color: #bd081c;
}

/*Post Image Hover*/
.post-thumbnail {
    overflow: hidden;
}

.post-thumbnail:hover .wp-post-image {
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

.post-thumbnail .wp-post-image {
    transition: 0.42s ease-out;
    -webkit-transition: 0.42s ease-out;
    transform: scale(1);
}

/*Post Image Hover*/

/*--------------------------------------------------------------
# Post (Style One)
--------------------------------------------------------------*/

.post.style-one {
    /*  background-color: #fff;*/
    /*  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0px 2px;
}

.post.style-one .category-list {
    position: absolute;
    top: 19px;
    right: 5px;
    z-index: 2;
    font-size: 0;
}

.post.style-one .post-data {
    padding: 15px 20px 25px 25px;
}

.post.style-one .category-list &gt; a {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 10px;
    padding: 8px 15px 8px 15px;
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 30px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 11px;
    color: #181b31;
    line-height: 1.1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-one .category-list &gt; a:hover {
    color: #ffffff;
    background-color: #190e22;
    opacity: 0.87;
}

.post.style-one .post-thumbnail {
    transform: scale(1) translateY(0);
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.post.style-one:hover .post-thumbnail {
    transform: scale(1.1) translateY(-12px);
}

.post.style-one .post-thumbnail &gt; img {
    width: 100%;
    float: left;
}

.post.style-one .post-btn {
    text-align: right;
    top: -43px;
    position: relative;
    right: 25px;
}

.post.style-one .post-button {
    display: block;
    float: right;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.15);
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.post.style-one:hover .post-button {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.post.style-one .post-button:hover {
    background-color: #ff5f63;
}

.post.style-one .post-button:hover .ti-angle-right {
    color: #ffffff;
}

.post.style-one .post-button .ti-angle-right {
    color: #ff5f63;
    font-size: 18px;
    line-height: 55px;
    display: block;
    text-align: center;
}

.post.style-one .post-thumbnail &gt; .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.post.style-one .entry-main {
    margin-bottom: 12px;
}

.post.style-one .entry-main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-one .entry-main .entry-header {
    margin-bottom: 12px;
}

.post.style-one .entry-main .entry-header .date {
    font-weight: 400;
    display: inline-block;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 22px;
}

.post.style-one .entry-main .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-one .entry-main .entry-header .entry-title {
    color: #0f0c0c !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 33px !important;
    margin-top: 10px;
    letter-spacing: 0px;
}

.post.style-one .entry-main .entry-header .entry-title a {
    color: inherit;
}

.post.style-one .entry-main .entry-content {
    margin-bottom: 25px;
}

.post.style-one .entry-main .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-one .entry-main .entry-content p {
    margin-bottom: 20px;
    font-size: 15px;
    color: #6a7c92;
    line-height: 28px;
}

.post.style-one .post-meta {
    margin-bottom: 0;
    font-size: 0;
}

.post.style-one .post-meta &gt; span {
    text-transform: capitalize;
    font-size: 15px;
    color: #4b5464;
    line-height: 30px;
}

.post.style-one .post-meta &gt; span:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 2px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #999;
}

.post.style-one .post-meta &gt; span:last-child:after,
.post.style-one .post-meta &gt; span:only-child:after {
    display: none;
}

.post.style-one .post-meta &gt; span a {
    color: inherit;
}

/*--------------------------------------------------------------
# Post (Style Two)
--------------------------------------------------------------*/

.blog_main &gt; .row.isotope-blog-style {
    margin-right: -20px;
    margin-left: -20px;
}

.blog_main &gt; .row.isotope-blog-style &gt; .isotope-blog-style-item {
    padding-right: 20px;
    padding-left: 20px;
}

.post.style-two {
    margin-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-two:hover {
    box-shadow: 0 70px 100px -40px rgba(0, 0, 0, 0.2);
}

.post.style-two.format-image {
    position: relative;
    text-align: center;
    padding-top: calc((140 / 100) * 100%);
}

.post.style-two.format-image .post-thumbnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
}

.post.style-two.format-image .entry-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 30px 30px 30px 30px;
    background-color: rgba(0, 0, 0, 0.8);
}

.post.style-two.format-image .entry-main &gt; .holder .entry-action-buttons {
    margin-bottom: 10px;
}

.post.style-two.format-image .entry-main &gt; .holder .entry-action-buttons &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.post.style-two.format-image .entry-main &gt; .holder .entry-action-buttons &gt; li &gt; .btn {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 22px;
    color: #000;
    line-height: 63px;
}

.post.style-two.format-image .entry-main &gt; .holder .entry-action-buttons &gt; li &gt; .btn:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: " ";
    width: 130%;
    height: 130%;
    background-color: inherit;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 0.2;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-two.format-image .entry-main &gt; .holder .entry-action-buttons &gt; li &gt; .btn:hover:before {
    transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
}

.post.style-two.format-image .entry-main &gt; .holder .post-meta {
    margin-bottom: 10px;
}

.post.style-two.format-image .entry-main &gt; .holder .post-meta &gt; span {
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    line-height: 26px;
}

.post.style-two.format-image .entry-main &gt; .holder .post-meta &gt; span a {
    color: inherit;
}

.post.style-two.format-image .entry-main &gt; .holder .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-two.format-image .entry-main &gt; .holder .entry-header .entry-title {
    margin-bottom: 10px;
    font-size: 27px;
    color: #fff;
    line-height: 35px;
}

.post.style-two.format-image .entry-main &gt; .holder .entry-header .entry-title a {
    color: inherit;
}

.post.style-two.format-quote {
    position: relative;
    text-align: center;
    padding-top: calc((150 / 100) * 100%);
}

.post.style-two.format-quote .post-thumbnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
}

.post.style-two.format-quote .entry-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 30px 30px 30px 30px;
    background-color: rgba(0, 0, 0, 0.8);
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-action-buttons {
    margin-bottom: 10px;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-action-buttons &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-action-buttons &gt; li &gt; .btn {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 22px;
    color: #000;
    line-height: 63px;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-header {
    margin-bottom: 10px;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-header .entry-title {
    margin-bottom: 10px;
    font-size: 27px;
    color: #fff;
    line-height: 35px;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-header .entry-title a {
    color: inherit;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-content {
    margin-bottom: 15px;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-two.format-quote .entry-main &gt; .holder .entry-content p {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 27px;
}

.post.style-two.format-quote .entry-main &gt; .holder .post-meta &gt; span {
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    line-height: 26px;
}

.post.style-two.format-quote .entry-main &gt; .holder .post-meta &gt; span a {
    color: inherit;
}

.post.style-two.format-standard {
    text-align: left;
}

.post.style-two.format-standard .post-thumbnail img {
    width: 100%;
}

.post.style-two.format-standard .entry-main {
    padding: 38px 40px 38px 40px;
}

.post.style-two.format-standard .entry-main &gt; .holder .post-meta {
    margin-bottom: 10px;
}

.post.style-two.format-standard .entry-main &gt; .holder .post-meta &gt; span {
    font-weight: 500;
    font-size: 12px;
    color: #000;
    line-height: 26px;
}

.post.style-two.format-standard .entry-main &gt; .holder .post-meta &gt; span a {
    color: inherit;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-header {
    margin-bottom: 13px;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-header .entry-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 25px;
    color: #000;
    line-height: 35px;
    letter-spacing: -0.35px;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-header .entry-title a {
    color: inherit;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-content {
    margin-bottom: 15px;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-content p {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    line-height: 27px;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-more .btn {
    margin-bottom: 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    color: #181b31;
    line-height: 22px;
    letter-spacing: 1px;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-more .btn &gt; .btn-arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 1px;
    margin-top: -2px;
    margin-left: 10px;
    background-color: #181b31;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-more .btn &gt; .btn-arrow &gt; i {
    position: absolute;
    top: -7px;
    right: -2px;
    z-index: 1;
    font-size: 130%;
}

.post.style-two.format-standard .entry-main &gt; .holder .entry-more .btn:hover &gt; .btn-arrow {
    width: 35px;
}

/*--------------------------------------------------------------
# Post (Style Three)
--------------------------------------------------------------*/

.post.style-three {
    background-color: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin: 0 0 35px 0;
}

.post.style-three &gt; [class*="col-"] {
    padding: 0;
}

.post.style-three .post-thumbnail {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-three .post-thumbnail &gt; img {
    width: 100%;
    float: left;
}

.post.style-three .post-thumbnail &gt; .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.post.style-three:hover .post-thumbnail &gt; .placeholder {
    transform: scale(1.1);
}

.post.style-three .entry-main {
    margin: 0;
    padding: 30px 35px;
}

.post.style-three .entry-main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-three .entry-main .entry-header {
    margin-bottom: 10px;
}

.post.style-three .entry-main .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-three .entry-main .entry-header .entry-title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px !important;
    letter-spacing: 0px;
    /* color: #181b31;*/
}

.post.style-three .entry-main .entry-header .entry-title a {
    color: inherit;
}

.post.style-three .entry-main .post-meta {
    margin-bottom: 12px;
    font-size: 0;
}

.post.style-three .entry-main .post-meta &gt; span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
}

.post.style-three .entry-main .author {
    font-weight: 400;
}

.post.style-three .entry-main .post-meta &gt; span:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 2px;
    margin-left: 4px;
    margin-right: 8px;
    background-color: #181b31;
}

.post.style-three .entry-main .post-meta &gt; span:last-child:after,
.post.style-three .entry-main .post-meta &gt; span:only-child:after {
    display: none;
}

.post.style-three .entry-main .post-meta &gt; span a {
    color: inherit;
}

.post.style-three .entry-main .entry-content {
    margin-bottom: 16px;
}

.post.style-three .entry-main .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-three .entry-main .entry-content p {
    max-width: 520px;
    margin-bottom: 20px;
}

.post.style-three .entry-main &gt; .more &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-three .entry-main &gt; .more .btn {
    margin-bottom: 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: #181b31;
    line-height: 22px;
    letter-spacing: 1px;
}

.post.style-three .entry-main &gt; .more .btn &gt; .btn-arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 1px;
    margin-top: -2px;
    margin-left: 10px;
    background-color: #181b31;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-three .entry-main &gt; .more .btn &gt; .btn-arrow &gt; i {
    position: absolute;
    top: -7px;
    right: -2px;
    z-index: 1;
    font-size: 130%;
}

.post.style-three .entry-main &gt; .more .btn:hover &gt; .btn-arrow {
    width: 35px;
}

/*--------------------------------------------------------------
# Post (Style Four)
--------------------------------------------------------------*/

.post.style-four {
    padding: 33px 35px 23px 35px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 35px;
}

.post.style-four .category-list {
    margin-bottom: 20px;
    font-size: 0;
}

.post.style-four .category-list &gt; a {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 10px;
    padding: 8px 15px 7px 15px;
    background-color: #252525;
    border: 1px #252525 solid;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    line-height: 1.1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-four .category-list &gt; a:hover {
    background-color: transparent;
    color: #252525;
}

.post.style-four .entry-main {
    margin-top: -7px;
    margin-bottom: 12px;
}

.post.style-four .entry-main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-four .entry-main .entry-header {
    margin-bottom: 12px;
}

.post.style-four .entry-main .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-four .entry-main .entry-header .date {
    margin-bottom: 10px;
    display: inline-block;
    color: #4b5264 !important;
    font-size: 15px;
    font-weight: 400;
}

.post.style-four .entry-main .entry-header .entry-title {
    margin-bottom: 10px;
    /*  color: #181b31;*/
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
    margin-top: 5px;
}

.post.style-four .entry-main .entry-header .entry-title a {
    color: inherit;
}

.post.style-four .entry-main .entry-content {
    margin-bottom: 25px;
}

.post.style-four .entry-main .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-four .entry-main .entry-content p {
    margin-bottom: 20px;
    font-size: 15px;
    color: #4b5264;
    line-height: 30px;
}

.post.style-four .post-meta {
    margin-bottom: 0;
    font-size: 0;
}

.post.style-four .post-meta &gt; span {
    text-transform: uppercase;
    font-size: 15px;
    color: #4b5264 !important;
    /*line-height: 30px;*/
}

.post.style-four .post-meta &gt; span:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 2px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #999;
}

.post.style-four .post-meta &gt; span:last-child:after,
.post.style-four .post-meta &gt; span:only-child:after {
    display: none;
}

.post.style-four .post-meta &gt; span a {
    color: inherit;
}

/*--------------------------------------------------------------
# Post (Style Five)
--------------------------------------------------------------*/

.post.style-five {
    margin-bottom: 60px;
}

.post.style-five &gt; .holder {
    position: relative;
    margin-bottom: 22px;
    padding-left: 0px;
    padding-bottom: 23px;
    border-bottom: 1px #ccc dashed;
}

.post.style-five &gt; .holder .category-list {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 2;
}

.post.style-five &gt; .holder .category-list span {
    background-color: #000000;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 8px 20px 9px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

.post.style-five &gt; .holder .category-list span:last-child,
.post.style-five &gt; .holder .category-list span:only-child {
    margin-right: 0;
}

.post.style-five &gt; .holder &gt; .post-thumbnail {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    border: 1px #eeefef solid;
}

.post.style-five &gt; .holder &gt; .post-thumbnail:before {
    content: " ";
    display: block;
    padding-top: calc((65 / 100) * 100%);
}

.post.style-five &gt; .holder &gt; .post-thumbnail .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
}

.post.style-five &gt; .holder &gt; .entry-header {
    margin-bottom: 20px;
}

.post.style-five &gt; .holder &gt; .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-five &gt; .holder &gt; .entry-header .entry-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 25px;
    color: #0c121f;
    line-height: 35px;
}

.post.style-five &gt; .holder &gt; .entry-header .entry-title a {
    color: inherit;
}

.post.style-five &gt; .entry-meta {
    margin-bottom: 15px;
}

.post.style-five &gt; .entry-meta &gt; .holder {
    position: relative;
    min-height: 50px;
    padding-left: 70px;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .author-image {
    position: absolute;
    top: 7px;
    left: 0;
    z-index: 1;
    width: 50px;
    height: auto;
    text-align: center;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .author-image img {
    border: 1px #eeefef solid;
    border-radius: 50%;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .data .published-on {
    margin-bottom: 5px;
    font-weight: 500;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .data .published-on a {
    color: inherit;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .data .meta {
    margin-bottom: 7px;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .data .meta &gt; span {
    margin-right: 15px;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .data .meta &gt; span i {
    margin-right: 5px;
}

.post.style-five &gt; .entry-meta &gt; .holder &gt; .data .meta &gt; span a {
    color: inherit;
}

/*--------------------------------------------------------------
# Post (Style Six)
--------------------------------------------------------------*/

.post.style-six {
    background-color: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin: 0 0 35px 0;
}

.post.style-six &gt; [class*="col-"] {
    padding: 0;
}

.post.style-six .post-thumbnail {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-six .post-thumbnail &gt; img {
    width: 100%;
    float: left;
}

.post.style-six .post-thumbnail &gt; .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.post.style-six:hover .post-thumbnail &gt; .placeholder {
    transform: scale(1.1);
}

.post.style-six .entry-main {
    margin: 0;
    padding: 30px 35px;
}

.post.style-six .entry-main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-six .entry-main .entry-header {
    margin-bottom: 20px;
}

.post.style-six .entry-main .entry-header &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-six .entry-main .entry-header .entry-title {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px !important;
    letter-spacing: 0px;
    /*color: #181b31;*/
}

.post.style-six .entry-main .entry-header .entry-title a {
    color: inherit;
}

.post.style-six .entry-main .post-meta {
    margin-bottom: 0;
    font-size: 0;
}

.post.style-six .entry-main .post-meta &gt; span {
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #797675;
}

.post.style-six .entry-main .post-meta &gt; span:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 2px;
    margin-left: 4px;
    margin-right: 8px;
    background-color: #181b31;
}

.post.style-six .entry-main .post-meta &gt; span:last-child:after,
.post.style-six .entry-main .post-meta &gt; span:only-child:after {
    display: none;
}

.post.style-six .entry-main .post-meta &gt; span a {
    color: inherit;
}

.post.style-six .entry-main .entry-content {
    margin-bottom: 16px;
}

.post.style-six .entry-main .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-six .entry-main .entry-content p {
    max-width: 520px;
    margin-bottom: 20px;
}

.post.style-six .entry-main &gt; .more &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.style-six .entry-main &gt; .more .btn {
    margin-bottom: 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: #181b31;
    line-height: 22px;
    letter-spacing: 1px;
}

.post.style-six .entry-main &gt; .more .btn &gt; .btn-arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 1px;
    margin-top: -2px;
    margin-left: 10px;
    background-color: #181b31;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.style-six .entry-main &gt; .more .btn &gt; .btn-arrow &gt; i {
    position: absolute;
    top: -7px;
    right: -2px;
    z-index: 1;
    font-size: 130%;
}

.post.style-six .entry-main &gt; .more .btn:hover &gt; .btn-arrow {
    width: 35px;
}

/*--------------------------------------------------------------
# Blog Single Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Single Page Style Default
--------------------------------------------------------------*/

.single .wraper_blog_main.style-one {
    background-color: initial;
}

.blog_single {
    margin-bottom: 40px;
    padding-right: 10px;
}

.post.single-post {
    margin-bottom: 23px;
}

.post.single-post &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.single-post .entry-header {
    margin-top: -5px;
    margin-bottom: 0px;
}

.post.single-post .entry-header &gt; *:last-child {
    margin-bottom: 13px !important;
}

.post.single-post .entry-header .entry-title {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    word-wrap: break-word;
}

.post.single-post .entry-header .entry-title a {
    color: inherit;
}

.post.single-post .entry-meta {
    margin-bottom: 24px;
}

.post.single-post .entry-meta &gt; .holder &gt; .author-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 40px;
    height: auto;
    text-align: center;
}

.post.single-post .entry-meta &gt; .holder &gt; .author-image img {
    border-radius: 50%;
}

.post.single-post .entry-meta &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.single-post .entry-meta &gt; .holder &gt; .data .meta {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 15px;
    color: #3c3c3c;
    line-height: 22px;
}

.post.single-post .entry-meta &gt; .holder &gt; .data .meta &gt; span i,
.post.single-post .entry-meta &gt; .holder &gt; .data .meta &gt; span span[class*="ti-"] {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 7px;
}

.post.single-post .entry-meta &gt; .holder &gt; .data .meta &gt; span:after {
    content: "-";
    margin-left: 8px;
    margin-right: 6px;
}

.post.single-post .entry-meta &gt; .holder &gt; .data .meta &gt; span:last-child:after,
.post.single-post .entry-meta &gt; .holder &gt; .data .meta &gt; span:only-child:after {
    display: none;
}

.post.single-post .entry-meta &gt; .holder &gt; .data .meta &gt; span a {
    color: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post.single-post .post-thumbnail {
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
}

.post.single-post .entry-main {
    margin-bottom: 30px;
}

.post.single-post .entry-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.post.single-post .entry-footer {
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px #c5c5c5 solid;
    border-bottom: 1px #c5c5c5 solid;
}

.post.single-post .entry-footer .cat-links,
.post.single-post .entry-footer .comments-link {
    position: relative;
    width: auto;
    height: auto;
    padding-top: 4px;
    padding-bottom: 5px;
}

.post.single-post .entry-footer .cat-links {
    float: left;
    padding-right: 10px;
    border-right: 1px #c5c5c5 solid;
}

.post.single-post .entry-footer .comments-link {
    float: right;
    padding-left: 10px;
    border-left: 1px #c5c5c5 solid;
}

.post.single-post .entry-footer .cat-links:before {
    background-position: 0px 0px;
}

.post.single-post .entry-footer .comments-link:before {
    background-position: -30px 0px;
}

.post.single-post .entry-footer .cat-links a,
.post.single-post .entry-footer .comments-link a {
    color: #6c6c6c;
}

.post-tags {
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 0;
    width: 100%;
    max-width: 980px;
}

.post-tags a[rel="tag"] {
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px 10px 0px;
    padding: 4px 10px 4px 10px;
    background: none;
    border: 1px #181b31 solid;
    border-radius: 5px;
    font-size: 15px;
    color: #181b31;
    line-height: 28px;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post-tags a[rel="tag"]:hover {
    opacity: 1;
}

.post-navigation,
.comment-navigation {
    margin-top: 0px;
    margin-bottom: 40px;
    font-size: 0;
}

.post-navigation .nav-links,
.comment-navigation .nav-links {
    margin-left: -10px;
    margin-right: -10px;
}

.post-navigation .nav-links:after,
.comment-navigation .nav-links:after {
    content: " ";
    display: block;
    clear: both;
}

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next,
.comment-navigation .nav-links .nav-previous,
.comment-navigation .nav-links .nav-next {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-next a,
.comment-navigation .nav-links .nav-previous a,
.comment-navigation .nav-links .nav-next a {
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #989898;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.post-navigation .nav-links .nav-previous a span,
.post-navigation .nav-links .nav-next a span,
.comment-navigation .nav-links .nav-previous a span,
.comment-navigation .nav-links .nav-next a span {
    position: relative;
    color: #4b5264;
}

.post-navigation .nav-links .nav-previous a span:hover,
.post-navigation .nav-links .nav-next a span:hover,
.comment-navigation .nav-links .nav-previous a span:hover,
.comment-navigation .nav-links .nav-next a span:hover {
    color: #4b5264;
}

.post-navigation .nav-links .nav-previous a span:before,
.post-navigation .nav-links .nav-next a span:before,
.comment-navigation .nav-links .nav-previous a span:before,
.comment-navigation .nav-links .nav-next a span:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 1px;
    bottom: -3px;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #4b5264;
}

.post-navigation .nav-links .nav-previous a span:hover:before,
.post-navigation .nav-links .nav-next a span:hover:before,
.comment-navigation .nav-links .nav-previous a span:hover:before,
.comment-navigation .nav-links .nav-next a span:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.post-navigation .nav-links .nav-previous a strong,
.post-navigation .nav-links .nav-next a strong,
.comment-navigation .nav-links .nav-previous a strong,
.comment-navigation .nav-links .nav-next a strong {
    font-family: "Josefin Sans" !important;
    /*font-family: "Futura-pt";*/
    display: block;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 20px;
    color: #3c3c3c;
    line-height: 30px;
}

.post-navigation .nav-links .nav-previous,
.comment-navigation .nav-links .nav-previous {
    float: left;
}

.post-navigation .nav-links .nav-previous a,
.comment-navigation .nav-links .nav-previous a {
    text-align: left;
}

.post-navigation .nav-links .nav-next,
.comment-navigation .nav-links .nav-next {
    float: right;
}

.post-navigation .nav-links .nav-next a,
.comment-navigation .nav-links .nav-next a {
    text-align: right;
}

.post-navigation .nav-links:before {
    content: "";
    width: 97%;
    height: 1px;
    background: #e4e4e4;
    position: relative;
    display: inline-block;
    top: 0px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.comment-navigation .nav-links .nav-previous {
    text-align: left;
}

.comment-navigation .nav-links .nav-previous a:before {
    content: "\f104";
    font-family: "FontAwesome";
    margin-right: 8px;
}

.comment-navigation .nav-links .nav-next {
    text-align: right;
}

.comment-navigation .nav-links .nav-next a:after {
    content: "\f105";
    font-family: "FontAwesome";
    margin-left: 8px;
}

.comment-navigation .nav-links .nav-previous a,
.comment-navigation .nav-links .nav-next a {
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    font-size: 14px;
    color: #181818;
    line-height: 22px;
}

.author-bio {
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px #ececec solid;
    border-bottom: 1px #ececec solid;
}

.author-bio &gt; .holder {
    position: relative;
    min-height: 100px;
    padding-left: 125px;
}

.author-bio &gt; .holder &gt; .pic {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
    text-align: center;
}

.author-bio &gt; .holder &gt; .pic img {
    width: 95px;
    border: 4px #fff solid;
    border-radius: 50%;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}

.author-bio &gt; .holder &gt; .data .title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #0d1d28;
    line-height: 28px;
}

.author-bio &gt; .holder &gt; .data .title a {
    color: inherit;
}

.author-bio &gt; .holder &gt; .data .designation {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 1px;
}

.author-bio &gt; .holder &gt; .data p:not(.designation):not(.title) {
    margin-bottom: 20px;
}

.comments-area {
    margin-top: 0px;
}

.comments-area .comments-title {
    margin-bottom: 20px;
    font-size: 28px !important;
    line-height: 38px !important;
    letter-spacing: -0.6px;
    font-weight: 500 !important;
}

.comments-area .comment-reply-title {
    margin-bottom: 8px;
    font-weight: 500;
    color: #181b31 !important;
    font-size: 22px !important;
    line-height: 27px !important;
    letter-spacing: -0.6px;
}

.comments-area .comment-reply-title small a {
    color: inherit;
}

.comments-area ol.comment-list {
    margin-bottom: 53px;
    padding: 0 !important;
}

.comments-area ol.comment-list &gt; li,
.comments-area ol.comment-list &gt; li ol.children &gt; li {
    list-style: none !important;
    text-align: left;
}

.comments-area ol.comment-list li .comment-body {
    position: relative;
    margin-bottom: 50px;
    padding: 0px 0px 0px 72px;
}

.comments-area ol.comment-list li.pingback .comment-body {
    margin-top: -2px;
    margin-bottom: 22px;
    padding: 15px 17px 15px 17px;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
    font-size: 15px;
    line-height: 28px;
}

.comments-area ol.comment-list li .comment-body .comment-meta {
    margin-bottom: 12px;
}

.comments-area ol.comment-list li .comment-body .comment-meta .comment-author {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 16px;
    color: #0d1d28;
    line-height: 28px;
}

.comments-area ol.comment-list li .comment-body .comment-meta .comment-author b {
    font-weight: inherit;
}

.comments-area ol.comment-list li .comment-body .comment-meta .comment-author a {
    color: inherit;
}

.comments-area ol.comment-list li .comment-body .comment-meta .comment-author cite {
    font-style: normal;
}

.comments-area ol.comment-list li .comment-body .comment-meta .comment-author img {
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    width: 50px;
    border: 3px #fff solid;
    border-radius: 50%;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}

.comments-area ol.comment-list li .comment-body .comment-meta .comment-metadata {
    font-weight: 400;
    font-size: 12px;
    color: #6a7c92;
    line-height: 22px;
}

.logged-in-as a {
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #263646;
}

.comments-area ol.comment-list li .comment-body .comment-meta .comment-metadata a {
    color: inherit;
}

.comments-area ol.comment-list li .comment-respond {
    margin-bottom: 37px;
}

.comments-area ol.comment-list li .comment-content {
    margin-bottom: 17px;
    font-size: 15px;
    line-height: 28px;
}

.comments-area ol.comment-list li .comment-content &gt; *:last-child {
    margin-bottom: 0 !important;
}

.comments-area ol.comment-list li .comment-content p {
    margin-bottom: 20px;
}

.comments-area ol.comment-list li .reply {
    position: absolute;
    top: 1px;
    right: 0;
    text-transform: lowercase;
    font-weight: 600;
    font-size: 14px;
    color: #181818 !important;
    line-height: 26px;
}

.comments-area ol.comment-list li .reply .comment-reply-link {
    color: inherit;
    font-size: 0;
}

.comments-area ol.comment-list li .reply .comment-reply-link:before {
    content: "\e72f";
    font-family: "themify";
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
}

.comments-area ol.comment-list li ol {
    padding-left: 40px;
}

.comments-area .comment-form {
    margin-left: -10px;
    margin-right: -10px;
}

.comments-area .comment-form &gt; p {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.comments-area .comment-form .comment-form-cookies-consent {
    margin-top: -10px;
    width: 100%;
    float: left;
    margin-bottom: 10px !important;
}
input[type="checkbox"], input[type="radio"] {
    margin: 7px 0 0;
}
.comments-area .comment-form &gt; p.comment-form-author,
.comments-area .comment-form &gt; p.comment-form-email,
.comments-area .comment-form &gt; p.comment-form-url {
    width: 33.33%;
    float: left;
}

.comments-area .comment-form &gt; p label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 10px;
}

.comments-area .comment-form &gt; p.comment-form-cookies-consent label {
    width: auto;
    margin-bottom: 0;
    margin-left: 10px;
}

.comments-area .comment-form &gt; p .required {
    color: #f00000;
}

.comments-area .comment-form &gt; p input[type="text"],
.comments-area .comment-form &gt; p input[type="email"],
.comments-area .comment-form &gt; p input[type="tel"],
.comments-area .comment-form &gt; p input[type="url"],
.comments-area .comment-form &gt; p input[type="password"],
.comments-area .comment-form &gt; p input[type="date"],
.comments-area .comment-form &gt; p input[type="time"],
.comments-area .comment-form &gt; p select,
.comments-area .comment-form &gt; p textarea {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0;
    background-color: #F3F1EE;
    /*box-shadow: 0 3px 15px rgba(0,0,0,0.08);*/
    border: 1px #F3F1EE solid;
    padding: 18px;
    font-weight: 400;
    font-size: 14px;
    color: #4b5264;
    line-height: 26px;
    resize: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
}

.comments-area .comment-form &gt; p input[type="text"]:hover,
.comments-area .comment-form &gt; p input[type="email"]:hover,
.comments-area .comment-form &gt; p input[type="tel"]:hover,
.comments-area .comment-form &gt; p input[type="url"]:hover,
.comments-area .comment-form &gt; p input[type="password"]:hover,
.comments-area .comment-form &gt; p input[type="date"]:hover,
.comments-area .comment-form &gt; p input[type="time"]:hover,
.comments-area .comment-form &gt; p select:hover,
.comments-area .comment-form &gt; p textarea:hover {
    border: 1px solid #CDCDCD;
    background-color: #FCFAF9;
}

.comments-area .comment-form &gt; p textarea {
    height: 120px;
    padding: 12px 0 0 25px;
    border-radius: 5px;
    border: 1px solid #F3F1EE;
    background: #F3F1EE;
}

.comments-area .comment-form &gt; p textarea:hover {
    border: 1px solid #CDCDCD;
    background-color: #FCFAF9;
}

.comments-area .comment-form &gt; p ::-webkit-input-placeholder {
    color: #4b5264;
}

.comments-area .comment-form &gt; p ::-moz-placeholder {
    color: #4b5264;
}

.comments-area .comment-form &gt; p :-ms-input-placeholder {
    color: #4b5264;
}

.comments-area .comment-form &gt; p :-moz-placeholder {
    color: #4b5264;
}

.comments-area .comment-form &gt; p button[type="submit"],
.comments-area .comment-form &gt; p button[type="reset"] {
    background-color: transparent !important;
    box-shadow: none !important;
    background: #ff5f63 !important;
    color: #ffffff;
    border-radius: 4px !important;
    padding: 12px 29px 12px 29px !important;
    border: 0px none !important;
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    font-weight: 500 !important;
    font-family: 'Roboto' !important;
}

.comments-area .comment-form &gt; p button[type="submit"]:hover,
.comments-area .comment-form &gt; p button[type="reset"]:hover {
    /*background: linear-gradient(to right, #5525ff 0%, #9547fd 100%) !important;
*/
    box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, .25) !important;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.comments-area .comment-form &gt; p button[type="submit"] span,
.comments-area .comment-form &gt; p button[type="reset"] span {
    position: relative;
    display: block;
}

body.page .comments-area {
    margin-top: 27px;
}

/*--------------------------------------------------------------
# Single Page Style One
--------------------------------------------------------------*/

/* wraper_blog_banner style-one */

.wraper_blog_banner.style-one {
    position: relative;
    width: 100%;
    background: center top no-repeat #191919;
    background-size: cover;
    /* wraper_blog_banner_main */
    /* wraper_blog_banner_tags */
}

.wraper_blog_banner.style-one:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: " ";
    background-image: linear-gradient(to right,
            rgba(0, 0, 0, 0.75) 0%,
            rgba(0, 0, 0, 0) 100%);
}

.wraper_blog_banner.style-one .wraper_blog_banner_main {
    position: relative;
    width: 100%;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.wraper_blog_banner.style-one .wraper_blog_banner_main &gt; .container {
    padding-top: 150px;
    padding-bottom: 100px;
}

.wraper_blog_banner.style-one .wraper_blog_banner_main &gt; .container &gt; .blog_banner_main .blog_banner_main_item &gt; .entry-header &gt; .entry-title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    line-height: 50px;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags {
    position: relative;
    width: 100%;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container {
    padding-top: 40px;
    padding-bottom: 20px;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item {
    margin-bottom: 20px;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    color: #d7dbe4;
    line-height: 28px;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta strong {
    display: block;
    margin-top: 1px;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a {
    color: inherit;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a:after {
    content: ",";
    margin-right: 5px;
}

.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a:last-child:after,
.wraper_blog_banner.style-one .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a:only-child:after {
    display: none;
}

/* wraper_blog_main style-one */

.wraper_blog_main.style-one {
    width: 100%;
    background-color: #ffffff;
}

.wraper_blog_main.style-one &gt; .container {
    padding-top: 100px;
    padding-bottom: 35px;
}

.wraper_blog_main.style-one.clasic-box-layout &gt; .container {
    padding-top: 148px;
    padding-bottom: 150px;
}

.wraper_blog_main.style-one .blog_single {
    margin-bottom: 0;
}

/* wraper_blog_navigation style-one */

.wraper_blog_navigation.style-one {
    width: 100%;
    max-width: 950px;
}

.wraper_blog_navigation.style-one &gt; .container {
    padding-top: 40px;
    padding-bottom: 100px;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link {
    position: relative;
    margin-bottom: 20px;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-previous {
    padding-left: 42px;
    text-align: left;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-next {
    padding-right: 42px;
    text-align: right;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link &gt; .icon {
    position: absolute;
    top: 9px;
    z-index: 1;
    text-align: center;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link &gt; .icon &gt; .icon-arrow {
    position: relative;
    display: block;
    vertical-align: top;
    width: 25px;
    height: 1px;
    background-color: #181b31;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link &gt; .icon &gt; .icon-arrow &gt; i {
    position: absolute;
    top: -8px;
    z-index: 1;
    font-size: 16px;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-previous &gt; .icon {
    left: 0;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-previous &gt; .icon &gt; .icon-arrow &gt; i {
    left: -2px;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-previous:hover &gt; .icon &gt; .icon-arrow {
    width: 32px;
    transform: translateX(-7px);
    -webkit-transform: translateX(-7px);
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-next &gt; .icon {
    right: 0;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-next &gt; .icon &gt; .icon-arrow &gt; i {
    right: -2px;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link.nav-next:hover &gt; .icon &gt; .icon-arrow {
    width: 32px;
    transform: translateX(7px);
    -webkit-transform: translateX(7px);
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link &gt; .link {
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 22px;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link &gt; .link strong {
    display: block;
    margin-top: 2px;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    line-height: 26px;
}

/* wraper_blog_related_article style-one */

.wraper_blog_related.style-one {
    width: 100%;
}

.wraper_blog_related.style-one &gt; .container {
    padding-top: 0;
    padding-bottom: 30px;
}

.wraper_blog_related.style-one .blog_related_title {
    margin-bottom: 51px;
    text-align: center;
}

.wraper_blog_related.style-one .blog_related_title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_blog_related.style-one .blog_related_title .title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item {
    margin-bottom: 30px;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder {
    position: relative;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .pic {
    position: relative;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .pic:before {
    content: " ";
    display: block;
    padding-top: calc((63 / 100) * 100%);
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .pic &gt; .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .data {
    margin-bottom: 17px;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .data .date {
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    color: #0d1d28;
    line-height: 22px;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .data .date a {
    color: inherit;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .data .date i {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 8px;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .data .title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    color: #0d1d28;
    line-height: 28px;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder .data .title a {
    color: inherit;
}

.wraper_blog_related.style-one .blog_related_box .blog_related_box_item .holder:hover .pic {
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

/* wraper_blog_comments style-one */

.wraper_blog_comments.style-one {
    width: 100%;
    background-color: #f4f5f8;
    margin-bottom: 0px;
}

.wraper_blog_comments.style-one &gt; .container {
    padding-top: 80px;
    padding-bottom: 90px;
}

/*--------------------------------------------------------------
# Single Page Style Two
--------------------------------------------------------------*/

/* wraper_blog_banner style-two */

.wraper_blog_banner.style-two {
    width: 100%;
    padding-top: 40px;
    /* wraper_blog_banner_image */
    /* wraper_blog_banner_main */
    /* wraper_blog_banner_tags */
}

.wraper_blog_banner.style-two .wraper_blog_banner_image {
    width: 100%;
}

.wraper_blog_banner.style-two .wraper_blog_banner_image &gt; .container {
    padding-top: 60px;
    padding-bottom: 0;
}

.wraper_blog_banner.style-two .wraper_blog_banner_image &gt; .container .blog_banner_image {
    padding-top: calc((45 / 100) * 100%);
    background: center top no-repeat #191919;
    background-size: cover;
}

.wraper_blog_banner.style-two .wraper_blog_banner_main {
    width: 100%;
}

.wraper_blog_banner.style-two .wraper_blog_banner_main &gt; .container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.wraper_blog_banner.style-two .wraper_blog_banner_main &gt; .container &gt; .blog_banner_main .blog_banner_main_item &gt; .entry-header &gt; .entry-title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags {
    width: 100%;
    border-bottom: 1px #ececec solid;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container {
    padding-top: 0;
    padding-bottom: 40px;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item {
    margin-bottom: 20px;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 28px;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta strong {
    display: block;
    margin-top: 1px;
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a {
    color: inherit;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a:after {
    content: ",";
    margin-right: 5px;
}

.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a:last-child:after,
.wraper_blog_banner.style-two .wraper_blog_banner_tags &gt; .container .blog_banner_tags .blog_banner_tags_item .site-meta a:only-child:after {
    display: none;
}

/*--------------------------------------------------------------
# Blog No Result Page
--------------------------------------------------------------*/

.no-results &gt; .page-header {
    margin-top: -7px;
}

.radiantthemes-search-form {
    margin-top: 15px;
}

.radiantthemes-search-form .form-row input[type="search"] {
    vertical-align: top;
    width: 100%;
    max-width: 350px;
    height: 45px;
    padding: 0px 10px 0px 10px;
    background-color: #fff;
    border: 1px #e0e0e0 solid;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-search-form .form-row input[type="search"]:focus {
    border-color: #252525;
}

.radiantthemes-search-form .form-row button[type="submit"] {
    background-color: #ff5f63;
    vertical-align: top;
    height: 45px;
    padding: 0px 20px 0px 20px;
    border: none;
    border-radius: 0;
    font-size: 18px;
    color: #fff !important;
    cursor: pointer;
}

/*--------------------------------------------------------------
# Shop Page
--------------------------------------------------------------*/
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
    padding-left: 24px !important;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    top: 5px;
}

/* wraper_shop_main */

.wraper_shop_main {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wraper_shop_main &gt; .container {
    padding-top: 80px;
    padding-bottom: 0px;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

/*--------------------------------------------------------------
# Product Listing Page
--------------------------------------------------------------*/

.woocommerce .woocommerce-products-header {
    margin-bottom: 20px;
}

.woocommerce .woocommerce-result-count {
    margin-top: 10px;
}

.woocommerce .woocommerce-ordering select {
    height: 45px;
    padding-left: 12px;
    border: 1px #e2e2e2 solid;
    font-size: 14px;
    border-radius: 4px;
}

.radiantthemes-shop {
    margin-top: 10px;
    margin-right: -15px;
    margin-bottom: 40px;
    margin-left: -15px;
}

.radiantthemes-shop:after {
    display: block;
    content: " ";
    clear: both;
}

.radiantthemes-shop &gt; .radiantthemes-shop-box {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.radiantthemes-shop.three-column &gt; .radiantthemes-shop-box {
    width: 33.33%;
}

.radiantthemes-shop.four-column &gt; .radiantthemes-shop-box {
    width: 25%;
}

.radiantthemes-shop.five-column &gt; .radiantthemes-shop-box {
    width: 20%;
}

.radiantthemes-shop.six-column &gt; .radiantthemes-shop-box {
    width: 16.66%;
}

/*--------------------------------------------------------------
# Shop Box (Style One)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-one {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-one &gt; .holder {
    position: relative;
    text-align: center;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .onsale {
    top: -10px;
    left: -10px;
    width: 50px;
    min-width: initial;
    height: 50px;
    min-height: initial;
    margin: 0;
    padding: 5px;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    background: #333 !important;
    color: #fff !important;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px #f2f0f0 solid;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic:before {
    content: " ";
    display: block;
    padding-top: calc((95 / 100) * 100%);
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .overlay {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 2;
    background-color: rgba(36, 34, 34, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .action-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart {
    width: 100%;
    float: left;
    padding: 8px 10px 9px 10px;
    background-color: #353434;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .action-buttons .button.add_to_cart_button.added {
    display: none;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .action-buttons .button.add_to_cart_button.loading {
    opacity: 1;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .pic &gt; .action-buttons .button.add_to_cart_button.loading:after {
    top: 8px;
    right: 10px;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .data .woocommerce-loop-product__title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    color: #232222;
    line-height: 25px;
    letter-spacing: initial;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .data .star-rating {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .data .price {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #828080;
    line-height: 28px;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .data .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-one &gt; .holder &gt; .data .price ins {
    font-weight: inherit;
}

.radiantthemes-shop-box.style-one &gt; .holder:hover &gt; .pic &gt; .product-image {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.radiantthemes-shop-box.style-one &gt; .holder:hover &gt; .pic &gt; .overlay {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-shop-box.style-one &gt; .holder:hover &gt; .pic &gt; .action-buttons {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/*--------------------------------------------------------------
# Shop Box (Style Two)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-two {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-two &gt; .holder {
    position: relative;
    text-align: center;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .onsale {
    top: 10px;
    left: 10px;
    width: 60px;
    min-width: initial;
    height: 60px;
    min-height: initial;
    margin: 0;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    line-height: 50px;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px #f2f0f0 solid;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic:before {
    content: " ";
    display: block;
    padding-top: calc((92 / 100) * 100%);
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-two &gt; .holder:hover &gt; .pic &gt; .product-image {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .overlay {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 2;
    background-color: rgba(36, 34, 34, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-two &gt; .holder:hover &gt; .pic &gt; .overlay {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-two &gt; .holder:hover &gt; .pic &gt; .action-buttons {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart {
    width: 55px;
    height: 50px;
    float: left;
    padding: 8px 10px 8px 10px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ3Mi4zMzcgNDcyLjMzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcyLjMzNyA0NzIuMzM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM5Ni4wNjEsMTE2LjU3N2gtNzYuMzc3VjkxLjcxNUMzMTkuNjg0LDQxLjE0MywyNzguNTQzLDAsMjI3Ljk2OSwwYy01MC41NzMsMC05MS43MTMsNDEuMTQzLTkxLjcxMyw5MS43MTV2MjQuODYySDcwLjQ1ICAgYy01LjU0OSwwLTEwLjA1LDQuNDk3LTEwLjA1LDEwLjA1TDMuOTE0LDQ2Mi4yODRjMCw1LjU1NCw0LjQ5NywxMC4wNTMsMTAuMDU1LDEwLjA1M2g0NDQuMzk3YzUuNTU0LDAsMTAuMDU3LTQuNDk5LDEwLjA1Ny0xMC4wNTMgICBsLTYyLjMxLTMzNS42NTdDNDA2LjExMywxMjEuMDczLDQwMS42MTQsMTE2LjU3NywzOTYuMDYxLDExNi41Nzd6IE0xNTYuMzUyLDkxLjcxNWMwLTM5LjQ5LDMyLjEzLTcxLjYxNCw3MS42MTItNzEuNjE0ICAgYzM5LjQ5LDAsNzEuNjE4LDMyLjEzLDcxLjYxOCw3MS42MTR2MjQuODYyaC0xNDMuMjNWOTEuNzE1eiBNNDQ4LjMyMiw0NTIuMjM1SDI0LjAxNWw1Ni40NzktMzE1LjU2Mmg1NS43NTN2NDQuMjU4ICAgYy00Ljg0OSwzLjI0Ni04LjAzNyw4Ljc2NS04LjAzNywxNS4wMzVjMCw5Ljk4OCw4LjA5LDE4LjA5LDE4LjA4NywxOC4wOWM5Ljk4NSwwLDE4LjA5LTguMDk1LDE4LjA5LTE4LjA5ICAgYzAtNi4yNzUtMy4xOTctMTEuNzg5LTguMDQ0LTE1LjAzNXYtNDQuMjU4aDE0My4yNDR2NDQuMjU4Yy00Ljg0OSwzLjI0Ni04LjA0MSw4Ljc2NS04LjA0MSwxNS4wMzUgICBjMCw5Ljk4OCw4LjA5MywxOC4wOSwxOC4wOSwxOC4wOWM5Ljk4NywwLDE4LjA4OS04LjA5NSwxOC4wODktMTguMDljMC02LjI3NS0zLjIwMS0xMS43ODktOC4wNDYtMTUuMDM1di00NC4yNThoNjYuMzI5ICAgTDQ0OC4zMjIsNDUyLjIzNXoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-position: center center;
    background-color: #373636;
    background-repeat: no-repeat;
    background-size: 30px auto;
    border-radius: 0;
    font-size: 0;
    color: #fff;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.loading,
.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.added {
    background-image: none;
    opacity: 1;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.loading:after,
.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.added:after {
    position: absolute;
    top: 14px;
    right: 17px;
    margin: 0;
    font-size: 20px;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart {
    display: none;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .data .woocommerce-loop-product__title {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 15px;
    color: #232222;
    line-height: 25px;
    letter-spacing: initial;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .data .star-rating {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .data .price {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #828080;
    line-height: 28px;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .data .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-two &gt; .holder &gt; .data .price ins {
    font-weight: inherit;
}

/*--------------------------------------------------------------
# Shop Box (Style Three)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-three {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-three &gt; .holder {
    position: relative;
    text-align: center;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px #f2f0f0 solid;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .pic:before {
    content: " ";
    display: block;
    padding-top: calc((92 / 100) * 100%);
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-three &gt; .holder:hover &gt; .pic &gt; .product-image {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .pic &gt; .overlay {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 2;
    background-color: rgba(36, 34, 34, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-three &gt; .holder:hover &gt; .pic &gt; .overlay {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data {
    text-align: left;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .onsale {
    position: static;
    float: right;
    min-width: initial;
    min-height: initial;
    margin: 0;
    padding: 0;
    background-color: initial;
    border-radius: 0;
    font-weight: 400;
    font-size: 15px;
    color: #232222;
    line-height: 25px;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .onsale:before {
    margin-right: 6px;
    content: "\f02c";
    font-family: "FontAwesome";
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data .woocommerce-loop-product__title {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 15px;
    color: #232222;
    line-height: 25px;
    letter-spacing: initial;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box {
    position: relative;
    overflow: hidden;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box .star-rating {
    display: none;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data .price {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #828080;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-three &gt; .holder:hover &gt; .data .price {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data .price ins {
    font-weight: inherit;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box &gt; .action-buttons {
    position: absolute;
    top: -1px;
    left: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-three &gt; .holder:hover &gt; .data &gt; .info-box &gt; .action-buttons {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box &gt; .action-buttons &gt; .added_to_cart {
    padding: 0;
    background-color: initial;
    border-bottom: 1px #a9a9a9 solid;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #232222;
    line-height: 20px;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box &gt; .action-buttons &gt; .button.add_to_cart_button.added {
    display: none;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box &gt; .action-buttons &gt; .button.add_to_cart_button.loading {
    opacity: 1;
}

.radiantthemes-shop-box.style-three &gt; .holder &gt; .data &gt; .info-box &gt; .action-buttons &gt; .button.add_to_cart_button.loading:after {
    top: -1px;
    right: -22px;
}

/*--------------------------------------------------------------
# Shop Box (Style Four)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-four {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-four &gt; .holder {
    position: relative;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-four &gt; .holder:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .onsale {
    top: 25px;
    left: auto;
    right: 20px;
    min-width: initial;
    min-height: initial;
    margin: 0;
    padding: 0;
    background-color: initial;
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    color: #232222;
    line-height: 23px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.radiantthemes-shop-box.style-four &gt; .holder:hover &gt; .onsale {
    top: 20px;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .onsale:before {
    margin-right: 6px;
    content: "\f02c";
    font-family: "FontAwesome";
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px #f2f0f0 solid;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic:before {
    content: " ";
    display: block;
    padding-top: calc((123 / 100) * 100%);
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-four &gt; .holder:hover &gt; .pic &gt; .product-image {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info {
    position: absolute;
    top: 25px;
    left: 20px;
    z-index: 2;
    text-align: left;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.radiantthemes-shop-box.style-four &gt; .holder:hover &gt; .pic &gt; .primary-info {
    top: 20px;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info .woocommerce-loop-product__title {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    color: #232222;
    line-height: 23px;
    letter-spacing: initial;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info ul.product-category {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    color: #393737;
    line-height: 22px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.radiantthemes-shop-box.style-four &gt; .holder:hover &gt; .pic &gt; .primary-info ul.product-category {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info ul.product-category li {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info ul.product-category li:after {
    content: "and";
    margin-left: 3px;
    margin-right: 1px;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info ul.product-category li:last-child:after,
.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info ul.product-category li:only-child:after {
    display: none;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .primary-info ul.product-category li a {
    color: inherit;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .action-buttons {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.radiantthemes-shop-box.style-four &gt; .holder:hover &gt; .pic &gt; .action-buttons {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart {
    padding: 0;
    background-color: initial;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    color: #030712;
    line-height: 22px;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.added {
    display: none;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.loading {
    opacity: 1;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.loading:after {
    top: -1px;
    right: -20px;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .secondary-info {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 4;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.radiantthemes-shop-box.style-four &gt; .holder:hover &gt; .pic &gt; .secondary-info {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .secondary-info .star-rating {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .secondary-info .price {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 12px;
    color: #030712;
    line-height: 22px;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .secondary-info .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-four &gt; .holder &gt; .pic &gt; .secondary-info .price ins {
    font-weight: inherit;
}

/*--------------------------------------------------------------
# Shop Box (Style Five)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-five {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-five &gt; .holder {
    position: relative;
    border: 1px #f2f0f0 solid;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-five &gt; .holder:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .onsale {
    top: 10px;
    left: auto;
    right: 10px;
    width: 60px;
    min-width: initial;
    height: 60px;
    min-height: initial;
    margin: 0;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #252525;
    line-height: 50px;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .pic:before {
    content: " ";
    display: block;
    padding-top: calc((95 / 100) * 100%);
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-five &gt; .holder:hover &gt; .pic &gt; .product-image {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .pic &gt; .overlay {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 2;
    background-color: rgba(36, 34, 34, 0.05);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-five &gt; .holder:hover &gt; .pic &gt; .overlay {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data {
    padding: 22px 20px 0px 20px;
    text-align: left;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data .woocommerce-loop-product__title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
    color: #232222;
    line-height: 28px;
    letter-spacing: initial;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data .star-rating {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data .price {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #232222;
    line-height: 23px;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data .price ins {
    font-weight: inherit;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data &gt; .action-buttons {
    margin-top: 22px;
    border-top: 1px #f2f0f0 solid;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-five &gt; .holder &gt; .data &gt; .action-buttons &gt; .added_to_cart {
    display: block;
    padding: 10px 0px 11px 0px;
    background-color: initial;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #393737;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data &gt; .action-buttons &gt; .button.add_to_cart_button.added {
    display: none;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data &gt; .action-buttons &gt; .button.add_to_cart_button.loading {
    opacity: 1;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data &gt; .action-buttons &gt; .button.add_to_cart_button:before {
    margin-right: 10px;
    content: "\f07a";
    font-family: "FontAwesome";
    font-size: 112%;
}

.radiantthemes-shop-box.style-five &gt; .holder &gt; .data &gt; .action-buttons &gt; .button.add_to_cart_button.loading:after {
    top: 10px;
    right: 0;
}

/*--------------------------------------------------------------
# Shop Box (Style Six)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-six {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-six &gt; .holder {
    position: relative;
    text-align: center;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .onsale {
    top: 10px;
    left: 10px;
    width: 44px;
    min-width: initial;
    height: 44px;
    min-height: initial;
    margin: 0;
    padding: 5px;
    background-color: #333;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    line-height: 34px;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: calc((130 / 100) * 100%);
    border-radius: 5px;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .overlay {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 2;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 15px;
    font-size: 0;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .yith-wcwl-add-to-wishlist {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45px;
    height: 45px;
    overflow: hidden;
    margin: 0 6px 10px 6px;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.25);
    text-align: center;
    color: #333;
    opacity: 0;
    transform: translateY(12px);
    -webkit-transform: translateY(12px);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button:hover,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart:hover,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .yith-wcwl-add-to-wishlist:hover {
    background-color: #333;
    color: #fff;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button:before,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart:before,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .yith-wcwl-add-to-wishlist:before {
    font-family: "Themify";
    font-weight: 400;
    font-size: 20px;
    color: inherit;
    line-height: 35px;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button &gt; .yith-wcwl-add-button,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart &gt; .yith-wcwl-add-button,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button {
    display: block !important;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button &gt; .yith-wcwl-add-button &gt; .add_to_wishlist,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart &gt; .yith-wcwl-add-button &gt; .add_to_wishlist,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button &gt; .add_to_wishlist {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    left: 0;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.added,
.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart {
    transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    -webkit-transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.yith-wcqv-button {
    transition: opacity 0.3s ease-in-out 0.2s, transform 0.3s ease-in-out 0.2s;
    -webkit-transition: opacity 0.3s ease-in-out 0.2s,
        transform 0.3s ease-in-out 0.2s;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .yith-wcwl-add-to-wishlist {
    transition: opacity 0.3s ease-in-out 0.4s, transform 0.3s ease-in-out 0.4s;
    -webkit-transition: opacity 0.3s ease-in-out 0.4s,
        transform 0.3s ease-in-out 0.4s;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.added {
    display: none;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.loading {
    opacity: 1;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button.add_to_cart_button.loading:after {
    top: 10px;
    right: 10px;
    font-size: 25px;
    opacity: 0.5;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons .button.add_to_cart_button:before {
    content: "\e60d";
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons .button.product_type_grouped:before {
    content: "\e63d";
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons .added_to_cart:before {
    content: "\e60e";
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons .button.yith-wcqv-button:before {
    content: "\e610";
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .pic &gt; .action-buttons .yith-wcwl-add-to-wishlist:before {
    content: "\e634";
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .data .woocommerce-loop-product__title {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 20px;
    color: #181b31;
    line-height: 30px;
    letter-spacing: initial;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .data .star-rating {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .data .price {
    color: #6a7c92;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .data .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-six &gt; .holder &gt; .data .price ins {
    font-weight: inherit;
}

.radiantthemes-shop-box.style-six &gt; .holder:hover &gt; .pic &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-six &gt; .holder:hover &gt; .pic &gt; .action-buttons &gt; .added_to_cart,
.radiantthemes-shop-box.style-six &gt; .holder:hover &gt; .pic &gt; .action-buttons &gt; .yith-wcwl-add-to-wishlist {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/*--------------------------------------------------------------
# Shop Box (Style Seven)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-seven {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-seven &gt; .holder {
    position: relative;
    text-align: left;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .onsale {
    top: 15px;
    left: 15px;
    width: 50px;
    min-width: initial;
    height: 50px;
    min-height: initial;
    margin: 0;
    padding: 5px;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    background: #fff;
    color: #000;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic:before {
    content: " ";
    display: block;
    padding-top: calc((120 / 90) * 100%);
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .overlay {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 2;
    background-color: rgba(36, 34, 34, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .action-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button,
.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .action-buttons &gt; .added_to_cart {
    width: auto;
    float: none;
    padding: 8px 40px 9px 25px;
    background-color: #fff;
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-bottom: 20px;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button:after {
    content: "\e628";
    font-size: 14px;
    color: #000;
    position: absolute;
    margin: 5px 0 0 5px;
    transition: 0.3s;
    border: none;
    padding: 0;
    font-family: "themify";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .action-buttons .button.add_to_cart_button.added {
    display: none;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .action-buttons .button.add_to_cart_button.loading {
    opacity: 1;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .pic &gt; .action-buttons .button.add_to_cart_button.loading:after {
    top: 8px;
    right: 10px;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .data .woocommerce-loop-product__title {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    line-height: 30px;
    letter-spacing: 0.6px;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .data .star-rating {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .data .price {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 36px;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .data .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-seven &gt; .holder &gt; .data .price ins {
    font-weight: inherit;
}

.radiantthemes-shop-box.style-seven &gt; .holder:hover &gt; .pic &gt; .product-image {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.radiantthemes-shop-box.style-seven &gt; .holder:hover &gt; .pic &gt; .overlay {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-shop-box.style-seven &gt; .holder:hover &gt; .pic &gt; .action-buttons {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/*--------------------------------------------------------------
# Shop Box (Style Eight)
--------------------------------------------------------------*/

.radiantthemes-shop-box.style-eight {
    margin-bottom: 30px !important;
}

.radiantthemes-shop-box.style-eight &gt; .holder {
    position: relative;
    text-align: left;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .onsale {
    top: 15px;
    left: 15px;
    width: 50px;
    min-width: initial;
    height: 50px;
    min-height: initial;
    margin: 0;
    padding: 5px;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    background: #fff;
    color: #000;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11);
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 5px;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic:before {
    content: " ";
    display: block;
    padding-top: calc((120 / 90) * 100%);
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .product-image {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: 10px;
    transform: translate(0%, -10%);
    transition: 0.4s cubic-bezier(0.48, 0.57, 0.33, 0.89);
    border-radius: 5px;
}

/*.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .overlay{
  position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    z-index: 10;
    background-color: #fff;
    width: calc(100% - 49px);
    height: calc(100% - 49px);
    margin-left: 50%;
    margin-top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    -webkit-transition: .2s cubic-bezier(.48,.57,.33,.89);
    -o-transition: .2s cubic-bezier(.48,.57,.33,.89);
    transition: .2s cubic-bezier(.48,.57,.33,.89);
}*/
.radiantthemes-shop-box.style-eight &gt; .holder:hover &gt; .pic &gt; .overlay {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0%);
    background-color: #fff;
    transition: 0.4s cubic-bezier(0.48, 0.57, 0.33, 0.89);
    border-radius: 5px;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons &gt; .radiantthemes-cart-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons &gt; .radiantthemes-cart-border &gt; .button,
.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons &gt; .radiantthemes-cart-border &gt; .added_to_cart {
    width: auto;
    float: none;
    padding: 8px 25px 9px 25px;
    background-color: #fff;
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    /*margin-bottom: 20px;*/
    border: 1px solid #000;
    border-radius: 4px;
}
.cross-sells .radiantthemes-shop-box.style-eight &gt; .holder:hover &gt; .pic &gt; .overlay {
    opacity: 0;
    visibility: visible;
    transform: translate(0, 0%);
    background-color: #fff;
    transition: 0.4s cubic-bezier(0.48, 0.57, 0.33, 0.89);
    border-radius: 5px;
}
.cross-sells .radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons &gt; .radiantthemes-cart-border {
    position: absolute;
    top: -65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.cross-sells .radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons &gt; .radiantthemes-cart-border &gt; .button,
.cross-sells .radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons &gt; .radiantthemes-cart-border &gt; .added_to_cart {
    width: auto;
    float: none;
    padding: 8px 5px 9px 5px;
    background-color: #fff;
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    /*margin-bottom: 20px;*/
    border: 1px solid #000;
    border-radius: 4px;
}

/*.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons &gt; .button:after {
  content: "\e628";
  font-size: 14px;
  color: #000;
  position: absolute;
  margin: 5px 0 0 5px;
  transition: .3s;
  border: none;
  padding: 0;
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}*/

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons .radiantthemes-cart-border .button.add_to_cart_button.added {
    display: none;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons .radiantthemes-cart-border .button.add_to_cart_button.loading {
    opacity: 1;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .pic &gt; .action-buttons .radiantthemes-cart-border .button.add_to_cart_button.loading:after {
    top: 8px;
    right: 10px;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .data {
    text-align: center;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .data .woocommerce-loop-product__title {
    margin-bottom: 0;
    font-weight: 400 !important;
    font-size: 20px;
    color: #191818;
    line-height: 28px !important;
    letter-spacing: 0.6px;
    text-align: center;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .data .star-rating {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .data .price {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 18px;
    color: #191818;
    line-height: 36px;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .data .price del {
    margin-right: 5px;
}

.radiantthemes-shop-box.style-eight &gt; .holder &gt; .data .price ins {
    font-weight: inherit;
}

/*.radiantthemes-shop-box.style-eight &gt; .holder:hover &gt; .pic &gt; .product-image {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}*/

.radiantthemes-shop-box.style-eight &gt; .holder:hover &gt; .pic &gt; .action-buttons &gt; .radiantthemes-cart-border {
    transform: translateY(150px);
    -webkit-transform: translateY(150px);
    opacity: 1;
    visibility: visible;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: #ff5f63 !important;
    border: 1px solid #ff5f63 !important;
    padding: 15px 35px !important;
    text-transform: capitalize !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #ff5f63 !important;
    border: 1px solid #ff5f63 !important;
}

.woocommerce button.button[name="update_cart"] {
    background: #000 !important;
    border: 1px solid #403f41 !important;
    padding: 15px 35px !important;
    text-transform: capitalize !important;
}

.woocommerce button.button[name="update_cart"]:hover {
    background: #403f41 !important;
    border: 1px solid #000 !important;
}

.woocommerce #payment #place_order {
    background: #ff5f63 !important;
    border: 1px solid #ff5f63 !important;
    padding: 15px 35px !important;
    text-transform: capitalize !important;
}

.woocommerce #payment #place_order:hover {
    background: #ff5f63 !important;
    border: 1px solid #ff5f63 !important;
}

.shop_single &gt; .summary form.cart .button {
    background: #ff5f63 !important;
    border: 1px solid #ff5f63 !important;
    padding: 10px 28px !important;
    text-transform: capitalize !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: "Roboto" !important;
}

.shop_single &gt; .summary form.cart .hover {
    background: #403f41 !important;
    border: 1px solid #000 !important;
}

.woocommerce div.product form.cart .variations label {
    font-size: 14px;
    line-height: 35px;
}

.page-template-default .entry-content ul.woocommerce-error li {
    padding-left: 20px !important;
}

.woocommerce h1.entry-title {
    line-height: 45px !important;
    font-weight: 700 !important;
    font-size: 35px !important;
}

.shop_single .rt-product-gallery {
    display: block;
    position: relative;
}

.woocommerce span.onsale {
    min-height: 60px;
    min-width: 60px;
    padding: 0.202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 55px;
    top: 15px;
    left: 15px;
    margin: 0;
    border-radius: 100%;
    background-color: #fff;
    color: #000;
    font-size: 0.857em;
    z-index: 9;
}

/*--------------------------------------------------------------
## Product Single Page
--------------------------------------------------------------*/

.wraper_shop_single {
    width: 100%;
}

.wraper_shop_single &gt; .container {
    padding-top: 100px;
    padding-bottom: 60px;
}

.shop_single &gt; .onsale {
    width: 60px;
    height: 60px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    line-height: 55px !important;
}

.wraper_shop_single.style-one .shop_single &gt; .woocommerce-product-gallery .flex-viewport,
.wraper_shop_single.style-two .shop_single &gt; .woocommerce-product-gallery .flex-viewport,
.wraper_shop_single.style-three .shop_single &gt; .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 30px;
}

.wraper_shop_single.style-one .shop_single &gt; .woocommerce-product-gallery ol.flex-control-nav {
    display: none;
}

.wraper_shop_single.style-one .shop_single &gt; .woocommerce-product-gallery ol.flex-control-nav,
.wraper_shop_single.style-two .shop_single &gt; .woocommerce-product-gallery ol.flex-control-nav,
.wraper_shop_single.style-three .shop_single &gt; .woocommerce-product-gallery ol.flex-control-nav {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.wraper_shop_single.style-one .shop_single &gt; .woocommerce-product-gallery ol.flex-control-nav &gt; li,
.wraper_shop_single.style-two .shop_single &gt; .woocommerce-product-gallery ol.flex-control-nav &gt; li,
.wraper_shop_single.style-three .shop_single &gt; .woocommerce-product-gallery ol.flex-control-nav &gt; li {
    margin-bottom: 30px !important;
    padding-left: 15px;
    padding-right: 15px;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
    color: #fff;
}
.shop_single &gt; .summary {
    margin-top: -9px;
}

.shop_single &gt; .summary .product_title {
    color: #181b31 !important;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 35px;
}

.shop_single &gt; .summary .woocommerce-product-rating {
    margin-bottom: 17px;
}

.shop_single &gt; .summary &gt; .yith-wcwl-add-to-wishlist {
    display: none !important;
}

.shop_single &gt; .summary .price,
.shop_single &gt; .summary .woocommerce-variation-price {
    margin-bottom: 20px;
    font-size: 25px !important;
    color: #181b31 !important;
    line-height: 30px;
}

.shop_single &gt; .summary .woocommerce-product-details__short-description {
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px #d8dada solid;
}

.shop_single &gt; .summary table.group_table {
    margin: 0px 0px 30px 0px;
    font-size: 14px;
}

.shop_single &gt; .summary table.group_table td {
    vertical-align: middle !important;
}

.shop_single &gt; .summary table.group_table td label {
    margin-bottom: 0;
}

.shop_single &gt; .summary .wcppec-checkout-buttons {
    max-width: 120px;
    margin-top: 0;
    margin-bottom: 40px;
}

.shop_single &gt; .summary .product_meta {
    margin-bottom: 25px;
}

.shop_single &gt; .summary .product_meta &gt; .sku_wrapper,
.shop_single &gt; .summary .product_meta &gt; .posted_in,
.shop_single &gt; .summary .product_meta &gt; .tagged_as {
    display: block;
    margin-bottom: 3px;
}

.shop_single &gt; .summary .product_meta &gt; .sku_wrapper a,
.shop_single &gt; .summary .product_meta &gt; .posted_in a,
.shop_single &gt; .summary .product_meta &gt; .tagged_as a {
    color: inherit;
    position: relative;
}

.shop_single &gt; .summary .product_meta &gt; .posted_in a::before {
    content: "";
    width: 0;
    height: 1px;
    bottom: -3px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.shop_single &gt; .summary .product_meta &gt; .posted_in a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.shop_single &gt; .summary .quantity {
    min-width: 105px;
    margin: 7px 20px 7px 0px !important;
}

.shop_single &gt; .summary .quantity &gt; .input-group-addon {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: #f5f5f5;
    border: 1px #d5d5d5 solid;
    border-radius: 5px;
    text-align: center;
    font-size: 17px;
    color: #030712;
    line-height: 27px;
    cursor: pointer;
    user-select: none;
}

.shop_single &gt; .summary .quantity &gt; .qty {
    width: 35px;
    height: 30px;
    float: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px 5px 0px 5px;
    border: none;
    box-shadow: initial;
    text-align: center;
    -moz-appearance: textfield;
}

.shop_single &gt; .summary .quantity &gt; .qty::-webkit-inner-spin-button,
.shop_single &gt; .summary .quantity &gt; .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.shop_single &gt; .summary .quantity &gt; .qty:focus {
    border: none;
}

.shop_single &gt; .summary select {
    height: 35px;
    padding: 0px 10px 0px 10px;
    border: 1px rgba(195, 196, 198, 0.5) solid;
    font-weight: 400;
    font-size: 15px;
    color: #191717;
}

.shop_single &gt; .summary .variations {
    margin-bottom: 30px !important;
}

.shop_single &gt; .summary .variations tr:not(:last-child) td {
    padding-bottom: 15px;
}

.shop_single &gt; .summary .variations label {
    color: initial;
}

.shop_single &gt; .summary form.cart .button {
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.shop_single &gt; .summary form.cart .button:before {
    margin-right: 10px;
    content: "\e655";
    font-family: "themify";
}

.shop_single &gt; .summary .yith-wcwl-add-to-wishlist {
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px;
    margin-left: 18px;
}

.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistaddedbrowse,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistexistsbrowse {
    font-size: 0;
}

.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button .feedback,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button .ajax-loading,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistaddedbrowse .feedback,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistaddedbrowse .ajax-loading,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistexistsbrowse .feedback,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistexistsbrowse .ajax-loading {
    display: none !important;
}

.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button &gt; a,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistaddedbrowse &gt; a,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistexistsbrowse &gt; a {
    display: block;
}

.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button &gt; a:before,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistaddedbrowse &gt; a:before,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistexistsbrowse &gt; a:before {
    font-family: "Themify";
    font-weight: 400;
    font-size: 20px;
    color: #3a3d42;
    line-height: 1;
}

.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-add-button &gt; a:before {
    content: "\e634";
}

.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistaddedbrowse &gt; a:before,
.shop_single &gt; .summary .yith-wcwl-add-to-wishlist &gt; .yith-wcwl-wishlistexistsbrowse &gt; a:before {
    content: "\e635";
}

/*--------------------------------------------------------------
### Shop Details Box (Style One)
--------------------------------------------------------------*/

.wraper_shop_single.style-one .shop_single_tabs {
    margin-top: 40px;
    margin-bottom: 50px;
}

.wraper_shop_single.style-one .shop_single_tabs &gt; ul.nav-tabs {
    margin-bottom: 30px;
    border-bottom-color: #cfced1;
    text-align: center;
}

.wraper_shop_single.style-one .shop_single_tabs &gt; ul.nav-tabs &gt; li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 40px;
    margin-bottom: 0;
}

.wraper_shop_single.style-one .shop_single_tabs &gt; ul.nav-tabs &gt; li:last-child {
    margin-right: 0;
}

.wraper_shop_single.style-one .shop_single_tabs &gt; ul.nav-tabs &gt; li &gt; a {
    position: relative;
    display: block;
    margin-right: 0;
    margin-bottom: -2px;
    padding-bottom: 14px;
    border: none;
    font-weight: 600;
    font-size: 20px;
    color: #181b31;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_shop_single.style-one .shop_single_tabs &gt; ul.nav-tabs &gt; li &gt; a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    width: auto;
    height: 3px;
    /*background-color: #ff5f63;*/
    background-color: #000;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_shop_single.style-one .shop_single_tabs &gt; ul.nav-tabs &gt; li.active &gt; a:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

.wraper_shop_single.style-one .shop_single_tabs &gt; .tab-content &gt; .tab-pane h2 {
    color: #181b31;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

/*--------------------------------------------------------------
### Shop Details Box (Style Two)
--------------------------------------------------------------*/

.wraper_shop_single.style-two .shop_single_accordion &gt; .shop_single_accordion_item {
    margin-bottom: 12px;
}

.wraper_shop_single.style-two .shop_single_accordion &gt; .shop_single_accordion_item &gt; .btn {
    position: relative;
    width: 100%;
    padding: 11px 40px 10px 20px;
    background-color: #fff;
    border: 1px #d9dbdb solid;
    border-radius: 0;
    box-shadow: initial;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #181b31;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_shop_single.style-two .shop_single_accordion &gt; .shop_single_accordion_item &gt; .btn:before {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 0;
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 80%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.wraper_shop_single.style-two .shop_single_accordion &gt; .shop_single_accordion_item &gt; .btn.collapsed:before {
    content: "\f067";
}

.wraper_shop_single.style-two .shop_single_accordion &gt; .shop_single_accordion_item &gt; .collapse h2,
.wraper_shop_single.style-two .shop_single_accordion &gt; .shop_single_accordion_item &gt; .collapsing h2 {
    color: #181b31;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

/*--------------------------------------------------------------
### Shop Details Box (Style Three)
--------------------------------------------------------------*/

.wraper_shop_single.style-three .shop_single_tabs &gt; ul.nav-tabs {
    display: table;
    table-layout: fixed;
    margin-bottom: 20px;
    border: 1px #ece9e9 solid;
    text-align: center;
}

.wraper_shop_single.style-three .shop_single_tabs &gt; ul.nav-tabs &gt; li {
    display: table-cell;
    width: 1%;
    float: none;
    margin-bottom: 0;
}

.wraper_shop_single.style-three .shop_single_tabs &gt; ul.nav-tabs &gt; li &gt; a {
    display: block;
    margin: 0;
    padding: 7px 10px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    color: #030712;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.wraper_shop_single.style-three .shop_single_tabs &gt; ul.nav-tabs &gt; li.active &gt; a {
    background-color: #ece9e9;
}

.wraper_shop_single.style-three .shop_single_tabs &gt; .tab-content &gt; .tab-pane h2 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

/*--------------------------------------------------------------
### Shop Attributes
--------------------------------------------------------------*/

.shop_single table.shop_attributes {
    border: 1px #d8dada solid;
}

.shop_single table.shop_attributes &gt; tbody &gt; tr &gt; th,
.shop_single table.shop_attributes &gt; tbody &gt; tr &gt; td {
    padding: 7px 15px;
    font-style: normal;
}

.shop_single table.shop_attributes &gt; tbody &gt; tr &gt; th {
    width: 250px;
    font-weight: 500;
}

.shop_single table.shop_attributes &gt; tbody &gt; tr &gt; td {
    text-align: right;
}

/*--------------------------------------------------------------
### Shop Reviews
--------------------------------------------------------------*/

.shop_single .woocommerce-Reviews {
    text-align: left;
}

.woocommerce #reviews #comments ol.commentlist li {
    padding: 22px 25px 28px 25px;
    background-color: #f9f9f9;
}

.woocommerce #reviews #comments ol.commentlist li &gt; .comment_container {
    position: relative;
    min-height: 70px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    top: 6px;
    width: 60px;
    padding: 0;
    border: 3px #fff solid;
    border-radius: 50px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0px 0px 0px 80px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: 0;
}

.shop_single #review_form .comment-reply-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #181b31;
}

.shop_single #review_form #respond label {
    display: block;
}

.shop_single #review_form #respond input[type="text"],
.shop_single #review_form #respond input[type="email"],
.shop_single #review_form #respond textarea {
    padding: 5px 10px 5px 10px;
    border: 1px #e2e2e2 solid;
    resize: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
}

.shop_single #review_form #respond input[type="submit"] {
    padding: 14px 50px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    font-size: 15px !important;
    text-transform: none;
    font-weight: bold !important;
}

/*--------------------------------------------------------------
### Shop Related
--------------------------------------------------------------*/
ul.payment_methods li {
    list-style: none !important;
}

.shop_related {
    margin-top: 50px;
}

.shop_related &gt; .related.products &gt; h2 {
    color: #181b31;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
}

/*--------------------------------------------------------------
# Empty Cart Page
--------------------------------------------------------------*/

.woocommerce .cart-empty {
    margin-bottom: 25px;
    text-align: center;
    font-size: 35px;
    line-height: 45px;
}

.woocommerce .return-to-shop {
    text-align: center;
}

.woocommerce .return-to-shop .button {
    background-color: initial;
    border-radius: 0;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

/*--------------------------------------------------------------
# Login/Register Page
--------------------------------------------------------------*/

legend,
#customer_login h2,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.cart_totals h2,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
h3#order_review_heading,
body.woocommerce-order-received h2,
body.woocommerce-order-received header.title h3,
.wishlist-title h2 {
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px rgba(40, 41, 37, 0.2) solid;
    font-weight: 400;
    font-size: 24px;
    color: #373834;
    line-height: 35px;
}

.woocommerce form.login,
.woocommerce form.register {
    border: 1px rgba(40, 41, 37, 0.2) solid;
    border-radius: 0;
}

.woocommerce form .form-row label {
    margin: 0px 0px 7px 0px;
    font-weight: 400;
    font-size: 17px;
    color: #30302d;
    line-height: 25px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    height: 40px;
    padding: 0px 10px 0px 10px;
    background: #fff;
    border: 1px rgba(195, 196, 198, 0.5) solid;
    border-radius: 5px;
    font-weight: 400;
    font-size: 15px;
    color: #191717;
    line-height: 23px;
    resize: none;
    transition: all 0.3s ease-in-out;
}

.woocommerce form .form-row textarea {
    height: 100px;
    padding: 7px 10px 7px 10px;
}

.select2-container .select2-selection {
    height: 40px;
    border: 1px rgba(195, 196, 198, 0.5) solid;
    border-radius: 5px;
}

.select2-dropdown {
    border-color: rgba(195, 196, 198, 0.5);
}

.select2-container .select2-selection &gt; .select2-selection__rendered {
    margin-top: 9px;
    font-weight: 400;
    font-size: 15px;
    color: #191717;
    line-height: 23px;
}

.select2-container .select2-selection &gt; .select2-selection__arrow {
    top: 6px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.select2-container .select2-selection:hover {
    border-width: 1px;
    border-style: solid;
}

.woocommerce form .form-row input.button {
    margin: 10px 15px 5px 0px;
}

/*--------------------------------------------------------------
# My Account Page
--------------------------------------------------------------*/

.woocommerce-MyAccount-navigation {
    min-height: 350px;
    padding: 0px 30px 0px 0px;
}

.woocommerce-MyAccount-navigation &gt; ul &gt; li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 18px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    color: #10101d;
    line-height: 25px;
}

.woocommerce-MyAccount-navigation &gt; ul &gt; li:last-child,
.woocommerce-MyAccount-navigation &gt; ul &gt; li:only-child {
    margin: 0;
}

.woocommerce-MyAccount-navigation &gt; ul &gt; li:before {
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 0;
    content: "\f101";
    font-family: "FontAwesome";
    font-size: 15px;
    color: #ff3c24;
    line-height: 15px;
}

.woocommerce-MyAccount-navigation &gt; ul &gt; li &gt; a {
    color: #10101d;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-navigation &gt; ul &gt; li &gt; a:hover {
    color: #ff3c24;
}

.woocommerce-MyAccount-content p {
    margin: 0px 0px 20px 0px;
}

.woocommerce-MyAccount-content #generate_referral_field,
.woocommerce-MyAccount-content #rs_redeem_voucher_code,
.woocommerce-MyAccount-content #filters,
.woocommerce-MyAccount-content #change-page-sizes {
    width: 100%;
    max-width: 300px;
    height: 40px;
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
    background: #fff;
    border: 1px rgba(195, 196, 198, 0.5) solid;
    border-radius: 0;
    font-weight: 400;
    font-size: 15px;
    color: #191717;
    line-height: 23px;
    resize: none;
    transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-content #filters,
.woocommerce-MyAccount-content #change-page-sizes {
    max-width: 70px;
    margin-left: 7px;
}

.woocommerce-MyAccount-content #generate_referral_field:focus,
.woocommerce-MyAccount-content #rs_redeem_voucher_code:focus {
    border: 1px #ff3c24 solid;
}

/*--------------------------------------------------------------
# Cart Page
--------------------------------------------------------------*/

.woocommerce .product-thumbnail {
    text-align: center;
}

.woocommerce .product-thumbnail .size-woocommerce_thumbnail {
    width: 120px;
    border-radius: 5px;
}

.woocommerce .quantity .qty {
    height: 40px;
    padding: 0px 5px 0px 0px;
    border: 1px rgba(195, 196, 198, 0.5) solid;
    border-radius: 5px;
    font-weight: 400;
    font-size: 15px;
    color: #181b31;
    transition: all 0.3s ease-in-out;
}

.woocommerce .quantity .qty:focus {
    border: 1px #ff3c24 solid;
}

.woocommerce button.button[name="update_cart"],
.woocommerce button.button[name="update_cart"]:disabled,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding-top: 11px !important;
    padding-bottom: 10px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.woocommerce-cart .fp_apply_reward .input-text {
    width: 100%;
    max-width: 180px;
    height: 40px;
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
    background: #fff;
    border: 1px rgba(195, 196, 198, 0.5) solid;
    border-radius: 0;
    font-weight: 400;
    font-size: 15px;
    color: #191717;
    line-height: 23px;
    resize: none;
    transition: all 0.3s ease-in-out;
}

.woocommerce-cart .fp_apply_reward .input-text:focus {
    border: 1px #ff3c24 solid;
}

.woocommerce .coupon,
.woocommerce .checkout_coupon {
    position: relative;
    width: 100%;
    max-width: 350px;
    border: 2px rgba(0, 0, 0, 0.2) dashed;
    border-radius: 5px;
}

.woocommerce .coupon:before,
.woocommerce .coupon:after,
.woocommerce .checkout_coupon:before,
.woocommerce .checkout_coupon:after {
    position: absolute;
    top: 10px;
    z-index: 0;
    width: 40px;
    text-align: center;
    font-family: "themify";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}

.woocommerce .coupon:before,
.woocommerce .checkout_coupon:before {
    left: 0;
    content: "\e613" !important;
}

.woocommerce .coupon:after,
.woocommerce .checkout_coupon:after {
    right: 0;
    content: "\e65d" !important;
}

.woocommerce .coupon input.input-text,
.woocommerce .checkout_coupon input.input-text {
    width: 100% !important;
    height: 42px;
    border: none !important;
    padding: 0px 20px 0 40px !important;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    padding: 8px 46px !important;
}

.woocommerce .coupon,
.woocommerce .checkout_coupon {
    max-width: 442px !important;
}

.woocommerce .coupon button.button,
.woocommerce .checkout_coupon button.button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 40px;
    padding: 0 !important;
    background-color: transparent;
    border: none;
    border-radius: 0;
    opacity: 0;
}

.woocommerce table.shop_table {
    width: 100%;
    table-layout: auto;
    margin-bottom: 15px;
    border-collapse: collapse;
    border: none;
    border-radius: 0;
    text-align: center;
}

.woocommerce table.shop_table &gt; thead &gt; tr &gt; th {
    padding-top: 0;
    padding-bottom: 11px;
    border: none !important;
    border-bottom: 2px #e7e7e7 solid !important;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    color: #1b1919;
    line-height: 28px;
    letter-spacing: 1px;
}

.woocommerce table.shop_table &gt; thead &gt; tr &gt; th.product-remove,
.woocommerce table.shop_table &gt; thead &gt; tr &gt; th.product-price,
.woocommerce table.shop_table &gt; thead &gt; tr &gt; th.product-quantity,
.woocommerce table.shop_table &gt; thead &gt; tr &gt; th.product-subtotal,
.woocommerce table.shop_table &gt; thead &gt; tr &gt; th.product-stock-status,
.woocommerce table.shop_table &gt; thead &gt; tr &gt; th.product-add-to-cart {
    text-align: center;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td {
    padding: 20px 12px;
    border: none !important;
    border-bottom: 1px #e7e7e7 solid !important;
    text-align: left;
    font-size: 15px;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-remove,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-price,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-quantity,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-subtotal,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-stock-status,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-add-to-cart,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-remove,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-price,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-quantity,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-subtotal,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-stock-status,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-add-to-cart {
    text-align: center;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-thumbnail,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-thumbnail {
    width: 100px;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th .remove,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td .remove {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #1d1d1d;
    border-radius: 50%;
    font-size: 9px;
    color: #fff !important;
    line-height: 21px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th .yith-wcqv-button,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td .yith-wcqv-button {
    display: none;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th .wishlist-in-stock,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th .wishlist-out-of-stock,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td .wishlist-in-stock,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td .wishlist-out-of-stock {
    display: inline-block;
    padding: 5px 15px 4px 15px;
    border-width: 2px;
    border-style: solid;
    border-radius: 35px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th .wishlist-in-stock,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td .wishlist-in-stock {
    border-color: #00a300;
    color: #00a300;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th .wishlist-out-of-stock,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td .wishlist-out-of-stock {
    border-color: #ee1111;
    color: #ee1111;
}

.woocommerce table.shop_table &gt; tbody &gt; tr &gt; th.product-add-to-cart a,
.woocommerce table.shop_table &gt; tbody &gt; tr &gt; td.product-add-to-cart a {
    display: inline-block !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.woocommerce .cart-collaterals .cart_totals {
    width: 100%;
    padding: 20px 30px 0px 30px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.woocommerce .cart-collaterals .cart_totals &gt; h2 {
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 2px #e7e7e7 solid;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    color: #1b1919;
    line-height: 28px;
    letter-spacing: 1px;
}

.woocommerce .cart-collaterals .cart_totals .wcppec-checkout-buttons__button {
    padding-top: 0;
}

.woocommerce .cart-collaterals .cart_totals .wcppec-checkout-buttons__button img {
    max-width: 120px;
}

.woocommerce input.input-text[name=coupon_code] {
    width: 100% !important;
}

.woocommerce-page table.cart td.actions .coupon .button {
    height: 40px !important;
}

.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
    padding-bottom: 0;
}

/*--------------------------------------------------------------
# Checkout Page
--------------------------------------------------------------*/

.woocommerce #payment #place_order {
    padding-top: 10px !important;
    padding-bottom: 9px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.woocommerce form .form-row .input-checkbox {
    position: static;
}

.woocommerce form #customer_details {
    width: 48%;
    float: left;
}

.woocommerce form #customer_details &gt; [class*="col-"] {
    width: 100%;
    margin-bottom: 20px;
}

.woocommerce form #order_review_heading,
.woocommerce form #order_review {
    width: 48%;
    float: right;
}

.woocommerce form .about_paypal {
    margin-left: 10px;
}

/*--------------------------------------------------------------
# Order Received Page
--------------------------------------------------------------*/

p.woocommerce-thankyou-order-received {
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px rgba(40, 41, 37, 0.2) solid;
    font-weight: 400;
    font-size: 24px;
    color: #373834;
    line-height: 35px;
}

/*--------------------------------------------------------------
# YITH WISHLIST POPUP
--------------------------------------------------------------*/

#yith-wcwl-popup-message {
    display: flex;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    font-size: 0;
}

#yith-wcwl-popup-message #yith-wcwl-message {
    padding: 12px 20px 14px 20px;
    background-color: #fff;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
    font-size: 15px;
    line-height: 26px;
}

/*--------------------------------------------------------------
# Team Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Team Single Page
--------------------------------------------------------------*/

/* wraper_team_single */

.wraper_team_single {
    width: 100%;
}

.wraper_team_single &gt; .container {
    /*padding-top: 100px;
  padding-bottom: 60px;*/
}

/*--------------------------------------------------------------
# Team Single Page Style One
--------------------------------------------------------------*/

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard {
    margin-bottom: 30px;
    padding: 28px 30px 30px 30px;
    background-color: #f4f9fd;
    border: 1px #dfeaf2 solid;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard &gt; *:last-child {
    margin-bottom: 0 !important;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard h2 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard h3 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 28px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 25px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard hr {
    margin-top: 0;
    margin-bottom: 22px;
    border-top-color: #e2e2e2;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.contact {
    margin-top: 5px;
    margin-bottom: 25px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.contact li {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 26px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.contact li i {
    width: 16px;
    margin-right: 9px;
    color: #193a5e;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.contact li a {
    color: inherit;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.social {
    margin-bottom: 20px;
    font-size: 0;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.social li:last-child,
.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.social li:only-child {
    margin-right: 0;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.social li &gt; a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px #d5dde3 solid;
    border-radius: 50%;
    text-align: center;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard ul.social li &gt; a i {
    font-size: 16px;
    color: #193a5e;
    line-height: 38px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard .btn {
    padding: 12px 35px 12px 35px;
    background-color: #89be16;
    border: none;
    border-radius: 35px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    cursor: pointer;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-contactcard .btn i {
    margin-left: 10px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard {
    margin-bottom: 40px;
    padding: 15px 30px 15px 30px;
    background-color: #f4f9fd;
    border: 1px #dfeaf2 solid;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard &gt; *:last-child {
    margin-bottom: 0 !important;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard .table {
    margin-bottom: 0;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard .table &gt; tbody &gt; tr &gt; td {
    padding: 13px 0px 13px 0px;
    border-top: none;
    border-bottom: 1px #e2e2e2 solid;
    font-size: 14px;
    line-height: 25px;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard .table &gt; tbody &gt; tr &gt; td:first-child {
    text-align: left;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard .table &gt; tbody &gt; tr &gt; td:last-child {
    text-align: right;
}

.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard .table &gt; tbody &gt; tr:last-child &gt; td,
.team_single.style-one .team-profilebuzz .team-profilebuzz-timingcard .table &gt; tbody &gt; tr:only-child &gt; td {
    border-bottom: none;
}

/*--------------------------------------------------------------
# Event Page
--------------------------------------------------------------*/

/* wraper-radiantthemes-event */

.wraper-radiantthemes-event {
    width: 100%;
    height: auto;
}

.wraper-radiantthemes-event &gt; .container {
    padding-top: 70px;
    padding-bottom: 30px;
}

#tribe-bar-form #tribe-bar-views {
    left: 90%;
    width: 10%;
}

#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
    padding: 7px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}

#tribe-bar-form #tribe-bar-views + .tribe-bar-filters {
    right: 10%;
    width: 90%;
}

#tribe-bar-form {
    background-color: #fff;
    box-shadow: 0px 0px 48px rgba(5, 6, 6, 0.08);
}

.tribe-events-ical {
    display: none !important;
}

/*--------------------------------------------------------------
# Event Month View Page
--------------------------------------------------------------*/

.tribe-events-calendar thead th {
    padding-top: 12px;
    padding-bottom: 13px;
    background-color: #252525;
    border: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
}

#tribe-events-content .tribe-events-calendar td {
    border-color: #e7e7e7;
}

.tribe-events-calendar div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-othermonth.tribe-events-future div[id*="tribe-events-daynum-"] {
    margin-left: -1px;
    margin-right: -1px;
    padding: 8px 10px 10px 10px !important;
    background-color: #e54217;
    border-left: 1px rgba(255, 255, 255, 0.2) solid;
    border-right: 1px rgba(255, 255, 255, 0.2) solid;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    line-height: 25px !important;
}

.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] {
    background-color: #252525;
}

.tribe-events-calendar div[id*="tribe-events-daynum-"] &gt; a,
.tribe-events-calendar div[id*="tribe-events-daynum-"] &gt; a:hover,
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] &gt; a,
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] &gt; a:hover,
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] &gt; a,
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] &gt; a:hover,
.tribe-events-calendar td.tribe-events-othermonth.tribe-events-future div[id*="tribe-events-daynum-"] &gt; a,
.tribe-events-calendar td.tribe-events-othermonth.tribe-events-future div[id*="tribe-events-daynum-"] &gt; a:hover {
    background-color: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

.events-archive.events-gridview #tribe-events-content table .type-tribe_events,
.tribe-events-viewmore {
    margin: 0;
    padding: 13px 10px 14px 10px;
}

#tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title {
    padding: 0;
}

.recurring-info-tooltip,
.tribe-events-calendar .tribe-events-tooltip,
.tribe-events-shortcode.view-week .tribe-events-tooltip,
.tribe-events-week .tribe-events-tooltip {
    padding: 0px 15px 15px 15px;
}

#tribe-events-content .tribe-events-tooltip h4 {
    margin: 0px -15px 20px -15px;
    padding: 10px 15px 10px 15px;
    background-color: #fbefc7;
    border-bottom: 1px #f2e5bb solid;
    font-weight: 600;
    font-size: 16px;
    color: #051a37;
    line-height: 25px;
}

/*--------------------------------------------------------------
# Event List View Page
--------------------------------------------------------------*/

.radiantthemes-event-list {
    margin-top: 20px;
    padding: 20px 30px 10px 30px;
    background-color: #fff;
    box-shadow: 0px 0px 48px rgba(5, 6, 6, 0.08);
}

.radiantthemes-event-list-item {
    border: 1px #e8e8e8 solid !important;
    margin: 0px 0px 40px 0px !important;
    padding: 0 !important;
}

.radiantthemes-event-list-item &gt; .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
}

.radiantthemes-event-list-item &gt; .row &gt; [class*="col-"] {
    float: none;
    flex-basis: 0;
    flex-grow: 1;
    padding-right: 0;
    padding-left: 0;
}

.radiantthemes-event-list-item-pic {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 25%;
    min-height: 100%;
    background: center top no-repeat;
    background-size: cover;
    text-align: center;
}

.radiantthemes-event-list-item-pic &gt; .holder img {
    width: 100%;
}

.radiantthemes-event-list-item-data {
    max-width: 50%;
    padding: 20px 25px 20px 25px !important;
}

.radiantthemes-event-list-item-data &gt; .holder &gt; *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-event-list-item-data h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    color: #0c1434;
    line-height: 30px;
}

.radiantthemes-event-list-item-data p {
    margin-bottom: 15px;
}

.radiantthemes-event-list-item-data ul.event-list-meta {
    margin-bottom: 15px;
}

.radiantthemes-event-list-item-data ul.event-list-meta &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 0 !important;
}

.radiantthemes-event-list-item-data ul.event-list-meta &gt; li:before {
    display: none;
}

.radiantthemes-event-list-item-data ul.event-list-meta &gt; li.city {
    width: 100%;
    margin-right: 0;
}

.radiantthemes-event-list-item-data ul.event-list-meta &gt; li i {
    margin-right: 6px;
}

.radiantthemes-event-list-item-button {
    max-width: 25%;
    padding: 20px 15px 20px 15px !important;
    text-align: center;
}

.radiantthemes-event-list-item-button .btn {
    padding: 12px 35px 12px 35px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}

/*--------------------------------------------------------------
# Event Day View Page
--------------------------------------------------------------*/

.radiantthemes-event-day {
    margin-top: 20px;
}

.radiantthemes-event-day-item {
    margin: 0px 0px 40px 0px !important;
}

.radiantthemes-event-day-item-pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 17px;
}

.radiantthemes-event-day-item-pic &gt; img {
    width: 100%;
}

.radiantthemes-event-day-item-pic &gt; .holder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
}

.radiantthemes-event-day-item-pic .tribe-events-event-image {
    width: 100%;
    margin: 0;
}

.radiantthemes-event-day-item-pic &gt; .holder img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-event-day-item:hover .radiantthemes-event-day-item-pic &gt; .holder img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.radiantthemes-event-day-item-pic &gt; .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-event-day-item:hover .radiantthemes-event-day-item-pic &gt; .overlay {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.radiantthemes-event-day-item-pic &gt; .overlay &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.radiantthemes-event-day-item-pic &gt; .overlay &gt; .table &gt; .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.radiantthemes-event-day-item-pic .btn {
    padding: 5px 20px 6px 20px;
    background-color: initial;
    border: 2px #fde428 solid;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 2px;
}

.radiantthemes-event-day-item-data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-event-day-item-data h3 {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 17px;
    color: #252525;
    line-height: 28px;
}

.radiantthemes-event-day-item-data h3 a {
    color: inherit;
}

.radiantthemes-event-day-item-data ul.event-list-meta {
    margin-bottom: 5px;
}

.radiantthemes-event-day-item-data ul.event-list-meta &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 0;
    font-weight: 400;
    font-size: 14px;
    color: #252525;
    line-height: 25px;
}

.radiantthemes-event-day-item-data ul.event-list-meta &gt; li:before {
    display: none;
}

.radiantthemes-event-day-item-data ul.event-list-meta &gt; li i {
    margin-right: 3px;
}

/*--------------------------------------------------------------
Extra Classes and Id's
--------------------------------------------------------------*/

.comment-body footer.comment-meta .comment-author {
    display: block;
    margin-bottom: 7px !important;
    font-weight: 600 !important;
    color: #181b31 !important;
    line-height: 28px !important;
    letter-spacing: -0.4px;
}

/*--------------------------------------------------------------
# 404 Error Page
--------------------------------------------------------------*/

/* wraper_error_main */

.wraper_error_main {
    width: 100%;
}

/*--------------------------------------------------------------
# 404 Error Style One
--------------------------------------------------------------*/

.wraper_error_main.style-one &gt; .container {
    padding-top: 120px;
    padding-bottom: 130px;
}

.wraper_error_main.style-one .error_main {
    text-align: center;
}

.wraper_error_main.style-one .error_main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_error_main.style-one .error_main .radiantthemes-counterup {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 250px;
    color: #181818;
    line-height: 0.7;
}

.wraper_error_main.style-one .error_main h1 {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 35px;
    color: #181b31 !important;
    line-height: 45px;
    letter-spacing: -1px;
}

.wraper_error_main.style-one .error_main h2 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 30px;
    color: #181b31;
    line-height: 40px;
}

.wraper_error_main.style-one .error_main .btn {
    background: #ff5f63 !important;
    box-shadow: none !important;
    color: #ffffff;
    border-radius: 5px !important;
    padding: 13px 40px !important;
    border: 0px none !important;
    text-transform: none !important;
    font-weight: bold !important;
    font-size: 15px !important;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.wraper_error_main.style-one .error_main .btn:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.wraper_error_main.style-one .error_main .btn &gt; span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/*--------------------------------------------------------------
# 404 Error Style Two
--------------------------------------------------------------*/

.wraper_error_main.style-two &gt; .container {
    padding-top: 200px;
    padding-bottom: 200px;
}

.wraper_error_main.style-two .error_main {
    text-align: center;
}

.wraper_error_main.style-two .error_main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_error_main.style-two .error_main img {
    margin-bottom: 30px;
}

.wraper_error_main.style-two .error_main h1 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 30px;
    color: #1a1a1a;
    line-height: 40px;
}

.wraper_error_main.style-two .error_main .btn {
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

/*--------------------------------------------------------------
# 404 Error Style Three
--------------------------------------------------------------*/

.wraper_error_main.style-three &gt; .container {
    padding-top: 200px;
    padding-bottom: 160px;
}

.wraper_error_main.style-three .error_main_item {
    margin-bottom: 40px;
}

.wraper_error_main.style-three .error_main_item &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_error_main.style-three .error_main_item img {
    width: 400px;
    margin-bottom: 10px;
}

.wraper_error_main.style-three .error_main_item h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 80px;
    color: #242c31;
    line-height: 90px;
}

.wraper_error_main.style-three .error_main_item h2 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 20px;
    color: #1a1a1a;
    line-height: 30px;
}

.wraper_error_main.style-three .error_main_item .btn {
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

/*--------------------------------------------------------------
# 404 Error Style Four
--------------------------------------------------------------*/

.wraper_error_main.style-four &gt; .container {
    padding-top: 150px;
    padding-bottom: 200px;
}

.wraper_error_main.style-four .error_main {
    text-align: center;
}

.wraper_error_main.style-four .error_main &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_error_main.style-four .error_main img {
    width: 500px;
    margin-bottom: 25px;
}

.wraper_error_main.style-four .error_main h1 {
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    color: #1a1a1a;
    line-height: 40px;
}

.wraper_error_main.style-four .error_main .btn {
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

/*--------------------------------------------------------------
# Maintenance Mode Page
--------------------------------------------------------------*/

/* wraper_maintenance_main */

/*.wraper_maintenance_main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}*/

.wraper_maintenance_main &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_maintenance_main &gt; .table &gt; .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 40px;
    vertical-align: middle;
}

.wraper_maintenance_main &gt; .table &gt; .table-cell .container {
    padding-top: 40px;
    padding-bottom: 0;
}

.maintenance_main_item {
    text-align: center;
    padding-bottom: 170px;
}

.maintenance_main_item &gt; *:last-child {
    margin-bottom: 0 !important;
}

/*--------------------------------------------------------------
# Maintenance Mode Style One
--------------------------------------------------------------*/

.wraper_maintenance_main.style-one {
    background-repeat: no-repeat;
    padding: 0px 0 250px 0;
    background-position: bottom;
}

.wraper_maintenance_main.style-one .maintenance_main_item h1 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;
    color: #181b31;
    line-height: 32px;
}

.wraper_maintenance_main.style-one .maintenance_main_item h1 strong {
    display: block;
    margin-top: 8px;
    font-weight: 700;
    font-size: 54px;
    line-height: 65px;
}

.wraper_maintenance_main.style-one .maintenance_main_item h2 {
    color: #181b31;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 40px;
}

/*--------------------------------------------------------------
# Maintenance Mode Style Two
--------------------------------------------------------------*/

.wraper_maintenance_main.style-two {
    background-repeat: no-repeat;
    background-position: calc(50% + 250px) center;
}

.wraper_maintenance_main.style-two .maintenance_main_item h1 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 40px;
    color: #1a1a1a;
    line-height: 50px;
}

.wraper_maintenance_main.style-two .maintenance_main_item h1 strong {
    display: block;
    font-weight: 700;
    font-size: 65px;
    line-height: 70px;
}

.wraper_maintenance_main.style-two .maintenance_main_item h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #1a1a1a;
    line-height: 40px;
}

/*--------------------------------------------------------------
# Maintenance Mode Style Three
--------------------------------------------------------------*/

.wraper_maintenance_main.style-three {
    background-repeat: no-repeat;
    background-position: calc(50% + 200px) bottom;
    background-size: 500px auto;
}

.wraper_maintenance_main.style-three .maintenance_main_item h1 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 25px;
    color: #1a1a1a;
    line-height: 35px;
}

.wraper_maintenance_main.style-three .maintenance_main_item h1 strong {
    display: block;
    margin-top: 7px;
    font-weight: 700;
    font-size: 70px;
    line-height: 75px;
}

.wraper_maintenance_main.style-three .maintenance_main_item h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #1a1a1a;
    line-height: 30px;
}

/*--------------------------------------------------------------
# Coming Soon Page
--------------------------------------------------------------*/

/* wraper_comingsoon_main */

.wraper_comingsoon_main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.wraper_comingsoon_main &gt; .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wraper_comingsoon_main &gt; .table &gt; .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 40px;
    vertical-align: middle;
}

.comingsoon_main {
    width: 95%;
    max-width: 1170px;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

/*--------------------------------------------------------------
# Coming Soon Style One
--------------------------------------------------------------*/

.wraper_comingsoon_main.style-one .comingsoon_main &gt; .holder {
    margin-bottom: 60px;
}

.wraper_comingsoon_main.style-one .comingsoon_main &gt; .holder &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_comingsoon_main.style-one .comingsoon_main h1 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 65px;
    color: #fff;
    line-height: 75px;
}

.wraper_comingsoon_main.style-one .comingsoon_main h2 {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.wraper_comingsoon_main.style-one .comingsoon_main .comingsoon-counter {
    display: inline-block;
    vertical-align: top;
    max-width: 680px;
    padding-top: 7px;
    padding-bottom: 12px;
    border-top: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
}

.wraper_comingsoon_main.style-one .comingsoon_main .comingsoon-counter &gt; .time {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
}

.wraper_comingsoon_main.style-one .comingsoon_main .comingsoon-counter &gt; .time:last-child,
.wraper_comingsoon_main.style-one .comingsoon_main .comingsoon-counter &gt; .time:only-child {
    margin-right: 0;
}

.wraper_comingsoon_main.style-one .comingsoon_main .comingsoon-counter &gt; .time strong {
    display: block;
    font-weight: 600;
    font-size: 75px;
    line-height: 82px;
}

/*--------------------------------------------------------------
# Coming Soon Style Two
--------------------------------------------------------------*/

.wraper_comingsoon_main.style-two .comingsoon_main &gt; .holder {
    margin-bottom: 40px;
}

.wraper_comingsoon_main.style-two .comingsoon_main &gt; .holder &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_comingsoon_main.style-two .comingsoon_main h1 {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 90px;
    color: #fff;
    line-height: 100px;
}

.wraper_comingsoon_main.style-two .comingsoon_main h2 {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.wraper_comingsoon_main.style-two .comingsoon_main .comingsoon-counter {
    display: inline-block;
    vertical-align: top;
    max-width: 680px;
}

.wraper_comingsoon_main.style-two .comingsoon_main .comingsoon-counter &gt; .time {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    padding: 10px 25px 12px 25px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    font-weight: 400;
    font-size: 18px;
    color: #0f1a2e;
    line-height: 28px;
}

.wraper_comingsoon_main.style-two .comingsoon_main .comingsoon-counter &gt; .time:last-child,
.wraper_comingsoon_main.style-two .comingsoon_main .comingsoon-counter &gt; .time:only-child {
    margin-right: 0;
}

.wraper_comingsoon_main.style-two .comingsoon_main .comingsoon-counter &gt; .time strong {
    display: block;
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
}

/*--------------------------------------------------------------
# Coming Soon Style Three
--------------------------------------------------------------*/

.wraper_comingsoon_main.style-three .comingsoon_main &gt; .holder {
    margin-bottom: 45px;
}

.wraper_comingsoon_main.style-three .comingsoon_main &gt; .holder &gt; *:last-child {
    margin-bottom: 0 !important;
}

.wraper_comingsoon_main.style-three .comingsoon_main h1 {
    margin-bottom: 17px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 25px;
    color: #fff;
    line-height: 35px;
    letter-spacing: 1px;
}

.wraper_comingsoon_main.style-three .comingsoon_main h1 strong {
    display: block;
    text-transform: none;
    font-weight: 600;
    font-size: 75px;
    line-height: 85px;
    letter-spacing: initial;
}

.wraper_comingsoon_main.style-three .comingsoon_main h2 {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.wraper_comingsoon_main.style-three .comingsoon_main .comingsoon-counter {
    display: inline-block;
    vertical-align: top;
    max-width: 680px;
}

.wraper_comingsoon_main.style-three .comingsoon_main .comingsoon-counter &gt; .time {
    display: inline-block;
    vertical-align: top;
    margin-right: 70px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
}

.wraper_comingsoon_main.style-three .comingsoon_main .comingsoon-counter &gt; .time:last-child,
.wraper_comingsoon_main.style-three .comingsoon_main .comingsoon-counter &gt; .time:only-child {
    margin-right: 0;
}

.wraper_comingsoon_main.style-three .comingsoon_main .comingsoon-counter &gt; .time strong {
    display: block;
    font-weight: 600;
    font-size: 60px;
    line-height: 67px;
}

/*--------------------------------------------------------------
# Default Page
--------------------------------------------------------------*/

.site-content {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding-bottom: 100px;
}

.default-page p,
.comment-content p,
.wpb_text_column p {
    margin-bottom: 10px;
}

.default-page pre,
.comment-content pre,
.wpb_text_column pre {
    margin-bottom: 28px;
}

.default-page dt,
.comment-content dt,
.wpb_text_column dt {
    margin-bottom: 20px;
    font-weight: 700;
}

.default-page dd,
.comment-content dd,
.wpb_text_column dd {
    margin: 7px 0px 20px 20px;
}

.default-page table,
.comment-content table,
.wpb_text_column table {
    width: 100%;
    margin-bottom: 25px;
    table-layout: fixed;
}

.default-page table thead tr th,
.default-page table tbody tr td,
.default-page table tbody tr th,
.default-page table tfoot tr td,
.default-page table tfoot tr th,
.comment-content table thead tr th,
.comment-content table tbody tr td,
.comment-content table tbody tr th,
.comment-content table tfoot tr td,
.comment-content table tfoot tr th,
.wpb_text_column table thead tr th,
.wpb_text_column table tbody tr td,
.wpb_text_column table tbody tr th,
.wpb_text_column table tfoot tr td,
.wpb_text_column table tfoot tr th {
    padding: 10px 10px 10px 10px;
    border: 1px #e2e2e2 solid !important;
}

.default-page .default-content table tbody tr:nth-child(even) td,
.default-page table tbody tr:nth-child(even) td,
.comment-content .default-content table tbody tr:nth-child(even) td,
.comment-content table tbody tr:nth-child(even) td,
.wpb_text_column .default-content table tbody tr:nth-child(even) td,
.wpb_text_column table tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.01);
}

.default-page input[type="password"],
.comment-content input[type="password"],
.wpb_text_column input[type="password"] {
    /*vertical-align:top;*/
    height: 45px;
    padding: 0px 10px 0px 10px;
    background-color: #fff;
    border: 1px #e0e0e0 solid;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.default-page input[type="password"]:focus,
.comment-content input[type="password"]:focus,
.wpb_text_column input[type="password"]:focus {
    border-color: #252525;
}

.default-page input[type="submit"],
.comment-content input[type="submit"],
.wpb_text_column input[type="submit"] {
    vertical-align: top;
    height: 45px;
    padding: 0px 30px 0px 30px;
    background-color: #ff5f63;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.default-page ol,
.comment-content ol,
.wpb_text_column ol {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 20px !important;
}

.default-page ol &gt; li,
.comment-content ol &gt; li,
.wpb_text_column ol &gt; li {
    position: relative;
    margin: 0px 0px 10px 0px;
    list-style: decimal !important;
}

.default-page ol &gt; li &gt; ol,
.default-page ol &gt; li &gt; ul,
.comment-content ol &gt; li &gt; ol,
.comment-content ol &gt; li &gt; ul,
.wpb_text_column ol &gt; li &gt; ol,
.wpb_text_column ol &gt; li &gt; ul {
    margin: 10px 0px 0px 15px !important;
    padding-left: 30px;
}

.default-page ul {
    padding-left: 30px;
}

.default-page ul li {
    list-style: disc;
}

.default-page ul li ol li ul li {
    list-style: circle;
}

.default-page ul li ul li {
    list-style: circle !important;
}

.default-page ol li ul li ul {
    padding-left: 30px;
}

.default-page ol li ul li ul li {
    list-style: circle;
}

.default-page ol &gt; li &gt; ol &gt; li,
.default-page ol &gt; li &gt; ul &gt; li,
.comment-content ol &gt; li &gt; ol &gt; li,
.comment-content ol &gt; li &gt; ul &gt; li,
.wpb_text_column ol &gt; li &gt; ol &gt; li,
.wpb_text_column ol &gt; li &gt; ul &gt; li {
    list-style: disc;
}

.comment-content ul {
    padding-left: 30px;
}

.comment-content ul li {
    list-style: disc;
}

.comment-content ul li ul li {
    list-style: circle;
}

.comment-content ul li ul li ul {
    list-style: circle;
}

.default-page ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]),
.comment-content ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]),
.wpb_text_column ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) {
    /*margin-bottom: 20px;*/
    margin-bottom: 10px;
}

.default-page ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li,
.comment-content ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li,
.wpb_text_column ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 0;
}

.page-id-1134 .default-page ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li:before,
.page-id-1134 .comment-content ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li:before,
.page-id-1134 .wpb_text_column ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li:before {
    display: none;
}

.default-page ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li:before,
.comment-content ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li:before,
.wpb_text_column ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li:before {
    display: none;
}

.default-page ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li ul,
.default-page ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li ol,
.comment-content ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li ul,
.comment-content ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li ol,
.wpb_text_column ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li ul,
.wpb_text_column ul:not(.wp-block-gallery):not([class*="woocommerce-"]):not([class*="wc_"]):not([class*="tribe-"]) li ol {
    margin-top: 10px;
    margin-bottom: 5px;
}

.default-page .page-links,
.comment-content .page-links,
.wpb_text_column .page-links {
    clear: both;
    margin-bottom: 10px;
    font-size: 14px;
    color: #252525;
    line-height: 30px;
}

.default-page .page-links &gt; a,
.comment-content .page-links &gt; a,
.wpb_text_column .page-links &gt; a {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #ff5f63;
    border-radius: 35px;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.default-page .page-links &gt; a:hover,
.comment-content .page-links &gt; a:hover,
.wpb_text_column .page-links &gt; a:hover {
    background-color: #ff5f63;
    border-color: #ff5f63;
    color: #fff;
}

.default-page blockquote,
.default-page .wp-block-quote,
.comment-content blockquote,
.comment-content .wp-block-quote,
.wpb_text_column blockquote,
.wpb_text_column .wp-block-quote {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 30px;
    border-left-width: 3px;
    border-left-style: solid;
    font-weight: 500;
    font-size: 107%;
}

.default-page blockquote cite,
.default-page .wp-block-quote cite,
.comment-content blockquote cite,
.comment-content .wp-block-quote cite,
.wpb_text_column blockquote cite,
.wpb_text_column .wp-block-quote cite {
    display: block;
    margin-top: 7px;
    font-weight: 600;
    font-size: 90%;
    font-style: normal;
}

.default-page .wp-block-pullquote,
.comment-content .wp-block-pullquote,
.wpb_text_column .wp-block-pullquote {
    border: none;
    padding: 0;
}

.default-page .wp-block-pullquote blockquote,
.comment-content .wp-block-pullquote blockquote,
.wpb_text_column .wp-block-pullquote blockquote {
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    padding-top: 20px;
    padding-top: 20px;
}

.wp-calendar-nav span.wp-calendar-nav-next {
    float: right;
    padding-right: 15px;
    font-size: 14px;
}
.wp-calendar-nav span.wp-calendar-nav-prev {
    padding-left: 15px;
    font-size: 14px;
}
/*# sourceMappingURL=radiantthemes-custom.css.map */

/* blog-masonry*/

/*=====================================================
Box Grid
=====================================================*/

.grid_bx {
    max-width: 100%;
    list-style: none;
    margin: 0px auto;
    padding: 0;
    overflow: hidden;
    height: auto;
    position: relative;
}

.grid_bx li {
    display: block;
    float: left;
    padding: 0;
    width: 30%;
    opacity: 1;
    transition: all 0.6s ease-in-out;
    margin: 0 18px 38px 18px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.1);
}

.grid_bx li.shown,
.no-js .grid_bx li,
.no-cssanimations .grid_bx li {
    opacity: 1;
}

.grid_bx li a,
.grid_bx li img {
    outline: none;
    border: none;
    display: block;
    max-width: 100%;
    overflow: hidden;
}

.grid_bx li img {
    overflow: hidden;
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.grid_bx li img:hover {
    overflow: hidden;
    width: 100%;
    height: auto;
    transform: scale(1.1);
    transition: all ease-in-out 0.3s;
}

.quote_block .fa-quote-left:before {
    display: block;
    font-size: 30px;
    text-align: center;
    margin: 20px 20px 0 20px;
    padding: 8px 0 0 0;
    vertical-align: middle;
    transform: none;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 4px 13px rgba(145, 145, 145, 0.3);
    -moz-box-shadow: 5px 4px 13px rgba(145, 145, 145, 0.3);
    box-shadow: 5px 4px 13px rgba(145, 145, 145, 0.3);
}

/* Effect 1: opacity */

.grid_bx.effect-1 li.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
    }
}

/* Effect 2: Move Up */

.grid_bx.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
    0% {}

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveUp {
    0% {}

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/*========================================== EXTRA ==========================================*/

.cat_detail {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0;
}

.cat_detail a {
    text-transform: uppercase;
    position: relative;
    font-size: 10px;
    color: #fff;
    padding: 5px 10px;
    margin: 0 5px;
    letter-spacing: 2px;
    border-radius: 50px;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.cat_detail a.red {
    background: #e4393c;
    float: left;
    text-decoration: none;
}

.cat_detail a.blue {
    background: #6741dc;
    float: left;
    text-decoration: none;
}

.cat_detail a.green {
    background: #4dcf8f;
    float: left;
    text-decoration: none;
}

.cat_detail a.yellow {
    background: #eba845;
    float: left;
    text-decoration: none;
}

.cat_detail a.mas_pts {
    border-radius: 50%;
    padding: 0;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    background-color: #1f5dea;
    z-index: 10;
    line-height: 45px;
    width: 45px;
    height: 45px;
    float: right;
}

.mas_cont {
    padding: 25px 25px 25px 28px;
}

.mas_cont h3 {
    margin: 0;
    padding: 0;
}

.mas_cont h3 a {
    font-size: 24px;
    line-height: 35px;
    text-decoration: none;
    font-weight: 700;
    display: block;
    color: #000000;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.mas_cont h3 a:hover {
    color: #5826ff;
}

.mas_cont p {
    font-size: 17px;
    line-height: 30px;
    text-decoration: none;
    font-weight: 400;
    display: block;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    /*margin-bottom: 20px;*/
    word-wrap: break-word;
}

.mas_cont span {
    font-weight: 400;
    display: block;
    color: #6a7c92;
    font-size: 15px;
    line-height: 28px;
}

.pad_top {
    padding: 15px 0 0 0;
}

/*==================================== LightBox ====================================*/

#lightbutton {
    /* Dimensions */
    width: 60px !important;
    height: 60px;
    /* Positioning */
    position: absolute;
    left: 50%;
    width: 50%;
    top: 50%;
    transform: translate(-50%, -240%) !important;
    z-index: 2;
    background-color: #ffffff;
    border: none;
    /* remove annoying grey border */
    border-radius: 50%;
    /* make it a circle */
    outline: none;
    /* Ditch the annoyning blue outline on click */
    cursor: pointer;
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.3);
    /* ----- Transformations ----- */
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

#lightbutton:hover {
    /* ----- Transformations ----- */
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

#lightbutton &gt; i {
    /* Text */
    color: #5826ff;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    /* Make play sign 3d-ish */
    /* Positioning */
    position: relative;
    margin-top: 4px;
    margin-left: 6px;
    /* ----- Transitions ----- */
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

#lightbutton &gt; i.fa-play:before {
    font-size: 25px;
}

#lightbutton:hover &gt; i {
    /* ----- Transitions ----- */
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    /* When we hover on the button make the play sign white. */
}

#lightbox_pop {
    /* ----- Positioning ----- */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 200px;
    /* The code above makes sure that the
  lightbox covers the entire page*/
    /* ----- Visibility ----- */
    display: none;
    /* ----- Styling ----- */
    background-color: rgba(0, 0, 0, 0.95);
    /* Normally, most lightboxes do not use
  a completely solid black, but with about
  90-95% opacity so that the background is
  somewhat visible */
}

#video-wrapper {
    /* ----- Positioning ----- */
    position: relative;
    top: 50%;
    left: 50%;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

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

#close-btn {
    /* ----- Text ----- */
    color: grey;
    font-size: 25px;
    /* ----- Positioning ----- */
    position: fixed;
    top: 3%;
    right: 3%;
    z-index: 2;
    /* The code above is used to put the button on the upper right corner of the lightbox */
    /* ----- Transformations ----- */
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    /* The code above is used to initialize the scale for the button so that it can be used in transitions */
    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease, color 0.5s ease;
    -moz-transition: transform 0.5s ease, color 0.5s ease;
    -ms-transition: transform 0.5s ease, color 0.5s ease;
    -o-transition: transform 0.5s ease, color 0.5s ease;
    transition: transform 0.5s ease, color 0.5s ease;
}

#close-btn:hover {
    /* ----- Text ----- */
    color: white;
    /* ----- Styling ----- */
    cursor: pointer;
    /* ----- Transformations ----- */
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease, color 0.5s ease;
    -moz-transition: transform 0.5s ease, color 0.5s ease;
    -ms-transition: transform 0.5s ease, color 0.5s ease;
    -o-transition: transform 0.5s ease, color 0.5s ease;
    transition: transform 0.5s ease, color 0.5s ease;
}

/*========================================== Responsive ==========================================*/

@media screen and (max-width: 900px) {
    .grid_bx li {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    #lightbox_pop {
        padding: 0;
    }

    .wraper_blog_main .widget-area {
        margin-bottom: 40px;
        clear: both;
        margin-left: 0px;
    }

    .wraper_blog_main &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-default &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-five &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-three &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-four &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-six &gt; .container &gt; .row &gt; [class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .wraper_blog_main.style-default .widget-area {
        margin-left: 0px;
    }

    .blog_single {
        padding-right: 0;
    }

    .single-post .wraper_blog_main .widget-area {
        margin-left: 0px;
    }
}

@media screen and (max-width: 400px) {
    .grid_bx li {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    #lightbox_pop {
        padding: 0;
    }

    .wraper_blog_main &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-default &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-five &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-three &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-four &gt; .container &gt; .row &gt; [class*="col-"],
    .wraper_blog_main.style-six &gt; .container &gt; .row &gt; [class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .wraper_blog_main.style-default .widget-area {
        margin-left: 0px;
    }
}

/*========================================== Custom css Blog ==========================================*/

.blog div.entry-content {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 25px !important;
}

.post.style-five &gt; .entry-meta &gt; .holder {
    padding-left: 0px !important;
}

.post.style-four .post-meta &gt; span {
    text-transform: none;
}

.mas_cont h3 a {
    font-size: 24px !important;
    line-height: 34px !important;
    font-weight: 500 !important;
    color: #181b31;
    letter-spacing: -0.7px !important;
}

.post.style-five &gt; .holder .category-list {
    left: 20px;
}

.post.style-five &gt; .holder .category-list span {
    background-color: #181b31 !important;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 2px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    border-radius: 0px;
    background-color: #3c3c3c;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    border-radius: 1em;
    background-color: #e5e5e5 !important;
    border: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 8px;
    height: 13px;
    background-color: transparent;
    border-radius: 1em;
    cursor: pointer;
    outline: 0;
    top: -.4em;
    margin-left: 0px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:after {
    content: "";
    position: absolute;
    bottom: 1px;
    display: inline-block;
    width: 2px;
    height: 11px;
    background-color: #3c3c3c;
}

.widget-area &gt; .widget.widget_price_filter .button {
    background: none !important;
    border: 1px solid #000;
    border-radius: 4px !important;
    color: #000 !important;
}

.widget-area &gt; .widget.widget_price_filter .button:hover {
    background: #000;
    color: #fff;
    transition: 0.3s ease;
}

/*.widget-area &gt; .widget .widget-title {
  color: #3c3c3c !important;
}*/

.widget-area &gt; .widget.widget_search .search-form button[type="submit"] i,
.widget-area &gt; .widget.widget_product_search .woocommerce-product-search button[type="submit"] i {
    color: #181b31 !important;
}

.post.style-three .entry-main .post-meta &gt; span {
    color: inherit !important;
    text-transform: none !important;
}

.post.style-three .entry-main &gt; .more .btn {
    color: #181b31 !important;
    text-transform: none !important;
}

.post.style-three .entry-main &gt; .more .btn &gt; .btn-arrow {
    color: #181b31 !important;
}

.wraper_blog_navigation.style-one .blog_navigation .navigation-link &gt; .link strong {
    color: #181b31 !important;
}

.comments-area .comment-reply-title {
    color: #3c3c3c !important;
}

.wraper_blog_banner.style-two .wraper_blog_banner_main &gt; .container &gt; .blog_banner_main .blog_banner_main_item &gt; .entry-header &gt; .entry-title {
    color: #181b31 !important;
}

.wraper_blog_main.style-four &gt; .container {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.widget-area .widget.widget_media_image {
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
}

.widget-area .widget.widget_media_image:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
}

.widget-area .widget.widget_media_image img {
    width: 100%;
    height: 250px !important;
}

.random-post-wrapper &gt; .random-post-data &gt; .title {
    margin-bottom: 0;
}

.random-post-wrapper &gt; .random-post-data &gt; .title &gt; a {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
    color: #ffffff;
    padding-bottom: 10px;
}

.random-post-wrapper &gt; .random-post-data &gt; .random-post-excerpt {
    margin-bottom: 0 !important;
    color: #fff;
    margin-top: 15px;
}

.random-post-wrapper &gt; .random-post-data &gt; .random-post-excerpt &gt; a {
    font-size: 15px;
    line-height: 28px;
    color: #dce3eb;
    margin-bottom: 0;
}

.case-studies-single-baner {
    width: 100%;
    background-image: url(images/single.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 130px 0;
}

.case-studies-single-baner .case-studies-single-baner-text {
    text-align: center;
}

.case-studies-single-baner .case-studies-single-baner-text img {
    margin-bottom: 15px;
}

.case-studies-single-baner .case-studies-single-baner-text h1 {
    font-size: 45px;
    line-height: 55px;
    color: #ffffff;
    font-weight: 600;
}

.case-studies-single-content {
    /*padding-top: 80px;*/
}

.case-studies-single-content-details p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 25px;
}

.case-studies-single-content-details p:last-child {
    margin-bottom: 0;
}

.case-studies-single-post-tags {
    padding: 100px 0 60px 0;
}

.case-studies-single-post-tags p {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 28px;
}

.case-studies-single-post-tags a {
    display: inline-block;
    background-color: #f3f5f9;
    padding: 3px 24px;
    border-radius: 4px;
    border: 1px #dce0e5 solid;
    font-size: 13px;
    line-height: 28px;
    text-transform: uppercase;
    margin-right: 3px;
    margin-bottom: 6px;
    text-decoration: none;
    color: #6a7c92;
}

.case-studies-single-post-tags a:last-child {
    margin-right: 0;
}

.case-studies-single-pagination {
    margin-top: 65px;
    padding: 30px 0;
    border-top: 1px #d8d8d8 solid;
    border-bottom: 1px #d8d8d8 solid;
}

.case-studies-single-pagination &gt; [class*="col-"] {
    padding: 0;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-previous-post {
    float: left;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-previous-post &gt; a {
    display: block;
    text-decoration: none;
    padding-left: 70px;
    position: relative;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-previous-post &gt; a:before {
    position: absolute;
    top: 10px;
    left: 0;
    content: "\e64a";
    font-family: "themify";
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #ff5f63;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ff5f63;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-previous-post &gt; a:hover:before {
    background-color: #ff5f63;
    color: #ffffff;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-previous-post &gt; a &gt; span.case-studies-single-previous-post-title,
.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post &gt; a &gt; span.case-studies-single-previous-post-title {
    display: inline-block;
    text-transform: uppercase;
    color: #3c3c3c;
    font-size: 13px;
    line-height: 28px;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-previous-post &gt; a &gt; span.case-studies-single-previous-post-name,
.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post &gt; a &gt; span.case-studies-single-previous-post-name {
    display: block;
    color: #181b31;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-post-back-btn {
    text-align: center;
    margin-top: 30px;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-post-back-btn &gt; a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-post-back-btn &gt; a:before {
    content: "\e739";
    font-family: "themify";
    color: #ff5f63;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-post-back-btn &gt; a &gt; span {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-post-back-btn &gt; a &gt; span:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #ff5f63;
    border-radius: 50%;
    display: inline-block;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post {
    float: right;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post &gt; a {
    display: block;
    text-decoration: none;
    padding-right: 70px;
    text-align: right;
    position: relative;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post &gt; a:before {
    position: absolute;
    top: 10px;
    right: 0;
    content: "\e649";
    font-family: "themify";
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #ff5f63;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ff5f63;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post &gt; a:hover:before {
    background-color: #ff5f63;
    color: #ffffff;
}

.loadmore {
    width: 100%;
    display: block;
    text-align: center;
    /* overflow: hidden;*/
    margin: 0 auto;
}

.rtloadmore {
    padding: 14px 41px 14px 41px;
    text-align: center;
    background: #ff5f63;
    border-radius: 3px;
    /*line-height: 45px;
height: 45px;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1px;
    overflow: hidden;
    color: #ffffff;
    display: block;
    border: 0px;
    text-transform: capitalize;
    clear: both;
    cursor: pointer;
    text-align: center;
    margin: 0 auto 30px auto;
    width: 16%;
}

.rtloderstyle {
    padding: 14px 41px 14px 41px;
    text-align: center;
    background: #ff5f63;
    border-radius: 3px;
    /*line-height: 45px;
height: 45px;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1px;
    overflow: hidden;
    color: #ffffff;
    display: block;
    border: 0px;
    text-transform: capitalize;
    clear: both;
    cursor: pointer;
    text-align: center;
    margin: 0 auto 30px auto;
    width: 18%;
}

.rtloderstyle img {
    width: 16px;
    height: 16px;
}

.rtlazyload {
    padding: 14px 41px 14px 41px;
    text-align: center;
    background: #ff5f63;
    border-radius: 3px;
    /*line-height: 45px;
height: 45px;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1px;
    overflow: hidden;
    color: #ffffff;
    display: block;
    border: 0px;
    text-transform: capitalize;
    clear: both;
    cursor: pointer;
    text-align: center;
    margin: 100px auto 50px auto;
    width: 18%;
}

.rtlazyload img {
    width: 16px;
    height: 16px;
}

.radiantthemes_loadmore {
    padding: 14px 41px 14px 41px;
    text-align: center;
    background: #ff5f63;
    border-radius: 3px;
    /*line-height: 45px;
height: 45px;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1px;
    overflow: hidden;
    color: #ffffff;
    display: block;
    border: 0px;
    text-transform: capitalize;
    clear: both;
    cursor: pointer;
    text-align: center;
    margin: 0 auto 30px auto;
    width: 18%;
}

.rtloadmore-six {
    padding: 14px 41px 14px 41px;
    text-align: center;
    background: #ff5f63;
    border-radius: 3px;
    /*line-height: 45px;
height: 45px;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1px;
    overflow: hidden;
    color: #ffffff;
    display: block;
    border: 0px;
    text-transform: capitalize;
    clear: both;
    cursor: pointer;
    text-align: center;
    margin: 0 auto 30px auto;
    width: 18%;
}

.lazy-load {
    transition: opacity 0.15s;
    opacity: 0;
}

.lazy-load.is-loaded {
    opacity: 1;
}

.wraper_blog_main.style-one .blog-posts {
    margin-left: -25px;
    margin-right: -25px;
}

.wraper_blog_main.style-three .blog-posts {
    margin-left: -10px;
    margin-right: -10px;
}

@media screen and (max-width: 768px) {
    .wraper_blog_main.style-three .blog-posts {
        margin-left: 0px;
        margin-right: 0px;
    }
    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center !important;
    }
}

.wraper_blog_main.style-four .blog-posts {
    margin-left: -10px;
    margin-right: -10px;
}

.wraper_blog_main.style-four .blog-posts {
    margin-left: 0px;
    margin-right: 0px;
}

.wraper_blog_main.style-six .blog-posts {
    margin-left: -10px;
    margin-right: -10px;
}

.wraper_blog_main.style-six .blog-posts {
    margin-left: 0px;
    margin-right: 0px;
}
}

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/

#mobile-menu {
    background-color: #f1f1f1 !important;
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s !important;
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
    .case-studies-single-pagination &gt; [class*="col-"] {
        padding: 0 15px;
    }

    .case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-post-back-btn {
        margin: 25px 0;
    }

    .case-studies-single-post-tags p {
        display: block;
    }

    .case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post {
        float: left;
    }

    .case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post &gt; a {
        text-align: left;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
    .case-studies-single-pagination &gt; [class*="col-"] {
        padding: 0 15px;
    }

    .case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-post-back-btn {
        margin: 25px 0;
    }

    .case-studies-single-post-tags p {
        display: block;
    }

    .case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post {
        float: left;
    }

    .case-studies-single-pagination &gt; [class*="col-"] &gt; .case-studies-single-next-post &gt; a {
        text-align: left;
    }
}

.blog_single h1.entry-title {
    line-height: 54px;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: -0.3px;
}

.site-content {
    padding-bottom: 0;
}

.animated {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInLeft {
    from {
        opacity: 0.6;
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
    animation-duration: 1.5s !important;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes fadeInRight {
    from {
        opacity: 1;
        transform: translate3d(2%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation-duration: 1.5s !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 0.6s !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 1.8s !important;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 35px, 0) scale3d(1, 1, 1);
        opacity: 0;
        transform-style: preserve-3d;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        transform-style: preserve-3d;
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes zoomIn {
    from {
        opacity: 0.2;
        /*-webkit-transform: translate3d(0, 30px, 0) scale(0.4);*/
        transform: scaleX(0.8) scaleY(0.8);
    }

    50% {
        opacity: 1;
        /*-webkit-transform: translate3d(0, 0, 0) scale(1);*/
        transform: scaleX(1) scaleY(1);
    }
}

.zoomIn {
    animation-name: zoomIn;
    animation-duration: 1s !important;
}

@keyframes rollIn {
    from {
        opacity: 0.6;
        transform: perspective(1000px) rotateX(30deg);
    }

    to {
        opacity: 1;
        transform: perspective(0px) rotateX(0deg);
    }
}

.rollIn {
    animation-name: rollIn;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes pulse {
    from {
        transform: perspective(2000px) rotate3d(1, 0, 0, 30deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    to {
        transform: perspective(0) rotate3d(1, 0, 0, 0);
    }
}

.pulse {
    backface-visibility: visible !important;
    animation-name: pulse;
}

.animated.animated-fast {
    animation-duration: 0.45s !important;
}

/*widgets image box*/

.random-post-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
}

.random-post-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    /*background-color: rgba(0, 0, 0, 0.30);*/
    background: #000;
}

.random-post-wrapper &gt; .random-post-pic img {
    width: 100%;
    height: auto;
    height: 345px;
}

.random-post-wrapper &gt; .random-post-data {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 18px;
    margin-top: ;
}

/*#radiantthemes_image_box_widget-2 .random-post-wrapper &gt; .random-post-data{
position:static !important;
margin-top:30px;
margin-top:0px;
}
*/
#radiantthemes_image_box_widget-2 .random-post-wrapper &gt; .random-post-data p {
    color: #fff !important;
}

.random-post-wrapper &gt; .random-post-data &gt; .title &gt; a {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
    color: #ffffff;
    padding-bottom: 15px;
}

.random-post-wrapper &gt; .random-post-data &gt; .random-post-excerpt &gt; a {
    font-size: 15px;
    line-height: 28px;
    color: #dce3eb;
    margin-bottom: 0;
}

/*Blog style 3 */

.post.style-three .entry-main .entry-content p {
    margin-bottom: 20px;
    font-size: 15px;
    color: #4b5264 !important;
    line-height: 28px;
}

.post.style-three .entry-main .author {
    font-weight: 400;
}

.post.style-three span {
    text-transform: capitalize;
    font-size: 15px;
    color: #4b5264 !important;
    line-height: 1.8;
}

.post.style-three .entry-main .post-meta &gt; span {
    font-size: 15px;
    font-weight: 400;
    color: #4b5264 !important;
    text-transform: capitalize;
}

.post.style-one .entry-main .entry-header .date {
    font-size: 15px;
    color: #4b5464;
}

.mas_cont span {
    font-size: 16px;
}

.mas_cont p {
    color: #6a7c92;
}

.post.style-six .entry-main .author {
    font-weight: 400;
    font-size: 15px;
    color: #4b5264 !important;
}

/*.style-default .entry-header .entry-title a {
  font-size: 22px;
  line-height: 30px;
}*/

.radiantthemes-button &gt; .radiantthemes-button-main,
.gdpr-notice .btn,
.shop_single &gt; .summary form.cart .button,
.shop_single #review_form #respond input[type="submit"],
.woocommerce button.button[name="apply_coupon"],
.woocommerce button.button[name="update_cart"],
.woocommerce button.button[name="update_cart"]:disabled,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce form.checkout_coupon .form-row .button,
.woocommerce #payment #place_order,
.woocommerce .return-to-shop .button,
.woocommerce form .form-row input.button,
.woocommerce table.shop_table.wishlist_table &gt; tbody &gt; tr &gt; td.product-add-to-cart a,
.widget-area &gt; .widget.widget_price_filter .button,
.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.tribe_events.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.testimonial.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.team.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.portfolio.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.case-studies.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.client.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn::before,
.comments-area .comment-form &gt; p button[type="submit"],
.comments-area .comment-form &gt; p button[type="reset"],
.wraper_error_main.style-one .error_main .btn,
.wraper_error_main.style-two .error_main .btn,
.wraper_error_main.style-three .error_main_item .btn,
.wraper_error_main.style-four .error_main .btn {
    border-radius: 5px;
}

/*.comments-area .comment-form &gt; p input[type="text"]:focus,
.comments-area .comment-form &gt; p textarea:focus {
  border: 1px solid #ff5f63;
}*/

/******* Portfolio Filter css *******/
.rt-portfolio-box-filter.element-eight.filter-style-one {
    padding: 15px 0 52px 0;
}

.rt-portfolio-box-filter.element-eight.filter-style-one button {
    position: relative;
    border: none;
    margin: 0 5px;
    padding: 0px;
    background: transparent;
    color: #797f84;
    margin: 0 16px;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.1px;
}

.rt-portfolio-box-filter.element-eight.filter-style-one button:hover {
    color: #ff5f63;
}

.rt-portfolio-box-filter.element-eight.filter-style-one button span::after {
    content: "";
    width: 0;
    height: 2px;
    top: 35px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #ff5f63;
}

.rt-portfolio-box-filter.element-eight.filter-style-one button:hover span::after {
    width: 100%;
    left: 0;
    right: auto;
}

.rt-portfolio-box-filter.element-eight.filter-style-one button.current-menu-item::after {
    content: "";
    width: 100%;
    height: 2px;
    top: 35px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #ff5f63;
}

.rt-portfolio-box-filter.element-eight.filter-style-one button.current-menu-item {
    color: #ff5f63;
}

/******* Portfolio Filter css end *******/

/******* custom css *******/

.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn {
    border-radius: 0px;
}

.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn {
    transition: all 0.3s;
}

.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn:hover {
    background: #FF6064 !important;
    border: 1px solid #FF6064;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 0.3s;
    border-radius: 5px;
}
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span {
    background: #FF6064 !important;
    border: 1px solid #FF6064 !important;
    border-radius: 5px !important;
}
.product.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span:hover,
.page.style-default .entry-main .entry-extra .entry-extra-item .post-read-more .btn span:hover {
    background: #FF6064 !important;
    border: 1px solid #FF6064 !important;
    border-radius: 5px !important;
}

.rt-image-box h3 {
    color: #fff !important;
    font-size: 22px;
    line-height: 35px;
    font-weight: 500;
}

.rt-image-box &gt; h3 {
    margin-top: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.random-post-wrapper:before {
    display: none;
}

.random-post-pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*.random-post-pic {
	width: 238px;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 16px 40px rgba(0,0,0,0.15);
}
*/
.post.style-default .entry-header {
    margin-bottom: 10px !important;
}

.post.style-default .entry-header .entry-title {
    letter-spacing: -0.3px;
    color: #181b31;
    margin-top: 8px !important;
}
.category-markup .post.style-default .entry-header .entry-title {
  margin-top: -7px !important;
}

.post.style-default .entry-meta &gt; .holder &gt; .data .meta {
    font-size: 15px;
}

.post.style-default .entry-main .entry-extra .entry-extra-item .post-read-more {
    margin-bottom: 5px !important;
}

/********** Bootstrap default styling ************/

code,
tt,
var {
    font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    color: #181b31;
}

.shop_single #review_form #respond input[type="submit"] {
    background: #ff5f63 !important;
    border: 1px solid #ff5f63 !important;
}

/*loader*/
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2100;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loader1 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.loader .loader-counter-spiner-holder {
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible;
    width: 100vw;
    height: 101vh;
}

.loader .loader-counter-spiner-holder .loader-counter.loader-counter-number-holder h1 {
    font-family: "futura-pt" !important;
    position: relative;
    z-index: 23;
    font-size: 150px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #dbdcec;
    opacity: 0;
    -webkit-animation: loader-counter-numbers 1s forwards;
    animation: loader-counter-numbers 1s forwards;
}

@-webkit-keyframes loader-counter-numbers {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes loader-counter-numbers {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.loader .loader-counter-spiner-holder .loader-counter-spiner-overlay-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 101vh;
    background: #edecf2;
    will-change: width;
}

.preloader.loaded .loader-counter-spiner-overlay-holder {
    -webkit-animation: loader-fill-spinner-overlay 1s cubic-bezier(0.83, 0.07, 0.25, 1) forwards;
    animation: loader-fill-spinner-overlay 1s cubic-bezier(0.83, 0.07, 0.25, 1) forwards;
}

@-webkit-keyframes loader-fill-spinner-overlay {
    0% {
        width: 0;
    }

    100% {
        width: 100vw;
    }
}

@keyframes loader-fill-spinner-overlay {
    0% {
        width: 0;
    }

    100% {
        width: 100vw;
    }
}

/*.preloader.loaded {
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    opacity: 1;
    visibility: visible;
}
.preloader {
    -webkit-transition: -webkit-transform 1s cubic-bezier(.86,0,.07,1) .8s;
    -o-transition: transform 1s cubic-bezier(.86,0,.07,1) .8s;
    transition: transform 1s cubic-bezier(.86,0,.07,1) .8s;
    transition: transform 1s cubic-bezier(.86,0,.07,1) .8s,-webkit-transform 1s cubic-bezier(.86,0,.07,1) .8s;
} */
.loader-transition {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 2000;
}

.preloader {
    will-change: transform;
}

/* .preloader {
    background-color: #000 !important;
}
 blog element-six */

.blog-posts {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

/*.blog-posts .style-one.blog-item {*/
/*	padding-left: 15px;*/
/*	padding-right: 15px;*/
/*}*/

.blog-posts .style-one.blog-item &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding-top: calc((66 / 100) * 100%);
    border-radius: 5px;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .pic &gt; .pic-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: 0.42s ease-out;
    -webkit-transition: 0.42s ease-out;
    transform: scale(1.01);
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data ul.meta {
    margin-bottom: 6px;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data ul.meta &gt; li {
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #797675;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data ul.meta &gt; li a {
    color: inherit;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .title {
    margin-bottom: 9px;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    min-height: 55px;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .title a {
    color: inherit;
}

.blog-posts .style-one.blog-item &gt; .holder:hover &gt; .pic &gt; .pic-main {
    -webkit-transform: scale(1.035);
    -ms-transform: scale(1.035);
    transform: scale(1.035);
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .btn span {
    position: relative;
    display: inline-block;
    font-weight: bold;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .btn span:before {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .btn span:after,
.blog-posts .style-one.blog-item &gt; .holder &gt; .data .btn span:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
    -o-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
    transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .btn:hover span:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .btn span:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.blog-posts .style-one.blog-item &gt; .holder &gt; .data .btn:hover span:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0.34s;
    -o-transition-delay: 0.34s;
    transition-delay: 0.34s;
}

.blog-posts .style-one:not(.owl-carousel) .blog-item {
    float: left;
    margin-bottom: 40px;
}

/*=====================================================
Box Grid 1
=====================================================*/
.rt-masonry.style-seven {
    column-gap: 28px;
}


.rt-masonry {
    columns: 2;
    column-gap: 34px;
    padding-top: 149px;
    padding-bottom: 113px;
}

@media (max-width: 1200px) {
    .rt-masonry {
        columns: 2;
    }
}

@media (max-width: 992px) {
    .rt-masonry {
        columns: 2;
    }
}

@media (max-width: 480px) {
    .rt-masonry {
        columns: 1;
    }
}

.rt-masonry .rt-grid {
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
    /*padding-left: 7px;*/
    /* padding-right: 7px;*/
}

.rt-masonry.style-seven .rt-grid {
    display: inline-block;
    margin-bottom: 35px;
    position: relative;
    padding-left: 7px;
    /*padding-right: 7px;*/
}

.rt-masonry .rt-grid img {
    outline: none;
    border: none;
    display: block;
    max-width: 100%;
    overflow: hidden;
}

.rt-image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    border-radius: 5px;
}

.rt-image-box img {
    max-width: 100%;
    transition: .42s ease-out;
    -webkit-transition: .42s ease-out;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1.01);
}

.rt-image-box:hover img {
    -webkit-transform: scale(1.035);
    transform: scale(1.035);
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

/*=====================================================
Box Grid 2
=====================================================*/
.radiant_lifestyle_section_two-col {
    padding: 22px 80px 1px 0px;
    background: #ffffff;
}

.radiant_lifestyle_section_two-col h3 {
    font-size: 22px;
    color: #181b31;
    line-height: 30px !important;
    margin-bottom: 11px;
    padding: 0;
}

.radiant_lifestyle_section_two-col h3 a {
    color: #181b31;
    text-decoration: none;
    cursor: pointer !important;
}

.radiant_lifestyle_section_two-col h3 a:hover {
    color: #181b31;
}

.radiant_lifestyle_section_two-col p {
    font-size: 15px;
    color: #797675;
    line-height: 30px;
    margin-bottom: 7px;
    padding: 0;
}

.rt-masn-brdr {
    border-bottom: 1px solid #ededed;
    margin-bottom: 17px;
    display: block;
    position: relative;
}

.radiant_lifestyle_section_two-col .radiant-masonory-date p {
    color: #8b8989;
    font-size: 15px;
    line-height: 30px;
    margin-top: 3px;
}

/*==================================== LightBox ====================================*/

#rt_popbutton {
    /* Dimensions */
    width: 60px !important;
    height: 60px;

    /* Positioning */
    position: absolute;
    left: 50%;
    width: 50%;
    top: 50%;
    transform: translate(-50%, -165%) !important;
    z-index: 2;
    background-color: #fba301;
    border: none;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    /*box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.25);*/

    /* ----- Transformations ----- */
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);

    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

#rt_popbutton:hover {
    /* ----- Transformations ----- */
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);

    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

#rt_popbutton &gt; i {
    /* Text */
    color: #ffffff;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);

    /* Make play sign 3d-ish */

    /* Positioning */
    position: relative;
    margin-top: 4px;
    margin-left: 6px;

    /* ----- Transitions ----- */
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

#rt_popbutton &gt; i.fa-play:before {
    font-size: 25px;
}

#rt_popbutton:hover &gt; i {
    /* Text */
    color: #17232d;

    /* ----- Transitions ----- */
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;

    /* When we hover on the button make the play sign white. */
}

#rt-lightbox_pop {
    /* ----- Positioning ----- */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 200px;
    /* The code above makes sure that the
  lightbox covers the entire page*/

    /* ----- Visibility ----- */
    display: none;

    /* ----- Styling ----- */
    background-color: rgba(0, 0, 0, 0.95);

    /* Normally, most lightboxes do not use
  a completely solid black, but with about
  90-95% opacity so that the background is
  somewhat visible */
}

#video-wrapper {
    /* ----- Positioning ----- */
    position: relative;
    top: 50%;
    left: 50%;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

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

#rt-close-btn {
    /* ----- Text ----- */
    color: grey;
    font-size: 25px;

    /* ----- Positioning ----- */
    position: fixed;
    top: 3%;
    right: 3%;
    z-index: 2;

    /* The code above is used to put the button on the upper right corner of the lightbox */

    /* ----- Transformations ----- */
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);

    /* The code above is used to initialize the scale for the button so that it can be used in transitions */

    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease, color 0.5s ease;
    -moz-transition: transform 0.5s ease, color 0.5s ease;
    -ms-transition: transform 0.5s ease, color 0.5s ease;
    -o-transition: transform 0.5s ease, color 0.5s ease;
    transition: transform 0.5s ease, color 0.5s ease;
}

#rt-close-btn:hover {
    /* ----- Text ----- */
    color: white;

    /* ----- Styling ----- */
    cursor: pointer;

    /* ----- Transformations ----- */
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);

    /* ----- Transitions ----- */
    -webkit-transition: transform 0.5s ease, color 0.5s ease;
    -moz-transition: transform 0.5s ease, color 0.5s ease;
    -ms-transition: transform 0.5s ease, color 0.5s ease;
    -o-transition: transform 0.5s ease, color 0.5s ease;
    transition: transform 0.5s ease, color 0.5s ease;
}

/* TRANSPARENT BACKGROUND */
#rt_transpnt-bg {
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    top: 62%;
    transform: none;
    z-index: 2;
    border: none;
    outline: none;
    cursor: pointer;
    /* box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.25); */
    transform: none;
}

#rt_transpnt-bg .radiant_lifestyle_section_two-col {
    background: transparent;
    margin-top: -35%;
    position: absolute;
}

#rt_transpnt-bg .radiant_lifestyle_section_two-col h3 {
    font-size: 22px;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 23px;
    padding: 0;
}

#rt_transpnt-bg .radiant_lifestyle_section_two-col h3 a {
    color: #ffffff;
    text-decoration: none;
}

#rt_transpnt-bg .radiant_lifestyle_section_two-col h3 a:hover {
    color: #ffffff;
}

#rt_transpnt-bg .radiant_lifestyle_section_two-col p {
    font-size: 15px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 25px;
    padding: 0;
}

/*========================================== Responsive ==========================================*/

@media screen and (max-width: 1024px) {
    .radiant_grid_bx_two_column li {
        width: 100%;
    }

    #rt_transpnt-bg .radiant_lifestyle_section_two-col {
        background: transparent;
        margin-top: -49%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .radiant_grid_bx_two_column li {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    #rt-lightbox_pop {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    #rt_transpnt-bg .radiant_lifestyle_section_two-col {
        background: transparent;
        margin-top: -72%;
    }

    .default-mobile-wrapper {
        background: #f7f7f7;
        border-bottom: 1px solid #eaeaea;
        overflow: hidden;
        padding: 13px 20px;
    }

    .default-mobile-logo {
        width: 50%;
        float: left;
        display: block;
    }
}

@media screen and (max-width: 767px) {

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        margin: 10px 0 0 0;
    }

    .default-mobile-wrapper {
        background: #f7f7f7;
        border-bottom: 1px solid #eaeaea;
        overflow: hidden;
        padding: 13px 20px;
    }

    .default-mobile-logo {
        width: 50%;
        float: left;
        display: block;
    }


    .radiant_grid_bx_two_column li {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    #rt-lightbox_pop {
        padding: 0;
    }

    .radiant_lifestyle {
        border-left: none;
    }

    .radiant_lifestyle_section_two-col {
        /*padding: 30px 15px;*/
        padding: 15px 15px 10px 15px;
    }

    .radiant-date-bx {
        display: inline;
        position: relative;
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    #rt_transpnt-bg .radiant_lifestyle_section_two-col h3 {
        width: 100%;
    }
}
@media only screen and (max-width:421px) {
    .woocommerce input.input-text[name=coupon_code] {
        width: 100% !important;
        margin: 0px 0px 0px 40px !important;
    }

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        width: 100% !important;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        width: 100% !important;
        margin-top: 10px !important;
    }
}

/************************************************************************************************/
body.mobile-menu-active .overlay {
    visibility: visible;
    opacity: 1;
}

.wraper_header {
    position: relative;
    z-index: 9999;
    width: 100%;
    direction: initial;
}

/*.wraper_header.floating-header {
    position: absolute;
}*/

.wraper_header &gt; .main-header {
    position: relative;
}

.header_holder .wraper_header_main {
    background-color: rgba(255, 255, 255, 0.01);
    width: 100%;
}

.wraper_header .header_holder .elementor-menu-toggle {
    float: right;
    border: none;
    background-color: transparent;
}

.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
    font-size: 23px;
    color: #000;
}

.header_holder .wraper_header_main &gt; nav {
    float: right;
    margin-top: 3px;
    width: 100%;
    display: block;
}

.leftnav .header_holder .wraper_header_main &gt; nav {
    float: left;
    margin-top: 3px;
    text-align: right;
    display: block;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 35px;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li:last-child,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li:only-child {
    margin: 0;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li a {
    line-height: 35px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    position: relative;
    display: block;
    cursor: pointer;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul {
    position: absolute;
    top: 100%;
    left: -40px;
    right: 0;
    z-index: 1;
    width: 265px;
    padding: 40px 0 20px 0;
    transform: translateY(10px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-5deg);
    -o-transform: rotateX(-5deg);
    -moz-transform: rotateX(-5deg);
    -webkit-transform: rotateX(-5deg);
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li:last-child &gt; ul {
    left: auto;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    margin-bottom: 0;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 9px 30px;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li &gt; ul &gt; li &gt; a {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0.8px;
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul &gt; li &gt; ul &gt; li &gt; a:after {
    position: absolute;
    left: 0;
    top: 11px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #000;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul &gt; li &gt; ul &gt; li &gt; a:hover:after {
    width: 15px;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul &gt; li &gt; ul &gt; li &gt; a:hover {
    padding-left: 20px;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li ul {
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
    z-index: 1;
    width: 240px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.075);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li:hover &gt; ul {
    top: -8px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/*.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul::before {*/
/*  width: 15px;*/
/*  height: 15px;*/
/*  background: #fff;*/
/*  transform: rotate(45deg);*/
/*  position: absolute;*/
/*  content: "";*/
/*  top: -7px;*/
/*  left: 23%;*/
/*  box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px;*/
/*}*/

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li:hover &gt; ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul {
    position: absolute;
    top: 55px;
    left: -35px;
    right: 0;
    z-index: 1;
    width: 265px;
    padding: 18px 0 22px 0;
    box-shadow: rgba(67, 90, 111, 0.416) 0 0 1.5px,
        rgba(67, 90, 111, 0.3) 0 2px 4px -2px;
    border-radius: 0;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li ul li.menu-item-has-children &gt; ul::before {
    width: 15px;
    height: 15px;
    background: #ffffff;
    transform: rotate(135deg);
    position: absolute;
    content: "";
    top: 23px;
    right: 0;
    box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px;
    left: 97%;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul &gt; li &gt; ul {
    position: absolute;
    top: 36px;
    left: auto;
    right: 100%;
    z-index: 1;
    width: 265px;
    padding: 18px 0 22px 0;
    box-shadow: rgba(67, 90, 111, 0.416) 0 0 1px,
        rgba(67, 90, 111, 0.3) 0 2px 4px -2px;
    border-radius: 0;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul .menu-item a:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul .menu-item a:before {
    content: "";
    width: 0;
    height: 1px;
    bottom: 3px;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.wraper_header &gt; .sticky-header,
.wraper_header.floating-header &gt; .sticky-header {
    display: none;
    width: 100%;
}

.wraper_header:not(.floating-header) &gt; .sticky-header.delayed-sticky-mode {
    display: flex;
}

.wraper_header.floating-header &gt; .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
    display: flex;
}

.wraper_header &gt; .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-animation: SlideDown 0.55s ease forwards;
    animation: SlideDown 0.55s ease forwards;
    will-change: transform;
}

@-webkit-keyframes SlideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes SlideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.wraper_header .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate.i-am-delayed-sticky {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.075);
}

.header_holder .wraper_header_main.mobile-menu-open {
    transform: translateX(0);
}

.header_holder .wraper_header_main.mobile-menu-open &gt; nav ul.elementor-nav-menu {
    display: block;
}

.header_holder .wraper_header_main.mobile-menu-open &gt; nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
    position: static;
    z-index: 1;
    width: 100%;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    text-align: left;
    background-color: transparent;
    display: none;
    transition: none;
    opacity: 1;
    visibility: visible;
}

.header_holder .wraper_header_main.mobile-menu-open &gt; nav ul.elementor-nav-menu &gt; li.menu-item-has-children a:before,
.header_holder .wraper_header_main.mobile-menu-open &gt; nav ul.elementor-nav-menu li ul li a:after {
    display: none;
}

.mobile-menu-close {
    padding: 8px 0;
    text-align: right;
    cursor: pointer;
    position: relative;
    /* background: #000; */
    margin-bottom: -3px;
    float: right;
    width: 50%;
}

.mobile-menu-close:before {
    color: #000;
    /* background-color: #1c1a1a; */
    display: inline-block;
    content: "\e646";
    font-family: 'themify';
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.mobile-menu-active .mobile-menu-close {
    display: none;
}

.wraper_header section.elementor-element {
    left: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .header_holder .wraper_header_main.mobile-menu-open &gt; nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header {
        z-index: 999999;
    }

    .header_holder .wraper_header_main.mobile-menu-open {
        z-index: 999999;
        transform: translateX(-350px);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    }

    .wraper_header .sticky-header .header_holder .wraper_header_main,
    .wraper_header .header_holder .wraper_header_main {
        height: 100%;
        max-width: 350px;
        width: 100%;
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background-color: #fff;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding: 20px !important;
        text-align: left;
        line-height: normal;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .header_holder .wraper_header_main &gt; nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li a {
        color: #000 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 0;
        width: 40px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu:before {
        top: 0;
        position: absolute;
        content: "\e61a";
        font-family: "themify";
        font-size: 14px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .wraper_header {
        z-index: 999999;
    }

    .header_holder .wraper_header_main.mobile-menu-open {
        z-index: 999999;
        transform: translateX(-350px);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    }

    .wraper_header .sticky-header .header_holder .wraper_header_main,
    .wraper_header .header_holder .wraper_header_main {
        height: 100%;
        max-width: 350px;
        width: 100%;
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background-color: #fff;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding: 20px !important;
        text-align: left;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .header_holder .wraper_header_main &gt; nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li a {
        color: #000 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul &gt; li.menu-item-has-children a {
        padding: 10px 55px 10px 40px;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 10px;
        width: 40px;
        cursor: pointer;
        text-align: center;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu:before {
        top: 0;
        position: absolute;
        content: "\e61a";
        font-family: "themify";
        font-size: 12px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul::before {
        display: none;
    }
}

@media screen and (min-width: 321px) and (max-width: 479px) {
    .header_holder .wraper_header_main.mobile-menu-open &gt; nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header {
        z-index: 999999;
    }

    .header_holder .wraper_header_main.mobile-menu-open {
        z-index: 999999;
        transform: translateX(-350px);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    }

    .wraper_header .sticky-header .header_holder .wraper_header_main,
    .wraper_header .header_holder .wraper_header_main {
        height: 100%;
        max-width: 250px;
        width: 100%;
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background-color: #fff;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding: 10px 20px !important;
        text-align: left;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .header_holder .wraper_header_main &gt; nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li ul li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li ul li ul li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li a {
        color: #000 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul &gt; li.menu-item-has-children a {
        padding: 10px 55px 10px 40px;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 0;
        width: 40px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu:before {
        content: "\e61a";
        font-family: "themify";
        font-size: 14px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul::before {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .header_holder .wraper_header_main {
        height: 100%;
        max-width: 250px;
        width: 100%;
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background-color: #fff;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding: 20px !important;
        text-align: left;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .header_holder .wraper_header_main &gt; nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li a {
        color: #000 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul &gt; li.menu-item-has-children a {
        padding: 20px;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 10px;
        width: 40px;
        cursor: pointer;
        text-align: center;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu:before {
        top: 0;
        position: absolute;
        content: "\e61a";
        font-family: "themify";
        font-size: 12px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu {
    position: static;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
    position: absolute;
    top: 100%;
    left: 46.9%;
    width: 100vw;
    margin-left: -50.7vw;
    transform: translateY(0) !important;
    border-radius: 0;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    padding: 35px 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-5deg) !important;
    -o-transform: rotateX(-5deg) !important;
    -moz-transform: rotateX(-5deg) !important;
    -webkit-transform: rotateX(-5deg) !important;
    transition: all 0.1s ease-in-out !important;
    -webkit-transition: all 0.1s ease-in-out !important;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover &gt; ul.mega-child-menu {
    opacity: 1;
    visibility: visible;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu &gt; li {
    padding: 0;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul.menu &gt; li,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; .elementor-text-editor &gt; div &gt; ul.menu &gt; li {
    width: 100%;
    height: auto;
    position: relative;
    color: #444756;
    font-size: 15px;
    letter-spacing: 0.8px;
    margin: 0 0 15px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; ul &gt; li:last-child,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; .elementor-text-editor &gt; ul &gt; li:last-child {
    margin-bottom: 0;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li &gt; a,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; .elementor-text-editor &gt; div &gt; ul &gt; li &gt; a {
    color: #444756;
    font-size: 15px;
    letter-spacing: 0.8px;
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; .elementor-text-editor &gt; div &gt; ul &gt; li &gt; a:hover {
    font-size: 15px;
    letter-spacing: 0.8px;
    color: #000;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu &gt; li ul &gt; li &gt; a:before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 0;
    height: 2px;
    z-index: 0;
    background-color: #000;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu &gt; li ul &gt; li &gt; a:hover:before {
    width: 15px;
}

.header_holder .elementor-element .elementor-widget-container {
    transition: none !important;
}

.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
    color: #000;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:after,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:after {
    content: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover {
    padding-left: 0 !important;
    color: #4f5ad0;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:after {
    content: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
    padding-left: 0 !important;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
    width: 60em;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    background: #fff;
    top: 62px;
    left: -44px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    box-shadow: rgba(67, 90, 111, 0.416) 0 0 1.5px,
        rgba(67, 90, 111, 0.3) 0 2px 4px -2px;
    -webkit-box-shadow: rgba(67, 90, 111, 0.416) 0 0 1.5px,
        rgba(67, 90, 111, 0.3) 0 2px 4px -2px;
    list-style: none;
    position: absolute;
    border-radius: 5px;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu:hover .mega-child-menu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .mega-child-menu ul li {
    margin-right: 0;
    height: auto;
    margin: 0;
    padding: 7px 54px 7px 0px;
    text-align: left;
    float: left;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li &gt; a,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; .elementor-text-editor &gt; div &gt; ul &gt; li &gt; a {
    color: #13152f;
    font-size: 15px;
    letter-spacing: 0.1px;
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li &gt; a:hover,
.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; .elementor-text-editor &gt; div &gt; ul &gt; li &gt; a:hover {
    font-size: 15px;
    letter-spacing: 0.1px;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after {
    content: "Label";
    position: absolute;
    background: #f95448;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    right: -33px;
    top: 14px;
    border-radius: 3px;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li &gt; a::after {
    /*content: "";
  position: absolute;
  background: #989898;
  width: 7px;
  height: 1px;
  top: 17px;
  left: -30px;
  transform: none;*/
    display: none;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li:hover a::after {
    transform: none;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li &gt; a::before {
    content: "";
    width: 0;
    height: 1px;
    top: 28px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #444756;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul &gt; li &gt; a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; .radiantthemes-custom-button a.radiantthemes-custom-button-main::after {
    transform: none;
    content: none;
}

/*.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children:hover::after {*/
/*  transform: translate(-40px, 13px) rotate(45deg);*/
/*  transition: all 300ms linear 0s;*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*}*/

/*.header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children::after {*/
/*  transition: all 300ms linear 0s;*/
/*  transform: translate(-40px, 20px) rotate(45deg);*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  width: 15px;*/
/*  height: 15px;*/
/*  background: #fff;*/
/*  box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px;*/
/*  content: "";*/
/*  position: absolute;*/
/*}*/

.main-megamenu-holder .mega-child-menu h5 {
    text-align: left;
}

@media screen and (min-width: 1920px) and (max-width: 2000px) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        left: 0;
        margin-left: -28.2vw;
    }
}

@media screen and (min-width: 1151px) and (max-width: 1260px) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        left: 0;
        margin-left: -19.1vw;
    }
}

@media screen and (min-width: 1031px) and (max-width: 1150px) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        left: 0;
        margin-left: -13.1vw;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) and (orientation: landscape) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        left: 0;
        margin-left: -13.1vw;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) and (orientation: portrait) {

    .woocommerce .coupon,
    .woocommerce .checkout_coupon {
        width: auto;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        left: 0;
        margin-left: -50vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        left: 0;
        margin-left: -50vw;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul.menu &gt; li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        left: -38% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
        border: 1px solid red;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 0;
        width: 40px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before {
        content: "\e61a";
        font-family: "themify";
        font-size: 14px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }

    .woocommerce .coupon,
    .woocommerce .checkout_coupon {
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover {
        padding-left: 35px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul.menu &gt; li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        left: -38% !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 5px 0;
        /*border-bottom: 1px rgba(106, 124, 146, 0.1) solid;*/
        color: inherit;
        margin-bottom: 0;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
        margin: 0;
    }

    .mega-child-menu .elementor-column-gap-default &gt; .elementor-row &gt; .elementor-column &gt; .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding-bottom: 2px !important;
    }

    .header_holder .elementor-column.elementor-col-25,
    .elementor-column[data-col="25"] {
        width: 100%;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 0;
        width: 40px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before {
        content: "\e61a";
        font-family: "themify";
        font-size: 14px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }
}


@media screen and (min-width: 480px) and (max-width: 767px) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
        border: 1px solid red;
    }

    .mega-child-menu .elementor-column.elementor-col-25 {
        width: 100%;
    }

    .mobile-menu-nav &gt; [class*="menu-"] &gt; ul.menu &gt; li &gt; ul &gt; li a {
        padding-left: 30px;
    }

    .mega-child-menu &gt; li ul &gt; li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        /*border-bottom: 1px rgba(106, 124, 146, 0.1) solid;*/
        color: inherit;
    }

    .mega-child-menu &gt; li ul &gt; li &gt; a {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 14px;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
        margin: 0;
    }

    .mega-child-menu .elementor-column-gap-default &gt; .elementor-row &gt; .elementor-column &gt; .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding-bottom: 2px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 479px) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after {
        right: 40px;
        top: 20px;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul.menu &gt; li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover {
        padding-left: 35px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 0;
        width: 40px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu:before {
        content: "\e61a";
        font-family: "themify";
        font-size: 14px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu &gt; li.menu-item-has-children &gt; .main-megamenu-holder &gt; .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul li.menu-item-has-children &gt; .main-megamenu-holder .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        /*border-bottom: 1px rgba(106, 124, 146, 0.1) solid;*/
        color: inherit;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
        margin: 0;
    }

    .mega-child-menu .elementor-column-gap-default &gt; .elementor-row &gt; .elementor-column &gt; .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding-bottom: 2px !important;
    }
}

@media screen and (max-width: 320px) {
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li:hover &gt; ul &gt; li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li &gt; ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li.mega-parent-menu &gt; ul.mega-child-menu .elementor-element &gt; .elementor-column-wrap &gt; .elementor-widget-wrap &gt; .elementor-element &gt; .elementor-widget-container &gt; div &gt; ul.menu &gt; li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover,
    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li &gt; ul &gt; li &gt; a:hover {
        padding-left: 35px !important;
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
        color: inherit;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.1) solid;
        margin: 0;
    }

    .mega-child-menu .elementor-column-gap-default &gt; .elementor-row &gt; .elementor-column &gt; .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main &gt; nav ul.elementor-nav-menu &gt; li a {
        padding-bottom: 2px !important;
    }
}

.elementor-widget-radiant-custom-cart .header-cart-bar {
    float: right;
    margin-top: 7px;
    text-align: center;
    font-size: 0;
}

.elementor-widget-radiant-custom-cart .header-cart-bar &gt; .header-cart-bar-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    color: #fff;
}

.elementor-widget-radiant-custom-cart .header-cart-bar &gt; .header-cart-bar-icon &gt; span.ti-shopping-cart {
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.elementor-widget-radiant-custom-cart .header-cart-bar &gt; .header-cart-bar-icon &gt; .cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    background-color: #ff2c54;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 321px) and (max-width: 479px) {
    .elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
        right: 0;
        left: 6px;
    }
}

@media screen and (max-width: 320px) {
    .elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
        right: 0;
        left: 6px;
    }
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-top: 3px;
    cursor: pointer;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder {
    position: relative;
    display: block;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar span[class*="ti-"] {
    font-size: 18px;
    color: #000;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box {
    position: absolute;
    top: -10px;
    right: 30px;
    z-index: 1;
    width: 30px;
    padding: 5px 5px 4px 12px;
    background-color: #f9f9f9;
    border: 3px rgba(0, 0, 0, 0.1) solid;
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row {
    position: relative;
    display: block;
    padding-right: 30px;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row input[type="search"] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row input[type="search"]::placeholder {
    color: #000;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder &gt; .header-slideout-searchbar-box &gt; .form-row button[type="submit"] {
    position: absolute;
    top: 0;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border: none;
    display: none;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar &gt; .header-slideout-searchbar-holder:hover &gt; .header-slideout-searchbar-box,
.wraper_header.style-sixteen .wraper_header_main .header-main-action ul &gt; li.header-slideout-searchbar &gt; .header-slideout-searchbar-holder:focus &gt; .header-slideout-searchbar-box {
    width: 200px;
    opacity: 1;
    visibility: visible;
}

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

/*=====================================================
Box Grid 2
=====================================================*/
.radiant_lifestyle_trans_bg {
    padding: 20px 45px 1px 45px;
    background: transparent;
}

.radiant_lifestyle_trans_bg h3 {
    font-size: 22px;
    color: #ffffff;
    line-height: 32px !important;
    margin-bottom: 6px;
    padding: 0;
}

.radiant_lifestyle_trans_bg h3 a {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer !important;
}

.radiant_lifestyle_trans_bg h3 a:hover {
    color: #ffffff;
}

.radiant_lifestyle_trans_bg p {
    font-size: 15px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 6px;
    padding: 0;
}

/********************************/
.rt-bottom-left {
    position: absolute;
    /*bottom: 8px;
  left: 16px;*/
    bottom: 32px;
    left: 0px;
}

a.transparent-masionary-btn-hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

a:hover.transparent-masionary-btn-hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span {
    position: relative;
    display: inline-block;
    margin-top: 4px;
}

.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after,
.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
    -o-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
    transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
}

.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0.34s;
    -o-transition-delay: 0.34s;
    transition-delay: 0.34s;
}

.rt-no-more-post {
    overflow: hidden;
    text-align: center;
    font-style: italic;
    margin-bottom: 150px;
}

.rt-no-more-post {
    display: none;
}


/******************************** Theme Options/

/* START OF COMMON CSS*/
.moving-image-style-one .elementor-image img {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.moving-image-style-one:hover .elementor-image img {
    transform: translate3d(-10px, 0, 0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.moving-image-style-two .elementor-image img {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.moving-image-style-two:hover .elementor-image img {
    transform: translate3d(-10px, 5px, 0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.icon-moving .elementor-image-box-img img {
    transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
}

.icon-moving:hover .elementor-image-box-img img {
    transform: translate3d(-6px, 0px, 0);
}

.icon-moving-style-two .elementor-image img {
    transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
}

.icon-moving-style-two:hover .elementor-image img {
    transform: translate3d(0px, -6px, 0);
}

.icon-moving-style-three .elementor-image-box-img img {
    transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
}

.icon-moving-style-three:hover .elementor-image-box-img img {
    transform: translate3d(0px, -6px, 0);
}

.icon-moving-style-four .elementor-image img {
    transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
}

.icon-moving-style-four:hover .elementor-image img {
    transform: translate3d(-6px, 0px, 0);
}

.rt-portfolio-box.element-eight .overlay {
    background-color: transparent !important;
}

.wraper_error_main.style-one .error_main .btn {
    border-radius: 5px !important;
}

.landing-banner-img .elementor-image {
    width: 1350px;
    float: right;
    position: relative;
    left: 9%;
}

/* END OF COMMON CSS*/

/* Contact Us Css */
.contact_us_page .form-row input[type="text"] {
    width: 100%;
    height: 67px;
    padding: 12px 15px 12px 20px;
    margin-bottom: 0px;
    border: 1px solid #F3F5FD;
    background-color: #F3F5FD;
    margin-bottom: 10px;
    border-radius: 5px;
}

.contact_us_page .form-row input[type="text"]::placeholder {
    color: #7a7a7a;
}

.contact_us_page .form-row input[type="text"]:focus {
    color: #231834;
    background: #EEF1FF;
}

.contact_us_page textarea {
    height: 150px;
    resize: none;
    width: 100%;
    margin-bottom: 18px;
    padding: 7px 15px 8px 20px;
    border: 1px solid #F3F5FD;
    background-color: #F3F5FD;
    border-radius: 5px;
}

.contact_us_page .form-row textarea::placeholder {
    color: #7a7a7a;
}

.contact_us_page .form-row textarea:focus {
    color: #231834;
    background: #EEF1FF;
}

.contact_us_page input[type="submit"] {
    font-size: 17px;
    color: #fff;
    padding: 12px 30px 12px 30px;
    border: none;
    background: #FB5545;
    border-radius: 5px;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out
}

.contact_us_page input[type="submit"]:hover {
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
}

/* End Contact us css */

/* Start Contact us two css */

/*.contact-two .form-row {*/
/*    margin-right: -11px;*/
/*}*/
.contact-two .form-row input[type="text"] {
    width: 104%;
    height: 50px;
    padding: 12px 15px 12px 20px;
    margin-bottom: 0px;
    border: 1px solid #F3F5FD;
    background-color: #F3F1EE;
    border-radius: 5px;
}

.contact-two .form-row input[type="text"]:hover {
    width: 104%;
    height: 50px;
    padding: 12px 15px 12px 20px;
    margin-bottom: 0px;
    border: 1px solid #CDCDCD;
    background-color: #FCFAF9;
    border-radius: 5px;
}

.contact-two textarea {
    height: 150px;
    resize: none;
    width: 102%;
    padding: 7px 15px 8px 20px;
    border: 1px solid #F3F5FD;
    background-color: #F3F1EE;
    border-radius: 5px;
}

.contact-two textarea:hover {
    height: 150px;
    resize: none;
    width: 102%;
    padding: 7px 15px 8px 20px;
    border: 1px solid #CDCDCD;
    background-color: #FCFAF9;
    border-radius: 5px;
}

.contact-two input[type="submit"] {
    background: #FBA301;
    border: none;
    color: #fff;
    padding: 14px 43px;
    border-radius: 4px;
    font-family: "Roboto";
    font-weight: 500;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out;
    margin-top: -10px;
}

.contact-page-icon-align span.elementor-icon-box-title {
    font-family: futura-pt;

}

.contact-two select.wpcf7-form-control.wpcf7-select {
    width: 104%;
    height: 50px;
    border-radius: 5px;
    line-height: 28px;
    cursor: pointer;
    padding: 12px 15px 12px 20px;
    border: 1px solid #F3F5FD;
    background-color: #F3F1EE;
}

@media screen and (max-width: 1024px) {
    .contact-two .form-row input[type="text"] {
        width: 100%;
    }

    .contact-two .form-row input[type="text"]:hover {
        width: 100%;
    }

    .contact-two textarea {
        width: 100%;
    }

    .contact-two select.wpcf7-form-control.wpcf7-select {
        width: 100%;
    }
}

/* End Contact us two css */


/* Testimonial Css /*
/* testimonial element-one */

.testimonial.element-one {
    position: relative;
}

.testimonial.element-one .testimonial-item &gt; .holder {
    text-align: center;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-pic {
    margin-bottom: 50px;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-pic &gt; .testimonial-pic-holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-pic &gt; .testimonial-pic-holder &gt; .testimonial-pic-main {
    display: inline-block;
    vertical-align: top;
    width: 145px;
    height: 145px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-pic &gt; .testimonial-pic-holder &gt; .testimonial-pic-icon {
    position: absolute;
    bottom: -10px;
    right: -5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    color: #fff;
    line-height: 60px;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-data {
    margin-bottom: 35px;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-data blockquote &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-data blockquote p {
    margin-bottom: 20px;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-title .title {
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #24323d;
    line-height: 28px;
}

.testimonial.element-one .testimonial-item &gt; .holder &gt; .testimonial-title .designation {
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #676767;
    line-height: 26px;
}

.testimonial.element-one:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-one &gt; .owl-thumbs {
    display: none;
}

.testimonial.element-one &gt; .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

/* testimonial element-two */

.testimonial.element-two {
    position: relative;
}

.testimonial.element-two .testimonial-item &gt; .holder {
    text-align: left;
}

.testimonial.element-two .testimonial-item &gt; .holder &gt; .testimonial-data {
    margin-bottom: 32px;
}

.testimonial.element-two .testimonial-item &gt; .holder &gt; .testimonial-data blockquote &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-two .testimonial-item &gt; .holder &gt; .testimonial-data blockquote p {
    margin-bottom: 20px;
    color: #fff;
}

.testimonial.element-two .testimonial-item &gt; .holder &gt; .testimonial-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-two .testimonial-item &gt; .holder &gt; .testimonial-title .title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
}

.testimonial.element-two .testimonial-item &gt; .holder &gt; .testimonial-title .designation {
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    line-height: 26px;
}

.testimonial.element-two:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-two &gt; .owl-thumbs {
    display: none;
}

.testimonial.element-two &gt; .owl-nav {
    margin-top: 30px !important;
    text-align: left !important;
}

.testimonial.element-two &gt; .owl-dots {
    position: static !important;
    margin: 38px 0 0 0 !important;
    text-align: left !important;
}

.testimonial.element-two &gt; .owl-dots &gt; .owl-dot &gt; span {
    width: 10px !important;
    height: 10px !important;
}

/* testimonial element-three */

.testimonial.element-three {
    position: relative;
}

.testimonial.element-three .testimonial-item &gt; .holder {
    text-align: left;
    background: #fff;
    border-radius: 5px;
    padding-top: 37px;
    padding-bottom: 52px;
    padding-left: 38px;
    padding-right: 38px;
    /*box-shadow: 0px 0px 10px 5px rgba(47, 85, 212, 0.1);*/
    margin-top: 15px;
    margin-bottom: 15px;
}

.testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title {
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
    padding-top: 13px;
    padding-left: 90px;
}

.testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-pic {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 71px;
    height: 71px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .title {
    margin-bottom: 3px;
    margin-top: -9px;
    margin-left: 8px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    color: #16171e;
    line-height: 28px;
}


.testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .designation {
    margin-bottom: 7px;
    margin-left: 8px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 13px;
    color: #676767;
    line-height: 26px;
}

.testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-data blockquote &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-data blockquote p {
    margin-bottom: 20px;
}

.testimonial.element-three:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-three &gt; .owl-thumbs {
    display: none;
}

.testimonial.element-three &gt; .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

/* testimonial element-four */

.testimonial.element-four {
    position: relative;
}

.testimonial.element-four .testimonial-item &gt; .holder {
    text-align: center;
}

.testimonial.element-four .testimonial-item &gt; .holder &gt; .testimonial-data {
    margin-bottom: 32px;
}

.testimonial.element-four .testimonial-item &gt; .holder &gt; .testimonial-data blockquote &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-four .testimonial-item &gt; .holder &gt; .testimonial-data blockquote p {
    margin-bottom: 20px;
    color: #fff;
}

.testimonial.element-four .testimonial-item &gt; .holder &gt; .testimonial-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-four .testimonial-item &gt; .holder &gt; .testimonial-title .title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 1.5px;
}

.testimonial.element-four:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-four &gt; .owl-thumbs {
    display: none;
}

.testimonial.element-four &gt; .owl-nav {
    margin-top: 30px !important;
    text-align: left !important;
}

.testimonial.element-four &gt; .owl-dots {
    position: static !important;
    margin: 38px 0 0 0 !important;
}

.testimonial.element-four &gt; .owl-dots &gt; .owl-dot &gt; span {
    width: 13px !important;
    height: 13px !important;
}

/* testimonial element-five */

.testimonial.element-five {
    position: relative;
}

.testimonial.element-five .testimonial-item &gt; .holder {
    text-align: left;
}

.testimonial.element-five .testimonial-item &gt; .holder &gt; .testimonial-data {
    margin-bottom: 21px;
}

.testimonial.element-five .testimonial-item &gt; .holder &gt; .testimonial-data blockquote &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-five .testimonial-item &gt; .holder &gt; .testimonial-data blockquote p {
    margin-bottom: 20px;
    color: #151516;
}

.testimonial.element-five .testimonial-item &gt; .holder &gt; .testimonial-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-five .testimonial-item &gt; .holder &gt; .testimonial-title .title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #151516;
    line-height: 30px;
    letter-spacing: 1.5px;
}

.testimonial.element-five:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-five &gt; .owl-thumbs {
    display: none;
}

.testimonial.element-five &gt; .owl-nav {
    margin-top: 30px !important;
    text-align: left !important;
}

.testimonial.element-five &gt; .owl-dots {
    position: static !important;
    margin: 15px 0 0 0 !important;
    text-align: left !important;
}

.testimonial.element-five &gt; .owl-dots &gt; .owl-dot &gt; span {
    width: 13px !important;
    height: 13px !important;
}

/* testimonial element-six */

.testimonial.element-six {
    position: relative;
    width: auto !important;
    margin-left: -15px;
    margin-right: -15px;
}

.testimonial.element-six .testimonial-item {
    padding-left: 15px;
    padding-right: 15px;
}

.testimonial.element-six .testimonial-item &gt; .holder {
    text-align: left;
    text-align: left;
    background: #fff;
    border-radius: 5px;
    padding-top: 37px;
    padding-bottom: 52px;
    padding-left: 38px;
    padding-right: 38px;
    /*box-shadow: 0px 0px 10px 5px rgba(47, 85, 212, 0.1);*/
    margin-top: 15px;
    margin-bottom: 15px;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-data {
    margin-bottom: 23px;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-data blockquote &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-data blockquote p {
    margin-bottom: 20px;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-title {
    position: relative;
    min-height: 63px;
    padding-top: 17px;
    padding-left: 80px;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-pic {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 71px;
    height: 71px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .title {
    margin-bottom: 3px;
    margin-top: -9px;
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #160914;
    line-height: 28px;
    font-style: italic;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .designation {
    margin-left: 8px;
}

.testimonial.element-six .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .title u {
    margin-left: 7px;
    text-decoration: underline !important;
}

.testimonial.element-six:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-six &gt; .owl-thumbs {
    display: none;
}

.testimonial.element-six &gt; .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

/* testimonial element-seven */

.testimonial.element-seven {
    position: relative;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.testimonial.element-seven .testimonial-item {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.testimonial.element-seven .testimonial-item &gt; .holder {
    text-align: left;
    padding: 35px 30px 40px 30px;
    background-color: #fff;
    border-top: 5px rgba(0, 0, 0, 0.2) solid;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main {
    position: relative;
    padding-left: 125px;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-pic {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-bottom: 10px;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-pic &gt; .testimonial-pic-main {
    display: inline-block;
    vertical-align: top;
    width: 105px;
    height: 105px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-data {
    margin-bottom: 12px;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-data blockquote &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-data blockquote p {
    margin-bottom: 20px;
    line-height: 27px;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-title &gt; *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-title .title {
    margin-bottom: 1px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
}

.testimonial.element-seven .testimonial-item &gt; .holder &gt; .testimonial-main &gt; .testimonial-title .designation {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 12px;
    color: #676767;
    line-height: 26px;
}

.testimonial.element-seven:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-seven &gt; .owl-thumbs {
    display: none;
}

.testimonial.element-seven &gt; .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

/* testimonial element-eight */

.testimonial.element-eight {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: left;
    box-shadow: none !important;
    margin-bottom: 25px;
}

.testimonial.element-eight * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.testimonial.element-eight img {
    max-width: 100%;
    vertical-align: middle;
    height: 70px;
    width: 70px !important;
    border-radius: 50% !important;
    margin: 30px 0 0 25px;
}

.testimonial.element-eight .description {
    background-color: #fff;
    display: block;
    font-weight: 400;
    line-height: 30px;
    /*margin: 30px 20px;*/
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 14px;
    margin-right: 14px;
    /*padding: 30px;*/
    padding-top: 41px;
    padding-bottom: 40px;
    padding-left: 38px;
    padding-right: 38px;
    position: relative;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.18);
    border-radius: 5px;
    color: #5E656C;
    line-height: 30px;
}

.testimonial.element-eight .arrow {
    top: 97%;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #fff;
    margin: 0;
    position: absolute;
    display: none;
}

.testimonial.element-eight .author {
    position: absolute;
    bottom: 20px;
    padding: 0 10px 0 112px;
    margin: 0;
    color: #16171e;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.testimonial.element-eight .author h5 {
    font-size: 22px;
    font-weight: 500;
    color: #16171e;
    margin-bottom: 10px;
    line-height: 28px;
}

.testimonial.element-eight .author p {
    font-size: 14px;
    color: #85868c;
    margin-top: -10px;
}

/* Testimonial Css End/*

/* TEAM CSS /*
/* team element-one */

.team.element-one {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.team.element-one .team-item {
    padding-top: 17px;
    padding-right: 15px;
    padding-bottom: 17px;
    padding-left: 15px;
}

.team.element-one .team-item &gt; .holder {
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team.element-one .team-item &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    padding-top: calc((133 / 100) * 100%);
    border-radius: 10px;
    /*box-shadow: 0px 40px 90px -30px rgba(0, 0, 0, 0.25);*/
}

.team.element-one .team-item &gt; .holder &gt; .pic &gt; .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team.element-one .team-item &gt; .holder &gt; .data {
    padding: 18px 15px 0px 15px;
}

.team.element-one .team-item &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.team.element-one .team-item &gt; .holder &gt; .data .designation {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
    color: #272727;
    line-height: 25px;
}

.team.element-one .team-item &gt; .holder &gt; .data .title {
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    line-height: 26px;
}

.team.element-one .team-item &gt; .holder &gt; .data .title a {
    color: inherit;
}

.team.element-one .team-item &gt; .holder:hover &gt; .pic &gt; .placeholder {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.team.element-one:not(.owl-carousel) .team-item {
    float: left;
    margin-bottom: 0;
}

/* team element-two */

.team.element-two {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.team.element-two .team-item {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.team.element-two .team-item &gt; .holder {
    position: relative;
    text-align: center;
}

.team.element-two .team-item &gt; .holder &gt; .pic {
    position: relative;
    overflow: hidden;
    padding-top: calc((159 / 100) * 100%);
}

.team.element-two .team-item &gt; .holder &gt; .pic &gt; .pic-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    filter: grayscale(1);
}

.team.element-two .team-item &gt; .holder &gt; .data {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 15px 20px 17px 20px;
    background-color: #fff;
    box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.team.element-two .team-item &gt; .holder &gt; .data .title {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 17px;
    color: #2b2b2b;
    line-height: 27px;
    letter-spacing: -0.4px;
}

.team.element-two .team-item &gt; .holder &gt; .data .title a {
    color: inherit;
}

.team.element-two .team-item &gt; .holder &gt; .data .designation {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; ul.social-icon {
    margin-top: 3px;
    font-size: 0;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; ul.social-icon &gt; li {
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    margin-right: 3px;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; ul.social-icon &gt; li &gt; a {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    color: #fff;
    line-height: 26px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; ul.social-icon &gt; li.facebook &gt; a {
    background-color: #3b5999;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; ul.social-icon &gt; li.twitter &gt; a {
    background-color: #55acee;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; ul.social-icon &gt; li.gplus &gt; a {
    background-color: #dd4b39;
}

.team.element-two .team-item &gt; .holder &gt; .data &gt; ul.social-icon &gt; li.pinterest &gt; a {
    background-color: #bd081c;
}

.team.element-two .team-item &gt; .holder:hover &gt; .data {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.team.element-two:not(.owl-carousel) .team-item {
    float: left;
    margin-bottom: 25px;
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 50% !important;
    }

    /*.contact-two .form-row {*/
    /*         margin: 0 15px;*/
    /*   }*/
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 50% !important;
    }

    /*   .contact-two .form-row {*/
    /*     margin: 0 15px;*/
    /*}*/
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 100% !important;
    }

    .team.element-one .team-item &gt; .holder &gt; .pic {
        padding-top: 420px;
    }

    /*.contact-two .form-row {*/
    /*     margin: 0 15px;*/
    /* }*/
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 100% !important;
    }

    /*.contact-two .form-row {*/
    /*         margin: 0 15px;*/
    /*}*/
}


/* team element-three */

.team.element-three {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.team.element-three .team-item {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

.team.element-three .team-item &gt; .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((120 / 100) * 100%);
    text-align: inherit;
}

.team.element-three .team-item &gt; .holder &gt; .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
}

.team.element-three .team-item &gt; .holder &gt; .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team.element-three .team-item &gt; .holder &gt; .data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 17px 30px 17px 30px;
}

.team.element-three .team-item &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.team.element-three .team-item &gt; .holder &gt; .data .title {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    letter-spacing: -0.4px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.team.element-three .team-item &gt; .holder &gt; .data .title a {
    color: inherit;
}

.team.element-three .team-item &gt; .holder &gt; .data .designation {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.3s ease-in-out 0.5s;
    -webkit-transition: all 0.3s ease-in-out 0.5s;
}

.team.element-three .team-item &gt; .holder:hover &gt; .overlay {
    opacity: 0.85;
    visibility: visible;
}

.team.element-three .team-item &gt; .holder:hover &gt; .data {
    opacity: 1;
    visibility: visible;
}

.team.element-three .team-item &gt; .holder:hover &gt; .data .title,
.team.element-three .team-item &gt; .holder:hover &gt; .data .designation {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.team.element-three:not(.owl-carousel) .team-item {
    float: left;
    margin-bottom: 0;
}

/* team element-four */

.team.element-four {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.team.element-four .team-item {
    padding-left: 15px;
    padding-right: 15px;
}

.team.element-four .team-item &gt; .holder {
    text-align: center;
}

.team.element-four .team-item &gt; .holder &gt; .pic {
    margin-bottom: 20px;
}

.team.element-four .team-item &gt; .holder &gt; .pic &gt; .placeholder {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: calc((100 / 100) * 100%);
    border-radius: 50%;
}

.team.element-four .team-item &gt; .holder &gt; .pic &gt; .placeholder .pic-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team.element-four .team-item &gt; .holder &gt; .data &gt; *:last-child {
    margin-bottom: 0 !important;
}

.team.element-four .team-item &gt; .holder &gt; .data .title {
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}

.team.element-four .team-item &gt; .holder &gt; .data .title a {
    color: inherit;
}

.team.element-four .team-item &gt; .holder &gt; .data .designation {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

.team.element-four .team-item &gt; .holder:hover &gt; .pic &gt; .placeholder .pic-main {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.team.element-four:not(.owl-carousel) .team-item {
    float: left;
    margin-bottom: 40px;
}

/* team element-five */

.team.element-five .owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ".";
    line-height: 0;
}

/* display none until init */

.team.element-five .owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.team.element-five .owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.team.element-five .owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.team.element-five .owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.team.element-five .owl-carousel .owl-item {
    float: left;
    padding: 0 15px;
}

.team.element-five .owl-controls .owl-page,
.team.element-five .owl-controls .owl-buttons div {
    cursor: pointer;
}

.team.element-five .owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

.team.element-five .grabbing {
    cursor: url(../images/grabbing.png) 8 8, move;
}

/* fix */

.team.element-five .owl-carousel .owl-wrapper,
.team.element-five .owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.team.element-five .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.team.element-five .owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */

.team.element-five .owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.team.element-five .owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */

.team.element-five .owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut.team.element-five 1s both ease;
    animation: backSlideOut 1s both ease;
}

.team.element-five .owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */

.team.element-five .owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.team.element-five .owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */

.team.element-five .owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.team.element-five .owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

/* Styling Pagination*/

.team.element-five .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.team.element-five .owl-theme .owl-controls .owl-page span {
    display: block;
    margin: 5px 7px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
}

.team.element-five .owl-theme .owl-controls .owl-page.active span,
.team.element-five .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
}

/* If PaginationNumbers is true */

.team.element-five .owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    font-size: 12px;
}

/* CUSTOM USER OPTIONS */

.team.element-five .carousel-container {
    width: 100%;
}

.team.element-five .rt_team_area {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 5px 35px -20px rgba(0, 0, 0, 0.25);
    margin: 15px;
}

.team.element-five .team-item-five {
    float: left;
    margin: 0;
}

.team.element-five .team-item-five .rt_img_bx {
    display: block;
    position: relative;
    overflow: hidden;
}

.team.element-five .team-item-five .rt_img_bx img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    transition: all .5s ease-in-out;
}

.team.element-five .team-item-five .rt_img_bx img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.team.element-five .rt_team_detail_bx {
    padding: 20px 0 0 0;
}

.team.element-five .rt_team_detail_bx h3 {
    color: #1E1666;
    font-size: 22px;
    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 22px;
}

.team.element-five .rt_team_detail_bx p {
    color: #4E6075;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.team.element-five .owl-pagination {
    display: none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .team.element-five .team-item-five {
        margin: 0 0 10px 0;
        float: none;
    }

    .team.element-five:not(.owl-carousel) .team-item-five {
        width: 50% !important;
        margin-bottom: 20px;
        float: left;
    }

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        float: left;
        width: 68%;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        width: auto;
    }

    .woocommerce #content table.cart td.actions,
    .woocommerce table.cart td.actions,
    .woocommerce-page #content table.cart td.actions,
    .woocommerce-page table.cart td.actions {
        overflow: hidden;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        float: right;
    }

    .woocommerce button.button[name=update_cart],
    .woocommerce button.button[name=update_cart]:disabled {
        line-height: 24px !important;
    }
}


@media only screen and (min-width:414px) and (max-width:800px) {

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        float: left;
        width: 68%;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        width: auto;
    }

    .woocommerce #content table.cart td.actions,
    .woocommerce table.cart td.actions,
    .woocommerce-page #content table.cart td.actions,
    .woocommerce-page table.cart td.actions {
        overflow: hidden;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        float: right;
    }

    .woocommerce button.button[name=update_cart],
    .woocommerce button.button[name=update_cart]:disabled {
        line-height: 24px !important;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        margin: 0;
    }
}

@media only screen and (min-width:320px) and (max-width:413px) {

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        width: 100%;
    }

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .team.element-five .rt_team_detail_bx {
        padding: 20px 10px 0px 10px;
    }

    .team.element-five .team-item-five p {
        padding: 0;
    }

    .team.element-five .team-item-five {
        padding: 0 5px;
        width: 100% !important;
    }
}

/* team element-six */

.team.element-six .owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ".";
    line-height: 0;
}

/* display none until init */

.team.element-six .owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.team.element-six .owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.team.element-six .owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.team.element-six .owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.team.element-six .owl-carousel .owl-item {
    float: left;
    padding: 0 15px;
}

.team.element-six .owl-controls .owl-page,
.team.element-six .owl-controls .owl-buttons div {
    cursor: pointer;
}

.team.element-six .owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

.team.element-six .grabbing {
    cursor: url(../images/grabbing.png) 8 8, move;
}

/* fix */

.team.element-six .owl-carousel .owl-wrapper,
.team.element-six .owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.team.element-six .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.team.element-six .owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */

.team.element-six .owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.team.element-six .owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */

.team.element-six .owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut.team.element-six 1s both ease;
    animation: backSlideOut 1s both ease;
}

.team.element-six .owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */

.team.element-six .owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.team.element-six .owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */

.team.element-six .owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.team.element-six .owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

/* Styling Pagination*/

.team.element-six .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.team.element-six .owl-theme .owl-controls .owl-page span {
    display: block;
    margin: 5px 7px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
}

.team.element-six .owl-theme .owl-controls .owl-page.active span,
.team.element-six .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
}

/* If PaginationNumbers is true */

.team.element-six .owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    font-size: 12px;
}

/* CUSTOM USER OPTIONS */

.team.element-six .carousel-container {
    width: 100%;
}

.team.element-six .team-item {
    margin: 0;
    background: #fff;
    color: #333;
    padding: 0 15px;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.team.element-six .team-item img {
    width: 100%;
}

.team.element-six .team-item h4 {
    margin-top: 10px;
    color: #333;
    padding: 10px;
}

.team.element-six .team-item p {
    color: #333;
    padding: 0 10px 30px;
}

.team.element-six .team_detail_bx {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    padding: 16px;
    background-color: rgba(255, 255, 255, .7);
    z-index: 99;
    text-align: center;
}

.team.element-six .team_detail_bx h3 {
    color: #1E1666;
    font-size: 22px;
    padding-bottom: 0;
    margin-bottom: 10px;
    line-height: 22px;
}

.team.element-six .team_detail_bx p {
    color: #4E6075;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.team.element-six .team-hoverfx {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}

.team.element-six .team-hoverfx img {
    /*position: absolute;*/
    position: relative;
    left: 0;
    width: 100%;
    padding: 0;
    top: 0;
}

.team.element-six .team-hoverfx:before {
    display: inline-block;
    padding-top: 60%;
    content: '';
    vertical-align: middle;
}

.team.element-six .team-hoverfx:before,
.team-figure {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    display: inline-block;
    padding: 5px 30px;
    /*max-width: 100%;*/
    width: 100%;
    color: #ecf0f1;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-property: all .3s ease;
}

.team.element-six .team-hoverfx .team-figure ul {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    list-style-type: none
}

.team.element-six .team-hoverfx .team-figure ul li {
    margin: 0;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    list-style-type: none
}

.team.element-six .team-hoverfx .team-figure ul li a {
    color: #fff;
}

.team.element-six .team-hoverfx .team-figure:hover {
    font-size: 14px;
    color: #fff;
}

.team.element-six .team-hoverfx .team-overlay {
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 50%;
    height: 100%;
    background-color: rgba(38, 10, 63, .7);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-property: all .3s ease;
}

.team.element-six .team-item:hover .team-figure,
.team.element-six .team-item:hover .team-figure h3 p,
.team.element-six .team-item:hover .team-overlay {
    opacity: 1;
}

.team.element-six .team-hoverfx:hover .team_detail_bx {
    display: none;
    opacity: 0;
}

.team.element-six .team-hoverfx .team-figure a h3 {
    color: #fff !important;
    text-decoration: none;
    font-size: 22px;
    padding-bottom: 0;
    line-height: 22px;
    font-family: "Poppins";
    text-transform: capitalize;
    padding-top: 0;
    margin: 0;
}

.team.element-six .team-hoverfx .team-figure a h3:hover {
    color: #fff;
    text-decoration: none !important;
}

.team.element-six .team-item hr {
    border-top: 1px solid #fff;
    margin: 38px 0 20px 0;
    width: 100%;
}

.team.element-six .team-hoverfx .team-figure p {
    color: #AFB2BB;
    font-size: 16px;
    line-height: 16px;
    padding-top: 10px;
    text-transform: uppercase;
}

.team.element-six .team-hoverfx .team-figure p:hover {
    color: #AFB2BB;
}

.team.element-six .owl-pagination {
    display: none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .team.element-six .team-item {
        margin: 0 0 10px 0;
        float: none;
    }

    .team.element-six:not(.owl-carousel) .team-item {
        width: 50% !important;
        margin-bottom: 20px;
        float: left;
    }

    .team.element-six .team-hoverfx {
        height: auto;
    }

    .team.element-six .team-hoverfx:before,
    .team-figure {
        padding: 0;
    }
}

@media only screen and (max-width:767px) {

    .team.element-six .team-hoverfx:before,
    .team-figure {
        top: 0;
    }

    .team.element-six .team_detail_bx {
        padding: 10px;
    }

    .team.element-six .team-hoverfx .team-figure ul li {
        padding: 0 2px;
    }

    .team.element-six .team_detail_bx h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .team.element-six .team-hoverfx .team-figure a h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .team.element-six .team-hoverfx .team-figure p {
        font-size: 14px;
        line-height: 14px;
    }

    .team.element-six .team-item p {
        padding: 0;
    }

    .team.element-six .team-item {
        padding: 0 5px;
        width: 100% !important;
    }

    .team.element-six .team-hoverfx {
        height: auto;
    }

    .team.element-six .team-hoverfx:before,
    .team-figure {
        padding: 0;
    }
}

/*--------------------------------------------------------------
# Team Style Seven
--------------------------------------------------------------*/
.team.element-seven .owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ".";
    line-height: 0;
}


/* display none until init */

.team.element-seven .owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.team.element-seven .owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.team.element-seven .owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.team.element-seven .owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.team.element-seven .owl-carousel .owl-item {
    float: left;
    padding: 0 15px;
}

.team.element-seven .owl-controls .owl-page,
.team.element-seven .owl-controls .owl-buttons div {
    cursor: pointer;
}

.team.element-seven .owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.team.element-seven .grabbing {
    cursor: url(../images/grabbing.png) 8 8, move;
}


/* fix */

.team.element-seven .owl-carousel .owl-wrapper,
.team.element-seven .owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.team.element-seven .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}


/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.team.element-seven .owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}


/* fade */

.team.element-seven .owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.team.element-seven .owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}


/* backSlide */

.team.element-seven .owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut.team.element-seven 1s both ease;
    animation: backSlideOut 1s both ease;
}

.team.element-seven .owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}


/* goDown */

.team.element-seven .owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.team.element-seven .owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}


/* scaleUp */

.team.element-seven .owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.team.element-seven .owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}



/* Styling Pagination*/

.team.element-seven .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.team.element-seven .owl-theme .owl-controls .owl-page span {
    display: block;
    margin: 5px 7px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
}

.team.element-seven .owl-theme .owl-controls .owl-page.active span,
.team.element-seven .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
}


/* If PaginationNumbers is true */

.team.element-seven .owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    font-size: 12px;
}


/* CUSTOM USER OPTIONS */

.team.element-seven .carousel-container {
    width: 100%;
}

.team.element-seven .rt_team_area {
    margin: 0 15px 0px 15px;
}




.team.element-seven .team-item-seven {
    margin: 0;
    float: left;
}

.team.element-seven .team-item-seven .rt_img_bx {
    display: block;
    position: relative;
    overflow: hidden;
    /*border-radius: 8px;*/
    border-radius: 0px;
}


.team.element-seven .team-item-seven .rt_img_bx img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    transition: all .5s ease-in-out;
}

.team.element-seven .team-item-seven .rt_img_bx img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.team.element-seven .rt_team_detail_bx {
    padding: 20px;
    position: relative;
    display: block;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    /*border-radius: 8px;*/
    border-radius: 0px;
    width: 80%;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: 1s ease-in-out;
    text-align: center;
}

.team.element-seven .rt_team_detail_bx:hover {
    transform: scale(1.05);
    transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -webkit-box-shadow: 0 5px 18px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0 5px 18px 5px rgba(0, 0, 0, 0.06);
}



.team.element-seven .rt_team_detail_bx h3 {
    color: #1E1666;

    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 22px;

}

.team.element-seven .rt_team_detail_bx p {
    color: #8571EA;

    line-height: 16px;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}


.team.element-seven .owl-pagination {
    display: none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .team.element-seven .team-item-seven {
        margin: 0 0 10px 0;
        float: none;

    }

    .team.element-seven:not(.owl-carousel) .team-item-seven {
        width: 50% !important;
        margin-bottom: 20px;
        float: left;
    }


}

@media only screen and (max-width:767px) {

    .team.element-seven .rt_team_detail_bx {
        padding: 10px;
    }

    .team.element-seven .team-item-seven p {
        padding: 0;
    }

    .team.element-seven .team-item-seven {
        padding: 0 5px;
        width: 100% !important;
    }

}

/* TEAM CSS END /*

/* START OF LANDING PAGE REVOLUTION*/
.page-id-19949 .rs-parallax-wrap #slider-1-slide-1-layer-0 {
    font-family: "futura-pt" !important;
}

/* END OF LANDING PAGE REVOLUTION*/

/* START OF PORTFOLIO*/
.home-three-portfolio .rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder:hover &gt; .action-buttons {
    display: none;
}

.home-three-portfolio .rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder:hover &gt; .data .title:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 80px;
    height: 1px;
    top: 15px;
    left: 0;
}

.home-three-portfolio .rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder:hover &gt; .data .categories {
    display: none;
}

.home-three-portfolio .rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder:hover &gt; .data .categories,
.rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder:hover &gt; .data .title {
    text-align: left;
    padding-left: 90px;
}

.home-three-portfolio .rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder &gt; .data .title {
    text-align: left;
    padding-left: 90px;
    margin-bottom: 30px;
}

.home-three-portfolio .rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder:hover &gt; .data .title {
    text-align: left;
    padding-left: 90px;
    margin-bottom: 30px;
}

.home-three-portfolio .rt-portfolio-box.element-six .rt-portfolio-box-item &gt; .holder &gt; .data &gt; .table &gt; .table-cell {
    vertical-align: bottom;
}

.portfolio-post-overlay .gallery-item .gallery-icon {
    overflow: hidden;
    border-radius: 5px;
}

.portfolio-post-overlay .gallery-item .gallery-icon img {
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
}

.portfolio-post-overlay .gallery-item .gallery-icon img:hover {
    transform: scale3d(1.1, 1.1, 1.1);

}

.portfolio-zoom-in .gallery-item .gallery-icon {
    overflow: hidden;
    border-radius: 5px;
}

.portfolio-zoom-in .gallery-item .gallery-icon img {
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.portfolio-zoom-in .gallery-item .gallery-icon img:hover {
    transform: scale3d(1, 1, 1);
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item &gt; .holder &gt; .data .btn {
    display: none !important;
}

.page-id-25086 .rt-portfolio-box-item:nth-child(11) {
    display: none;
}

.page-id-25086 .rt-portfolio-box-item:nth-child(12) {
    display: none;
}

.page-id-24895 .scrollup {
    background: #ff6064;
    color: #fff;
}

.page-id-24895 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-24974 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-24974 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-25422 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-25422 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-25451 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-25451 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-25078 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-25078 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-25019 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-25019 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-25086 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-25086 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-25035 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-25035 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-25059 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-250359 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.page-id-27015 .scrollup {
    background: #ff6064;
    ;
    color: #fff;
}

.page-id-27015 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* END OF PORTFOLIO*/

@media (max-width: 480px) {
    .radiantthemes-custom-button.element-one[data-button-direction=left] {
        text-align: center !important;
    }

    .radiantthemes-custom-button.element-one[data-button-direction=right] {
        text-align: center !important;
    }

    .pricing-element {
        width: 100%;
        overflow-y: scroll;
    }

}

/* START OF HOMEPAGE 1 */

.homepage1-discover-more .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
}

.homepage1-discover-more .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
}

/* END OF HOMEPAGE 1 NUMBER*/

.css_rt_host_img .elementor-image {
    width: 582px;
    float: left;
    padding: 0 !important;
}

.css_rt_host_img-1 .elementor-image {
    width: 607px;
    float: right;
    padding: 0 !important;
}

/* END OF HOMEPAGE 1 */

/* START OF BILLING HOMEPAGE */
.billing-pricing-spotlight .rt-pricing-table.element-nine.spotlight {
    box-shadow: 0px 10px 36px 0px rgba(121, 110, 255, 0.1);
}

/* BILLING HOMEPAGE TESTIMONIAL STARTS */

.billing-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
    padding-top: 50px;
    padding-bottom: 41px;
    background: #ffffff url(https://test.radiantthemes.com/review/wp-content/uploads/2020/01/billing-testimonial-comma.png) no-repeat 465px 44px;
    /*box-shadow: 0px 10px 14px 0px rgba(236, 238, 255, 0.9);*/
    margin: 40px 14px 40px 14px;
}

@media screen and (max-width: 1024px) {
    .billing-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
        background: #ffffff url(https://test.radiantthemes.com/review/wp-content/uploads/2020/01/billing-testimonial-comma.png) no-repeat 417px 44px;
    }
}

@media screen and (max-width: 768px) {
    .billing-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
        background: #ffffff url(https://test.radiantthemes.com/review/wp-content/uploads/2020/01/billing-testimonial-comma.png) no-repeat 290px 44px;
    }

    .heading-border .elementor-heading-title:after {
        display: none;
    }


    .brand-logo .elementor-image {
        width: auto;
        float: none;
    }
}

.billing-homepage-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #796EFD;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.billing-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    background-color: #D7D5FF;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.billing-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 16px;
    text-align: center;
}

.testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot {
    margin-left: 6px;
    margin-right: 6px;
}

.testimonial[class*="element-"] .owl-dots &gt; .owl-dot {
    display: inline-block;
    vertical-align: top;
}

.testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    display: block;
}

.testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    text-align: center;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* BILLING HOMEPAGE TESTIMONIAL ENDS */

/* BILLING HOMEPAGE IMAGE STARTS */
.billing-home-right-img .elementor-image img {
    float: left;
    height: auto;
    margin-left: 55px;
}

/* BILLING HOMEPAGE IMAGE ENDS */

/* END OF BILLING HOMEPAGE */
/* START OF HOMEPAGE 3 CRM */

/* START OF HOMEPAGE 3 CRM */
.crm-rt-img-1 .elementor-image {
    width: 635px;
    float: left;
    padding: 0 !important;
}

/* END OF HOMEPAGE 3 CRM */

/* START OF HOMEPAGE 3 HOVER BOX ONE */
.crm-homepage-hover-one .para-one p {
    color: #F4F4F4 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-one .para-two p {
    color: #1C1615 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-one .para-three p {
    color: #433B3A !important;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-one .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #F44E2F;
}

.crm-homepage-hover-one:hover .para-one p {
    color: #FC6D52 !important;
}

.crm-homepage-hover-one:hover .para-two p {
    color: #ffffff !important;
}

.crm-homepage-hover-one:hover .para-three p {
    color: #FFEEEB !important;
}

.crm-homepage-hover-one:hover .elementor-image img {
    content: url('https://test.radiantthemes.com/review/wp-content/uploads/2019/11/use-built-white-icon.png');
}

.crm-homepage-hover-one:hover .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #ffffff;
}

/* END OF HOMEPAGE 3 HOVER BOX ONE */

/* START OF HOMEPAGE 3 HOVER BOX TWO */
.crm-homepage-hover-two .para-one p {
    color: #F4F4F4 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-two .para-two p {
    color: #1C1615 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-two .para-three p {
    color: #433B3A !important;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-two .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #F44E2F;
}

.crm-homepage-hover-two:hover .para-one p {
    color: #FC6D52 !important;
}

.crm-homepage-hover-two:hover .para-two p {
    color: #ffffff !important;
}

.crm-homepage-hover-two:hover .para-three p {
    color: #FFEEEB !important;
}

.crm-homepage-hover-two:hover .elementor-image img {
    content: url('https://test.radiantthemes.com/review/wp-content/uploads/2019/11/find-the-white-icon.png');
}

.crm-homepage-hover-two:hover .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #ffffff;
}

.crm-homepage-hover-one .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
}

.crm-homepage-hover-one:hover .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
}

.crm-homepage-hover-two .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
}

.crm-homepage-hover-two:hover .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
}

.crm-homepage-hover-three .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
}

.crm-homepage-hover-three:hover .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
}

.crm-homepage-hover-four .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
}

.crm-homepage-hover-four:hover .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
}

.crm-pricing .rt-pricing-table.element-three &gt; .holder {
    border: 1px transparent solid;
}

/* END OF HOMEPAGE 3 HOVER BOX TWO */

/* START OF HOMEPAGE 3 HOVER BOX THREE */

.crm-homepage-hover-three .para-one p {
    color: #F4F4F4 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-three .para-two p {
    color: #1C1615 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-three .para-three p {
    color: #433B3A !important;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-three .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #F44E2F;
}

.crm-homepage-hover-three:hover .para-one p {
    color: #FC6D52 !important;
}

.crm-homepage-hover-three:hover .para-two p {
    color: #ffffff !important;
}

.crm-homepage-hover-three:hover .para-three p {
    color: #FFEEEB !important;
}

.crm-homepage-hover-three:hover .elementor-image img {
    content: url('https://test.radiantthemes.com/review/wp-content/uploads/2019/11/email-traking-white-icon.png');
}

.crm-homepage-hover-three:hover .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #ffffff;
}

/* END OF HOMEPAGE 3 HOVER BOX THREE */

/* START OF HOMEPAGE 3 HOVER BOX FOUR */

.crm-homepage-hover-four .para-one p {
    color: #F4F4F4 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-four .para-two p {
    color: #1C1615 !important;
    font-family: futura-pt;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-four .para-three p {
    color: #433B3A !important;
    margin-bottom: 0 !important;
}

.crm-homepage-hover-four .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #F44E2F;
}

.crm-homepage-hover-four:hover .para-one p {
    color: #FC6D52 !important;
}

.crm-homepage-hover-four:hover .para-two p {
    color: #ffffff !important;
}

.crm-homepage-hover-four:hover .para-three p {
    color: #FFEEEB !important;
}

.crm-homepage-hover-four:hover .elementor-image img {
    content: url('https://test.radiantthemes.com/review/wp-content/uploads/2019/11/latest-white-icon.png');
}

.crm-homepage-hover-four:hover .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main &gt; .placeholder {
    color: #ffffff;
}

/* END OF HOMEPAGE 3 HOVER BOX FOUR */

/* END OF HOMEPAGE 3 HOVER BOX */
.crm-home-subscribe {
    position: relative;
    margin-top: 14px;
}

.crm-home-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #FFF5F3;
    border: none;
    border-radius: 5px;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;

}

@media screen and (min-width: 1025px) {
    .crm-home-subscribe .form-row input[type=email] {
        width: 66.2%;
    }
}

.crm-home-subscribe .form-row input[type=email]:focus {
    background: #fcfcfc;
    border: 1px solid #000000;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.crm-home-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    width: 180px;
    height: 56px;
    background-color: #000000;
    right: 0;
    border-radius: 5px 5px 5px 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .crm-home-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 90px;
        border-radius: 0px 5px 5px 0px;
    }
}

.crm-home-subscribe .form-row input[type=email]::placeholder {
    color: #1C1615 !important;
}

.wpcf7-response-output {
    border-color: transparent;
}

/* HOMEPAGE THREE CONTACT FORM ENDS */

/* START OF CRM HOMEPAGE TESTIMONIAL */

.crm-homepage-testimonial .element-eight .description {
    box-shadow: none;
}

.crm-homepage-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    display: block;
    width: 30px;
    height: 8px;
    background-color: #0D0D0B;
    border-radius: 35px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.crm-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    background-color: #C0B9AF;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.crm-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 30px;
    text-align: center;
}

/* END OF CRM HOMEPAGE TESTIMONIAL*/

/* END OF HOMEPAGE 3 CRM */

/* START OF HOMEPAGE FOUR LIVE CHAT */

.chat-home-rt-img-1 .elementor-image {
    width: 663px;
    float: left;
    padding: 0 !important;
}

/* HOMEPAGE FOUR GRADIENT HOVERBOX STARTS */

.homepage4-gradient-hoverbox .trust p {
    color: #9DA8A5;
}

.homepage4-gradient-hoverbox:hover .trust p {
    color: #ffffff;
}

.homepage4-gradient-hoverbox .sales p {
    color: #061611;
    font-family: futura-pt;
}

.homepage4-gradient-hoverbox:hover .sales p {
    color: #ffffff;
}

.homepage4-gradient-hoverbox .lorem-text p {
    color: #0F1D19;
}

.homepage4-gradient-hoverbox:hover .lorem-text p {
    color: #ffffff;
}

.homepage4-gradient-hoverbox .homepage2-discover1 a {
    color: #6754E2;
}

.homepage4-gradient-hoverbox:hover .homepage2-discover1 a {
    color: #ffffff;
}

.homepage4-gradient-hoverbox .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
}

.homepage4-gradient-hoverbox:hover .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
}

/* HOMEPAGE FOUR GRADIENT HOVERBOX ENDS */

/* HOMEPAGE FOUR HOVERBOX STARTS*/

.livechat-home-hoverbox .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
}

.livechat-home-hoverbox:hover .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
}

/* HOMEPAGE FOUR HOVERBOX ENDS*/
/* LIVE CHAT LEFT IMAGE */
/* HOMEPAGE FOUR CSS ENDS */

/* LIVECHAT CSS STARTS */
.live-chat-rt-img-11 .elementor-image {
    width: 588px;
    float: right;
    padding: 0 !important;
}

.live-chat-rt-img-12 .elementor-image {
    width: 650px;
    float: left;
    padding: 0 !important;
}

.live-chat-video-icon img {
    background-color: rgba(251, 163, 1, 0.1);
    border-radius: 50% !important;
    animation: anim-btn 1.2s linear infinite;
}

@keyframes anim-btn {
    0% {
        box-shadow: 0 0 0 0 rgba(251, 163, 1, 0.1),
            0 0 0 10px rgba(251, 163, 1, 0.1),
            0 0 0 30px rgba(251, 163, 1, 0.1);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(251, 163, 1, 0.1),
            0 0 0 30px rgba(251, 163, 1, 0.1),
            0 0 0 50px rgba(251, 163, 1, 0.1);
    }
}

.live-chat-vdo-arrow .elementor-icon i {
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    padding-top: 15px;
    padding-bottom: 29px;
    padding-left: 22px;
    padding-right: 22px;
    cursor: pointer;
}

.livechat-routing .radiantthemes-custom-button .radiantthemes-custom-button-main {
    cursor: context-menu;
}

/* TEAM FORM */
.live-chat-subscribe {
    position: relative;
    margin-top: 0px;
}

.live-chat-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
}

@media screen and (min-width: 1025px) {
    .live-chat-subscribe .form-row input[type=email] {
        width: 63.5%;
    }
}

.live-chat-subscribe .form-row input[type=email]:focus {
    background: #fcfcfc;
    border: 1px solid #FBA301;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.live-chat-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    width: 180px;
    height: 56px;
    background-color: #FBA301;
    right: 0;
    border-radius: 5px 5px 5px 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .live-chat-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 80px;
        border-radius: 0px 5px 5px 0px;
    }
}

.live-chat-subscribe .form-row input[type=email]::placeholder {
    color: #747474 !important;
}

/* LIVE CHAT HOMEPAGE TESTIMONIAL STARTS */
.live-chat-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
    padding-top: 47px;
    padding-bottom: 41px;
    padding-left: 38px;
    padding-right: 38px;
    /*box-shadow: 0px 10px 14px 0px rgba(236, 238, 255, 0.1);*/
    margin: 40px 14px 40px 14px;
    border-radius: 5px;
    background: #FFFFFF url(https://test.radiantthemes.com/review/wp-content/uploads/2020/02/chat-shape1.png) no-repeat 440px 44px;
}

@media screen and (max-width: 1024px) {
    .live-chat-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
        background: #FFFFFF url(https://test.radiantthemes.com/review/wp-content/uploads/2020/02/chat-shape1.png) no-repeat 394px 44px;
    }

}

@media screen and (max-width: 768px) {
    .live-chat-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
        background: #FFFFFF url(https://test.radiantthemes.com/review/wp-content/uploads/2020/02/chat-shape1.png) no-repeat 280px 44px;
    }
}

.live-chat-testimonial .testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .title {
    margin-bottom: 3px;
    margin-top: -9px;
    margin-left: 8px;
}

.live-chat-testimonial .testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .designation {
    margin-left: 8px;
}

.live-chat-testimonial .testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-pic {
    width: 71px;
    height: 71px;
    top: 3px;
}

.live-chat-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #F6AD2C;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.live-chat-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    background-color: #FFEAD2;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.live-chat-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 15px;
    text-align: center;
}

/* LIVE CHAT HOMEPAGE TESTIMONIAL ENDS */
/* LIVE CHAT BLOG STARTS */
.live-chat-blog .blog[class*='element-'] .owl-dots {
    margin-top: 0px;
}

.live-chat-blog .blog.element-fifteen .blog-item .holder {
    margin-bottom: 0px;
}

.live-chat-blog .blog.element-six .blog-item &gt; .holder &gt; .pic {
    border-radius: 5px;
}

.live-chat-blog .blog.element-six .blog-item &gt; .holder &gt; .data .btn span {
    font-weight: bold;
}

/* LIVE CHAT BLOG ENDS */
/* HOMEPAGE FIVE CSS STARTS */

.app-home-rt-img-1 .elementor-image {
    width: 720px;
    float: left;
    padding: 0 !important;
}

/* HOMEPAGE FIVE COLORING IMAGE BOX CSS STARTS */
.home-four-img-box .elementor-image-box-img {
    margin-top: 5% !important;
}

/* HOMEPAGE FIVE COLORING IMAGE BOX CSS ENDS */

/* HOMEPAGE PRICING TAB STARTS */
.app-home-tab .rt-tab.element-one &gt; ul.nav-tabs &gt; li {
    display: inline-block !important;
}

.app-home-tab .rt-tab.element-one &gt; ul.nav-tabs {
    margin-bottom: 16px !important;
}

.app-home-tab .rt-tab.element-one &gt; ul.nav-tabs &gt; li.active &gt; a {
    background-color: #00C99B;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
}

.app-home-tab .rt-tab.element-one &gt; ul.nav-tabs &gt; li:last-child {
    border-top: 1px solid #514A89;
    border-bottom: 1px solid #514A89;
    border-right: 1px solid #514A89;
}

.app-home-tab .rt-tab.element-one &gt; ul.nav-tabs &gt; li:first-child {
    border-top: 1px solid #514A89;
    border-bottom: 1px solid #514A89;
    border-left: 1px solid #514A89;
}

.app-home-tab .rt-tab &gt; ul.nav-tabs &gt; li &gt; a &gt; span {
    color: #fff;
}

/* HOMEPAGE PRICING TAB ENDS */
.app-btn-hover .radiantthemes-custom-button-main:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.app-btn-hover .radiantthemes-custom-button-main:before {
    content: '';
    width: 0;
    height: 1px;
    bottom: 3px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #0B0820;
}

/* START OF HOMEPAGE FIVE ACCODIAN */
.home-five-element-page-accordion-two .elementor-accordion .elementor-accordion-item {
    margin-bottom: 20px;
    border: 1px #E2E4EC solid;
    box-shadow: none;
    background-color: #f3f6f9;
    border-radius: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.home-five-element-page-accordion-two .elementor-tab-title a {
    color: #16193A !important;
    padding-left: 15px;
}

.home-five-element-page-accordion-two .elementor-accordion .elementor-tab-content {
    /*padding: 15px 20px;*/
    padding-top: 0;
    padding-bottom: 13px;
    padding-left: 35px;
    padding-right: 35px;
    border-top: 1px solid #d4d4d4;
}

/* END OF HOMEPAGE FIVE ACCODIAN */

/* START OF HOMEPAGE FIVE TABS */
.app-home-tab-monthly .rt-tab.element-one &gt; ul.nav-tabs &gt; li {
    background-color: rgba(34, 24, 105, 1);
    border-top: 1px solid #514A89;
    border-bottom: 1px solid #514A89;
}

.app-home-tab-monthly .rt-tab.element-one &gt; ul.nav-tabs &gt; li &gt; a {
    color: #fff;
}

.app-home-tab-monthly .rt-tab.element-one &gt; ul.nav-tabs &gt; li.active &gt; a {
    background-color: #00C99B;
}

.app-home-tab-monthly .rt-tab.element-one &gt; ul.nav-tabs &gt; li &gt; a {
    border-radius: 5px;
}

.app-home-tab-monthly .rt-tab.element-one &gt; ul.nav-tabs &gt; li:first-child {
    border-radius: 5px 0px 0px 5px;
}

.app-home-tab-monthly .rt-tab.element-one &gt; ul.nav-tabs &gt; li:last-child {
    border-radius: 0px 5px 5px 0px;
}

/* END OF HOMEPAGE FIVE TABS */

/* START OF APP HOMEPAGE FIVE PLAY BUTTON */

.app-home-play-btn img {
    background-color: rgba(0, 201, 155, 0.2);
    border-radius: 50% !important;
    animation: animation-btn 1.2s linear infinite;
}

@keyframes animation-btn {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 201, 155, 0.2),
            0 0 0 10px rgba(0, 201, 155, 0.2),
            0 0 0 20px rgba(0, 201, 155, 0.2);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 201, 155, 0.2),
            0 0 0 20px rgba(0, 201, 155, 0.2),
            0 0 0 30px rgba(0, 201, 155, 0);
    }
}

/* END OF APP HOMEPAGE FIVE PLAY BUTTON */

/* START OF HOMEPAGE FIVE TESTIMONIAL */
.app-development-tenstimonial .testimonial.element-six .testimonial-item &gt; .holder {
    text-align: left;
    background: #f3f6f9;
    border-radius: 5px;
    padding-top: 37px;
    padding-bottom: 52px;
    box-shadow: none;
    margin-top: 40px;
    margin-bottom: 20px;
}

.app-development-tenstimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #4127BB;
    border-radius: 35px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.app-development-tenstimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    background-color: #B9B6CF;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.app-development-tenstimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 35px;
    text-align: center;
}

/* END OF HOMEPAGE FIVE TESTIMONIAL*/
.app-pricing .rt-pricing-table.element-nine.spotlight {
    box-shadow: 0 0px 20px 4px rgba(47, 85, 212, 0.1);
}

.app-pricing .rt-pricing-table.element-nine {
    box-shadow: 0 0px 20px 4px rgba(47, 85, 212, 0.1);
}

.app-pricing .rt-pricing-table.element-nine.spotlight .rt-table-buy .rt-pricing-action {
    border: 1px solid #3706C2;
}

/* HOMEPAGE FIVE CSS ENDS */

/* PRODUCT HOMEPAGE CSS STARTS */
.service-four-hover-box &gt; .elementor-column-wrap {
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.service-four-hover-box &gt; .elementor-column-wrap:before {
    position: absolute;
    bottom: 0px;
    right: 0;
    content: " ";
    width: 0;
    height: 2px;
    z-index: 0;
    background: linear-gradient(to right, #FC9D2A 0%, #FC9D2A 100%);
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.service-four-hover-box &gt; .elementor-column-wrap:hover:before {
    width: 100%;
    /*left: 40%;*/
    right: auto;
}

/* PRODUCT HOMEPAGE CONTACT FORM STARTS */

.product-home-subscribe {
    position: relative;
    margin-top: 15px;
}

.product-home-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
}

@media screen and (min-width: 1025px) {
    .product-home-subscribe .form-row input[type=email] {
        width: 64.7%;
    }
}

.product-home-subscribe .form-row input[type=email]:focus {
    background: #f5f5f5;
    border: 1px solid #FB8B09;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.product-home-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    height: 56px;
    width: 180px;
    background-color: #FB8B09;
    right: 0;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .product-home-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 90px;
        border-radius: 0px 5px 5px 0px;
    }
}

/* PRODUCT HOMEPAGE CONTACT FORM ENDS */

/* PRODUCT HOME RIGHT IMAGE STARTS */
.product-home-right-img .elementor-image img {
    float: left;
    height: auto;
    margin-left: 110px;
}

/* PRODUCT HOME RIGHT IMAGE ENDS */
/* PRODUCT TEAM STARTS */
.product-home-team .team.element-one .team-item &gt; .holder &gt; .pic {
    border-radius: 5px;
}

/* PRODUCT TEAM ENDS */

/* PRODUCT HOMEPAGE COUNTER STARTS */
.product-counter-one .elementor-counter-number-wrapper {
    margin-left: 28px;
}

.product-counter-two .elementor-counter-number-wrapper {
    margin-left: -22px;
}

.product-counter-three .elementor-counter-number-wrapper {
    margin-left: -12px;
}

.product-counter-four .elementor-counter-number-wrapper {
    margin-left: -26px;
}

/* PRODUCT HOMEPAGE COUNTER ENDS */

/* PRODUCT HOMEPAGE TIMELINE CSS STARTS */
.product-home-hover p {
    color: #433B3A;
}

.product-home-hover:hover p {
    color: #FB8B0A;
}

.product-home-active p {
    color: #FB8B0A;
}

/* PRODUCT HOMEPAGE TIMELINE CSS ENDS */

/* HOMEPAGE SEVEN CSS STARTS */
.home-seven-watch-btn .radiantthemes-custom-button .radiantthemes-custom-button-main {
    box-shadow: 0 0 12px 0px rgba(250, 138, 1, .16);
}

/* HOMEPAGE EIGHT CSS STARTS */

.home-eight-watch-btn .radiantthemes-custom-button .radiantthemes-custom-button-main {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);
}

.home-eight-watch-btn .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    color: #FF5F64;
}

.home-eight-hoverbox .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    color: #FF5F64;
}

/* HOMEPAGE EIGHT SUBSCRIBE FROM CSS STARTS */

.pos-clr-btn-hover .radiantthemes-custom-button-main:before {
    content: '';
    width: 0;
    height: 1px;
    bottom: 3px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #FF5F63;
}

.pos-clr-btn-hover .radiantthemes-custom-button-main:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.pos-home-subscribe {
    position: relative;
    margin-top: 15px;
}

.pos-home-subscribe .form-row input[type=email] {
    width: 95%;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
    background: #ffffff;
}

@media screen and (min-width: 1025px) {
    .pos-home-subscribe .form-row input[type=email] {
        width: 62.7%;
    }
}

.pos-home-subscribe .form-row input[type=email]:focus {
    background: #FCFCFC;
    border: 1px solid #FF6064;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.pos-home-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    height: 56px;
    width: 180px;
    background-color: #FF6064;
    right: 0;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .pos-home-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 100px;
        border-radius: 0px 5px 5px 0px;
    }
}

.pos-home-subscribe .form-row input[type=email]::placeholder {
    color: #585B64 !important;
}

/* HOMEPAGE EIGHT SUBSCRIBE FROM CSS ENDS */

/* HOMEPAGE EIGHT COUNTER ELEMENT CSS STARTS */

.pos-home-counter-one .elementor-counter-number {
    background: url(https://test.radiantthemes.com/review/wp-content/uploads/2019/12/pos-counter1-bg.jpg) no-repeat center;
    height: 42px;
}

.pos-home-counter-two .elementor-counter-number {
    background: url(https://test.radiantthemes.com/review/wp-content/uploads/2019/12/pos-counter2-bg.jpg) no-repeat center;
    height: 42px;
}

.pos-home-counter-three .elementor-counter-number {
    height: 42px;
    background: url(https://test.radiantthemes.com/review/wp-content/uploads/2019/12/pos-counter3-bg.jpg) no-repeat center;
}

/* HOMEPAGE EIGHT COUNTER ELEMENT CSS ENDS */

/* START OF HOMEPAGE POS TESTIMONIAL */

.pos-home-rt-img-1 .elementor-image {
    width: 635px;
    float: left;
    padding: 0 !important;
}

.pos-home-rt-img-2 .elementor-image {
    width: 695px;
    float: left;
    padding: 0 !important;
}

.pos-home-rt-img-3 .elementor-image {
    width: 647px;
    float: right;
    padding: 0 !important;
}

.pos-home-testimonial .element-eight .description {
    box-shadow: 0px 14px 21px 0px rgba(105, 103, 103, 0.11);
}

.pos-home-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    display: block;
    width: 30px;
    height: 8px;
    background-color: #FF6064;
    border-radius: 35px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.pos-home-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    background-color: #F1B7B9;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.pos-home-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 30px;
    text-align: center;
}

/* END OF HOMEPAGE EIGHT TESTIMONIAL*/

/* START OF POS HOMEPAGE HOVER BOX */
.pos-hoverbox-one .elementor-widget-wrap &gt; .elementor-element {
    width: 80%;
    padding: 42px 32px 34px 32px;
    background: #ffffff;
}

.pos-hoverbox-one .elementor-widget-wrap &gt; .elementor-element:hover {
    width: 100%;
    cursor: pointer;
    background: #ffffff;
    padding: 42px 32px 34px 40px;
}

/* END OF POS HOMEPAGE HOVER BOX */
/* HOMEPAGE POS CSS ENDS */

/* HOMEPAGE NINE CSS STARTS */
.online-support-cart .elementor-image-box-img img {
    margin-top: -12px;
}

/* HOMEPAGE NINE SUBSCRIBE FROM CSS STARTS */

.online-support-home-subscribe {
    position: relative;
    margin-top: 0px;
}

.online-support-home-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #f1f4f6;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
}

@media screen and (min-width: 1025px) {
    .online-support-home-subscribe .form-row input[type=email] {
        width: 59%;
    }
}

.online-support-home-subscribe .form-row input[type=email]:focus {
    background: #FCFCFC;
    border: 1px solid #FF5F63;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.online-support-home-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    height: 56px;
    width: 180px;
    background-color: #FF5F63;
    right: 0;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .online-support-home-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 100px;
        border-radius: 0px 5px 5px 0px;
    }
}

.online-support-home-subscribe .form-row input[type=email]::placeholder {
    color: #707275 !important;
}

/* HOMEPAGE NINE SUBSCRIBE FROM CSS ENDS */

/* START SEO HOME PAGE */

.seo-subscribe {
    position: relative;
    margin-top: 0px;
}

.seo-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #f6f6f6;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
}

@media screen and (min-width: 1025px) {
    .seo-subscribe .form-row input[type=email] {
        width: 65.3%;
    }
}

.seo-subscribe .form-row input[type=email]:focus {
    background: #FCFCFC;
    border: 1px solid #FB5347;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.seo-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    height: 56px;
    width: 180px;
    background: linear-gradient(to right, #fa454a 0%, #ff7b43 100%);
    right: 0;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .seo-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 100px;
        border-radius: 0px 5px 5px 0px;
    }
}

.seo-subscribe .form-row input[type=email]::placeholder {
    color: #707275 !important;
}

.heading-border .elementor-heading-title:after {
    content: "";
    background: #f5f5f5;
    width: 426px;
    height: 1px;
    position: absolute;
    top: 50%;
    margin-left: 10px;
}

.brand-logo .elementor-image {
    width: 220px;
    float: right;
}

.seo-page-icon-box .elementor-column-wrap,
.seo-page-icon-box .elementor-text-editor,
.seo-page-icon-box .elementor-icon,
.seo-page-icon-box .radiantthemes-custom-button-main .placeholder {
    transition: all 0.3s ease-in-out !important;
}

.seo-page-icon-box:hover .elementor-column-wrap {
    background: linear-gradient(120deg, #fa454a 0%, #ff7b43 100%);
    transition: all 0.3s ease-in-out !important;
}

.seo-page-icon-box:hover .elementor-text-editor,
.seo-page-icon-box:hover .elementor-icon,
.seo-page-icon-box:hover .radiantthemes-custom-button-main .placeholder {
    color: #fff !important;
    transition: all 0.3s ease-in-out !important;
}

.seo-page-icon-box-active .elementor-column-wrap {
    background: linear-gradient(120deg, #fa454a 0%, #ff7b43 100%);
    transition: all 0.3s ease-in-out !important;
}

.seo-page-icon-box-active .elementor-text-editor,
.seo-page-icon-box-active .elementor-text-editor h3,
.seo-page-icon-box-active .elementor-icon,
.seo-page-icon-box-active .radiantthemes-custom-button-main .placeholder {
    color: #fff !important;
    transition: all 0.3s ease-in-out !important;
}

.bg-shape-1 .elementor-image {
    width: 365px;
    float: right;
}

.section-logo-bg .elementor-image {
    width: 325px;
    float: left;
}

.seo-page-accordian .radiantthemes-accordion.element-five {
    background: transparent;
}

.seo-page-accordian .radiantthemes-accordion.element-five .plus::after,
.seo-page-accordian .radiantthemes-accordion.element-five .plus::before {
    background: #fff;
}

.seo-service-box:hover .elementor-icon {
    transform: translateX(3px);
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.seo-counter-border .elementor-column-wrap:after {
    content: "";
    background: #4e266b;
    width: 1px;
    height: 37px;
    position: absolute;
    right: 0;
    top: 30px;
}

.bg-shape-2 .elementor-image {
    width: 282px;
    float: right;
}

.seo-page-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    width: 40px;
    height: 3px;
    border-radius: 0px;
    background-color: #D8D2D2;
}

.seo-page-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    background-color: #FB5248;
}

.seo-page-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 41px;
}

.seo-icon-box-btn .radiantthemes-custom-button-main i {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease-in-out !important;
}

.seo-icon-box-btn:hover .radiantthemes-custom-button-main i {
    opacity: 1;
    visibility: visible;
    transition: 0.3s all ease-in-out;
}

.seo-page-tabs .rt-tab.element-five &gt; ul.nav-tabs {
    border-bottom: 2px solid #EDEDED;
    background: transparent;
    box-shadow: none;
}

.seo-page-tabs .rt-tab.element-five &gt; ul.nav-tabs &gt; li &gt; a {
    padding: 0px 0px 10px 0px;
    background: transparent;
    text-align: left;
}

.seo-page-tabs .rt-tab.element-five &gt; ul.nav-tabs &gt; li &gt; a:before {
    width: 43px;
}

.seo-footer-ph:before {
    content: "";
    background: #F94549;
    width: 50px;
    height: 1px;
    position: absolute;
}

.seo-page-tabs .rt-tab.element-five .tab-content a {
    /*padding: 13px 52px;*/
    height: 56px;
    width: 180px;
    font-weight: 500;
    background: linear-gradient(to right, #F94549 0%, #FF7B43 100%);
    color: #fff;
    border-radius: 5px;
    float: left;
    text-align: center;
    line-height: 56px;
    transition: all 0.5s ease-in-out;
}

.seo-page-tabs .rt-tab.element-five .tab-content a:hover {
    transform: translateY(-5px);
    transition: all 0.5s ease-in-out;
}

.seo-clr-btn-hover .radiantthemes-custom-button-main:before {
    content: '';
    width: 0;
    height: 1px;
    bottom: 3px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #fb5248;
}

.seo-clr-btn-hover .radiantthemes-custom-button-main:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.seo-btn-hover .radiantthemes-custom-button-main:before {
    content: '';
    width: 0;
    height: 1px;
    bottom: 3px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #fff;
}

.seo-btn-hover .radiantthemes-custom-button-main:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

/* END SEO HOME PAGE */


/* START OF HOMEPAGE SUPPORT TESTIMONIAL */
.support-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
    padding-top: 47px;
    padding-bottom: 41px;
    /*box-shadow: 0px 0px 40px 0px rgba(255,95,99,0.09);*/
    margin: 40px 18px 40px 18px;
}

.support-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-pic {
    width: 71px;
    height: 71px;
    top: 3px;
}

.support-homepage-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #FF6064;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.support-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    background-color: #EFD1D2;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.support-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 16px;
    text-align: center;
}

/* END OF HOMEPAGE SUPPORT TESTIMONIAL */

/* CONTACT US PAGE */

.contact-page-icon-align .ti.ti-location-pin {
    margin-top: 7px;
}

.contact-form-two .wpcf7-form-control.wpcf7-email,
.contact-form-two .wpcf7-form-control.wpcf7-text {
    width: 100%;
    border: 0px;
    padding: 0px 20px 7px 0px;
    font-size: 16px;
    line-height: 28px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid #E7E7E7;
    background: transparent;
    color: #1C1615;
}

.contact-form-two .wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: 0px;
    padding: 0px 20px 7px 0px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    margin: 0px 0px 35px 0px;
    border-bottom: 1px solid #E7E7E7;
    background: transparent;
    height: 80px;
    color: #1C1615;
}

.contact-form-two .wpcf7-form-control.wpcf7-text:focus,
.contact-form-two .wpcf7-form-control.wpcf7-textarea:focus {
    border-bottom: 1px solid #1C1615;
    transition: all 0.5s;
}

.contact-form-two .wpcf7-form-control.wpcf7-select {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 20px 12px 0px;
    margin: 0px 0px 20px 0px;
    line-height: 28px;
    color: #1C1615;
    cursor: pointer;
}

.contact-form-two label {
    font-size: 13px;
    line-height: 15px;
}

.contact-form-two .wpcf7-form-control.wpcf7-submit {
    background: #FBA301;
    border: none;
    color: #fff;
    padding: 14px 43px;
    border-radius: 4px;
    font-family: "Roboto";
    font-weight: 500;
}

input::placeholder {
    color: #131313;
    font-size: 14px;
}

textarea::placeholder {
    color: #131313;
    font-size: 14px;
}

/* END CONTACT US PAGE */

/* START OF SPPORT PRICING */
.support-pricing .rt-pricing-table.element-nine.spotlight {
    box-shadow: 0 4px 80px -33px rgb(188, 223, 251);
}

/* END OF SUPPORT PRICING */
/* HOMEPAGE NINE CSS ENDS */

/* SOCIAL HOMEPAGE CSS STARTS */
/* SOCIAL BANNER IMAGE STARTS */
.social-img-banner .elementor-image {
    width: 580px;
    float: left;
    padding: 0 !important;
}

/* SOCIAL BANNER IMAGE ENDS */
.social-img-box .elementor-widget-wrap {
    overflow: hidden;
}

.social-img-box .elementor-image img {
    height: 217px;
    transition: .42s ease-out;
    -webkit-transition: .42s ease-out;
    transform: scale(1);
}

.social-img-box:hover .elementor-image img {
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

.social-icon-hover-box &gt; .elementor-column-wrap {
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.social-icon-hover-box &gt; .elementor-column-wrap:before {
    position: absolute;
    bottom: 0px;
    right: 0;
    content: " ";
    width: 0;
    height: 2px;
    z-index: 0;
    background: linear-gradient(to right, #2C4BFF 0%, #2C4BFF 100%);
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.social-icon-hover-box &gt; .elementor-column-wrap:hover:before {
    width: 100%;
    left: 0%;
    right: 0%;
}

.social-icon-hover-box .social-icon-hover-box-heading p {
    color: #191414;
    font-size: 22px;
    line-height: 28px;
    font-family: futura-pt !important;
}

.social-icon-hover-box:hover .social-icon-hover-box-heading p {
    color: #2C4BFF;
    font-size: 22px;
    line-height: 28px;
    font-family: futura-pt !important;
}

.social-btn-hover .radiantthemes-custom-button-main:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.social-btn-hover .radiantthemes-custom-button-main:before {
    content: '';
    width: 0;
    height: 1px;
    bottom: 3px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #2C4BFF;
}

/* SOCIAL HOMEPAGE TESTIMONIAL STARTS */

.social-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
    padding-top: 47px;
    padding-bottom: 41px;
    padding-left: 38px;
    padding-right: 38px;
    /*box-shadow: 0px 10px 14px 0px rgba(236, 238, 255, 0.1);*/
    margin: 40px 14px 40px 14px;
    border-radius: 0px;
    background: #f7f7ff url(https://test.radiantthemes.com/review/wp-content/uploads/2020/01/social-testimonial-shape1.png) no-repeat 440px 44px;
}

@media screen and (max-width: 1024px) {
    .social-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
        background: #f7f7ff url(https://test.radiantthemes.com/review/wp-content/uploads/2020/01/social-testimonial-shape1.png) no-repeat 394px 44px;
    }

}

@media screen and (max-width: 768px) {
    .social-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder {
        background: #f7f7ff url(https://test.radiantthemes.com/review/wp-content/uploads/2020/01/social-testimonial-shape1.png) no-repeat 280px 44px;
    }
}

}

.social-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .title {
    margin-bottom: 3px;
    margin-top: -9px;
    margin-left: 8px;
}

.social-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-data .designation {
    margin-left: 8px;
}

.social-homepage-testimonial .testimonial.element-three .testimonial-item &gt; .holder &gt; .testimonial-title &gt; .testimonial-title-pic {
    width: 71px;
    height: 71px;
    top: 3px;
}

.social-homepage-testimonial .testimonial[class*="element-"].owl-dot-style-one .owl-dots &gt; .owl-dot.active &gt; span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #2b4bff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.social-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots &gt; .owl-dot &gt; span {
    background-color: #D7D5FF;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.social-homepage-testimonial .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 15px;
    text-align: center;
}

/* SOCIAL MARKETING HOMEPAGE TESTIMONIAL ENDS */

/* SOCIAL MARKETING HOMEPAGE CSS ENDS */
/* HELPDESK CSS STARTS */
.helpdesk-discover-more .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    visibility: hidden;
    color: #181b31;
}

.helpdesk-discover-more .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover i {
    visibility: visible;
    font-weight: bold;
    /*-webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.2s linear 0s;*/
    transition: all .1s ease;
    color: #0265FF !important;
}

.helpdesk-discover-more .radiantthemes-custom-button.element-one a.radiantthemes-custom-button-main {
    color: #181b31;
}

.helpdesk-discover-more .radiantthemes-custom-button.element-one a.radiantthemes-custom-button-main:hover {
    color: #0265FF !important;
}

.helpdesk-discover-more .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main a {
    color: #6B7A90;
}

.helpdesk-discover-more .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover a {
    color: #0265FF !important;
}

/* HELPDESK BLOG STARTS */
.helpdesk-blog-holder .blog.element-fourteen .style-one {
    box-shadow: 1px -2px 16px 0px rgba(37, 68, 244, 0.1);
}

/* HELPDESK SUBCRIBE FORM STARTS */
.help-homepage-subscribe {
    position: relative;
    margin-top: 0px;
}

.help-homepage-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
    box-shadow: 0px 16px 36px -8px rgba(121, 110, 255, 0.2)
}

@media screen and (min-width: 1025px) {
    .help-homepage-subscribe .form-row input[type=email] {
        width: 60.6%;
    }
}

.help-homepage-subscribe .form-row input[type=email]:focus {
    background: #fcfcfc;
    border: 1px solid #2C4BFE;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.help-homepage-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    width: 180px;
    height: 56px;
    background-color: #2C4BFE;
    right: 0;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .help-homepage-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 90px;
        border-radius: 0px 5px 5px 0px;
    }
}

.help-homepage-subscribe .form-row input[type=email]::placeholder {
    color: #747474 !important;
}

/* HELPDESK SUBSCRIBE FORM ENDS */
/* HELPDESK PRICING */
.helpdesk-pricing-one .rt-pricing-table.element-nine {
    background-color: #EFF2F6;
}

.helpdesk-pricing .rt-pricing-table.element-nine.spotlight &gt; .spotlight-tag {
    display: none;
}

.helpdesk-pricing .rt-pricing-table.element-nine {
    border: 1px solid #F2F3F5;
}

.helpdesk-pricing-one .rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action {
    background-color: #335DEE !important;
    color: #ffffff !important;
}

/*.helpdesk-pricing .rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action:hover {*/
/*   background-color:#335DEE !important;*/
/*   color:#ffffff !important;*/
/*}*/
/* TEAM CSS STARTS */
.helpdesk-home-team .team.element-one .team-item &gt; .holder &gt; .pic {
    border-radius: 5px;
}

.helpdesk-home-team .team.element-one .team-item {
    padding-top: 0;
    padding-bottom: 0;
}

/* TEAM ACCODIAN */
.team-page-accordian .radiantthemes-accordion.element-five {
    background: transparent;
}

.team-page-accordian .radiantthemes-accordion.element-five .plus::after,
.team-page-accordian .radiantthemes-accordion.element-five .plus::before {
    background: #FCA301;
}

.team-page-accordian .radiantthemes-accordion.element-five .ques_bx li:not(.a) {
    border-top: 1px solid rgba(140, 133, 133, 0.18);
}

/* TEAM INEERPAGE TEAM CSS */
.team-innerpage .team.element-one .team-item &gt; .holder &gt; .pic {
    border-radius: 5px;
}

/* TEAM FORM */
.team-innerpage-subscribe {
    position: relative;
    margin-top: 0px;
}

.team-innerpage-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
}

@media screen and (min-width: 1025px) {
    .team-innerpage-subscribe .form-row input[type=email] {
        width: 68.5%;
    }
}

.team-innerpage-subscribe .form-row input[type=email]:focus {
    background: #fcfcfc;
    border: 1px solid #FBA301;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.team-innerpage-subscribe .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0;
    border: none;
    z-index: 1;
    width: 180px;
    height: 56px;
    background-color: #FBA301;
    right: 0;
    border-radius: 5px 5px 5px 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .team-innerpage-subscribe .form-row .footer-style-one-subscribe-btn {
        width: 80px;
        border-radius: 0px 5px 5px 0px;
    }

}

.team-innerpage-subscribe .form-row input[type=email]::placeholder {
    color: #656565 !important;
}

/* TEAM FOOTER STARTS */
.team-footer-list-item .radiantthemes-list.element-one ul li a {
    color: #B1CDF8;
}

.team-footer-list-item .radiantthemes-list.element-one ul li a:hover {
    color: #ffffff;
}

.team-facebook-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.team-facebook-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #3b5998;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.team-twitter-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.team-twitter-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #00acee;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.team-gplus-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.team-gplus-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #db4a39;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.team-instra-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.team-instra-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #3f729b;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

body.page-id-5413 &gt; .scrollup {
    color: #fff;
    background-color: #fb7103;
}


body.page-id-5413 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* TEAM FOOTER ENDS */
/* TEAM CSS ENDS */
/* FEATURES CSS STARTS */
.features_rt_img_1 .elementor-image {
    width: 578px;
    float: left;
    padding: 0 !important;
}


/* FEATURES CSS ENDS */
/* HELPDESK NEWSLETTER FORM STARTS */
.help-homepage-newsletter {
    position: relative;
    margin-top: 0px;
}

.help-homepage-newsletter .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 30px;
    font-size: 15px;
    color: #9D9FAD;
    line-height: 30px;
    height: 56px;
    box-shadow: 0px 16px 36px -8px rgba(121, 110, 255, 0.2)
}

@media screen and (min-width: 1025px) {
    .help-homepage-newsletter .form-row input[type=email] {
        width: 66.3%;
    }
}

.help-homepage-newsletter .form-row input[type=email]:focus {
    background: #fcfcfc;
    /*border:1px solid #025EFD;*/
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.help-homepage-newsletter .form-row .footer-style-one-subscribe-btn {
    position: absolute;
    top: 0px;
    border: none;
    z-index: 1;
    width: 180px;
    height: 56px;
    background-color: #E5EEFC;
    right: 0;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: #3B4552;
    line-height: 30px;
    cursor: pointer;
    margin-right: -1px;
}

@media screen and (max-width: 768px) {
    .help-homepage-newsletter .form-row .footer-style-one-subscribe-btn {
        width: 90px;
        border-radius: 0px 5px 5px 0px;
    }
}

.help-homepage-newsletter .form-row input[type=email]::placeholder {
    color: #747474 !important;
}

/* HELPDESK NEWSLETTER FORM ENDS */
/* HELPDESK CSS ENDS */
/* FOOTER SECTION CSS STARTS */
/* FOOTER BILLING STARTS */
.footer-billing-list-item .radiantthemes-list.element-one ul li a {
    color: #CED0D3;
}

.footer-billing-list-item .radiantthemes-list.element-one ul li a:hover {
    color: #ffffff;
}

body.page-id-414 &gt; .scrollup {
    color: #fff;
    background-color: #796EFD;
}

body.page-id-414 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

.footer-billing-form .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 20px;
    font-size: 15px;
    color: #71788D;
    line-height: 26px;
    height: 56px;
    box-shadow: 0px 0px 20px 4px rgba(47, 85, 212, 0.1);
}

.footer-billing-form .form-row input[type=email]:focus {
    background: #fafafa;
    border: 1px solid #796EFD;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.footer-billing-form .form-row .footer-style-one-subscribe-btn {
    width: 160px;
    height: 56px;
    background-color: #796EFD;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500 !important;
    border: none;
    margin-top: 12px;
}

.footer-billing-form .form-row input[type=email]::placeholder {
    color: #71788D !important;
}


/* FOOTER BILLING ENDS */

/* FOOTER THREE STARTS */
.crm-footer-list-item .radiantthemes-list.element-one ul li a {
    color: #7F7D7D;
}

.crm-footer-list-item .radiantthemes-list.element-one ul li a:hover {
    color: #ffffff;
}

.info-underlined {
    text-decoration: underline !important;
    color: #FF6064;
}

.menu-footer-link-one li {
    margin-bottom: 10px;
}

.menu-footer-link-one a {
    color: #5E656C;
}

.menu-footer-link-one a:hover {
    color: #FF6064;
}

.menu-footer-link-two li {
    margin-bottom: 10px;
}

.menu-footer-link-two a {
    color: #7F7D7D;
    transition: all 0.3s ease;
}

.menu-footer-link-two a:hover {
    color: #fff;
}

.menu-live-footer-link a {
    color: #DCF5EA;
}

.menu-live-footer-link li {
    margin-bottom: 10px;
}

.menu-live-footer-link a:hover {
    color: #fff;
}

.menu-seo-footer-link a {
    color: #AA9AE4;
}

.menu-seo-footer-link li {
    margin-bottom: 10px;
}

.menu-seo-footer-link a:hover {
    color: #fff;
}

.menu-online-support-footer-link a {
    color: #16193A;
}

.menu-online-support-footer-link li {
    margin-bottom: 10px;
}

.menu-online-support-footer-link a:hover {
    color: #FF5F63;
}

.menu-product-analysis-footer-link a {
    color: #E6C9F5;
}

.menu-product-analysis-footer-link li {
    margin-bottom: 10px;
}

.menu-product-analysis-footer-link a:hover {
    color: #fff;
}

.menu-app-develop-footer-link a {
    color: #BFBBDE;
}

.menu-app-develop-footer-link li {
    margin-bottom: 10px;
}

.menu-app-develop-footer-link a:hover {
    color: #fff;
}

.inner-page-footer a {
    color: #B1CDF8;
}

.inner-page-footer li {
    margin-bottom: 10px;
}

.inner-page-footer a:hover {
    color: #fff;
}

.menu-social-helpdesk-footer a {
    color: #433B3A;
}

.menu-social-helpdesk-footer li {
    margin-bottom: 10px;
}

.menu-social-helpdesk-footer a:hover {
    color: #2B4BFF;
}


body.page-id-1309 &gt; .scrollup {
    color: #fff;
    background-color: #F34D2F;
}

body.page-id-1309 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* FOOTER THREE ENDS */

/* LIVECHAT FOOTER STARTS */
.livechat-footer-list-item .radiantthemes-list.element-one ul li a {
    color: #dcf5ea;
}

.livechat-footer-list-item .radiantthemes-list.element-one ul li a:hover {
    color: #ffffff;
}

/* For Livechat Footer Social Icon */
.livechat-facebook-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.livechat-facebook-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #3b5998;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.livechat-twitter-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.livechat-twitter-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #00acee;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.livechat-gplus-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.livechat-gplus-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #db4a39;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.livechat-instra-icon-hover .elementor-icon i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.livechat-instra-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #d6538e;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

body.page-id-1892 &gt; .scrollup {
    color: #fff;
    background-color: #F99F03;
}


body.page-id-1892 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

body.page-id-11095 &gt; .scrollup {
    color: #fff;
    background-color: #F99F03;
}


body.page-id-11095 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* FOOTER FOUR ENDS */

/* FOOTER APP STARTS */
.app-footer-list-item .radiantthemes-list.element-one ul li a {
    color: #BFBBDE;
}

.app-footer-list-item .radiantthemes-list.element-one ul li a:hover {
    color: #ffffff;
}

body.page-id-2429 &gt; .scrollup {
    color: #fff;
    background-color: #2ADFAA;
}

body.page-id-2429 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* FOOTER APP ENDS */

/* FOOTER SIX STARTS */
.product-footer-list-item .radiantthemes-list.element-one ul li a {
    color: #E6C9F5;
}

.product-footer-list-item .radiantthemes-list.element-one ul li a:hover {
    color: #ffffff;
}

.footer-style-six-subscribe .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 20px;
    font-size: 15px;
    color: #71788D;
    line-height: 26px;
    height: 56px;
    box-shadow: 0px 0px 20px 4px rgba(47, 85, 212, 0.1);
}

.footer-style-six-subscribe .form-row input[type=email]:focus {
    background: #fafafa;
    border: 1px solid #FB8B0A;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.footer-style-six-subscribe .form-row .footer-style-one-subscribe-btn {
    width: 180px;
    background-color: #FB8B0A;
    border-radius: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    color: #fff;
    font-size: 15px;
    font-weight: bold !important;
    border: none;
    margin-top: 12px;
}

.footer-style-six-subscribe .form-row input[type=email]::placeholder {
    color: #71788D !important;
}

/* FOOTER SIX ENDS */

/* FOOTER SEVEN STARTS */
.footer-seven-list-item .radiantthemes-list.element-one ul li a {
    color: #474C55;
}

body.page-id-2978 &gt; .scrollup {
    color: #fff;
    background-color: #F98900;
}

body.page-id-2978 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* FOOTER SEVEN ENDS */

/* FOOTER EIGHT STARTS */
.pos-footer-list-item .radiantthemes-list.element-one ul li a {
    color: #5E656C;
}

.online-support-footer .form-row input[type=email] {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    padding-left: 20px;
    font-size: 15px;
    color: #71788D;
    line-height: 26px;
    height: 56px;
    /*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.11);*/
}

.online-support-footer .form-row input[type=email]:focus {
    background: #fafafa;
    border: 1px solid #FF5F63;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.online-support-footer .form-row .footer-style-one-subscribe-btn {
    width: 180px;
    background-color: #FF5F63;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    font-size: 15px;
    font-weight: 500 !important;
    border: none;
    margin-top: 19px;
    height: 56px;
}

.footer-style-eight-subscribe .form-row input[type=email]::placeholder {
    color: #71788D !important;
}

/* SUPPORT FOOTER */
.support-footer-list-item .radiantthemes-list.element-one ul li a {
    color: #16193A;
}

body.page-id-4076 &gt; .scrollup {
    color: #fff;
    background-color: #FF6064;
}

body.page-id-4076 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* FOOTER EIGHT ENDS */

/* FOOTER NINE STARTS */
body.page-id-4528 &gt; .scrollup {
    color: #fff;
    background-color: #FF6064;
}

body.page-id-4528 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* FOOTER NINE ENDS */

/* FOOTER SOCIAL MARKETING STARTS */
.footer-soial-list-item .radiantthemes-list.element-one ul li a {
    color: #433B3A;
}

body.page-id-12146 &gt; .scrollup {
    color: #fff;
    background-color: #ff7e36;
}

body.page-id-12146 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* FOOTER SOCIAL MARKETING ENDS */
/* HELPDEK FOOTER STARTS */
.footer-helpdesk-list-item .radiantthemes-list.element-one ul li a {
    color: #433B3A;
}

.helpdesk-facebook-icon-hover .elementor-icon i {
    color: #5B5C61;
    background-color: #E9EEF2;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.helpdesk-facebook-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #3b5998;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.helpdesk-twitter-icon-hover .elementor-icon i {
    color: #5B5C61;
    background-color: #E9EEF2;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.helpdesk-twitter-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #00acee;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.helpdesk-gplus-icon-hover .elementor-icon i {
    color: #5B5C61;
    background-color: #E9EEF2;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.helpdesk-gplus-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #db4a39;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

.helpdesk-instra-icon-hover .elementor-icon i {
    color: #5B5C61;
    background-color: #E9EEF2;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
}

.helpdesk-instra-icon-hover .elementor-icon i:hover {
    color: #ffffff;
    background-color: #d6538e;
    border-radius: 2px;
    padding-top: 11px;
    padding-bottom: 22px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 12px;
    cursor: pointer;
}

body.page-id-2429 &gt; .scrollup {
    color: #fff;
    background-color: #2ADFAA;
}


body.page-id-2429 &gt; .scrollup span[class*='ti-'] {
    font-size: 12px;
}

/* HELPDESK FOOTER ENDS */

/* FOOTER SECTION CSS ENDS */

/* START CSS FOR ACCODIAN */

.radiantthemes-accordion.element-five {
    width: 100%;
    margin: 0 auto;
}

.radiantthemes-accordion.element-five .accord_bdy {
    padding: 0;
}

.radiantthemes-accordion.element-five .accord_bx_sec {
    padding: 0;
}

.radiantthemes-accordion.element-five .ques_bx {
    margin: 0;
    padding: 0;
}

.radiantthemes-accordion.element-five .clearfix:before {
    display: table;
    content: " ";
}

.radiantthemes-accordion.element-five .ques_bx li:not(.a) {
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0px;
    border-radius: 0px;
    padding: 22px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.radiantthemes-accordion.element-five .ques_bx li:not(.a):first-child {
    /* border-bottom: none; */
    border-top: none;
}

.radiantthemes-accordion.element-five .ques_bx li {
    float: left;
    width: 100%;
}

.radiantthemes-accordion.element-five .minus {
    opacity: 1;
    font-size: 1.3em;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    float: right;
}

.radiantthemes-accordion.element-five .plus {
    opacity: 1;
    font-size: 1.3em;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    top: 9px;
    float: right;
}

.radiantthemes-accordion.element-five .minus::before {
    transform: rotate(135deg);
}

.radiantthemes-accordion.element-five .plus::after,
.radiantthemes-accordion.element-five .plus::before {
    content: "" !important;
    background: currentColor;
    height: 2px;
    width: 16px;
    display: block;
    position: absolute;
    left: 0;
    transition: transform .3s ease-out;
}

.radiantthemes-accordion.element-five .minus::after {
    transform: rotate(45deg);
}

.radiantthemes-accordion.element-five .plus::after {
    transform: rotate(90deg);
}

.radiantthemes-accordion.element-five .plus::after,
.radiantthemes-accordion.element-five .plus::before {
    content: "" !important;
    background: currentColor;
    height: 2px;
    width: 12px !important;
    display: block;
    position: absolute;
    left: 0;
    transition: transform .3s ease-out;
}

.radiantthemes-accordion.element-five .text {
    float: left;
    color: #16193A;
    font-weight: 500 !important;
    margin-right: 10px;
    font-size: 22px;
}

.radiantthemes-accordion.element-five .ques_bx li.a {
    display: none;
    color: #555759;
    margin-top: -18px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 17px;
}

.radiantthemes-accordion.element-five .accord_bx_sec {
    padding: 0 0px 35px 0px !important;
}

@media screen and (max-width: 479px) and (min-width: 321px) {
    .radiantthemes-accordion.element-five .plus {
        top: 8px !important;
        right: -15px;
    }

    .brand-logo .elementor-image {
        width: 220px;
        float: none;
    }

    .heading-border .elementor-heading-title:after {
        display: none;
    }

}

.element-page-accordion-two .elementor-accordion .elementor-accordion-item {
    margin-bottom: 20px;
    border: 1px #E2E4EC solid;
    box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    border-radius: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.element-page-accordion-two .elementor-tab-title a {
    color: #16193A !important;
}

.element-page-accordion-two .elementor-accordion .elementor-tab-content {
    /*padding: 15px 20px;*/
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #d4d4d4;
}

.homepage-one-element-page-accordion-two .elementor-accordion .elementor-accordion-item {
    margin-bottom: 20px;
    border: 1px #E2E4EC solid;
    box-shadow: 0px 0px 23px 3px rgba(47, 85, 212, 0.1);
    background-color: #ffffff;
    border-radius: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.homepage-one-element-page-accordion-two .elementor-tab-title a {
    color: #16193A !important;
    padding-left: 15px;
}

.homepage-one-element-page-accordion-two .elementor-accordion .elementor-tab-content {
    /*padding: 15px 20px;*/
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-right: 35px;
    border-top: 1px solid #d4d4d4;
}

/* END CSS FOR ACCODIAN */

/* START OF ABOUT PAGE */

.payroll-about-progress .rt-progress-bar &gt; .progress {
    margin-top: 10px !important;
}

/* START OF ABOUT INNERPAGE PLAY BUTTON */

.about-pop-up-video-icon img {
    background-color: rgba(251, 163, 1, 0.1);
    border-radius: 50% !important;
    animation: anim-btn 1.2s linear infinite;
}

@keyframes anim-btn {
    0% {
        box-shadow: 0 0 0 0 rgba(251, 163, 1, 0.1),
            0 0 0 10px rgba(251, 163, 1, 0.1),
            0 0 0 30px rgba(251, 163, 1, 0.1);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(251, 163, 1, 0.1),
            0 0 0 30px rgba(251, 163, 1, 0.1),
            0 0 0 35px rgba(251, 163, 1, 0.1);
    }
}

/* ABOUT ICON BOX */
.about-iconbox-1 .elementor-icon i {
    padding-top: 4px;
}

.about-iconbox-2 .elementor-icon i {
    padding-top: 2px;
}

/* END OF ABOUT INNERPAGE PLAY BUTTON */

.about-bg-img-1 .elementor-image {
    width: 493px;
    float: right;
}

.feature-bg-img-1 .elementor-image {
    width: 340px;
    float: right;
    margin-top: 45px;
}

.feature-bg-img-2 .elementor-image {
    width: 340px;
    float: right;
}

.how-works-bg-img-1 .elementor-image {
    width: 493px;
    float: right;
    margin-top: -160px;
}

/* END OF PAYROLL ABOUT PAGE */

/* END OF TEAM INNER PAGES */

/* START OF PRICING INNER PAGES */
.pricebox-hover {
    background: rgba(255, 255, 255, 0.1);
}

.pricebox-hover:hover {
    background: rgba(255, 255, 255, 0.1);
}

.pricebox-hover .pricebox-hover-heading-one {
    color: #ffffff;
    font-family: futura-pt;
}

.pricebox-hover:hover .pricebox-hover-heading-one {
    color: #ffffff;
}

.pricebox-hover .pricebox-hover-para-one {
    color: #ffffff;
}

.pricebox-hover:hover .pricebox-hover-para-one {
    color: #ffffff;
}

.pricebox-hover .elementor-image img {
    filter: brightness(0) invert(1);
}

.pricebox-hover:hover .elementor-image img {
    filter: brightness(0) invert(1);
}

.pricebox-active .pricebox-hover-heading-one {
    font-family: futura-pt;
}

/* END OF PRICING INNER PAGES */
/* QIK LANDING PAGE */

.landing-img-hover-1 .landing-bg-overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.landing-img-hover-1:hover .landing-bg-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.landing-img-hover-1 .landing-btn-one {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.landing-img-hover-1:hover .landing-btn-one {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

.landing-icon-hover-box &gt; .elementor-column-wrap {
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.landing-icon-hover-box &gt; .elementor-column-wrap:before {
    position: absolute;
    top: 0px;
    right: 0;
    content: " ";
    width: 0;
    height: 3px;
    z-index: 0;
    background: linear-gradient(to right, #FB5448 0%, #FB5448 100%);
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.landing-icon-hover-box &gt; .elementor-column-wrap:before {
    width: 10%;
    left: 40px;
    right: auto;
    margin-top: -2px;
}

.landing-img-slider .swiper-container {
    margin-bottom: 50px;
}

.landing-img-slider .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
    box-shadow: 0px 0px 50px 6px rgba(16, 171, 125, 0.1);
}

/*PRICING TABLE FOR PRICING PAGE*/
.qik-pricing-1 table {
    width: 100%;
    border-collapse: collapse;
}

.qik-pricing-1 p {
    font-weight: 400;
    color: #33475B;
}

.qik-pricing-1 tbody tr td {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 28px;
    padding-right: 28px;
    font-weight: 400;
    color: #33475B;
}

.qik-pricing-1 th {
    padding-top: 35px;
    padding-bottom: 35px;
}

.qik-pricing-1 .table-striped &gt; tbody &gt; tr:nth-of-type(odd) {
    background-color: #FBFEFF;
}

.qik-pricing-1 .table-striped &gt; tbody &gt; tr:nth-of-type(even) {
    background-color: #ffffff;
}

.qik-pricing-1 th:first-child {
    padding-left: 28px;
    padding-right: 28px;
}

.qik-pricing-1 tbody tr td i.fa-check {
    color: #22BC88;
    border-radius: 50%;
    font-size: 16px;
    padding: 8px;
}

.qik-pricing-1 tbody tr td i.fa-close {
    color: #ff2626;
    border-radius: 50%;
    font-size: 15px;
    padding: 8px 9.9px;
}

.qik-pricing-1 a.pricing-create-acnt {
    color: #2f4dcc !important;
    border-bottom: 1px solid #2f4dcc;
}

.qik-pricing-1 a.pricing-select-plan {
    color: #2f4dcc !important;
    background: #EFEBFB;
    padding: 12px;
    text-align: center;
    border-radius: 5px;
}

td.qik-table-data-1 {
    background: #2f4dcc;
}

h3.qik-tabledata-first {
    color: #fff;
    font-size: 20px;
    padding-top: 15px;
}

.qik-pricing-1 tbody tr td i.fa-info-circle {
    color: #7c94f7;
    margin-top: 21px;
    font-size: 17px;
}

.qik-pricing-1 .table-bordered &gt; tbody &gt; tr &gt; td {
    border: 1px solid #E6E7E9;
}

.qik-pricing-1 .table-bordered &gt; thead &gt; tr &gt; td {
    border-top: 1px solid #E6E7E9;
    border-bottom: none;
    border-left: 1px solid #E6E7E9;
    border-right: 1px solid #E6E7E9;
}

.qik-pricing-1 .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1 !important;
}

.qik-pricing-1 .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #474C51;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10px;
    position: absolute;
    z-index: 1;
    bottom: 70%;
    left: 50%;
    margin-left: -60px;
    box-shadow: 0px 0px 50px 6px rgba(16, 171, 125, 0.1);
}

.qik-pricing-1 .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}

.qik-pricing-1 .tooltip:hover .tooltiptext {
    visibility: visible;
}

/* PRICE ACCODIAN */
.price-page-accordian .radiantthemes-accordion.element-five {
    background: transparent;
}

.price-page-accordian .radiantthemes-accordion.element-five .plus::after,
.price-page-accordian .radiantthemes-accordion.element-five .plus::before {
    background: #2F55D4;
}

.price-page-accordian .radiantthemes-accordion.element-five .ques_bx li:not(.a) {
    border-top: 1px solid rgba(140, 133, 133, 0.18);
}

.price-page-accordian .radiantthemes-accordion.element-five .ques_bx li:not(.a):first-child {
    border-top: none !important;
}

/* PRICING TABLE CSS */
.support-list-icon i {
    font-size: 12px;
    margin-right: 20px;
    color: #3CBE6F;
}

span.online-support-new-1 {
    background-color: #3DBD70;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
    margin-left: 5px;
}

span.online-support-new-2 {
    background-color: #FD6165;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
    margin-left: 5px;
}

.online-support-new-2 span {
    background-color: #FF6162;
    color: #fff;
    border-radius: 5px;
}

.app-development-list-icon i {
    font-size: 12px;
    margin-right: 20px;
    color: #EE3A39;
}

.online-billing-list-icon i {
    font-size: 12px;
    margin-right: 20px;
    color: #FC8B0B;
}

.crm-software-list-icon i {
    font-size: 12px;
    margin-right: 20px;
    color: #FC572E;
}

.helpdesk-list-icon i {
    font-size: 12px;
    margin-right: 20px;
    color: #0F0C0C;
}

/*PRICING TABLE SUPPORT START*/
.rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action {
    margin-bottom: 18px;
}

.pricing-table .rt-pricing-table.element-ten .rt-pricing-title {
    padding-bottom: 27px;
    padding-top: 20px;
}

.pricing-table .rt-pricing-table.element-ten .rt-list ul li {
    padding-top: 0 !important;
    padding-bottom: 7px !important;
    color: #5E656C !important;
}

.pricing-table .rt-pricing-table.element-ten .rt-price {
    font-family: "Roboto" !important;
    padding-bottom: 14px;
}

.pricing-table .rt-pricing-table.element-ten .rt-price sub {
    font-size: 31% !important;
}

.change-box-shadow .rt-pricing-table.element-ten.spotlight {
    box-shadow: none !important;
}

.change-box-shadow-1 .rt-pricing-table.element-ten.spotlight {
    box-shadow: 0px 5px 33px 0px rgba(232, 153, 156, 0.2) !important;
}

.change-box-shadow-2 .rt-pricing-table.element-ten.spotlight {
    box-shadow: 0px 4px 80px -33px #b6d4ec !important;
}

.pricing-table-bar .rt-pricing-table.element-ten .rt-price sub {
    display: none;
    font-size: 40% !important;
}

.image-hover-style:before {
    position: absolute;
    content: "";
    background: #fff;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
}

.image-hover-style:hover:before {
    width: 100%;
    transform: translatex(100x);
    overflow: hidden;

}

.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .35s cubic-bezier(.04, .11, .6, .97);
    -o-transition: .35s cubic-bezier(.04, .11, .6, .97);
    transition: .35s cubic-bezier(.04, .11, .6, .97);
}

/* EFFECT SECTION */

.scale-effect {
    animation-name: move-img1;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-direction: normal;
    overflow: hidden;
    visibility: visible;
    transition: all 0.8s cubic-bezier(.25, .46, .45, .94);
    will-change: transform;
}


@-webkit-keyframes move-img1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        visibility: hidden;

        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        visibility: visible;
        overflow: hidden;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
}

.scale-effect:hover {
    transition: all 0.5s ease-in-out;
    transform: translatex(-10px);

}

.Blog-mega-menu h5 {
    text-align: left;
}

.Blog-mega-menu ul li {}

/* VPN Homepage*/
.menu-social-vpn-footer a {
    color: #A9C2FF;
}

.menu-social-vpn-footer li {
    margin-bottom: 10px;
}

.menu-social-vpn-footer a:hover {
    color: #ffffff;
}

/*Testing*/
</pre></body></html>