/*
Theme Name:     Market Cipher Custom Build
Theme URI:      https://marketciphertrading.com
Author:         Jack Brew
Author URI:     https://marketciphertrading.com
Template:       storefront
Description:    Market Cipher
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    marketcipher
Tags:           market cipher
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(assets/fonts/web-fonts/Montserrat-Regular-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(assets/fonts/web-fonts/Montserrat-Regular-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(assets/fonts/web-fonts/Montserrat-Medium-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(assets/fonts/web-fonts/Montserrat-Medium-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(assets/fonts/web-fonts/Montserrat-SemiBold-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(assets/fonts/web-fonts/Montserrat-SemiBold-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(assets/fonts/web-fonts/Montserrat-Bold-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(assets/fonts/web-fonts/Montserrat-Bold-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(assets/fonts/web-fonts/Montserrat-ExtraBold-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(assets/fonts/web-fonts/Montserrat-ExtraBold-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(assets/fonts/web-fonts/Montserrat-Black-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(assets/fonts/web-fonts/Montserrat-Black-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

canvas,
video {
    display: inline-block;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[hidden] {
    display: none;
}

html,
button,
input,
select,
textarea {
    font-family: "Montserrat", sans-serif;
}

a {
    color: #004dcd;
    text-decoration: none;
}

a:visited {
    color: #ac0404;
}

a:focus {
    outline: none;
}

a:active,
a:hover {
    color: #ea9629;
    outline: 0;
}

a:hover {
    text-decoration: none;
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p {
    margin: 0 0 24px;
    font-size: 14px;
    color: #575757;
    line-height: 1.8;
    letter-spacing: .4px;
}

@media only screen and (max-width: 575px) {
    p {
        font-size: 14px;
    }
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}

blockquote blockquote {
    margin-right: 0;
}

blockquote cite,
blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

blockquote em,
blockquote i {
    font-style: normal;
    font-weight: 300;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl {
    margin: 0 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 20px;
}

menu,
ol,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}

ul {
    list-style-type: square;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

li>ul,
li>ol {
    margin: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    min-width: inherit;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    padding-right: 2px;
    width: 270px;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

caption {
    font-size: 16px;
    margin: 20px 0;
}

th {
    font-weight: bold;
    text-transform: uppercase;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

del {
    color: #333;
}

ins {
    background: #fff9c0;
    text-decoration: none;
}

hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px;
}

/*-------------------------------------------------------------------------------------
    Typography
---------------------------------------------------------------------------------------*/
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

html {
    overflow: hidden;
    overflow-y: auto;
}

body {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-weight: 400;
}

a {
    transition: all 0.4s ease-in-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
dl,
dd,
menu,
ol,
ul,
table,
caption,
hr {
    margin: 0;
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Rubik", sans-serif;
    line-height: 1.2;
    color: #222222;
}

h1,
.h1 {
    font-size: 42px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 26px;
}

h4,
.h4 {
    font-size: 22px;
}

h5,
.h5 {
    font-size: 18px;
}

h6,
.h6 {
    font-size: 14px;
}

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

    h1,
    .h1 {
        font-size: 38px;
    }

    h2,
    .h2 {
        font-size: 28px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }
}

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

    h1,
    .h1 {
        font-size: 36px;
    }

    h2,
    .h2 {
        font-size: 26px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }
}

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

    h1,
    .h1 {
        font-size: 34px;
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-weight: 700;
}

h4,
.h4,
h5,
.h5 {
    font-weight: 600;
}

h6,
.h6 {
    font-weight: 500;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

a:visited {
    color: inherit;
}

input,
button,
select,
textarea {
    background: transparent;
    border: 1px solid #eee;
    transition: all 0.4s ease-out 0s;
    color: #333333;
}

input:focus,
input:active,
button:focus,
button:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    outline: 0;
}

input,
select,
textarea {
    width: 100%;
    font-size: 14px;
}

input,
select {
    height: 40px;
    padding: 0 15px;
}

/*-------------------------------------------------------------------------------------
    Custom Colors  
---------------------------------------------------------------------------------------*/
.gray-bg {
    background: #f5f5f5;
}

.bg-gray-light {
    background: #f9f9f9 !important;
}

.bg-light-gray {
    background: #fcfcfc;
}

.bg-blueshade {
    background: #F4F7FC !important;
}

.bg-default {
    background: #0069FF !important;
}

.color-default {
    color: #0069FF !important;
}

.bg-shark {
    background: #1B1E25 !important;
}

.bg-ebony-clay {
    background: #202633 !important;
}

.bg-black {
    background: #000000 !important;
}

.bg-portgore {
    background: #1E1A3F !important;
}

.bg-darkblue {
    background: #030B61;
}

.bg-darkblue-1 {
    background: #090619 !important;
}

.bg-darkblue-2 {
    background: #011634 !important;
}

.bg-darkblue-3 {
    background: #001026 !important;
}

.bg-bold-blue {
    background: #0B1315 !important;
}

.bg-light-blue {
    background: #0F1C22 !important;
}

.bg-red {
    background: #D32C3D;
}

.body-dark {
    background: #100e17 !important;
}

.crypto-green-text {
    color: #5bfec9 !important;
}

.white-text {
    color: #ffffff;
}

.bg-youtube {
    background: #E42D26 !important;
}

.bg-facebook {
    background: #3B5998 !important;
}

.bg-twitter {
    background: #1CCAFF !important;
}

.bg-instagram {
    background: #EC103D !important;
}

.bg-dark-blue {
    background: #2E303C;
}

.white-bg {
    background: #ffffff;
}

.bg-light-black {
    background: #282828 !important;
}

.bg-light-black-2 {
    background: #1d1d1d !important;
}

.gradient-bg-3 {
    background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 100%);
}

.gradient-bg-4 {
    background-image: linear-gradient(to right, #000428 0%, #004e92 100%);
}

.gradient-bg-green {
    background-image: linear-gradient(to right, #7478fa 0%, #6DD456 100%);
}

.gradient-bg-orange,
.service-box.orange-gradient:hover {
    background-image: linear-gradient(244deg, #FF9456 0%, #FE2B60 100%) !important;
}

.gradient-bg-darkorange {
    background-image: linear-gradient(244deg, #FE5532 0%, #FE0633 100%) !important;
}

.gradient-bg-lightorange {
    background-image: linear-gradient(244deg, #fe8c00 0%, #f83600 100%) !important;
}

.gradient-bg-green-blue,
.book-appointment-part.green-gradient-overlay::after {
    background-image: linear-gradient(244deg, #02C873 0%, #00CBFF 100%) !important;
}

.gradient-bg-skyhblue,
.pricing-box.gradient-skyblue:hover,
.pricing-box.gradient-skyblue.active {
    background-image: linear-gradient(244deg, #39ec73 0%, #0086f8 100%) !important;
}

.gradient-midnightblue {
    background-image: linear-gradient(244deg, #3C53D7 0%, #1A1B6E 100%) !important;
}

.gradient-midnightblue.to-right {
    background-image: linear-gradient(244deg, #1A1B6E 0%, #3C53D7 100%) !important;
}

.gradient-midnightblue-2 {
    background-image: linear-gradient(244deg, #2F3C9E 0%, #0A113B 100%) !important;
}

.gradient-midnightblue-2.to-right {
    background-image: linear-gradient(244deg, #0A113B 0%, #2F3C9E 100%) !important;
}

.gradient-blue-purpul {
    background: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%) !important;
}

.gradient-blue-purpul-2 {
    background: linear-gradient(to right, #ff0a5e 0, #740088 51%, #9C27B0 100%) !important;
}

.gradient-visible-village {
    background: linear-gradient(to right, #031034 0%, #28dbe9 100%) !important;
}

.gradient-skyblue-shade {
    background-image: linear-gradient(244deg, #2196F3 0%, #009688 100%) !important;
}

.gradcolor-orange-yellow,
.pricing-box.grad-orange-yellow:hover,
.pricing-box.grad-orange-yellow.active {
    background-image: linear-gradient(244deg, #FF8008 0%, #FFC837 100%) !important;
}

.gradient-green-shade {
    background-image: linear-gradient(to right, #00d563 0%, #00b755 100%) !important;
}

.gradient-pink,
.fancy-box:hover.hover-grad-pink.fancy-box-case-study figure:after {
    background-image: linear-gradient(to right, #f889ab 0%, #a400d1 100%) !important;
}

[data-overlay]:after,
[data-color-overlay]:after,
[data-color-hover-overlay]:after {
    content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

[data-color-hover-overlay]:after {
    opacity: 0;
    transition: all 0.5s ease;
}

[data-overlay="0"]:after,
[data-color-overlay="0"]:after,
[data-color-hover-overlay="0"]:hover:after {
    opacity: 0;
}

[data-overlay="1"]:after,
[data-color-overlay="1"]:after,
[data-color-hover-overlay="1"]:hover:after {
    opacity: 0.1;
}

[data-overlay="2"]:after,
[data-color-overlay="2"]:after,
[data-color-hover-overlay="2"]:hover:after {
    opacity: 0.2;
}

[data-overlay="3"]:after,
[data-color-overlay="3"]:after,
[data-color-hover-overlay="3"]:hover:after {
    opacity: 0.3;
}

[data-overlay="4"]:after,
[data-color-overlay="4"]:after,
[data-color-hover-overlay="4"]:hover:after {
    opacity: 0.4;
}

[data-overlay="5"]:after,
[data-color-overlay="5"]:after,
[data-color-hover-overlay="5"]:hover:after {
    opacity: 0.5;
}

[data-overlay="6"]:after,
[data-color-overlay="6"]:after,
[data-color-hover-overlay="6"]:hover:after {
    opacity: 0.6;
}

[data-overlay="7"]:after,
[data-color-overlay="7"]:after,
[data-color-hover-overlay="7"]:hover:after {
    opacity: 0.7;
}

[data-overlay="8"]:after,
[data-color-overlay="8"]:after,
[data-color-hover-overlay="8"]:hover:after {
    opacity: 0.8;
}

[data-overlay="9"]:after,
[data-color-overlay="9"]:after,
[data-color-hover-overlay="9"]:hover:after {
    opacity: 0.9;
}

[data-overlay="10"]:after,
[data-color-overlay="10"]:after,
[data-color-hover-overlay="10"]:hover:after {
    opacity: 1;
}

.bg-color,
.hover-bg-color:hover,
[data-color-overlay]::after,
[data-color-hover-overlay]:hover::after {
    background: #0069FF !important;
}
body.template-color-33 {
    /* Light Background Button // Template color wise */
}

body.template-color-33 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-33 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-33 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-33 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-33 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-33 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #3C53D7 !important;
}

body.template-color-33 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-33 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-33 .mini-cart .shopping-cart,
body.template-color-33 .dropdown__menu,
body.template-color-33 .mega-width-fullscreen,
body.template-color-33 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #3C53D7 !important;
}

body.template-color-33 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-33 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-33 .header-full-menu .social-icons-simple li a:hover,
body.template-color-33 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-33 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #3C53D7;
}

body.template-color-33 #scroll-top {
    background: #3C53D7 !important;
    border: 2px solid #3C53D7;
}

body.template-color-33 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-33 #scroll-top:hover {
    background: #3C53D7;
}

body.template-color-33 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-33 .bg-color,
body.template-color-33 .hover-bg-color:hover,
body.template-color-33 [data-color-overlay]::after,
body.template-color-33 [data-color-hover-overlay]:hover::after,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-33 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-33 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-33 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-33 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-33 .post-nav-list .nav-item a:hover,
body.template-color-33 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-33 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-33 .animated-dot .middle-dot,
body.template-color-33 .animated-dot .signal,
body.template-color-33 .animated-dot .signal2,
body.template-color-33 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-33 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-33 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-33 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-33 .pricing-box .header .feature-mark,
body.template-color-33 .sl-testimonial .pic:after,
body.template-color-33 .sl-testimonial .pic:before,
body.template-color-33 #common-footer:before,
body.template-color-33 #common-footer .footer_item:before,
body.template-color-33 #common-footer .footer_menu:before,
body.template-color-33 #common-footer .footer_contacts__item:before,
body.template-color-33 .section-title.under-line h2::after {
    background: #3C53D7 !important;
}

body.template-color-33 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #3C53D7 !important;
}

body.template-color-33 .pricing-box.hoverable:hover,
body.template-color-33 .pricing-box.hoverable.active {
    background: #3C53D7;
}

body.template-color-33 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-33 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #3C53D7 !important;
}

body.template-color-33 .progress-bar span.percent-label:after {
    border-color: #3C53D7 transparent transparent transparent !important;
}

body.template-color-33 .icon-box.style-5 .inner .inner-icon {
    color: #3C53D7;
    width: 100%;
}
body.template-color-33 .usp-blocks{
    display: block;
    margin: auto;
}


body.template-color-33 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-33 .icon-box.style-5:hover .gradients-button {
    color: #3C53D7;
}

body.template-color-33 .team-part .single-blog-item .social-icon a:hover {
    background-color: #3C53D7;
    color: #ffffff;
    border-color: #3C53D7;
}

body.template-color-33 .chackbox input:checked~span {
    background: #3C53D7 !important;
    border-color: #3C53D7 !important;
}

body.template-color-33 .radio span:after {
    background: #3C53D7 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-33 .booking_form .img-sec {
        background: #3C53D7 !important;
    }
}

body.template-color-33 .crypto-table .table {
    border: 8px solid #3C53D7;
}

body.template-color-33 .agn-testimonial .carousel-control-next:hover,
body.template-color-33 .agn-testimonial .carousel-control-prev:hover,
body.template-color-33 .agn-testimonial .carousel-control-next:focus,
body.template-color-33 .agn-testimonial .carousel-control-prev:focus {
    background: #3C53D7;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-33 .box-team .overlay {
    background-color: rgba(60, 83, 215, 0.75);
}

body.template-color-33 .social-shere:hover {
    border-color: #3C53D7 !important;
}

body.template-color-33 .social-shere:hover .social-site p {
    color: #3C53D7 !important;
}

body.template-color-33 .social-shere:hover .icon i {
    color: #3C53D7 !important;
}

body.template-color-33 .testimonial-slider .carousel-indicators li.active {
    border-color: #3C53D7;
}

body.template-color-33 .service-box i {
    color: #3C53D7;
}

body.template-color-33 .service-box .readmore {
    color: #3C53D7;
}

body.template-color-33 .service-box .readmore:before {
    background-color: #3C53D7;
}

body.template-color-33 .service-box:hover {
    background: #3C53D7;
}

body.template-color-33 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-33 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-33 .service-box:hover i,
body.template-color-33 .service-box:hover h4,
body.template-color-33 .service-box:hover p {
    color: #ffffff;
}

body.template-color-33 .icon-border-shadow {
    background: #3C53D7 !important;
}

body.template-color-33 .icon-border-shadow:before {
    background: rgba(60, 83, 215, 0.3) !important;
}

body.template-color-33 .icon-border-shadow:after {
    background: rgba(60, 83, 215, 0.5) !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #3C53D7;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #3C53D7 !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-33 .icon-box .inner .icon-3.style-2 {
    background: rgba(60, 83, 215, 0.1) !important;
}

body.template-color-33 .icon-box .inner .icon-3.style-3 {
    background: #3C53D7;
}

body.template-color-33 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(60, 83, 215, 0.75) !important;
}

body.template-color-33 .text-color,
body.template-color-33 .hover-text-color:hover,
body.template-color-33 .snail_toolbar .inner a:hover,
body.template-color-33 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-33 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-33 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-33 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-33 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-33 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-33 .blog-tag-list a:hover,
body.template-color-33 .sl-quote::before,
body.template-color-33 .blog-post-return-button a:hover,
body.template-color-33 .portfolio-details-list .details-list span a:hover,
body.template-color-33 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-33 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-33 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-33 .product:hover .product-contain h4,
body.template-color-33 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-33 .mini-cart .shopping-cart .footer .total,
body.template-color-33 .mini-cart .shopping-cart .footer .total span,
body.template-color-33 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-33 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-33 .post.blog2 .post-body h5 a:hover,
body.template-color-33 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-33 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-33 .tab.tabs-links .nav .nav-link a.active,
body.template-color-33 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-33 .blog-post .blog-inner .blog-title a:hover,
body.template-color-33 .footer-part.footer-classic .footer-links a:hover,
body.template-color-33 .music_area .music-artist:hover .show-title,
body.template-color-33 .sl-testimonial .description:after,
body.template-color-33 .sl-testimonial .description:before,
body.template-color-33 .rating li i,
body.template-color-33 .btn .gradients-button.hover-bg-white:hover,
body.template-color-33 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-33 #common-footer .footer_menu__list li a:hover,
body.template-color-33 .icon-box.style-5:hover .gradients-button,
body.template-color-33 .icon-box.style-5.active .gradients-button {
    color: #3C53D7 !important;
}

body.template-color-33 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-33 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-33 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-33 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #3C53D7;
}

body.template-color-33 .footer-part.footer-classic .contact-mata:hover i {
    background: #3C53D7;
    color: #fff;
}

body.template-color-33 .comparision-slider .handle::after {
    color: #3C53D7;
}

body.template-color-33 .comparision-slider .handle.bordered {
    background: #3C53D7;
}

body.template-color-33 .comparision-slider .handle.bordered:after {
    border: 3px solid #3C53D7;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #3C53D7 !important;
}

body.template-color-33 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #3C53D7 !important;
    background-color: #3C53D7 !important;
}

body.template-color-33 .icon-box.style-4 .inner:hover .content h5 {
    color: #3C53D7 !important;
}

body.template-color-33 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #3C53D7 0%, transparent 100%);
}

body.template-color-33 .widget-category-list ul.category-area li a:hover {
    color: #3C53D7 !important;
}

body.template-color-33 .widget-category-list ul.category-area li a:hover span {
    background: #3C53D7 !important;
}

body.template-color-33 .side-menu .bg-overlay {
    background: rgba(60, 83, 215, 0.9);
}

body.template-color-33 .hue-color,
body.template-color-33 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(231.09677deg) !important;
    filter: hue-rotate(231.09677deg) !important;
}

body.template-color-33 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-33 .hero-slider .owl-nav .owl-prev:hover span {
    background: #3C53D7 !important;
    border-color: #3C53D7 !important;
    color: #ffffff;
}

body.template-color-33 .border-color,
body.template-color-33 .hover-border-color:hover,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-33 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-33 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-33 .radio input:checked~span,
body.template-color-33 .sl-testimonial .pic img {
    border-color: #3C53D7 !important;
}

body.template-color-33 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #3C53D7;
}

body.template-color-33 .btn .light-color {
    border-color: #3C53D7;
    background: rgba(60, 83, 215, 0.11);
}

body.template-color-33 .btn .light-color:hover {
    background: #3C53D7;
    color: #ffffff;
}

body.template-color-33 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-33 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-33 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-33 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-33 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-33 .hover-text-black:hover {
    color: #000000 !important;
}

.btn .light-color.light-white {
    border-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.btn .light-color.light-white:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.hover-bg-white:hover {
    background: #ffffff !important;
}

.hover-text-white:hover {
    color: #ffffff !important;
}

.hover-bg-black:hover {
    background: #000000 !important;
}

.hover-text-black:hover {
    color: #000000 !important;
}
/*-------------------------------------------------------------------------------------
    Shorcode
---------------------------------------------------------------------------------------*/
.viewport {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.scroll-container {
    width: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.text-black {
    color: #000000;
}

.mfp-wrap {
    z-index: 100003;
}

.fullscreen {
    min-height: 100vh;
    width: 100%;
}

.max-box {
    min-height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.rounded-18 {
    border-radius: 18px;
}

.text-transform-none {
    text-transform: none !important;
}

@media (min-width: 1366px) {
    .h-lg-100v {
        height: 100vh;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .h-custom-15v {
        height: 15vh;
    }

    .h-custom-5v {
        height: 5vh;
    }
}

@media (min-width: 1366px) {
    .h-lg-120v {
        height: 120vh;
    }
}

.text-decoration-underline {
    text-decoration: underline !important;
}

/* Radius class */
.rounded-10 {
    border-radius: 10px;
}

/* image positions */
.bg-cover {
    background-size: cover;
}

.bg-contain {
    background-size: contain;
}

.bg-norepeat {
    background-repeat: no-repeat;
}

.bg-repeat {
    background-repeat: repeat;
}

.bg-center {
    background-position: center;
}

.bg-bottom {
    background-position: bottom;
}

.bg-fixed {
    background-attachment: fixed;
}

/* Shadow */
.shadow-default,
.hover-shadow-default:hover {
    box-shadow: 0 1.5rem 4rem rgba(42, 53, 79, 0.05) !important;
}

.shadow-medium,
.product:hover .product-img,
.product .product-img .product-icon i,
.hover-shadow-medium:hover {
    box-shadow: 0 1rem 3rem rgba(42, 53, 79, 0.2) !important;
}

.shadow-large,
.hover-shadow-large:hover {
    box-shadow: 0 1rem 3rem rgba(42, 53, 79, 0.175) !important;
}

/*-- line-height --*/
.line-height-05 {
    line-height: 0.5 !important;
}

.line-height-06 {
    line-height: 0.6 !important;
}

.line-height-08 {
    line-height: 0.8 !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-12 {
    line-height: 1.2 !important;
}

.line-height-14 {
    line-height: 1.4 !important;
}

.line-height-16 {
    line-height: 1.6 !important;
}

.line-height-18 {
    line-height: 1.8 !important;
}

.line-height-1-95 {
    line-height: 1.95 !important;
}

.line-height-2 {
    line-height: 2 !important;
}

.line-height-22 {
    line-height: 2.2 !important;
}

.line-height-24 {
    line-height: 2.4 !important;
}

.line-height-26 {
    line-height: 2.6 !important;
}

/*-- Font-family --*/
.font-montserrat {
    font-family: "Montserrat", sans-serif;
}

.font-rubik {
    font-family: "Rubik", sans-serif;
}

@media screen and (min-width: 1440px) {
    .demo-container-width {
        max-width: 1350px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {
    .demo-container-width {
        max-width: 1340px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .demo-container-width {
        max-width: 1280px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) {
    .demo-container-width {
        max-width: 1350px;
        margin: 0 auto;
    }
}

/*-- Font-size --*/
.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-32 {
    font-size: 32px !important;
}

.font-size-34 {
    font-size: 34px !important;
}

.font-size-36 {
    font-size: 36px !important;
}

.font-size-38 {
    font-size: 38px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-42 {
    font-size: 42px !important;
}

.font-size-44 {
    font-size: 44px !important;
}

.font-size-46 {
    font-size: 46px !important;
}

.font-size-48 {
    font-size: 48px !important;
}

.font-size-50 {
    font-size: 50px !important;
}

.font-size-52 {
    font-size: 52px !important;
}

.font-size-54 {
    font-size: 54px !important;
}

.font-size-56 {
    font-size: 56px !important;
}

.font-size-58 {
    font-size: 58px !important;
}

.font-size-60 {
    font-size: 60px !important;
}

.font-size-62 {
    font-size: 62px !important;
}

.font-size-64 {
    font-size: 64px !important;
}

.font-size-66 {
    font-size: 66px !important;
}

.font-size-68 {
    font-size: 68px !important;
}

.font-size-70 {
    font-size: 70px !important;
}

.font-size-72 {
    font-size: 72px !important;
}

.font-size-74 {
    font-size: 74px !important;
}

.font-size-76 {
    font-size: 76px !important;
}

.font-size-78 {
    font-size: 78px !important;
}

.font-size-80 {
    font-size: 80px !important;
}

.font-size-82 {
    font-size: 82px !important;
}

.font-size-84 {
    font-size: 84px !important;
}

.font-size-86 {
    font-size: 86px !important;
}

.font-size-88 {
    font-size: 88px !important;
}

.font-size-90 {
    font-size: 90px !important;
}

.font-size-92 {
    font-size: 92px !important;
}

.font-size-94 {
    font-size: 94px !important;
}

.font-size-96 {
    font-size: 96px !important;
}

.font-size-98 {
    font-size: 98px !important;
}

.font-size-100 {
    font-size: 100px !important;
}

.font-size-102 {
    font-size: 102px !important;
}

.font-size-104 {
    font-size: 104px !important;
}

.font-size-106 {
    font-size: 106px !important;
}

.font-size-108 {
    font-size: 108px !important;
}

.font-size-110 {
    font-size: 110px !important;
}

.font-size-112 {
    font-size: 112px !important;
}

.font-size-114 {
    font-size: 114px !important;
}

.font-size-116 {
    font-size: 116px !important;
}

.font-size-118 {
    font-size: 118px !important;
}

.font-size-120 {
    font-size: 120px !important;
}

.font-size-122 {
    font-size: 122px !important;
}

.font-size-124 {
    font-size: 124px !important;
}

.font-size-126 {
    font-size: 126px !important;
}

.font-size-128 {
    font-size: 128px !important;
}

.font-size-130 {
    font-size: 130px !important;
}

.font-size-132 {
    font-size: 132px !important;
}

.font-size-134 {
    font-size: 134px !important;
}

.font-size-136 {
    font-size: 136px !important;
}

.font-size-138 {
    font-size: 138px !important;
}

.font-size-140 {
    font-size: 140px !important;
}

/*-- z-index --*/
.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.z-index-6 {
    z-index: 6;
}

.z-index-7 {
    z-index: 7;
}

.z-index-8 {
    z-index: 8;
}

.z-index-9 {
    z-index: 9;
}

.z-index-10 {
    z-index: 10;
}

.z-index-11 {
    z-index: 11;
}

.z-index-12 {
    z-index: 12;
}

.z-index-13 {
    z-index: 13;
}

.z-index-14 {
    z-index: 14;
}

.z-index-15 {
    z-index: 15;
}

.z-index--1 {
    z-index: -1;
}

.z-index--2 {
    z-index: -2;
}

.z-index--3 {
    z-index: -3;
}

.z-index--4 {
    z-index: -4;
}

.z-index--5 {
    z-index: -5;
}

.z-index--6 {
    z-index: -6;
}

.z-index--7 {
    z-index: -7;
}

.z-index--8 {
    z-index: -8;
}

.z-index--9 {
    z-index: -9;
}

.z-index--10 {
    z-index: -10;
}

.z-index--11 {
    z-index: -11;
}

.z-index--12 {
    z-index: -12;
}

.z-index--13 {
    z-index: -13;
}

.z-index--14 {
    z-index: -14;
}

.z-index--15 {
    z-index: -15;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-none {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-none {
        margin-top: 0 !important;
    }
}

.space_dec-110 {
    margin-top: -110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-110 {
        margin-top: -180px;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-110 {
        margin-top: -180px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-110.space_dec-none {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-110.space_dec-none {
        margin-top: 0 !important;
    }
}

.space_dec-450 {
    margin-top: -450px;
}

@media only screen and (max-width: 767px) {
    .space_dec-450 {
        margin-top: -415px;
    }
}

.space_dec-100 {
    margin-top: -100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-100 {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-100 {
        margin-top: 0 !important;
    }
}

.space_decLeft-170 {
    margin-left: -170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_decLeft-170 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .space_decLeft-170 {
        margin-left: 0;
    }
}

.space_dec-70 {
    margin-top: -70px;
}

.space_dec-40 {
    margin-top: -40px;
}

.space_dec-50 {
    margin-top: -50px;
}

.space_dec-250 {
    margin-top: -250px;
}

.space_dec-270 {
    margin-top: -270px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-270 {
        margin-top: -195px;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-270 {
        margin-top: -80px;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec_sm-none {
        margin-top: 0;
    }
}

/*-- Font weight --*/
.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

/*-- Padding Left --*/
.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-105 {
    padding-left: 105px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-115 {
    padding-left: 115px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-125 {
    padding-left: 125px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-135 {
    padding-left: 135px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-145 {
    padding-left: 145px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-160 {
    padding-left: 160px;
}

.pl-165 {
    padding-left: 165px;
}

.pl-170 {
    padding-left: 170px;
}

.pl-175 {
    padding-left: 175px;
}

.pl-180 {
    padding-left: 180px;
}

.pl-185 {
    padding-left: 185px;
}

.pl-190 {
    padding-left: 190px;
}

.pl-195 {
    padding-left: 195px;
}

.pl-200 {
    padding-left: 200px;
}

.pl-205 {
    padding-left: 205px;
}

.pl-210 {
    padding-left: 210px;
}

.pl-215 {
    padding-left: 215px;
}

.pl-220 {
    padding-left: 220px;
}

.pl-225 {
    padding-left: 225px;
}

.pl-230 {
    padding-left: 230px;
}

.pl-235 {
    padding-left: 235px;
}

.pl-240 {
    padding-left: 240px;
}

.pl-245 {
    padding-left: 245px;
}

.pl-250 {
    padding-left: 250px;
}

.pl-255 {
    padding-left: 255px;
}

.pl-260 {
    padding-left: 260px;
}

.pl-265 {
    padding-left: 265px;
}

.pl-270 {
    padding-left: 270px;
}

.pl-275 {
    padding-left: 275px;
}

.pl-280 {
    padding-left: 280px;
}

.pl-285 {
    padding-left: 285px;
}

.pl-290 {
    padding-left: 290px;
}

.pl-295 {
    padding-left: 295px;
}

.pl-300 {
    padding-left: 300px;
}

.pl-305 {
    padding-left: 305px;
}

.pl-310 {
    padding-left: 310px;
}

.pl-315 {
    padding-left: 315px;
}

.pl-320 {
    padding-left: 320px;
}

.pl-325 {
    padding-left: 325px;
}

.pl-330 {
    padding-left: 330px;
}

.pl-335 {
    padding-left: 335px;
}

.pl-340 {
    padding-left: 340px;
}

.pl-345 {
    padding-left: 345px;
}

.pl-350 {
    padding-left: 350px;
}

.pl-355 {
    padding-left: 355px;
}

.pl-360 {
    padding-left: 360px;
}

.pl-365 {
    padding-left: 365px;
}

.pl-370 {
    padding-left: 370px;
}

.pl-375 {
    padding-left: 375px;
}

.pl-380 {
    padding-left: 380px;
}

.pl-385 {
    padding-left: 385px;
}

.pl-390 {
    padding-left: 390px;
}

.pl-395 {
    padding-left: 395px;
}

.pl-400 {
    padding-left: 400px;
}

.pl-405 {
    padding-left: 405px;
}

.pl-410 {
    padding-left: 410px;
}

.pl-415 {
    padding-left: 415px;
}

.pl-420 {
    padding-left: 420px;
}

.pl-425 {
    padding-left: 425px;
}

.pl-430 {
    padding-left: 430px;
}

.pl-435 {
    padding-left: 435px;
}

.pl-440 {
    padding-left: 440px;
}

.pl-445 {
    padding-left: 445px;
}

.pl-450 {
    padding-left: 450px;
}

/*-- Padding Right --*/
.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-85 {
    padding-right: 85px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-105 {
    padding-right: 105px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-115 {
    padding-right: 115px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-125 {
    padding-right: 125px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-135 {
    padding-right: 135px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-145 {
    padding-right: 145px;
}

.pr-150 {
    padding-right: 150px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-160 {
    padding-right: 160px;
}

.pr-165 {
    padding-right: 165px;
}

.pr-170 {
    padding-right: 170px;
}

.pr-175 {
    padding-right: 175px;
}

.pr-180 {
    padding-right: 180px;
}

.pr-185 {
    padding-right: 185px;
}

.pr-190 {
    padding-right: 190px;
}

.pr-195 {
    padding-right: 195px;
}

.pr-200 {
    padding-right: 200px;
}

.pr-205 {
    padding-right: 205px;
}

.pr-210 {
    padding-right: 210px;
}

.pr-215 {
    padding-right: 215px;
}

.pr-220 {
    padding-right: 220px;
}

.pr-225 {
    padding-right: 225px;
}

.pr-230 {
    padding-right: 230px;
}

.pr-235 {
    padding-right: 235px;
}

.pr-240 {
    padding-right: 240px;
}

.pr-245 {
    padding-right: 245px;
}

.pr-250 {
    padding-right: 250px;
}

/*-- Padding Top Bottom --*/
.ptb-5 {
    padding: 5px 0;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.ptb-10 {
    padding: 10px 0;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.ptb-15 {
    padding: 15px 0;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.ptb-20 {
    padding: 20px 0;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.ptb-25 {
    padding: 25px 0;
}

.pt-25 {
    padding-top: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}

.ptb-30 {
    padding: 30px 0;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.ptb-35 {
    padding: 35px 0;
}

.pt-35 {
    padding-top: 35px;
}

.pb-35 {
    padding-bottom: 35px;
}

.ptb-40 {
    padding: 40px 0;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.ptb-45 {
    padding: 45px 0;
}

.pt-45 {
    padding-top: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}

.ptb-50 {
    padding: 50px 0;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.ptb-55 {
    padding: 55px 0;
}

.pt-55 {
    padding-top: 55px;
}

.pb-55 {
    padding-bottom: 55px;
}

.ptb-60 {
    padding: 60px 0;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.ptb-65 {
    padding: 65px 0;
}

.pt-65 {
    padding-top: 65px;
}

.pb-65 {
    padding-bottom: 65px;
}

.ptb-70 {
    padding: 70px 0;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.ptb-75 {
    padding: 75px 0;
}

.pt-75 {
    padding-top: 75px;
}

.pb-75 {
    padding-bottom: 75px;
}

.ptb-80 {
    padding: 80px 0;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.ptb-85 {
    padding: 85px 0;
}

.pt-85 {
    padding-top: 85px;
}

.pb-85 {
    padding-bottom: 85px;
}

.ptb-90 {
    padding: 90px 0;
}

.pt-90 {
    padding-top: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}

.ptb-95 {
    padding: 95px 0;
}

.pt-95 {
    padding-top: 95px;
}

.pb-95 {
    padding-bottom: 95px;
}

.ptb-100 {
    padding: 100px 0;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.ptb-105 {
    padding: 105px 0;
}

.pt-105 {
    padding-top: 105px;
}

.pb-105 {
    padding-bottom: 105px;
}

.ptb-110 {
    padding: 110px 0;
}

.pt-110 {
    padding-top: 110px;
}

.pb-110 {
    padding-bottom: 110px;
}

.ptb-115 {
    padding: 115px 0;
}

.pt-115 {
    padding-top: 115px;
}

.pb-115 {
    padding-bottom: 115px;
}

.ptb-120 {
    padding: 120px 0;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.ptb-125 {
    padding: 125px 0;
}

.pt-125 {
    padding-top: 125px;
}

.pb-125 {
    padding-bottom: 125px;
}

.ptb-130 {
    padding: 130px 0;
}

.pt-130 {
    padding-top: 130px;
}

.pb-130 {
    padding-bottom: 130px;
}

.ptb-135 {
    padding: 135px 0;
}

.pt-135 {
    padding-top: 135px;
}

.pb-135 {
    padding-bottom: 135px;
}

.ptb-140 {
    padding: 140px 0;
}

.pt-140 {
    padding-top: 140px;
}

.pb-140 {
    padding-bottom: 140px;
}

.ptb-145 {
    padding: 145px 0;
}

.pt-145 {
    padding-top: 145px;
}

.pb-145 {
    padding-bottom: 145px;
}

.ptb-150 {
    padding: 150px 0;
}

.pt-150 {
    padding-top: 150px;
}

.pb-150 {
    padding-bottom: 150px;
}

.ptb-155 {
    padding: 155px 0;
}

.pt-155 {
    padding-top: 155px;
}

.pb-155 {
    padding-bottom: 155px;
}

.ptb-160 {
    padding: 160px 0;
}

.pt-160 {
    padding-top: 160px;
}

.pb-160 {
    padding-bottom: 160px;
}

.ptb-165 {
    padding: 165px 0;
}

.pt-165 {
    padding-top: 165px;
}

.pb-165 {
    padding-bottom: 165px;
}

.ptb-170 {
    padding: 170px 0;
}

.pt-170 {
    padding-top: 170px;
}

.pb-170 {
    padding-bottom: 170px;
}

.ptb-175 {
    padding: 175px 0;
}

.pt-175 {
    padding-top: 175px;
}

.pb-175 {
    padding-bottom: 175px;
}

.ptb-180 {
    padding: 180px 0;
}

.pt-180 {
    padding-top: 180px;
}

.pb-180 {
    padding-bottom: 180px;
}

.ptb-185 {
    padding: 185px 0;
}

.pt-185 {
    padding-top: 185px;
}

.pb-185 {
    padding-bottom: 185px;
}

.ptb-190 {
    padding: 190px 0;
}

.pt-190 {
    padding-top: 190px;
}

.pb-190 {
    padding-bottom: 190px;
}

.ptb-195 {
    padding: 195px 0;
}

.pt-195 {
    padding-top: 195px;
}

.pb-195 {
    padding-bottom: 195px;
}

.ptb-200 {
    padding: 200px 0;
}

.pt-200 {
    padding-top: 200px;
}

.pb-200 {
    padding-bottom: 200px;
}

.ptb-205 {
    padding: 205px 0;
}

.pt-205 {
    padding-top: 205px;
}

.pb-205 {
    padding-bottom: 205px;
}

.ptb-210 {
    padding: 210px 0;
}

.pt-210 {
    padding-top: 210px;
}

.pb-210 {
    padding-bottom: 210px;
}

.ptb-215 {
    padding: 215px 0;
}

.pt-215 {
    padding-top: 215px;
}

.pb-215 {
    padding-bottom: 215px;
}

.ptb-220 {
    padding: 220px 0;
}

.pt-220 {
    padding-top: 220px;
}

.pb-220 {
    padding-bottom: 220px;
}

.ptb-225 {
    padding: 225px 0;
}

.pt-225 {
    padding-top: 225px;
}

.pb-225 {
    padding-bottom: 225px;
}

.ptb-230 {
    padding: 230px 0;
}

.pt-230 {
    padding-top: 230px;
}

.pb-230 {
    padding-bottom: 230px;
}

.ptb-235 {
    padding: 235px 0;
}

.pt-235 {
    padding-top: 235px;
}

.pb-235 {
    padding-bottom: 235px;
}

.ptb-240 {
    padding: 240px 0;
}

.pt-240 {
    padding-top: 240px;
}

.pb-240 {
    padding-bottom: 240px;
}

.ptb-245 {
    padding: 245px 0;
}

.pt-245 {
    padding-top: 245px;
}

.pb-245 {
    padding-bottom: 245px;
}

.ptb-250 {
    padding: 250px 0;
}

.pt-250 {
    padding-top: 250px;
}

.pb-250 {
    padding-bottom: 250px;
}

.ptb-255 {
    padding: 255px 0;
}

.pt-255 {
    padding-top: 255px;
}

.pb-255 {
    padding-bottom: 255px;
}

.ptb-260 {
    padding: 260px 0;
}

.pt-260 {
    padding-top: 260px;
}

.pb-260 {
    padding-bottom: 260px;
}

.ptb-265 {
    padding: 265px 0;
}

.pt-265 {
    padding-top: 265px;
}

.pb-265 {
    padding-bottom: 265px;
}

.ptb-270 {
    padding: 270px 0;
}

.pt-270 {
    padding-top: 270px;
}

.pb-270 {
    padding-bottom: 270px;
}

.ptb-275 {
    padding: 275px 0;
}

.pt-275 {
    padding-top: 275px;
}

.pb-275 {
    padding-bottom: 275px;
}

.ptb-280 {
    padding: 280px 0;
}

.pt-280 {
    padding-top: 280px;
}

.pb-280 {
    padding-bottom: 280px;
}

.ptb-285 {
    padding: 285px 0;
}

.pt-285 {
    padding-top: 285px;
}

.pb-285 {
    padding-bottom: 285px;
}

.ptb-290 {
    padding: 290px 0;
}

.pt-290 {
    padding-top: 290px;
}

.pb-290 {
    padding-bottom: 290px;
}

.ptb-295 {
    padding: 295px 0;
}

.pt-295 {
    padding-top: 295px;
}

.pb-295 {
    padding-bottom: 295px;
}

.ptb-300 {
    padding: 300px 0;
}

.pt-300 {
    padding-top: 300px;
}

.pb-300 {
    padding-bottom: 300px;
}

.ptb-305 {
    padding: 305px 0;
}

.pt-305 {
    padding-top: 305px;
}

.pb-305 {
    padding-bottom: 305px;
}

.ptb-310 {
    padding: 310px 0;
}

.pt-310 {
    padding-top: 310px;
}

.pb-310 {
    padding-bottom: 310px;
}

.ptb-315 {
    padding: 315px 0;
}

.pt-315 {
    padding-top: 315px;
}

.pb-315 {
    padding-bottom: 315px;
}

.ptb-320 {
    padding: 320px 0;
}

.pt-320 {
    padding-top: 320px;
}

.pb-320 {
    padding-bottom: 320px;
}

.ptb-325 {
    padding: 325px 0;
}

.pt-325 {
    padding-top: 325px;
}

.pb-325 {
    padding-bottom: 325px;
}

.ptb-330 {
    padding: 330px 0;
}

.pt-330 {
    padding-top: 330px;
}

.pb-330 {
    padding-bottom: 330px;
}

.ptb-335 {
    padding: 335px 0;
}

.pt-335 {
    padding-top: 335px;
}

.pb-335 {
    padding-bottom: 335px;
}

.ptb-340 {
    padding: 340px 0;
}

.pt-340 {
    padding-top: 340px;
}

.pb-340 {
    padding-bottom: 340px;
}

.ptb-345 {
    padding: 345px 0;
}

.pt-345 {
    padding-top: 345px;
}

.pb-345 {
    padding-bottom: 345px;
}

.ptb-350 {
    padding: 350px 0;
}

.pt-350 {
    padding-top: 350px;
}

.pb-350 {
    padding-bottom: 350px;
}

.pt-400 {
    padding-top: 400px;
}

.pb-500 {
    padding-bottom: 500px;
}

/* =================================
    Responsive Spacing Css 
====================================*/
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .pb_lp-5 {
        padding-bottom: 5px;
    }

    .pr_lp-5 {
        padding-right: 5px;
    }

    .pl_lp-5 {
        padding-left: 5px;
    }

    .pt_lp-5 {
        padding-top: 5px;
    }

    .ptb_lp-5 {
        padding: 5px 0;
    }

    .pb_lp-10 {
        padding-bottom: 10px;
    }

    .pr_lp-10 {
        padding-right: 10px;
    }

    .pl_lp-10 {
        padding-left: 10px;
    }

    .pt_lp-10 {
        padding-top: 10px;
    }

    .ptb_lp-10 {
        padding: 10px 0;
    }

    .pb_lp-15 {
        padding-bottom: 15px;
    }

    .pr_lp-15 {
        padding-right: 15px;
    }

    .pl_lp-15 {
        padding-left: 15px;
    }

    .pt_lp-15 {
        padding-top: 15px;
    }

    .ptb_lp-15 {
        padding: 15px 0;
    }

    .pb_lp-20 {
        padding-bottom: 20px;
    }

    .pr_lp-20 {
        padding-right: 20px;
    }

    .pl_lp-20 {
        padding-left: 20px;
    }

    .pt_lp-20 {
        padding-top: 20px;
    }

    .ptb_lp-20 {
        padding: 20px 0;
    }

    .pb_lp-25 {
        padding-bottom: 25px;
    }

    .pr_lp-25 {
        padding-right: 25px;
    }

    .pl_lp-25 {
        padding-left: 25px;
    }

    .pt_lp-25 {
        padding-top: 25px;
    }

    .ptb_lp-25 {
        padding: 25px 0;
    }

    .pb_lp-30 {
        padding-bottom: 30px;
    }

    .pr_lp-30 {
        padding-right: 30px;
    }

    .pl_lp-30 {
        padding-left: 30px;
    }

    .pt_lp-30 {
        padding-top: 30px;
    }

    .ptb_lp-30 {
        padding: 30px 0;
    }

    .pb_lp-35 {
        padding-bottom: 35px;
    }

    .pr_lp-35 {
        padding-right: 35px;
    }

    .pl_lp-35 {
        padding-left: 35px;
    }

    .pt_lp-35 {
        padding-top: 35px;
    }

    .ptb_lp-35 {
        padding: 35px 0;
    }

    .pb_lp-40 {
        padding-bottom: 40px;
    }

    .pr_lp-40 {
        padding-right: 40px;
    }

    .pl_lp-40 {
        padding-left: 40px;
    }

    .pt_lp-40 {
        padding-top: 40px;
    }

    .ptb_lp-40 {
        padding: 40px 0;
    }

    .pb_lp-45 {
        padding-bottom: 45px;
    }

    .pr_lp-45 {
        padding-right: 45px;
    }

    .pl_lp-45 {
        padding-left: 45px;
    }

    .pt_lp-45 {
        padding-top: 45px;
    }

    .ptb_lp-45 {
        padding: 45px 0;
    }

    .pb_lp-50 {
        padding-bottom: 50px;
    }

    .pr_lp-50 {
        padding-right: 50px;
    }

    .pl_lp-50 {
        padding-left: 50px;
    }

    .pt_lp-50 {
        padding-top: 50px;
    }

    .ptb_lp-50 {
        padding: 50px 0;
    }

    .pb_lp-55 {
        padding-bottom: 55px;
    }

    .pr_lp-55 {
        padding-right: 55px;
    }

    .pl_lp-55 {
        padding-left: 55px;
    }

    .pt_lp-55 {
        padding-top: 55px;
    }

    .ptb_lp-55 {
        padding: 55px 0;
    }

    .pb_lp-60 {
        padding-bottom: 60px;
    }

    .pr_lp-60 {
        padding-right: 60px;
    }

    .pl_lp-60 {
        padding-left: 60px;
    }

    .pt_lp-60 {
        padding-top: 60px;
    }

    .ptb_lp-60 {
        padding: 60px 0;
    }

    .pb_lp-65 {
        padding-bottom: 65px;
    }

    .pr_lp-65 {
        padding-right: 65px;
    }

    .pl_lp-65 {
        padding-left: 65px;
    }

    .pt_lp-65 {
        padding-top: 65px;
    }

    .ptb_lp-65 {
        padding: 65px 0;
    }

    .pb_lp-70 {
        padding-bottom: 70px;
    }

    .pr_lp-70 {
        padding-right: 70px;
    }

    .pl_lp-70 {
        padding-left: 70px;
    }

    .pt_lp-70 {
        padding-top: 70px;
    }

    .ptb_lp-70 {
        padding: 70px 0;
    }

    .pb_lp-75 {
        padding-bottom: 75px;
    }

    .pr_lp-75 {
        padding-right: 75px;
    }

    .pl_lp-75 {
        padding-left: 75px;
    }

    .pt_lp-75 {
        padding-top: 75px;
    }

    .ptb_lp-75 {
        padding: 75px 0;
    }

    .pb_lp-80 {
        padding-bottom: 80px;
    }

    .pr_lp-80 {
        padding-right: 80px;
    }

    .pl_lp-80 {
        padding-left: 80px;
    }

    .pt_lp-80 {
        padding-top: 80px;
    }

    .ptb_lp-80 {
        padding: 80px 0;
    }

    .pb_lp-85 {
        padding-bottom: 85px;
    }

    .pr_lp-85 {
        padding-right: 85px;
    }

    .pl_lp-85 {
        padding-left: 85px;
    }

    .pt_lp-85 {
        padding-top: 85px;
    }

    .ptb_lp-85 {
        padding: 85px 0;
    }

    .pb_lp-90 {
        padding-bottom: 90px;
    }

    .pr_lp-90 {
        padding-right: 90px;
    }

    .pl_lp-90 {
        padding-left: 90px;
    }

    .pt_lp-90 {
        padding-top: 90px;
    }

    .ptb_lp-90 {
        padding: 90px 0;
    }

    .pb_lp-95 {
        padding-bottom: 95px;
    }

    .pr_lp-95 {
        padding-right: 95px;
    }

    .pl_lp-95 {
        padding-left: 95px;
    }

    .pt_lp-95 {
        padding-top: 95px;
    }

    .ptb_lp-95 {
        padding: 95px 0;
    }

    .pb_lp-100 {
        padding-bottom: 100px;
    }

    .pr_lp-100 {
        padding-right: 100px;
    }

    .pl_lp-100 {
        padding-left: 100px;
    }

    .pt_lp-100 {
        padding-top: 100px;
    }

    .ptb_lp-100 {
        padding: 100px 0;
    }

    .pb_lp-105 {
        padding-bottom: 105px;
    }

    .pr_lp-105 {
        padding-right: 105px;
    }

    .pl_lp-105 {
        padding-left: 105px;
    }

    .pt_lp-105 {
        padding-top: 105px;
    }

    .ptb_lp-105 {
        padding: 105px 0;
    }

    .pb_lp-110 {
        padding-bottom: 110px;
    }

    .pr_lp-110 {
        padding-right: 110px;
    }

    .pl_lp-110 {
        padding-left: 110px;
    }

    .pt_lp-110 {
        padding-top: 110px;
    }

    .ptb_lp-110 {
        padding: 110px 0;
    }

    .pb_lp-115 {
        padding-bottom: 115px;
    }

    .pr_lp-115 {
        padding-right: 115px;
    }

    .pl_lp-115 {
        padding-left: 115px;
    }

    .pt_lp-115 {
        padding-top: 115px;
    }

    .ptb_lp-115 {
        padding: 115px 0;
    }

    .pb_lp-120 {
        padding-bottom: 120px;
    }

    .pr_lp-120 {
        padding-right: 120px;
    }

    .pl_lp-120 {
        padding-left: 120px;
    }

    .pt_lp-120 {
        padding-top: 120px;
    }

    .ptb_lp-120 {
        padding: 120px 0;
    }

    .pb_lp-125 {
        padding-bottom: 125px;
    }

    .pr_lp-125 {
        padding-right: 125px;
    }

    .pl_lp-125 {
        padding-left: 125px;
    }

    .pt_lp-125 {
        padding-top: 125px;
    }

    .ptb_lp-125 {
        padding: 125px 0;
    }

    .pb_lp-130 {
        padding-bottom: 130px;
    }

    .pr_lp-130 {
        padding-right: 130px;
    }

    .pl_lp-130 {
        padding-left: 130px;
    }

    .pt_lp-130 {
        padding-top: 130px;
    }

    .ptb_lp-130 {
        padding: 130px 0;
    }

    .pb_lp-135 {
        padding-bottom: 135px;
    }

    .pr_lp-135 {
        padding-right: 135px;
    }

    .pl_lp-135 {
        padding-left: 135px;
    }

    .pt_lp-135 {
        padding-top: 135px;
    }

    .ptb_lp-135 {
        padding: 135px 0;
    }

    .pb_lp-140 {
        padding-bottom: 140px;
    }

    .pr_lp-140 {
        padding-right: 140px;
    }

    .pl_lp-140 {
        padding-left: 140px;
    }

    .pt_lp-140 {
        padding-top: 140px;
    }

    .ptb_lp-140 {
        padding: 140px 0;
    }

    .pb_lp-145 {
        padding-bottom: 145px;
    }

    .pr_lp-145 {
        padding-right: 145px;
    }

    .pl_lp-145 {
        padding-left: 145px;
    }

    .pt_lp-145 {
        padding-top: 145px;
    }

    .ptb_lp-145 {
        padding: 145px 0;
    }

    .pb_lp-150 {
        padding-bottom: 150px;
    }

    .pr_lp-150 {
        padding-right: 150px;
    }

    .pl_lp-150 {
        padding-left: 150px;
    }

    .pt_lp-150 {
        padding-top: 150px;
    }

    .ptb_lp-150 {
        padding: 150px 0;
    }

    .pb_lp-155 {
        padding-bottom: 155px;
    }

    .pr_lp-155 {
        padding-right: 155px;
    }

    .pl_lp-155 {
        padding-left: 155px;
    }

    .pt_lp-155 {
        padding-top: 155px;
    }

    .ptb_lp-155 {
        padding: 155px 0;
    }

    .pb_lp-160 {
        padding-bottom: 160px;
    }

    .pr_lp-160 {
        padding-right: 160px;
    }

    .pl_lp-160 {
        padding-left: 160px;
    }

    .pt_lp-160 {
        padding-top: 160px;
    }

    .ptb_lp-160 {
        padding: 160px 0;
    }

    .pb_lp-165 {
        padding-bottom: 165px;
    }

    .pr_lp-165 {
        padding-right: 165px;
    }

    .pl_lp-165 {
        padding-left: 165px;
    }

    .pt_lp-165 {
        padding-top: 165px;
    }

    .ptb_lp-165 {
        padding: 165px 0;
    }

    .pb_lp-170 {
        padding-bottom: 170px;
    }

    .pr_lp-170 {
        padding-right: 170px;
    }

    .pl_lp-170 {
        padding-left: 170px;
    }

    .pt_lp-170 {
        padding-top: 170px;
    }

    .ptb_lp-170 {
        padding: 170px 0;
    }
}

/*-- Padding Left Right --*/
.plr-5 {
    padding: 0 5px;
}

.plr-10 {
    padding: 0 10px;
}

.plr-15 {
    padding: 0 15px;
}

.plr-20 {
    padding: 0 20px;
}

.plr-25 {
    padding: 0 25px;
}

.plr-30 {
    padding: 0 30px;
}

.plr-35 {
    padding: 0 35px;
}

.plr-40 {
    padding: 0 40px;
}

.plr-45 {
    padding: 0 45px;
}

.plr-50 {
    padding: 0 50px;
}

.plr-55 {
    padding: 0 55px;
}

.plr-60 {
    padding: 0 60px;
}

.plr-65 {
    padding: 0 65px;
}

.plr-70 {
    padding: 0 70px;
}

.plr-75 {
    padding: 0 75px;
}

.plr-80 {
    padding: 0 80px;
}

.plr-85 {
    padding: 0 85px;
}

.plr-90 {
    padding: 0 90px;
}

.plr-95 {
    padding: 0 95px;
}

.plr-100 {
    padding: 0 100px;
}

.plr-105 {
    padding: 0 105px;
}

.plr-110 {
    padding: 0 110px;
}

.plr-115 {
    padding: 0 115px;
}

.plr-120 {
    padding: 0 120px;
}

.plr-125 {
    padding: 0 125px;
}

.plr-130 {
    padding: 0 130px;
}

.plr-135 {
    padding: 0 135px;
}

.plr-140 {
    padding: 0 140px;
}

.plr-145 {
    padding: 0 145px;
}

.plr-150 {
    padding: 0 150px;
}

.plr-155 {
    padding: 0 155px;
}

.plr-160 {
    padding: 0 160px;
}

.plr-165 {
    padding: 0 165px;
}

.plr-170 {
    padding: 0 170px;
}

.plr-175 {
    padding: 0 175px;
}

.plr-180 {
    padding: 0 180px;
}

.plr-185 {
    padding: 0 185px;
}

.plr-190 {
    padding: 0 190px;
}

.plr-195 {
    padding: 0 195px;
}

.plr-200 {
    padding: 0 200px;
}

.plr-205 {
    padding: 0 205px;
}

.plr-210 {
    padding: 0 210px;
}

.plr-215 {
    padding: 0 215px;
}

.plr-220 {
    padding: 0 220px;
}

.plr-225 {
    padding: 0 225px;
}

.plr-230 {
    padding: 0 230px;
}

.plr-235 {
    padding: 0 235px;
}

.plr-240 {
    padding: 0 240px;
}

.plr-245 {
    padding: 0 245px;
}

.plr-250 {
    padding: 0 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .plr_lg-5 {
        padding: 0 5px;
    }

    .plr_lg-10 {
        padding: 0 10px;
    }

    .plr_lg-15 {
        padding: 0 15px;
    }

    .plr_lg-20 {
        padding: 0 20px;
    }

    .plr_lg-25 {
        padding: 0 25px;
    }

    .plr_lg-30 {
        padding: 0 30px;
    }

    .plr_lg-35 {
        padding: 0 35px;
    }

    .plr_lg-40 {
        padding: 0 40px;
    }

    .plr_lg-45 {
        padding: 0 45px;
    }

    .plr_lg-50 {
        padding: 0 50px;
    }

    .plr_lg-55 {
        padding: 0 55px;
    }

    .plr_lg-60 {
        padding: 0 60px;
    }

    .plr_lg-65 {
        padding: 0 65px;
    }

    .plr_lg-70 {
        padding: 0 70px;
    }

    .plr_lg-75 {
        padding: 0 75px;
    }

    .plr_lg-80 {
        padding: 0 80px;
    }

    .plr_lg-85 {
        padding: 0 85px;
    }

    .plr_lg-90 {
        padding: 0 90px;
    }

    .plr_lg-95 {
        padding: 0 95px;
    }

    .plr_lg-100 {
        padding: 0 100px;
    }

    .plr_lg-105 {
        padding: 0 105px;
    }

    .plr_lg-110 {
        padding: 0 110px;
    }

    .plr_lg-115 {
        padding: 0 115px;
    }

    .plr_lg-120 {
        padding: 0 120px;
    }

    .plr_lg-125 {
        padding: 0 125px;
    }

    .plr_lg-130 {
        padding: 0 130px;
    }

    .plr_lg-135 {
        padding: 0 135px;
    }

    .plr_lg-140 {
        padding: 0 140px;
    }

    .plr_lg-145 {
        padding: 0 145px;
    }

    .plr_lg-150 {
        padding: 0 150px;
    }

    .plr_lg-155 {
        padding: 0 155px;
    }

    .plr_lg-160 {
        padding: 0 160px;
    }

    .plr_lg-165 {
        padding: 0 165px;
    }

    .plr_lg-170 {
        padding: 0 170px;
    }

    .plr_lg-175 {
        padding: 0 175px;
    }

    .plr_lg-180 {
        padding: 0 180px;
    }

    .plr_lg-185 {
        padding: 0 185px;
    }

    .plr_lg-190 {
        padding: 0 190px;
    }

    .plr_lg-195 {
        padding: 0 195px;
    }

    .plr_lg-200 {
        padding: 0 200px;
    }

    .plr_lg-205 {
        padding: 0 205px;
    }

    .plr_lg-210 {
        padding: 0 210px;
    }

    .plr_lg-215 {
        padding: 0 215px;
    }

    .plr_lg-220 {
        padding: 0 220px;
    }

    .plr_lg-225 {
        padding: 0 225px;
    }

    .plr_lg-230 {
        padding: 0 230px;
    }

    .plr_lg-235 {
        padding: 0 235px;
    }

    .plr_lg-240 {
        padding: 0 240px;
    }

    .plr_lg-245 {
        padding: 0 245px;
    }

    .plr_lg-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .plr_lp-5 {
        padding: 0 5px;
    }

    .plr_lp-10 {
        padding: 0 10px;
    }

    .plr_lp-15 {
        padding: 0 15px;
    }

    .plr_lp-20 {
        padding: 0 20px;
    }

    .plr_lp-25 {
        padding: 0 25px;
    }

    .plr_lp-30 {
        padding: 0 30px;
    }

    .plr_lp-35 {
        padding: 0 35px;
    }

    .plr_lp-40 {
        padding: 0 40px;
    }

    .plr_lp-45 {
        padding: 0 45px;
    }

    .plr_lp-50 {
        padding: 0 50px;
    }

    .plr_lp-55 {
        padding: 0 55px;
    }

    .plr_lp-60 {
        padding: 0 60px;
    }

    .plr_lp-65 {
        padding: 0 65px;
    }

    .plr_lp-70 {
        padding: 0 70px;
    }

    .plr_lp-75 {
        padding: 0 75px;
    }

    .plr_lp-80 {
        padding: 0 80px;
    }

    .plr_lp-85 {
        padding: 0 85px;
    }

    .plr_lp-90 {
        padding: 0 90px;
    }

    .plr_lp-95 {
        padding: 0 95px;
    }

    .plr_lp-100 {
        padding: 0 100px;
    }

    .plr_lp-105 {
        padding: 0 105px;
    }

    .plr_lp-110 {
        padding: 0 110px;
    }

    .plr_lp-115 {
        padding: 0 115px;
    }

    .plr_lp-120 {
        padding: 0 120px;
    }

    .plr_lp-125 {
        padding: 0 125px;
    }

    .plr_lp-130 {
        padding: 0 130px;
    }

    .plr_lp-135 {
        padding: 0 135px;
    }

    .plr_lp-140 {
        padding: 0 140px;
    }

    .plr_lp-145 {
        padding: 0 145px;
    }

    .plr_lp-150 {
        padding: 0 150px;
    }

    .plr_lp-155 {
        padding: 0 155px;
    }

    .plr_lp-160 {
        padding: 0 160px;
    }

    .plr_lp-165 {
        padding: 0 165px;
    }

    .plr_lp-170 {
        padding: 0 170px;
    }

    .plr_lp-175 {
        padding: 0 175px;
    }

    .plr_lp-180 {
        padding: 0 180px;
    }

    .plr_lp-185 {
        padding: 0 185px;
    }

    .plr_lp-190 {
        padding: 0 190px;
    }

    .plr_lp-195 {
        padding: 0 195px;
    }

    .plr_lp-200 {
        padding: 0 200px;
    }

    .plr_lp-205 {
        padding: 0 205px;
    }

    .plr_lp-210 {
        padding: 0 210px;
    }

    .plr_lp-215 {
        padding: 0 215px;
    }

    .plr_lp-220 {
        padding: 0 220px;
    }

    .plr_lp-225 {
        padding: 0 225px;
    }

    .plr_lp-230 {
        padding: 0 230px;
    }

    .plr_lp-235 {
        padding: 0 235px;
    }

    .plr_lp-240 {
        padding: 0 240px;
    }

    .plr_lp-245 {
        padding: 0 245px;
    }

    .plr_lp-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .plr_lp-5 {
        padding: 0 5px;
    }

    .plr_lp-10 {
        padding: 0 10px;
    }

    .plr_lp-15 {
        padding: 0 15px;
    }

    .plr_lp-20 {
        padding: 0 20px;
    }

    .plr_lp-25 {
        padding: 0 25px;
    }

    .plr_lp-30 {
        padding: 0 30px;
    }

    .plr_lp-35 {
        padding: 0 35px;
    }

    .plr_lp-40 {
        padding: 0 40px;
    }

    .plr_lp-45 {
        padding: 0 45px;
    }

    .plr_lp-50 {
        padding: 0 50px;
    }

    .plr_lp-55 {
        padding: 0 55px;
    }

    .plr_lp-60 {
        padding: 0 60px;
    }

    .plr_lp-65 {
        padding: 0 65px;
    }

    .plr_lp-70 {
        padding: 0 70px;
    }

    .plr_lp-75 {
        padding: 0 75px;
    }

    .plr_lp-80 {
        padding: 0 80px;
    }

    .plr_lp-85 {
        padding: 0 85px;
    }

    .plr_lp-90 {
        padding: 0 90px;
    }

    .plr_lp-95 {
        padding: 0 95px;
    }

    .plr_lp-100 {
        padding: 0 100px;
    }

    .plr_lp-105 {
        padding: 0 105px;
    }

    .plr_lp-110 {
        padding: 0 110px;
    }

    .plr_lp-115 {
        padding: 0 115px;
    }

    .plr_lp-120 {
        padding: 0 120px;
    }

    .plr_lp-125 {
        padding: 0 125px;
    }

    .plr_lp-130 {
        padding: 0 130px;
    }

    .plr_lp-135 {
        padding: 0 135px;
    }

    .plr_lp-140 {
        padding: 0 140px;
    }

    .plr_lp-145 {
        padding: 0 145px;
    }

    .plr_lp-150 {
        padding: 0 150px;
    }

    .plr_lp-155 {
        padding: 0 155px;
    }

    .plr_lp-160 {
        padding: 0 160px;
    }

    .plr_lp-165 {
        padding: 0 165px;
    }

    .plr_lp-170 {
        padding: 0 170px;
    }

    .plr_lp-175 {
        padding: 0 175px;
    }

    .plr_lp-180 {
        padding: 0 180px;
    }

    .plr_lp-185 {
        padding: 0 185px;
    }

    .plr_lp-190 {
        padding: 0 190px;
    }

    .plr_lp-195 {
        padding: 0 195px;
    }

    .plr_lp-200 {
        padding: 0 200px;
    }

    .plr_lp-205 {
        padding: 0 205px;
    }

    .plr_lp-210 {
        padding: 0 210px;
    }

    .plr_lp-215 {
        padding: 0 215px;
    }

    .plr_lp-220 {
        padding: 0 220px;
    }

    .plr_lp-225 {
        padding: 0 225px;
    }

    .plr_lp-230 {
        padding: 0 230px;
    }

    .plr_lp-235 {
        padding: 0 235px;
    }

    .plr_lp-240 {
        padding: 0 240px;
    }

    .plr_lp-245 {
        padding: 0 245px;
    }

    .plr_lp-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .plr_md-5 {
        padding: 0 5px;
    }

    .plr_md-10 {
        padding: 0 10px;
    }

    .plr_md-15 {
        padding: 0 15px;
    }

    .plr_md-20 {
        padding: 0 20px;
    }

    .plr_md-25 {
        padding: 0 25px;
    }

    .plr_md-30 {
        padding: 0 30px;
    }

    .plr_md-35 {
        padding: 0 35px;
    }

    .plr_md-40 {
        padding: 0 40px;
    }

    .plr_md-45 {
        padding: 0 45px;
    }

    .plr_md-50 {
        padding: 0 50px;
    }

    .plr_md-55 {
        padding: 0 55px;
    }

    .plr_md-60 {
        padding: 0 60px;
    }

    .plr_md-65 {
        padding: 0 65px;
    }

    .plr_md-70 {
        padding: 0 70px;
    }

    .plr_md-75 {
        padding: 0 75px;
    }

    .plr_md-80 {
        padding: 0 80px;
    }

    .plr_md-85 {
        padding: 0 85px;
    }

    .plr_md-90 {
        padding: 0 90px;
    }

    .plr_md-95 {
        padding: 0 95px;
    }

    .plr_md-100 {
        padding: 0 100px;
    }

    .plr_md-105 {
        padding: 0 105px;
    }

    .plr_md-110 {
        padding: 0 110px;
    }

    .plr_md-115 {
        padding: 0 115px;
    }

    .plr_md-120 {
        padding: 0 120px;
    }

    .plr_md-125 {
        padding: 0 125px;
    }

    .plr_md-130 {
        padding: 0 130px;
    }

    .plr_md-135 {
        padding: 0 135px;
    }

    .plr_md-140 {
        padding: 0 140px;
    }

    .plr_md-145 {
        padding: 0 145px;
    }

    .plr_md-150 {
        padding: 0 150px;
    }

    .plr_md-155 {
        padding: 0 155px;
    }

    .plr_md-160 {
        padding: 0 160px;
    }

    .plr_md-165 {
        padding: 0 165px;
    }

    .plr_md-170 {
        padding: 0 170px;
    }

    .plr_md-175 {
        padding: 0 175px;
    }

    .plr_md-180 {
        padding: 0 180px;
    }

    .plr_md-185 {
        padding: 0 185px;
    }

    .plr_md-190 {
        padding: 0 190px;
    }

    .plr_md-195 {
        padding: 0 195px;
    }

    .plr_md-200 {
        padding: 0 200px;
    }

    .plr_md-205 {
        padding: 0 205px;
    }

    .plr_md-210 {
        padding: 0 210px;
    }

    .plr_md-215 {
        padding: 0 215px;
    }

    .plr_md-220 {
        padding: 0 220px;
    }

    .plr_md-225 {
        padding: 0 225px;
    }

    .plr_md-230 {
        padding: 0 230px;
    }

    .plr_md-235 {
        padding: 0 235px;
    }

    .plr_md-240 {
        padding: 0 240px;
    }

    .plr_md-245 {
        padding: 0 245px;
    }

    .plr_md-250 {
        padding: 0 250px;
    }
}

@media only screen and (max-width: 767px) {
    .plr_sm-5 {
        padding: 0 5px;
    }

    .plr_sm-10 {
        padding: 0 10px;
    }

    .plr_sm-15 {
        padding: 0 15px;
    }

    .plr_sm-20 {
        padding: 0 20px;
    }

    .plr_sm-25 {
        padding: 0 25px;
    }

    .plr_sm-30 {
        padding: 0 30px;
    }

    .plr_sm-35 {
        padding: 0 35px;
    }

    .plr_sm-40 {
        padding: 0 40px;
    }

    .plr_sm-45 {
        padding: 0 45px;
    }

    .plr_sm-50 {
        padding: 0 50px;
    }

    .plr_sm-55 {
        padding: 0 55px;
    }

    .plr_sm-60 {
        padding: 0 60px;
    }

    .plr_sm-65 {
        padding: 0 65px;
    }

    .plr_sm-70 {
        padding: 0 70px;
    }

    .plr_sm-75 {
        padding: 0 75px;
    }

    .plr_sm-80 {
        padding: 0 80px;
    }

    .plr_sm-85 {
        padding: 0 85px;
    }

    .plr_sm-90 {
        padding: 0 90px;
    }

    .plr_sm-95 {
        padding: 0 95px;
    }

    .plr_sm-100 {
        padding: 0 100px;
    }

    .plr_sm-105 {
        padding: 0 105px;
    }

    .plr_sm-110 {
        padding: 0 110px;
    }

    .plr_sm-115 {
        padding: 0 115px;
    }

    .plr_sm-120 {
        padding: 0 120px;
    }

    .plr_sm-125 {
        padding: 0 125px;
    }

    .plr_sm-130 {
        padding: 0 130px;
    }

    .plr_sm-135 {
        padding: 0 135px;
    }

    .plr_sm-140 {
        padding: 0 140px;
    }

    .plr_sm-145 {
        padding: 0 145px;
    }

    .plr_sm-150 {
        padding: 0 150px;
    }

    .plr_sm-155 {
        padding: 0 155px;
    }

    .plr_sm-160 {
        padding: 0 160px;
    }

    .plr_sm-165 {
        padding: 0 165px;
    }

    .plr_sm-170 {
        padding: 0 170px;
    }

    .plr_sm-175 {
        padding: 0 175px;
    }

    .plr_sm-180 {
        padding: 0 180px;
    }

    .plr_sm-185 {
        padding: 0 185px;
    }

    .plr_sm-190 {
        padding: 0 190px;
    }

    .plr_sm-195 {
        padding: 0 195px;
    }

    .plr_sm-200 {
        padding: 0 200px;
    }

    .plr_sm-205 {
        padding: 0 205px;
    }

    .plr_sm-210 {
        padding: 0 210px;
    }

    .plr_sm-215 {
        padding: 0 215px;
    }

    .plr_sm-220 {
        padding: 0 220px;
    }

    .plr_sm-225 {
        padding: 0 225px;
    }

    .plr_sm-230 {
        padding: 0 230px;
    }

    .plr_sm-235 {
        padding: 0 235px;
    }

    .plr_sm-240 {
        padding: 0 240px;
    }

    .plr_sm-245 {
        padding: 0 245px;
    }

    .plr_sm-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr_lg-0 {
        padding-right: 0;
    }

    .pl_lg-0 {
        padding-left: 0;
    }

    .pb_lg-5 {
        padding-bottom: 5px;
    }

    .pt_lg-5 {
        padding-top: 5px;
    }

    .pb_lg-10 {
        padding-bottom: 10px;
    }

    .pt_lg-10 {
        padding-top: 10px;
    }

    .pb_lg-15 {
        padding-bottom: 15px;
    }

    .pt_lg-15 {
        padding-top: 15px;
    }

    .pb_lg-20 {
        padding-bottom: 20px;
    }

    .pt_lg-20 {
        padding-top: 20px;
    }

    .pb_lg-25 {
        padding-bottom: 25px;
    }

    .pt_lg-25 {
        padding-top: 25px;
    }

    .pb_lg-30 {
        padding-bottom: 30px;
    }

    .pt_lg-30 {
        padding-top: 30px;
    }

    .pb_lg-35 {
        padding-bottom: 35px;
    }

    .pt_lg-35 {
        padding-top: 35px;
    }

    .pb_lg-40 {
        padding-bottom: 40px;
    }

    .pt_lg-40 {
        padding-top: 40px;
    }

    .pb_lg-45 {
        padding-bottom: 45px;
    }

    .pt_lg-45 {
        padding-top: 45px;
    }

    .pb_lg-50 {
        padding-bottom: 50px;
    }

    .pt_lg-50 {
        padding-top: 50px;
    }

    .pb_lg-55 {
        padding-bottom: 55px;
    }

    .pt_lg-55 {
        padding-top: 55px;
    }

    .pb_lg-60 {
        padding-bottom: 60px;
    }

    .pt_lg-60 {
        padding-top: 60px;
    }

    .pb_lg-65 {
        padding-bottom: 65px;
    }

    .pt_lg-65 {
        padding-top: 65px;
    }

    .pb_lg-70 {
        padding-bottom: 70px;
    }

    .pt_lg-70 {
        padding-top: 70px;
    }

    .pb_lg-75 {
        padding-bottom: 75px;
    }

    .pt_lg-75 {
        padding-top: 75px;
    }

    .pb_lg-80 {
        padding-bottom: 80px;
    }

    .pt_lg-80 {
        padding-top: 80px;
    }

    .pb_lg-85 {
        padding-bottom: 85px;
    }

    .pt_lg-85 {
        padding-top: 85px;
    }

    .pb_lg-90 {
        padding-bottom: 90px;
    }

    .pt_lg-90 {
        padding-top: 90px;
    }

    .pb_lg-95 {
        padding-bottom: 95px;
    }

    .pt_lg-95 {
        padding-top: 95px;
    }

    .pb_lg-100 {
        padding-bottom: 100px;
    }

    .pt_lg-100 {
        padding-top: 100px;
    }

    .pb_lg-105 {
        padding-bottom: 105px;
    }

    .pt_lg-105 {
        padding-top: 105px;
    }

    .pb_lg-110 {
        padding-bottom: 110px;
    }

    .pt_lg-110 {
        padding-top: 110px;
    }

    .pb_lg-115 {
        padding-bottom: 115px;
    }

    .pt_lg-115 {
        padding-top: 115px;
    }

    .pb_lg-120 {
        padding-bottom: 120px;
    }

    .pt_lg-120 {
        padding-top: 120px;
    }

    .pb_lg-125 {
        padding-bottom: 125px;
    }

    .pt_lg-125 {
        padding-top: 125px;
    }

    .pb_lg-130 {
        padding-bottom: 130px;
    }

    .pt_lg-130 {
        padding-top: 130px;
    }

    .pb_lg-135 {
        padding-bottom: 135px;
    }

    .pt_lg-135 {
        padding-top: 135px;
    }

    .pb_lg-140 {
        padding-bottom: 140px;
    }

    .pt_lg-140 {
        padding-top: 140px;
    }

    .pb_lg-145 {
        padding-bottom: 145px;
    }

    .pt_lg-145 {
        padding-top: 145px;
    }

    .pb_lg-150 {
        padding-bottom: 150px;
    }

    .pt_lg-150 {
        padding-top: 150px;
    }

    .pb_lg-155 {
        padding-bottom: 155px;
    }

    .pt_lg-155 {
        padding-top: 155px;
    }

    .pb_lg-160 {
        padding-bottom: 160px;
    }

    .pt_lg-160 {
        padding-top: 160px;
    }

    .pb_lg-165 {
        padding-bottom: 165px;
    }

    .pt_lg-165 {
        padding-top: 165px;
    }

    .pb_lg-170 {
        padding-bottom: 170px;
    }

    .pt_lg-170 {
        padding-top: 170px;
    }

    .pb_lg-175 {
        padding-bottom: 175px;
    }

    .pt_lg-175 {
        padding-top: 175px;
    }

    .pb_lg-180 {
        padding-bottom: 180px;
    }

    .pt_lg-180 {
        padding-top: 180px;
    }

    .pb_lg-185 {
        padding-bottom: 185px;
    }

    .pt_lg-185 {
        padding-top: 185px;
    }

    .pb_lg-190 {
        padding-bottom: 190px;
    }

    .pt_lg-190 {
        padding-top: 190px;
    }

    .pb_lg-195 {
        padding-bottom: 195px;
    }

    .pt_lg-195 {
        padding-top: 195px;
    }

    .pb_lg-200 {
        padding-bottom: 200px;
    }

    .pt_lg-200 {
        padding-top: 200px;
    }

    .pb_lg-205 {
        padding-bottom: 205px;
    }

    .pt_lg-205 {
        padding-top: 205px;
    }

    .pb_lg-210 {
        padding-bottom: 210px;
    }

    .pt_lg-210 {
        padding-top: 210px;
    }

    .pb_lg-215 {
        padding-bottom: 215px;
    }

    .pt_lg-215 {
        padding-top: 215px;
    }

    .pb_lg-220 {
        padding-bottom: 220px;
    }

    .pt_lg-220 {
        padding-top: 220px;
    }

    .pb_lg-225 {
        padding-bottom: 225px;
    }

    .pt_lg-225 {
        padding-top: 225px;
    }

    .pb_lg-230 {
        padding-bottom: 230px;
    }

    .pt_lg-230 {
        padding-top: 230px;
    }

    .pb_lg-235 {
        padding-bottom: 235px;
    }

    .pt_lg-235 {
        padding-top: 235px;
    }

    .pb_lg-240 {
        padding-bottom: 240px;
    }

    .pt_lg-240 {
        padding-top: 240px;
    }

    .pb_lg-245 {
        padding-bottom: 245px;
    }

    .pt_lg-245 {
        padding-top: 245px;
    }

    .pb_lg-250 {
        padding-bottom: 250px;
    }

    .pt_lg-250 {
        padding-top: 250px;
    }

    .pb_lg-255 {
        padding-bottom: 255px;
    }

    .pt_lg-255 {
        padding-top: 255px;
    }

    .pb_lg-260 {
        padding-bottom: 260px;
    }

    .pt_lg-260 {
        padding-top: 260px;
    }

    .pb_lg-265 {
        padding-bottom: 265px;
    }

    .pt_lg-265 {
        padding-top: 265px;
    }

    .pb_lg-270 {
        padding-bottom: 270px;
    }

    .pt_lg-270 {
        padding-top: 270px;
    }

    .pb_lg-275 {
        padding-bottom: 275px;
    }

    .pt_lg-275 {
        padding-top: 275px;
    }

    .pb_lg-280 {
        padding-bottom: 280px;
    }

    .pt_lg-280 {
        padding-top: 280px;
    }

    .pb_lg-285 {
        padding-bottom: 285px;
    }

    .pt_lg-285 {
        padding-top: 285px;
    }

    .pb_lg-290 {
        padding-bottom: 290px;
    }

    .pt_lg-290 {
        padding-top: 290px;
    }

    .pb_lg-295 {
        padding-bottom: 295px;
    }

    .pt_lg-295 {
        padding-top: 295px;
    }

    .pb_lg-300 {
        padding-bottom: 300px;
    }

    .pt_lg-300 {
        padding-top: 300px;
    }

    .pt_lg-300 {
        padding-top: 300px;
    }

    .pl_lg-5 {
        padding-left: 5px;
    }

    .pr_lg-5 {
        padding-right: 5px;
    }

    .ptb-lg-5 {
        padding: 5px 0;
    }

    .pl_lg-10 {
        padding-left: 10px;
    }

    .pr_lg-10 {
        padding-right: 10px;
    }

    .ptb-lg-10 {
        padding: 10px 0;
    }

    .pl_lg-15 {
        padding-left: 15px;
    }

    .pr_lg-15 {
        padding-right: 15px;
    }

    .ptb-lg-15 {
        padding: 15px 0;
    }

    .pl_lg-20 {
        padding-left: 20px;
    }

    .pr_lg-20 {
        padding-right: 20px;
    }

    .ptb-lg-20 {
        padding: 20px 0;
    }

    .pl_lg-25 {
        padding-left: 25px;
    }

    .pr_lg-25 {
        padding-right: 25px;
    }

    .ptb-lg-25 {
        padding: 25px 0;
    }

    .pl_lg-30 {
        padding-left: 30px;
    }

    .pr_lg-30 {
        padding-right: 30px;
    }

    .ptb-lg-30 {
        padding: 30px 0;
    }

    .pl_lg-35 {
        padding-left: 35px;
    }

    .pr_lg-35 {
        padding-right: 35px;
    }

    .ptb-lg-35 {
        padding: 35px 0;
    }

    .pl_lg-40 {
        padding-left: 40px;
    }

    .pr_lg-40 {
        padding-right: 40px;
    }

    .ptb-lg-40 {
        padding: 40px 0;
    }

    .pl_lg-45 {
        padding-left: 45px;
    }

    .pr_lg-45 {
        padding-right: 45px;
    }

    .ptb-lg-45 {
        padding: 45px 0;
    }

    .pl_lg-50 {
        padding-left: 50px;
    }

    .pr_lg-50 {
        padding-right: 50px;
    }

    .ptb-lg-50 {
        padding: 50px 0;
    }

    .pl_lg-55 {
        padding-left: 55px;
    }

    .pr_lg-55 {
        padding-right: 55px;
    }

    .ptb-lg-55 {
        padding: 55px 0;
    }

    .pl_lg-60 {
        padding-left: 60px;
    }

    .pr_lg-60 {
        padding-right: 60px;
    }

    .ptb-lg-60 {
        padding: 60px 0;
    }

    .pl_lg-65 {
        padding-left: 65px;
    }

    .pr_lg-65 {
        padding-right: 65px;
    }

    .ptb-lg-65 {
        padding: 65px 0;
    }

    .pl_lg-70 {
        padding-left: 70px;
    }

    .pr_lg-70 {
        padding-right: 70px;
    }

    .ptb-lg-70 {
        padding: 70px 0;
    }

    .pl_lg-75 {
        padding-left: 75px;
    }

    .pr_lg-75 {
        padding-right: 75px;
    }

    .ptb-lg-75 {
        padding: 75px 0;
    }

    .pl_lg-80 {
        padding-left: 80px;
    }

    .pr_lg-80 {
        padding-right: 80px;
    }

    .ptb-lg-80 {
        padding: 80px 0;
    }

    .pl_lg-85 {
        padding-left: 85px;
    }

    .pr_lg-85 {
        padding-right: 85px;
    }

    .ptb-lg-85 {
        padding: 85px 0;
    }

    .pl_lg-90 {
        padding-left: 90px;
    }

    .pr_lg-90 {
        padding-right: 90px;
    }

    .ptb-lg-90 {
        padding: 90px 0;
    }

    .pl_lg-95 {
        padding-left: 95px;
    }

    .pr_lg-95 {
        padding-right: 95px;
    }

    .ptb-lg-95 {
        padding: 95px 0;
    }

    .pl_lg-100 {
        padding-left: 100px;
    }

    .pr_lg-100 {
        padding-right: 100px;
    }

    .ptb-lg-100 {
        padding: 100px 0;
    }

    .pl_lg-105 {
        padding-left: 105px;
    }

    .pr_lg-105 {
        padding-right: 105px;
    }

    .ptb-lg-105 {
        padding: 105px 0;
    }

    .pl_lg-110 {
        padding-left: 110px;
    }

    .pr_lg-110 {
        padding-right: 110px;
    }

    .ptb-lg-110 {
        padding: 110px 0;
    }

    .pl_lg-115 {
        padding-left: 115px;
    }

    .pr_lg-115 {
        padding-right: 115px;
    }

    .ptb-lg-115 {
        padding: 115px 0;
    }

    .pl_lg-120 {
        padding-left: 120px;
    }

    .pr_lg-120 {
        padding-right: 120px;
    }

    .ptb-lg-120 {
        padding: 120px 0;
    }

    .pl_lg-125 {
        padding-left: 125px;
    }

    .pr_lg-125 {
        padding-right: 125px;
    }

    .ptb-lg-125 {
        padding: 125px 0;
    }

    .pl_lg-130 {
        padding-left: 130px;
    }

    .pr_lg-130 {
        padding-right: 130px;
    }

    .ptb-lg-130 {
        padding: 130px 0;
    }

    .pl_lg-135 {
        padding-left: 135px;
    }

    .pr_lg-135 {
        padding-right: 135px;
    }

    .ptb-lg-135 {
        padding: 135px 0;
    }

    .pl_lg-140 {
        padding-left: 140px;
    }

    .pr_lg-140 {
        padding-right: 140px;
    }

    .ptb-lg-140 {
        padding: 140px 0;
    }

    .pl_lg-145 {
        padding-left: 145px;
    }

    .pr_lg-145 {
        padding-right: 145px;
    }

    .ptb-lg-145 {
        padding: 145px 0;
    }

    .pl_lg-150 {
        padding-left: 150px;
    }

    .pr_lg-150 {
        padding-right: 150px;
    }

    .ptb-lg-150 {
        padding: 150px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr_md-0 {
        padding-right: 0;
    }

    .pl_md-0 {
        padding-left: 0;
    }

    .pb_md-335 {
        padding-bottom: 360px;
    }

    .pb_md-5 {
        padding-bottom: 5px;
    }

    .pb_md-10 {
        padding-bottom: 10px;
    }

    .pb_md-15 {
        padding-bottom: 15px;
    }

    .pb_md-20 {
        padding-bottom: 20px;
    }

    .pb_md-25 {
        padding-bottom: 25px;
    }

    .pb_md-30 {
        padding-bottom: 30px;
    }

    .pb_md-35 {
        padding-bottom: 35px;
    }

    .pb_md-40 {
        padding-bottom: 40px;
    }

    .pb_md-45 {
        padding-bottom: 45px;
    }

    .pb_md-50 {
        padding-bottom: 50px;
    }

    .pb_md-55 {
        padding-bottom: 55px;
    }

    .pb_md-60 {
        padding-bottom: 60px;
    }

    .pb_md-65 {
        padding-bottom: 65px;
    }

    .pb_md-70 {
        padding-bottom: 70px;
    }

    .pb_md-75 {
        padding-bottom: 75px;
    }

    .pb_md-80 {
        padding-bottom: 80px;
    }

    .pb_md-85 {
        padding-bottom: 85px;
    }

    .pb_md-90 {
        padding-bottom: 90px;
    }

    .pb_md-95 {
        padding-bottom: 95px;
    }

    .pb_md-100 {
        padding-bottom: 100px;
    }

    .pb_md-105 {
        padding-bottom: 105px;
    }

    .pb_md-110 {
        padding-bottom: 110px;
    }

    .pb_md-115 {
        padding-bottom: 115px;
    }

    .pb_md-120 {
        padding-bottom: 120px;
    }

    .pb_md-125 {
        padding-bottom: 125px;
    }

    .pb_md-130 {
        padding-bottom: 130px;
    }

    .pb_md-135 {
        padding-bottom: 135px;
    }

    .pb_md-140 {
        padding-bottom: 140px;
    }

    .pb_md-145 {
        padding-bottom: 145px;
    }

    .pb_md-150 {
        padding-bottom: 150px;
    }

    .pb_md-155 {
        padding-bottom: 155px;
    }

    .pb_md-160 {
        padding-bottom: 160px;
    }

    .pb_md-165 {
        padding-bottom: 165px;
    }

    .pb_md-170 {
        padding-bottom: 170px;
    }

    .pb_md-175 {
        padding-bottom: 175px;
    }

    .pb_md-180 {
        padding-bottom: 180px;
    }

    .pb_md-185 {
        padding-bottom: 185px;
    }

    .pb_md-190 {
        padding-bottom: 190px;
    }

    .pb_md-195 {
        padding-bottom: 195px;
    }

    .pb_md-200 {
        padding-bottom: 200px;
    }

    .pl_md-5 {
        padding-left: 5px;
    }

    .pr_md-5 {
        padding-right: 5px;
    }

    .pl_md-10 {
        padding-left: 10px;
    }

    .pr_md-10 {
        padding-right: 10px;
    }

    .pl_md-15 {
        padding-left: 15px;
    }

    .pr_md-15 {
        padding-right: 15px;
    }

    .pl_md-20 {
        padding-left: 20px;
    }

    .pr_md-20 {
        padding-right: 20px;
    }

    .pl_md-25 {
        padding-left: 25px;
    }

    .pr_md-25 {
        padding-right: 25px;
    }

    .pl_md-30 {
        padding-left: 30px;
    }

    .pr_md-30 {
        padding-right: 30px;
    }

    .pl_md-35 {
        padding-left: 35px;
    }

    .pr_md-35 {
        padding-right: 35px;
    }

    .pl_md-40 {
        padding-left: 40px;
    }

    .pr_md-40 {
        padding-right: 40px;
    }

    .pl_md-45 {
        padding-left: 45px;
    }

    .pr_md-45 {
        padding-right: 45px;
    }

    .pl_md-50 {
        padding-left: 50px;
    }

    .pr_md-50 {
        padding-right: 50px;
    }

    .pl_md-55 {
        padding-left: 55px;
    }

    .pr_md-55 {
        padding-right: 55px;
    }

    .pl_md-60 {
        padding-left: 60px;
    }

    .pr_md-60 {
        padding-right: 60px;
    }

    .pl_md-65 {
        padding-left: 65px;
    }

    .pr_md-65 {
        padding-right: 65px;
    }

    .pl_md-70 {
        padding-left: 70px;
    }

    .pr_md-70 {
        padding-right: 70px;
    }

    .pl_md-75 {
        padding-left: 75px;
    }

    .pr_md-75 {
        padding-right: 75px;
    }

    .pl_md-80 {
        padding-left: 80px;
    }

    .pr_md-80 {
        padding-right: 80px;
    }

    .pl_md-85 {
        padding-left: 85px;
    }

    .pr_md-85 {
        padding-right: 85px;
    }

    .pl_md-90 {
        padding-left: 90px;
    }

    .pr_md-90 {
        padding-right: 90px;
    }

    .pl_md-95 {
        padding-left: 95px;
    }

    .pr_md-95 {
        padding-right: 95px;
    }

    .pl_md-100 {
        padding-left: 100px;
    }

    .pr_md-100 {
        padding-right: 100px;
    }

    .pt_md-5 {
        padding-top: 5px;
    }

    .pt_md-10 {
        padding-top: 10px;
    }

    .pt_md-15 {
        padding-top: 15px;
    }

    .pt_md-20 {
        padding-top: 20px;
    }

    .pt_md-25 {
        padding-top: 25px;
    }

    .pt_md-30 {
        padding-top: 30px;
    }

    .pt_md-35 {
        padding-top: 35px;
    }

    .pt_md-40 {
        padding-top: 40px;
    }

    .pt_md-45 {
        padding-top: 45px;
    }

    .pt_md-50 {
        padding-top: 50px;
    }

    .pt_md-55 {
        padding-top: 55px;
    }

    .pt_md-60 {
        padding-top: 60px;
    }

    .pt_md-65 {
        padding-top: 65px;
    }

    .pt_md-70 {
        padding-top: 70px;
    }

    .pt_md-75 {
        padding-top: 75px;
    }

    .pt_md-80 {
        padding-top: 80px;
    }

    .pt_md-85 {
        padding-top: 85px;
    }

    .pt_md-90 {
        padding-top: 90px;
    }

    .pt_md-95 {
        padding-top: 95px;
    }

    .pt_md-100 {
        padding-top: 100px;
    }

    .pt_md-105 {
        padding-top: 105px;
    }

    .pt_md-110 {
        padding-top: 110px;
    }

    .pt_md-115 {
        padding-top: 115px;
    }

    .pt_md-120 {
        padding-top: 120px;
    }

    .pt_md-125 {
        padding-top: 125px;
    }

    .pt_md-130 {
        padding-top: 130px;
    }

    .pt_md-135 {
        padding-top: 135px;
    }

    .pt_md-140 {
        padding-top: 140px;
    }

    .pt_md-145 {
        padding-top: 145px;
    }

    .pt_md-150 {
        padding-top: 150px;
    }

    .pt_md-155 {
        padding-top: 155px;
    }

    .pt_md-160 {
        padding-top: 160px;
    }

    .pt_md-165 {
        padding-top: 165px;
    }

    .pt_md-170 {
        padding-top: 170px;
    }

    .pt_md-175 {
        padding-top: 175px;
    }

    .pt_md-180 {
        padding-top: 180px;
    }

    .pt_md-185 {
        padding-top: 185px;
    }

    .pt_md-190 {
        padding-top: 190px;
    }

    .pt_md-195 {
        padding-top: 195px;
    }

    .pt_md-200 {
        padding-top: 200px;
    }

    .pt_md-205 {
        padding-top: 205px;
    }

    .pt_md-210 {
        padding-top: 210px;
    }

    .pt_md-215 {
        padding-top: 215px;
    }

    .pt_md-220 {
        padding-top: 220px;
    }

    .pt_md-225 {
        padding-top: 225px;
    }

    .pt_md-230 {
        padding-top: 230px;
    }

    .pt_md-235 {
        padding-top: 235px;
    }

    .pt_md-240 {
        padding-top: 240px;
    }

    .pt_md-245 {
        padding-top: 245px;
    }

    .pt_md-250 {
        padding-top: 250px;
    }

    .pt_md-255 {
        padding-top: 255px;
    }

    .pt_md-260 {
        padding-top: 260px;
    }

    .pt_md-265 {
        padding-top: 265px;
    }

    .pt_md-270 {
        padding-top: 270px;
    }

    .pt_md-275 {
        padding-top: 275px;
    }

    .pt_md-280 {
        padding-top: 280px;
    }

    .pt_md-285 {
        padding-top: 285px;
    }

    .pt_md-290 {
        padding-top: 290px;
    }

    .pt_md-295 {
        padding-top: 295px;
    }

    .pt_md-300 {
        padding-top: 300px;
    }

    .ptb-md-5 {
        padding: 5px 0;
    }

    .ptb-md-10 {
        padding: 10px 0;
    }

    .ptb-md-15 {
        padding: 15px 0;
    }

    .ptb-md-20 {
        padding: 20px 0;
    }

    .ptb-md-25 {
        padding: 25px 0;
    }

    .ptb-md-30 {
        padding: 30px 0;
    }

    .ptb-md-35 {
        padding: 35px 0;
    }

    .ptb-md-40 {
        padding: 40px 0;
    }

    .ptb-md-45 {
        padding: 45px 0;
    }

    .ptb-md-50 {
        padding: 50px 0;
    }

    .ptb-md-55 {
        padding: 55px 0;
    }

    .ptb-md-60 {
        padding: 60px 0;
    }

    .ptb-md-65 {
        padding: 65px 0;
    }

    .ptb-md-70 {
        padding: 70px 0;
    }

    .ptb-md-75 {
        padding: 75px 0;
    }

    .ptb-md-80 {
        padding: 80px 0;
    }

    .ptb-md-85 {
        padding: 85px 0;
    }

    .ptb-md-90 {
        padding: 90px 0;
    }

    .ptb-md-95 {
        padding: 95px 0;
    }

    .ptb-md-100 {
        padding: 100px 0;
    }

    .ptb-md-105 {
        padding: 105px 0;
    }

    .ptb-md-110 {
        padding: 110px 0;
    }

    .ptb-md-115 {
        padding: 115px 0;
    }

    .ptb-md-120 {
        padding: 120px 0;
    }

    .ptb-md-125 {
        padding: 125px 0;
    }

    .ptb-md-130 {
        padding: 130px 0;
    }

    .ptb-md-135 {
        padding: 135px 0;
    }

    .ptb-md-140 {
        padding: 140px 0;
    }

    .ptb-md-145 {
        padding: 145px 0;
    }

    .ptb-md-150 {
        padding: 150px 0;
    }

    .space_dec_md-180 {
        margin-top: -180px;
    }
}

.ptb-md-320 {
    padding: 320px 0;
}

@media only screen and (max-width: 767px) {
    .pb_sm-360 {
        padding-bottom: 360px;
    }

    .pr_sm-0 {
        padding-right: 0;
    }

    .pl_sm-0 {
        padding-left: 0;
    }

    .pb_sm-5 {
        padding-bottom: 5px;
    }

    .pb_sm-10 {
        padding-bottom: 10px;
    }

    .pb_sm-15 {
        padding-bottom: 15px;
    }

    .pb_sm-20 {
        padding-bottom: 20px;
    }

    .pb_sm-25 {
        padding-bottom: 25px;
    }

    .pb_sm-30 {
        padding-bottom: 30px;
    }

    .pb_sm-35 {
        padding-bottom: 35px;
    }

    .pb_sm-40 {
        padding-bottom: 40px;
    }

    .pb_sm-45 {
        padding-bottom: 45px;
    }

    .pb_sm-50 {
        padding-bottom: 50px;
    }

    .pb_sm-55 {
        padding-bottom: 55px;
    }

    .pb_sm-60 {
        padding-bottom: 60px;
    }

    .pb_sm-65 {
        padding-bottom: 65px;
    }

    .pb_sm-70 {
        padding-bottom: 70px;
    }

    .pb_sm-75 {
        padding-bottom: 75px;
    }

    .pb_sm-80 {
        padding-bottom: 80px;
    }

    .pb_sm-85 {
        padding-bottom: 85px;
    }

    .pb_sm-90 {
        padding-bottom: 90px;
    }

    .pb_sm-95 {
        padding-bottom: 95px;
    }

    .pb_sm-100 {
        padding-bottom: 100px;
    }

    .pb_sm-105 {
        padding-bottom: 105px;
    }

    .pb_sm-110 {
        padding-bottom: 110px;
    }

    .pb_sm-115 {
        padding-bottom: 115px;
    }

    .pb_sm-120 {
        padding-bottom: 120px;
    }

    .pb_sm-125 {
        padding-bottom: 125px;
    }

    .pb_sm-130 {
        padding-bottom: 130px;
    }

    .pb_sm-135 {
        padding-bottom: 135px;
    }

    .pb_sm-140 {
        padding-bottom: 140px;
    }

    .pb_sm-145 {
        padding-bottom: 145px;
    }

    .pb_sm-150 {
        padding-bottom: 150px;
    }

    .pb_sm-155 {
        padding-bottom: 155px;
    }

    .pb_sm-160 {
        padding-bottom: 160px;
    }

    .pb_sm-165 {
        padding-bottom: 165px;
    }

    .pb_sm-170 {
        padding-bottom: 170px;
    }

    .pb_sm-175 {
        padding-bottom: 175px;
    }

    .pb_sm-180 {
        padding-bottom: 180px;
    }

    .pb_sm-185 {
        padding-bottom: 185px;
    }

    .pb_sm-190 {
        padding-bottom: 190px;
    }

    .pb_sm-195 {
        padding-bottom: 195px;
    }

    .pb_sm-200 {
        padding-bottom: 200px;
    }

    .pl_sm-5 {
        padding-left: 5px;
    }

    .pl_sm-10 {
        padding-left: 10px;
    }

    .pl_sm-15 {
        padding-left: 15px;
    }

    .pl_sm-20 {
        padding-left: 20px;
    }

    .pl_sm-25 {
        padding-left: 25px;
    }

    .pl_sm-30 {
        padding-left: 30px;
    }

    .pl_sm-35 {
        padding-left: 35px;
    }

    .pl_sm-40 {
        padding-left: 40px;
    }

    .pl_sm-45 {
        padding-left: 45px;
    }

    .pl_sm-50 {
        padding-left: 50px;
    }

    .pl_sm-55 {
        padding-left: 55px;
    }

    .pl_sm-60 {
        padding-left: 60px;
    }

    .pl_sm-65 {
        padding-left: 65px;
    }

    .pl_sm-70 {
        padding-left: 70px;
    }

    .pl_sm-75 {
        padding-left: 75px;
    }

    .pl_sm-80 {
        padding-left: 80px;
    }

    .pl_sm-85 {
        padding-left: 85px;
    }

    .pl_sm-90 {
        padding-left: 90px;
    }

    .pl_sm-95 {
        padding-left: 95px;
    }

    .pl_sm-100 {
        padding-left: 100px;
    }

    .pr_sm-5 {
        padding-right: 5px;
    }

    .pr_sm-10 {
        padding-right: 10px;
    }

    .pr_sm-15 {
        padding-right: 15px;
    }

    .pr_sm-20 {
        padding-right: 20px;
    }

    .pr_sm-25 {
        padding-right: 25px;
    }

    .pr_sm-30 {
        padding-right: 30px;
    }

    .pr_sm-35 {
        padding-right: 35px;
    }

    .pr_sm-40 {
        padding-right: 40px;
    }

    .pr_sm-45 {
        padding-right: 45px;
    }

    .pr_sm-50 {
        padding-right: 50px;
    }

    .pr_sm-55 {
        padding-right: 55px;
    }

    .pr_sm-60 {
        padding-right: 60px;
    }

    .pr_sm-65 {
        padding-right: 65px;
    }

    .pr_sm-70 {
        padding-right: 70px;
    }

    .pr_sm-75 {
        padding-right: 75px;
    }

    .pr_sm-80 {
        padding-right: 80px;
    }

    .pr_sm-85 {
        padding-right: 85px;
    }

    .pr_sm-90 {
        padding-right: 90px;
    }

    .pr_sm-95 {
        padding-right: 95px;
    }

    .pr_sm-100 {
        padding-right: 100px;
    }

    .pt_sm-5 {
        padding-top: 5px;
    }

    .pt_sm-10 {
        padding-top: 10px;
    }

    .pt_sm-15 {
        padding-top: 15px;
    }

    .pt_sm-20 {
        padding-top: 20px;
    }

    .pt_sm-25 {
        padding-top: 25px;
    }

    .pt_sm-30 {
        padding-top: 30px;
    }

    .pt_sm-35 {
        padding-top: 35px;
    }

    .pt_sm-40 {
        padding-top: 40px;
    }

    .pt_sm-45 {
        padding-top: 45px;
    }

    .pt_sm-50 {
        padding-top: 50px;
    }

    .pt_sm-55 {
        padding-top: 55px;
    }

    .pt_sm-60 {
        padding-top: 60px;
    }

    .pt_sm-65 {
        padding-top: 65px;
    }

    .pt_sm-70 {
        padding-top: 70px;
    }

    .pt_sm-75 {
        padding-top: 75px;
    }

    .pt_sm-80 {
        padding-top: 80px;
    }

    .pt_sm-85 {
        padding-top: 85px;
    }

    .pt_sm-90 {
        padding-top: 90px;
    }

    .pt_sm-95 {
        padding-top: 95px;
    }

    .pt_sm-100 {
        padding-top: 100px;
    }

    .pt_sm-105 {
        padding-top: 105px;
    }

    .pt_sm-110 {
        padding-top: 110px;
    }

    .pt_sm-115 {
        padding-top: 115px;
    }

    .pt_sm-120 {
        padding-top: 120px;
    }

    .pt_sm-125 {
        padding-top: 125px;
    }

    .pt_sm-130 {
        padding-top: 130px;
    }

    .pt_sm-135 {
        padding-top: 135px;
    }

    .pt_sm-140 {
        padding-top: 140px;
    }

    .pt_sm-145 {
        padding-top: 145px;
    }

    .pt_sm-150 {
        padding-top: 150px;
    }

    .pt_sm-155 {
        padding-top: 155px;
    }

    .pt_sm-160 {
        padding-top: 160px;
    }

    .pt_sm-165 {
        padding-top: 165px;
    }

    .pt_sm-170 {
        padding-top: 170px;
    }

    .pt_sm-175 {
        padding-top: 175px;
    }

    .pt_sm-180 {
        padding-top: 180px;
    }

    .pt_sm-185 {
        padding-top: 185px;
    }

    .pt_sm-190 {
        padding-top: 190px;
    }

    .pt_sm-195 {
        padding-top: 195px;
    }

    .pt_sm-200 {
        padding-top: 200px;
    }

    .ptb-sm-5 {
        padding: 5px 0;
    }

    .ptb-sm-10 {
        padding: 10px 0;
    }

    .ptb-sm-15 {
        padding: 15px 0;
    }

    .ptb-sm-20 {
        padding: 20px 0;
    }

    .ptb-sm-25 {
        padding: 25px 0;
    }

    .ptb-sm-30 {
        padding: 30px 0;
    }

    .ptb-sm-35 {
        padding: 35px 0;
    }

    .ptb-sm-40 {
        padding: 40px 0;
    }

    .ptb-sm-45 {
        padding: 45px 0;
    }

    .ptb-sm-50 {
        padding: 50px 0;
    }

    .ptb-sm-55 {
        padding: 55px 0;
    }

    .ptb-sm-60 {
        padding: 60px 0;
    }

    .ptb-sm-65 {
        padding: 65px 0;
    }

    .ptb-sm-70 {
        padding: 70px 0;
    }

    .ptb-sm-75 {
        padding: 75px 0;
    }

    .ptb-sm-80 {
        padding: 80px 0;
    }

    .ptb-sm-85 {
        padding: 85px 0;
    }

    .ptb-sm-90 {
        padding: 90px 0;
    }

    .ptb-sm-95 {
        padding: 95px 0;
    }

    .ptb-sm-100 {
        padding: 100px 0;
    }

    .ptb-sm-105 {
        padding: 105px 0;
    }

    .ptb-sm-110 {
        padding: 110px 0;
    }

    .ptb-sm-115 {
        padding: 115px 0;
    }

    .ptb-sm-120 {
        padding: 120px 0;
    }

    .ptb-sm-125 {
        padding: 125px 0;
    }

    .ptb-sm-130 {
        padding: 130px 0;
    }

    .ptb-sm-135 {
        padding: 135px 0;
    }

    .ptb-sm-140 {
        padding: 140px 0;
    }

    .ptb-sm-145 {
        padding: 145px 0;
    }

    .ptb-sm-150 {
        padding: 150px 0;
    }
}

@media only screen and (max-width: 575px) {
    .pb_mobile-5 {
        padding-bottom: 5px;
    }

    .pl_mobile-5 {
        padding-left: 5px;
    }

    .pr_mobile-5 {
        padding-right: 5px;
    }

    .pt_mobile-5 {
        padding-top: 5px;
    }

    .pb_mobile-5 {
        padding-bottom: 5px;
    }

    .pb_mobile-10 {
        padding-bottom: 10px;
    }

    .pl_mobile-10 {
        padding-left: 10px;
    }

    .pr_mobile-10 {
        padding-right: 10px;
    }

    .pt_mobile-10 {
        padding-top: 10px;
    }

    .pb_mobile-10 {
        padding-bottom: 10px;
    }

    .pb_mobile-15 {
        padding-bottom: 15px;
    }

    .pl_mobile-15 {
        padding-left: 15px;
    }

    .pr_mobile-15 {
        padding-right: 15px;
    }

    .pt_mobile-15 {
        padding-top: 15px;
    }

    .pb_mobile-15 {
        padding-bottom: 15px;
    }

    .pb_mobile-20 {
        padding-bottom: 20px;
    }

    .pl_mobile-20 {
        padding-left: 20px;
    }

    .pr_mobile-20 {
        padding-right: 20px;
    }

    .pt_mobile-20 {
        padding-top: 20px;
    }

    .pb_mobile-20 {
        padding-bottom: 20px;
    }

    .pb_mobile-25 {
        padding-bottom: 25px;
    }

    .pl_mobile-25 {
        padding-left: 25px;
    }

    .pr_mobile-25 {
        padding-right: 25px;
    }

    .pt_mobile-25 {
        padding-top: 25px;
    }

    .pb_mobile-25 {
        padding-bottom: 25px;
    }

    .pb_mobile-30 {
        padding-bottom: 30px;
    }

    .pl_mobile-30 {
        padding-left: 30px;
    }

    .pr_mobile-30 {
        padding-right: 30px;
    }

    .pt_mobile-30 {
        padding-top: 30px;
    }

    .pb_mobile-30 {
        padding-bottom: 30px;
    }

    .pb_mobile-35 {
        padding-bottom: 35px;
    }

    .pl_mobile-35 {
        padding-left: 35px;
    }

    .pr_mobile-35 {
        padding-right: 35px;
    }

    .pt_mobile-35 {
        padding-top: 35px;
    }

    .pb_mobile-35 {
        padding-bottom: 35px;
    }

    .pb_mobile-40 {
        padding-bottom: 40px;
    }

    .pl_mobile-40 {
        padding-left: 40px;
    }

    .pr_mobile-40 {
        padding-right: 40px;
    }

    .pt_mobile-40 {
        padding-top: 40px;
    }

    .pb_mobile-40 {
        padding-bottom: 40px;
    }

    .pb_mobile-45 {
        padding-bottom: 45px;
    }

    .pl_mobile-45 {
        padding-left: 45px;
    }

    .pr_mobile-45 {
        padding-right: 45px;
    }

    .pt_mobile-45 {
        padding-top: 45px;
    }

    .pb_mobile-45 {
        padding-bottom: 45px;
    }

    .pb_mobile-50 {
        padding-bottom: 50px;
    }

    .pl_mobile-50 {
        padding-left: 50px;
    }

    .pr_mobile-50 {
        padding-right: 50px;
    }

    .pt_mobile-50 {
        padding-top: 50px;
    }

    .pb_mobile-50 {
        padding-bottom: 50px;
    }

    .pb_mobile-55 {
        padding-bottom: 55px;
    }

    .pl_mobile-55 {
        padding-left: 55px;
    }

    .pr_mobile-55 {
        padding-right: 55px;
    }

    .pt_mobile-55 {
        padding-top: 55px;
    }

    .pb_mobile-55 {
        padding-bottom: 55px;
    }

    .pb_mobile-60 {
        padding-bottom: 60px;
    }

    .pl_mobile-60 {
        padding-left: 60px;
    }

    .pr_mobile-60 {
        padding-right: 60px;
    }

    .pt_mobile-60 {
        padding-top: 60px;
    }

    .pb_mobile-60 {
        padding-bottom: 60px;
    }

    .pb_mobile-65 {
        padding-bottom: 65px;
    }

    .pl_mobile-65 {
        padding-left: 65px;
    }

    .pr_mobile-65 {
        padding-right: 65px;
    }

    .pt_mobile-65 {
        padding-top: 65px;
    }

    .pb_mobile-65 {
        padding-bottom: 65px;
    }

    .pb_mobile-70 {
        padding-bottom: 70px;
    }

    .pl_mobile-70 {
        padding-left: 70px;
    }

    .pr_mobile-70 {
        padding-right: 70px;
    }

    .pt_mobile-70 {
        padding-top: 70px;
    }

    .pb_mobile-70 {
        padding-bottom: 70px;
    }

    .pb_mobile-75 {
        padding-bottom: 75px;
    }

    .pl_mobile-75 {
        padding-left: 75px;
    }

    .pr_mobile-75 {
        padding-right: 75px;
    }

    .pt_mobile-75 {
        padding-top: 75px;
    }

    .pb_mobile-75 {
        padding-bottom: 75px;
    }

    .pb_mobile-80 {
        padding-bottom: 80px;
    }

    .pl_mobile-80 {
        padding-left: 80px;
    }

    .pr_mobile-80 {
        padding-right: 80px;
    }

    .pt_mobile-80 {
        padding-top: 80px;
    }

    .pb_mobile-80 {
        padding-bottom: 80px;
    }

    .pb_mobile-85 {
        padding-bottom: 85px;
    }

    .pl_mobile-85 {
        padding-left: 85px;
    }

    .pr_mobile-85 {
        padding-right: 85px;
    }

    .pt_mobile-85 {
        padding-top: 85px;
    }

    .pb_mobile-85 {
        padding-bottom: 85px;
    }

    .pb_mobile-90 {
        padding-bottom: 90px;
    }

    .pl_mobile-90 {
        padding-left: 90px;
    }

    .pr_mobile-90 {
        padding-right: 90px;
    }

    .pt_mobile-90 {
        padding-top: 90px;
    }

    .pb_mobile-90 {
        padding-bottom: 90px;
    }

    .pb_mobile-95 {
        padding-bottom: 95px;
    }

    .pl_mobile-95 {
        padding-left: 95px;
    }

    .pr_mobile-95 {
        padding-right: 95px;
    }

    .pt_mobile-95 {
        padding-top: 95px;
    }

    .pb_mobile-95 {
        padding-bottom: 95px;
    }

    .pb_mobile-100 {
        padding-bottom: 100px;
    }

    .pl_mobile-100 {
        padding-left: 100px;
    }

    .pr_mobile-100 {
        padding-right: 100px;
    }

    .pt_mobile-100 {
        padding-top: 100px;
    }

    .pb_mobile-100 {
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .pb_lp-5 {
        padding-bottom: 5px;
    }

    .pl_lp-5 {
        padding-left: 5px;
    }

    .pr_lp-5 {
        padding-right: 5px;
    }

    .pt_lp-5 {
        padding-top: 5px;
    }

    .pb_lp-5 {
        padding-bottom: 5px;
    }

    .pb_lp-10 {
        padding-bottom: 10px;
    }

    .pl_lp-10 {
        padding-left: 10px;
    }

    .pr_lp-10 {
        padding-right: 10px;
    }

    .pt_lp-10 {
        padding-top: 10px;
    }

    .pb_lp-10 {
        padding-bottom: 10px;
    }

    .pb_lp-15 {
        padding-bottom: 15px;
    }

    .pl_lp-15 {
        padding-left: 15px;
    }

    .pr_lp-15 {
        padding-right: 15px;
    }

    .pt_lp-15 {
        padding-top: 15px;
    }

    .pb_lp-15 {
        padding-bottom: 15px;
    }

    .pb_lp-20 {
        padding-bottom: 20px;
    }

    .pl_lp-20 {
        padding-left: 20px;
    }

    .pr_lp-20 {
        padding-right: 20px;
    }

    .pt_lp-20 {
        padding-top: 20px;
    }

    .pb_lp-20 {
        padding-bottom: 20px;
    }

    .pb_lp-25 {
        padding-bottom: 25px;
    }

    .pl_lp-25 {
        padding-left: 25px;
    }

    .pr_lp-25 {
        padding-right: 25px;
    }

    .pt_lp-25 {
        padding-top: 25px;
    }

    .pb_lp-25 {
        padding-bottom: 25px;
    }

    .pb_lp-30 {
        padding-bottom: 30px;
    }

    .pl_lp-30 {
        padding-left: 30px;
    }

    .pr_lp-30 {
        padding-right: 30px;
    }

    .pt_lp-30 {
        padding-top: 30px;
    }

    .pb_lp-30 {
        padding-bottom: 30px;
    }

    .pb_lp-35 {
        padding-bottom: 35px;
    }

    .pl_lp-35 {
        padding-left: 35px;
    }

    .pr_lp-35 {
        padding-right: 35px;
    }

    .pt_lp-35 {
        padding-top: 35px;
    }

    .pb_lp-35 {
        padding-bottom: 35px;
    }

    .pb_lp-40 {
        padding-bottom: 40px;
    }

    .pl_lp-40 {
        padding-left: 40px;
    }

    .pr_lp-40 {
        padding-right: 40px;
    }

    .pt_lp-40 {
        padding-top: 40px;
    }

    .pb_lp-40 {
        padding-bottom: 40px;
    }

    .pb_lp-45 {
        padding-bottom: 45px;
    }

    .pl_lp-45 {
        padding-left: 45px;
    }

    .pr_lp-45 {
        padding-right: 45px;
    }

    .pt_lp-45 {
        padding-top: 45px;
    }

    .pb_lp-45 {
        padding-bottom: 45px;
    }

    .pb_lp-50 {
        padding-bottom: 50px;
    }

    .pl_lp-50 {
        padding-left: 50px;
    }

    .pr_lp-50 {
        padding-right: 50px;
    }

    .pt_lp-50 {
        padding-top: 50px;
    }

    .pb_lp-50 {
        padding-bottom: 50px;
    }

    .pb_lp-55 {
        padding-bottom: 55px;
    }

    .pl_lp-55 {
        padding-left: 55px;
    }

    .pr_lp-55 {
        padding-right: 55px;
    }

    .pt_lp-55 {
        padding-top: 55px;
    }

    .pb_lp-55 {
        padding-bottom: 55px;
    }

    .pb_lp-60 {
        padding-bottom: 60px;
    }

    .pl_lp-60 {
        padding-left: 60px;
    }

    .pr_lp-60 {
        padding-right: 60px;
    }

    .pt_lp-60 {
        padding-top: 60px;
    }

    .pb_lp-60 {
        padding-bottom: 60px;
    }

    .pb_lp-65 {
        padding-bottom: 65px;
    }

    .pl_lp-65 {
        padding-left: 65px;
    }

    .pr_lp-65 {
        padding-right: 65px;
    }

    .pt_lp-65 {
        padding-top: 65px;
    }

    .pb_lp-65 {
        padding-bottom: 65px;
    }

    .pb_lp-70 {
        padding-bottom: 70px;
    }

    .pl_lp-70 {
        padding-left: 70px;
    }

    .pr_lp-70 {
        padding-right: 70px;
    }

    .pt_lp-70 {
        padding-top: 70px;
    }

    .pb_lp-70 {
        padding-bottom: 70px;
    }

    .pb_lp-75 {
        padding-bottom: 75px;
    }

    .pl_lp-75 {
        padding-left: 75px;
    }

    .pr_lp-75 {
        padding-right: 75px;
    }

    .pt_lp-75 {
        padding-top: 75px;
    }

    .pb_lp-75 {
        padding-bottom: 75px;
    }

    .pb_lp-80 {
        padding-bottom: 80px;
    }

    .pl_lp-80 {
        padding-left: 80px;
    }

    .pr_lp-80 {
        padding-right: 80px;
    }

    .pt_lp-80 {
        padding-top: 80px;
    }

    .pb_lp-80 {
        padding-bottom: 80px;
    }

    .pb_lp-85 {
        padding-bottom: 85px;
    }

    .pl_lp-85 {
        padding-left: 85px;
    }

    .pr_lp-85 {
        padding-right: 85px;
    }

    .pt_lp-85 {
        padding-top: 85px;
    }

    .pb_lp-85 {
        padding-bottom: 85px;
    }

    .pb_lp-90 {
        padding-bottom: 90px;
    }

    .pl_lp-90 {
        padding-left: 90px;
    }

    .pr_lp-90 {
        padding-right: 90px;
    }

    .pt_lp-90 {
        padding-top: 90px;
    }

    .pb_lp-90 {
        padding-bottom: 90px;
    }

    .pb_lp-95 {
        padding-bottom: 95px;
    }

    .pl_lp-95 {
        padding-left: 95px;
    }

    .pr_lp-95 {
        padding-right: 95px;
    }

    .pt_lp-95 {
        padding-top: 95px;
    }

    .pb_lp-95 {
        padding-bottom: 95px;
    }

    .pb_lp-100 {
        padding-bottom: 100px;
    }

    .pl_lp-100 {
        padding-left: 100px;
    }

    .pr_lp-100 {
        padding-right: 100px;
    }

    .pt_lp-100 {
        padding-top: 100px;
    }

    .pb_lp-100 {
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .pb_llp-5 {
        padding-bottom: 5px;
    }

    .pr_llp-5 {
        padding-right: 5px;
    }

    .pl_llp-5 {
        padding-left: 5px;
    }

    .pt_llp-5 {
        padding-top: 5px;
    }

    .ptb_llp-5 {
        padding: 5px 0;
    }

    .pb_llp-10 {
        padding-bottom: 10px;
    }

    .pr_llp-10 {
        padding-right: 10px;
    }

    .pl_llp-10 {
        padding-left: 10px;
    }

    .pt_llp-10 {
        padding-top: 10px;
    }

    .ptb_llp-10 {
        padding: 10px 0;
    }

    .pb_llp-15 {
        padding-bottom: 15px;
    }

    .pr_llp-15 {
        padding-right: 15px;
    }

    .pl_llp-15 {
        padding-left: 15px;
    }

    .pt_llp-15 {
        padding-top: 15px;
    }

    .ptb_llp-15 {
        padding: 15px 0;
    }

    .pb_llp-20 {
        padding-bottom: 20px;
    }

    .pr_llp-20 {
        padding-right: 20px;
    }

    .pl_llp-20 {
        padding-left: 20px;
    }

    .pt_llp-20 {
        padding-top: 20px;
    }

    .ptb_llp-20 {
        padding: 20px 0;
    }

    .pb_llp-25 {
        padding-bottom: 25px;
    }

    .pr_llp-25 {
        padding-right: 25px;
    }

    .pl_llp-25 {
        padding-left: 25px;
    }

    .pt_llp-25 {
        padding-top: 25px;
    }

    .ptb_llp-25 {
        padding: 25px 0;
    }

    .pb_llp-30 {
        padding-bottom: 30px;
    }

    .pr_llp-30 {
        padding-right: 30px;
    }

    .pl_llp-30 {
        padding-left: 30px;
    }

    .pt_llp-30 {
        padding-top: 30px;
    }

    .ptb_llp-30 {
        padding: 30px 0;
    }

    .pb_llp-35 {
        padding-bottom: 35px;
    }

    .pr_llp-35 {
        padding-right: 35px;
    }

    .pl_llp-35 {
        padding-left: 35px;
    }

    .pt_llp-35 {
        padding-top: 35px;
    }

    .ptb_llp-35 {
        padding: 35px 0;
    }

    .pb_llp-40 {
        padding-bottom: 40px;
    }

    .pr_llp-40 {
        padding-right: 40px;
    }

    .pl_llp-40 {
        padding-left: 40px;
    }

    .pt_llp-40 {
        padding-top: 40px;
    }

    .ptb_llp-40 {
        padding: 40px 0;
    }

    .pb_llp-45 {
        padding-bottom: 45px;
    }

    .pr_llp-45 {
        padding-right: 45px;
    }

    .pl_llp-45 {
        padding-left: 45px;
    }

    .pt_llp-45 {
        padding-top: 45px;
    }

    .ptb_llp-45 {
        padding: 45px 0;
    }

    .pb_llp-50 {
        padding-bottom: 50px;
    }

    .pr_llp-50 {
        padding-right: 50px;
    }

    .pl_llp-50 {
        padding-left: 50px;
    }

    .pt_llp-50 {
        padding-top: 50px;
    }

    .ptb_llp-50 {
        padding: 50px 0;
    }

    .pb_llp-55 {
        padding-bottom: 55px;
    }

    .pr_llp-55 {
        padding-right: 55px;
    }

    .pl_llp-55 {
        padding-left: 55px;
    }

    .pt_llp-55 {
        padding-top: 55px;
    }

    .ptb_llp-55 {
        padding: 55px 0;
    }

    .pb_llp-60 {
        padding-bottom: 60px;
    }

    .pr_llp-60 {
        padding-right: 60px;
    }

    .pl_llp-60 {
        padding-left: 60px;
    }

    .pt_llp-60 {
        padding-top: 60px;
    }

    .ptb_llp-60 {
        padding: 60px 0;
    }

    .pb_llp-65 {
        padding-bottom: 65px;
    }

    .pr_llp-65 {
        padding-right: 65px;
    }

    .pl_llp-65 {
        padding-left: 65px;
    }

    .pt_llp-65 {
        padding-top: 65px;
    }

    .ptb_llp-65 {
        padding: 65px 0;
    }

    .pb_llp-70 {
        padding-bottom: 70px;
    }

    .pr_llp-70 {
        padding-right: 70px;
    }

    .pl_llp-70 {
        padding-left: 70px;
    }

    .pt_llp-70 {
        padding-top: 70px;
    }

    .ptb_llp-70 {
        padding: 70px 0;
    }

    .pb_llp-75 {
        padding-bottom: 75px;
    }

    .pr_llp-75 {
        padding-right: 75px;
    }

    .pl_llp-75 {
        padding-left: 75px;
    }

    .pt_llp-75 {
        padding-top: 75px;
    }

    .ptb_llp-75 {
        padding: 75px 0;
    }

    .pb_llp-80 {
        padding-bottom: 80px;
    }

    .pr_llp-80 {
        padding-right: 80px;
    }

    .pl_llp-80 {
        padding-left: 80px;
    }

    .pt_llp-80 {
        padding-top: 80px;
    }

    .ptb_llp-80 {
        padding: 80px 0;
    }

    .pb_llp-85 {
        padding-bottom: 85px;
    }

    .pr_llp-85 {
        padding-right: 85px;
    }

    .pl_llp-85 {
        padding-left: 85px;
    }

    .pt_llp-85 {
        padding-top: 85px;
    }

    .ptb_llp-85 {
        padding: 85px 0;
    }

    .pb_llp-90 {
        padding-bottom: 90px;
    }

    .pr_llp-90 {
        padding-right: 90px;
    }

    .pl_llp-90 {
        padding-left: 90px;
    }

    .pt_llp-90 {
        padding-top: 90px;
    }

    .ptb_llp-90 {
        padding: 90px 0;
    }

    .pb_llp-95 {
        padding-bottom: 95px;
    }

    .pr_llp-95 {
        padding-right: 95px;
    }

    .pl_llp-95 {
        padding-left: 95px;
    }

    .pt_llp-95 {
        padding-top: 95px;
    }

    .ptb_llp-95 {
        padding: 95px 0;
    }

    .pb_llp-100 {
        padding-bottom: 100px;
    }

    .pr_llp-100 {
        padding-right: 100px;
    }

    .pl_llp-100 {
        padding-left: 100px;
    }

    .pt_llp-100 {
        padding-top: 100px;
    }

    .ptb_llp-100 {
        padding: 100px 0;
    }

    .pb_llp-105 {
        padding-bottom: 105px;
    }

    .pr_llp-105 {
        padding-right: 105px;
    }

    .pl_llp-105 {
        padding-left: 105px;
    }

    .pt_llp-105 {
        padding-top: 105px;
    }

    .ptb_llp-105 {
        padding: 105px 0;
    }

    .pb_llp-110 {
        padding-bottom: 110px;
    }

    .pr_llp-110 {
        padding-right: 110px;
    }

    .pl_llp-110 {
        padding-left: 110px;
    }

    .pt_llp-110 {
        padding-top: 110px;
    }

    .ptb_llp-110 {
        padding: 110px 0;
    }

    .pb_llp-115 {
        padding-bottom: 115px;
    }

    .pr_llp-115 {
        padding-right: 115px;
    }

    .pl_llp-115 {
        padding-left: 115px;
    }

    .pt_llp-115 {
        padding-top: 115px;
    }

    .ptb_llp-115 {
        padding: 115px 0;
    }

    .pb_llp-120 {
        padding-bottom: 120px;
    }

    .pr_llp-120 {
        padding-right: 120px;
    }

    .pl_llp-120 {
        padding-left: 120px;
    }

    .pt_llp-120 {
        padding-top: 120px;
    }

    .ptb_llp-120 {
        padding: 120px 0;
    }

    .pb_llp-125 {
        padding-bottom: 125px;
    }

    .pr_llp-125 {
        padding-right: 125px;
    }

    .pl_llp-125 {
        padding-left: 125px;
    }

    .pt_llp-125 {
        padding-top: 125px;
    }

    .ptb_llp-125 {
        padding: 125px 0;
    }

    .pb_llp-130 {
        padding-bottom: 130px;
    }

    .pr_llp-130 {
        padding-right: 130px;
    }

    .pl_llp-130 {
        padding-left: 130px;
    }

    .pt_llp-130 {
        padding-top: 130px;
    }

    .ptb_llp-130 {
        padding: 130px 0;
    }

    .pb_llp-135 {
        padding-bottom: 135px;
    }

    .pr_llp-135 {
        padding-right: 135px;
    }

    .pl_llp-135 {
        padding-left: 135px;
    }

    .pt_llp-135 {
        padding-top: 135px;
    }

    .ptb_llp-135 {
        padding: 135px 0;
    }

    .pb_llp-140 {
        padding-bottom: 140px;
    }

    .pr_llp-140 {
        padding-right: 140px;
    }

    .pl_llp-140 {
        padding-left: 140px;
    }

    .pt_llp-140 {
        padding-top: 140px;
    }

    .ptb_llp-140 {
        padding: 140px 0;
    }

    .pb_llp-145 {
        padding-bottom: 145px;
    }

    .pr_llp-145 {
        padding-right: 145px;
    }

    .pl_llp-145 {
        padding-left: 145px;
    }

    .pt_llp-145 {
        padding-top: 145px;
    }

    .ptb_llp-145 {
        padding: 145px 0;
    }

    .pb_llp-150 {
        padding-bottom: 150px;
    }

    .pr_llp-150 {
        padding-right: 150px;
    }

    .pl_llp-150 {
        padding-left: 150px;
    }

    .pt_llp-150 {
        padding-top: 150px;
    }

    .ptb_llp-150 {
        padding: 150px 0;
    }

    .pb_llp-155 {
        padding-bottom: 155px;
    }

    .pr_llp-155 {
        padding-right: 155px;
    }

    .pl_llp-155 {
        padding-left: 155px;
    }

    .pt_llp-155 {
        padding-top: 155px;
    }

    .ptb_llp-155 {
        padding: 155px 0;
    }

    .pb_llp-160 {
        padding-bottom: 160px;
    }

    .pr_llp-160 {
        padding-right: 160px;
    }

    .pl_llp-160 {
        padding-left: 160px;
    }

    .pt_llp-160 {
        padding-top: 160px;
    }

    .ptb_llp-160 {
        padding: 160px 0;
    }

    .pb_llp-165 {
        padding-bottom: 165px;
    }

    .pr_llp-165 {
        padding-right: 165px;
    }

    .pl_llp-165 {
        padding-left: 165px;
    }

    .pt_llp-165 {
        padding-top: 165px;
    }

    .ptb_llp-165 {
        padding: 165px 0;
    }

    .pb_llp-170 {
        padding-bottom: 170px;
    }

    .pr_llp-170 {
        padding-right: 170px;
    }

    .pl_llp-170 {
        padding-left: 170px;
    }

    .pt_llp-170 {
        padding-top: 170px;
    }

    .ptb_llp-170 {
        padding: 170px 0;
    }

    .pb_llp-175 {
        padding-bottom: 175px;
    }

    .pr_llp-175 {
        padding-right: 175px;
    }

    .pl_llp-175 {
        padding-left: 175px;
    }

    .pt_llp-175 {
        padding-top: 175px;
    }

    .ptb_llp-175 {
        padding: 175px 0;
    }

    .pb_llp-180 {
        padding-bottom: 180px;
    }

    .pr_llp-180 {
        padding-right: 180px;
    }

    .pl_llp-180 {
        padding-left: 180px;
    }

    .pt_llp-180 {
        padding-top: 180px;
    }

    .ptb_llp-180 {
        padding: 180px 0;
    }

    .pb_llp-185 {
        padding-bottom: 185px;
    }

    .pr_llp-185 {
        padding-right: 185px;
    }

    .pl_llp-185 {
        padding-left: 185px;
    }

    .pt_llp-185 {
        padding-top: 185px;
    }

    .ptb_llp-185 {
        padding: 185px 0;
    }

    .pb_llp-190 {
        padding-bottom: 190px;
    }

    .pr_llp-190 {
        padding-right: 190px;
    }

    .pl_llp-190 {
        padding-left: 190px;
    }

    .pt_llp-190 {
        padding-top: 190px;
    }

    .ptb_llp-190 {
        padding: 190px 0;
    }

    .pb_llp-195 {
        padding-bottom: 195px;
    }

    .pr_llp-195 {
        padding-right: 195px;
    }

    .pl_llp-195 {
        padding-left: 195px;
    }

    .pt_llp-195 {
        padding-top: 195px;
    }

    .ptb_llp-195 {
        padding: 195px 0;
    }

    .pb_llp-200 {
        padding-bottom: 200px;
    }

    .pr_llp-200 {
        padding-right: 200px;
    }

    .pl_llp-200 {
        padding-left: 200px;
    }

    .pt_llp-200 {
        padding-top: 200px;
    }

    .ptb_llp-200 {
        padding: 200px 0;
    }

    .pb_llp-205 {
        padding-bottom: 205px;
    }

    .pr_llp-205 {
        padding-right: 205px;
    }

    .pl_llp-205 {
        padding-left: 205px;
    }

    .pt_llp-205 {
        padding-top: 205px;
    }

    .ptb_llp-205 {
        padding: 205px 0;
    }

    .pb_llp-210 {
        padding-bottom: 210px;
    }

    .pr_llp-210 {
        padding-right: 210px;
    }

    .pl_llp-210 {
        padding-left: 210px;
    }

    .pt_llp-210 {
        padding-top: 210px;
    }

    .ptb_llp-210 {
        padding: 210px 0;
    }

    .pb_llp-215 {
        padding-bottom: 215px;
    }

    .pr_llp-215 {
        padding-right: 215px;
    }

    .pl_llp-215 {
        padding-left: 215px;
    }

    .pt_llp-215 {
        padding-top: 215px;
    }

    .ptb_llp-215 {
        padding: 215px 0;
    }

    .pb_llp-220 {
        padding-bottom: 220px;
    }

    .pr_llp-220 {
        padding-right: 220px;
    }

    .pl_llp-220 {
        padding-left: 220px;
    }

    .pt_llp-220 {
        padding-top: 220px;
    }

    .ptb_llp-220 {
        padding: 220px 0;
    }

    .pb_llp-225 {
        padding-bottom: 225px;
    }

    .pr_llp-225 {
        padding-right: 225px;
    }

    .pl_llp-225 {
        padding-left: 225px;
    }

    .pt_llp-225 {
        padding-top: 225px;
    }

    .ptb_llp-225 {
        padding: 225px 0;
    }

    .pb_llp-230 {
        padding-bottom: 230px;
    }

    .pr_llp-230 {
        padding-right: 230px;
    }

    .pl_llp-230 {
        padding-left: 230px;
    }

    .pt_llp-230 {
        padding-top: 230px;
    }

    .ptb_llp-230 {
        padding: 230px 0;
    }

    .pb_llp-235 {
        padding-bottom: 235px;
    }

    .pr_llp-235 {
        padding-right: 235px;
    }

    .pl_llp-235 {
        padding-left: 235px;
    }

    .pt_llp-235 {
        padding-top: 235px;
    }

    .ptb_llp-235 {
        padding: 235px 0;
    }

    .pb_llp-240 {
        padding-bottom: 240px;
    }

    .pr_llp-240 {
        padding-right: 240px;
    }

    .pl_llp-240 {
        padding-left: 240px;
    }

    .pt_llp-240 {
        padding-top: 240px;
    }

    .ptb_llp-240 {
        padding: 240px 0;
    }

    .pb_llp-245 {
        padding-bottom: 245px;
    }

    .pr_llp-245 {
        padding-right: 245px;
    }

    .pl_llp-245 {
        padding-left: 245px;
    }

    .pt_llp-245 {
        padding-top: 245px;
    }

    .ptb_llp-245 {
        padding: 245px 0;
    }

    .pb_llp-250 {
        padding-bottom: 250px;
    }

    .pr_llp-250 {
        padding-right: 250px;
    }

    .pl_llp-250 {
        padding-left: 250px;
    }

    .pt_llp-250 {
        padding-top: 250px;
    }

    .ptb_llp-250 {
        padding: 250px 0;
    }
}

/*-- Margin Spacing --*/
/*-- Margin Top --*/
.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mb-300 {
    margin-bottom: 300px;
}

/*-- Padding Left --*/
.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-105 {
    margin-left: 105px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-115 {
    margin-left: 115px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-135 {
    margin-left: 135px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-155 {
    margin-left: 155px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-165 {
    margin-left: 165px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-175 {
    margin-left: 175px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-185 {
    margin-left: 185px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-195 {
    margin-left: 195px;
}

.ml-200 {
    margin-left: 200px;
}

.ml-205 {
    margin-left: 205px;
}

.ml-210 {
    margin-left: 210px;
}

.ml-215 {
    margin-left: 215px;
}

.ml-220 {
    margin-left: 220px;
}

.ml-225 {
    margin-left: 225px;
}

.ml-230 {
    margin-left: 230px;
}

.ml-235 {
    margin-left: 235px;
}

.ml-240 {
    margin-left: 240px;
}

.ml-245 {
    margin-left: 245px;
}

.ml-250 {
    margin-left: 250px;
}

.ml-255 {
    margin-left: 255px;
}

.ml-260 {
    margin-left: 260px;
}

.ml-265 {
    margin-left: 265px;
}

.ml-270 {
    margin-left: 270px;
}

.ml-275 {
    margin-left: 275px;
}

.ml-280 {
    margin-left: 280px;
}

.ml-285 {
    margin-left: 285px;
}

.ml-290 {
    margin-left: 290px;
}

.ml-295 {
    margin-left: 295px;
}

.ml-300 {
    margin-left: 300px;
}

.ml-305 {
    margin-left: 305px;
}

.ml-310 {
    margin-left: 310px;
}

.ml-315 {
    margin-left: 315px;
}

.ml-320 {
    margin-left: 320px;
}

.ml-325 {
    margin-left: 325px;
}

.ml-330 {
    margin-left: 330px;
}

.ml-335 {
    margin-left: 335px;
}

.ml-340 {
    margin-left: 340px;
}

.ml-345 {
    margin-left: 345px;
}

.ml-350 {
    margin-left: 350px;
}

.ml-355 {
    margin-left: 355px;
}

.ml-360 {
    margin-left: 360px;
}

.ml-365 {
    margin-left: 365px;
}

.ml-370 {
    margin-left: 370px;
}

.ml-375 {
    margin-left: 375px;
}

.ml-380 {
    margin-left: 380px;
}

.ml-385 {
    margin-left: 385px;
}

.ml-390 {
    margin-left: 390px;
}

.ml-395 {
    margin-left: 395px;
}

.ml-400 {
    margin-left: 400px;
}

.ml-405 {
    margin-left: 405px;
}

.ml-410 {
    margin-left: 410px;
}

.ml-415 {
    margin-left: 415px;
}

.ml-420 {
    margin-left: 420px;
}

.ml-425 {
    margin-left: 425px;
}

.ml-430 {
    margin-left: 430px;
}

.ml-435 {
    margin-left: 435px;
}

.ml-440 {
    margin-left: 440px;
}

.ml-445 {
    margin-left: 445px;
}

.ml-450 {
    margin-left: 450px;
}

/*-- Padding Right --*/
.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-105 {
    margin-right: 105px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-115 {
    margin-right: 115px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-125 {
    margin-right: 125px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-135 {
    margin-right: 135px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-145 {
    margin-right: 145px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-155 {
    margin-right: 155px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-165 {
    margin-right: 165px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-175 {
    margin-right: 175px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-185 {
    margin-right: 185px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-195 {
    margin-right: 195px;
}

.mr-200 {
    margin-right: 200px;
}

.mr-205 {
    margin-right: 205px;
}

.mr-210 {
    margin-right: 210px;
}

.mr-215 {
    margin-right: 215px;
}

.mr-220 {
    margin-right: 220px;
}

.mr-225 {
    margin-right: 225px;
}

.mr-230 {
    margin-right: 230px;
}

.mr-235 {
    margin-right: 235px;
}

.mr-240 {
    margin-right: 240px;
}

.mr-245 {
    margin-right: 245px;
}

.mr-250 {
    margin-right: 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb_lg-5 {
        margin-bottom: 5px;
    }

    .ml_lg-5 {
        margin-left: 5px;
    }

    .mr_lg-5 {
        margin-right: 5px;
    }

    .mt_lg-5 {
        margin-top: 5px;
    }

    .mb_lg-10 {
        margin-bottom: 10px;
    }

    .ml_lg-10 {
        margin-left: 10px;
    }

    .mr_lg-10 {
        margin-right: 10px;
    }

    .mt_lg-10 {
        margin-top: 10px;
    }

    .mb_lg-15 {
        margin-bottom: 15px;
    }

    .ml_lg-15 {
        margin-left: 15px;
    }

    .mr_lg-15 {
        margin-right: 15px;
    }

    .mt_lg-15 {
        margin-top: 15px;
    }

    .mb_lg-20 {
        margin-bottom: 20px;
    }

    .ml_lg-20 {
        margin-left: 20px;
    }

    .mr_lg-20 {
        margin-right: 20px;
    }

    .mt_lg-20 {
        margin-top: 20px;
    }

    .mb_lg-25 {
        margin-bottom: 25px;
    }

    .ml_lg-25 {
        margin-left: 25px;
    }

    .mr_lg-25 {
        margin-right: 25px;
    }

    .mt_lg-25 {
        margin-top: 25px;
    }

    .mb_lg-30 {
        margin-bottom: 30px;
    }

    .ml_lg-30 {
        margin-left: 30px;
    }

    .mr_lg-30 {
        margin-right: 30px;
    }

    .mt_lg-30 {
        margin-top: 30px;
    }

    .mb_lg-35 {
        margin-bottom: 35px;
    }

    .ml_lg-35 {
        margin-left: 35px;
    }

    .mr_lg-35 {
        margin-right: 35px;
    }

    .mt_lg-35 {
        margin-top: 35px;
    }

    .mb_lg-40 {
        margin-bottom: 40px;
    }

    .ml_lg-40 {
        margin-left: 40px;
    }

    .mr_lg-40 {
        margin-right: 40px;
    }

    .mt_lg-40 {
        margin-top: 40px;
    }

    .mb_lg-45 {
        margin-bottom: 45px;
    }

    .ml_lg-45 {
        margin-left: 45px;
    }

    .mr_lg-45 {
        margin-right: 45px;
    }

    .mt_lg-45 {
        margin-top: 45px;
    }

    .mb_lg-50 {
        margin-bottom: 50px;
    }

    .ml_lg-50 {
        margin-left: 50px;
    }

    .mr_lg-50 {
        margin-right: 50px;
    }

    .mt_lg-50 {
        margin-top: 50px;
    }

    .mb_lg-55 {
        margin-bottom: 55px;
    }

    .ml_lg-55 {
        margin-left: 55px;
    }

    .mr_lg-55 {
        margin-right: 55px;
    }

    .mt_lg-55 {
        margin-top: 55px;
    }

    .mb_lg-60 {
        margin-bottom: 60px;
    }

    .ml_lg-60 {
        margin-left: 60px;
    }

    .mr_lg-60 {
        margin-right: 60px;
    }

    .mt_lg-60 {
        margin-top: 60px;
    }

    .mb_lg-65 {
        margin-bottom: 65px;
    }

    .ml_lg-65 {
        margin-left: 65px;
    }

    .mr_lg-65 {
        margin-right: 65px;
    }

    .mt_lg-65 {
        margin-top: 65px;
    }

    .mb_lg-70 {
        margin-bottom: 70px;
    }

    .ml_lg-70 {
        margin-left: 70px;
    }

    .mr_lg-70 {
        margin-right: 70px;
    }

    .mt_lg-70 {
        margin-top: 70px;
    }

    .mb_lg-75 {
        margin-bottom: 75px;
    }

    .ml_lg-75 {
        margin-left: 75px;
    }

    .mr_lg-75 {
        margin-right: 75px;
    }

    .mt_lg-75 {
        margin-top: 75px;
    }

    .mb_lg-80 {
        margin-bottom: 80px;
    }

    .ml_lg-80 {
        margin-left: 80px;
    }

    .mr_lg-80 {
        margin-right: 80px;
    }

    .mt_lg-80 {
        margin-top: 80px;
    }

    .mb_lg-85 {
        margin-bottom: 85px;
    }

    .ml_lg-85 {
        margin-left: 85px;
    }

    .mr_lg-85 {
        margin-right: 85px;
    }

    .mt_lg-85 {
        margin-top: 85px;
    }

    .mb_lg-90 {
        margin-bottom: 90px;
    }

    .ml_lg-90 {
        margin-left: 90px;
    }

    .mr_lg-90 {
        margin-right: 90px;
    }

    .mt_lg-90 {
        margin-top: 90px;
    }

    .mb_lg-95 {
        margin-bottom: 95px;
    }

    .ml_lg-95 {
        margin-left: 95px;
    }

    .mr_lg-95 {
        margin-right: 95px;
    }

    .mt_lg-95 {
        margin-top: 95px;
    }

    .mb_lg-100 {
        margin-bottom: 100px;
    }

    .ml_lg-100 {
        margin-left: 100px;
    }

    .mr_lg-100 {
        margin-right: 100px;
    }

    .mt_lg-100 {
        margin-top: 100px;
    }

    .ml_lg-0 {
        margin-left: 0;
    }
    .input-group > i.rightcustom2 {
    right: 45px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom3 {
    right: 32px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom {
    right: 42px;
    left: auto;
    margin-top: -8px;
}
}

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

    .page-template-risk-calculator main.page-content {
    display: none;
}

.input-group > i.rightcustom2 {
    right: 45px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom3 {
    right: 32px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom {
    right: 42px;
    left: auto;
    margin-top: -8px;
}

    .mb_md-5 {
        margin-bottom: 5px;
    }

    .ml_md-5 {
        margin-left: 5px;
    }

    .mr_md-5 {
        margin-right: 5px;
    }

    .mt_md-5 {
        margin-top: 5px;
    }

    .mb_md-10 {
        margin-bottom: 10px;
    }

    .ml_md-10 {
        margin-left: 10px;
    }

    .mr_md-10 {
        margin-right: 10px;
    }

    .mt_md-10 {
        margin-top: 10px;
    }

    .mb_md-15 {
        margin-bottom: 15px;
    }

    .ml_md-15 {
        margin-left: 15px;
    }

    .mr_md-15 {
        margin-right: 15px;
    }

    .mt_md-15 {
        margin-top: 15px;
    }

    .mb_md-20 {
        margin-bottom: 20px;
    }

    .ml_md-20 {
        margin-left: 20px;
    }

    .mr_md-20 {
        margin-right: 20px;
    }

    .mt_md-20 {
        margin-top: 20px;
    }

    .mb_md-25 {
        margin-bottom: 25px;
    }

    .ml_md-25 {
        margin-left: 25px;
    }

    .mr_md-25 {
        margin-right: 25px;
    }

    .mt_md-25 {
        margin-top: 25px;
    }

    .mb_md-30 {
        margin-bottom: 30px;
    }

    .ml_md-30 {
        margin-left: 30px;
    }

    .mr_md-30 {
        margin-right: 30px;
    }

    .mt_md-30 {
        margin-top: 30px;
    }

    .mb_md-35 {
        margin-bottom: 35px;
    }

    .ml_md-35 {
        margin-left: 35px;
    }

    .mr_md-35 {
        margin-right: 35px;
    }

    .mt_md-35 {
        margin-top: 35px;
    }

    .mb_md-40 {
        margin-bottom: 40px;
    }

    .ml_md-40 {
        margin-left: 40px;
    }

    .mr_md-40 {
        margin-right: 40px;
    }

    .mt_md-40 {
        margin-top: 40px;
    }

    .mb_md-45 {
        margin-bottom: 45px;
    }

    .ml_md-45 {
        margin-left: 45px;
    }

    .mr_md-45 {
        margin-right: 45px;
    }

    .mt_md-45 {
        margin-top: 45px;
    }

    .mb_md-50 {
        margin-bottom: 50px;
    }

    .ml_md-50 {
        margin-left: 50px;
    }

    .mr_md-50 {
        margin-right: 50px;
    }

    .mt_md-50 {
        margin-top: 50px;
    }

    .mb_md-55 {
        margin-bottom: 55px;
    }

    .ml_md-55 {
        margin-left: 55px;
    }

    .mr_md-55 {
        margin-right: 55px;
    }

    .mt_md-55 {
        margin-top: 55px;
    }

    .mb_md-60 {
        margin-bottom: 60px;
    }

    .ml_md-60 {
        margin-left: 60px;
    }

    .mr_md-60 {
        margin-right: 60px;
    }

    .mt_md-60 {
        margin-top: 60px;
    }

    .mb_md-65 {
        margin-bottom: 65px;
    }

    .ml_md-65 {
        margin-left: 65px;
    }

    .mr_md-65 {
        margin-right: 65px;
    }

    .mt_md-65 {
        margin-top: 65px;
    }

    .mb_md-70 {
        margin-bottom: 70px;
    }

    .ml_md-70 {
        margin-left: 70px;
    }

    .mr_md-70 {
        margin-right: 70px;
    }

    .mt_md-70 {
        margin-top: 70px;
    }

    .mb_md-75 {
        margin-bottom: 75px;
    }

    .ml_md-75 {
        margin-left: 75px;
    }

    .mr_md-75 {
        margin-right: 75px;
    }

    .mt_md-75 {
        margin-top: 75px;
    }

    .mb_md-80 {
        margin-bottom: 80px;
    }

    .ml_md-80 {
        margin-left: 80px;
    }

    .mr_md-80 {
        margin-right: 80px;
    }

    .mt_md-80 {
        margin-top: 80px;
    }

    .mb_md-85 {
        margin-bottom: 85px;
    }

    .ml_md-85 {
        margin-left: 85px;
    }

    .mr_md-85 {
        margin-right: 85px;
    }

    .mt_md-85 {
        margin-top: 85px;
    }

    .mb_md-90 {
        margin-bottom: 90px;
    }

    .ml_md-90 {
        margin-left: 90px;
    }

    .mr_md-90 {
        margin-right: 90px;
    }

    .mt_md-90 {
        margin-top: 90px;
    }

    .mb_md-95 {
        margin-bottom: 95px;
    }

    .ml_md-95 {
        margin-left: 95px;
    }

    .mr_md-95 {
        margin-right: 95px;
    }

    .mt_md-95 {
        margin-top: 95px;
    }

    .mb_md-100 {
        margin-bottom: 100px;
    }

    .ml_md-100 {
        margin-left: 100px;
    }

    .mr_md-100 {
        margin-right: 100px;
    }

    .mt_md-100 {
        margin-top: 100px;
    }

    .mb_md-105 {
        margin-bottom: 105px;
    }

    .ml_md-105 {
        margin-left: 105px;
    }

    .mr_md-105 {
        margin-right: 105px;
    }

    .mt_md-105 {
        margin-top: 105px;
    }

    .mb_md-110 {
        margin-bottom: 110px;
    }

    .ml_md-110 {
        margin-left: 110px;
    }

    .mr_md-110 {
        margin-right: 110px;
    }

    .mt_md-110 {
        margin-top: 110px;
    }

    .mb_md-115 {
        margin-bottom: 115px;
    }

    .ml_md-115 {
        margin-left: 115px;
    }

    .mr_md-115 {
        margin-right: 115px;
    }

    .mt_md-115 {
        margin-top: 115px;
    }

    .mb_md-120 {
        margin-bottom: 120px;
    }

    .ml_md-120 {
        margin-left: 120px;
    }

    .mr_md-120 {
        margin-right: 120px;
    }

    .mt_md-120 {
        margin-top: 120px;
    }

    .mb_md-125 {
        margin-bottom: 125px;
    }

    .ml_md-125 {
        margin-left: 125px;
    }

    .mr_md-125 {
        margin-right: 125px;
    }

    .mt_md-125 {
        margin-top: 125px;
    }

    .mb_md-130 {
        margin-bottom: 130px;
    }

    .ml_md-130 {
        margin-left: 130px;
    }

    .mr_md-130 {
        margin-right: 130px;
    }

    .mt_md-130 {
        margin-top: 130px;
    }

    .mb_md-135 {
        margin-bottom: 135px;
    }

    .ml_md-135 {
        margin-left: 135px;
    }

    .mr_md-135 {
        margin-right: 135px;
    }

    .mt_md-135 {
        margin-top: 135px;
    }

    .mb_md-140 {
        margin-bottom: 140px;
    }

    .ml_md-140 {
        margin-left: 140px;
    }

    .mr_md-140 {
        margin-right: 140px;
    }

    .mt_md-140 {
        margin-top: 140px;
    }

    .mb_md-145 {
        margin-bottom: 145px;
    }

    .ml_md-145 {
        margin-left: 145px;
    }

    .mr_md-145 {
        margin-right: 145px;
    }

    .mt_md-145 {
        margin-top: 145px;
    }

    .mb_md-150 {
        margin-bottom: 150px;
    }

    .ml_md-150 {
        margin-left: 150px;
    }

    .mr_md-150 {
        margin-right: 150px;
    }

    .mt_md-150 {
        margin-top: 150px;
    }

    .mb_md-155 {
        margin-bottom: 155px;
    }

    .ml_md-155 {
        margin-left: 155px;
    }

    .mr_md-155 {
        margin-right: 155px;
    }

    .mt_md-155 {
        margin-top: 155px;
    }

    .mb_md-160 {
        margin-bottom: 160px;
    }

    .ml_md-160 {
        margin-left: 160px;
    }

    .mr_md-160 {
        margin-right: 160px;
    }

    .mt_md-160 {
        margin-top: 160px;
    }

    .mb_md-165 {
        margin-bottom: 165px;
    }

    .ml_md-165 {
        margin-left: 165px;
    }

    .mr_md-165 {
        margin-right: 165px;
    }

    .mt_md-165 {
        margin-top: 165px;
    }

    .mb_md-170 {
        margin-bottom: 170px;
    }

    .ml_md-170 {
        margin-left: 170px;
    }

    .mr_md-170 {
        margin-right: 170px;
    }

    .mt_md-170 {
        margin-top: 170px;
    }

    .mb_md-175 {
        margin-bottom: 175px;
    }

    .ml_md-175 {
        margin-left: 175px;
    }

    .mr_md-175 {
        margin-right: 175px;
    }

    .mt_md-175 {
        margin-top: 175px;
    }

    .mb_md-180 {
        margin-bottom: 180px;
    }

    .ml_md-180 {
        margin-left: 180px;
    }

    .mr_md-180 {
        margin-right: 180px;
    }

    .mt_md-180 {
        margin-top: 180px;
    }

    .mb_md-185 {
        margin-bottom: 185px;
    }

    .ml_md-185 {
        margin-left: 185px;
    }

    .mr_md-185 {
        margin-right: 185px;
    }

    .mt_md-185 {
        margin-top: 185px;
    }

    .mb_md-190 {
        margin-bottom: 190px;
    }

    .ml_md-190 {
        margin-left: 190px;
    }

    .mr_md-190 {
        margin-right: 190px;
    }

    .mt_md-190 {
        margin-top: 190px;
    }

    .mb_md-195 {
        margin-bottom: 195px;
    }

    .ml_md-195 {
        margin-left: 195px;
    }

    .mr_md-195 {
        margin-right: 195px;
    }

    .mt_md-195 {
        margin-top: 195px;
    }

    .mb_md-200 {
        margin-bottom: 200px;
    }

    .ml_md-200 {
        margin-left: 200px;
    }

    .mr_md-200 {
        margin-right: 200px;
    }

    .mt_md-200 {
        margin-top: 200px;
    }

    .ml_md-0 {
        margin-left: 0;
    }

    .mb_md-0 {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
        .page-template-risk-calculator main.page-content {
    display: none;
}
    .mb_sm-5 {
        margin-bottom: 5px;
    }

    .ml_sm-5 {
        margin-left: 5px;
    }

    .mr_sm-5 {
        margin-right: 5px;
    }

    .mt_sm-5 {
        margin-top: 5px;
    }

    .mb_sm-10 {
        margin-bottom: 10px;
    }

    .ml_sm-10 {
        margin-left: 10px;
    }

    .mr_sm-10 {
        margin-right: 10px;
    }

    .mt_sm-10 {
        margin-top: 10px;
    }

    .mb_sm-15 {
        margin-bottom: 15px;
    }

    .ml_sm-15 {
        margin-left: 15px;
    }

    .mr_sm-15 {
        margin-right: 15px;
    }

    .mt_sm-15 {
        margin-top: 15px;
    }

    .mb_sm-20 {
        margin-bottom: 20px;
    }

    .ml_sm-20 {
        margin-left: 20px;
    }

    .mr_sm-20 {
        margin-right: 20px;
    }

    .mt_sm-20 {
        margin-top: 20px;
    }

    .mb_sm-25 {
        margin-bottom: 25px;
    }

    .ml_sm-25 {
        margin-left: 25px;
    }

    .mr_sm-25 {
        margin-right: 25px;
    }

    .mt_sm-25 {
        margin-top: 25px;
    }

    .mb_sm-30 {
        margin-bottom: 30px;
    }

    .ml_sm-30 {
        margin-left: 30px;
    }

    .mr_sm-30 {
        margin-right: 30px;
    }

    .mt_sm-30 {
        margin-top: 30px;
    }

    .mb_sm-35 {
        margin-bottom: 35px;
    }

    .ml_sm-35 {
        margin-left: 35px;
    }

    .mr_sm-35 {
        margin-right: 35px;
    }

    .mt_sm-35 {
        margin-top: 35px;
    }

    .mb_sm-40 {
        margin-bottom: 40px;
    }

    .ml_sm-40 {
        margin-left: 40px;
    }

    .mr_sm-40 {
        margin-right: 40px;
    }

    .mt_sm-40 {
        margin-top: 40px;
    }

    .mb_sm-45 {
        margin-bottom: 45px;
    }

    .ml_sm-45 {
        margin-left: 45px;
    }

    .mr_sm-45 {
        margin-right: 45px;
    }

    .mt_sm-45 {
        margin-top: 45px;
    }

    .mb_sm-50 {
        margin-bottom: 50px;
    }

    .ml_sm-50 {
        margin-left: 50px;
    }

    .mr_sm-50 {
        margin-right: 50px;
    }

    .mt_sm-50 {
        margin-top: 50px;
    }

    .mb_sm-55 {
        margin-bottom: 55px;
    }

    .ml_sm-55 {
        margin-left: 55px;
    }

    .mr_sm-55 {
        margin-right: 55px;
    }

    .mt_sm-55 {
        margin-top: 55px;
    }

    .mb_sm-60 {
        margin-bottom: 60px;
    }

    .ml_sm-60 {
        margin-left: 60px;
    }

    .mr_sm-60 {
        margin-right: 60px;
    }

    .mt_sm-60 {
        margin-top: 60px;
    }

    .mb_sm-65 {
        margin-bottom: 65px;
    }

    .ml_sm-65 {
        margin-left: 65px;
    }

    .mr_sm-65 {
        margin-right: 65px;
    }

    .mt_sm-65 {
        margin-top: 65px;
    }

    .mb_sm-70 {
        margin-bottom: 70px;
    }

    .ml_sm-70 {
        margin-left: 70px;
    }

    .mr_sm-70 {
        margin-right: 70px;
    }

    .mt_sm-70 {
        margin-top: 70px;
    }

    .mb_sm-75 {
        margin-bottom: 75px;
    }

    .ml_sm-75 {
        margin-left: 75px;
    }

    .mr_sm-75 {
        margin-right: 75px;
    }

    .mt_sm-75 {
        margin-top: 75px;
    }

    .mb_sm-80 {
        margin-bottom: 80px;
    }

    .ml_sm-80 {
        margin-left: 80px;
    }

    .mr_sm-80 {
        margin-right: 80px;
    }

    .mt_sm-80 {
        margin-top: 80px;
    }

    .mb_sm-85 {
        margin-bottom: 85px;
    }

    .ml_sm-85 {
        margin-left: 85px;
    }

    .mr_sm-85 {
        margin-right: 85px;
    }

    .mt_sm-85 {
        margin-top: 85px;
    }

    .mb_sm-90 {
        margin-bottom: 90px;
    }

    .ml_sm-90 {
        margin-left: 90px;
    }

    .mr_sm-90 {
        margin-right: 90px;
    }

    .mt_sm-90 {
        margin-top: 90px;
    }

    .mb_sm-95 {
        margin-bottom: 95px;
    }

    .ml_sm-95 {
        margin-left: 95px;
    }

    .mr_sm-95 {
        margin-right: 95px;
    }

    .mt_sm-95 {
        margin-top: 95px;
    }

    .mb_sm-100 {
        margin-bottom: 100px;
    }

    .ml_sm-100 {
        margin-left: 100px;
    }

    .mr_sm-100 {
        margin-right: 100px;
    }

    .mt_sm-100 {
        margin-top: 100px;
    }

    .mb_sm-105 {
        margin-bottom: 105px;
    }

    .ml_sm-105 {
        margin-left: 105px;
    }

    .mr_sm-105 {
        margin-right: 105px;
    }

    .mt_sm-105 {
        margin-top: 105px;
    }

    .mb_sm-110 {
        margin-bottom: 110px;
    }

    .ml_sm-110 {
        margin-left: 110px;
    }

    .mr_sm-110 {
        margin-right: 110px;
    }

    .mt_sm-110 {
        margin-top: 110px;
    }

    .mb_sm-115 {
        margin-bottom: 115px;
    }

    .ml_sm-115 {
        margin-left: 115px;
    }

    .mr_sm-115 {
        margin-right: 115px;
    }

    .mt_sm-115 {
        margin-top: 115px;
    }

    .mb_sm-120 {
        margin-bottom: 120px;
    }

    .ml_sm-120 {
        margin-left: 120px;
    }

    .mr_sm-120 {
        margin-right: 120px;
    }

    .mt_sm-120 {
        margin-top: 120px;
    }

    .mb_sm-125 {
        margin-bottom: 125px;
    }

    .ml_sm-125 {
        margin-left: 125px;
    }

    .mr_sm-125 {
        margin-right: 125px;
    }

    .mt_sm-125 {
        margin-top: 125px;
    }

    .mb_sm-130 {
        margin-bottom: 130px;
    }

    .ml_sm-130 {
        margin-left: 130px;
    }

    .mr_sm-130 {
        margin-right: 130px;
    }

    .mt_sm-130 {
        margin-top: 130px;
    }

    .mb_sm-135 {
        margin-bottom: 135px;
    }

    .ml_sm-135 {
        margin-left: 135px;
    }

    .mr_sm-135 {
        margin-right: 135px;
    }

    .mt_sm-135 {
        margin-top: 135px;
    }

    .mb_sm-140 {
        margin-bottom: 140px;
    }

    .ml_sm-140 {
        margin-left: 140px;
    }

    .mr_sm-140 {
        margin-right: 140px;
    }

    .mt_sm-140 {
        margin-top: 140px;
    }

    .mb_sm-145 {
        margin-bottom: 145px;
    }

    .ml_sm-145 {
        margin-left: 145px;
    }

    .mr_sm-145 {
        margin-right: 145px;
    }

    .mt_sm-145 {
        margin-top: 145px;
    }

    .mb_sm-150 {
        margin-bottom: 150px;
    }

    .ml_sm-150 {
        margin-left: 150px;
    }

    .mr_sm-150 {
        margin-right: 150px;
    }

    .mt_sm-150 {
        margin-top: 150px;
    }

    .mb_sm-155 {
        margin-bottom: 155px;
    }

    .ml_sm-155 {
        margin-left: 155px;
    }

    .mr_sm-155 {
        margin-right: 155px;
    }

    .mt_sm-155 {
        margin-top: 155px;
    }

    .mb_sm-160 {
        margin-bottom: 160px;
    }

    .ml_sm-160 {
        margin-left: 160px;
    }

    .mr_sm-160 {
        margin-right: 160px;
    }

    .mt_sm-160 {
        margin-top: 160px;
    }

    .mb_sm-165 {
        margin-bottom: 165px;
    }

    .ml_sm-165 {
        margin-left: 165px;
    }

    .mr_sm-165 {
        margin-right: 165px;
    }

    .mt_sm-165 {
        margin-top: 165px;
    }

    .mb_sm-170 {
        margin-bottom: 170px;
    }

    .ml_sm-170 {
        margin-left: 170px;
    }

    .mr_sm-170 {
        margin-right: 170px;
    }

    .mt_sm-170 {
        margin-top: 170px;
    }

    .mb_sm-175 {
        margin-bottom: 175px;
    }

    .ml_sm-175 {
        margin-left: 175px;
    }

    .mr_sm-175 {
        margin-right: 175px;
    }

    .mt_sm-175 {
        margin-top: 175px;
    }

    .ml_sm-0 {
        margin-left: 0;
    }

    .mb_sm-0 {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 575px) {
    .mb_mobile-5 {
        margin-bottom: 5px;
    }

    .ml_mobile-5 {
        margin-left: 5px;
    }

    .mr_mobile-5 {
        margin-right: 5px;
    }

    .mt_mobile-5 {
        margin-top: 5px;
    }

    .mb_mobile-10 {
        margin-bottom: 10px;
    }

    .ml_mobile-10 {
        margin-left: 10px;
    }

    .mr_mobile-10 {
        margin-right: 10px;
    }

    .mt_mobile-10 {
        margin-top: 10px;
    }

    .mb_mobile-15 {
        margin-bottom: 15px;
    }

    .ml_mobile-15 {
        margin-left: 15px;
    }

    .mr_mobile-15 {
        margin-right: 15px;
    }

    .mt_mobile-15 {
        margin-top: 15px;
    }

    .mb_mobile-20 {
        margin-bottom: 20px;
    }

    .ml_mobile-20 {
        margin-left: 20px;
    }

    .mr_mobile-20 {
        margin-right: 20px;
    }

    .mt_mobile-20 {
        margin-top: 20px;
    }

    .mb_mobile-25 {
        margin-bottom: 25px;
    }

    .ml_mobile-25 {
        margin-left: 25px;
    }

    .mr_mobile-25 {
        margin-right: 25px;
    }

    .mt_mobile-25 {
        margin-top: 25px;
    }

    .mb_mobile-30 {
        margin-bottom: 30px;
    }

    .ml_mobile-30 {
        margin-left: 30px;
    }

    .mr_mobile-30 {
        margin-right: 30px;
    }

    .mt_mobile-30 {
        margin-top: 30px;
    }

    .mb_mobile-35 {
        margin-bottom: 35px;
    }

    .ml_mobile-35 {
        margin-left: 35px;
    }

    .mr_mobile-35 {
        margin-right: 35px;
    }

    .mt_mobile-35 {
        margin-top: 35px;
    }

    .mb_mobile-40 {
        margin-bottom: 40px;
    }

    .ml_mobile-40 {
        margin-left: 40px;
    }

    .mr_mobile-40 {
        margin-right: 40px;
    }

    .mt_mobile-40 {
        margin-top: 40px;
    }

    .mb_mobile-45 {
        margin-bottom: 45px;
    }

    .ml_mobile-45 {
        margin-left: 45px;
    }

    .mr_mobile-45 {
        margin-right: 45px;
    }

    .mt_mobile-45 {
        margin-top: 45px;
    }

    .mb_mobile-50 {
        margin-bottom: 50px;
    }

    .ml_mobile-50 {
        margin-left: 50px;
    }

    .mr_mobile-50 {
        margin-right: 50px;
    }

    .mt_mobile-50 {
        margin-top: 50px;
    }

    .mb_mobile-55 {
        margin-bottom: 55px;
    }

    .ml_mobile-55 {
        margin-left: 55px;
    }

    .mr_mobile-55 {
        margin-right: 55px;
    }

    .mt_mobile-55 {
        margin-top: 55px;
    }

    .mb_mobile-60 {
        margin-bottom: 60px;
    }

    .ml_mobile-60 {
        margin-left: 60px;
    }

    .mr_mobile-60 {
        margin-right: 60px;
    }

    .mt_mobile-60 {
        margin-top: 60px;
    }

    .mb_mobile-65 {
        margin-bottom: 65px;
    }

    .ml_mobile-65 {
        margin-left: 65px;
    }

    .mr_mobile-65 {
        margin-right: 65px;
    }

    .mt_mobile-65 {
        margin-top: 65px;
    }

    .mb_mobile-70 {
        margin-bottom: 70px;
    }

    .ml_mobile-70 {
        margin-left: 70px;
    }

    .mr_mobile-70 {
        margin-right: 70px;
    }

    .mt_mobile-70 {
        margin-top: 70px;
    }

    .mb_mobile-75 {
        margin-bottom: 75px;
    }

    .ml_mobile-75 {
        margin-left: 75px;
    }

    .mr_mobile-75 {
        margin-right: 75px;
    }

    .mt_mobile-75 {
        margin-top: 75px;
    }

    .mb_mobile-80 {
        margin-bottom: 80px;
    }

    .ml_mobile-80 {
        margin-left: 80px;
    }

    .mr_mobile-80 {
        margin-right: 80px;
    }

    .mt_mobile-80 {
        margin-top: 80px;
    }

    .mb_mobile-85 {
        margin-bottom: 85px;
    }

    .ml_mobile-85 {
        margin-left: 85px;
    }

    .mr_mobile-85 {
        margin-right: 85px;
    }

    .mt_mobile-85 {
        margin-top: 85px;
    }

    .mb_mobile-90 {
        margin-bottom: 90px;
    }

    .ml_mobile-90 {
        margin-left: 90px;
    }

    .mr_mobile-90 {
        margin-right: 90px;
    }

    .mt_mobile-90 {
        margin-top: 90px;
    }

    .mb_mobile-95 {
        margin-bottom: 95px;
    }

    .ml_mobile-95 {
        margin-left: 95px;
    }

    .mr_mobile-95 {
        margin-right: 95px;
    }

    .mt_mobile-95 {
        margin-top: 95px;
    }

    .mb_mobile-100 {
        margin-bottom: 100px;
    }

    .ml_mobile-100 {
        margin-left: 100px;
    }

    .mr_mobile-100 {
        margin-right: 100px;
    }

    .mt_mobile-100 {
        margin-top: 100px;
    }
}

/*---------------------------
Section Separation  
----------------------------*/
.sl-separator-5 {
    height: 5px;
}

.sl-separator-10 {
    height: 10px;
}

.sl-separator-15 {
    height: 15px;
}

.sl-separator-20 {
    height: 20px;
}

.sl-separator-25 {
    height: 25px;
}

.sl-separator-30 {
    height: 30px;
}

.sl-separator-35 {
    height: 35px;
}

.sl-separator-40 {
    height: 40px;
}

.sl-separator-45 {
    height: 45px;
}

.sl-separator-50 {
    height: 50px;
}

.sl-separator-55 {
    height: 55px;
}

.sl-separator-60 {
    height: 60px;
}

.sl-separator-65 {
    height: 65px;
}

.sl-separator-70 {
    height: 70px;
}

.sl-separator-75 {
    height: 75px;
}

.sl-separator-80 {
    height: 80px;
}

.sl-separator-85 {
    height: 85px;
}

.sl-separator-90 {
    height: 90px;
}

.sl-separator-95 {
    height: 95px;
}

.sl-separator-100 {
    height: 100px;
}

.sl-separator-105 {
    height: 105px;
}

.sl-separator-110 {
    height: 110px;
}

.sl-separator-115 {
    height: 115px;
}

.sl-separator-120 {
    height: 120px;
}

.sl-separator-125 {
    height: 125px;
}

.sl-separator-130 {
    height: 130px;
}

.sl-separator-135 {
    height: 135px;
}

.sl-separator-140 {
    height: 140px;
}

.sl-separator-145 {
    height: 145px;
}

.sl-separator-150 {
    height: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-separator-lg-5 {
        height: 5px;
    }
    .input-group > i.rightcustom2 {
    right: 45px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom3 {
    right: 32px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom {
    right: 42px;
    left: auto;
    margin-top: -8px;
}

    .sl-separator-lg-10 {
        height: 10px;
    }

    .sl-separator-lg-15 {
        height: 15px;
    }

    .sl-separator-lg-20 {
        height: 20px;
    }

    .sl-separator-lg-25 {
        height: 25px;
    }

    .sl-separator-lg-30 {
        height: 30px;
    }

    .sl-separator-lg-35 {
        height: 35px;
    }

    .sl-separator-lg-40 {
        height: 40px;
    }

    .sl-separator-lg-45 {
        height: 45px;
    }

    .sl-separator-lg-50 {
        height: 50px;
    }

    .sl-separator-lg-55 {
        height: 55px;
    }

    .sl-separator-lg-60 {
        height: 60px;
    }

    .sl-separator-lg-65 {
        height: 65px;
    }

    .sl-separator-lg-70 {
        height: 70px;
    }

    .sl-separator-lg-75 {
        height: 75px;
    }

    .sl-separator-lg-80 {
        height: 80px;
    }

    .sl-separator-lg-85 {
        height: 85px;
    }

    .sl-separator-lg-90 {
        height: 90px;
    }

    .sl-separator-lg-95 {
        height: 95px;
    }

    .sl-separator-lg-100 {
        height: 100px;
    }

    .sl-separator-lg-105 {
        height: 105px;
    }

    .sl-separator-lg-110 {
        height: 110px;
    }

    .sl-separator-lg-115 {
        height: 115px;
    }

    .sl-separator-lg-120 {
        height: 120px;
    }

    .sl-separator-lg-125 {
        height: 125px;
    }

    .sl-separator-lg-130 {
        height: 130px;
    }

    .sl-separator-lg-135 {
        height: 135px;
    }

    .sl-separator-lg-140 {
        height: 140px;
    }

    .sl-separator-lg-145 {
        height: 145px;
    }

    .sl-separator-lg-150 {
        height: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl-separator-md-5 {
        height: 5px;
    }

    .sl-separator-md-10 {
        height: 10px;
    }

    .sl-separator-md-15 {
        height: 15px;
    }

    .sl-separator-md-20 {
        height: 20px;
    }

    .sl-separator-md-25 {
        height: 25px;
    }

    .sl-separator-md-30 {
        height: 30px;
    }

    .sl-separator-md-35 {
        height: 35px;
    }

    .sl-separator-md-40 {
        height: 40px;
    }

    .sl-separator-md-45 {
        height: 45px;
    }

    .sl-separator-md-50 {
        height: 50px;
    }

    .sl-separator-md-55 {
        height: 55px;
    }

    .sl-separator-md-60 {
        height: 60px;
    }

    .sl-separator-md-65 {
        height: 65px;
    }

    .sl-separator-md-70 {
        height: 70px;
    }

    .sl-separator-md-75 {
        height: 75px;
    }

    .sl-separator-md-80 {
        height: 80px;
    }

    .sl-separator-md-85 {
        height: 85px;
    }

    .sl-separator-md-90 {
        height: 90px;
    }

    .sl-separator-md-95 {
        height: 95px;
    }

    .sl-separator-md-100 {
        height: 100px;
    }

    .sl-separator-md-105 {
        height: 105px;
    }

    .sl-separator-md-110 {
        height: 110px;
    }

    .sl-separator-md-115 {
        height: 115px;
    }

    .sl-separator-md-120 {
        height: 120px;
    }

    .sl-separator-md-125 {
        height: 125px;
    }

    .sl-separator-md-130 {
        height: 130px;
    }

    .sl-separator-md-135 {
        height: 135px;
    }

    .sl-separator-md-140 {
        height: 140px;
    }

    .sl-separator-md-145 {
        height: 145px;
    }

    .sl-separator-md-150 {
        height: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .sl-separator-sm-5 {
        height: 5px;
    }

    .sl-separator-sm-10 {
        height: 10px;
    }

    .sl-separator-sm-15 {
        height: 15px;
    }

    .sl-separator-sm-20 {
        height: 20px;
    }

    .sl-separator-sm-25 {
        height: 25px;
    }

    .sl-separator-sm-30 {
        height: 30px;
    }

    .sl-separator-sm-35 {
        height: 35px;
    }

    .sl-separator-sm-40 {
        height: 40px;
    }

    .sl-separator-sm-45 {
        height: 45px;
    }

    .sl-separator-sm-50 {
        height: 50px;
    }

    .sl-separator-sm-55 {
        height: 55px;
    }

    .sl-separator-sm-60 {
        height: 60px;
    }

    .sl-separator-sm-65 {
        height: 65px;
    }

    .sl-separator-sm-70 {
        height: 70px;
    }

    .sl-separator-sm-75 {
        height: 75px;
    }

    .sl-separator-sm-80 {
        height: 80px;
    }

    .sl-separator-sm-85 {
        height: 85px;
    }

    .sl-separator-sm-90 {
        height: 90px;
    }

    .sl-separator-sm-95 {
        height: 95px;
    }

    .sl-separator-sm-100 {
        height: 100px;
    }

    .sl-separator-sm-105 {
        height: 105px;
    }

    .sl-separator-sm-110 {
        height: 110px;
    }

    .sl-separator-sm-115 {
        height: 115px;
    }

    .sl-separator-sm-120 {
        height: 120px;
    }

    .sl-separator-sm-125 {
        height: 125px;
    }

    .sl-separator-sm-130 {
        height: 130px;
    }

    .sl-separator-sm-135 {
        height: 135px;
    }

    .sl-separator-sm-140 {
        height: 140px;
    }

    .sl-separator-sm-145 {
        height: 145px;
    }

    .sl-separator-sm-150 {
        height: 150px;
    }
}

body {
    font-family: "Montserrat", sans-serif;
}

body .h1,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .sl-caption-prop-title,
body .section-title h3,
body .heading {
    font-family: "Rubik", sans-serif;
    letter-spacing: .4px;
}

body .quote-text {
    font-family: "Montserrat", sans-serif;
    letter-spacing: .5px;
}

body .section-title h2 {
    font-size: 2.375rem;
    line-height: 1.3;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body .section-title h2 {
        font-size: 2.25rem;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body .section-title h2 {
        font-size: 2rem;
    }

}

@media only screen and (max-width: 767px) {
    body .section-title h2 {
        font-size: 1.75rem;
    }
}

@media only screen and (max-width: 320px) {
    body .section-title h2 {
        font-size: 1.7rem;
    }
}

body p,
body button,
body a.btn,
body .btn,
body .sl-cta,
body .sl-caption-prop-features,
body input,
body textarea,
body select,
body .select,
body .field-wrapper {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: .8px;
}

body .btn .gradients-button {
    letter-spacing: .8px;
}

body.placeholder {
    font-family: "Montserrat", sans-serif;
}

body:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

body::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

body::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}


/* Personal Portfolio */
.font-style-5 .h1,
.font-style-5 .h2,
.font-style-5 .h3,
.font-style-5 .h4,
.font-style-5 .h5,
.font-style-5 .h6,
.font-style-5 h1,
.font-style-5 h2,
.font-style-5 h3,
.font-style-5 h4,
.font-style-5 h5,
.font-style-5 h6,
.font-style-5 .sl-caption-prop-title,
.font-style-5 .section-title h3,
.font-style-5 .heading,
.font-style-5 .quote-text {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    letter-spacing: .6px;
}

.font-style-5 .section-title h2 {
    font-size: 1.625rem;

}

@media (max-width: 991px) {
    .font-style-5 .section-title h2 {
        font-size: 1.625rem;
    }
}

@media only screen and (max-width: 767px) {
    .font-style-5 .section-title h2 {
        font-size: 1.5rem;
    }
}

.font-style-5 p,
.font-style-5 button,
.font-style-5 a.btn,
.font-style-5 .btn,
.font-style-5 .sl-cta,
.font-style-5 .sl-caption-prop-features,
.font-style-5 input,
.font-style-5 textarea,
.font-style-5 select,
.font-style-5 .select,
.font-style-5 .field-wrapper {
    font-family: "Montserrat", sans-serif;
    line-height: 1.8;
    letter-spacing: .8px;
}

.font-style-5.placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-5:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-5::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-5::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6 .h1,
.font-style-6 .h2,
.font-style-6 .h3,
.font-style-6 .h4,
.font-style-6 .h5,
.font-style-6 .h6,
.font-style-6 h1,
.font-style-6 h2,
.font-style-6 h3,
.font-style-6 h4,
.font-style-6 h5,
.font-style-6 h6,
.font-style-6 .sl-caption-prop-title,
.font-style-6 .section-title h3,
.font-style-6 .heading,
.font-style-6 .quote-text {
    font-family: "Poppins", sans-serif;
}

.font-style-6 .section-title h2 {
    font-family: "Poppins", sans-serif;
}

.font-style-6 p,
.font-style-6 button,
.font-style-6 a.btn,
.font-style-6 .btn,
.font-style-6 .sl-cta,
.font-style-6 .sl-caption-prop-features,
.font-style-6 input,
.font-style-6 textarea,
.font-style-6 select,
.font-style-6 .select,
.font-style-6 .field-wrapper {
    font-family: "Montserrat", sans-serif;
}

.font-style-6.placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-7 {
    font-family: 'Muli', sans-serif;
}

.font-style-7 .h1,
.font-style-7 h1,
.font-style-7 h2,
.font-style-7 h3,
.font-style-7 h4,
.font-style-7 h5,
.font-style-7 h6,
.font-style-7 .sl-caption-prop-title,
.font-style-7 .section-title h3,
.font-style-7 .heading {
    font-family: 'Muli', sans-serif;
}

.font-style-7 .quote-text {
    font-family: 'Muli', sans-serif;
}

.font-style-7 p,
.font-style-7 button,
.font-style-7 a.btn,
.font-style-7 .btn,
.font-style-7 .sl-cta,
.font-style-7 .sl-caption-prop-features,
.font-style-7 input,
.font-style-7 textarea,
.font-style-7 select,
.font-style-7 .select,
.font-style-7 .field-wrapper {
    font-family: 'Muli', sans-serif;
}

.font-style-7.placeholder {
    font-family: 'Muli', sans-serif;
}

.font-style-7:-moz-placeholder {
    font-family: 'Muli', sans-serif;
}

.font-style-7::-moz-placeholder {
    font-family: 'Muli', sans-serif;
}

.font-style-7::-webkit-input-placeholder {
    font-family: 'Muli', sans-serif;
}

/*-------------------------------------------------------------------------------------
    Custom Animation
---------------------------------------------------------------------------------------*/
/* Header slide down Animation */
@-webkit-keyframes headerSlideDown {
    0% {
        margin-top: -100px;
    }

    to {
        margin-top: 0;
    }
}

@keyframes headerSlideDown {
    0% {
        margin-top: -100px;
    }

    to {
        margin-top: 0;
    }
}

/* Show Animation */
@-webkit-keyframes show-animation {
    0% {
        -webkit-transform: translateY(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes show-animation {
    0% {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/* --------------------------------------
    Custom Slide Out To Right
---------------------------------------*/
@-webkit-keyframes slide-out-to-right {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }
}

@keyframes slide-out-to-right {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }
}

/* --------------------------------------
    Custom Slide Out To Left
---------------------------------------*/
@-webkit-keyframes slide-in-to-left {
    0% {
        -webkit-transform: translateX(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-to-left {
    0% {
        -webkit-transform: translateX(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

/* ------------------------
    Separator Bounce 
---------------------------*/
@-webkit-keyframes separator-bounce {

    0%,
    80%,
    to {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes separator-bounce {

    0%,
    80%,
    to {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Pulse Animation */
.pulsing {
    -webkit-animation-name: pulsing;
    animation-name: pulsing;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes pulsing {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@keyframes pulsing {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        transform: translate(-50%, -50%) translateZ(0) scale(1);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        opacity: 0.1;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        transform: translate(-50%, -50%) translateZ(0) scale(1);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        opacity: 0.1;
    }
}

/* Blink zoom effect */
@-webkit-keyframes pulse-zoom {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

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

@keyframes pulse-zoom {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

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

/* Scale up animation*/
@-webkit-keyframes scale-up-one {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes scale-up-one {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* Button Link Animation out */
@-webkit-keyframes sl-link-arrow-effect-animation-out {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    71% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

@keyframes sl-link-arrow-effect-animation-out {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    71% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

/* Button Link Animation in*/
@-webkit-keyframes sl-link-arrow-effect-animation-in {
    0% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    71% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

@keyframes sl-link-arrow-effect-animation-in {
    0% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    71% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

/* Radias box animation */
@-webkit-keyframes morph {
    0% {
        border-radius: 30% 70% 60% 40% / 44% 30% 70% 56%;
    }

    50% {
        border-radius: 54% 46% 49% 51% / 66% 68% 32% 34%;
    }

    100% {
        border-radius: 40% 60%;
    }
}

@keyframes morph {
    0% {
        border-radius: 30% 70% 60% 40% / 44% 30% 70% 56%;
    }

    50% {
        border-radius: 54% 46% 49% 51% / 66% 68% 32% 34%;
    }

    100% {
        border-radius: 40% 60%;
    }
}

/* Rotate box animation */
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/* Tooltip Animation */
@-webkit-keyframes tip_jump {
    0% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }

    25% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 12px rgba(108, 132, 251, 0.4);
    }

    75% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }
}

@keyframes tip_jump {
    0% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }

    25% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 12px rgba(108, 132, 251, 0.4);
    }

    75% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }
}

.staggered-rise-in {
    position: relative;
    display: -webkit-flex;
    display: flex;
    white-space: pre;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.staggered-rise-in span {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: rise-in 1s forwards;
    animation: rise-in 1s forwards;
}

@-webkit-keyframes rise-in {
    to {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%);
    }
}

@keyframes rise-in {
    to {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%);
    }
}

/* Reveal Scroll animation  */
.block-reveal {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.block-reveal img {
    width: 100%;
}

.block-reveal-inner:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: -.1rem;
    bottom: 0;
    left: -.1rem;
    background-color: #000000;
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15s;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: translateZ(0) scaleY(1) scaleX(0);
    transform: translateZ(0) scaleY(1) scaleX(0);
}

.block-reveal-inner:after {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99);
    animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.block-reveal .img-fluid {
    max-width: 100%;
    height: auto;
}

.block-reveal-inner:after {
    opacity: 1;
    transition-duration: 0s;
    -webkit-animation: swipeIn-right 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
    animation: swipeIn-right 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
}

.block-reveal-inner-left:after {
    opacity: 1;
    transition-duration: 0s;
    -webkit-animation: swipeIn-left 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
    animation: swipeIn-left 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
}

/*...........*/
.already-visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: none;
    animation: none;
}

/*....Swipe......*/
@-webkit-keyframes swipeIn-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes swipeIn-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes swipeIn-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes swipeIn-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

/*-- slider Animations  --*/
@-webkit-keyframes arrowPCLeft {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(20%, -50%);
        transform: translate(20%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes arrowPCLeft {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(20%, -50%);
        transform: translate(20%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@-webkit-keyframes arrowPCRight {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(30%, -50%);
        transform: translate(30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes arrowPCRight {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(30%, -50%);
        transform: translate(30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

/* Custom blurIn Animation */
@-webkit-keyframes blurIn {
    0% {
        opacity: 0;
        -webkit-filter: blur(7px);
        filter: blur(7px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes blurIn {
    0% {
        opacity: 0;
        -webkit-filter: blur(7px);
        filter: blur(7px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.blurIn {
    -webkit-animation-name: blurIn;
    animation-name: blurIn;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
}

.image-slide {
    -webkit-animation-name: image-slide;
    animation-name: image-slide;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes image-slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -2000px 0;
    }
}

@keyframes image-slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -2000px 0;
    }
}

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.img-zoom-in {
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
}

.img-zoom-in img.zoom-effect {
    transition: all .3s ease-in-out;
}

.img-zoom-in:hover img.zoom-effect {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/*-------------------------------------------------------------------------------------
    Text- Animations
---------------------------------------------------------------------------------------*/
/* Text animation scaleY */
.text-anime-scaleY {
    position: relative;
    display: -webkit-flex;
    display: flex;
}

.text-anime-scaleY .text-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.text-anime-scaleY .letter {
    display: inline-block;
    line-height: 1em;
    text-transform: lowercase;
}

.text-anime-scaleY .letter:first-child {
    text-transform: uppercase;
}

/*====================================
    Elements Styles
=====================================*/
/*-------------------------------------------------------------------------------------
    Section Title
---------------------------------------------------------------------------------------*/
.text-clip {
    color: #fcff00;
    background: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.section-title {
    position: relative;
}

.section-title h3:not(.min-title) {
    color: #1040C6;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.43;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 10px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .section-title h3:not(.min-title) {
        margin-bottom: 16px;
    }
}

.section-title h2 {
    font-size: 48px;
    line-height: 1.25;
    margin: 0;
    margin-bottom: 18px;
    word-wrap: break-word;
    max-width: 100%;
    color: #222222;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
        font-size: 38px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
        font-size: 38px;
    }

    .section-title h2 br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .section-title h2 {
        font-size: 26px;
    }

    .section-title h2 br {
        display: none;
    }
}

.section-title p {
    margin: 0;
}

.section-title .circle-shape::after {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-top: 6px;
    margin-left: 15px;
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .section-title .circle-shape::after {
        display: none;
    }
}

.section-title .line {
    position: relative;
    font-size: 18px;
    color: #CACAE4;
    font-weight: 400;
    margin-left: 30px;
}

.section-title .line:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 1px;
    background: #CACAE4;
}

@media only screen and (max-width: 767px) {
    .section-title .line:before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .section-title .line {
        margin-left: 0px;
    }
}

.section-title .line-vertical {
    position: relative;
    font-size: 28px;
    color: #000;
    font-weight: 500;
    margin-left: 15px;
}

.section-title .line-vertical:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -16px;
    width: 5px;
    height: 64%;
    background: #000000;
}

.section-title .section-title-shadow {
    color: #f0f0f0;
    font-size: 72px;
    font-weight: 900;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    right: 0;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 767px) {
    .section-title .section-title-shadow {
        font-size: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title .section-title-shadow {
        font-size: 56px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title .section-title-shadow {
        font-size: 56px;
    }
}

@media only screen and (max-width: 575px) {
    .section-title .section-title-shadow {
        font-size: 38px;
    }
}

.section-title.white-text h3 {
    color: #ffffff;
}

.section-title.white-text h2 {
    color: #ffffff;
}

.section-title.normal-text h2 {
    font-weight: 400;
}

.section-title.dark-version .line {
    color: #CACAE4;
}

.section-title.dark-version .line-vertical:before {
    background: #ffffff;
}

.section-title.dark-version .section-title-shadow {
    color: #1e1b29;
}

.section-title.dark-version h2 {
    color: #ffffff;
}

.section-title.dark-version h3 {
    color: #383838;
}

.section-title.dark-version p {
    color: #fff;
    opacity: .8;
}

/*-------------------------------------------------------------------------------------
    Buttons
---------------------------------------------------------------------------------------*/
.btn {
    -webkit-transition: all .3s ease;

    /*icon button*/
    /* Wedding buttons */
    /* Gradient Buttons */
    /* Gradient Buttons */
}

.btn:focus,
.btn:hover {
    box-shadow: none;
    outline: none;
}

.btn .sl-btn-ex-small {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40px;
    padding: 1em 1.8em;
    transition: all .3s ease;
}

.btn .sl-btn-ex-small:hover {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .btn-left-slide::after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn .btn-left-slide:hover::after {
    width: 100%;
    opacity: 1;
}

.btn .btn-top-bottom-slide:after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn .btn-cross-slide:after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn .btn-cross-slide:hover:after {
    height: 260%;
    opacity: 1;
}

.btn .btn-top-bottom-slide:hover:after {
    height: 100%;
    opacity: 1;
}

.btn .sl-btn-small {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 1em 2.8em;
    transition: all .3s ease;
}

.btn .sl-btn-small:hover,
.btn .sl-btn-small.active {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .sl-btn-large {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 1.2em 2.8em;
    transition: all .3s ease;
}

.btn .sl-btn-large:hover {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .sl-btn-ex-large {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 1.2em 3.2em;
    transition: all .3s ease;
}

.btn .sl-btn-ex-large:hover {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .icon-button-rl {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #F0263F;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 0.5em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.btn .icon-button-rl span {
    left: 0;
    display: inline-block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    position: relative;
}

.btn .icon-button-rl:hover,
.btn .icon-button-rl.active {
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .icon-button-rl .fa-arrow-right, .btn .icon-button-rl .fa-arrow-left {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-left: 10px;
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: rgba(255, 16, 83, 0.24) 0px 8px 15px;
}

.btn .icon-button-rl.btn-link {
    border: none;
    padding: 0em 0em;
    color: #F0263F;
    background: transparent;
    text-decoration: none;
}

.btn .icon-button-rl.btn-link .fa-arrow-right {
    background: transparent;
    border: 1px solid #F0263F;
    color: #F0263F;
    box-shadow: none;
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.btn .icon-button-rl.btn-link span {
    font-weight: 600;
    letter-spacing: .6px;
}

.btn .icon-button-rl.btn-link:hover,
.btn .icon-button-rl.btn-link.active {
    color: #F0263F;
    background-color: transparent;
    box-shadow: none;
    text-decoration: none;
    -webkit-transform: none;
    transform: none;
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.btn .icon-button-rl.btn-link:hover .fa-arrow-right,
.btn .icon-button-rl.btn-link.active .fa-arrow-right {
    background: transparent;
    border: 1px solid #F0263F;
    color: #F0263F;
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.btn .icon-button-rl.btn-link.white-hover:hover,
.btn .icon-button-rl.btn-link.white-hover.active {
    color: #ffffff !important;
    background-color: transparent;
}

.btn .icon-button-rl.btn-link.white-hover:hover .fa-arrow-right,
.btn .icon-button-rl.btn-link.white-hover.active .fa-arrow-right {
    background: transparent;
    border: 1px solid #F0263F;
    color: #ffffff !important;
}

.btn .icon-button-lr {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #F0263F;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 0.5em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.btn .icon-button-lr i,
.btn .icon-button-lr svg {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: rgba(255, 16, 83, 0.24) 0px 8px 15px;
}

.btn .icon-button-lr:hover {
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .icon-button-naked {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: none;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 0.5em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.btn .icon-button-naked i,
.btn .icon-button-naked svg {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: rgba(255, 16, 83, 0.24) 0px 8px 15px;
}

.btn .icon-button-naked i.medium,
.btn .icon-button-naked svg.medium {
    width: 40px;
    height: 40px;
    line-height: 38px;
}

.btn .icon-button-naked i.large,
.btn .icon-button-naked svg.large {
    width: 50px;
    height: 50px;
    line-height: 48px;
}

.btn .icon-button-naked i.ex-large,
.btn .icon-button-naked svg.ex-large {
    width: 60px;
    height: 60px;
    line-height: 58px;
}

.btn .wedding-btn {
    font-size: 16px;
    color: #C40A1E;
    border: none;
    border-radius: 10px 0px 10px 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

.btn .wedding-btn:hover {
    background: linear-gradient(90deg, #D32C3D 0%, #C40A1E 100%);
    color: #ffffff;
}

.btn .btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em !important;
}

.btn .btn-small {
    font-size: 14px;
    padding: 1em 2.8em !important;
}

.btn .btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em !important;
}

.btn .btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em !important;
}

.btn .gradients-button {
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    font-weight: 600;
    border-radius: 40em;
    padding: 1em 2.8em;
    background-size: 200% auto;
    color: white;

}

.btn .gradients-button:hover {
    background-position: right center;
    /* change the direction of the change here */
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .gradients-button.btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em;
}

.btn .gradients-button.btn-small {
    font-size: 14px;
    padding: 1em 2.8em;
}

@media (max-width: 991px) {
    .btn .gradients-button.btn-small.btn-sm-ex-small {
        font-size: 12px;
        padding: 1em 1.8em !important;
    }
}

.btn .gradients-button.btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em;
}

.btn .gradients-button.btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em;
}

.btn .gradients-button.outline {
    position: relative;
    background: #ffffff;
    -webkit-transform: none;
    transform: none;
}

.btn .gradients-button.outline:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-size: 200% auto;
    border-radius: 40em;
    z-index: -2;
}

.btn .gradients-button.outline:hover {
    color: #ffffff !important;
    background: #fff;
}

.btn .gradients-button.outline.no-radius {
    border-radius: 0px;
}

.btn .gradients-button.outline.no-radius:after {
    border-radius: 0px;
}

.btn .gradients-button.outline.rounded {
    border-radius: 4px !important;
}

.btn .gradients-button.outline.rounded:after {
    border-radius: 5px !important;
}

.btn .gradients-button.hover-bg-white:hover {
    background: #ffffff !important;
    color: #0069FF;
}

.btn .gradients-button.bg-white {
    background: #ffffff !important;
}

.btn .animated-gradient-button {
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    font-weight: 600;
    border-radius: 40em;
    padding: 1em 2.8em;
    color: white;

    z-index: 3;
    overflow: hidden;
}

.btn .animated-gradient-button span.animated {
    position: absolute;
    z-index: -1;
}

.btn .animated-gradient-button span.animated.top-bottom-slide {
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn .animated-gradient-button:hover span.animated.top-bottom-slide {
    height: 100%;
    opacity: 1;
}

.btn .animated-gradient-button:hover {
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .animated-gradient-button.btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em;
}

.btn .animated-gradient-button.btn-small {
    font-size: 14px;
    padding: 1em 2.8em;
}

@media (max-width: 991px) {
    .btn .animated-gradient-button.btn-small.btn-sm-ex-small {
        font-size: 12px;
        padding: 1em 1.8em !important;
    }
}

.btn .animated-gradient-button.btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em;
}

.btn .animated-gradient-button.btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em;
}

.btn .grad-btn-1 {
    background-image: linear-gradient(to right, #1CD8D2 0%, #93EDC7 51%, #1CD8D2 100%);
}

.btn .grad-btn-1:after,
.btn .grad-btn-1.outline:hover,
.btn .grad-btn-1.outline.active {
    background-image: linear-gradient(to right, #1CD8D2 0%, #93EDC7 51%, #1CD8D2 100%);
    background-size: 200% auto;
}

.btn .grad-btn-2 {
    background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);
}

.btn .grad-btn-2:after,
.btn .grad-btn-2.outline:hover,
.btn .grad-btn-2.outline.active {
    background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);
    background-size: 200% auto;
}

.btn .grad-btn-3 {
    background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 51%, #FF5F6D 100%);
}

.btn .grad-btn-3:after,
.btn .grad-btn-3.outline:hover,
.btn .grad-btn-3.outline.active {
    background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 51%, #FF5F6D 100%);
    background-size: 200% auto;
}

.btn .grad-btn-4 {
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
}

.btn .grad-btn-4:after,
.btn .grad-btn-4.outline:hover,
.btn .grad-btn-4.outline.active {
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
    background-size: 200% auto;
}

.btn .grad-btn-5 {
    background-image: linear-gradient(to right, #1040C6 0, #09AEFF 51%, #1040C6 100%);
}

.btn .grad-btn-5:after,
.btn .grad-btn-5.outline:hover,
.btn .grad-btn-5.outline.active {
    background-image: linear-gradient(to right, #1040C6 0, #09AEFF 51%, #1040C6 100%);
    background-size: 200% auto;
}

.btn .grad-btn-6 {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
}

.btn .grad-btn-6:after,
.btn .grad-btn-6.outline:hover,
.btn .grad-btn-6.outline.active {
    background-image: linear-gradient(to right, #FF9456 0, #FE2B60 51%, #FF9456 100%);
    background-size: 200% auto;
}

.btn .grad-btn-7 {
    background-image: linear-gradient(to right, #4776E6 0, #8E54E9 51%, #4776E6 100%);
}

.btn .grad-btn-7:after,
.btn .grad-btn-7.outline:hover,
.btn .grad-btn-7.outline.active {
    background-image: linear-gradient(to right, #4776E6 0, #8E54E9 51%, #4776E6 100%);
    background-size: 200% auto;
}

.btn .grad-btn-8 {
    background-image: linear-gradient(to right, #02C873 0, #00CBFF 51%, #02C873 100%);
}

.btn .grad-btn-8:after,
.btn .grad-btn-8.outline:hover,
.btn .grad-btn-8.outline.active {
    background-image: linear-gradient(to right, #02C873 0, #00CBFF 51%, #02C873 100%);
    background-size: 200% auto;
}

.btn .grad-btn-9 {
    background-image: linear-gradient(to right, #06C6DC 0, #04F1EF 51%, #06C6DC 100%);
}

.btn .grad-btn-9:after,
.btn .grad-btn-9.outline:hover,
.btn .grad-btn-9.outline.active {
    background-image: linear-gradient(to right, #06C6DC 0, #04F1EF 51%, #06C6DC 100%);
    background-size: 200% auto;
}

.btn .grad-btn-10 {
    background-image: linear-gradient(to right, #7478fa 0, #6DD456 51%, #7478fa 100%);
}

.btn .grad-btn-10:after,
.btn .grad-btn-10.outline:hover,
.btn .grad-btn-10.outline.active {
    background-image: linear-gradient(to right, #7478fa 0, #6DD456 51%, #7478fa 100%);
    background-size: 200% auto;
}

.btn .grad-btn-11 {
    background-image: linear-gradient(to right, #FC0044 0, #4D2BFE 51%, #FC0044 100%);
}

.btn .grad-btn-11:after,
.btn .grad-btn-11.outline:hover,
.btn .grad-btn-11.outline.active {
    background-image: linear-gradient(to right, #FC0044 0, #4D2BFE 51%, #FC0044 100%);
    background-size: 200% auto;
}

.btn .grad-btn-12 {
    background-image: linear-gradient(to right, #FE5532 0, #FE0633 51%, #FE5532 100%);
}

.btn .grad-btn-12:after,
.btn .grad-btn-12.outline:hover,
.btn .grad-btn-12.outline.active {
    background-image: linear-gradient(to right, #FE5532 0, #FE0633 51%, #FE5532 100%);
    background-size: 200% auto;
}

.btn .grad-btn-13 {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
}

.btn .grad-btn-13:after,
.btn .grad-btn-13.outline:hover,
.btn .grad-btn-13.outline.active {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
    background-size: 200% auto;
}

.btn .grad-btn-14 {
    background-image: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%);
}

.btn .grad-btn-14:after,
.btn .grad-btn-14.outline:hover,
.btn .grad-btn-14.outline.active {
    background-image: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%);
    background-size: 200% auto;
}

.btn .grad-btn-15 {
    background-image: linear-gradient(to right, #00d563 0%, #7fffc9 51%, #00d563 100%);
}

.btn .grad-btn-15:after,
.btn .grad-btn-15.outline:hover,
.btn .grad-btn-15.outline.active {
    background-image: linear-gradient(to right, #00d563 0%, #7fffc9 51%, #00d563 100%);
    background-size: 200% auto;
}

.btn .grad-btn-16 {
    background-image: linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%);
}

.btn .grad-btn-16:after,
.btn .grad-btn-16.outline:hover,
.btn .grad-btn-16.outline.active {
    background-image: linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%);
    background-size: 200% auto;
}

.btn .grad-btn-17 {
    background-image: linear-gradient(270deg, #FF8008 0%, #FFC837 51%, #FF8008 100%);
}

.btn .grad-btn-17:after,
.btn .grad-btn-17.outline:hover,
.btn .grad-btn-17.outline.active {
    background-image: linear-gradient(270deg, #FF8008 0%, #FFC837 51%, #FF8008 100%);
    background-size: 200% auto;
}

.btn .grad-btn-18 {
    background-image: linear-gradient(270deg, #f889ab 0%, #a400d1 51%, #f889ab 100%);
}

.btn .grad-btn-18:after,
.btn .grad-btn-18.outline:hover,
.btn .grad-btn-18.outline.active {
    background-image: linear-gradient(270deg, #f889ab 0%, #a400d1 51%, #f889ab 100%);
    background-size: 200% auto;
}

.btn .light-color {
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    border: 1px solid #000;
    border-radius: 40em;
    padding: 1em 2.8em;
    background-size: 200% auto;
    color: #000;
    background: rgba(0, 0, 0, 0.11);
}

.btn .light-color:hover {
    background: rgba(0, 0, 0, 0.11);
}

.btn .light-color.btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em;
}

.btn .light-color.btn-small {
    font-size: 14px;
    padding: 1em 2.8em;
}

.btn .light-color.btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em;
}

.btn .light-color.btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em;
}

.gradients-button.grad-btn-5.outline.active {
    background-image: linear-gradient(to right, #1040C6 0, #09AEFF 51%, #1040C6 100%) !important;
    background-size: 200% auto !important;
    color: #ffffff !important;
}

.btn-search {
    background: #000;
    border-radius: 50%;
    padding: 16px 18px;
}

.input-group input[type=search] {
    border-radius: 30px;
}

.ytp-play-button {
    fill: #000;
    opacity: 0.85;
}

.ytp-play-button:hover {
    cursor: pointer;
    opacity: 1;
}

/* Stroke Button */
.stroke-button {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.stroke-button svg {
    height: 55px;
    width: 150px;
    fill: none;
    stroke-width: 5;
}

.stroke-button svg .o1 {
    stroke: rgba(0, 78, 146, 0.7);
    fill: rgba(0, 78, 146, 0.3);
    transition: all 1s ease-in-out;
}

.stroke-button svg .o2 {
    stroke: white;
    stroke-dasharray: 20 420;
    stroke-dashoffset: 20;
    transition: all 1s ease-in-out;
}

.stroke-button span {
    position: absolute;
    margin: auto 0;
    text-transform: uppercase;
    color: #ffffff;
    transition: all 1s ease-in-out;
}

.stroke-button:hover .o1 {
    fill: #004e92;
}

.stroke-button:hover .o2 {
    stroke-dashoffset: -420;
}

.stroke-button.light span {
    color: #004e92;
}

.stroke-button.light .o1 {
    fill: rgba(0, 78, 146, 0.1);
}

.stroke-button.light:hover span {
    color: #ffffff;
}

.stroke-button.light:hover .o1 {
    fill: #004e92;
}

.stroke-button.btn-restaurent svg {
    stroke-width: 3;
}

.stroke-button.btn-restaurent svg .o1 {
    stroke: rgba(196, 149, 107, 0.7);
    fill: rgba(196, 149, 107, 0);
}

.stroke-button.btn-restaurent span {

}

.stroke-button.btn-restaurent:hover .o1 {
    fill: #C4956B;
}

.stroke-button.white-style svg {
    stroke-width: 3;
}

.stroke-button.white-style svg .o1 {
    stroke: rgba(255, 255, 255, 0.7);
    fill: rgba(255, 255, 255, 0);
}

.stroke-button.white-style span {

}

.stroke-button.white-style:hover .o1 {
    fill: #ffffff;
}

.stroke-button.white-style:hover span {
    color: #0069FF;
}

.video-player {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.play-button {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 0;
}

.video-btn {
    text-align: center;
}

.video-btn.breadcrumb-video-position {
    position: absolute;
    left: 58%;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .video-btn.breadcrumb-video-position {
        position: static;
    }
}

.video-btn a.video-icon,
.video-btn a .video-icon {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #0069FF;
    transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.video-btn a.video-icon::before,
.video-btn a .video-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translate(-6px, -9px);
    transform: translate(-6px, -9px);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 15px solid #fff;
}

.video-btn a.video-icon.second-icon,
.video-btn a .video-icon.second-icon {
    width: 90px;
    height: 90px;
}

.video-btn a.video-icon.second-icon::before,
.video-btn a .video-icon.second-icon::before {
    border-top-width: 11px;
    border-bottom-width: 11px;
    border-left-width: 19px;
    -webkit-transform: translate(-6px, -12px);
    transform: translate(-6px, -12px);
}

.video-btn a.video-icon.third-icon,
.video-btn a .video-icon.third-icon {
    width: 110px;
    height: 110px;
}

.video-btn a.video-icon.third-icon::before,
.video-btn a .video-icon.third-icon::before {
    border-top-width: 14px;
    border-bottom-width: 14px;
    border-left-width: 24px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-btn a.video-icon.four-icon,
.video-btn a .video-icon.four-icon {
    width: 130px;
    height: 130px;
}

.video-btn a.video-icon.four-icon::before,
.video-btn a .video-icon.four-icon::before {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 28px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-btn a.video-icon.third-icon.brown-color,
.video-btn a .video-icon.third-icon.brown-color {
    background: #fff;
}

.video-btn a.video-icon.third-icon.brown-color::before,
.video-btn a .video-icon.third-icon.brown-color::before {
    border-left: 24px solid currentColor;
}

.video-btn a.video-icon:hover,
.video-btn a .video-icon:hover {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
}

/*-------------------------------------------------------------------------------------
    Accordian
---------------------------------------------------------------------------------------*/
.accordion .card {
    border: 0 none;
    margin-bottom: 30px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.accordion .card-header {
    position: relative;
    background: transparent;
    padding: 0;
    border: 0 none;
}

.accordion .card-header h5 a.acc-btn {
    color: #111;
    font-size: 18px;
    line-height: 1.4;
    padding: 0;
    font-weight: 600;
    border: 0 none;
    font-family: "Montserrat", sans-serif;
    -webkit-appearance: none;
    display: block;
    background: #f4f4f4;
    padding: 20px 26px;
    margin: -1px -1px 0;
    border: 0 none;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.accordion .card-header h5 a.acc-btn::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f105";
    right: 16px;
    font-size: 16px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.accordion .card-header h5 a.acc-btn[aria-expanded="true"] {
    background: #0069FF;
    color: #ffffff;
}

.accordion .card-header h5 a.acc-btn[aria-expanded="true"]::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.accordion .card-body {
    padding: 27px 25px 39px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 1.8;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    border: 0 none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 0 0 5px 5px;
}

.accordion.gradient-style .card-header {
    position: relative;
    background: transparent;
    padding: 0;
    border: 0 none;
}

.accordion.gradient-style .card-header h5 a.acc-btn[aria-expanded="true"] {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
}

.accordion.gradient-style .card-header h5 a.acc-btn[aria-expanded="true"]::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

/* Accordion Style 02 */
.accordion-style-2 .card {
    border: 0 none;
    margin-bottom: 7px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.accordion-style-2 .card-header {
    position: relative;
    background: transparent;
    padding: 0;
    border: 0 none;
}

.accordion-style-2 .card-header h5 a.acc-btn {
    color: #111;
    padding: 0;
    font-weight: 600;
    border: 0 none;
    font-family: "Montserrat", sans-serif;
    -webkit-appearance: none;
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    padding: 14px 0 14px 26px;
}

.accordion-style-2 .card-header h5 a.acc-btn.black-bg::before {
    color: #ffffff;
}

.accordion-style-2 .card-header h5 a.acc-btn::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: themify;
    font-weight: 900;
    content: '\e61a';
    left: 0;
    font-size: 18px;
    color: #222222;
    font-weight: 700;
}

.accordion-style-2 .card-header h5 a.acc-btn[aria-expanded="true"] {
    background: transparent;
    color: #0069FF;
}

.accordion-style-2 .card-header h5 a.acc-btn[aria-expanded="true"]::before {
    content: '\e622';
    color: #0069FF;
}

.accordion-style-2 .card-body {
    padding: 5px 0 21px 26px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.8px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    border: 0 none;
    box-shadow: inherit;
    border-radius: inherit;
}

/*-------------------------------------------------------------------------------------
    Deviders Area
---------------------------------------------------------------------------------------*/
.dividers-inner .space {
    height: 90px;
}

.basic-separator {
    display: inline-block;
    height: 2px;
    width: 120px;
    background: #222;
}

.basic-separator.line-3 {
    height: 3px;
}

.basic-thine-line {
    border-bottom: 1px solid #ddd;
}

.basic-dark-line-1px {
    border-bottom: 1px solid #333;
}

.basic-dark2-line-1px {
    border-bottom: 1px solid #eeeeee;
}

.basic-thick-line {
    border-bottom: 2px solid #ddd;
}

.basic-dark-line {
    border-bottom: 2px solid #222;
}

.basic-thick-line-theme-4 {
    border-top: 4px solid #0069FF;
}

.basic-dash-line {
    border-bottom: 1px dashed #ddd;
}

.basic-short-line {
    width: 120px;
    background: #222;
    height: 3px;
    display: inline-block;
}

.basic-modern-dots {
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
}

.basic-modern-dots .dot {
    background-color: #0069FF;
    border-radius: 50%;
    box-shadow: 0 0 12px #def0ff;
    -webkit-animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    width: 14px;
    height: 14px;
}

.basic-modern-dots .dot.second-circle {
    margin-top: 18px;
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}

.basic-modern-dots .dot.third-circle {
    margin-top: 14px;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.basic-modern-dots.white-dots .dot {
    background-color: #ffffff;
    box-shadow: 0 0 12px #ffffff;
}

/*-------------------------------------------------------------------------------------
    Alert Box
---------------------------------------------------------------------------------------*/
.alert-box {
    position: relative;
    padding: 37px 30px 37px 70px;
}

.alert-box .icon {
    position: absolute;
    top: 40px;
    left: 41px;
    font-size: 16px;
    line-height: 1;
}

.alert-box .content {
    font-weight: 500;
    line-height: 1.58;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.alert-box.bg_cat-1 {
    background: #eee;
}

.alert-box.bg_cat-1 .icon {
    color: #222;
}

.alert-box.bg_cat-2 {
    background: #f9e2e5;
}

.alert-box.bg_cat-2 .icon {
    color: #d0021b;
}

.alert-box.bg_cat-2 .content {
    color: #d0021b;
}

.alert-box.bg_cat-3 {
    background: #edf9e1;
}

.alert-box.bg_cat-3 .icon {
    color: #6ca928;
}

.alert-box.bg_cat-3 .content {
    color: #6ca928;
}

.alert-box.bg_cat-4 {
    background: #0069FF;
}

.alert-box.bg_cat-4 .icon {
    color: #ffffff;
}

.alert-box.bg_cat-4 .content {
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Icon Boxes
---------------------------------------------------------------------------------------*/
.black-bg {
    background-color: #000000 !important;
}

.icon-border-shadow {
    width: 70px;
    height: 70px;
    margin: 0 auto 50px;
    line-height: 75px;
    position: relative;
    border-radius: 50%;
    background-color: #0069FF;
    color: #fff;
    font-size: 40px;
    z-index: 9;
}

.icon-border-shadow:before {
    width: 125px;
    height: 125px;
    position: absolute;
    content: '';
    top: -27px;
    left: -28px;
    z-index: -1;
    border-radius: 50%;
    background-color: rgba(0, 105, 255, 0.5);
}

.icon-border-shadow:after {
    width: 100px;
    height: 100px;
    position: absolute;
    content: '';
    top: -14px;
    left: -15px;
    border-radius: 50%;
    background-color: rgba(0, 105, 255, 0.5);
    z-index: -1;
}

.icon-box.effect-1.dark-version .inner {
    background: #202633;
}

.icon-box.effect-1.dark-version .inner .content h5.heading {
    color: #ffffff;
}

.icon-box.effect-1.dark-version .inner .content p {
    color: #ffffff;
    opacity: .8;
}

.icon-box.effect-1:hover .inner {
    background-color: #0069FF;
}

.icon-box.effect-1:hover .inner .icon-border-shadow {
    background-color: #ffffff;
}

.icon-box.effect-1:hover .inner .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5);
}

.icon-box.effect-1:hover .inner .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl-icon-boxes-area .space_dec--110 {
        margin-top: 0;
        padding-top: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .sl-icon-boxes-area .space_dec--110 {
        margin-top: 0;
        padding-top: 80px;
    }
}

.icons-box {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.icons-box .icon {
    width: 70px;
    margin: auto;
}

.icon-box.horizontal-icon-box.no-border .inner {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.icon-box.horizontal-icon-box.no-border .inner:hover {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.icon-box:hover .polygon-shape {
    top: -25px;
    right: -5px;
}

.icon-box .polygon-shape {
    position: absolute;
    top: -10px;
    right: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.icon-box.bg-transparant .inner {
    background: transparent;
}

.icon-box.style-6 .inner-icon i {
    font-size: 64px;
    display: -webkit-inline-flex;
    display: inline-flex;
    background-image: linear-gradient(244deg, #39ec73 0%, #0086f8 100%);
    color: transparent;
    -webkit-background-clip: text;
}

.icon-box.style-6 .slide {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all .3s ease-in-out;
}

.icon-box.style-6 .inner:hover {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

.icon-box.style-6:hover .inner-icon i {
    background-image: none;
    color: #fff !important;
}

.icon-box.style-6:hover .slide {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.icon-box.style-border-bottom {
    border-radius: 12px;
    margin: 30px;
    border-bottom: 5px solid transparent;
}

.icon-box.style-border-bottom:hover {
    border-bottom: 5px solid #02C873;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.icon-box.style-border-bottom img {
    width: 38px;
}

.icon-box.style-border-bottom h4 {
    font-size: 1rem;
    font-weight: 400;
}

@media only screen and (max-width: 575px) {
    .icon-box.style-border-bottom h4 {
        font-size: 0.875rem;
    }
}

.icon-box .inner {
    position: relative;
    padding: 60px 35px 64px;
    background: #fff;
    border-radius: 10px;
    z-index: 2;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 575px) {
    .icon-box .inner {
        padding: 51px 24px 54px;
    }
}

.icon-box .inner::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    opacity: 1;
    visibility: visible;
    z-index: -1;
}

.icon-box .inner .icon {
    font-size: 80px;
    margin-bottom: 22px;
    color: #0069FF;
}

.icon-box .inner .icon.brown-color {
    color: #CE8F4F;
}

.icon-box .inner .icon-2 {
    font-size: 34px;
    margin-bottom: 22px;
    color: #ffffff;
    width: 99px;
    height: 74px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.icon-box .inner .icon-2 i {
    font-size: 34px;
    position: absolute;
    left: 48px;
}

@media only screen and (max-width: 575px) {
    .icon-box .inner .icon-2 i {
        left: 30px;
    }
}

.icon-box .inner .icon-2 i::before {
    font-size: 40px;
}

.icon-box .inner .icon-2.icon2 i {
    color: #09AEFF;
    left: auto;
    margin-top: 27px;
}

@media only screen and (max-width: 575px) {
    .icon-box .inner .icon-2.icon2 i {
        margin-top: 30px;
    }
}

.icon-box .inner .icon-3 {
    width: 60px;
    height: 60px;
    background: rgba(0, 105, 255, 0.1);
    display: -webkit-flex;
    display: flex;
    margin-right: 15px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 26px;
}

.icon-box .inner .icon-3.style-2 {
    background: rgba(2, 200, 115, 0.1);
}

.icon-box .inner .icon-3.style-3 {
    background: #02C873;
}

.icon-box .inner .time {
    font-size: 18px;
    position: absolute;
    top: 24px;
    right: 30px;
}

@media only screen and (max-width: 575px) {
    .icon-box .inner .time {
        font-size: 14px;
    }
}

.icon-box .inner .price-box .price {
    font-size: 28px;
}

.icon-box .inner .svg-icon .tm-svg {
    padding: 10px 0 12px;
    width: 60px;
    margin: 0 auto;
}

.icon-box .inner .content h5.heading {
    margin-bottom: 18px;
}

.icon-box .inner .content a.icon-btn {
    margin-top: 46px;
    display: inline-block;
    color: #222222;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.icon-box .inner .content a.icon-btn span {
    padding: 5px 0;
    font-weight: 600;
    font-size: 14px;
}

.icon-box .inner .content a.icon-btn i {
    font-size: 12px;
    color: #0069FF;
    padding-left: 14px;
}

.icon-box .inner .content a.icon-btn:hover {
    color: #0069FF;
}

.icon-box .inner .content a.icon-btn.color-red i {
    color: #F0263F;
}

.icon-box .inner .content a.icon-btn.color-red:hover {
    color: #F0263F;
}

.icon-box .inner:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.icon-box .youtube-container:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .icon-box.medium .inner {
        padding: 60px 24px 64px;
    }
}

.icon-box.no-border .inner {
    padding: 0;
}

.icon-box.no-border .inner::before {
    display: none;
}

.icon-box.no-border .inner:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: inherit;
}

.icon-box.no-border .youtube-container:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: inherit;
}

.icon-box.with-padding .inner {
    padding: 60px 35px 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .icon-box.with-padding .inner {
        padding: 50px 21px 26px;
    }
}

@media only screen and (max-width: 767px) {
    .icon-box.with-padding .inner {
        padding: 60px 8px 32px;
    }
}

.icon-box.icon-box-style-2 .icon {
    -webkit-flex: 0 0 74px;
    flex: 0 0 74px;
    width: 74px;
    height: 74px;
    margin-bottom: 35px;
    margin-right: 35px;
}

.icon-box.icon-box-style-2 .content h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 15px;
}

.icon-box.style-4 .inner .icon-3 {
    width: 100px;
    height: 100px;
    background: #E2E2E2 !important;
    color: #000;
    font-size: 40px;
    transition: all .3s ease-in-out;
}

.icon-box.style-4 .inner:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.icon-box.style-4 .inner:hover .icon-3 {
    box-shadow: 0 1rem 3rem rgba(42, 53, 79, 0.2);
    background-image: linear-gradient(244deg, #3C53D7 0%, #1A1B6E 100%) !important;
    color: #fff;
}

.icon-box.style-4 .inner:hover .content h5 {
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon {
    line-height: normal;
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon i {
    font-size: 63px;
}

.icon-box.style-5:hover .inner {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
    background-size: 200% auto;
}

.icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

.icon-box.style-5:hover h5,
.icon-box.style-5:hover p {
    color: #fff;
}

.icon-box.style-5:hover .gradients-button {
    background: #fff;
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon {
    line-height: normal;
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon i {
    font-size: 63px;
}

.icon-box.style-5:hover .inner,
.icon-box.style-5.active .inner {
    background-image: linear-gradient(to right, #2F3C9E 0, #5bfec9 81%, #2F3C9E 100%);
    background-size: 200% auto;
}

.icon-box.style-5:hover .inner .inner-icon,
.icon-box.style-5.active .inner .inner-icon {
    color: #fff !important;
}

.icon-box.style-5:hover h5,
.icon-box.style-5:hover p,
.icon-box.style-5.active h5,
.icon-box.style-5.active p {
    color: #fff;
}

.icon-box.style-5:hover .gradients-button,
.icon-box.style-5.active .gradients-button {
    background: #fff;
    color: #0069FF;
}

/* =====================
    Icon Box Style 
========================*/
.icon-grid-box {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    width: 760px;
    display: -ms-grid;
    display: grid;
    margin: auto;
    margin-top: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .icon-grid-box {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .icon-grid-box {
        width: auto;
        grid-row-gap: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .icon-grid-box {
        grid-template-columns: repeat(1, 1fr);
    }
}

.icon-grid-box .bk-icon {
    max-width: 160px;
}

@media only screen and (max-width: 575px) {
    .icon-grid-box .bk-icon {
        max-width: inherit;
    }
}

.icon-grid-box .bk-icon .icon {
    font-size: 80px;
    width: 160px;
    height: 160px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .icon-grid-box .bk-icon .icon {
        width: 110px;
        height: 110px;
        font-size: 50px;
    }
}

.icon-grid-box .bk-icon .icon.bg-color-1 {
    background: #e71361;
}

.icon-grid-box .bk-icon .icon.bg-color-2 {
    background: #ecb505;
}

.icon-grid-box .bk-icon .icon.bg-color-3 {
    background: #116cd7;
}

.icon-grid-box .bk-icon .icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vibrate-style .icon i {
    font-size: 30px;
}

.vibrate-style .content h5 {
    font-size: 20px;
    font-weight: 500;
}

.vibrate-style .content p {
    font-size: 16px;
    line-height: 1.75;
    color: #777;
    font-weight: 400;
}

.vibrate-style:hover .inner {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.single-svg-icon-box {
    position: relative;
    height: 100%;
    padding: 37px 30px 34px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    z-index: 9;
}

.single-svg-icon-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.single-svg-icon-box .grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #222;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #000000;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box .inner {
    position: relative;
    z-index: 5;
}

.single-svg-icon-box .svg-icon {
    width: 60px;
    margin-bottom: 22px;
}

.single-svg-icon-box .svg-icon svg * {
    stroke: #68AE4A;
}

.single-svg-icon-box .content h5 {
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: 500;
}

.single-svg-icon-box:hover {
    background: none;
}

.single-svg-icon-box:hover::before {
    opacity: 0.5;
}

.single-svg-icon-box:hover .grid-overlay {
    opacity: 1;
    visibility: visible;
}

.single-svg-icon-box:hover .svg-icon svg * {
    stroke: #ffffff;
}

.single-svg-icon-box:hover .content h5 {
    color: #ffffff;
}

.single-svg-icon-box:hover .content p {
    color: #ffffff;
}

.single-svg-icon-box.business-icon-box {
    position: relative;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .grid-overlay {
    opacity: 1;
    visibility: visible;
}

.single-svg-icon-box.business-icon-box .svg-icon {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 22px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .svg-icon svg * {
    stroke: #ffffff !important;
}

.single-svg-icon-box.business-icon-box .content {
    position: relative;
    z-index: 1;
}

.single-svg-icon-box.business-icon-box .content h5 {
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .content p {
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .br-icon-box-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding-right: 0;
    display: block;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .br-icon-box-btn a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 0;
    display: block;
}

.single-svg-icon-box.business-icon-box:hover {
    background-image: none;
    background: none;
    box-shadow: 0 0 30px -15px rgba(51, 51, 51, 0.25);
    background: #c75353;
}

.single-svg-icon-box.business-icon-box:hover::before {
    display: none;
}

.single-svg-icon-box.business-icon-box:hover .grid-overlay {
    opacity: 0;
    visibility: hidden;
}

.single-svg-icon-box.business-icon-box:hover .svg-icon {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
}

.single-svg-icon-box.business-icon-box:hover .content h5 {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
}

.single-svg-icon-box.business-icon-box:hover .content p {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
}

.single-svg-icon-box.business-icon-box:hover .br-icon-box-btn {
    -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    opacity: 1;
    visibility: visible;
}

.box-icon-classic {
    text-align: center;
}

.box-icon-classic-header {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: -12px;
    margin-left: -12px;
}

.box-icon-classic-header:empty {
    margin-bottom: 0;
    margin-left: 0;
}

.box-icon-classic-header>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 12px;
}

.box-icon-classic-icon {
    position: relative;
    font-size: 50px;
    line-height: 1;
    color: #000;
}

.box-icon-classic-icon::after {
    position: absolute;
    content: '';
    top: 6px;
    right: -6px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: rgba(196, 149, 106, 0.5);
}

.box-icon-classic-title {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
}

.box-icon-classic-title::after {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid;
    transition: inherit;
}

.box-icon-classic-title a:hover {
    color: inherit;
}

.box-icon-classic-title:hover {
    -webkit-transform: none;
    transform: none;
}

.box-icon-classic-title:hover::after {
    width: 100%;
}

*+.box-icon-classic-text {
    margin-top: 12px;
}

@media (min-width: 768px) {
    .box-icon-classic {
        text-align: left;
    }

    .box-icon-classic-header {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

/*-------------------------------------------------------------------------------------
    Social Icons
---------------------------------------------------------------------------------------*/
.social-shere {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #CACAE4;
    padding: 20px;
    border-radius: 10px;
    transition: all .5s ease;
}

.social-shere .social-site {
    transition: all .5s ease;
}

.social-shere .social-site h3 {
    color: #000000;
}

.social-shere .social-site h3 a {
    color: #000000;
}

.social-shere .social-site h3 a:hover {
    color: #000000;
}

.social-shere .social-site p {
    transition: all .5s ease;
}

.social-shere .icon i {
    transition: all .5s ease;
}

.social-shere.dark-varsion .social-site h3 {
    color: #ffffff;
}

.social-shere.dark-varsion .social-site h3 a {
    color: #ffffff;
}

.social-shere.dark-varsion .icon i {
    color: #CACAE4;
}

.social-shere.dark-varsion:hover {
    border-color: #0069FF;
}

.social-shere.dark-varsion:hover .social-site h3 {
    color: #ffffff;
}

.social-shere.dark-varsion:hover .social-site h3 a {
    color: #ffffff;
}

.social-shere:hover {
    border-color: #0069FF;
}

.social-shere:hover .social-site h3 {
    color: #000000;
}

.social-shere:hover .social-site h3 a {
    color: #000000;
}

.social-shere:hover .social-site p {
    color: #0069FF;
}

.social-shere:hover .icon i {
    color: #0069FF;
}

.social-shere.style-2 .link {
    width: 40px;
    height: 40px;
    line-height: 42px;
}

.social-icon {
    padding: 0;
    margin: 0 -15px;
}

.social-icon li {
    display: inline-block;
}

.social-icon li a {
    padding: 5px 15px;
    color: #fff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.liquid-animate li {
    margin: 5px;
}

.social-icon.liquid-animate li a {
    display: block;
    text-align: center;
    height: 55px;
    width: 55px;
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.21);
    border-radius: 50%;
    line-height: 52px;
    position: relative;
    border-color: rgba(255, 255, 255, 0.21);
    padding: 0;
    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden;
}

.social-icon.liquid-animate li a::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    transition: .5s;
    z-index: 2;
}

.social-icon.liquid-animate li a:hover {
    border-color: #fff;
    background-color: #fff;
    color: #fff;
}

.social-icon.liquid-animate li a:hover::before {
    top: 0;
}

.social-icon.liquid-animate li a i {
    position: relative;
    transition: .5s;
    z-index: 3;
}

.social-icon.liquid-animate li.facebook a::before {
    background: #3b5998;
}

.social-icon.liquid-animate li.instagram a::before {
    background: #e4405f;
}

.social-icon.liquid-animate li.twitter a::before {
    background: #55acee;
}

.social-icon.liquid-animate li.dribbble a::before {
    background: #ea4c89;
}

.social-icon.liquid-animate li.pinterest a::before {
    background: #bd081c;
}

.social-icon.liquid-animate.theme-color li a:before {
    background: #0069FF;
}

.social-icon.icon-light-version li a {
    color: #000000;
    border-color: rgba(0, 0, 0, 0.21);
    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.icon-light-version li a:hover {
    border-color: rgba(0, 0, 0, 0.21);
    background-color: #fff;
    color: #fff;
}

.social-icon.social-vertical {
    margin: 0;
}

.social-icon.social-vertical li {
    display: block;
    margin: 10px;
}

.social-icon.social-vertical li a {
    display: block;
}

.social-icon.text-dark li a {
    color: #222222;
}

.social-icon.text-dark.tooltip-layout li a {
    color: #222222;
}

.social-icon.text-dark.tooltip-layout li a:hover {
    color: #0069FF;
}

.social-icon.icon-size-large li a {
    font-size: 30px;
}

.social-icon.icon-size-medium li a {
    font-size: 20px;
}

.social-icon.icon-size-small li .link {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
}

.social-icon.social-text li a span {
    font-size: 15px;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #ffffff;
    line-height: 2;
}

.social-icon.social-text li a span::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.social-icon.social-text li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.social-icon.social-text.text-dark li a span {
    color: #999999;
}

.social-icon.social-text.text-dark li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.social-icon.social-text.second-font li a {
    font-family: "Rubik", sans-serif;
}

.social-icon.tooltip-layout.text-dark li a {
    color: #333333;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.tooltip-layout.text-dark li a:hover {
    color: #222222;
}

.social-icon.tooltip-layout.text-dark-2 li a {
    color: #222222;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.tooltip-layout.text-dark-2 li a:hover {
    color: #222222;
}

.social-icon.tooltip-layout li a {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #fff;
}

.social-icon.tooltip-layout li a[class*=tooltip-] {
    position: relative;
    display: inline-block;
    line-height: 2;
}

.social-icon.tooltip-layout li a.tooltip-bounce:after,
.social-icon.tooltip-layout li a.tooltip-bounce:before {
    transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.social-icon.tooltip-layout li a[class*=tooltip-]:after,
.social-icon.tooltip-layout li a[class*=tooltip-]:before {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: .3s ease;
    transition-delay: 0ms;
}

.social-icon.tooltip-layout li a.tooltip-top:after,
.social-icon.tooltip-layout li a.tooltip-top:before {
    bottom: 100%;
    left: 50%;
}

.social-icon.tooltip-layout li a.tooltip-top:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.social-icon.tooltip-layout li a.tooltip-top:before {
    left: calc(50% - 7px);
    margin-bottom: -13px;
}

.social-icon.tooltip-layout li a.tooltip-bottom:after,
.social-icon.tooltip-layout li a.tooltip-bottom:before {
    top: 100%;
    left: 50%;
}

.social-icon.tooltip-layout li a.tooltip-bottom:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.social-icon.tooltip-layout li a[class*=tooltip-]:before {
    content: "";
    position: absolute;
    background: transparent;
    border: 7px solid transparent;
    z-index: 1000001;
}

.social-icon.tooltip-layout li a[class*=tooltip-][aria-label]:after {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.23;
    content: attr(aria-label);
}

.social-icon.tooltip-layout li a[class*=tooltip-]:after {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    padding: 8px 10px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 5px;
}

.social-icon.tooltip-layout li a.tooltip-white[aria-label]::before {
    border-top-color: #fff;
}

.social-icon.tooltip-layout li a.tooltip-theme[aria-label]::after {
    background: #0069FF;
    color: #ffffff;
    text-shadow: none;
}

.social-icon.tooltip-layout li a.tooltip-theme[aria-label]::before {
    border-top-color: #0069FF;
}

.social-icon.tooltip-layout li a.tooltip-dark[aria-label]::after {
    background: #222222;
    color: #ffffff;
    text-shadow: none;
}

.social-icon.tooltip-layout li a.tooltip-dark[aria-label]::before {
    border-top-color: #222222;
}

.social-icon.tooltip-layout li a.tooltip-white[aria-label]::after {
    background: #fff;
    color: #111;
    text-shadow: none;
}

.social-icon.tooltip-layout li a.tooltip-bottom::before {
    left: calc(50% - 7px);
    margin-top: -13px;
    border-bottom-color: #000000;
    border-top-color: transparent !important;
}

.social-icon.tooltip-layout li a.tooltip-bottom.tooltip-white[aria-label]::before {
    border-bottom-color: #ffffff;
}

.social-icon.tooltip-layout li a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.social-icon.tooltip-layout li a:hover.tooltip-top[class*=tooltip-]:after,
.social-icon.tooltip-layout li a:hover.tooltip-top[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

.social-icon.tooltip-layout li a:hover.tooltip-top::before {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.social-icon.tooltip-layout li a:hover.tooltip-top::after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
}

.social-icon.tooltip-layout li a:hover.tooltip-bottom[class*=tooltip-]:after,
.social-icon.tooltip-layout li a:hover.tooltip-bottom[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

.social-icon.tooltip-layout li a:hover.tooltip-bottom::before {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

.social-icon.tooltip-layout li a:hover.tooltip-bottom::after {
    -webkit-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px);
}

.social-icon.icon-solid-rounded li {
    margin: 5px;
}

.social-icon.icon-solid-rounded li a {
    font-size: 20px;
    display: block;
    text-align: center;
    height: 50px;
    width: 50px;
    background: #eee;
    color: #222;
    line-height: 51px;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 0;
}

.social-icon.icon-solid-rounded li a:hover {
    background-color: #0069FF;
    color: #ffffff !important;
}

.social-icon.icon-border-rounded.social-vertical li {
    margin: 20px;
}

.social-icon.icon-border-rounded li {
    margin: 5px;
}

.social-icon.icon-border-rounded li a {
    display: block;
    text-align: center;
    height: 55px;
    width: 55px;
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.21);
    border-radius: 50%;
    line-height: 52px;
    position: relative;
    border-color: rgba(255, 255, 255, 0.21);
    padding: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.icon-border-rounded li a:hover {
    border-color: #fff;
    background-color: #fff;
    color: #222;
}

.social-icon.icon-border-rounded.text-dark-2 li a {
    color: #222222;
    border: 1px solid #eee;
}

.social-icon.icon-border-rounded.text-dark-2 li a:hover {
    border-color: #222222;
    background-color: #222222;
    color: #ffffff;
}

.social-icon.icon-border-rounded.style-solid-thin-rounded-icon li a {
    color: #222;
    border: 1px solid #eee;
}

.social-icon.icon-border-rounded.style-solid-thin-rounded-icon li a:hover {
    color: #fff;
    border-color: #222;
    background: #222;
}

.social-icon.style-solid-rounded-icon {
    margin: -10px;
}

.social-icon.style-solid-rounded-icon li {
    margin: 10px;
}

@media only screen and (max-width: 767px) {
    .social-icon.style-solid-rounded-icon li {
        margin: 6px;
    }
}

.social-icon.style-solid-rounded-icon li a {
    font-size: 20px;
    display: block;
    text-align: center;
    height: 55px;
    line-height: 42px;
    width: 55px;
    color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.21);
    border-radius: 50%;
    position: relative;
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.18);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.style-solid-rounded-icon li a:hover {
    border-color: transparent;
    background-color: #fff;
    color: #222222;
}

a {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

a[class*=tooltip-] {
    position: relative;
}

a.tooltip-bounce:after,
a.tooltip-bounce:before {
    transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

a[class*=tooltip-]:after,
a[class*=tooltip-]:before {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: .3s ease;
    transition-delay: 0ms;
}

a.tooltip-top:after,
a.tooltip-top:before {
    bottom: 100%;
    left: 50%;
}

a.tooltip-top:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

a.tooltip-top:before {
    left: calc(50% - 7px);
    margin-bottom: -13px;
}

a.tooltip-bottom:after,
a.tooltip-bottom:before {
    top: 100%;
    left: 50%;
}

a.tooltip-bottom:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

a[class*=tooltip-]:before {
    content: "";
    position: absolute;
    background: transparent;
    border: 7px solid transparent;
    z-index: 1000001;
}

a[class*=tooltip-][aria-label]:after {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.23;
    content: attr(aria-label);
}

a[class*=tooltip-]:after {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    padding: 8px 10px;
    font-size: 14px;
    white-space: normal;
    border-radius: 5px;
    max-width: 160px;
    min-width: 120px;
    text-align: center;
}

a.tooltip-white[aria-label]::before {
    border-top-color: #fff;
}

a.tooltip-theme[aria-label]::after {
    background: #0069FF;
    color: #ffffff;
    text-shadow: none;
}

a.tooltip-theme[aria-label]::before {
    border-top-color: #0069FF;
}

a.tooltip-dark[aria-label]::after {
    background: #222222;
    color: #ffffff;
    text-shadow: none;
}

a.tooltip-dark[aria-label]::before {
    border-top-color: #222222;
}

a.tooltip-white[aria-label]::after {
    background: #fff;
    color: #111;
    text-shadow: none;
}

a.tooltip-bottom::before {
    left: calc(50% - 7px);
    margin-top: -13px;
    border-bottom-color: #000000;
    border-top-color: transparent !important;
}

a.tooltip-bottom.tooltip-white[aria-label]::before {
    border-bottom-color: #ffffff;
}

a:hover {
    color: rgba(255, 255, 255, 0.5);
}

a:hover.tooltip-top[class*=tooltip-]:after,
a:hover.tooltip-top[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

a:hover.tooltip-top::before {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

a:hover.tooltip-top::after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
}

a:hover.tooltip-bottom[class*=tooltip-]:after,
a:hover.tooltip-bottom[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

a:hover.tooltip-bottom::before {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

a:hover.tooltip-bottom::after {
    -webkit-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px);
}

/*-------------------------------------------------------------------------------------
    Tabs
---------------------------------------------------------------------------------------*/
.tab,
.scrollspy {
    border: 2px solid #dadada;
    padding: 30px;
}

.nav-pills .nav-link {
    color: #222222;
    letter-spacing: .8px;
}

.tab-content>.tab-pane {
    font-size: 14px;
    letter-spacing: .8px;
}

.tab .nav .nav-link {
    color: #000000;
}

.tab .nav .nav-link:hover {
    color: #0069FF;
    background: #fff;
}

.nav-item.active .nav-link,
.tab .nav .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background: #0069FF;
}

.tab.gradient-style .nav-item.active .nav-link,
.tab.gradient-style .nav .nav-link.active,
.tab.gradient-style .nav-pills .show>.nav-link {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
}

.tab.vertical .tab-nav {
    -webkit-flex-basis: 200px;
    flex-basis: 200px;
}

@media only screen and (max-width: 767px) {
    .tab.vertical .tab-nav {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
}

.tab.vertical .tab-content {
    -webkit-flex-basis: calc(100% - 200px);
    flex-basis: calc(100% - 200px);
    padding-left: 30px;
    padding-right: 30px;
}

@media only screen and (max-width: 767px) {
    .tab.vertical .tab-content {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

.tab.tabs-links .nav .nav-link {
    background: transparent;
}

.tab.tabs-links .nav .nav-link a {
    position: relative;
    color: #000;
    padding: 0 8px;
}

.tab.tabs-links .nav .nav-link a:before {
    content: '';
    width: 4px;
    height: 100%;
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
}

.tab.tabs-links .nav .nav-link a.active {
    color: #0069FF;
}

.tab.tabs-links .nav .nav-link:hover {
    background: transparent;
}

.tab.tabs-links .nav .nav-link:hover a {
    color: #0069FF;
}

.tab.tabs-links .nav .nav-link:hover a:before {
    color: #0069FF;
}

.tab.tabs-links-dark .nav .nav-link {
    background: transparent;
}

.tab.tabs-links-dark .nav .nav-link a {
    color: #fff;
    position: relative;
    padding: 0 8px;
}

.tab.tabs-links-dark .nav .nav-link a:before {
    content: '';
    width: 4px;
    height: 100%;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
}

.tab.tabs-links-dark .nav .nav-link a.active {
    color: #0069FF;
}

.tab.tabs-links-dark .nav .nav-link:hover {
    background: transparent;
}

.tab.tabs-links-dark .nav .nav-link:hover a {
    color: #0069FF;
}

.tab.tabs-links-dark .nav .nav-link:hover a:before {
    color: #0069FF;
}

@media (min-width: 768px) {
    .flex-md-column {
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
    }
}

/*-------------------------------------------------------------------------------------
    Deviders Area
---------------------------------------------------------------------------------------*/
.dividers-inner .space {
    height: 90px;
}

.basic-separator {
    display: inline-block;
    height: 2px;
    width: 120px;
    background: #222;
}

.basic-separator.line-3 {
    height: 3px;
}

.basic-thine-line {
    border-bottom: 1px solid #ddd;
}

.basic-dark-line-1px {
    border-bottom: 1px solid #333;
}

.basic-dark2-line-1px {
    border-bottom: 1px solid #eeeeee;
}

.basic-thick-line {
    border-bottom: 2px solid #ddd;
}

.basic-dark-line {
    border-bottom: 2px solid #222;
}

.basic-thick-line-theme-4 {
    border-top: 4px solid #0069FF;
}

.basic-dash-line {
    border-bottom: 1px dashed #ddd;
}

.basic-short-line {
    width: 120px;
    background: #222;
    height: 3px;
    display: inline-block;
}

.basic-modern-dots {
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
}

.basic-modern-dots .dot {
    background-color: #0069FF;
    border-radius: 50%;
    box-shadow: 0 0 12px #def0ff;
    -webkit-animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    width: 14px;
    height: 14px;
}

.basic-modern-dots .dot.second-circle {
    margin-top: 18px;
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}

.basic-modern-dots .dot.third-circle {
    margin-top: 14px;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.basic-modern-dots.white-dots .dot {
    background-color: #ffffff;
    box-shadow: 0 0 12px #ffffff;
}

/*-------------------------------------------------------------------------------------
    Form 
---------------------------------------------------------------------------------------*/
.form-on-map {
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .form-on-map {
        position: static;
    }
}

.form-group input {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
    width: 100%;
    height: 50px;
}

.form-group input.placeholder {
    font-size: 14px;
}

.form-group input:-moz-placeholder {
    font-size: 14px;
}

.form-group input::-moz-placeholder {
    font-size: 14px;
}

.form-group input::-webkit-input-placeholder {
    font-size: 14px;
}

.form-group textarea {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
}

.form-group textarea.placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group textarea:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group select {
    border: 1px solid #DADCE0;
    background: transparent;
    padding: 15px;
    border-radius: 4px;
    color: #ffffff;
    height: 50px;
}

.form-group select.placeholder {
    font-size: 14px;
}

.form-group select:-moz-placeholder {
    font-size: 14px;
}

.form-group select::-moz-placeholder {
    font-size: 14px;
}

.form-group select::-webkit-input-placeholder {
    font-size: 14px;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    box-shadow: none;
    outline: none;
    border-color: #0069FF;
}

.span_pseudo {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

/* ChackBox Design */
.chackbox {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.chackbox span:before,
.chackbox span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.chackbox input {
    display: none;
}

.chackbox input:checked~span {
    background: #0069FF;
    border-color: #0069FF;
}

.chackbox input:checked~span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
}

.chackbox input:checked~span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
}

.chackbox input:disabled~span {
    background: #ececec;
    border-color: #dcdcdc;
}

.chackbox input:disabled~label {
    color: #dcdcdc;
}

.chackbox input:disabled~label:hover {
    cursor: default;
}

.chackbox label {
    padding-left: 2rem;
    font-size: 14px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0;
}

.chackbox span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #DADCE0;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
}

.chackbox span:before {
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
    top: 1rem;
    left: 0.37rem;
}

.chackbox span:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    bottom: 0.35rem;
    left: 0.2rem;
}

/* Style the indicator (dot/circle) */
.dark-style-1 input {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
    background: transparent;
    width: 100%;
    height: 50px;
    color: #ffffff;
}

.dark-style-1 input.placeholder {
    font-size: 14px;
}

.dark-style-1 input:-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 input::-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 input::-webkit-input-placeholder {
    font-size: 14px;
}

.dark-style-1 textarea {
    border: 1px solid #DADCE0;
    background: transparent;
    padding: 15px;
    border-radius: 4px;
    color: #ffffff;
}

.dark-style-1 textarea.placeholder {
    font-size: 14px;
}

.dark-style-1 textarea:-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 textarea::-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 textarea::-webkit-input-placeholder {
    font-size: 14px;
}

.dark-style-1 select {
    border: 1px solid #DADCE0;
    background: transparent;
    padding: 15px;
    border-radius: 4px;
    color: #ffffff;
    height: 50px;
}

.dark-style-1 select.placeholder {
    font-size: 14px;
}

.dark-style-1 select:-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 select::-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 select::-webkit-input-placeholder {
    font-size: 14px;
}

.dark-style-1 input:focus,
.dark-style-1 textarea:focus,
.dark-style-1 select:focus {
    color: #ffffff;
    box-shadow: none;
    outline: none;
    background: transparent;
}

.border-style .form-group input {
    border: none;
    border-bottom: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 0;
    width: 100%;
    height: 50px;
}

.border-style .form-group textarea {
    border: none;
    border-bottom: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 0;
}

.field-wrapper {
    position: relative;
    z-index: 2;
    /* Change autocomplete styles in WebKit */
}

.field-wrapper input {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
    width: 100%;
    height: 50px;
}

.field-wrapper textarea {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
}

.field-wrapper input:focus,
.field-wrapper textarea:focus {
    box-shadow: none;
    outline: none;
    border-color: #0069FF;
}

.field-wrapper .field-placeholder {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 24px;
    left: 1em;
    background-color: #fff;
    font-size: 16px;
    color: #b3b3b3;
    font-weight: 400;
    cursor: text;
    pointer-events: none;
}

.field-wrapper input:not([disabled]):focus~.field-placeholder,
.field-wrapper textarea:not([disabled]):focus~.field-placeholder {
    z-index: 1;
    top: 0;
    font-size: 13px;
    padding: 0 .3em;
    color: #0069FF;
}

.field-wrapper.hasValue input:not([disabled])~.field-placeholder,
.field-wrapper.hasValue textarea:not([disabled])~.field-placeholder {
    z-index: 1;
    top: 0;
    font-size: 13px;
    padding: 0 .3em;
}
body.template-color-33 input:not([disabled]):focus~.field-placeholder,
body.template-color-33 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-33 .nice-select:focus,
body.template-color-33 select {
    color: #3C53D7 !important;
}

body.template-color-33 input:not([disabled]):focus,
body.template-color-33 textarea:not([disabled]):focus,
body.template-color-33 .nice-select:focus,
body.template-color-33 select:focus,
body.template-color-33 .nice-select.open {
    border-color: #3C53D7;
}

body.template-color-33 .form-style-1 input:-webkit-autofill,
body.template-color-33 .form-style-1 input:-webkit-autofill:hover,
body.template-color-33 .form-style-1 input:-webkit-autofill:focus,
body.template-color-33 .form-style-1 textarea:-webkit-autofill,
body.template-color-33 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-33 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-33 .form-style-1 select:-webkit-autofill,
body.template-color-33 .form-style-1 select:-webkit-autofill:hover,
body.template-color-33 .form-style-1 select:-webkit-autofill:focus {
    border-color: #3C53D7;
}

.form-style-1 {
    padding: 20px;
    background: #282828;
    border-radius: 7px;
}

.form-style-1 input,
.form-style-1 textarea {
    color: #fff;
}

.form-style-1 input:-webkit-autofill,
.form-style-1 input:-webkit-autofill:hover,
.form-style-1 input:-webkit-autofill:focus,
.form-style-1 textarea:-webkit-autofill,
.form-style-1 textarea:-webkit-autofill:hover,
.form-style-1 textarea:-webkit-autofill:focus,
.form-style-1 select:-webkit-autofill,
.form-style-1 select:-webkit-autofill:hover,
.form-style-1 select:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0px 1000px #282828 inset;
}

.form-style-1 .field-placeholder span {
    background: #282829;
}

.nice-select,
select {
    height: 50px;
    color: #80868b;
}

.nice-select.w-100 .list,
select.w-100 .list {
    right: 0;
}

.nice-select .current,
select .current {
    color: #000000;
}

.nice-select .option,
.nice-select:focus .option,
select .option,
select:focus .option {
    color: #80868b;
}

.nice-select.dark-style,
select.dark-style {
    background: transparent;
}

.nice-select.dark-style .current,
select.dark-style .current {
    color: #ffffff;
}

.nice-select:focus,
select:focus {
    outline: none;
    box-shadow: none;
}

/*-------------------------------------------------------------------------------------
    Custom Cursor
---------------------------------------------------------------------------------------*/
.cursor {
    pointer-events: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: block;
    transition: opacity 300ms linear;
    opacity: 0;
    width: 6px;
    height: 6px;
}

.cursor.moving {
    opacity: 1;
}

.cursor::before {
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #000000;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 300ms linear;
}

.cursor.expand::before {
    opacity: 0;
}

.cursor.active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* ----------------------------
  node styles
--------------------------- */
.node {
    pointer-events: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: block;
    transition: opacity 300ms linear;
    opacity: 0;
    width: 32px;
    height: 32px;
}

.node.moving {
    opacity: 1;
}

.node::before {
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: transparent;
    border-radius: 50%;
    top: 0;
    left: 0;
    border: 1px solid #000000;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
    transition: opacity 300ms linear, border 300ms linear, background-color 300ms linear, -webkit-transform 300ms linear;
    transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
    transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear, -webkit-transform 300ms linear;
}

.node.expand::before {
    -webkit-transform: scale(3);
    transform: scale(3);
    background-color: #000000;
    opacity: 0.2;
}

.node.reduce {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #000000;
}

/* expand is the class you assigned with the plugin to cursor when a selected element is hovered*/
/*.node*/
/*-------------------------------------------------------------------------------------
    Progress Bar
---------------------------------------------------------------------------------------*/
.progress-wrapper h3.heading {
    font-size: 24px;
    margin-bottom: 60px;
}

.progress-charts {
    overflow: hidden;
}

.progress-charts h6.heading {
    margin-bottom: 13px;
    text-transform: uppercase;
}

.progress-charts h6.heading span.percent-label {
    color: #222;
    font-weight: 600;
}

.progress-charts .progress {
    height: 4px;
    overflow: visible;
    font-size: 14px;
    background-color: #f5f5f5;
    border-radius: 0;
    line-height: 1.6;
}

.progress-charts .progress .progress-bar {
    overflow: visible;
    position: relative;
    background: #0069FF;
}

.progress-charts .progress .progress-bar.custom-color--2 {
    background-color: #7ed321;
}

.progress-charts .progress .progress-bar.custom-color--3 {
    background-color: #f2b636;
}

.progress-charts .progress .progress-bar.custom-color--4 {
    background-color: #f55d4e;
}

.progress-charts .progress .progress-bar span.percent-label {
    position: absolute;
    color: #0069FF;
    right: -7px;
    top: -35px;
    font-size: 14px;
    font-weight: 600;
}

.progress-charts .progress .progress-bar span.percent-label.custom-color--2 {
    color: #7ed321;
}

.progress-charts .progress .progress-bar span.percent-label.custom-color--3 {
    color: #f2b636;
}

.progress-charts .progress .progress-bar span.percent-label.custom-color--4 {
    color: #f55d4e;
}

.progress-charts .progress .progress-bar span.marker-label {
    position: absolute;
    color: #ffffff;
    background: #0069FF;
    padding: 1px 5px;
    border-radius: 3px;
    right: -19px;
    top: -39px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
}

.progress-charts .progress .progress-bar span.marker-label:after {
    position: absolute;
    bottom: -9px;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: 3px;
    content: '';
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #0069FF transparent transparent transparent;
}

.progress-charts.style-2 h6.heading {
    margin-bottom: 23px;
}

.progress-charts.style-2 .progress .progress-bar span.percent-label {
    position: absolute;
    color: #ffffff;
    background: #0069FF;
    padding: 1px 5px;
    border-radius: 3px;
    right: -19px;
    top: -39px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
}

.progress-charts.style-2 .progress .progress-bar span.percent-label:after {
    position: absolute;
    bottom: -9px;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: 3px;
    content: '';
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #0069FF transparent transparent transparent;
}

.radial-progress,
.radial-progress--2 {
    position: relative;
}

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

    .radial-progress,
    .radial-progress--2 {
        display: inline-block;
    }
}

.radial-progress .circle-text,
.radial-progress--2 .circle-text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.radial-progress .circle-text span.count,
.radial-progress--2 .circle-text span.count {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: #222222;
    position: relative;
}

.radial-progress .circle-text span.count.text-white::after,
.radial-progress--2 .circle-text span.count.text-white::after {
    color: #fff;
}

.radial-progress .circle-text span.count::after,
.radial-progress--2 .circle-text span.count::after {
    position: absolute;
    content: "%";
    right: -14px;
    color: #222;
}

.radial-progress-single.progress-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

@media only screen and (max-width: 575px) {
    .radial-progress-single.progress-flex {
        display: block;
    }
}

/*-------------------------------------------------------------------------------------
    Countdown
---------------------------------------------------------------------------------------*/
@media only screen and (max-width: 575px) {
    .sl-countdown h4 {
        text-align: center;
    }
}

.countdown-style-1 .timer-grid>div {
    display: -webkit-flex;
    display: flex;
    margin: 0 -15px;
}

@media only screen and (max-width: 575px) {
    .countdown-style-1 .timer-grid>div {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.countdown-style-1 .timer-grid>div span.sl-count {
    margin: 0 15px;
    text-align: center;
}

@media only screen and (max-width: 575px) {
    .countdown-style-1 .timer-grid>div span.sl-count {
        margin-bottom: 30px;
    }
}

.countdown-style-1 .timer-grid>div span.time-count {
    display: inline-block;
    padding: 31px 10px;
    font-size: 36px;
    width: 80px;
    text-align: center;
    margin-bottom: 18px;
    border-radius: 6px;
    font-weight: 600;
}

.countdown-style-1 .timer-grid>div span.count-inner p {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #000000 !important;
}

.countdown-style-1.bg-solid-grey .timer-grid>div span.time-count {
    background: #f3f3f3;
    color: #222;
}

.countdown-style-1.bg-solid-theme .timer-grid>div span.time-count {
    background: #0069FF;
    color: #ffffff;
}

.countdown-style-1.font-lg-size .timer-grid>div .second span.time-count {
    color: #0069FF;
}

.countdown-style-1.font-lg-size .timer-grid>div span.time-count {
    color: #222222;
    font-size: 67px;
    padding: 0px 4px;
    width: auto;
    display: block;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .countdown-style-1.font-lg-size .timer-grid>div span.time-count {
        font-size: 40px;
        margin-bottom: 4px;
    }
}

/* Time Circles */
.time-circles .countdown {
    display: inline-block;
    width: 770px !important;
    max-width: 100%;
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.time_circles>div {
    position: absolute;
    text-align: center;
}

.time_circles>div>h4 {
    margin: 0px;
    padding: 0px;
    text-align: center;

    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    font-size: 14px !important;
    color: #999;
    font-family: "Montserrat", sans-serif;
}

.time_circles>div>span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px !important;
    margin-top: 0;
    font-weight: 500;
}

.time_circles .textDiv_Days,
.textDiv_Hours,
.textDiv_Minutes,
.textDiv_Seconds {
    color: #222222;
    font-size: 30px;
}

@media only screen and (max-width: 767px) {
    .time_circles>div>h4 {
        bottom: -27px;
        font-size: 14px !important;
    }

    .time_circles>div>span {
        font-size: 18px !important;
        position: absolute;
        bottom: -14px;
    }

    .time-circles .countdown {
        display: block;
        width: 799px !important;
        max-width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .time_circles>div>h4 {
        font-size: 8px !important;
    }

    .time_circles>div>span {
        font-size: 15px !important;
    }
}

.time-circles.dark-style>div>h4 {
    color: #fff;
}

.time-circles.dark-style .textDiv_Days,
.time-circles.dark-style .textDiv_Hours,
.time-circles.dark-style .textDiv_Minutes,
.time-circles.dark-style .textDiv_Seconds {
    color: #fff;
}
/*-------------------------------------------------------------------------------------
    Maintanence
---------------------------------------------------------------------------------------*/
.maintanence-wrapper .inner h2 {
    font-size: 90px;
    line-height: 1;
    color: #e3ecf7;
    margin-bottom: 27px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .maintanence-wrapper .inner h2 {
        font-size: 63px;
    }
}

@media only screen and (max-width: 767px) {
    .maintanence-wrapper .inner h2 {
        font-size: 41px;
    }
}

.maintanence-wrapper .inner .maintanence-text {
    font-size: 18px;
    line-height: 1.95;
    margin: 0 auto;
    margin-bottom: 35px;
    max-width: 670px;
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .maintanence-wrapper .inner .maintanence-text {
        max-width: 564px;
    }
}

@media only screen and (max-width: 767px) {
    .maintanence-wrapper .inner .maintanence-text {
        max-width: 564px;
        font-size: 16px;
    }
}

.maintanence-wrapper .inner .maintanence-icon {
    font-size: 100px;
    margin-bottom: 30px;
    color: #ffffff;
}

.maintanence-wrapper .inner .maintanence-form {
    max-width: 700px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .maintanence-wrapper .inner .maintanence-form {
        max-width: 564px;
    }
}

@media only screen and (max-width: 767px) {
    .maintanence-wrapper .inner .maintanence-form {
        max-width: 400px;
    }
}

.maintanence-wrapper .inner .maintanence-form input {
    padding-right: 110px;
    color: #777;
    border-color: #eee;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    outline: none;
    border: 1px solid #eee;
    border-radius: 0;
    padding: 3px 20px;
    height: 62px;
}

.maintanence-wrapper .inner .maintanence-form button {
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 25px;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    height: 62px;
    line-height: 62px;
    color: #0069FF;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.maintanence-wrapper .inner .maintanence-form button:hover {
    background-color: #0069FF;
    color: #fff;
}

.maintanence-wrapper .inner .form-desc {
    margin-top: 22px;
    color: #fff;
    font-size: 14px;
}

.maintenance-social-networks {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 55px;
    height: 1.5em;
    margin: auto;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    transform: rotate(90deg) translate(50%, 50%);
}

@media only screen and (max-width: 575px) {
    .maintenance-social-networks {
        display: none;
    }
}

.maintenance-social-networks .inner {
    margin: -5px -15px;
}

.maintenance-social-networks .inner a {
    display: inline-block;
    margin: 5px 15px;
    padding: 5px 0;
    color: #fff !important;
}

.maintenance-social-networks .inner a span {
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 1.58;
    font-size: 14px;
    font-weight: 500;
}

.maintenance-social-networks .inner a span::before {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.maintenance-social-networks .inner a:hover span::before {
    width: 100%;
    left: 0;
    right: auto;
}

/*-------------------------------------------------------------------------------------
    Gradations
---------------------------------------------------------------------------------------*/
.sl-gradation {
    display: -webkit-flex;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .sl-gradation {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.sl-gradation .item-grid {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    padding: 0 10px;
}

.sl-gradation .item-grid .line {
    position: absolute;
    top: 40px;
    right: 100%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background: #ddd;
    width: 60%;
    height: 1px;
}

@media only screen and (max-width: 767px) {
    .sl-gradation .item-grid .line {
        display: none;
    }
}

.sl-gradation .item-grid .dot-wrap {
    max-width: 270px;
    position: relative;
    height: 80px;
    width: 80px;
    margin: 0 auto 24px;
}

.sl-gradation .item-grid .dot-wrap .dot {
    background: #0069FF;
}

.sl-gradation .item-grid .dot-wrap .dot::before,
.sl-gradation .item-grid .dot-wrap .dot::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: inherit;
}

.sl-gradation .item-grid .dot-wrap .dot::before {
    width: 80px;
    height: 80px;
    opacity: .3;
}

.sl-gradation .item-grid .dot-wrap .dot::after {
    width: 60px;
    height: 60px;
    opacity: .7;
}

.sl-gradation .item-grid .dot-wrap .dot .count {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: inherit;
    border-radius: 50%;
    text-align: center;
    z-index: 3;
    font-family: "Montserrat", sans-serif;
}

.sl-gradation .item-grid .content {
    position: relative;
    text-align: center;
    max-width: 270px;
    margin: 0 auto;
    background: #fff;
    padding: 35px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.06));
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.06));
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sl-gradation .item-grid .content::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    border-bottom: 13px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sl-gradation .item-grid .content.bg-black {
    background: #000;
    color: #ffffff;
}

.sl-gradation .item-grid .content.bg-black::before {
    border-bottom-color: #000;
}

.sl-gradation .item-grid .content.bg-black h5 {
    color: #ffffff;
}

.sl-gradation .item-grid .content h5.heading {
    font-size: 16px;
    margin-bottom: 12px;
}

.sl-gradation .item-grid:first-child .line {
    display: none;
}

.sl-gradation .item-grid:hover .content {
    background: #222;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
    -webkit-filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.06));
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.06));
    color: #fff;
}

.sl-gradation .item-grid:hover .content::before {
    border-bottom-color: #222;
}

.sl-gradation .item-grid:hover .content h5.heading {
    color: #fff;
}

.sl-gradation .item-grid:hover .content p {
    color: #fff;
}

.sl-gradation .item-grid.custom-color-2 .dot-wrap .dot {
    background: #f55d4e;
}

.sl-gradation .item-grid.custom-color-3 .dot-wrap .dot {
    background: #9013fe;
}

.sl-gradation .item-grid.custom-color-4 .dot-wrap .dot {
    background: #7ed321;
}

.sl-gradation .item-grid.custom-color--5 .dot-wrap .dot {
    background: #D0021B !important;
}

.sl-gradation .item-grid.custom-color-6 .dot-wrap .dot {
    background: #F5A623 !important;
}

.sl-gradation .item-grid.custom-color-7 .dot-wrap .dot {
    background: #7ed321 !important;
}

/*-------------------------------------------------------------------------------------
    Paginations
---------------------------------------------------------------------------------------*/
.sl-pagination-wrapper .sl-pagination {
    padding: 0;
    margin: -5px;
    font-size: 14px;
    font-weight: 500;
    list-style: none;
}

.sl-pagination-wrapper .sl-pagination li {
    display: inline-block;
    list-style-type: none;
    padding: 5px;
}

.sl-pagination-wrapper .sl-pagination li a {
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 39px;
    min-width: 41px;
    height: 41px;
    border: 1px solid #eee;
    background: #fff;
    color: #333333;
    transition: 0.3s ease-in;
}

.sl-pagination-wrapper .sl-pagination li.active a,
.sl-pagination-wrapper .sl-pagination li:hover a {
    background: #0069FF;
    color: #fff;
}

.sl-pagination-wrapper .sl-pagination.pagination-rounded li a {
    border-radius: 50%;
}

.sl-pagination-wrapper .sl-pagination.pagination-numbers li a {
    padding: 0 10px;
    min-width: auto;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
}

.sl-pagination-wrapper .sl-pagination.pagination-numbers li a:hover {
    background: transparent;
    color: #0069FF;
}

.sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a {
    background: transparent;
    color: #0069FF;
}

.sl-pagination-wrapper .sl-pagination.pagination-rounded-box {
    background: #efefef;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 40px;
}

.sl-pagination-wrapper .sl-pagination.pagination-rounded-box li a {
    border-radius: 50%;
}

.sl-pagination-wrapper .sl-pagination.dark-style li a {
    background: transparent;
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Services List
---------------------------------------------------------------------------------------*/
.sl-service-list .thumb {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 40%;
}

@media only screen and (max-width: 767px) {
    .sl-service-list .thumb {
        max-width: 100%;
        margin-bottom: 30px;
    }
}

.sl-service-list .content {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 890px;
}

/*-- Services Animated link Box --*/
.service-box {
    background: #fff;
    overflow: hidden;
    transition: .3s ease;
    border: 1px solid #f7f7f7;
}

.service-box i {
    color: #0069FF;
    transition: inherit;
    transition-delay: 0s;
}

.service-box h4 {
    color: #000000;
    transition: inherit;
    transition-delay: .05s;
}

.service-box p {
    transition: inherit;
    transition-delay: .1s;
}

.service-box .readmore {
    color: #fff;
    overflow: hidden;
    display: inline-block;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #0069FF;
    position: relative;
    padding-right: 2rem;
}

.service-box .readmore:before {
    -webkit-animation: sl-link-arrow-effect-animation-out;
    animation: sl-link-arrow-effect-animation-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
    background-color: #0069FF;
    bottom: 0;
    height: .125rem;
    margin: auto;
    left: 0;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 0;
}

.service-box .readmore span {
    position: relative;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    display: inline-block;
    transition: 0.6s cubic-bezier(0.6, 0.01, 0, 1);
}

.service-box:hover {
    background: #0069FF;
}

.service-box:hover .readmore {
    color: #ffffff;
}

.service-box:hover .readmore span {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.service-box:hover .readmore:before {
    background: #ffffff;
    -webkit-animation: sl-link-arrow-effect-animation-in;
    animation: sl-link-arrow-effect-animation-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
}

.service-box:hover i,
.service-box:hover h4,
.service-box:hover p {
    color: #ffffff;
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
}

/*-------------------------------------------------------------------------------------
    Testimonials
---------------------------------------------------------------------------------------*/
.sl-testimonial .pic {
    width: 22%;
    padding: 20px 0;
    margin: 0 6% 0 2%;
    float: left;
    position: relative;
    z-index: 1;
}

.sl-testimonial .pic:before,
.sl-testimonial .pic:after {
    content: "";
    width: 130px;
    height: 150px;
    background: #0069FF;
    position: absolute;
    z-index: -1;
}

.sl-testimonial .pic:before {
    top: 0;
    right: -20px;
}

.sl-testimonial .pic:after {
    bottom: 0;
    left: -20px;
}

.sl-testimonial .pic img {
    width: 100%;
    height: auto;
    border: 3px solid #e1c37d;
}

.sl-testimonial .sl-testimonial-content {
    width: 70%;
    float: right;
}

.sl-testimonial .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
    text-transform: uppercase;
    padding-top: 65px;
    padding-left: 15px;
}

.sl-testimonial .post {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: #000;

    margin-bottom: 25px;
    padding-left: 15px;
}

.sl-testimonial .description {
    font-size: 1rem;
    color: #000;
    padding: 0 15px;
    margin: 0;
    position: relative;
    font-style: italic;
}

.sl-testimonial .description:before,
.sl-testimonial .description:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 17px;
    color: #0069FF;
    position: relative;
}

.sl-testimonial .description:before {
    content: "\f10d";
    margin-right: 5px;
    top: 0;
    left: 0;
}

.sl-testimonial .description:after {
    content: "\f10e";
    margin-left: 5px;
    position: relative;
    bottom: 0;
    right: 0;
}

.sl-testimonial .owl-theme .owl-controls {
    width: 70%;
    margin: 0;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sl-testimonial .owl-theme .owl-controls .owl-buttons div {
    width: 70px;
    height: 90px;
    line-height: 90px;
    background: transparent;
    border-radius: 0;
    opacity: 1;
    position: relative;
}

.sl-testimonial .owl-prev:before {
    content: "\f177";
    font-family: "fontawesome";
    font-size: 45px;
    font-weight: 900;
    color: #ddd;
    position: absolute;
    top: 0;
    left: 25%;
}

.sl-testimonial .owl-next:before {
    content: "\f177";
    font-family: "fontawesome";
    font-size: 45px;
    font-weight: 900;
    color: #ddd;
    position: absolute;
    top: 0;
    left: 25%;
    content: "\f178";
}

.sl-testimonial .owl-next:after {
    content: " / ";
    font-size: 40px;
    color: #ddd;
    position: absolute;
    top: 0;
    left: -10px;
}

@media only screen and (max-width: 990px) {
    .sl-testimonial {
        text-align: center;
    }

    .sl-testimonial .pic {
        width: 200px;
        margin: 0 auto;
        float: none;
    }

    .sl-testimonial .pic:before,
    .sl-testimonial .pic:after {
        width: 80px;
        height: 100px;
    }

    .sl-testimonial .sl-testimonial-content {
        width: 100%;
        float: none;
    }

    .sl-testimonial .title {
        padding: 15px 0 0 0;
    }

    .sl-testimonial .post {
        padding: 0;
        margin-bottom: 10px;
    }

    .owl-theme .owl-controls {
        width: 100%;
        position: static;
        text-align: center;
    }

    .owl-theme .owl-controls .owl-buttons div {
        height: 50px;
        line-height: 50px;
    }
}

/* Testimonials style 2 */
.testimonial.style-2 .single-testi-item::before {
    content: url(img/shape/quote-left.png);
}

.testimonial.style-2 .single-testi-item::after {
    content: url(img/shape/quote-right.png);
}

.testimonial.style-2 .hero-slider .owl-nav .owl-next span,
.testimonial.style-2 .hero-slider .owl-nav .owl-prev span {
    color: #1040C6;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial.style-2 .hero-slider .owl-nav .owl-next span:hover,
.testimonial.style-2 .hero-slider .owl-nav .owl-prev span:hover {
    color: #1040C6;
}

.testimonial h1 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.6;
    color: #030B61;
}

@media (max-width: 991px) {
    .testimonial h1 {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial h1 {
        font-size: 2em;
    }
}

.testimonial .img-wrap {
    background-color: #303030;
    padding: 40px 0px 60px 0px;
}

@media (max-width: 991px) {
    .testimonial .img-wrap {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial .img-wrap {
        margin-left: 0;
    }
}

.testimonial .hero-slider .owl-nav {
    position: absolute;
    left: 50%;
    bottom: -15%;
    z-index: 100;
}

@media only screen and (max-width: 767px) {
    .testimonial .hero-slider .owl-nav {
        text-align: center;
        position: static;
        margin-top: 30px;
    }
}

.testimonial .hero-slider .owl-nav .owl-prev span {
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    color: #3C53D7;
    margin-bottom: 10px;
    font-size: 1.3rem;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial .hero-slider .owl-nav .owl-prev span:hover {
    background: #ffffff;
    color: #C40A1E;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial .hero-slider .owl-nav .owl-next span {
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    color: #3C53D7;
    margin-bottom: 10px;
    font-size: 1.3rem;
}

.testimonial .hero-slider .owl-nav .owl-next span:hover {
    background: #ffffff;
    color: #C40A1E;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial .single-testi-item {
    margin: 15px 15px;
    padding: 10px;
    background-color: #36393f;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.06);
}

.testimonial .author-discord{
    font-weight: normal;
    color: #6e747b;
    margin: 0px 0px 5px 0px;
}
.testimonial .author-discord span{
    color: #52a8fe;
    font-weight: bolder;
}
.testimonial .author-discord span.v1{
    color: #e74a3d;
}
.testimonial span.emojicounter{
    background-color: #42454a;
    color: #6f747b;
    padding: 2px 4px;
    border-radius: 5px;
}
.testimonial p.text-discord{
    color: #ddd;
    line-height: 22px;
    letter-spacing: 0px;
}
.testimonial p.text-discord span{
    color: #7289da;
    background-color: #3c414f;
    padding: 2px;
}


.testimonial img.discordsymbol{
border-radius: 50%;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .testimonial .single-testi-item::after {
        top: 80%;
        right: 8%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial .single-testi-item::after {
        top: 80%;
    }
}

.testimonial .single-testi-item .author-title {

}

.testimonial .single-testi-item .author-title .thumb {
    display: inline-block;
}

.testimonial .single-testi-item .author-title .a-desc {
    display: inline-block;
    padding-left: 15px;
    text-align: left;
}

.testimonial .single-testi-item .author-title .a-desc p {
    font-size: 14px;
}

.testimonial .single-testi-item .author-title .a-desc h6 {
    margin-bottom: 5px;
    color: #222222;
    font-size: 1rem;
}

.testimonial .single-testi-item .author-desc p {
    margin-bottom: 0;
    line-height: 1.2em;
    letter-spacing: 0px;
}

.testimonial .owl-carousel .owl-item img {
    width: 60px;
}

/* Sl Testimonial Style 3 */
.testimonail-item {
    background-color: #ffffff;
    width: 64%;
    margin: 0 auto;
    padding: 50px;
    border-radius: 5px;
    position: relative;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
    margin-top: 15px;
    margin-bottom: 60px;
    transition: 0.3s;
    background-color: #ffffff;
    padding: 60px 50px 90px;
    border-radius: 5px;
    position: relative;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
    margin-top: 15px;
    margin-bottom: 90px;
    margin-bottom: 60px;
    transition: 0.3s;
}

.testimonail-item .title {
    font-size: 20px;
    margin-bottom: 5px;
}

.testimonail-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
    z-index: -3;
    transition: 0.3s;
}

.active .testimonail-item:before {
    top: 30px;
    left: 30px;
}

.testimonail-item .desc {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.8;
    color: #1c1d1d;
    opacity: 0.6;
    font-style: italic;
}

.testimonail-item .desc:after {
    content: '"';
}

.testimonail-item .desc:before {
    content: '"';
    margin-right: 5px;
}

.testimonail-item .desc:after {
    margin-left: 5px;
}

.testimonail-item .title {
    font-size: 18px;
    margin-bottom: 5px;
}

.testimonail-item .position {
    font-size: 1rem;
}

.testimonail-item .testimonail-footer:after {
    content: '"';
    font-size: 200px;
    color: #b181ff;
    opacity: .16;
    position: absolute;
    right: 50px;
    bottom: 30px;
}

.testimonial-slider {
    z-index: 1;
}

.testimonial-slider .carousel-inner {
    z-index: -1;
}

.testimonial-slider .carousel-indicators {
    position: static;
    bottom: 0;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.testimonial-slider .carousel-indicators li {
    border: none;
    width: 60px;
    height: 60px;
    text-indent: 0;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    margin: 5px;
    border: 3px solid transparent;
    transition: .3s;
    opacity: 10;
}

.testimonial-slider .carousel-indicators li:nth-child(-n+8) {
    position: absolute;
    left: 0;
    top: 0;
}

.testimonial-slider .carousel-indicators li:nth-child(1) {
    width: 100px;
    height: 100px;
    left: 12vw;
    top: 0;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .5s;
    animation-delay: 0.5s;
}

.testimonial-slider .carousel-indicators li:nth-child(2) {
    left: 18vw;
    top: 10vh;
    width: 70px;
    height: 70px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .7s;
    animation-delay: 0.7s;
}

.testimonial-slider .carousel-indicators li:nth-child(3) {
    left: 4vw;
    top: 8vh;
    width: 150px;
    height: 150px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .9s;
    animation-delay: 0.9s;
}

.testimonial-slider .carousel-indicators li:nth-child(4) {
    left: 13vw;
    top: 22vh;
    width: 110px;
    height: 110px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.testimonial-slider .carousel-indicators li:nth-child(5) {
    left: auto;
    right: 5vw;
    top: 8vh;
    width: 90px;
    height: 90px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .5s;
    animation-delay: 0.5s;
}

.testimonial-slider .carousel-indicators li:nth-child(6) {
    left: auto;
    right: 12vw;
    top: 0;
    width: 70px;
    height: 70px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .7s;
    animation-delay: 0.7s;
}

.testimonial-slider .carousel-indicators li:nth-child(7) {
    left: auto;
    right: 13vw;
    top: 10vh;
    width: 150px;
    height: 150px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .9s;
    animation-delay: 0.9s;
}

.testimonial-slider .carousel-indicators li:nth-child(8) {
    left: auto;
    right: 6vw;
    top: 22vh;
    width: 120px;
    height: 120px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.testimonial-slider .carousel-indicators li.active {
    border: 3px solid #0069FF;
    z-index: 10;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.nav-control .control {
    height: 3px;
    width: 50px;
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    margin: 5px;
    opacity: 0.8;
}

.v3 .nav-control {
    margin-top: 30px;
}

.v3 .nav-control .control {
    background-color: #17DCF3;
}

.nav-control .control:hover {
    width: 80px;
    opacity: 1;
}

.nav-control .control:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-control .control.left:after {
    content: "";
    border-right: 8px solid #ffffff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: -5px;
    top: -6px;
}

.v3 .nav-control .control.left:after {
    border-right: 8px solid #17DCF3;
}

.nav-control .control.right:after {
    content: "";
    border-left: 8px solid #ffffff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    right: -5px;
    top: -6px;
}

.v3 .nav-control .control.right:after {
    border-left: 8px solid #17DCF3;
}

@media only screen and (min-width: 768px) and (max-width: 1800px) {
    .testimonial-slider .carousel-indicators li:nth-child(1) {
        width: 100px;
        height: 100px;
        left: 12vw;
        top: 0;
        -webkit-animation: jump 4s ease-in-out alternate infinite;
        animation: jump 4s ease-in-out alternate infinite;
        -webkit-animation-delay: .5s;
        animation-delay: 0.5s;
    }

    .testimonial-slider .carousel-indicators li:nth-child(2) {
        left: 15vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(3) {
        left: 1vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(4) {
        left: 10vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(5) {
        left: auto;
        right: 2vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(6) {
        right: 9vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(7) {
        left: auto;
        right: 6vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(8) {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1170px) {
    .testimonial-slider .carousel-indicators li {
        -webkit-animation: none !important;
        animation: none !important;
        position: static !important;
        width: 60px !important;
        height: 60px !important;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .testimonial-slider .carousel-indicators li.active {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@media only screen and (max-width: 992px) {
    .testimonial-slider {
        text-align: center;
    }

    .testimonial-slider .carousel-indicators li {
        -webkit-animation: none !important;
        animation: none !important;
        position: static !important;
        width: 60px !important;
        height: 60px !important;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .testimonial-slider .carousel-indicators li.active {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .testimonail-item {
        padding: 30px;
        width: calc(100% - 30px);
        display: inline-block;
        float: none;
    }
}

/* Testimonial style 4 */
.agn-testimonial {
    position: relative;
}

.agn-testimonial .carousel-control-next,
.agn-testimonial .carousel-control-prev {
    position: static;
    width: 55px;
    height: 55px;
    margin: 0 10px;
    font-size: 30px;
    border-radius: 30px;
    display: -webkit-inline-flex;
    display: inline-flex;
    color: inherit;
    opacity: 1;
    color: #000;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.agn-testimonial .carousel-control-next:hover,
.agn-testimonial .carousel-control-prev:hover,
.agn-testimonial .carousel-control-next:focus,
.agn-testimonial .carousel-control-prev:focus {
    background: #0069FF;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

.agn-testimonial .main-content {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 1021px) {
    .agn-testimonial .main-content {
        max-width: 600px;
    }
}

@media only screen and (min-width: 1600px) {
    .agn-testimonial .main-content {
        max-width: 900px;
    }
}

.agn-testimonial .main-content .theme-title-one {
    padding-bottom: 40px;
}

.agn-testimonial .main-content .agn-testimonial-slider p {
    font-size: 16px;
    color: #76797e;
    line-height: 1.5;
    padding: 0 80px 50px 0;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .author-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .name-info {
    float: left;
    padding-left: 20px;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .name-info .name {
    font-size: 20px;
    margin-bottom: 0;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .name-info span {
    color: #c7c7c7;
    font-size: 16px;
}

.agn-testimonial .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.agn-testimonial .owl-theme .owl-nav {
    text-align: left;
    margin-top: 35px;
}

.agn-testimonial .owl-theme .owl-nav [class*=owl-] {
    width: 55px;
    height: 55px;
    margin: 0 10px;
    padding: 0;
    font-size: 30px;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
}

.agn-testimonial .owl-theme .owl-nav [class*=owl-]:hover {
    background: #ffffff;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #233D63;
}

.agn-testimonial .shape-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%;
    height: 100%;
}

@media only screen and (min-width: 1600px) {
    .agn-testimonial .shape-box {
        width: 22%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .agn-testimonial .shape-box {
        width: auto;
    }
}

.agn-testimonial .shape-box img:nth-child(1) {
    height: 100%;
}

@media (max-width: 991px) {
    .agn-testimonial .shape-box {
        position: static;
        width: 100%;
        padding: 0 15px;
    }

    .agn-testimonial .shape-box img:nth-child(1) {
        display: none;
    }
}

.agn-testimonial .shape-box .people {
    position: absolute;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    box-shadow: 0px 10px 20px 0px rgba(20, 44, 56, 0.25);
    z-index: 1;
    cursor: pointer;
}

.agn-testimonial .shape-box .people.active {
    -webkit-animation: pulse-zoom 1.5s alternate infinite ease-in;
    animation: pulse-zoom 1.5s alternate infinite ease-in;
}

@media (max-width: 991px) {
    .agn-testimonial .shape-box .people {
        position: static;
        width: 110px !important;
        height: 110px !important;
        margin-left: 10px;
        margin-top: 10px;
    }
}

.agn-testimonial .shape-box .people:nth-child(2) {
    width: 60px;
    height: 60px;
    top: 37%;
    right: 41%;
    -webkit-animation: pulse-zoom 1s alternate infinite ease-in;
    animation: pulse-zoom 1s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(3) {
    top: 47%;
    right: 16%;
    -webkit-animation: pulse-zoom 1.5s alternate infinite ease-in;
    animation: pulse-zoom 1.5s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(4) {
    width: 80px;
    height: 80px;
    top: 16%;
    right: 29%;
    -webkit-animation: pulse-zoom 2s alternate infinite ease-in;
    animation: pulse-zoom 2s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(5) {
    width: 150px;
    height: 150px;
    top: 24%;
    right: 66%;
    -webkit-animation: pulse-zoom 1.8s alternate infinite ease-in;
    animation: pulse-zoom 1.8s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(6) {
    width: 45px;
    height: 45px;
    top: 52%;
    right: 69%;
    -webkit-animation: pulse-zoom 1.9s alternate infinite ease-in;
    animation: pulse-zoom 1.9s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(7) {
    width: 80px;
    height: 80px;
    top: 61%;
    right: 40%;
    -webkit-animation: pulse-zoom 12s alternate infinite ease-in;
    animation: pulse-zoom 12s alternate infinite ease-in;
}

.agn-testimonial.style-two .carousel-indicators {
    cursor: pointer;
    padding: 0 15px;
}

.agn-testimonial.style-two .carousel-indicators img {
    border: 1px solid transparent;
}

.agn-testimonial.style-two .carousel-indicators img:focus {
    border-color: #0069FF;
}

.agn-testimonial.style-two .carousel-indicators img:not(:last-child) {
    margin-bottom: 24px;
}

.agn-testimonial.style-two .carousel-arrow {
    position: absolute;
    bottom: -8px;
    left: 33%;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .agn-testimonial.style-two .carousel-arrow {
        bottom: -30px;
    }
}

@media (max-width: 991px) {
    .agn-testimonial.style-two .carousel-arrow {
        bottom: -56px;
        left: 40%;
    }
}

@media only screen and (max-width: 767px) {
    .agn-testimonial.style-two .carousel-arrow {
        position: static;
        text-align: center;
    }
}

.agn-testimonial.style-two .name {
    margin-bottom: 0;
}

.testimonial-classic .img-small {
    width: 86px;
    height: 86px;
}

.testimonial-classic p {
    line-height: 1.8;
    font-style: italic;
}

.testimonial-classic.square-dots .owl-dots button.owl-dot {
    background: #ffffff;
    width: 30px;
    height: 10px;
    margin-top: 30px;
}

.testimonial-classic.square-dots .owl-dots button.owl-dot.active {
    background: #C4956B;
}

.architecture-style {
    position: relative;
}

.architecture-style .quote-icon {
    position: absolute;
    right: 53px;
    bottom: 80px;
    width: 161px;
}

.architecture-style .quote-icon img {
    width: 160px;
}

.square-dots .owl-dots button.owl-dot {
    background: rgba(0, 0, 0, 0.5);
    width: 10px;
    height: 10px;
    margin-right: 15px;
}

.square-dots .owl-dots button.owl-dot.active {
    background: #000000;
}

.circle-dots .owl-dots button.owl-dot {
    background: rgba(0, 0, 0, 0.5);
    width: 10px;
    height: 10px;
    margin-right: 15px;
    border-radius: 20px;
}

.circle-dots .owl-dots button.owl-dot.active {
    background: #0069FF;
}
.portfolio-testimonial.square-dots .owl-dots button.owl-dot {
    background: #1D1654;
    width: 30px;
    height: 10px;
}

.portfolio-testimonial.square-dots .owl-dots button.owl-dot.active {
    background: #ffffff;
}

.portfolio-testimonial .owl-dots {
    position: absolute;
    left: 476px;
    bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-testimonial .owl-dots {
        left: 397px;
        bottom: -14px;
    }

}

@media only screen and (max-width: 767px) {
    .portfolio-testimonial .owl-dots {
        left: 0;
        bottom: -21px;
    }
}

@media (max-width: 991px) {
    .portfolio-testimonial h2 {
        font-size: 20px !important;
        font-weight: normal;
    }
}

.testim-slide .client-image {
    width: 60px;
    height: 60px;
}

.testim-slide .client-image img {
    border-radius: 50%;
}

/*-------------------------------------------------------------------------------------
    Counter
---------------------------------------------------------------------------------------*/
.liquid-counter {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.liquid-counter:hover .liquid-counter-element-hover {
    opacity: 1;
}

.liquid-counter-element {
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 700;
    line-height: 1em;
}

.liquid-counter-element>span {
    display: -webkit-flex;
    display: flex;
}

.text-left .liquid-counter-element {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.text-right .liquid-counter-element {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.text-center .liquid-counter-element {
    -webkit-justify-content: center;
    justify-content: center;
}

.liquid-counter-text {
    line-height: 1.5em;
}

.liquid-counter-element-static,
.liquid-counter-element-hover {
    display: none;
}

.liquid-counter-element-static span,
.liquid-counter-element-hover span {
    display: inline-block;
    vertical-align: middle;
}

.counter-animated .liquid-counter-element-static,
.counter-animated .liquid-counter-element-hover {
    display: -webkit-flex;
    display: flex;
}

.liquid-counter-element-static>span {
    background: inherit;
}

.counter-animated .liquid-counter-element-static~span {
    display: none;
}

.liquid-counter-element-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.liquid-counter-regular .liquid-counter-element {
    font-weight: 400;
}

.liquid-counter-medium .liquid-counter-element {
    font-weight: 500;
}

.liquid-counter-semibold .liquid-counter-element {
    font-weight: 600;
}

.liquid-counter-bold .liquid-counter-element {
    font-weight: 700;
}

.liquid-counter-sm .liquid-counter-element {
    font-size: 36px;
}

.liquid-counter-md .liquid-counter-element {
    font-size: 47px;
}

.liquid-counter-lg .liquid-counter-element {
    font-size: 60px;
}

.liquid-counter-lg2 .liquid-counter-element {
    font-size: 200px;
}

.liquid-counter-xl .liquid-counter-element {
    font-size: 300px;
}

.liquid-counter-animator {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    background: inherit;
}

.liquid-animator-value {
    display: inline-block;
    visibility: hidden;
}

.liquid-animator-numbers {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: inherit;
    overflow: hidden;
    visibility: visible;
}

.liquid-animator-numbers ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    background: inherit;
}

.liquid-animator-numbers li {
    margin: 0;
    background: inherit;
}

.liquid-counter-huge .liquid-counter-element {
    line-height: 0.8em;
}

.liquid-counter-huge .liquid-text-top {
    display: block;
    margin-bottom: 2em;
    position: relative;
    top: 2em;
    font-size: 0.875em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.liquid-counter-huge .liquid-text-bottom {
    position: absolute;
    bottom: 0;
    left: 100%;
    font-size: 1.125em;
    line-height: 1.5em;
    font-style: italic;
}

.liquid-counter-bordered {
    width: 100%;
    padding: 30px 5%;
    border: 1px solid #d8dbe2;
    text-align: center;
}

.liquid-counter-bordered .liquid-counter-element {
    -webkit-justify-content: center;
    justify-content: center;
}

.liquid-counter-bordered .liquid-counter-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a7a9b8;
}

.backgroundcliptext .liquid-counter-has-gradient .liquid-counter-element-static,
.backgroundcliptext .liquid-counter-has-gradient .liquid-counter-element>span {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.social-icon {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 18px;
    line-height: 1em;
    /* Sizes */
    /* Directions */
    /* Shapes */
    /*Color Schemes*/
}

.social-icon li {
    display: inline-block;
    margin-right: 1.2em;
    font-size: 1em;
    line-height: 1em;
}

.social-icon li:last-child {
    margin-right: 0;
}

.counter {
    background-color: #E8ECF8;
    width: 100%;
    position: relative;
}

.counter .wedding-pattern-count img {
    position: absolute;
    top: -56%;
    right: -7%;
}

.counter p {
    color: #030B61;
    font-size: 16px;
    font-weight: 700;
}

.counter p span {
    font-size: 14px;
    font-weight: 400;
}

.counter h3 {
    font-size: 60px;
    color: #C40A1E;
    font-weight: 500;
}

.counter_area {
    width: 100%;
    position: relative;
}

.counter_area.overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: -ms-linear-gradient(66deg, #FF5F6D 42%, #FFC371 100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
}

.counter_area.overlay-2:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9;
}

.single-cool-fact h2 {
    font-size: 42px;
}

/*-------------------------------------------------------------------------------------
    Fancybox
---------------------------------------------------------------------------------------*/
.fancy-box {
    position: relative;
    margin-bottom: 30px;
}

.fancy-box figure {
    background-size: cover;
}

.fancy-box h3 {
    font-size: 1.5em;
    line-height: 1.5em;
    letter-spacing: 0;
    margin: 0;
}

@media (max-width: 991px) {
    .fancy-box h3 {
        font-size: 1.3em;
    }
}

.fancy-box p {
    margin: 0;
}

@media (max-width: 991px) {
    .fancy-box p {
        font-size: 14px;
    }
}

.fancy-box img {
    width: 100%;
}

.fancy-box .img-container,
.fancy-box .fancy-box-image {
    position: relative;
}

.fancy-box .img-container {
    overflow: hidden;
}

.fancy-box .blur-main-image,
.fancy-box .blur-image-canvas,
.fancy-box .blur-image-inner {
    position: absolute;
    top: 0;
    left: 0;
}

.fancy-box .blur-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fancy-box .blur-image-inner {
    width: 100%;
    height: 100%;
}

.fancy-box .blur-image-container {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fancy-box .blur-image-canvas {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.fancy-box .img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    background-size: cover;
    background-position: center;
}

.fancy-box .fancy-box-footer {
    position: relative;
    z-index: 2;
}

.fancy-box:hover {
    cursor: pointer;
}

.fancy-box:hover.hover-grad-pink.fancy-box-case-study figure:after {
    opacity: .6;
}

.fancy-box:hover .img-overlay,
.fancy-box:hover .img-btn {
    opacity: 1;
    visibility: visible;
}

.fancy-box:hover .img-btn-inner {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition-delay: 0.05s;
}

.fancy-box:hover .img-btn-inner .btn {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition-delay: 0.18s;
}

.subtitle {
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 10px;
    background-color: #3ed2a7;
    font-size: 12px;
}

.img-btn-bg,
.img-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.img-btn-inner {
    display: -webkit-flex;
    display: flex;
    padding: 15px;
    border: 2px solid #fff;
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: scale3d(1.1, 1.1, 0);
    transform: scale3d(1.1, 1.1, 0);
    transition: -webkit-transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1);
    transition: transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1);
    transition: transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1);
}

.img-btn {
    background-color: rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.img-btn .liquid-overlay-link {
    z-index: 2;
}

.img-btn .btn {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 0);
    transform: scale3d(1.1, 1.1, 0);
}

.img-btn .btn-naked {
    color: #fff;
}

/* Content box styles */
.fancy-box-booking .fancy-box-contents {
    padding: 3.125em 1.875em;
}

.fancy-box-booking .fancy-box-info {
    width: 75%;
    margin: 2.8125em 1.875em;
    position: relative;
}

.fancy-box-booking .fancy-box-info:before {
    content: '';
    display: inline-block;
    width: 1.875em;
    height: 1px;
    position: absolute;
    top: 0.5em;
    left: -60px;
    background-color: #3ed2a7;
}

.fancy-box-booking .fancy-box-header {
    display: inline-block;
    padding: 0.625em 1.875em 1.25em;
    position: absolute;
    bottom: 0;
    left: 1.875em;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-color: #fff;
    box-shadow: 0 7px 50px rgba(0, 0, 0, 0.1);
}

.fancy-box-booking .fancy-box-details {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #3ed2a7;
}

.fancy-box-booking .fancy-box-details>span:after {
    content: '\2758';
    margin-left: 1em;
    margin-right: 0.83em;
}

.fancy-box-booking .fancy-box-details>span:last-child:after {
    content: none;
}

.fancy-box-booking .btn {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.075);
}

.fancy-box-classes {
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.45s cubic-bezier(0.32, 0.98, 0.37, 1);
}

.fancy-box-classes .fancy-box-contents {
    padding: 1em 25px;
}

.fancy-box-classes h3 {
    margin-bottom: 0.4375em;
}

.fancy-box-classes .fancy-box-label {
    display: inline-block;
    padding: 4px 10px;
    position: absolute;
    top: 30px;
    left: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #fff;
    background: linear-gradient(to right, #4fda91 0%, #34dbc5 100%);
}

.fancy-box-classes .trainer {
    font-size: 0.8125em;
    color: #828593;
}

.fancy-box-classes .trainer i {
    display: inline-block;
    margin-right: 5px;
}

.backgroundcliptext .fancy-box-classes .trainer i {
    padding-top: 1px;
    background: linear-gradient(to right, #4fda91 0%, #34dbc5 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.fancy-box-classes:hover {
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.07);
}

.flickity-slider .fancy-box-classes {
    margin-bottom: 50px;
}

.fancy-box-travel {
    padding-bottom: 64.5%;
    overflow: hidden;
    color: #fff;
    border-radius: 10px;
}

@media only screen and (max-width: 767px) {
    .fancy-box-travel {
        padding-bottom: 94.5%;
    }
}

.fancy-box-travel.fancybox-hover-block .fancy-box-header {
    transition: all 0.3s ease-in-out 0s;
}

.fancy-box-travel.fancybox-hover-block .fancy-box-info {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 5px;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    transition: all 0.3s ease-in-out 0s;
}

.fancy-box-travel.fancybox-hover-block:hover .fancy-box-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.fancy-box-travel:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(to top, #181b31 10%, transparent 100%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.fancy-box-travel h3 {
    margin: 0.4375em 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
}

.fancy-box-travel .fancy-box-image,
.fancy-box-travel .fancy-box-contents {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.fancy-box-travel .fancy-box-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
    transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), filter 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.fancy-box-travel .fancy-box-image img {
    visibility: hidden;
}

.fancy-box-travel .fancy-box-contents {
    margin: 12px 30px;
    z-index: 2;
}

.fancy-box-travel .fancy-box-category {
    display: inline-block;
    padding: 0.25em 0.625em;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 10px;
    font-size: 0.75em;
    margin-right: 8px;
    letter-spacing: 0.05em;
}

.fancy-box-travel .fancy-box-footer {
    margin-top: 10px;
}

.fancy-box-travel .btn {
    font-size: 0.875em;
    font-weight: 700;
}

.fancy-box-travel.fancy-box-big .fancy-box-contents {
    right: 30%;
}

.fancy-box-travel.fancy-box-tall {
    padding-bottom: 134.375%;
}

.fancy-box-travel.fancy-box-small {
    padding-bottom: 70.5%;
}

.fancy-box-travel.fancy-box-wide {
    padding-bottom: 33.36%;
}

.fancy-box-travel.fancy-box-square {
    padding-bottom: 100%;
}

.fancy-box-travel.hide-target .fancy-box-info p,
.fancy-box-travel.hide-target .fancy-box-info .fancy-box-footer {
    opacity: 0;
}

.fancy-box-travel:hover:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.fancy-box-travel:hover .fancy-box-image {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.fancy-box-tour {
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.45s cubic-bezier(0.32, 0.98, 0.37, 1);
}

.fancy-box-tour .fancy-box-contents,
.fancy-box-tour .fancy-box-footer {
    border: 1px solid #e7e9ef;
    border-top: none;
}

.fancy-box-tour .fancy-box-contents {
    padding: 1.25em 20px 1.5625em;
}

.fancy-box-tour .fancy-box-info {
    font-size: 0.8125em;
}

.fancy-box-tour .rating {
    font-size: 12px;
    margin: 0.45em 0;
    color: #a7a9b8;
}

.fancy-box-tour .star-rating {
    display: inline-block;
    font-size: 1em;
    color: #3ed2a7;
}

.fancy-box-tour .fancy-box-footer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.0625em 20px;
}

.fancy-box-tour .fancy-box-footer h6 {
    margin: 0;
    font-size: 1em;
    color: #181b31;
}

.fancy-box-tour .fancy-box-footer h6 strong {
    font-weight: bold;
    font-size: 1.5em;
    color: #3ed2a7;
}

.fancy-box-tour .fancy-box-icon {
    display: inline-block;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 0;
    color: #3ed2a7;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.fancy-box-tour .fancy-box-icon i {
    display: inline-block;
}

.fancy-box-tour:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.07);
}

.fancy-box-tour:hover .fancy-box-icon {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.flickity-slider .fancy-box-tour {
    margin-bottom: 50px;
}

.fancy-box-offer {
    display: -webkit-flex;
    display: flex;
    padding-bottom: 30px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7ed;
}

.fancy-box-offer .fancy-box-cell {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 16.666666666666667%;
    flex-basis: 16.666666666666667%;
    -webkit-flex: 1 0;
    flex: 1 0;
}

.fancy-box-offer .fancy-box-header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}

.fancy-box-offer .fancy-box-image {
    margin-right: 18px;
    -webkit-flex: 0 auto;
    flex: 0 auto;
}

.fancy-box-offer small {
    display: block;
    font-size: 13px;
    letter-spacing: 0.05em;
    color: #808291;
    font-weight: 400;
}

.fancy-box-offer h3 {
    line-height: 1.5em;
    font-weight: 600;
}

.fancy-box-offer h5 {
    margin: 0;
    font-size: 1.125em;
    line-height: 1.5em;
    font-weight: 600;
}

.fancy-box-offer img {
    max-width: 120px;
}

.fancy-box-offer p span {
    display: inline-block;
}

.fancy-box-offer .btn {
    font-size: 14px;
    -webkit-justify-content: center;
    justify-content: center;
}

.fancy-box-offer .btn-md>span {
    padding-top: 1em;
    padding-bottom: 1em;
}

.fancy-box-offer:last-child {
    border-bottom: none;
}

.fancy-box-offer-header {
    padding-bottom: 15px;
}

.fancy-box-offer-header h3 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.fancy-box-offer-header p {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a7a9b8;
}

.fancy-box-cell:before {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a7a9b8;
}

.fancy-box-case-study {
    -webkit-perspective: 1200px;
    perspective: 1200px;
    height: 400px;
    transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancy-box-case-study h3 {
    font-size: 27px;
}

.fancy-box-case-study figure {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
    transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 10px;
}

.fancy-box-case-study figure:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: rgba(13, 15, 30, 0.35);
}

.fancy-box-case-study .img-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    overflow: hidden;
}

.fancy-box-case-study .fancy-box-contents {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: inherit;
    perspective: inherit;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 10px;
}

.fancy-box-case-study .fancy-box-header {
    position: absolute;
    bottom: 40px;
    left: 35px;
    right: 35px;
    -webkit-transform: translateZ(35px) scale(0.942);
    transform: translateZ(35px) scale(0.942);
    color: #fff;
}

.fancy-box-case-study .ld-icon {
    display: block;
    font-size: 44px;
    line-height: 1;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.fancy-box-case-study .ld-cat {
    font-size: 13px;
}

.fancy-box-case-study.scheme-light .fancy-box-header {
    color: #fff;
}

.fancy-box-case-study.scheme-light .fancy-box-header h3 {
    color: inherit;
}

.fancy-box-case-study:hover {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}

.fancy-box-case-study:hover figure {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.fancy-box-case-study:hover .fancy-box-contents {
    box-shadow: 0 60px 110px rgba(0, 0, 0, 0.23);
}

.fancy-box-case-study:hover .ld-icon {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.fancy-box-overlay {
    padding-bottom: 53.335%;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s;
}

.fancy-box-overlay .img-container,
.fancy-box-overlay .fancy-box-contents {
    position: absolute;
    top: 0;
    left: 0;
}

.fancy-box-overlay .fancy-box-image,
.fancy-box-overlay .img-container,
.fancy-box-overlay .fancy-box-contents {
    width: 100%;
    height: 100%;
}

.fancy-box-overlay .img-container {
    width: 102%;
    height: 102%;
    left: -1%;
    top: -1%;
}

.fancy-box-overlay .fancy-box-image {
    background-position: center;
}

.fancy-box-overlay .blur-image-container {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.fancy-box-overlay .overlay {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4);
    transition: opacity 0.3s;
}

.fancy-box-overlay .fancy-box-contents {
    width: 85%;
    padding: 35px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.fancy-box-overlay .fancy-box-contents p {
    color: #ffffff;
}

@media (max-width: 991px) {
    .fancy-box-overlay .fancy-box-contents {
        padding: 24px;
    }
}

.fancy-box-overlay .fancy-box-footer {
    margin-top: auto;
    z-index: 2;
}

.fancy-box-overlay h3 {
    font-size: 24px;
    margin-bottom: 1.5rem;
}

.fancy-box-overlay.shadow {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}

.fancy-box-overlay.tall {
    padding-bottom: 133.335%;
}

.fancy-box-overlay.tall .fancy-box-contents {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.fancy-box-overlay.tall h3 {
    margin-bottom: 0.5rem;
}

.fancy-box-overlay.scheme-light {
    color: rgba(255, 255, 255, 0.75);
}

.fancy-box-overlay.scheme-light h3 {
    color: #fff;
}

.fancy-box-overlay.scheme-light .overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.fancy-box-overlay.fancy-box-overlay-alt {
    padding-left: 30px;
    padding-right: 30px;
}

.fancy-box-overlay.fancy-box-overlay-alt .fancy-box-contents {
    width: 100%;
}

.fancy-box-overlay.fancy-box-overlay-alt .fancy-box-footer {
    margin-top: 1.5rem;
}

.fancy-box-overlay:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}

.fancy-box-overlay:hover .overlay {
    opacity: 0.9;
}

.fancy-box-overlay:hover .blur-image-container {
    opacity: 1;
}

.fancy-box-classic h3 {
    margin-bottom: 0.5rem;
}

.fancy-box-classic.text-center h3 {
    margin-bottom: 1.25rem;
}

.fancy-box-custom-height {
    padding-bottom: 0 !important;
}

.fancy-box-heading-lg h3 {
    font-size: 36px;
}

.fancy-box-heading-sm h3 {
    font-size: 18px;
}

/*-------------------------------------------------------------------------------------
    Modals
---------------------------------------------------------------------------------------*/
.modal {
    z-index: 99999;
}

.modal .modal-dialog .modal-content {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    padding: 1.5rem;
    border: none;
    border-radius: 10px;
    outline: 0;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.modal .modal-dialog .modal-content img {
    vertical-align: middle;
}

.modal .modal-dialog .modal-content p {
    font-size: 16px;
    line-height: 1.9em;
    color: #828282;
}

.modal .modal-dialog .modal-content .modal-close {
    font-size: 20px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #000;
}

.modal .modal-dialog .modal-content .modal-close.dark {
    color: #fff;
}

.modal .modal-dialog .modal-content .modal-close:hover {
    color: #F0263F;
}

/*-------------------------------------------------------------------------------------
    Slider // Wedding
---------------------------------------------------------------------------------------*/
.site-blocks-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    position: relative;
    min-height: 600px;
    height: calc(100vh);
}

.site-blocks-cover.overlay {
    position: relative;
}

.site-blocks-cover.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .site-blocks-cover {
        min-height: 600px;
        height: calc(50vh);
    }
}

@media only screen and (max-width: 320px) {
    .site-blocks-cover {
        min-height: 675px;
    }
}

.site-blocks-cover>.container>.row {
    min-height: 600px;
    height: calc(100vh);
}

@media only screen and (max-width: 320px) {
    .site-blocks-cover>.container>.row {
        height: calc(100vh);
        min-height: 670px;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .site-blocks-cover>.container>.row {
        height: calc(50vh);
        min-height: 670px;
    }
}

.site-blocks-cover.inner-page {
    min-height: 600px;
    height: calc(80vh);
}

.site-blocks-cover.inner-page>.container>.row {
    min-height: 600px;
    height: calc(80vh);
}

.site-blocks-cover h1 {
    color: #030B61;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}

.site-blocks-cover .sub-text {
    font-size: 16px;
    color: #030B61;
    font-weight: 300;
}

.site-blocks-cover .img-wrap {
    position: absolute;
    width: calc(100% - 50%);
    top: 0;
    height: 100%;
    left: 50%;
    min-height: 600px;
    overflow: hidden;
    border-bottom-left-radius: 450px;
}

.site-blocks-cover .img-wrap .slide {
    height: 100vh;
    position: relative;
}

@media only screen and (max-width: 320px) {
    .site-blocks-cover .img-wrap .slide {
        height: 121vh;
    }
}

.site-blocks-cover .img-wrap .slide .slide-img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .site-blocks-cover .img-wrap .slide .slide-img {
        height: 78%;
    }
}

.site-blocks-cover .intro {
    z-index: 3;
    position: relative;
}

@media (max-width: 991.98px) {
    .site-blocks-cover h1 {
        font-size: 6rem;
        color: #ffffff;
    }
}

@media (max-width: 575px) {
    .site-blocks-cover h1 {
        font-size: 4rem;
        color: #ffffff;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .sub-text {
        color: #fff;
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .img-wrap {
        width: 100%;
        left: 0%;
        top: 0;
    }

    .site-blocks-cover .img-wrap .hero-slider:before {
        position: absolute;
        content: "";
        background: #3c3c3c;
        opacity: .5;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .intro .heading {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .intro .text {
        padding-left: 0;
    }
}

.site-menu-toggle .menu-text {
    position: relative;
    top: -6px;
    text-transform: uppercase;
}

.hero-slider .owl-nav {
    position: absolute;
    bottom: 60px;
    right: 50px;
    z-index: 100;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .hero-slider .owl-nav {
        position: absolute;
        bottom: auto;
        top: 480px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider .owl-nav {
        bottom: 60px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-slider .owl-nav {
        position: absolute;
        bottom: 90px;
    }
}

.hero-slider .owl-nav .owl-prev span,
.hero-slider .owl-nav .owl-next span {
    width: 50px;
    height: 50px;
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #ffffff;
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.3rem;
    transition: all .3s ease-in-out;
}

.hero-slider .owl-nav .owl-prev:hover span,
.hero-slider .owl-nav .owl-next:hover span {
    background: #0069FF;
    border-color: #0069FF;
    color: #ffffff;
}


/*-------------------------------------------------------------------------------------
    Icons List
---------------------------------------------------------------------------------------*/
.icon-section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
}

@media (max-width: 991px) {
    .icon-section {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    .icon-section {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 575px) {
    .icon-section {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 479px) {
    .icon-section {
        grid-template-columns: repeat(2, 1fr);
    }
}

.icon-section .icon-container {
    width: 100%;
    padding: .7em 0;
    position: relative;
    text-align: left;
    padding-right: 10px;
}

.icon-section .icon-name {
    color: #666;
    margin-left: 10px;
    font-size: .8em;
    transition: .3s;
}

/*=================================
    Template Styles
==================================*/
/*-------------------------------------------------------------------------------------
    Banner Area
---------------------------------------------------------------------------------------*/
.banner {
    position: relative;
    height: 750px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner {
        height: 1200px;
    }
}

@media only screen and (max-width: 767px) {
    .banner {
        height: 1100px;
    }
}

.banner .banner-inner {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-top: 120px;
    padding-bottom: 70px;
}

@media (max-width: 991px) {
    .banner .banner-inner {
        padding-top: 76px;
        padding-bottom: 52px;
    }
}

.banner .banner-inner .banner-table {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.banner .banner-inner .banner-table-center {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.banner .banner-inner .banner-bottom-shape {
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.banner .banner-inner #banner-bottom-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
}

.banner .banner-inner .banner-text h1 {
    font-size: 68px;
}

@media (max-width: 991px) {
    .banner .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .banner .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner .banner-inner .banner-text p {
    color: #575757;
    font-size: 16px;
}

.banner .banner-inner .banner-text.light-version h1,
.banner .banner-inner .banner-text.light-version p {
    color: #ffffff;
}

.banner .banner-inner .banner-video-play {
    position: relative;
    z-index: 2;
}

.banner .banner-inner .banner-video-play button {
    width: 70px;
    height: 70px;
    padding: 0;
    background: #fff;
    color: #000000;
}

.banner .banner-inner .banner-video-play button i {
    font-size: 20px;
}

.banner .banner-inner .video-player {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.banner .banner-inner.overlay::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.banner .banner-inner .banner-image-2 {
    width: 500px;
    height: 458px;
    background: transparent;
    border-radius: 16px;
    position: relative;
    z-index: 1;
}

.banner .banner-inner .banner-image-2 img {
    position: absolute;
}

@media (max-width: 991px) {
    .banner .banner-inner .banner-image-2 {
        width: 100%;
        height: 634px;
    }
}

@media only screen and (max-width: 575px) {
    .banner .banner-inner .banner-image-2 {
        width: 100%;
        height: 234px;
    }

    .banner .banner-inner .banner-image-2:before {
        width: 88%;
        height: 80%;
        left: 39px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-1 {
        height: 620px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-1 {
        height: 958px;
    }

    .banner.banner-1 .banner-inner .banner-image-2 {
        width: 100%;
        height: 345px;
    }
}

.banner.banner-1 .banner-inner .banner-text h1 {
    font-size: 48px;

}

.banner.banner-1 .banner-inner .banner-text h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 2px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.banner.banner-1 .banner-inner .banner-text h3:before {
    content: '';
    width: 61px;
    height: 2px;
    background: #fff;
    display: -webkit-inline-flex;
    display: inline-flex;
    top: 0;
    margin-right: 13px;
}

@media (max-width: 991px) {
    .banner.banner-1 .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-1 .banner-inner .banner-text h1 {
        font-size: 40px;
    }

    .banner.banner-1 .banner-inner .btn .gradients-button {
        padding: 0.5em 1.2em;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-1 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

.banner.banner-2 {
    height: 700px;
}

@media (max-width: 991px) {
    .banner.banner-2 {
        height: 1020px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-2 {
        height: 1020px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-2 {
        height: 932px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-2 {
        height: 765px;
    }
}

.banner.banner-2 .banner-inner .banner-text h1 {
    font-size: 46px;
}

@media (max-width: 991px) {
    .banner.banner-2 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-2 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-2 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

.banner.banner-2 .banner-inner .banner-text p {
    font-size: 16px;
}

.banner.banner-3 {
    height: 1000px;
}

@media (max-width: 991px) {
    .banner.banner-3 {
        height: 930px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-3 {
        height: 800px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-3 {
        height: 800px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-3 {
        height: 800px;
    }
}

.banner.banner-3 .banner-inner {
    background-position-y: -222px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

@media only screen and (max-width: 767px) {
    .banner.banner-3 .banner-inner {
        background-position-y: -142px;
    }
}

.banner.banner-3 .banner-inner .banner-text h1 {
    color: #ffffff;
    font-size: 58px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-3 .banner-inner .banner-text h1 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-3 .banner-inner .banner-text h1 {
        font-size: 40px;
    }
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: transparent;
    padding: .6em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn span {
    position: relative;
    left: 0;
    display: inline-block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn:hover {
    color: #17DCF3;
    background-color: #ffffff;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn .fa-arrow-right {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-left: 10px;
    color: #17DCF3;
    background-color: #ffffff;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.banner.banner-4 {
    height: 900px;
}

@media (max-width: 991px) {
    .banner.banner-4 {
        height: 1360px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-4 {
        height: 1080px;
    }
}

.banner.banner-4 .banner-image {
    width: 500px;
    height: 458px;
    background: #f99665;
    border-radius: 16px;
    position: relative;
}

.banner.banner-4 .banner-image img {
    position: absolute;
    bottom: 0;
}

@media (max-width: 991px) {
    .banner.banner-4 .banner-image img {
        position: absolute;
        bottom: 0;
        left: 8%;
        width: 80%;
    }
}

.banner.banner-4 .banner-image:before {
    content: url(img/gym/bg-2.png);
    position: absolute;
    width: 100%;
    height: 68%;
    top: 46%;
    left: 32px;
    display: block;
    overflow: hidden;
}

@media (max-width: 991px) {
    .banner.banner-4 .banner-image:before {
        width: 91%;
        height: 58%;
    }
}

@media (max-width: 991px) {
    .banner.banner-4 .banner-image {
        width: 100%;
        height: 634px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-4 .banner-image {
        width: 100%;
        height: 382px;
    }

    .banner.banner-4 .banner-image:before {
        width: 88%;
        height: 60%;
        left: 39px;
    }
}

.banner.banner-5 {
    height: 900px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-5 {
        height: 772px;
    }
}

@media (max-width: 991px) {
    .banner.banner-5 {
        height: 535px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-5 {
        height: 1200px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-5 {
        height: 1000px;
    }
}

.banner.banner-5 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-5 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-5 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-5 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-5 .banner-inner .banner-text h1 {
    font-size: 42px;
}

@media (max-width: 991px) {
    .banner.banner-5 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-5 .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-5 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-5 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner.banner-6 {
    background: linear-gradient(90deg, #1040C6 0%, #09AEFF 100%);
    height: 780px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-6 {
        height: 1318px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-6 {
        height: 1230px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-6 {
        height: 1195px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-6 {
        height: 1000px;
    }
}

.banner.banner-6 .banner-inner .banner-text h1 {
    font-size: 54px;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 50px;
    }

}

@media (max-width: 991px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 57px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 40px;
    }
}

.banner.banner-6 .banner-inner .banner-text p {
    color: #fff;
}

.banner.banner-6 .banner-inner .brand.hover-style a img {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: 1;
}

.banner.banner-6 .banner-inner .brand.hover-style:hover a img {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: 1;
}

.banner.banner-7 {
    background-image: linear-gradient(to right, #02C873 0%, #00CBFF 100%);
    height: 760px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-7 {
        height: 1180px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-7 {
        height: 997px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-7 {
        height: 997px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-7 {
        height: 870px;
    }
}

@media only screen and (max-width: 320px) {
    .banner.banner-7 {
        height: 850px;
    }
}

.banner.banner-7 .banner-inner .banner-text h1 {
    color: #fff;

    font-size: 42px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner.banner-7 .banner-inner .banner-text p {
    color: #fff;
}

.banner.banner-7 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner.banner-7 .btn .icon-button-rl {
    display: inline-block;
}

.banner.banner-7 .btn .icon-button-rl i {
    width: 35px;
    height: 35px;
    line-height: 33px;
}

.banner.banner-8 {
    height: 660px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-8 {
        height: 700px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-8 {
        height: 700px;
    }
}
@media only screen and (max-width: 767px) {
    section.banner.banner-8 {
        height: 275px;
    }
}


.banner.banner-8 .banner-inner .banner-text h1 {
    font-size: 52px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

.banner.banner-8 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-9 {
        height: 632px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-9 {
        height: 935px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 {
        height: 732px;
    }
}

.banner.banner-9 .line-saprator {
    width: 87px;
    border: 3px solid #ffffff;
}

.banner.banner-9 .personal-title {
    font-size: 85px;
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-9 .personal-title {
        font-size: 68px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 .personal-title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-9 .social-icon li a {
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 .social-icon li a {
        padding: 5px 7px;
    }
}

.banner.banner-9 .banner-inner .banner-text h1 {
    font-size: 34px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 22px;
    }
}

.banner.banner-9 .banner-inner .banner-text h3.line {
    position: relative;
    font-size: 18px;
    color: #CACAE4;
    font-weight: 400;
    margin-left: 30px;
}

.banner.banner-9 .banner-inner .banner-text h3.line:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 1px;
    background: #fff;
}

@media only screen and (max-width: 575px) {
    .banner.banner-9 .banner-inner .banner-text h3.line:before {
        display: none;
    }
}

.banner.banner-9 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner.banner-10 {
    height: 970px;
}

@media (max-width: 991px) {
    .banner.banner-10 {
        height: 700px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-10 {
        height: 1200px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-10 {
        height: 1120px;
    }
}

.banner.banner-10 .rounded-bg-shape {
    position: absolute;
    width: 1900px;
    top: -630px;
    left: -295px;
    z-index: -2;
}

.banner.banner-10 .rounded-bg-shape img {
    width: 1900px;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-10 .rounded-bg-shape {
        width: 2500px;
        top: -1000px;
        left: -295px;
    }

    .banner.banner-10 .rounded-bg-shape img {
        width: 2500px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-10 .rounded-bg-shape {
        width: 2500px;
        top: -835px;
        left: -506px;
    }

    .banner.banner-10 .rounded-bg-shape img {
        width: 2500px;
    }
}

.banner.banner-10 .square-dots-purple {
    position: absolute;
    bottom: 110px;
    right: 20px;
    z-index: -1;
}

.banner.banner-10 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-10 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-10 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-10 .banner-inner .banner-text h1 {
    font-size: 42px;
}

@media (max-width: 991px) {
    .banner.banner-10 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-10 .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-10 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner.banner-11 {
    height: 940px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-11 {
        height: 780px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-11 {
        height: 850px;
    }
}

.banner.banner-11 .typed-cursor {
    opacity: 0.2;
}

.banner.banner-11 .banner-inner {
    padding-bottom: 300px;
}

@media (max-width: 991px) {
    .banner.banner-11 .banner-inner {
        padding-bottom: 155px;
    }
}

.banner.banner-11 .banner-inner .banner-text h1 {
    font-size: 52px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner.banner-11 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner.banner-12 {
    height: 700px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-12 {
        height: 650px;
    }
}

@media (max-width: 991px) {
    .banner.banner-12 {
        height: 630px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-12 {
        height: 800px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-12 {
        height: 700px;
    }
}

.banner.banner-12 video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner.banner-12 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-12 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-12 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-12 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-12 .banner-inner .banner-text h1 {
    font-size: 44px;
    font-weight: 900;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .banner.banner-12 .banner-inner .banner-text h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-12 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-12 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-12 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner.banner-13 {
    height: 500px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-13 {
        height: 650px;
    }
}

@media (max-width: 991px) {
    .banner.banner-13 {
        height: 580px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-13 {
        height: 520px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-13 {
        height: 500px;
    }
}

.banner.banner-13 video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner.banner-13 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-13 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-13 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-13 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-13 .banner-inner .banner-text h1 {
    font-size: 44px;
    font-weight: 900;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .banner.banner-13 .banner-inner .banner-text h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-13 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-13 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-13 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner.banner-14 {
    height: 660px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-14 {
        height: 700px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-14 {
        height: 700px;
    }
}

.banner.banner-14 .banner-inner .banner-text h1 {
    font-size: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

.banner.banner-14 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner-landing .content-area h1 {
    font-size: 4.5rem;
    font-weight: 500;
    color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing .content-area h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing .content-area h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner-landing .content-area h1 {
        font-size: 30px;
    }
}

.banner-landing .content-area p {
    color: #ffffff;
    font-size: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing .content-area p {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing .content-area p {
        font-size: 0.875rem;
    }
}

.banner-landing-2::after {
    background-color: #36096d;
    background-image: linear-gradient(to right, #031034 0%, #28dbe9 100%);
    background-size: 200% auto;
}

.banner-landing-2 .items-wrap {
    top: 0px;
    bottom: 0px;
    width: 360px;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    -webkit-align-items: center;
    align-items: center;
    z-index: 3;
}

.banner-landing-2 .items-wrap.left-bar {
    left: 0px;
}

.banner-landing-2 .items-wrap.left-bar>ul>li:nth-child(1)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap.left-bar>ul>li:nth-child(2)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap.left-bar>ul>li:nth-child(2) {
    margin-top: -40px;
    padding-left: 30px;
}

.banner-landing-2 .items-wrap.right-bar {
    right: 0px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(1) {
    padding-right: 55px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(1)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(2) {
    margin-top: -50px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(2)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap>ul {
    margin: auto 0px;
}

.banner-landing-2 .items-wrap.ul-li-block>ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: table;
}

.banner-landing-2 .items-wrap.ul-li-block>ul>li {
    width: 100%;
    display: table;
    list-style: none;
}

.banner-landing-2 .items-wrap.ul-li-block>ul>li>.page-image {
    height: 220px;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.banner-landing-2 .ul-li-center>ul {
    padding: 0px;
    margin: 0 auto;
    display: table;
}

.banner-landing-2 .ul-li-center>ul>li:not(:last-child) {
    margin-right: 75px;
}

.banner-landing-2 .ul-li-center>ul>li {
    float: left;
    list-style: none;
    display: inline-block;
}

.banner-landing-2 .counterup-wrap>ul>li h3 {
    font-size: 40px;
    margin-bottom: 0px;
    color: #000;
}

.banner-landing-2 .counterup-wrap>ul>li h3 span {
    font-weight: 600;
    display: inline-block;
}

.banner-landing-2 .counterup-wrap sup {
    top: -.5em;
}

.banner-landing-2 .content-area h1 {
    font-size: 3.5rem;
    font-weight: 600;
    color: #ffffff;
}

.banner-landing-2 .content-area h1 span {
    color: white;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing-2 .content-area h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing-2 .content-area h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner-landing-2 .content-area h1 {
        font-size: 30px;
    }
}

.banner-landing-2 .content-area p {
    color: #ffffff;
    font-size: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing-2 .content-area p {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing-2 .content-area p {
        font-size: 0.875rem;
    }
}

.icons {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.icons i {
    background: #ffffff;
    padding: 14px;
    border-radius: 25px;
    box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
    position: absolute;
}

.icons i:nth-child(1) {
    top: 35%;
    left: -10px;
    font-size: 25px;
}

.icons i:nth-child(2) {
    top: 80%;
    left: 20%;
    padding: 12px 15px;
}

.icons i:nth-child(3) {
    top: 7%;
    right: 20%;
}

.icons .skill-box {
    width: 300px;
    border: 0;
    position: absolute;
    bottom: -128px;
    right: -19px;
    box-shadow: 0 1.5rem 4rem rgba(42, 53, 79, 0.05);
}

@media only screen and (max-width: 767px) {
    .icons .skill-box {
        display: none;
    }
}

.icons .skill-box h1 {
    font-weight: normal;
}

.icons .skill-box p {
    font-size: 14px;
}

.icons .skill-box .skills span {
    padding: 10px 15px;
    margin: 4px;
    border-radius: 22px;
    display: inline-block;
    color: #0A95F2;
    position: relative;
}

.icons .skill-box .skills span:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 22px;
    display: block;
    background: #09AEFF;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
}

.icons .skill-box .button-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    color: #0A95F2;
}

.icons .skill-box .button-link span {
    margin-left: 6px;
    transition: all 300ms ease-in-out;
}

.icons .skill-box .button-link:hover span {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}

.sl-newsletter-input-box {
    position: relative;
}

.sl-newsletter-input-box.placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box:-moz-placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box::-moz-placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box::-webkit-input-placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box input[type="text"] {
    border-radius: 50px;
    background: #ffffff;
    border: 0;
    letter-spacing: 0;
    height: 60px;
    width: 100%;
    color: #79879d;
    font-size: 16px;
    padding: 0 180px 0 24px;
    box-shadow: 0 1.5rem 4rem rgba(42, 53, 79, 0.05);
}

.sl-newsletter-input-box button {
    background-image: linear-gradient(90deg, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
    border-radius: 50px;
    border: 0;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 6px;
    top: 6px;
    letter-spacing: 0;
    font-weight: 700;
    cursor: pointer;
    padding: 0 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sl-newsletter-input-box button .icon {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.shape_round_box-1,
.shape_round_box-1 .img_round_shape {
    width: 442px;
    height: 429px;
    margin: 0 auto;
    position: relative;
    border-radius: 30% 70% 60% 40% / 44% 30% 70% 56%;
}

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

    .shape_round_box-1,
    .shape_round_box-1 .img_round_shape {
        width: 450px;
        height: 460px;
    }
}

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

    .shape_round_box-1,
    .shape_round_box-1 .img_round_shape {
        width: 240px;
        height: 250px;
    }
}

.shape_round_box-1 .img_round_shape {
    overflow: hidden;
}

.shape_round_box-1 .img_round_shape img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*-------------------------------------------------------------------------------------
    Welcome Slider
---------------------------------------------------------------------------------------*/
.welcome-area {
    position: relative;
    z-index: 1;
}

.welcome-slides {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.welcome-slides .owl-prev,
.welcome-slides .owl-next {
    transition: 500ms;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 60px;
    margin-top: -33px;
    z-index: 10;
    text-align: center;
    line-height: 70px;
    color: #ffffff;
    font-size: 30px;
    background: transparent !important;
    border: 1px solid #C4956B !important;
    color: #C4956B !important;
    font-size: 25px !important;
}

.welcome-slides .owl-prev:hover,
.welcome-slides .owl-prev:focus,
.welcome-slides .owl-next:hover,
.welcome-slides .owl-next:focus {
    background: #C4956B;
}

.welcome-slides .owl-next {
    left: auto;
    right: 70px;
}

.single-welcome-slide {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 660px;
}

.single-welcome-slide .welcome-text {
    position: relative;
    z-index: 1;
}

.single-welcome-slide .welcome-text h2 {
    font-weight: 700;
    font-size: 82px;
    line-height: 1;
    display: block;
    margin-bottom: 38px;
    color: #ffffff;
}

.single-welcome-slide .welcome-text p {
    color: #ffffff;
    margin-bottom: 50px;
    display: block;
}

.single-welcome-slide .welcome-text .hero-mail-contact {
    color: #ffffff;
    font-style: italic;
    text-decoration: underline;
}

.single-welcome-slide .welcome-text .hero-mail-contact:hover,
.single-welcome-slide .welcome-text .hero-mail-contact:focus {
    color: #C4956B;
}

/*-------------------------------------------------------------------------------------
    Footer area
---------------------------------------------------------------------------------------*/
.footer-wave-shape {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
}

.crypto-footer {
    margin-top: -270px;
}

@media (max-width: 991px) {
    .crypto-footer {
        margin-top: -230px;
    }
}

@media only screen and (max-width: 479px) {
    .crypto-footer {
        margin-top: -240px;
    }
}

.landing-footer::after {
    background-color: #36096d;
    background-image: linear-gradient(to right, #031034 0%, #28dbe9 100%);
    background-size: 200% auto;
}

.footer-rounded-bg-shape {
    position: absolute;
    width: 1900px;
    left: -275px;
    bottom: -830px;
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
}

.footer-rounded-bg-shape img {
    width: 1900px;
}

@media only screen and (min-width: 1600px) {
    .footer-rounded-bg-shape {
        width: 2500px;
        left: -420px;
        bottom: -1310px;
        -webkit-transform: rotate(11deg);
        transform: rotate(6deg);
    }

    .footer-rounded-bg-shape img {
        width: 2500px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-rounded-bg-shape {
        width: 1863px;
        left: -652px;
        bottom: -742px;
    }
}

@media (max-width: 991px) {
    .footer-rounded-bg-shape {
        left: -900px;
        bottom: -764px;
    }
}

@media only screen and (max-width: 479px) {
    .footer-rounded-bg-shape {
        left: -1244px;
        bottom: -799px;
    }
}

.footer-part {
    position: relative;
    z-index: 2;
}

.footer-part.overlay::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(320deg, #004e92 0%, #000428 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.footer-part.single_image-wrapper {
    position: relative;
}

.footer-part.single_image-wrapper .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

@media (max-width: 991px) {
    .footer-part.single_image-wrapper .image-wrapper {
        background-position: 70% 0;
    }
}

@media only screen and (max-width: 479px) {
    .footer-part.single_image-wrapper .image-wrapper {
        background-position: 56% 0;
    }
}

.footer-part .inner p {
    font-size: 1rem;
    letter-spacing: .4px;
}

.footer-part .inner ul {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .footer-part .inner ul {
        margin-bottom: 15px;
    }
}

.footer-part .inner ul:not(.social-icon) li {
    padding: 8px 0;
}

.footer-part .inner ul:not(.social-icon) li a {
    position: relative;
    display: inline-block;
    font-size: 1rem;
}

.footer-part .inner ul:not(.social-icon) li:not(.tooltip-top) a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.footer-part .inner ul:not(.social-icon) li:hover a::after {
    width: 100%;
    right: 0;
}

.footer-part .inner h3 {
    font-size: 20px;
}

.footer-part .inner.text-style-light h3,
.footer-part .inner.text-style-light .footer-join h2 {
    color: #ffffff;
}

.footer-part .inner.text-style-light ul:not(.social-icon) li a,
.footer-part .inner.text-style-light p {
    color: #e2e2e2;
}

.footer-part .inner.text-style-light-2 ul:not(.social-icon) li a,
.footer-part .inner.text-style-light p {
    color: #ffffff;
}

.footer-part .inner.text-style-light-2 h3,
.footer-part .inner.text-style-light-2 .footer-join h2 {
    color: #ffffff;
}

.footer-part .inner.text-style-light-2 ul:not(.social-icon) li a,
.footer-part .inner.text-style-light-2 p {
    color: #ffffff;
}

.footer-part .inner.text-style-light-2-2 ul li a,
.footer-part .inner.text-style-light-2 p {
    color: #ffffff;
}

.footer-part .inner .footer-nav ul .item {
    padding: 15px;
}

.footer-part.product-footer .inner {
    padding-top: 240px;
    padding-bottom: 40px;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .footer-part.product-footer .inner {
        padding-top: 310px;
    }
}

.footer-part.rounded-circle-right {
    border-top-right-radius: 190px;
}

@media only screen and (max-width: 575px) {
    .footer-part.rounded-circle-right {
        border-top-right-radius: 145px;
    }
}

.footer-part.rounded-circle-left {
    border-top-left-radius: 190px;
}

@media only screen and (max-width: 575px) {
    .footer-part.rounded-circle-left {
        border-top-left-radius: 145px;
    }
}

.footer-part .footer-copyright {
    width: 100%;
    padding: 0 15px;
}

.footer-part .footer-copyright.text-style-light .copyright p {
    color: #e2e2e2;
}

.footer-part .footer-copyright.text-style-light-2 .copyright p {
    color: #ffffff;
}

.footer-part .footer-copyright .copyright p {
    font-size: 1rem;
}

.footer-part .footer-copyright .copyright a {
    color: #ffffff;
}

.footer-part.footer-classic .footer-links a {
    position: relative;
    padding: 3px 5px;
    color: #fff;
}

.footer-part.footer-classic .footer-links a:hover {
    color: #0069FF;
}

.footer-part.footer-classic .contact-mata {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 15px;
}

.footer-part.footer-classic .contact-mata i {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.11);
    color: #ffffff;
    margin-right: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer-part.footer-classic .contact-mata p,
.footer-part.footer-classic .contact-mata a {
    margin: 0;
    color: #fff;
}

.footer-part.footer-classic .contact-mata:hover i {
    background: #0069FF;
}

.wave-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wave-wrapper .wave {
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 575px) {
    .wave-wrapper .wave {
        height: 112px;
    }
}

.wave-wrapper .wave-top {
    opacity: .1;
}

.wave-wrapper .wave-bottom {
    opacity: .2;
}

.wave-wrapper .wave-single {
    opacity: 1;
}

#common-footer {
    background: #17313b;
    color: #fff;
    position: relative;
    border-top: 1px solid #c9dfe6;
    z-index: 16;
}

#common-footer:before {
    content: "";
    position: absolute;
    top: 215px;
    left: 0;
    right: 0;
    height: 1px;
    background: #0069FF;
}

@media (max-width: 991px) {
    #common-footer:before {
        display: none;
    }
}

#common-footer .footer_item {
    margin: 170px 0 160px;
    position: relative;
    padding-right: 10px;
    padding-left: 25px;
}

@media (max-width: 991px) {

    #common-footer .footer_item:nth-child(1),
    #common-footer .footer_item:nth-child(2) {
        margin: 50px 0 50px;
    }

    #common-footer .footer_item:nth-child(3),
    #common-footer .footer_item:nth-child(4) {
        margin: 0px 0 50px;
    }
}

@media (max-width: 991px) {
    #common-footer .footer_item:nth-child(1) {
        margin: 40px 0 0;
    }

    #common-footer .footer_item:nth-child(2) {
        margin: 40px 0 40px;
    }

    #common-footer .footer_item:nth-child(3),
    #common-footer .footer_item:nth-child(4) {
        margin: 0px 0 40px;
    }
}

#common-footer .footer_item:before {
    content: "";
    background: #0069FF;
    width: 1px;
    right: 5px;
    position: absolute;
    z-index: 2;
    top: -170px;
    bottom: -157px;
}

@media (max-width: 991px) {
    #common-footer .footer_item:before {
        display: none;
    }
}

#common-footer .footer_item__logo {
    margin-top: -15px;
}

#common-footer .footer_info__list {
    list-style-type: none;
    padding: 0;
    margin: 49px 0 0;
}

#common-footer .footer_info__list li {
    margin: 11px 0;
    font-size: 14px;
    color: #c9dfe6;
}

#common-footer .footer_info__list li a {
    color: #c9dfe6;
    text-decoration: none;
}

#common-footer .footer_item__head {
    text-decoration: none;
    color: #fff;

    display: inline-block;
    margin-bottom: 38px;
    font: 400 20px/22px;
    font-size: 20px;
    line-height: 30px;
}

@media (max-width: 991px) {
    #common-footer .footer_item__head {
        margin-bottom: 15px;
    }
}

#common-footer .footer_menu__list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#common-footer .footer_menu__list li a {
    color: #fff;
    padding: 0;
    text-decoration: none;
    font-size: 1rem;
    margin: 0 0 8px;
    position: relative;
    display: block;
}

#common-footer .footer_menu__list li a:hover {
    color: #0069FF;
}

@media (min-width: 1200px) {
    #common-footer .footer_menu__list li a {
        white-space: nowrap;
    }
}

#common-footer .col {
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%;
}

#common-footer .footer_menu:before {
    content: "";
    background: #0069FF;
    width: 1px;
    top: 26px;
    right: 0;
    left: 5px;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

@media (max-width: 991px) {
    #common-footer .footer_menu:before {
        display: none;
    }
}

#common-footer .footer_menu__first:before {
    display: none;
}

#common-footer .footer_info__list.mobile_only {
    display: none;
}

#common-footer .footer_contacts:before {
    display: none;
}

#common-footer .footer_contacts__item p {
    color: #c9dfe6;
    margin: 0 0 16px;
    font-size: 14px;
}

#common-footer .footer_contacts__item a {
    color: #fff;
}

@media (min-width: 768px) {
    #common-footer .footer_contacts__item:before {
        content: "";
        background: #0069FF;
        width: 1px;
        top: 26px;
        left: 5px;
        bottom: 0;
        position: absolute;
        z-index: 2;
    }
}

/*-------------------------------------------------------------------------------------
    Header Magamenu
---------------------------------------------------------------------------------------*/
.header-mega-menu .row,
.header-mega-menu [class*="col-"] {
    position: static;
}

.mainmenu li.with--drop {
    position: relative;
}

.mainmenu li.with--drop.slide--megamenu {
    position: static;
}

.mainmenu li.with--drop.slide--megamenu:hover .mega-width-fullscreen {
    display: block;
    -webkit-animation: show-animation .5s;
    animation: show-animation .5s;
}

.mainmenu li.with--drop.slide-dropdown {
    position: relative;
}

.mainmenu li.with--drop.slide-dropdown:hover .dropdown__menu {
    display: block;
    -webkit-animation: show-animation .5s;
    animation: show-animation .5s;
    top: 100%;
}

/* -------------------------
Start Dropdown Menu 
--------------------------*/
.dropdown__menu {
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    position: absolute;
    list-style: none;
    background-color: #222222;
    -webkit-animation: hide-animation .5s;
    animation: hide-animation .5s;
    left: 0px;
    display: none;
    width: 300px;
    margin: 0;
    padding: 35px 0 35px;
    min-width: 300px;
    border-bottom: 4px solid #0069FF;
}

.dropdown__menu li {
    padding: 0 40px;
}

.dropdown__menu li a {
    display: block;
}

.dropdown__menu li a span {
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .4px;
    color: #ffffff;
    font-size: 14px;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 6px 0;

}

.dropdown__menu li a span span.badge {
    padding: 0 .6em;
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
}

.dropdown__menu li a span:not(.badge)::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.dropdown__menu li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.dropdown__menu li a span:hover {
    color: #ffffff;
}

.dropdown__menu li.drop-lavel--2 {
    position: relative;
}

.dropdown__menu li.drop-lavel--2>a {
    position: relative;
}

.dropdown__menu li.drop-lavel--2>a::before {
    content: "\f105";
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    background: transparent !important;
}

.dropdown__menu li.drop-lavel--2 .lavel--2 {
    position: absolute;
    list-style: none;
    display: none;
    padding: 30px 0 30px;
    margin: 0;
    background: #222222;
    width: 300px;
    border-bottom: 4px solid #0069FF;
    -webkit-animation: slide-out-to-right .3s;
    animation: slide-out-to-right .3s;
    left: 100%;
    top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown__menu li.drop-lavel--2 .lavel--2 {
        width: 230px;
    }
}

.dropdown__menu li.drop-lavel--2:hover>.lavel--2 {
    display: block;
    -webkit-animation: slide-in-to-left .3s;
    animation: slide-in-to-left .3s;
}

/* For Menu Style */
.mega-width-fullscreen {
    width: auto;
    display: none;
    top: 100%;
    left: 0px;
    margin-left: -643.563px;
    margin-top: 0px;
    min-width: 10em;
    max-width: 20em;
    right: 0;
    margin-left: 0;
    max-width: none;
    padding: 50px 0;
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    position: absolute;
    list-style: none;
    background-color: #222222;
    -webkit-animation: hide-animation .5s;
    animation: hide-animation .5s;
    border-bottom: 4px solid #0069FF;
}

.mega-width-fullscreen .mega-list {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mega-width-fullscreen .mega-list li.mega-title {
    display: block;
    margin: 0 30px 18px 0;
    padding-bottom: 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border: 0 solid transparent;
    border-bottom: 1px solid #444;
    color: #ffffff;
}

.mega-width-fullscreen .mega-list li a span {
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    font-size: 14px;

    letter-spacing: .4px;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 6px 0;
}

.mega-width-fullscreen .mega-list li a span span.badge {
    padding: 0 .6em;
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
}

.mega-width-fullscreen .mega-list li a span:not(.badge)::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.mega-width-fullscreen .mega-list li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.mega-width-fullscreen .mega-list li a span:hover {
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Header Broadcast
---------------------------------------------------------------------------------------*/
.header__digital--broadcast {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.header__digital--broadcast .header-left {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
}

.header__digital--broadcast .header-left .sl-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header__digital--broadcast .header-left .sl-menu li {
    padding: 34px 15px;
}

@media only screen and (max-width: 767px) {
    .header__digital--broadcast .header-left .sl-menu li {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.header__digital--broadcast .header-left .sl-menu li a {
    font-weight: 500;
    line-height: 1.18;
    text-decoration: none;
    font-size: 18px;
    color: #222222;
    font-family: "Montserrat", sans-serif;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (max-width: 991px) {
    .header__digital--broadcast .header-left .sl-menu li a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .header__digital--broadcast .header-left .sl-menu li a {
        font-size: 15px;
    }
}

.header__digital--broadcast .header-center {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

@media only screen and (max-width: 479px) {
    .header__digital--broadcast .header-center {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
}

.header__digital--broadcast .header-right-arrow {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    display: -webkit-flex;
    display: flex;
    margin: 0 -12px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header-not-top .header__digital--broadcast .header-left .sl-menu li {
    padding-top: 30px;
    padding-bottom: 25px;
}

/*======================
Button Hire  
========================*/
.hire-on-top-button {
    position: relative;
}

.hire-on-top-button .the-arrow {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    width: 74px;
    position: relative;
    color: #999;
}

.hire-on-top-button .the-arrow .shaft {
    background-color: currentColor;
    display: block;
    height: 2px;
    position: relative;
    transition-delay: 0s;
    will-change: transform;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hire-on-top-button .the-arrow .shaft::before,
.hire-on-top-button .the-arrow .shaft::after {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    background-color: currentColor;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .2s;
    transition-delay: 0s;
    width: 14px;
}

.hire-on-top-button .the-arrow .shaft::before {
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.hire-on-top-button .the-arrow .shaft::after {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.hire-on-top-button .the-arrow-left {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
}

.hire-on-top-button .the-arrow-left .shaft {
    width: 0;
}

.hire-on-top-button .the-arrow-left .shaft::before,
.hire-on-top-button .the-arrow-left .shaft::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 0;
}

.hire-on-top-button .the-arrow-right {
    vertical-align: middle;
    display: inline-block;
    margin-left: 14px;
    margin-top: -2px;
}

.hire-on-top-button .the-arrow-right .shaft {
    width: 74px;
    transition-delay: .2s;
    opacity: .15;
}

.hire-on-top-button .the-arrow-right .shaft::before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.hire-on-top-button .the-arrow-right .shaft::after {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.hire-on-top-button span.button-text {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    color: #222;
    font-size: 18px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.hire-on-top-button:hover .the-arrow {
    color: #222;
}

.hire-on-top-button:hover .the-arrow-left .shaft {
    width: 74px;
    transition-delay: .1s;
    background-color: currentColor;
}

.hire-on-top-button:hover .the-arrow-left .shaft::before,
.hire-on-top-button:hover .the-arrow-left .shaft::after {
    width: 14px;
    transition-delay: .1s;
    background-color: currentColor;
}

.hire-on-top-button:hover .the-arrow-left .shaft::before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.hire-on-top-button:hover .the-arrow-left .shaft::after {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.hire-on-top-button:hover .the-arrow-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.hire-on-top-button:hover span.button-text {
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
}

/*-------------------------------------------------------------------------------------
    Header
---------------------------------------------------------------------------------------*/
.page_nav ul.mainmenu {
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    -webkit-align-items: center;
    align-items: center;
}

/* ============================
    Header Default Area 
================================*/
.header-default .mainmenu-wrapper .page_nav ul.mainmenu li a,
.header-default .mega-width-fullscreen .mega-list li a span,
.header-default .dropdown__menu li a span,
.header-default .header-right .mini-cart-button button,
.header-default .header-right .popup-search-wrap a.btn-search-click,
.header__digital--broadcast .header-left .sl-menu li a {
    letter-spacing: .8px !important;
}

.header-crypto.header-sticky.header-not-top {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
    background-size: 200% auto;
}

.header-crypto .header__wrapper .header-right {
    margin: 0;
    padding-right: 15px;
    -webkit-flex-basis: 26% !important;
    flex-basis: 26% !important;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .header-crypto .header__wrapper .header-right {
        -webkit-flex-basis: 35% !important;
        flex-basis: 35% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-crypto .header__wrapper .header-right {
        -webkit-flex-basis: 58% !important;
        flex-basis: 58% !important;
    }
}

.header-crypto.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a {
    color: #5bfec9;
}

.header-crypto.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a span:before {
    color: #5bfec9;
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    position: absolute;
    top: -44px;
    left: 50%;
    margin-left: -10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.hovermesvg>a span:before {
/*    right: 50%!important;
    left: 0!important;*/
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1:hover>a span:before {
    opacity: 1;
    top: -32px;
    font-size: 20px;
    margin-left: -6px;
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.hovermesvg:hover>a span:before {
    margin-left: -15px;
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span:after {
    display: none;
}

.header-product-saas.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a span {
    color: #222;
}

.header-product-saas.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a span {
    color: #00d563;
    background-image: linear-gradient(to right, #00d563 0%, #00b755 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainmenu-wrapper .page_nav ul.mainmenu {
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.hovermesvg {
    display: inline-block;
    padding-top: 41px;
    padding-bottom: 41px;
    padding-left: 0px;
    padding-right: 0px;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .4px;
    font-size: 0.90rem;
    font-family: "Montserrat", sans-serif;
    color: #0069FF;
    padding-top: 41px;
    padding-bottom: 41px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: .4px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span {
    position: relative;
    overflow: hidden;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1:hover>a span::after {
    width: 100%;
    right: 0;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
    position: relative;
    margin-left: 13px;
    padding-right: 21px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
        margin-left: 3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lg-not-transparent {
        position: fixed !important;
        background-color: #ffffff !important;
        padding-top: 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .lg-not-transparent {
        position: fixed !important;
        background-color: #ffffff !important;
        padding-top: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .lg-not-transparent {
        position: fixed !important;
        background-color: #ffffff !important;
        padding-top: 10px !important;
    }
}

header.sl_header.header-default.vertical-slide-portfolio {
    background: #fff;
}

.header-default {
    position: relative;
    z-index: 9;
}

.header-default.header-fixed-width.header-fixed-150 .container-fluid {
    padding-left: 150px;
    padding-right: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
    padding-left: 130px;
    padding-right: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-default.header-fixed-width .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-default.header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.header-default.header-transparent.position-from--top.header-not-top {
    padding-top: 0;
}

.header-default .header__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default .header__wrapper {
        margin-right: 29px;
        position: relative;
        z-index: 9;
    }
}

@media only screen and (max-width: 767px) {
    .header-default .header__wrapper {
        margin-right: 29px;
    }
}

.header-default .header__wrapper .header-left {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default .header__wrapper .header-left {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
    }
}

@media only screen and (max-width: 767px) {
    .header-default .header__wrapper .header-left {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
    }
}

@media only screen and (max-width: 575px) {
    .header-default .header__wrapper .header-left {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}

.header-default .header__wrapper .header-left .logo a img {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 120px;
    height: auto;
    max-width: 100%;
}

.header-default .header__wrapper .header-flex-right {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header-default .header__wrapper .header-flex-right.flex-80 {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.header-default .header__wrapper .mainmenu-wrapper {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.header-default .header__wrapper .mainmenu-wrapper.have-not-flex {
    -webkit-flex-grow: inherit;
    flex-grow: inherit;
}

.header-default .header__wrapper .mainmenu-wrapper.have-not-flex .page_nav ul.mainmenu {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header-default .header__wrapper .header-right {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    display: -webkit-flex;
    display: flex;
    margin: 0 -12px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    flex-shrink: 0;
}

.header-default .header__wrapper .header-right.have-not-flex {
    -webkit-flex-basis: inherit;
    flex-basis: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 12%;
        flex-basis: 12%;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 14%;
        flex-basis: 14%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (max-width: 767px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (max-width: 575px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}

.header-default .header-right {
    margin: 0 -12px;
}

.header-default .header-right>div {
    margin: 0 12px;
}

@media only screen and (max-width: 575px) {
    .header-default .header-right .social-icon li a {
        padding: 7px;
    }
}

.header-default .header-right .mini-cart-button {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
}

.header-default .header-right .mini-cart-button::after {
    position: absolute;
    top: -4px;
    right: -13px;
    padding: 0 4px;
    min-width: 15px;
    height: 15px;
    border-radius: 100%;
    content: attr(data-count);
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
}

.header-default .header-right .mini-cart-button button {
    border: 0 none;
}

.header-default.gradient-border .mini-cart .shopping-cart,
.header-default.gradient-border .dropdown__menu,
.header-default.gradient-border .mega-width-fullscreen,
.header-default.gradient-border .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom: none !important;
}

.header-default.gradient-border .mini-cart .shopping-cart:after,
.header-default.gradient-border .dropdown__menu:after,
.header-default.gradient-border .mega-width-fullscreen:after,
.header-default.gradient-border .dropdown__menu li.drop-lavel--2 .lavel--2:after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -4px;
    left: 0;
    background-image: linear-gradient(to right, #031034 0%, #28dbe9 100%);
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen {
    background: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen .mega-list li.mega-title {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span.badge {
    color: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu {
    background: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li a span {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li a span.badge {
    color: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li.drop-lavel--2>a::before {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li.drop-lavel--2 .lavel--2 {
    background: #ffffff;
}

.header-default.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #ffffff;
}

.header-default.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li a::after {
    background: #ffffff;
}

.header-default.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li.with--drop::before {
    color: #ffffff;
}

.header-default.header-light-version .dropdown__menu li.drop-lavel--2>a::before {
    color: #fff;
}

.header-default.header-light-version .header-right .mini-cart-button {
    color: #fff;
}

.header-default.header-light-version .header-right .mini-cart-button::after {
    color: #fff;
}

.header-default.header-light-version .header-right .mini-cart-button button {
    color: #fff;
}

.header-default.header-light-version .header-right .popup-search-wrap a.btn-search-click {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .header-left .sl-menu li a {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button {
    position: relative;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow .shaft {
    background-color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow .shaft::before,
.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow .shaft::after {
    background-color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow-right .shaft {
    opacity: .5;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button span.button-text {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow-left .shaft {
    background-color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow-left .shaft::before,
.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow-left .shaft::after {
    background-color: #fff;
}

.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #222222;
}

.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a::after {
    background: #222222;
}

.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li.with--drop::before {
    color: #222222;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen {
    background: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen .mega-list li.mega-title {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span.badge {
    color: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu {
    background: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li a span {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li a span.badge {
    color: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li.drop-lavel--2>a::before {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li.drop-lavel--2 .lavel--2 {
    background: #ffffff;
}

.header-default.header-black-version .dropdown__menu li.drop-lavel--2>a::before {
    color: #ffffff;
}

.header-default.header-black-version .header-right .mini-cart-button {
    color: #222222;
}

.header-default.header-black-version .header-right .mini-cart-button::after {
    color: #222222;
}

.header-default.header-black-version .header-right .mini-cart-button button {
    color: #222222;
}

.header-default.header-black-version .header-right .popup-search-wrap a.btn-search-click {
    color: #222222;
}

.header-black-version .mean-container a.meanmenu-reveal {
    color: #222;
}

.header-black-version .mean-container a.meanmenu-reveal span {
    background: #222;
}

/* ==========================
    Header left Align 
===========================*/
.header-left-align.header-default .header__wrapper .header-left {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.header-left-align.header-default .header__wrapper .header-right {
    display: -webkit-flex;
    display: flex;
    margin: 0 -6px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.header-left-align.header-default .header__wrapper .mainmenu-wrapper.have-not-flex .page_nav ul.mainmenu {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a::before {
    display: none;
}

.header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
    margin-left: 8px;
    padding-right: 8px;
}

/* ============================
    Sticky Header Css 
================================*/
.header-black-version.header-sticky.header-not-top {
    background: rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 255, 0.9);
    transition: 0.5s ease;
}

.header-black-version.header-sticky.header-not-top:hover {
    background: #ffffff;
    background-color: #ffffff;
    transition: 0.5s ease;
}

.header-sticky.header-not-top {
    background: rgba(0, 0, 0, 0.9);
    background-color: rgba(0, 0, 0, 0.9);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    padding: 0;
}

.header-sticky.header-not-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-animation: headerSlideDown .95s ease forwards;
    animation: headerSlideDown .95s ease forwards;
    padding-top: 0 !important;
}

.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 {
    padding-top: 31px;
    padding-bottom: 31px;
}

.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    padding-top: 31px;
    padding-bottom: 31px;
}

.header-default.header-portfolio-slide.header-not-top .header__wrapper {
    padding: 16px 0;
}

/* =================================
    Header One Page 
==================================*/
.one-page-header .header-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 100%;
}

.one-page-header .header-wrapper .header-left-wrapper {
    background: #222;
    background-color: #222;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    padding-left: 76px;
    padding-right: 43px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
}

@media only screen and (max-width: 575px) {
    .one-page-header .header-wrapper .header-left-wrapper {
        width: 100%;
    }
}

.one-page-header .header-wrapper .header-left-wrapper .branding {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.one-page-header .header-wrapper .header-left-wrapper .branding a img {
    padding-top: 14px;
    padding-bottom: 14px;
    width: 52px;
}

.one-page-header .header-wrapper .header-left-wrapper .header-left-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 30px;
    cursor: pointer;
}

.one-page-header .header-wrapper .header-right-wrapper {
    background: #19d2a8;
    background-color: #19d2a8;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    padding-left: 30px;
    padding-right: 49px;
    width: 50%;
}

.one-page-header .header-wrapper .header-right-wrapper .header-text {
    display: -webkit-flex;
    display: flex;
    margin: 0 -12px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
}

/*==========================
Hambergar Style Two 
============================*/
.manu-hamber-2 {
    padding: 0 12px;
    color: #fff;
}

.manu-hamber-2 div {
    position: relative;
    width: 24px;
    height: 17px;
    cursor: pointer;
}

.manu-hamber-2 div i {
    height: 3px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    background: currentColor;
}

.manu-hamber-2 div i::before,
.manu-hamber-2 div i::after {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    left: 0;
    -webkit-transform: none;
    transform: none;
}

.manu-hamber-2 div i::before {
    width: 16px;
    top: -7px;
}

.manu-hamber-2 div i::after {
    width: 18px;
    top: 7px;
}

.manu-hamber-2 div:hover i {
    width: 16px;
}

.manu-hamber-2 div:hover i::before,
.manu-hamber-2 div:hover i::after {
    width: 70%;
}

.manu-hamber-2 div:hover i::before {
    width: 24px;
}

.manu-hamber-2 div:hover i::after {
    width: 22px;
}

.manu-hamber-2.dak-version {
    color: #222222;
}

.header-default.header-bar.header-new-bar .header__wrapper {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.header-default.header-bar.header-new-bar .header__wrapper .header-right {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}

/*=================================
    Header Fixed 
=====================================*/
header.sl_header.header-default.header-fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.sl_header a.btn {
    font-family: "Montserrat", sans-serif;
}

/* =====================
    Mobile Menu 
========================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mean-container .mean-bar {
        min-height: inherit;
    }

    .mean-container .mean-nav {
        margin-top: 0px;
    }

    .mean-container a.meanmenu-reveal.meanclose,
    .mean-container a.meanmenu-reveal {
        top: -75px;
    }

    .header-default.header-bar .header__wrapper {
        margin-right: 84px;
    }

    .header-default.header-bar.header-new-bar .header__wrapper {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .mean-container .mean-bar {
        min-height: inherit;
    }

    .mean-container .mean-nav {
        margin-top: 0px;
    }

    .mean-container a.meanmenu-reveal.meanclose,
    .mean-container a.meanmenu-reveal {
        top: -68px;
    }

    .header-default.header-bar .header__wrapper {
        margin-right: 60px;
    }

    .header-default.header-bar.header-new-bar .header__wrapper {
        margin-right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .header-default.header-bar .header__wrapper {
        margin-right: 110px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-bar .header__wrapper {
        margin-right: 68px;
    }
}

/*-------------------------------------------------------------------------------------
    Header Left Verticle
---------------------------------------------------------------------------------------*/
.header-demo .sl_header {
    position: relative;
}

.header-demo .sl_header-sidebar,
.header-demo .left-vertical-header {
    position: absolute;
}

@media (max-width: 991px) {

    .header-demo .left-vertical-header,
    .header-demo .sl_header-sidebar {
        position: relative;
    }
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu {
    padding: 0;
    margin: 0;
    text-align: left;
    padding-left: 55px;
    display: block;
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 54px;
}

.vertical-menu-wrapper .mainmenu li.with--drop.slide--megamenu {
    position: relative;
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
    margin-left: 0;
    padding-right: 30px;
    display: block;
    line-height: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
}

.vertical-menu-wrapper .mega-width-fullscreen {
    max-width: calc(100vw - 394px) !important;
    width: 1170px !important;
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    margin-left: 244px;
    top: 0;
    padding: 70px 0;
}

.vertical-menu-wrapper .mainmenu li.with--drop.slide-dropdown:hover .dropdown__menu {
    top: 0;
    left: 100%;
}

/* =======================
Header Font Family 
==========================*/
.secondary-font .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    font-family: "Montserrat", sans-serif;
}

.secondary-font .mega-width-fullscreen .mega-list li.mega-title {
    font-family: "Montserrat", sans-serif;
    letter-spacing: .5px;
}

/* ======================
    Footer Area 
========================*/
.left-vertical-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 300px;
    height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header {
        width: 100%;
        height: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header {
        width: 100%;
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header {
        width: 100%;
        height: 80px;
    }
}

.left-vertical-header .side-header-inner {
    border-right-width: 0px;
    border-color: rgba(0, 0, 0, 0);
    background: #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    box-shadow: 3px 1px 29px rgba(0, 0, 0, 0.12);
    -ms-background-size: cover;
    background-size: cover;
    height: 100%;
    border: 0;
}

.left-vertical-header .side-header-inner .header-wrap {
    padding-top: 85px;
    padding-bottom: 100px;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-flow: column;
    flex-flow: column;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header .side-header-inner .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 50px;
        padding-right: 50px;
        -webkit-flex-flow: row;
        flex-flow: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header .side-header-inner .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 50px;
        padding-right: 50px;
        -webkit-flex-flow: row;
        flex-flow: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header .side-header-inner .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-flex-flow: row;
        flex-flow: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
}

.left-vertical-header .side-header-inner .header-wrap .header-top {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.left-vertical-header .side-header-inner .header-wrap .header-top .branding a img {
    max-width: 142px;
    height: auto;
}

.left-vertical-header .side-header-inner .header-wrap .header-center {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: -60px;
    margin-right: -60px;
}

.left-vertical-header .side-header-inner .header-wrap .header-bottom {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner .manu-hamber {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner .manu-hamber {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner .manu-hamber {
        margin-left: 30px;
    }
}
/*-------------------------------------------------------------------------------------
    hamber menu
---------------------------------------------------------------------------------------*/
.manu-hamber {
    display: -webkit-flex;
    display: flex;
    pointer-events: auto;
    height: 19px;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.manu-hamber.light-version {
    color: #fff;
}

.manu-hamber.black-version {
    color: #222222;
}

.manu-hamber.gray-version {
    color: #999;
}

.manu-hamber div {
    position: relative;
    width: 24px;
    height: 18px;
    pointer-events: auto;
}

.manu-hamber div i {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: currentColor;
}

.manu-hamber div i::before,
.manu-hamber div i::after {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.manu-hamber div i::before {
    top: -8px;
}

.manu-hamber div i::after {
    top: 8px;
}

.manu-hamber:hover div i::before,
.manu-hamber:hover div i::after {
    width: 70%;
}

/* Page Close Button */
.open-hamberger-wrapper .page-close {
    position: fixed;
    top: 80px;
    right: 90px;
    z-index: 100000;
    font-size: 100px;
    line-height: 0;
    cursor: pointer;
    height: 40px;
    width: 40px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.open-hamberger-wrapper .page-close::before,
.open-hamberger-wrapper .page-close::after {
    position: absolute;
    top: 19px;
    left: 4px;
    content: "";
    width: 32px;
    height: 3px;
    background: #222;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.open-hamberger-wrapper .page-close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.open-hamberger-wrapper .page-close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open-hamberger-wrapper .page-close:hover::before,
.open-hamberger-wrapper .page-close:hover::after {
    -webkit-transform: none;
    transform: none;
}

.open-hamberger-wrapper .page-close.light-version::before,
.open-hamberger-wrapper .page-close.light-version::after {
    background: #fff;
}

.open-hamberger-wrapper {
    background-color: #222;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    padding: 100px 120px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    padding-top: 60px;
}

.open-hamberger-wrapper.is-visiable {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Hamberger Wrapper */
.header-default .nice-select.language,
.header-default .select.language {
    height: 33px;
    line-height: 31px;
    padding-left: 13px;
    padding-right: 23px;
    color: #80868b;
}

.header-default.header-bar .header__wrapper .header-right {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
}

.open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    line-height: 1.4;
    font-size: 48px;
}

/* Hamberger Search */
.hamberger-search {
    margin-top: 230px;
    max-width: 420px;
    margin-bottom: 148px;
}

.hamberger-search .input-box {
    position: relative;
}

.hamberger-search .input-box input {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #eee;
    padding: 28px 50px 28px 0;
    width: 420px;
}

.hamberger-search .input-box button {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: 0;
    font-size: 0;
    padding: 0;
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
    height: 62px;
}

.hamberger-search .input-box button i {
    font-size: 15px;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

/*-------------------------------------------------------------------------------------
    Header Mobilemenu
---------------------------------------------------------------------------------------*/
.popup-mobile-menu-wrapper .popup-mobile-manu {
    visibility: visible;
    opacity: 1;
}

.popup-mobile-menu-wrapper .popup-mobile-manu .inner {
    -webkit-transform: none;
    transform: none;
    transition: box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}

.popup-mobile-manu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.9);
    visibility: hidden;
    opacity: 0;
    cursor: url(assets/img/icons/light-close.png) 16 16, pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 99999;
}

.popup-mobile-manu .inner {
    background: #151e58;
    position: relative;
    width: 400px;
    max-width: 80%;
    height: 100%;
    text-align: left;
    overflow-y: auto;
    padding-top: 85px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    cursor: default;
}

.popup-mobile-manu .inner .mobileheader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: flex;
    padding: 0 15px 0 30px;
    height: 85px;
    -webkit-align-items: center;
    align-items: center;
    background: #151e58;
}

.popup-mobile-manu .inner .mobileheader .logo {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.popup-mobile-manu .inner .mobileheader .logo a img {
    height: auto;
    max-width: 80%;
    margin-top: 5px;
}

.popup-mobile-manu .inner .mobileheader a.mobile-close {
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 40px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.popup-mobile-manu .inner .mobileheader a.mobile-close::before,
.popup-mobile-manu .inner .mobileheader a.mobile-close::after {
    position: absolute;
    top: 19px;
    left: 8px;
    content: "";
    width: 24px;
    height: 3px;
    background: #FFF;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.popup-mobile-manu .inner .mobileheader a.mobile-close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-mobile-manu .inner .mobileheader a.mobile-close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-mobile-manu .inner .mobileheader a.mobile-close:hover::before,
.popup-mobile-manu .inner .mobileheader a.mobile-close:hover::after {
    -webkit-transform: none;
    transform: none;
}

/* =======================
    Header menu 
==========================*/
.object-custom-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 20px 40px 30px;
}

.object-custom-menu>li {
    position: relative;
    border-top: 1px solid transparent;
    border-color: rgba(255, 255, 255, 0.15);
}

.object-custom-menu>li:first-child {
    border: 0 none;
}

.object-custom-menu>li a {
    padding-top: 19px;
    padding-bottom: 19px;
    display: block;
    position: relative;
}

.object-custom-menu>li a span {
    font-size: 1rem;
    color: #dadada;
}

.object-custom-menu>li.has-mega-menu>a::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-align: center;
    line-height: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.object-custom-menu>li.has-mega-menu>a.active::after {
    content: "\f106";
}

.object-custom-menu>li.has-mega-menu .object-submenu {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
}

.object-custom-menu>li.has-mega-menu .object-submenu li.title {
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    margin: 0 0 18px;
    letter-spacing: .4px;
}

.object-custom-menu>li.has-mega-menu .object-submenu li a {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.object-custom-menu>li.has-mega-menu .object-submenu li a span {
    font-size: 14px;
    color: #999999;
    letter-spacing: .4px;
}

.object-custom-menu>li.has-mega-menu .object-submenu li a span span.badge {
    padding: 0 .6em;
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    line-height: 2;
}
/*-------------------------------------------------------------------------------------
    Sidebar Header
---------------------------------------------------------------------------------------*/
.sl_header-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100px;
    height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar {
        position: static;
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar {
        position: static;
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar {
        position: static;
        width: 100%;
        height: auto;
    }
}

.sl_header-sidebar .side-header-inner {
    height: 100%;
    border: 0;
    border-right-width: 0px;
    border-color: rgba(0, 0, 0, 0);
    background: #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    box-shadow: 0 -9px 25px rgba(0, 0, 0, 0.03);
    -ms-background-size: cover;
    background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner {
        height: auto;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap {
    position: relative;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-flow: column;
    flex-flow: column;
    padding: 15px 10px 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap {
        height: auto;
        -webkit-flex-flow: row;
        flex-flow: row;
        padding: 24px 23px 26px;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap {
        height: auto;
        -webkit-flex-flow: row;
        flex-flow: row;
        padding: 24px 23px 26px;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap {
        height: auto;
        -webkit-flex-flow: row;
        flex-flow: row;
        padding: 24px 23px 26px;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
    margin-top: 36px;
    display: -webkit-flex;
    display: flex;
    height: 30px;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    color: #999;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
        display: none;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon {
    position: relative;
    width: 24px;
    height: 18px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i {
    color: #999;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: currentColor;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::before,
.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::after {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::before {
    top: -8px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::after {
    top: 8px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon:hover i {
    color: #000000;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon:hover i::before,
.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon:hover i::after {
    width: 70%;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }
}

@media only screen and (max-width: 575px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        display: none;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner {
    margin: -5px -15px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner a {
    display: inline-block;
    margin: 5px 15px;
    padding: 5px 0;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner a span {
    color: #999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner a:hover span {
    color: #000000;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
        display: -webkit-flex;
        display: flex;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-bottom .btn-search-click {
    display: block;
    line-height: 0;
    font-size: 18px;
    color: #999999;
    text-align: center;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-bottom .btn-search-click:hover {
    color: #000000;
}

/*-------------------------------------------------------------------------------------
    Header Full Details
---------------------------------------------------------------------------------------*/
header .navbar-nav .nav-item.active .nav-link {
    background: transparent;
}

.header-full-menu.header-sticky-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

.header-full-menu.header-light-style .main-navigation nav .navbar-nav .nav-item .nav-link {
    color: #fff;
}

.header-full-menu.header-light-style .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
.header-full-menu.header-light-style .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #fff;
}

.header-full-menu.header-light-style .top-social-links li a i {
    color: #fff;
}

.header-full-menu.header-light-style .upper-nav .top-personal-info li a {
    color: #fff;
}

.header-full-menu.header-light-style .full-menu-toggler span {
    background: #fff;
}

.header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link {
    color: #000;
}

.header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
.header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #0069FF;
}

.header-full-menu.header-light-style .header-full-active .top-social-links li a i {
    color: #000;
}

.header-full-menu.header-light-style .header-full-active .upper-nav .top-personal-info li a {
    color: #000;
}

.header-full-menu.header-light-style .header-full-active .full-menu-toggler span {
    background: #000;
}

.header-full-menu .upper-nav {
    padding-top: 25px;
}

.header-full-menu .upper-nav .top-personal-info {
    padding-left: 0;
    margin-bottom: 0;
}

.header-full-menu .upper-nav .top-personal-info li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}

.header-full-menu .upper-nav .top-personal-info li:last-child {
    margin-right: 0;
}

.header-full-menu .upper-nav .top-personal-info li a {
    color: #333333;
    font-size: 14px;
    transition: .5s ease;
    font-weight: 400;
}

.header-full-menu .upper-nav .top-personal-info li a:hover {
    color: #0069FF;
}

.header-full-menu .upper-nav .top-personal-info li a i {
    font-size: 18px;
    color: #0069FF;
    margin-right: 5px;
}

.header-full-menu .fixed-nav-links {
    display: none;
}

.header-full-menu .top-social-links {
    margin-bottom: 0;
    padding: 0;
}

.header-full-menu .top-social-links li {
    list-style: none;
    display: inline-block;
    margin-left: 0px;
}

.header-full-menu .top-social-links li a {
    height: 35px;
    width: 35px;
    background-color: transparent;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    transition: .5s ease;
}

.header-full-menu .top-social-links li a.twit:hover {
    background-color: #00acee;
}

.header-full-menu .top-social-links li a.link-in:hover {
    background-color: #0e76a8;
}

.header-full-menu .top-social-links li a.insta:hover {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.header-full-menu .top-social-links li a.fb:hover {
    background-color: #3b5998;
}

.header-full-menu .top-social-links li a i {
    font-size: 20px;
    color: #000000;
}

.header-full-menu .top-social-links li a:hover i {
    color: #ffffff;
}

.header-full-menu .fixed-nav-logo {
    display: none;
}

.header-full-menu .main-navigation {
    padding-top: 25px;
}

.header-full-menu .main-navigation .navbar {
    padding: 0;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item {
    display: inline-block;
    margin-left: 20px;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    transition: .5s ease;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f71c52;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item:hover .nav-link::after {
    width: 100%;
    right: 0;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item.active .nav-link {
    background: transparent;
}

/* ===================================
         header appear css
====================================== */
.header-full-active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1111;
    background-color: #ffffff;
    -webkit-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.header-full-active .upper-nav {
    display: none;
}

.header-full-active .main-navigation {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-full-active .simple-nav-logo {
    display: none;
}

.header-full-active .fixed-nav-logo {
    display: block;
}

.header-full-active .main-navigation .simple-navbar {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}

.header-full-active .fixed-nav-links {
    display: inline-block;
    margin-left: 25px;
    padding: 0;
}

.header-full-active .full-menu-toggler {
    top: 18px;
}

/* ===================================
    Side Menu
====================================== */
.side-menu {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 100003;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transition: transform .5s ease;
    overflow: hidden;
}

.side-menu.left {
    left: 0;
    right: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.side-menu .before-side {
    width: 280px;
}

.side-menu.side-menu-active,
.side-menu.before-side {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.side-menu .navbar-brand {
    margin: 0 0 2.5rem 0;
}

.side-menu .btn-close {
    height: 33px;
    width: 33px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 61px;
    right: 50px;
    cursor: pointer;
}

.side-menu.before-side .btn-close {
    display: none;
}

.side-menu .btn-close::before,
.side-menu .btn-close::after {
    position: absolute;
    left: 16px;
    content: ' ';
    height: 24px;
    width: 2px;
    background: #fff;
    top: 5px;
}

.side-menu .btn-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-menu .btn-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.side-menu-opacity {
    opacity: 0;
}

.pul-menu .side-menu.side-menu-active {
    visibility: visible;
    opacity: 1;
}

/*Side overlay*/
/*side clode btn*/
.header-full-active~.side-menu .btn-close {
    top: 50px;
}

/*side open btn*/
.full-menu-toggler {
    transition: none;
    width: 36px;
    padding: 6px;
    margin-right: 1rem;
    margin-top: .4rem;
    position: absolute;
    right: 30px;
    top: 24px;
    display: inline-block;
}

.full-menu-toggler span {
    height: 2px;
    width: 100%;
    background: #000000;
    display: block;
    margin: auto;
    transition: .5s ease;
}

.full-menu-toggler:hover span {
    background: #f71c52;
}

.full-menu-toggler:hover span:first-child,
.full-menu-toggler:hover span:last-child {
    width: 70%;
}

.full-menu-toggler span:nth-child(2) {
    margin: 4px 0;
}

.side-menu .inner-wrapper {
    padding: 3.5rem 5rem;
    height: 100%;
    position: relative;
    overflow-y: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.side-menu .side-nav {
    margin-bottom: 30px;
    display: block;
}

.pul-menu.pushwrap .side-menu .inner-wrapper {
    padding: 3.5rem 2.5rem;
}

.side-nav .navbar-nav .nav-item {
    display: block;
    margin: 3px 0;
    padding: 0 !important;
    opacity: 0;
    transition: all 0.8s ease 500ms;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.side-nav .navbar-nav .nav-item:first-child {
    transition-delay: .1s;
}

.side-nav .navbar-nav .nav-item:nth-child(2) {
    transition-delay: .2s;
}

.side-nav .navbar-nav .nav-item:nth-child(3) {
    transition-delay: .3s;
}

.side-nav .navbar-nav .nav-item:nth-child(4) {
    transition-delay: .4s;
}

.side-nav .navbar-nav .nav-item:nth-child(5) {
    transition-delay: .5s;
}

.side-nav .navbar-nav .nav-item:nth-child(6) {
    transition-delay: .6s;
}

.side-nav .navbar-nav .nav-item:nth-child(7) {
    transition-delay: .7s;
}

.side-nav .navbar-nav .nav-item:nth-child(8) {
    transition-delay: .8s;
}

.side-nav .navbar-nav .nav-item:nth-child(9) {
    transition-delay: .9s;
}

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.side-nav .navbar-nav .nav-link {
    display: inline-table;
    color: #fff;
    padding: 2px 0 3px 0 !important;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    position: relative;
    border-radius: 0;
}

.side-nav .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    background: #fff;
    display: inline-block;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.side-nav .navbar-nav .nav-link:hover::after,
.side-nav .navbar-nav .nav-link:focus::after,
.side-nav .navbar-nav .nav-link.active::after {
    width: 100%;
}

.side-nav .navbar-nav .nav-link.active {
    background: transparent;
}

.side-menu-inner-content {
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    padding-bottom: 30px;
    margin: 0;
}

.side-menu p {
    margin-bottom: 0;
}

.menu-company-details span {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
}

.social-icons-simple {
    padding: 0;
}

.social-icons-simple li {
    display: inline-block;
    padding-left: 8px;
}

.social-icons-simple li:first-child {
    padding-left: 0;
}

.social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 42px;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color .5s ease;
}

.social-icons-simple li a:hover {
    color: #0069FF;
    background-color: #ffffff;
}

.social-icons-simple li.animated-wrap a:hover {
    background-color: transparent;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .header-full-active .fixed-nav-links {
        margin-right: 40px;
        margin-left: 0;
        display: none;
    }

    .header-full-menu .upper-nav {
        display: none;
    }

    .full-menu-toggler {
        top: 32px;
    }

    .header-full-active .full-menu-toggler {
        top: 18px;
    }

    .side-nav .navbar-nav .nav-item {
        text-align: center;
    }

    .side-nav .navbar-nav .nav-link {
        font-size: 26px;
    }

    .side-menu .inner-wrapper {
        padding: 3.5rem 3rem;
    }
}

/*-------------------------------------------------------------------------------------
    Particles
---------------------------------------------------------------------------------------*/
#particles-js,
#particles-js-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
}

/*-------------------------------------------------------------------------------------
    Template Features
---------------------------------------------------------------------------------------*/
.single-features {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin-bottom: 40px;
    padding: 37px 15px 40px;
    transition: .4s;
    border: 1px solid #e2e2e2;
    box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.06);
}

.single-features:hover {
    -webkit-filter: unset;
    filter: unset;
    color: #0069FF;
    font-weight: 700;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.single-features h3 {
    margin-bottom: 0;
    font-size: 20px;
    margin-top: 25px;
    color: #333333;
    font-weight: 700;

}

.single-features .features-images {
    width: 100px;
    height: 90px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*=====================================
    Blog Styles
======================================*/
/*-------------------------------------------------------------------------------------
    Blogs
---------------------------------------------------------------------------------------*/
.post {
    margin-bottom: 40px;
    box-shadow: 0 10px 20px 0 rgba(221, 221, 221, 0.3);
}

.post .post-body {
    padding: 0;
}

.post .post-body p {
    font-size: 14px;
}

.post .post-img {
    width: 100%;
    display: block;
    transition: 0.2s opacity;
    position: relative;
    display: inline-block;
}

.post .post-img:hover,
.post .post-img:focus {
    opacity: 0.9;
}

.post .post-img:hover::before {
    opacity: 0.8;
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
}

.post .post-img>img {
    width: 100%;
    vertical-align: middle;
}

.post .post-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
    transition: .5s ease;
}

.post .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}

.post a {
    color: #000000;
}

.post.blog2 {
    box-shadow: none;
    position: relative;
}

.post.blog2 .post-date {
    position: absolute;
    top: 0;
    left: 18px;
}

.post.blog2 .post-date span.day {
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
}

.post.blog2 .post-date span.yr,
.post.blog2 .post-date span.mos {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #ffffff;
}

.post.blog2 .post-body {
    position: relative;
    padding: 0;
    width: 96%;
    margin-left: 15px;
    margin-top: -28px;
    background: #ffffff;
    box-shadow: 0 1.2rem 1rem rgba(0, 0, 0, 0.08);
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .post.blog2 .post-body {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .post.blog2 .post-body {
        margin-left: 0;
        margin-top: 0;
    }
}

.post.blog2 .post-body h5 {
    font-size: 22px;
    letter-spacing: .4px;
    line-height: 32px;
    font-weight: 500;
}

.post.blog2 .post-body .card-title a {
    color: #000;
}

.post.blog2 .post-body .card-title a:hover {
    color: #0069FF;
}

.post.blog2 .post-img img {
    min-height: 268px;
}

.post.blog2 .post-img:hover::before {
    opacity: 0;
}

.post.blog2.dark-version .post-body {
    background: #100e17;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.7);
}

.post.blog2.dark-version .post-body h5,
.post.blog2.dark-version .post-body h5 a {
    color: #ffffff;
}

.post.blog2.dark-version .post-body p {
    color: #bfbfbf;
}

.post.blog2.dark-version .post-body .card-title,
.post.blog2.dark-version .post-body .card-title a {
    color: #ffffff;
}

.post.blog2.dark-version .post-body .card-title:hover,
.post.blog2.dark-version .post-body .card-title a:hover {
    color: #0069FF;
}

.post.blog2.dark-version .post-body .post-meta a {
    color: #ffffff;
}

.post.blog2.style-2.blog2 .post-body {
    width: 86%;
    margin-top: -84px;
    margin-left: auto;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.1);
}

.post.hover-box {
    box-shadow: none;
}

.post.hover-box .post-body {
    background: transparent;
}

.post.hover-box .post-img {
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

.post.hover-box .post-img .cart-button {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    transition: 500ms;
}

.post.hover-box .post-img .cart-button .sl-btn-small:hover {
    background: transparent;
}

.post.hover-box .post-img:hover {
    opacity: 1;
}

.post.hover-box .post-img::before {
    content: '';
    display: none;
}

.post.hover-box:hover .cart-button {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: 500ms;
}

.post-meta {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.post-meta .post-category {
    font-size: 14px;
}

.post-meta .post-date {
    font-size: 14px;
}

.post-meta .post-author {
    padding: 6px 10px;
    background: #F8A440;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
}

.post-meta .post-author i {
    margin-right: 6px;
}

.post-meta .post-author:hover {
    color: #ffffff;
}

.post-meta .post-author:hover i {
    color: #ffffff;
}

.post .post-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.post .post-title a {
    color: #000000;
}

.post .post-title a:hover {
    color: #F8A440;
}

@media (min-width: 768px) {
    .post .post-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.post-tags li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 5px;
}

.post-tags li a {
    display: block;
    color: #ffffff;
    background-color: #000000;
    padding: 3px 10px;
    font-weight: 600;
    border-radius: 2px;
    transition: 0.2s opacity;
}

.post.post-thumb {
    position: relative;
}

.post.post-thumb .post-img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0%, transparent 100%);
}

.post.post-thumb .post-body {
    position: absolute;
    bottom: 0px;
    padding: 20px 15px;
}

.post.post-thumb .post-meta .post-date {
    color: #eceef2;
}

.post.post-thumb .post-title {
    font-size: 22px;
}

.post.post-thumb .post-title>a {
    color: #ffffff;
}

.post.post-widget:after {
    content: '';
    display: block;
    clear: both;
}

.post.post-widget .post-img {
    width: 90px;
    float: left;
    margin-right: 15px;
}

.post.post-widget .post-img img {
    width: 100%;
}

.post.post-widget .post-title {
    font-size: 18px;
}

.post.post-row:after {
    content: '';
    display: block;
    clear: both;
}

.post.post-row .post-img {
    width: 40%;
    float: left;
}

.post.post-row .post-body {
    margin-left: calc(40% + 30px);
}

.post.post-row .post-meta {
    margin-top: 0px;
}

.post.post-row .post-title {
    margin-bottom: 15px;
}

/*-------------------------------------------------------------------------------------
    Blog Sidebar
---------------------------------------------------------------------------------------*/
.sidebar-wrapper.boxed-sidebar .widget-area {
    position: relative;
    padding: 30px 25px;
    background: #f7f7f7;
    margin-bottom: 30px;
}

.sidebar-wrapper .widget-area {
    position: relative;
    padding: 23px;
}

.sidebar-wrapper .widget-title {
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 11px;
    font-weight: 600;
    line-height: 1.23;
    color: #222222;
}

.sidebar-wrapper .widget-search .form-group {
    position: relative;
}

.sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search {
    border-color: #0069FF;
}

.sidebar-wrapper .widget-search .submit-search {
    width: 20%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #DADCE0;
    background: #f5f5f5;
}

.sidebar-wrapper .widget-search .submit-search:hover {
    background: #0069FF;
    color: #ffffff;
    border-color: #0069FF;
}

.sidebar-wrapper .widget-tag-cloud a {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 1rem;
    margin-bottom: 12px;
    border: 3px solid #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 0;
    color: #4A4A4A;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 12px;
    line-height: 32px;
    background-color: #f0f0f0;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .widget-tag-cloud a:hover {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .widget-tag-links a {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 1rem;
    margin-bottom: 12px;
    border: 3px solid #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-width: 0;
    color: #8d8d8d;
    box-shadow: none;
    border-radius: 5px;
    line-height: 32px;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .widget-tag-links a:hover {
    color: #0069FF;
}

.sidebar-wrapper .letest-project {
    position: relative;
    margin: -7.5px;
}

.sidebar-wrapper .letest-project .project-widget-item {
    position: relative;
    padding: 7.5px;
    float: left;
    width: 33.3%;
    max-width: 100px;
    min-width: 60px;
    overflow: hidden;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio-bg {
    display: block;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio {
    position: relative;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio .ratio-container-square {
    padding-bottom: 100%;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio .ratio-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
}

.sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 105, 255, 0.75);
    text-align: center;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .letest-project .project-widget-item .mini-overlay .mini-overlay-container {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-wrapper .letest-project .project-widget-item:hover .mini-overlay {
    opacity: 1;
}

.sidebar-wrapper .letest-project .project-widget-item:hover i {
    color: #ffffff;
}

.sidebar-wrapper .widget-category-list ul.category-area {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li {
    height: auto;
    padding: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li a {
    width: 100%;
    padding: 6px 0;
    font-size: 1rem;
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    color: #000000;
}

.sidebar-wrapper .widget-category-list ul.category-area li a span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #000000;
    background: #ffffff;
    position: relative;
    float: right;
    font-size: 14px;
    transition: all .3s ease-in-out;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:after {
    content: '';
    clear: both;
    display: block;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover {
    color: #0069FF;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover span {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a {
    color: #ffffff;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a span {
    color: #000000;
    background: #ffffff;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a:hover {
    color: #0069FF;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a:hover span {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .category-area .category {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 10px;
    z-index: 2;
    overflow: hidden;
}

.sidebar-wrapper .category-area .category .category-image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.sidebar-wrapper .category-area .category .category-image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    z-index: -1;
    transition: all .3s ease-in-out;
}

.sidebar-wrapper .category-area .category .category-image img {
    visibility: hidden;
}

.sidebar-wrapper .category-area .category:hover .category-image {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.sidebar-wrapper .category-area .category:hover .category-image img {
    visibility: hidden;
}

.sidebar-wrapper .category-area .category h5 a {
    color: #ffffff;
    font-size: 16px;
}

.sidebar-wrapper .category-area .category h5 a:hover {
    color: #ffffff;
}

.sidebar-wrapper .category-area .category .total-post {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #ffffff;
    font-size: 16px;
    color: #000000;
    border-radius: 6px;
}

.sidebar-wrapper .category-area .category .dots {
    border-bottom: 1px dashed #ffffff;
    -webkit-flex: 100 1 auto;
    flex: 100 1 auto;
    margin: 0 20px;
}

.sidebar-wrapper .widget-archive select,
.sidebar-wrapper .widget-archive .nice-select {
    line-height: 46px;
}

.sidebar-wrapper.dark-version .widget-title {
    color: #fff;
}

.sidebar-wrapper.dark-version.boxed-sidebar .widget-area {
    background: #131d1f;
}

.sidebar-wrapper.dark-version .widget-archive .dark-style {
    background: transparent;
    color: #8d8d8d;
}

/*-------------------------------------------------------------------------------------
    Blog Part
---------------------------------------------------------------------------------------*/
.wedding-blog {
    background-color: #E8ECF8;
    width: 100%;
    position: relative;
}

.wedding-blog h1 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.4;
    color: #030B61;
}

@media (max-width: 991px) {
    .wedding-blog h1 {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 767px) {
    .wedding-blog h1 {
        font-size: 2em;
    }
}

.wedding-blog .blog-content {
    padding: 18% 0 18% 18%;
}

@media only screen and (max-width: 767px) {
    .wedding-blog .blog-content {
        padding: 20px 15px;
    }
}

.wedding-blog .single-blog-item {
    z-index: 999;
    padding: 40px 40px;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.wedding-blog .single-blog-item .blog-title a {
    color: #030B61;
    font-size: 20px;
}

.wedding-blog .single-blog-item .blog-img div.slide-image {
    height: 250px;
    border-radius: 20px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.wedding-blog .single-blog-item .btn .sl-btn-small.wedding-btn {
    font-size: 16px;
    background: linear-gradient(90deg, #D32C3D 0%, #C40A1E 100%);
    color: #ffffff;
    border: none;
    border-radius: 10px 0px 10px 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

.wedding-blog .single-blog-item .btn .sl-btn-small.wedding-btn:hover {
    background: #ffffff;
    color: #C40A1E;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .wedding-blog .single-blog-item .btn .sl-btn-small.wedding-btn {
        padding: 1em 1.8em;
    }
}

.wedding-blog .owl-nav {
    right: auto;
    left: -477px;
    bottom: 0;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .wedding-blog .owl-nav {
        left: -411px;
        top: auto;
        bottom: 0;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .wedding-blog .owl-nav {
        left: -588px;
        bottom: 10px;
    }
}

@media (max-width: 991px) {
    .wedding-blog .owl-nav {
        left: -308px;
        bottom: 191px;
    }
}

@media only screen and (max-width: 767px) {
    .wedding-blog .owl-nav {
        position: relative;
        text-align: center;
        left: 0;
        bottom: -10px;
    }
}

.wedding-blog .owl-nav .owl-prev span,
.wedding-blog .owl-nav .owl-next span {
    width: 50px;
    height: 50px;
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    color: #C40A1E;
    font-size: 1.3rem;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.blog-post .blog-img {
    position: relative;
}

.blog-post .blog-img img {
    transition: all .3s ease-in-out;
}

.blog-post .blog-inner .blog-title a {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.blog-post .blog-inner .blog-title a:hover {
    color: #0069FF;
}

.blog-post .blog-inner .blog-meta {
    display: -webkit-flex;
    display: flex;
    margin: 10px 0;
}

.blog-post .blog-inner .blog-meta a {
    font-size: 1rem;
    margin-right: 10px;
    color: #545454;
    font-style: italic;
}

.blog-post .blog-inner .content {
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog-post:hover .blog-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-post.dark-version .blog-inner .blog-title a {
    color: #ffffff;
}

.blog-post.dark-version .blog-inner .blog-title a:hover {
    color: #ffffff;
}

.blog-post.dark-version .blog-inner .content {
    color: #ffffff;
}

.blog-post.dark-version .blog-inner .blog-meta a {
    color: #dcdcdc;
}

.blog-post.card-horizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.blog-post.card-horizontal .blog-img {
    width: 350px;
}

.blog-post.card-horizontal .blog-inner {
    padding: 0 20px;
}

@media (max-width: 991px) {
    .blog-post.card-horizontal {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blog-post.card-horizontal .post-body {
        box-shadow: none;
        padding: 0 20px;
    }
}

.blog-post.blog-horizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.blog-post.blog-horizontal .blog-img {
    width: 1000px;
}

.blog-post.blog-horizontal .blog-img img {
    display: none;
}

.blog-post.blog-horizontal .blog-inner {
    padding: 0 20px;
}

@media (max-width: 991px) {
    .blog-post.blog-horizontal {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blog-post.blog-horizontal .blog-img {
        width: 100%;
    }

    .blog-post.blog-horizontal .blog-img img {
        display: block;
    }

    .blog-post.blog-horizontal .post-body {
        box-shadow: none;
        padding: 0 20px;
    }
}

.blog-post.blog-small .blog-img {
    width: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-post.blog-small .blog-img {
        width: 100%;
        height: 100px;
    }
}

@media (max-width: 991px) {
    .blog-post.blog-small .blog-img {
        width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .blog-post.blog-small .blog-img {
        width: 100%;
        height: 175px;
    }
}

.blog-post.blog-small .blog-meta {
    margin: 0;
}

.blog-post.blog-small .blog-meta a {
    font-size: 12px;
}

.blog-post.blog-small .blog-inner {
    padding: 0 14px;
    width: 100%;
}

@media (max-width: 991px) {
    .blog-post.blog-small .blog-inner {
        padding: 10px 0px;
    }
}

.blog-post.blog-small .blog-inner .blog-title {
    line-height: 0;
    margin: 8px 0;
}

.blog-post.blog-small .blog-inner .blog-title a {

    line-height: 1.2;
    font-size: 16px;
    margin: 0;
}

.blog-post.blog-small:hover .blog-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-post.blog-classic {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
    border-radius: 10px;
}

.blog-post.blog-classic.with-overlay .blog-img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

.blog-post.blog-classic.with-overlay .blog-img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.blog-post.blog-classic.with-overlay:hover .blog-img:after {
    opacity: .6;
}

.blog-post.blog-classic:hover {
    box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.2);
}

.blog-post.blog-classic .blog-inner {
    transition: .3s all ease-in-out;
    box-shadow: 0px 15px 45px -9px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.blog-post.blog-classic .blog-inner .content {
    font-size: 1rem;
    margin-bottom: 28px;
}

.blog-post.blog-classic .blog-inner .blog-title a {
    color: #505050;
    font-size: 1.5rem;
    margin-top: 0;
    transition: .3s all ease-in-out;
}

.blog-post.blog-classic .blog-inner .blog-title a:hover {
    color: #0069FF;
}

.blog-post.blog-classic .blog-inner .post-category {
    font-size: 0.875rem;
    color: #8d8d8d;
}

.blog-post.blog-classic .post-meta {
    font-size: 13px;
}

.blog-post.blog-classic .post-meta a {
    font-size: 13px;
}

.blog-post.blog-classic a.post-meta-comments {
    background-color: #f6f6f6;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: -20px;
    right: -92px;
    padding: 0 17px;
    border-radius: 100px;
    transition: .3s all ease-in-out;
    color: #8d8d8d;
}

.blog-post.blog-classic a.post-meta-comments i {
    font-size: 14px;
    position: relative;
    bottom: -3px;
    padding-right: 3px;
}

.blog-post.blog-classic a.post-meta-comments:hover {
    background-color: #0069FF;
    color: #ffffff;
}

.blog-post.blog-classic .post-meta-two {
    font-size: 12px;
    margin-left: -18%;
    margin-right: 92px;
    border-top: 1px solid #e9e9e9;
    padding: 19px 0 19px 18%;
    position: relative;
}

.blog-post.dark-style {
    box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.8);
}

.blog-post.dark-style a.post-meta-comments {
    background-color: transparent;
    border: 1px solid #bfbfbf;
    color: #bfbfbf;
}

.blog-post.dark-style .blog-inner .blog-title a {
    color: #ffffff;
}

.blog-post.dark-style .blog-inner .post-category,
.blog-post.dark-style .blog-inner .blog-meta a {
    color: #dadada;
}

.blog-post.dark-style .content {
    color: #bfbfbf;
}

.blog-post.dark-style:hover {
    box-shadow: 0 15px 45px -9px black;
}

@media (max-width: 991px) {
    .blog-classic.style-2 a.h3 {
        font-size: 18px;
        font-weight: 500;
    }
}

.ad-banner {
    width: 100%;
    height: 344px;
}

.ad-banner-2 {
    width: 100%;
    height: 315px;
}

/*-------------------------------------------------------------------------------------
    Blog details
---------------------------------------------------------------------------------------*/
.blog-tag-list a {
    color: #999999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-weight: 500;
    line-height: 1.58;
    font-size: 1rem;

    position: relative;
    padding-left: 5px;
}

.blog-tag-list a::before {
    position: absolute;
    content: ", ";
    left: -2px;
}

.blog-tag-list a:first-child::before {
    display: none;
}

.blog-tag-list a:hover {
    color: #0069FF;
}

.blog-footer .post-tag h6,
.blog-footer .post-share h6 {
    font-size: 1rem;
}

.post-nav-list {
    margin-top: 47px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .post-nav-list {
        display: block;
    }
}

.post-nav-list .nav-item {
    max-width: 48%;
    width: 360px;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .post-nav-list .nav-item {
        max-width: 100%;
    }
}

.post-nav-list .nav-item a {
    display: block;
    padding: 47px 30px 47px;
    height: 100%;
    border: 1px solid #eee;
    background: #fff;
    font-size: 1.1rem;
    line-height: 1.375;
    font-weight: 600;
    color: #222;
    word-wrap: break-word;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 767px) {
    .post-nav-list .nav-item a {
        font-size: 17px;
        line-height: 1.5;
    }
}

.post-nav-list .nav-item a .link-text {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-bottom: 28px;
}

.post-nav-list .nav-item a .link-text span {
    left: -61px;
    position: absolute;
    top: -3px;
    font-size: 24px;
    color: #222;
}

.post-nav-list .nav-item a .link-text p {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.post-nav-list .nav-item a:hover {
    background: #0069FF;
    color: #fff;
}

.post-nav-list .nav-item a:hover .link-text {
    color: #ffffff;
}

.post-nav-list .nav-item a:hover .link-text span,
.post-nav-list .nav-item a:hover .link-text p {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #ffffff;
}

.post-nav-list .nav-item.next {
    text-align: right;
}

.post-nav-list .nav-item.next a {
    padding-right: 90px;
}

.post-nav-list .nav-item.next a .link-text span {
    right: -61px;
    left: auto;
}

.post-nav-list .nav-item.previous a {
    padding-left: 90px;
}

/* ========================
Start Comment Area 
==========================*/

.blog-details-wrapper .post-meta>div {
    position: relative;
    display: inline-block;
}

.blog-details-wrapper .post-meta .post-date {
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    color: #333333;
}

.blog-details-wrapper .post-meta .post-category {
    padding-left: 15px;
    margin-left: 7px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
}

.blog-details-wrapper .post-meta .post-category a {
    color: #333333;
}

.blog-details-wrapper .post-meta .post-category::before {
    content: "|";
    position: absolute;
    top: 0;
    left: 2px;
}

.blog-details-wrapper .post-meta.text-white .post-date {
    color: #ffffff;
}

.blog-details-wrapper .post-meta.text-white .post-category a {
    color: #ffffff !important;
}

.blog-details-wrapper.dark-version .post-meta .post-date {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .post-meta .post-category a {
    color: #ffffff !important;
}

.blog-details-wrapper.dark-version p {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .sl-quote .quote-text {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .post-tag .heading,
.blog-details-wrapper.dark-version .post-share .heading {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .post-tag .blog-tag-list a,
.blog-details-wrapper.dark-version .post-share .blog-tag-list a {
    color: #c7c7c7;
}

.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a {
    background: transparent;
}

.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a .link-text span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a .link-text span {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a:hover span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a:hover .link-text span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a:hover span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a:hover .link-text span {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .comments-wrapper {
    border: 1px solid #eee;
    background: transparent;
}

.blog-details-wrapper.dark-version .comments-wrapper .heading,
.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment .content .heading {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment p {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment .content .comment-footer {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment .content .comment-footer span.reply-btn a {
    color: #9d9d9d;
}

.blog-details-wrapper.dark-version .comment-form-wrapper .heading {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .comment-form-wrapper p {
    color: #8d8d8d;
}

.comments-wrapper {
    border: 1px solid #eee;
    background: #fff;
    padding: 40px;
    margin-bottom: 30px;
}

.commnent-list-wrap .comment {
    list-style-type: none;
    margin-top: 38px;
    padding-top: 38px;
    padding-left: 6px;
    border-top: 1px solid #eee;
}

.commnent-list-wrap .comment .thumb {
    float: left;
}

@media only screen and (max-width: 767px) {
    .commnent-list-wrap .comment .thumb {
        float: none;
    }
}

.commnent-list-wrap .comment .thumb img {
    border-radius: 10px;
}

.commnent-list-wrap .comment h6 {
    font-size: 20px;
}

.commnent-list-wrap .comment .content {
    position: relative;
    overflow: hidden;
    margin-left: 152px;
}

@media only screen and (max-width: 767px) {
    .commnent-list-wrap .comment .content {
        margin-left: 0;
        margin-top: 30px;
    }
}

.commnent-list-wrap .comment .content p {
    font-size: 14px;
}

.commnent-list-wrap .comment .content .comment-footer span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    font-style: italic;
}

.commnent-list-wrap .comment .content .comment-footer span.reply-btn {
    padding-left: 5px;
    font-style: normal;
}

.commnent-list-wrap .comment .content .comment-footer span.reply-btn a {
    color: #333333;
    transition: 0.4s;
}

.commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover {
    color: #0069FF;
}

.commnent-list-wrap .comment.comment-reply {
    padding-left: 61px;
}

@media only screen and (max-width: 767px) {
    .commnent-list-wrap .comment.comment-reply {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .commnent-list-wrap .comment.comment-reply {
        padding-left: 0;
    }
}

/* ====================
    Contact Form 
======================*/
.comment-form-wrapper .contact-form input {
    height: 50px;
}

.comment-form-wrapper .contact-form .textarea {
    height: 180px;
}

/* ====================
Blog Main Quote 
======================*/
.blog-main-quote {
    position: relative;
    padding: 48px 40px;
    text-align: center;
}

/*===================================
 Post Return Button 
 ==================================*/
.blog-post-return-button a {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #999999;
    line-height: 1.58;
    font-size: 14px;
    font-weight: 500;
}

.blog-post-return-button a i {
    font-size: 12px;
    color: #222;
    margin-right: 6px;
}

.blog-post-return-button a:hover {
    color: #0069FF;
}

/*===================================
    Modern Pagination
 ==================================*/
.blog-modern-pagination .modern-pagination a {
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.blog-modern-pagination .modern-pagination a:hover {
    color: #0069FF;
}

.blog-modern-pagination .modern-pagination a .nav-icon {
    font-size: 24px;
}

.blog-modern-layout iframe {
    width: 100%;
}

/*================================
    Portfolio Style
=================================*/
/*-------------------------------------------------------------------------------------
    Portfolio Details
---------------------------------------------------------------------------------------*/
.sl-portfolio-area {
    position: relative;
}

.portfolio-nogap {
    width: 100%;
    padding: 0 15px;
}

.portfolio {
    position: relative;
}

.portfolio.portfolio-style-1 .thumb img {
    width: 100%;
}

.portfolio.portfolio-style-1 .port-overlay-info {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #0069FF;
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action {
    text-align: center;
    padding: 0 15px;
    top: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title {
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title a {
    color: #fff;
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
        font-size: 17px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action .category {
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    margin-top: 10px;
    color: #fff;
}

.portfolio.portfolio-style-1 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
    font-size: 24px;
    font-family: "Playfair Display", Georgia, serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.24;
}

.portfolio.portfolio-style-1 .port-overlay-info.lg-font .hover-action .category {
    font-style: italic;
    font-size: 15px;
    position: relative;
    padding-left: 50px;
}

.portfolio.portfolio-style-1 .port-overlay-info.lg-font .hover-action .category::before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    width: 40px;
    height: 1px;
    background: #fff;
}

.portfolio.portfolio-style-1 .port-overlay-info.position-left .hover-action {
    padding: 40px;
    top: 0;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info.position-left .hover-action {
        padding: 10px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info.position-bottom .hover-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 37px 28px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

.portfolio.portfolio-style-1 .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: .3s ease-out 0s;
}

.portfolio.portfolio-style-1.bg-black-shape .port-overlay-info {
    background-color: transparent;
}

.portfolio.portfolio-style-1.bg-black-shape .port-black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(0deg, #000 0, transparent 50%);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio.portfolio-style-1:hover .port-overlay-info {
    visibility: visible;
    opacity: .9;
}

.portfolio.portfolio-style-1:hover .port-overlay-info h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-1:hover .port-overlay-info .category {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-1:hover .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-1:hover.bg-black-shape .port-black-overlay {
    visibility: visible;
    opacity: .9;
}

.portfolio.portfolio-style-2 .thumb {
    overflow: hidden;
}

.portfolio.portfolio-style-2 .thumb img {
    width: 100%;
    transition: .3s ease-out 0s;
}

.portfolio.portfolio-style-2 .port-overlay-info {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #0069FF;
}

.portfolio.portfolio-style-2 .port-overlay-info .year {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 37px 28px;
    font-size: 20px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action {
    text-align: center;
    padding: 0 15px;
    top: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title {
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title a {
    color: #fff;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
        font-size: 17px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .category {
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    margin-top: 10px;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .category a {
    color: #fff;
    margin-right: 10px;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .category::before {
    display: none;
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    width: 40px;
    height: 1px;
    background: #fff;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .btn {
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    padding: 10px 15px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .btn:hover {
    background: #0069FF;
    color: #ffffff;
}

.portfolio.portfolio-style-2 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
    font-size: 24px;
    font-family: "Playfair Display", Georgia, serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.24;
}

.portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action .category {
    font-style: italic;
    font-size: 15px;
    position: relative;
    padding-left: 50px;
}

.portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action .category::before {
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    width: 40px;
    height: 1px;
    background: #fff;
}

.portfolio.portfolio-style-2 .port-overlay-info.position-left .hover-action {
    padding: 40px;
    top: 0;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info.position-left .hover-action {
        padding: 10px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info.position-bottom .hover-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 37px 28px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

.portfolio.portfolio-style-2 .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: .3s ease-out 0s;
}

.portfolio.portfolio-style-2:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.portfolio.portfolio-style-2:hover .port-overlay-info {
    visibility: visible;
    opacity: 1;
}

.portfolio.portfolio-style-2:hover .port-overlay-info .year {
    opacity: 1;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info .category {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info .btn {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover.bg-black-shape .port-black-overlay {
    visibility: visible;
    opacity: .9;
}

.portfolio-grid-nogap .portfolio-33-33 {
    width: 33.33%;
}

.portfolio-grid-nogap .resizer {
    width: 33.33%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-grid-nogap .portfolio-33-33 {
        width: 50%;
    }

    .portfolio-grid-nogap .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-grid-nogap .portfolio-33-33 {
        width: 100%;
    }

    .portfolio-grid-nogap .resizer {
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------
    Portfolio Details
---------------------------------------------------------------------------------------*/
.portfolio-details-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 62px 30px;
}

.portfolio-details-list .details-list label {
    color: #222222;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
}

.portfolio-details-list .details-list span {
    color: #999;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    display: block;
}

.portfolio-details-list .details-list span a {
    color: #999;
    transition: 0.4s;
}

.portfolio-details-list .details-list span a:hover {
    color: #0069FF;
}

.portfolio-details-list-2 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 62px 30px;
}

@media only screen and (max-width: 767px) {
    .portfolio-details-list-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.portfolio-details-list-2 .details-list label {
    color: #222222;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 12px;
}

.portfolio-details-list-2 .details-list span {
    color: #999;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 1rem;
    display: block;
}

.portfolio-details-list-2 .details-list span a {
    color: #999;
    transition: 0.4s;
}

.portfolio-details-list-2 .details-list span a:hover {
    color: #0069FF;
}

/*==========================
    Portfolio Nav list
============================*/
.portfolio-nav-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list {
        display: block;
    }
}

.portfolio-nav-list .portfolio-page .inner a {
    display: block;
    color: #999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio-nav-list .portfolio-page .inner a p {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio-nav-list .portfolio-page .inner a h3 {
    line-height: 1.42;
    font-size: 28px;
    margin: 22px 0 0;
    position: relative;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (max-width: 991px) {
    .portfolio-nav-list .portfolio-page .inner a h3 {
        font-size: 28px;
    }
}

.portfolio-nav-list .portfolio-page .inner a h3::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.portfolio-nav-list .portfolio-page .inner a:hover p {
    color: #0069FF;
}

.portfolio-nav-list .portfolio-page .inner a:hover h3 {
    color: #0069FF;
}

.portfolio-nav-list .portfolio-page.prev {
    padding-left: 100px;
    text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.prev {
        padding-left: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.prev {
        padding-left: 60px;
    }
}

.portfolio-nav-list .portfolio-page.prev .inner a h3::before {
    left: -100px;
    content: "\f060";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.prev .inner a h3::before {
        left: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.prev .inner a h3::before {
        left: -60px;
    }
}

.portfolio-nav-list .portfolio-page.next {
    padding-right: 100px;
    text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.next {
        padding-right: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.next {
        padding-right: 60px;
    }
}

.portfolio-nav-list .portfolio-page.next .inner a h3::before {
    right: -100px;
    content: "\f061";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.next .inner a h3::before {
        right: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.next .inner a h3::before {
        right: -60px;
    }
}

.portfolio-multi-image-slider.circle-dots .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 75px;
}

.portfolio-multi-image-slider.circle-dots .owl-dots button.owl-dot {
    background: #ffffff;
    width: 15px;
    height: 15px;
}

.portfolio-multi-image-slider.circle-dots .owl-dots button.owl-dot.active {
    background: #0069FF;
}

/*================================
    Shop Style
=================================*/
/*-------------------------------------------------------------------------------------
    Products
---------------------------------------------------------------------------------------*/
.product {
    position: relative;
}

.product.product-margin {
    margin-bottom: 30px;
}

.product img {
    transition: all 0.5s ease-in-out;
}

.product .product-contain h4 {
    color: #000000;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.product .product-contain h4:hover {
    color: #0069FF;
}

.product:hover .product-contain h4 {
    color: #0069FF;
}

.product:hover .product-img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

@media only screen and (max-width: 767px) {
    .product:hover .product-img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.product:hover .product-img ul>li:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.product:hover .product-img ul>li:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0.2s;
}

.product:hover .product-img ul>li:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0.4s;
}

.product .tringle-topleft {
    position: absolute;
    top: 0;
    left: 0;
}

.product .tringle-topleft:before {
    content: "";
    position: absolute;
    border-top: 70px solid #6a4031;
    border-right: 70px solid transparent;
}

.product .tringle-topleft h6 {
    color: #fff;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.02em;
    position: absolute;
    left: 3px;
    top: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.product .product-img {
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.product .product-img .timer-box {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
}

.product .product-img .timer-box .timer {
    background: rgba(106, 64, 49, 0.48);
    padding: 10px 0;
}

.product .product-img .timer-box .timer p {
    color: #fff;
    margin-bottom: 0;
}

.product .product-img .timer-box .timer span {
    width: 70px;
    display: inline-block;
}

.product .product-img .timer-box .timer span .timer-cal {
    color: #fff;
    text-align: left;
    padding-left: 10px;
}

.product .product-img .timer-box .timer .sec {
    padding-right: 30px;
}

.product .product-img .timer-box .timer .padding-l {
    padding-left: 22px;
    display: inline;
}

.product .product-img .product-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product .product-img .product-icon i {
    color: #0069FF;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 8px;
    background: #ffffff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.product .product-img ul>li+li {
    padding-top: 5px;
}

.product ul>li {
    transition: all 0.5s ease-in-out;
}

.product ul>li:nth-child(2),
.product ul>li:nth-child(3),
.product ul>li:nth-child(4) {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

/*-------------------------------------------------------------------------------------
    Single Product
---------------------------------------------------------------------------------------*/
.nextprev-btn {
    margin-bottom: 29px;
}

.nextprev-btn .navlist {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.nextprev-btn .navlist .navitem {
    width: 50%;
}

.nextprev-btn .navlist .navitem a {
    display: inline-block;
    position: relative;
    color: #999999;
    font-size: 14px;
}

.nextprev-btn .navlist .navitem a.text-white::before {
    color: #ffffff;
}

.nextprev-btn .navlist .navitem a::before {
    position: absolute;
    top: 1px;
    font-size: 12px;
    color: #222;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.nextprev-btn .navlist .navitem.prev a {
    padding-left: 22px;
}

.nextprev-btn .navlist .navitem.prev a::before {
    content: "\f060";
    left: 0;
}

.nextprev-btn .navlist .navitem.next {
    text-align: right;
}

.nextprev-btn .navlist .navitem.next a {
    padding-right: 22px;
}

.nextprev-btn .navlist .navitem.next a::before {
    content: "\f061";
    right: 0;
}

.single-product-details-side {
    margin-bottom: 40px;
    width: 100% !important;
    max-width: 440px;
    margin-left: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-product-details-side {
        margin-left: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-details-side {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .single-product-details-side {
        margin-left: 0;
    }
}

.single-product-details-side .pro-quantity {
    display: inline-block;
}

.single-product-details-side .pro-quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999999;
    border-radius: 50px;
    padding: 0 15px;
    display: block;
    margin: auto;
}

.single-product-details-side .pro-quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}

.single-product-details-side .pro-quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: transparent;
}

@media only screen and (max-width: 575px) {
    .single-product-details-side .pro-quantity .pro-qty {
        margin: 0;
    }
}

.single-product-details-side .header {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 24px;
}

.single-product-details-side .header .product-badges {
    position: static;
    display: inline-block;
    margin: 0 15px 0 0;
    z-index: 0;
}

.single-product-details-side .header .product-badges span {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 2px;
    min-height: 0;
    min-width: 0;
    border-radius: 10px 10px 10px 0;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.44;
    text-transform: uppercase;
    background: #d31129;
    padding: 4px 11px;
    color: #fff;
    background-color: #d31129;
}

.single-product-details-side .price p {
    font-size: 18px;
    font-weight: 600;
}

.single-product-details-side .description {
    margin-bottom: 44px;
}

.single-product-details-side .quenty-container {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 45px 0 45px;
}

.single-product-details-side .quenty-button {
    overflow: hidden;
    margin-bottom: 40px;
}

.single-product-details-side .quenty-button h6.heading {
    float: left;
    margin: 9px 15px 0 0;
    text-transform: uppercase;
    min-width: 100px;
}

.single-product-details-side .quenty-button input {
    display: inline-block;
    float: left;
    margin: 0 30px 0 0;
    overflow: hidden;
    position: relative;
    width: 66px;
}

.single-product-details-side .product-action {
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px;
}

.single-product-details-side .product-action a {
    color: #ffffff;
    border-color: #0069FF;
    background-color: #0069FF;
    position: relative;
    display: inline-block;
    margin: 0 10px;
    border-radius: 6px;
}

.single-product-details-side .product-action a.addtocart {
    padding: 0 30px 0;
    height: 53px;
    font-weight: 600;
    line-height: 52px;
    font-size: 16px;
}

.single-product-details-side .product-action a.addtocart i {
    margin-right: 19px;
}

.single-product-details-side .product-action a.wislist {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    line-height: 53px;
    border-radius: 6px;
    color: #fff;
    font-size: 0;
    padding: 0;
    border: 1px solid #fff;
    text-align: center;
}

.single-product-details-side .product-action a.wislist::before {
    content: "\f004";
    font-size: 20px;
    margin: 0;
    font-family: Font Awesome\ 5 Free;
    font-weight: 400;
}

.single-product-details-side .product-meta .meta-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.single-product-details-side .product-meta .meta-item h6 {
    font-size: 1rem;
    text-transform: uppercase;
    min-width: 100px;
    margin: 0 15px 0 0;
}

.single-product-details-side .product-meta .meta-item .item-list a {
    color: #999999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-size: 1rem;
    margin-right: 5px;
    font-weight: 500;
}

.single-product-details-side .product-meta .meta-item .item-list a:hover {
    color: #0069FF;
}

.single-product-details-side .product-meta .meta-item+.meta-item {
    margin-top: 24px;
}

.active_thumb img {
    width: 100%;
}

.single_product_inner h4 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 6px;
}

.single_product_inner .price span {
    font-size: 16px;
}

.single_product_inner .price span.new {
    border-bottom: 1px solid #222222;
    color: #0069FF;
    display: inline-block;
    font-size: 24px;
    margin-right: 3px;
    font-weight: 600;
}

.single_product_inner .rating {
    display: -webkit-flex;
    display: flex;
    list-style: outside none none;
    margin-bottom: 24px;
    margin-top: 8px;
    padding: 0;
}

.single_product_inner .rating li {
    margin-right: 2px;
}

.single_product_inner .rating li i {
    color: #222222;
}

.single_product_inner .pro_dtl p {
    margin-bottom: 25px;
}

.single_product_inner .product_cart_action {
    display: -webkit-flex;
    display: flex;
    margin-top: 36px;
}

.single_product_inner .product_cart_action .cart_qun_inner {
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #dddddd;
    display: -webkit-flex;
    display: flex;
    height: 38px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 35px;
    padding: 0 20px;
    position: relative;
    margin-left: 30px;
}

.single_product_inner .product_cart_action .cart_qun_inner .pro-quantity .pro-qty span.qtybtn {
    float: left;
    padding: 0;
}

.single_product_inner .product_cart_action .cart_qun_inner .pro-quantity input {
    background-color: transparent;
    border: medium none;
    float: left;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    width: 28px;
}

.single_product_inner .product_cart_action .cart_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: outside none none;
    margin: 0 -2px;
    padding: 0;
}

.single_product_inner .product_cart_action .cart_list li {
    margin: 0 2px;
}

.single_product_inner .product_cart_action .cart_list li a {
    background: #222222 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 36px;
}

.single_product_inner .product_cart_action .cart_list li a:hover {
    opacity: 0.7;
}

.single_product_inner .product_cart_action .cart_list li.shopping_basket a {
    padding: 0 16px;
    text-transform: uppercase;
    width: auto;
}

.big_img_container .tab-pane:not(.active) {
    display: none;
}

.sm_roduct_nav {
    border: 0 none;
    margin: 0 -8px;
}

.sm_roduct_nav a {
    display: block;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    padding: 16px 8px 0;
}

.sm_roduct_nav a img {
    width: 100%;
}

.product_share {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    margin-top: 60px;
}

.product_share ul.social_share {
    display: -webkit-flex;
    display: flex;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.product_share ul.social_share li {
    margin-left: 15px;
}

.product_share ul.social_share li a {
    color: #fff;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 30px;
}

.cart_qun_inner span {
    color: #050505;
    font-size: 16px;
    padding-right: 12px;
}

.cart_qun_inner .cart-plus-minus {
    position: relative;
}

.cart_qun_inner .cart-plus-minus input {
    border: 0 none;
    text-align: center;
    width: 70px;
    outline: none;
}

.single_review_content.tab-pane:not(.active) {
    display: none;
}

.product_review {
    padding-top: 100px;
}

.product_review .description_nav {
    border: 0 none;
}

.product_review .description_nav a {
    border-bottom: 2px solid transparent;
    padding: 13px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #222222;
}

.product_review .description_nav a.active,
.product_review .description_nav a:hover {
    border-bottom: 3px solid #0069FF;
    color: #000000;
}

.product_review .description_nav a+a {
    margin-left: 20px;
}

.product_review .single_review_content {
    border-top: 1px solid #f5f5f5;
    margin-top: 14px;
    padding: 40px;
    padding-left: 0;
}

.product_review .single_review_content p {
    font-size: 15px;
    line-height: 30px;
    margin: 0 auto;
    text-align: left;
    padding-left: 0;
}

.product_review .single_review_content .rating {
    display: -webkit-flex;
    display: flex;
    list-style: outside none none;
    margin-bottom: 24px;
    margin-top: 8px;
    padding: 0;
}

.product_review .single_review_content .rating li {
    margin-right: 3px;
}

.product_review .single_review_content .rating li i {
    font-size: 16px;
    color: #efc71f;
}

.product_review .single_review_content .classs__review__inner h4 {
    color: #000;
    font-weight: 500;
}

.product_review .single_review_content .classs__review__inner p {
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0;
    text-align: left;
}

.product_review .single_review_content .classs__review__inner span {
    font-weight: 400;
}

.product_review .single_review_content .classs__review__inner .input__box span {
    display: block;
    font-weight: 400;
    margin-bottom: 10px;

    font-size: 14px;
}

.product_review .single_review_content .classs__review__inner .input__box input {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    height: 50px;
    outline: medium none;
    width: 100%;
}

.product_review .single_review_content .classs__review__inner .input__box textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    min-height: 200px;
    padding: 10px;
    width: 100%;
}

.product_review .single_review_content .classs__review__inner .input__box+.input__box {
    margin-top: 15px;
}

.product_review .single_review_content .classs__review__inner .submit__btn a {
    background-color: #252525;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin-top: 30px;
    padding: 0 20px;
    transition: all 0.3s ease-in-out 0s;
}

.product_review .single_review_content .classs__review__inner .submit__btn a:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .big_img_container .big_img img {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .big_img_container .big_img img {
        width: 100%;
    }

    .sm_roduct_nav a {
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
    }

    .single_product_inner .pro_ration {
        margin-bottom: 11px;
    }

    .single_product_inner .pro_dtl p {
        margin-bottom: 10px;
    }

    .product_share {
        margin-top: 29px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .big_img_container .big_img img {
        width: 100%;
    }

    .single_product_inner {
        margin-top: 30px;
    }

    .product_review .description_nav a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .big_img_container .big_img img {
        width: 100%;
    }

    .single_product_inner {
        margin-top: 30px;
    }

    .product_review .description_nav a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575px) {
    .product_review .description_nav a {
        padding: 0 9px;
    }

    .single_product_inner .product_cart_action {
        display: block;
    }

    .single_product_inner .product_cart_action .cart_qun_inner {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .product_review .description_nav a {
        border-left: 1px solid transparent;
        margin-bottom: 15px;
        display: inline-block;
    }

    .product_review .description_nav {
        border-color: #ecefea #ecefea #efefef;
        border-style: solid;
        border-width: 1px;
        padding: 10px 0;
    }

    .product_review .description_nav a:last-child {
        border-right: 1px solid transparent;
    }

    .sm_roduct_nav a {
        -webkit-flex-basis: 33.33%;
        flex-basis: 33.33%;
    }

    .product_review .single_review_content {
        padding: 26px 9px;
    }

    .product_review .single_review_content p {
        font-size: 14px;
        line-height: 25px;
        padding: 0 10px;
    }
}

/*-------------------------------------------------------------------------------------
    Shop Sidebar
---------------------------------------------------------------------------------------*/
.content-shopby {
    margin-top: 32px;
}

.price--filter {
    display: inline-block;
}

.price--filter a {
    background: #0069FF none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 40px;
    padding: 0 20px;
}

.price--output {
    display: inline-block;
}

.price--output input {
    border: 0 none;
}

.price--output span {
    color: #333;
    font-size: 14px;
}

.ui-widget-content {
    background: #ededed none repeat scroll 0 0;
    border: 0 none;
    color: #0069FF;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #0069FF none repeat scroll 0 0;
}

.ui-slider .ui-slider-handle {
    border-radius: 100%;
    cursor: default;
    height: 16px;
    position: absolute;
    touch-action: none;
    width: 16px;
    z-index: 2;
    outline: none;
    cursor: pointer;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #0069FF none repeat scroll 0 0;
    border: 0 none;
    color: #0069FF;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #0069FF none repeat scroll 0 0;
}

.ui-slider-horizontal {
    height: 7px;
    margin-bottom: 25px;
    margin-top: 7px;
}

.price__output--wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.price__output--wrap .price--output {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.price__output--wrap .price--output span {
    color: #333;
    font-size: 19px;
    display: inline-block;
}

.price__output--wrap .price--output input {
    border: 0 none;
    width: 94px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
}

.sidebar-wrapper.boxed-sidebar .widget-area {
    position: relative;
    padding: 28px;
    background: #f7f7f7;
    margin-bottom: 30px;
}

.sidebar-wrapper.white-boxed-sidebar .widget-area {
    position: relative;
    padding: 28px;
    background: #ffffff;
    margin-bottom: 30px;
}

.sidebar-wrapper .widget-area {
    position: relative;
    padding: 23px;
}

.sidebar-wrapper .widget-title {
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 11px;
    font-weight: 600;
    line-height: 1.23;
    color: #222222;
}

.sidebar-wrapper .widget-category-list ul.category-area {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li {
    height: auto;
    padding: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li a {
    width: 100%;
    padding: 6px 0;
    font-size: 1rem;
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    color: #000000;
}

.sidebar-wrapper .widget-category-list ul.category-area li a span {
    width: 25px;
    height: 25px;
    border-radius: 30px;
    color: #000000;
    background: #ffffff;
    position: relative;
    float: right;
    font-size: 12px;
    transition: all .3s ease-in-out;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:after {
    content: '';
    clear: both;
    display: block;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover {
    color: #0069FF;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover span {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .widget-colors-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.sidebar-wrapper .widget-colors-list ul li a {
    position: relative;
    width: 35px;
    height: 35px;
    margin: 6px 8px;
    display: block;
    background: #0069FF;
    border: 2px solid #0069FF;
    transition: all .3s ease-in-out;
    border-radius: 30px;
    z-index: 2;
}

.sidebar-wrapper .widget-colors-list ul li a:after {
    content: '';
    border: 2px solid #0069FF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    z-index: -1;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.sidebar-wrapper .widget-colors-list ul li a:hover {
    background: #0069FF;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li a:hover:after {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    opacity: 1;
    z-index: -1;
}

.sidebar-wrapper .widget-colors-list ul li.black a {
    background: #000000;
    border: 2px solid #000000;
}

.sidebar-wrapper .widget-colors-list ul li.black a:after {
    content: '';
    border: 2px solid #000000;
}

.sidebar-wrapper .widget-colors-list ul li.black a:hover {
    background: #000000;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.gray a {
    background: #d6d6d6;
    border: 2px solid #d6d6d6;
}

.sidebar-wrapper .widget-colors-list ul li.gray a:after {
    content: '';
    border: 2px solid #d6d6d6;
}

.sidebar-wrapper .widget-colors-list ul li.gray a:hover {
    background: #d6d6d6;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.green a {
    background: #F05874;
    border: 2px solid #F05874;
}

.sidebar-wrapper .widget-colors-list ul li.green a:after {
    content: '';
    border: 2px solid #F05874;
}

.sidebar-wrapper .widget-colors-list ul li.green a:hover {
    background: #F05874;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.red a {
    background: #F0263F;
    border: 2px solid #F0263F;
}

.sidebar-wrapper .widget-colors-list ul li.red a:after {
    content: '';
    border: 2px solid #F0263F;
}

.sidebar-wrapper .widget-colors-list ul li.red a:hover {
    background: #F0263F;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.blue a {
    background: #3353FC;
    border: 2px solid #3353FC;
}

.sidebar-wrapper .widget-colors-list ul li.blue a:after {
    content: '';
    border: 2px solid #3353FC;
}

.sidebar-wrapper .widget-colors-list ul li.blue a:hover {
    background: #3353FC;
    border: 2px solid #ffffff;
}

/*-------------------------------------------------------------------------------------
    Cart
---------------------------------------------------------------------------------------*/
.cart-table .table {
    border-bottom: 8px solid #f6f6f6;
    margin: 0;
}

@media only screen and (max-width: 575px) {
    .cart-table .table {
        border-top: 8px solid #f6f6f6;
    }
}

.cart-table .table thead {
    background-color: #f6f6f6;
}

@media only screen and (max-width: 575px) {
    .cart-table .table thead {
        display: none;
    }
}

.cart-table .table thead tr th {
    text-align: center;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #222222;
    padding: 12px 20px;
}

.cart-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 575px) {
    .cart-table .table tbody tr td {
        display: inline-block;
        width: 100%;
        max-width: none;
        padding: 15px;
        text-align: center;
    }
}

.cart-table th.pro-thumbnail,
.cart-table td.pro-thumbnail {
    max-width: 160px;
    min-width: 120px;
    width: 160px;
}

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

    .cart-table th.pro-thumbnail a,
    .cart-table td.pro-thumbnail a {
        width: 160px;
    }
}

.cart-table th.pro-title,
.cart-table td.pro-title {
    min-width: 200px;
}

.cart-table td.pro-thumbnail a {
    display: inline-block;
    text-align: center;
}

.cart-table td.pro-thumbnail a img {
    width: 100%;
    background-color: #f6f7f8;
}

.cart-table td.pro-title a {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #222222;
}

.cart-table td.pro-price {
    text-align: center;
}

.cart-table td.pro-price span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}

.cart-table td.pro-quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999999;
    border-radius: 50px;
    padding: 0 15px;
    display: inline-block;
    text-align: center;
    margin: auto;
}

.cart-table td.pro-quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}

.cart-table td.pro-quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

@media only screen and (max-width: 575px) {
    .cart-table td.pro-quantity .pro-qty {
        margin: 0;
    }
}

.cart-table td.pro-subtotal span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0069FF;
}

.cart-table td.pro-addtocart button {
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #0069FF;
    line-height: 24px;
    padding: 5px 20px;
    font-weight: 700;

    color: #fff;
    background-color: #0069FF;
}

.cart-table td.pro-remove a {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    padding: .2rem 1.2rem;
    color: #F0263F;
    border: 1px solid #ff0000;
    font-size: 14px;
    border-radius: 40px;
}

.cart-table td.pro-remove a:hover {
    background: #ff0000;
    color: #fff;
}

@media only screen and (max-width: 575px) {
    .cart-table td.pro-remove a {
        text-align: center;
    }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
    margin-bottom: 23px;
}

.calculate-shipping h4 {
    font-size: 20px;
    line-height: 23px;

    font-weight: 700;
    margin-bottom: 30px;
}

.calculate-shipping form .nice-select {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #999999;
    background-color: transparent;
}

.calculate-shipping form .nice-select::after {
    border-color: #333333;
}

.calculate-shipping form .nice-select .current {
    display: block;
    color: #333333;
}

.calculate-shipping form input {
    width: 100%;
    border: 1px solid #999999;
    color: #333333;
    background-color: transparent;
    border-radius: 8px;
}

.calculate-shipping form input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #0069FF;
    border-color: #0069FF;
    width: 140px;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
    font-size: 20px;
    line-height: 23px;

    font-weight: 700;
    margin-bottom: 30px;
}

.discount-coupon form input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #999999;
    color: #333333;
    background-color: transparent;
}

.discount-coupon form input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #0069FF;
    border-color: #0069FF;
    width: 140px;
}

/*-- Cart Summary --*/
.cart-summary {
    float: right;
    max-width: 410px;
    width: 100%;
    margin-left: auto;
}

@media only screen and (max-width: 767px) {
    .cart-summary {
        margin-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary {
        margin-left: 0;
    }
}

.cart-summary .cart-summary-wrap {
    background-color: #f3f3f3;
    padding: 45px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-wrap {
        padding: 25px 30px;
    }
}

.cart-summary .cart-summary-wrap h4 {
    font-size: 20px;
    line-height: 23px;

    font-weight: 700;
    margin-bottom: 30px;
}

.cart-summary .cart-summary-wrap p {
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    color: #222222;
}

.cart-summary .cart-summary-wrap p span {
    float: right;
}

.cart-summary .cart-summary-wrap h2 {
    border-top: 1px solid #999999;
    padding-top: 9px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.cart-summary .cart-summary-wrap h2 span {
    float: right;
}

.cart-summary .cart-summary-button {
    overflow: hidden;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-button {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

.cart-summary .cart-summary-button button {
    margin-top: 10px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333333;
    background-color: transparent;
    margin-left: 20px;
    float: right;
}

.cart-summary .cart-summary-button button:last-child {
    margin-left: 0;
}

.cart-summary .cart-summary-button button.checkout-btn {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #0069FF;
    border-color: #0069FF;
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 20px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 10px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-button button {
        width: 130px;
    }
}

/*-------------------------------------------------------------------------------------
    ChackOut
---------------------------------------------------------------------------------------*/
.checkout-cart-total h4 {
    font-size: 18px;
}

.checkout-cart-total h4 span {
    float: right;
}

.checkout-cart-total h4:last-child {
    border-top: 1px solid #8d8d8d;
    padding: 10px 0;
}

.checkout-cart-total ul li {
    margin-bottom: 10px;
}

.checkout-cart-total ul li span {
    color: #222222;
    float: right;
}

.checkout-cart-total p {
    border-top: 1px solid #8d8d8d;
    padding: 10px 0;
    margin: 0;
}

.checkout-cart-total p span {
    float: right;
}

/*-------------------------------------------------------------------------------------
    My Account
---------------------------------------------------------------------------------------*/
.panel .panel-heading h5.panel-title {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #434343;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 30px;
    position: relative;
    text-transform: uppercase;
}

.panel .panel-heading h5.panel-title.border-none {
    border: none !important;
}

.panel .panel-heading h5.panel-title a {
    color: #333;
    display: block;
    padding: 14px 55px 11px;
    position: relative;
}

.panel .panel-heading h5.panel-title a::before {
    color: #666666;
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.panel .panel-heading h5.panel-title a.collapsed::after {
    color: #666666;
    content: "\f105";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.panel .panel-heading h5.panel-title a.collapsed::before {
    display: none;
}

.panel .panel-heading h5.panel-title a:hover {
    color: #0069FF;
}

.panel .panel-heading h5.panel-title span {
    background-color: #0069FF;
    color: #fff;
    font-size: 15px;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 42px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.panel-body {
    margin-bottom: 50px;
}

.panel-body .billing-information-wrapper {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #eaeaea;
}

.panel-body .account-info-wrapper {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 28px;
}

.panel-body .account-info-wrapper h4 {
    font-size: 18px;
    letter-spacing: 0.2px;
    margin: 0;
    text-transform: uppercase;
}

.panel-body .account-info-wrapper h5 {
    font-size: 16px;
    letter-spacing: 0.2px;
    margin-top: 7px;
}

.panel-body .billing-info {
    margin-bottom: 20px;
}

.panel-body .billing-info label {
    color: #434343;
    font-size: 14px;

}

.panel-body .billing-info input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    color: #555;
    height: 40px;
    border-radius: 5px;
}

.panel-body .billing-back-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.panel-body .billing-back-btn .billing-back a {
    display: inline-block;
    font-size: 15px;
    margin-top: 7px;
    text-transform: uppercase;
}

.panel-body .billing-back-btn .billing-back a:hover {
    color: #0069FF;
}

.panel-body .billing-back-btn .billing-back a i {
    font-size: 18px;
    color: #0069FF;
}

.panel-body .billing-back-btn .billing-btn button {
    background-color: #0069FF;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    padding: 13px 23px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.panel-body .billing-back-btn .billing-btn button:hover {
    background-color: #0069FF;
    color: #fff;
}

.panel-body .entries-wrapper {
    border: 1px solid #eaeaea;
    position: relative;
}

.panel-body .entries-wrapper::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    left: 50%;
    top: 0;
    background-color: #eaeaea;
}

@media only screen and (max-width: 767px) {
    .panel-body .entries-wrapper::before {
        display: none;
    }
}

.panel-body .entries-wrapper .entries-info {
    padding: 30px 20px;
}

.panel-body .entries-wrapper .entries-info p {
    color: #454545;
    font-size: 15px;
    margin: 0;

}

.panel-body .entries-wrapper .entries-edit-delete a {
    background-color: #454545;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.2px;
    line-height: 1;
    margin: 0 2px;
    padding: 12px 15px;
    text-transform: uppercase;
}

.panel-body .entries-wrapper .entries-edit-delete a.edit {
    background-color: #0069FF;
}

.panel-body .entries-wrapper .entries-edit-delete a.edit:hover {
    background-color: #0069FF;
}

.panel-body .entries-wrapper .entries-edit-delete a:hover {
    background-color: #0069FF;
}

@media only screen and (max-width: 767px) {
    .panel-body .entries-wrapper .entries-edit-delete {
        margin-bottom: 24px;
    }
}

/*================================
    Components Style
=================================*/
/*-------------------------------------------------------------------------------------
    Subscribe form  
---------------------------------------------------------------------------------------*/
.subscribe-form .shape-subscribe {
    position: absolute;
    top: 0;
    right: -10px;
}

.subscribe-form .sl-newsletter-input-box {
    position: relative;
}

.subscribe-form .sl-newsletter-input-box input[type="text"] {
    background: #ffffff;
    border: 0;
    letter-spacing: 0;
    height: 72px;
    width: 100%;
    color: #79879d;
    font-size: 16px;
    padding: 0 180px 0 40px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.subscribe-form .sl-newsletter-input-box input[type="text"].placeholder {
    font-size: 20px;
}

.subscribe-form .sl-newsletter-input-box input[type="text"]:-moz-placeholder {
    font-size: 20px;
}

.subscribe-form .sl-newsletter-input-box input[type="text"]::-moz-placeholder {
    font-size: 20px;
}

.subscribe-form .sl-newsletter-input-box input[type="text"]::-webkit-input-placeholder {
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
    .subscribe-form .sl-newsletter-input-box input[type="text"] {
        padding: 0 40px 0 40px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"].placeholder {
        font-size: 14px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"]:-moz-placeholder {
        font-size: 14px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"]::-moz-placeholder {
        font-size: 14px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"]::-webkit-input-placeholder {
        font-size: 14px;
    }
}

.subscribe-form .sl-newsletter-input-box button {
    color: #ffffff;
    border: 0;
    height: 60px;
    width: 156px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px;
}

@media only screen and (max-width: 767px) {
    .subscribe-form .sl-newsletter-input-box button {
        position: static;
        margin: auto;
        margin-top: 20px;
        text-align: center;
    }
}

.subscribe-form .sl-newsletter-input-box button.wedding-btn {
    background: linear-gradient(90deg, #D32C3D 0%, #C40A1E 100%);
    border-radius: 10px 0 10px 10px;
}

/*-------------------------------------------------------------------------------------
    Join Us
---------------------------------------------------------------------------------------*/
.join-us {
    background-color: #E8ECF8;
    width: 100%;
    position: relative;
}

.wedding-photo-grid .img-box {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.content .wedding-photo-grid {
    margin-top: -7%;
}

.content .wedding-photo-grid .img-box {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.content .card-join .content .heading h2 {
    color: #ffffff;
}

.content .card-join .content .sub-text {
    line-height: 1.8;
    color: #f5f5f5;
}

.content .card-join img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.content .card-join-right .heading h2 {
    position: absolute;
    color: #030B61;
    font-weight: 700;
    right: 20px;
    top: -40%;
}

.content .card-join-right .heading h2 span {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 105%;
}

@media (max-width: 991px) {
    .content .card-join-right .heading h2 {
        position: static;
    }

    .content .card-join-right .heading h2 span {
        position: static;
    }
}

.content .card-join-right .img-wrap h3 {
    font-size: 10em;
    font-weight: 500;
}

@media (max-width: 991px) {
    .content .card-join-right .img-wrap h3 {
        font-size: 8em;
    }
}

@media only screen and (max-width: 767px) {
    .content .card-join-right .img-wrap h3 {
        font-size: 6em;
        margin-bottom: 24px;
    }
}

.content .card-join-right .hero-slider h3 {
    color: #C40A1E;
}

.content .card-join-right .hero-slider .owl-nav {
    position: absolute;
    bottom: -23px;
    right: 50px;
    z-index: 100;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .content .card-join-right .hero-slider .owl-nav {
        top: auto;
    }
}

@media (max-width: 991px) {
    .content .card-join-right .hero-slider .owl-nav {
        bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .content .card-join-right .hero-slider .owl-nav {
        width: 100%;
        bottom: 0;
        left: 0;
        text-align: center;
        display: none;
    }
}

.content .card-join-right .owl-nav .owl-prev span,
.content .card-join-right .owl-nav .owl-next span {
    width: 50px;
    height: 50px;
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: #ffffff;
    color: #C40A1E;
    margin-bottom: 10px;
    font-size: 1.3rem;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

/*-------------------------------------------------------------------------------------
    Why us  
---------------------------------------------------------------------------------------*/
.why-us {
    position: relative;
}

.why-us .shape-1 {
    position: absolute;
    top: 0;
    left: -70%;
}

/*-------------------------------------------------------------------------------------
    Quote Area
---------------------------------------------------------------------------------------*/
.quote .quote-content .wedding-photo-grid img {
    width: 400px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.quote .quote-content h2 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.6;
    color: #030B61;
}

@media (max-width: 991px) {
    .quote .quote-content h2 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 767px) {
    .quote .quote-content h2 {
        font-size: 1.2em;
    }
}

.quote-area .component__image {
    width: 88px;
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.quote-area .component--heading-textblock h2 {
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 20px;
}

/*-------------------------------------------------------------------------------------
    Typography  
---------------------------------------------------------------------------------------*/
.heading {
    color: #222222;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 0em;
    line-height: 1.23;
    margin: 0;
}

.heading.letter-spacing-3 {
    letter-spacing: 3px;
}

.heading.heading-font {
    font-family: "Rubik", sans-serif;
}

.heading.sl-hover a {
    color: #222222;
}

.heading.rubik-font {
    font-family: "Rubik", sans-serif;
}

.heading.montserrat-font {
    font-family: "Montserrat", sans-serif;
}

.heading.miniver-font {
    font-family: "Miniver", cursive;
}

.heading.secondary-font {
    font-family: "Montserrat", sans-serif;
}

.heading.font-bold {
    font-weight: 700;
}

.heading.font-medium {
    font-weight: 500;
}

.heading.font-400 {
    font-weight: 400;
}

.heading.text-white {
    color: #ffffff;
}

.heading.theme-color {
    color: #0069FF;
}

.heading.body-color {
    color: #333333;
}

.heading.yellow-color-2 {
    color: #F8A440;
}

.heading.pink {
    color: #F12C6E;
}

.heading.brown-color {
    color: #CE8F4F;
}

.heading.third-color {
    color: #99E5E8;
}

.heading.red-color-2 {
    color: #F23E20;
}

h1.heading-h1 {
    font-size: 56px;
}

@media only screen and (max-width: 767px) {
    h1.heading-h1 {
        font-size: 48px;
    }

    h1.heading-h1 br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1 {
        font-size: 36px;
    }
}

h1.heading-h1.large-font-1 {
    font-size: 79px;
    line-height: 159px;
    font-weight: 600;
}

@media only screen and (min-width: 1600px) {
    h1.heading-h1.large-font-1 {
        font-size: 60px;
        line-height: 103px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    h1.heading-h1.large-font-1 {
        font-size: 57px;
        line-height: 105px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.large-font-1 {
        font-size: 49px;
        line-height: 109px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.large-font-1 {
        font-size: 46px;
        line-height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.large-font-1 {
        font-size: 37px;
        line-height: 71px;
    }
}

@media only screen and (max-width: 575px) {
    h1.heading-h1.large-font-1 {
        font-size: 30px;
        line-height: 48px;
    }
}

h1.heading-h1.font-80 {
    font-size: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.font-80 {
        font-size: 60px !important;
    }

    h1.heading-h1.font-80 br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.font-80 {
        font-size: 40px;
    }

    h1.heading-h1.font-80 br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.font-80 {
        font-size: 45px;
    }

    h1.heading-h1.font-80 br {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1.font-80 {
        font-size: 36px;
    }
}

h1.heading-h1.font-90 {
    font-size: 90px;
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.font-90 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1.font-90 {
        font-size: 36px;
    }
}

h1.heading-h1.font-60 {
    font-size: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.font-60 {
        font-size: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.font-60 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.font-60 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1.font-60 {
        font-size: 30px;
    }
}

h1.heading-h1.large-font-2 {
    line-height: 1.4;
    font-size: 100px;
    font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.large-font-2 {
        font-size: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.large-font-2 {
        font-size: 70px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.large-font-2 {
        font-size: 50px;
    }
}

h2.heading-h2 {
    font-size: 48px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h2.heading-h2 br {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    h2.heading-h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h2.heading-h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    h2.heading-h2 {
        font-size: 32px;
    }

    h2.heading-h2 br {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    h2.heading-h2 {
        font-size: 32px;
    }
}

h2.heading-h2.font-50 {
    font-size: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h2.heading-h2.font-50 {
        font-size: 37px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h2.heading-h2.font-50 {
        font-size: 37px;
    }
}

@media only screen and (max-width: 767px) {
    h2.heading-h2.font-50 {
        font-size: 32px;
    }

    h2.heading-h2.font-50 br {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    h2.heading-h2.font-50 {
        font-size: 32px;
    }
}

h3.heading-h3 {
    font-size: 36px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h3.heading-h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    h3.heading-h3 {
        font-size: 22px;
    }
}

h3.heading-h3.font-large {
    font-size: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h3.heading-h3.font-large {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    h3.heading-h3.font-large {
        font-size: 30px;
    }
}

h3.heading-h3.font-32 {
    font-size: 32px;
}

@media only screen and (max-width: 767px) {
    h3.heading-h3.font-32 {
        font-size: 30px;
    }
}

h3.heading-h3.font-40 {
    font-size: 40px;
}

@media only screen and (max-width: 767px) {
    h3.heading-h3.font-40 {
        font-size: 30px;
    }
}

h4.heading-h4 {
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    h4.heading-h4 {
        font-size: 18px;
    }
}

h5.heading-h5 {
    font-size: 17px;
}

@media only screen and (max-width: 767px) {
    h5.heading-h5 {
        font-size: 16px;
    }

    h5.heading-h5 br {
        display: none;
    }
}

h5.heading-h5.font-19 {
    font-size: 19px;
}

h5.heading-h5.font-20 {
    font-size: 20px;
}

h6.heading-h6 {
    font-size: 14px;
}

h6.heading-h6.font-17 {
    font-size: 17px;
}

h6.heading-h6.font-16 {
    font-size: 16px;
}

h6.heading-h6.font-15 {
    font-size: 15px;
}

.sl-paragraph .spacing {
    height: 40px;
}

p.pra {
    margin-bottom: 0;
    word-wrap: break-word;
    max-width: 100%;
    font-weight: 500;
    line-height: 1.58;
    font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 767px) {
    p.pra br {
        display: none;
    }
}

p.pra.heading-font {
    font-family: "Rubik", sans-serif;
    line-height: 1.32;
    font-size: 16px;
    color: #333333;
}

@media only screen and (max-width: 767px) {
    p.pra.heading-font {
        font-size: 14px;
    }
}

p.pra.text-white {
    color: #ffffff;
}

p.pra.font-16 {
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    p.pra.font-16 {
        font-size: 14px;
    }
}

p.pra.font-20 {
    font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    p.pra.font-20 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    p.pra.font-20 {
        font-size: 14px;
    }
}

p.pra.font-18 {
    font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    p.pra.font-18 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    p.pra.font-18 {
        font-size: 14px;
    }
}

p.pra.secondary-font {
    font-family: "Montserrat", sans-serif;
}

p.pra.heading-font2 {
    font-family: "Rubik", sans-serif;
}

p.pra.font-blod {
    font-weight: 700;
}

p.pra.line-height-1-63 {
    line-height: 1.63;
}

p.pra.line-height-1-6 {
    line-height: 1.6;
}

p.pra.line-height-1-87 {
    line-height: 1.875;
}

p.pra.line-height-2-22 {
    line-height: 2.22;
}

.dropcaps .spacing {
    height: 102px;
}

@media only screen and (max-width: 767px) {
    .dropcaps .spacing {
        height: 66px;
    }
}

.dropcaps p {
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    color: #333333;
    margin: 0;
}

.dropcaps p span {
    float: left;
    font-weight: 600;
    font-size: 48px;
    line-height: 33px;
    padding-right: 10px;
    color: #222222;
}

.text-box .spacing {
    height: 27px;
}

.text-box.box-bg-solid {
    background: #eee;
}

.text-box.box-solid-border {
    border: 1px solid #ddd;
}

.text-box.text-box--2 {
    padding: 40px;
}

.text-box.bg-theme-color {
    background: #0069FF;
}

.text-box.bg-theme-color .heading {
    color: #ffffff;
}

.text-box.bg-theme-color p.pra {
    color: #ffffff;
}

.text-box.bg-dark-color {
    background: #222;
}

.text-box.bg-dark-color .heading {
    color: #ffffff;
}

.text-box.bg-dark-color p.pra {
    color: #ffffff;
}

.sl-quote-content .spacing {
    height: 30px;
}

.sl-quote {
    position: relative;
    margin: 35px 0 !important;
    padding: 0 0 0 53px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
}

.sl-quote::before {
    content: "\f10e";
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #0069FF;
}

.sl-quote .quote-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
    color: #222222;
    font-style: italic;
}

/*-------------------------------------------------------------------------------------
    Image Box
---------------------------------------------------------------------------------------*/
.image-box {
    background: #ffffff;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
}

.image-box:hover,
.image-box.active {
    background: #53585b;
}

.speaker {
    position: absolute;
    left: -50%;
    max-width: 800px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .speaker {
        left: -64%;
    }
}

@media (max-width: 991px) {
    .speaker {
        position: relative;
        max-width: 100%;
        left: auto;
    }
}

.image-group {
    position: relative;
    width: 100%;
    height: 568px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-1 {
        height: 781px;
    }
}

@media only screen and (max-width: 479px) {
    .image-group.group-1 {
        height: 400px;
    }
}

.image-group.group-1 a.btn {
    position: absolute;
    top: 45%;
    z-index: 2;
    left: 31%;
}

@media only screen and (max-width: 575px) {
    .image-group.group-1 a.btn {
        display: none;
    }
}

.image-group.group-1 img {
    position: absolute;
}

.image-group.group-1 img:nth-child(2) {
    width: 60%;
    top: 50px;
    left: 0;
}

.image-group.group-1 img:nth-child(3) {
    width: 75%;
    top: 268px;
    left: -67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-1 img:nth-child(3) {
        width: 70%;
        top: 324px;
        left: -53px;
    }
}

.image-group.group-1 img:nth-child(4) {
    top: 0;
    left: 50%;
}

@media only screen and (max-width: 767px) {
    .image-group.group-1 img:nth-child(3) {
        width: 75%;
        top: 268px;
        left: -67px;
    }

    .image-group.group-1 img:nth-child(4) {
        top: 0;
        right: auto;
        left: 35%;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-1 img:nth-child(4) {
        top: 0;
        right: 0;
        left: auto;
    }

    .image-group.group-1 img:nth-child(3) {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-2 {
        height: 695px;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-2 {
        height: 325px;
    }
}

@media only screen and (max-width: 479px) {
    .image-group.group-2 {
        height: 374px;
    }
}

.image-group.group-2 img {
    position: absolute;
}

.image-group.group-2 img:nth-child(1) {
    width: 60%;
    top: 50px;
    right: 0;
}

.image-group.group-2 img:nth-child(2) {
    width: 75%;
    top: 268px;
    left: -67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-2 img:nth-child(2) {
        width: 70%;
        top: 324px;
        left: -53px;
    }
}

.image-group.group-2 img:nth-child(3) {
    width: 60%;
    bottom: 52px;
    left: 33%;
}

@media only screen and (max-width: 479px) {
    .image-group.group-2 img:nth-child(3) {
        bottom: 0;
        left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-2 img:nth-child(2) {
        top: 0;
        left: 0;
    }
}

.image-group.group-3 img {
    position: absolute;
}

.image-group.group-3 img:nth-child(1) {
    width: 60%;
    top: 75px;
    right: 0;
}

.image-group.group-3 img:nth-child(2) {
    width: 60%;
    top: 228px;
    left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-3 img:nth-child(2) {
        width: 70%;
        top: 241px;
        left: -13px;
    }
}

.image-group.group-3 img:nth-child(3) {
    width: 60%;
    bottom: 0;
    right: 0;
}

.image-group.group-4 img {
    position: absolute;
}

.image-group.group-4 img:nth-child(1) {
    width: 75%;
    top: -92px;
    right: 0;
    left: 20px;
}

.image-group.group-5 img {
    position: absolute;
}

.image-group.group-5 img:nth-child(1) {
    width: 75%;
    top: -92px;
    right: 0;
    left: 20px;
}

.image-group.group-6 .square-dot {
    width: 192px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;
}

@media only screen and (max-width: 479px) {
    .image-group.group-6 .square-dot {
        right: 10px;
    }
}

.image-group.group-6 .circle {
    width: 20%;
    position: absolute;
    top: 65%;
    left: -40px;
}

@media only screen and (max-width: 479px) {
    .image-group.group-6 .circle {
        left: 0;
    }
}

.image-group.group-7 {
    height: 546px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-7 {
        height: 346px;
    }
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 {
        height: auto;
    }
}

.image-group.group-7 .item-1 {
    width: 60%;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 .item-1 {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }
}

.image-group.group-7 .item-2 {
    width: 60%;
    position: absolute;
    top: 150px;
    right: 0;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-7 .item-2 {
        top: 90px;
    }
}

@media only screen and (max-width: 479px) {
    .image-group.group-7 .item-2 {
        top: 90px;
    }
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 .item-2 {
        position: static;
        margin-bottom: 20px;
        width: 100%;
    }
}

.image-group.group-7 .item-3 {
    width: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 .item-3 {
        position: static;
        width: 100%;
    }
}

.image-group.group-7 .item-1:hover,
.image-group.group-7 .item-2:hover,
.image-group.group-7 .item-3:hover {
    z-index: 10;
    transition: all .3s ease-in;
}

.image-group.group-8 .item-1 {
    width: 70%;
}

.image-group.group-8 .item-2 {
    width: 75%;
    position: absolute;
    top: 200px;
    right: 0;
}

@media only screen and (max-width: 575px) {
    .image-group.group-9 {
        height: auto;
    }
}

.image-group.group-9 .item-2 {
    position: absolute;
    top: 434px;
    left: 416px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-9 .item-2 {
        top: 351px;
        left: 127px;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-9 .item-2 {
        position: relative;
        top: 30px;
        left: auto;
    }
}

.image-group.group-10 {
    height: 427px;
}

@media only screen and (max-width: 575px) {
    .image-group.group-10 {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-10 {
        height: 370px;
    }
}

.image-group.group-10 .item-1 {
    width: 80%;
    float: right;
}

.image-group.group-10 .item-1:after {
    content: '';
    clear: both;
    display: block;
}

@media only screen and (max-width: 575px) {
    .image-group.group-10 .item-1 {
        width: 100%;
        position: static;
        margin-bottom: 30px;
    }
}

.image-group.group-10 .item-2 {
    position: absolute;
    width: 48%;
    top: 75px;
    right: 344px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .image-group.group-10 .item-2 {
        top: 50px;
        right: 298px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-10 .item-2 {
        top: 45px;
        right: 200px;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-10 .item-2 {
        position: static;
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------
    Shapes  
---------------------------------------------------------------------------------------*/
.shape-3 {
    position: absolute;
    top: 0;
    left: 0;
}

.shape-3 .line-shape {
    position: absolute;
    width: 88%;
    top: 33%;
    left: -30px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .shape-3 .line-shape {
        width: 64%;
    }
}

@media (max-width: 991px) {
    .shape-3 .line-shape {
        display: none;
    }
}

@media (max-width: 991px) {
    .shape-3 {
        top: 230px;
    }
}

@media only screen and (max-width: 767px) {
    .shape-3 {
        top: 350px;
    }
}

.cross-shape {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cross-shape .cross-shape-svg {
    width: 100%;
    height: 170px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cross-shape.top {
    bottom: auto;
    top: 0;
}

.cross-shape.top .cross-shape-svg {
    bottom: auto;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shape-5 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.shape-5 .line-shape {
    position: absolute;
    width: 88%;
    top: 33%;
    left: 0;
}

.shape-6 {
    position: absolute;
    top: 0;
    right: 0;
}

.shape-6 .line-shape {
    position: absolute;
    width: 88%;
    top: 33%;
    left: 0;
}

.shape-7 {
    position: absolute;
    top: 10%;
    left: -20%;
}

.shape-7 img {
    width: 78%;
}

.shape-8 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .shape-8 img {
        width: 80%;
    }
}

.shape-9 {
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .shape-9 {
        right: -136px;
    }

    .shape-9 img {
        width: 80%;
    }
}

.map-marker .shape-4 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

@media only screen and (max-width: 767px) {
    .map-marker .shape-4 {
        top: auto;
        bottom: 0;
    }

    .map-marker .shape-4 img {
        width: 970px;
        max-width: initial;
    }
}

.section-shape-left {
    background: #ff5e62;
    border-top-right-radius: 20%;
    position: absolute;
    top: -35%;
    left: -100%;
    right: 50%;
    bottom: -24%;
    z-index: -1;
}

@media (max-width: 991px) {
    .section-shape-left {
        top: -23%;
        bottom: -6%;
    }
}

@media only screen and (max-width: 575px) {
    .section-shape-left {
        top: -13%;
        bottom: -10%;
        left: 0;
    }
}

.section-shape-right {
    background: #ff5e62;
    border-bottom-left-radius: 20%;
    position: absolute;
    top: -20%;
    left: 50%;
    right: -100%;
    bottom: -36%;
    z-index: -1;
}

@media (max-width: 991px) {
    .section-shape-right {
        top: -12%;
        bottom: -15%;
    }
}

@media only screen and (max-width: 575px) {
    .section-shape-right {
        top: -14%;
        bottom: -22%;
        right: 0;
    }
}

.shape-round-box,
.shape-round-box .spin-container,
.shape-round-box .img-round-shape {
    width: 442px;
    height: 429px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 991px) {

    .shape-round-box,
    .shape-round-box .spin-container,
    .shape-round-box .img-round-shape {
        width: 420px;
        height: 420px;
    }
}

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

    .shape-round-box,
    .shape-round-box .spin-container,
    .shape-round-box .img-round-shape {
        width: 220px;
        height: 220px;
    }
}

.shape-round-box .spin-container {
    -webkit-animation: spin 12s linear infinite;
    animation: spin 12s linear infinite;
    position: relative;
}

.shape-round-box .img-round-shape {
    background-image: linear-gradient(to right, #004e92 51%, #000428 100%);
    -webkit-animation: morph 8s ease-in-out infinite both alternate;
    animation: morph 8s ease-in-out infinite both alternate;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.shape-round-box img,
.shape-round-box .spin-container img,
.shape-round-box .img-round-shape img {
    position: absolute;
    bottom: 0;
}

.header-pattern {
    position: absolute;
    bottom: -2px;
    left: 0;
}

.footer-pattern {
    width: 100%;
    position: absolute;
    top: -2px;
    left: 0;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.z-index--1 {
    z-index: -1;
}

.z-index--2 {
    z-index: -2;
}

.circle-left {
    position: absolute;
    left: 0;
    z-index: -3;
}

.circle-right {
    position: absolute;
    right: 0;
    z-index: -3;
}

.circle-1 {
    right: -165px;
}

.circle-2 {
    width: 60px;
    bottom: 50px;
}

.square {
    width: 80px;
    height: 100px;
    position: absolute;
    top: -57px;
    left: 81px;
    border-radius: 4px;
}

.square-dot-2 {
    width: 260px;
    position: absolute;
    left: -30px;
    bottom: -30px;
    z-index: -1;
}

.square-dot-3 {
    width: 30%;
    position: absolute;
    top: 140px;
    right: -10px;
}

.square-dot-4 {
    width: 40%;
    position: absolute;
    top: -10px;
    right: -10px;
}

.square-box {
    width: 80px;
    position: absolute;
    bottom: -20px;
    right: -40px;
}

@media only screen and (max-width: 479px) {
    .square-box {
        right: 0;
    }
}

.music-shape {
    width: 100%;
    position: absolute;
    top: 763px;
    right: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.portfolio-shape {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.crypto-shape.shape-1 {
    position: absolute;
    right: -41px;
    bottom: 0;
}

.crypto-shape.shape-1 img {
    width: 100px;
}

.crypto-shape.shape-2 {
    position: absolute;
    right: 0;
    top: 150px;
}

.crypto-shape.shape-2 img {
    width: 100px;
}

.crypto-shape.shape-4 {
    position: absolute;
    left: 0;
    top: 100px;
}

.crypto-shape.shape-4 img {
    width: 80px;
}

.crypto-shape.shape-5 {
    position: absolute;
    left: 0;
    bottom: 100px;
}

.crypto-shape.shape-5 img {
    width: 80px;
}

.crypto-shape.shape-6 {
    position: absolute;
    right: 0;
    top: 200px;
}

.crypto-shape.shape-6 img {
    width: 80px;
}

.crypto-shape.shape-7 {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 100px;
}

.crypto-shape.shape-7 img {
    width: 80px;
}

.crypto-shape.shape-8 {
    position: absolute;
    right: 0;
    left: auto;
    top: 20px;
    z-index: 0;
}

.crypto-shape.shape-8 img {
    width: 80px;
}

.crypto-shape.shape-9 {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 20px;
}

.crypto-shape.shape-9 img {
    width: 80px;
}

.creative-agn-shape {
    position: relative;
}

.creative-agn-shape::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30px;
    left: 30px;
    background-image: linear-gradient(to bottom, #f889ab 0, #a400d1 100%);
    z-index: -1;
}

@media (max-width: 991px) {
    .creative-agn-shape::after {
        top: 24px;
        left: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .creative-agn-shape::after {
        display: none;
    }
}

/*-------------------------------------------------------------------------------------
    Tooltip Box
---------------------------------------------------------------------------------------*/
.tooltip-box {
    position: relative;
    background-repeat: no-repeat;
}

.tooltip-box .image {
    text-align: center;
}

.tooltip-box .tip {
    width: 38px;
    height: 38px;
    position: relative;
    background-color: #768bf9;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: tip_jump 2s .5s linear infinite;
    animation: tip_jump 2s 0.5s linear infinite;
}

.tooltip-box .tip:hover {
    z-index: 6;
}

.tooltip-box .tip.box1 {
    top: 25%;
    left: 48.5%;
}

.tooltip-box .tip.box2 {
    top: 47%;
    left: 39%;
}

.tooltip-box .tip.box3 {
    top: 69%;
    left: 48.5%;
}

.tooltip-box .tip.box4 {
    top: 47%;
    left: 58.5%;
}

@media only screen and (min-width: 570px) and (max-width: 1024px) {
    .tooltip-box .tip.box2 {
        left: 35.5%;
    }

    .tooltip-box .tip.box4 {
        left: 61%;
    }
}

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

    .tooltip-box .tip.box1,
    .tooltip-box .tip.box3 {
        left: 47.5%;
    }

    .tooltip-box .tip.box2 {
        left: 30.5%;
    }

    .tooltip-box .tip.box4 {
        left: 65%;
    }
}

@media only screen and (max-width: 575px) {
    .tooltip-box .tip.box1 {
        top: 24%;
        left: 45.5%;
    }

    .tooltip-box .tip.box3 {
        top: 67%;
        left: 45.5%;
    }

    .tooltip-box .tip.box2 {
        top: 45%;
        left: 23.5%;
    }

    .tooltip-box .tip.box4 {
        top: 46%;
        left: 67%;
    }
}

@media only screen and (max-width: 479px) {
    .tooltip-box .tip.box1 {
        top: 22%;
        left: 44.5%;
    }
}

.tooltip-box .tip .content {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 400px;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    cursor: default;
    visibility: hidden;
    background-color: #fff;
    opacity: 0;
    transition: 0.3s;
}

@media only screen and (max-width: 575px) {
    .tooltip-box .tip .content {
        width: 300px;
    }

    .tooltip-box .tip.box1 .content {
        left: -134px;
    }

    .tooltip-box .tip.box3 .content {
        left: -136px;
    }

    .tooltip-box .tip.box2 .content {
        left: -65px;
    }

    .tooltip-box .tip.box4 .content {
        left: -200px;
    }
}

.tooltip-box .tip:hover {
    z-index: 3;
}

.tooltip-box .tip:hover .content {
    visibility: visible;
    opacity: 1;
}

.tooltip-box .tip .content .title {
    font-size: 22px;
}

/*-------------------------------------------------------------------------------------
    Sliders  
---------------------------------------------------------------------------------------*/
.sl-hero {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    min-height: 600px;
    height: 100vh;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-hero {
        height: 70vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl-hero {
        height: 70vh;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-hero {
        height: 70vh;
    }
}

.sl-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sl-hero-has-animation .sl-hero-bg {
    opacity: 0;
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    transition: all .6s ease-in-out;
}

.sl-hero-has-animation.sl-hero-animate .sl-hero-bg {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-opacity {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.sl-hero-props-carousel-1 .sl-hero-bg:after {
    content: " ";
    display: block;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.sl-hero-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.sl-hero-caption.sl-hero-caption-bottom-left {
    bottom: 100px;
    top: auto;
    -webkit-transform: none;
    transform: none;
    text-align: left;
}

.sl-hero-caption h1 {
    font-weight: 700;
    font-size: 2.8rem;
    text-shadow: 1px 5px 30px rgba(0, 0, 0, 0.3);
}

.sl-hero-has-animation .sl-hero-caption h1 {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all .3s ease-in-out;
}

.sl-hero-has-animation.sl-hero-animate .sl-hero-caption h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: .4s;
}

.sl-hero-caption form {
    margin: 0 auto;
    width: 60%;
}

.sl-hero-caption.sl-hero-caption-bottom-left form {
    margin: 0;
    width: 60%;
}

.sl-hero-has-animation .sl-hero-caption form {
    opacity: 0;
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
    transition: all .4s ease-in-out;
}

.sl-hero-has-animation.sl-hero-animate .sl-hero-caption form {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: .2s;
}

.sl-hero-search .row {
    margin-right: -5px;
    margin-left: -5px;
}

.sl-hero-search .col,
.sl-hero-search .col-1,
.sl-hero-search .col-10,
.sl-hero-search .col-11,
.sl-hero-search .col-12,
.sl-hero-search .col-2,
.sl-hero-search .col-3,
.sl-hero-search .col-4,
.sl-hero-search .col-5,
.sl-hero-search .col-6,
.sl-hero-search .col-7,
.sl-hero-search .col-8,
.sl-hero-search .col-9,
.sl-hero-search .col-auto,
.sl-hero-search .col-lg,
.sl-hero-search .col-lg-1,
.sl-hero-search .col-lg-10,
.sl-hero-search .col-lg-11,
.sl-hero-search .col-lg-12,
.sl-hero-search .col-lg-2,
.sl-hero-search .col-lg-3,
.sl-hero-search .col-lg-4,
.sl-hero-search .col-lg-5,
.sl-hero-search .col-lg-6,
.sl-hero-search .col-lg-7,
.sl-hero-search .col-lg-8,
.sl-hero-search .col-lg-9,
.sl-hero-search .col-lg-auto,
.sl-hero-search .col-md,
.sl-hero-search .col-md-1,
.sl-hero-search .col-md-10,
.sl-hero-search .col-md-11,
.sl-hero-search .col-md-12,
.sl-hero-search .col-md-2,
.sl-hero-search .col-md-3,
.sl-hero-search .col-md-4,
.sl-hero-search .col-md-5,
.sl-hero-search .col-md-6,
.sl-hero-search .col-md-7,
.sl-hero-search .col-md-8,
.sl-hero-search .col-md-9,
.sl-hero-search .col-md-auto,
.sl-hero-search .col-sm,
.sl-hero-search .col-sm-1,
.sl-hero-search .col-sm-10,
.sl-hero-search .col-sm-11,
.sl-hero-search .col-sm-12,
.sl-hero-search .col-sm-2,
.sl-hero-search .col-sm-3,
.sl-hero-search .col-sm-4,
.sl-hero-search .col-sm-5,
.sl-hero-search .col-sm-6,
.sl-hero-search .col-sm-7,
.sl-hero-search .col-sm-8,
.sl-hero-search .col-sm-9,
.sl-hero-search .col-sm-auto,
.sl-hero-search .col-xl,
.sl-hero-search .col-xl-1,
.sl-hero-search .col-xl-10,
.sl-hero-search .col-xl-11,
.sl-hero-search .col-xl-12,
.sl-hero-search .col-xl-2,
.sl-hero-search .col-xl-3,
.sl-hero-search .col-xl-4,
.sl-hero-search .col-xl-5,
.sl-hero-search .col-xl-6,
.sl-hero-search .col-xl-7,
.sl-hero-search .col-xl-8,
.sl-hero-search .col-xl-9,
.sl-hero-search .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

.sl-hero-search .form-group {
    position: relative;
}

.sl-hero-search .custom-select {
    border: 0 none;
    height: 54px;
    padding: .375rem 1.75rem .375rem 1.2rem;
    box-shadow: none;
    background-position-x: calc(100% - 1.2rem);
}

.sl-hero-search .custom-select:focus {
    outline: 0;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

.sl-hero-search .form-control {
    border: 0 none;
    box-shadow: none;
    padding: .375rem 1.2rem;
    height: 54px;
    transition: border-color .4s ease-in-out, box-shadow .4s ease-in-out;
}

.sl-hero-search .form-control:focus {
    outline: 0;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

.sl-hero-search .form-control.sl-is-address {
    padding-right: 2.6rem;
}

.sl-hero-search .form-control.sl-is-address+span {
    position: absolute;
    display: block;
    top: 50%;
    right: 1.2rem;
    color: #333;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sl-hero-props-carousel-1 {
    height: 100%;
}

.sl-hero-props-carousel-1 .carousel-inner,
.sl-hero-props-carousel-1 .carousel-item {
    height: 100%;
}

.sl-hero-props-carousel-1-prices {
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 0;
    height: 120px;
    z-index: 2;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.sl-hero-props-carousel-1-prices.sl-price-active {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-props-carousel-1-prices .carousel-inner {
    height: 100%;
}

.sl-hero-props-carousel-1-prices .carousel-item {
    background-color: #000000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-price {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    left: calc((100% * 2 - 1140px) / 2 + 15px);
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-price>span {
    display: block;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .2s ease-in-out;
}

.sl-hero-props-carousel-1-prices.sl-price-active .carousel-item.active .sl-price>span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .carousel-item.active .sl-price>span {
    transition-delay: .6s;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    right: 60px;
    opacity: 0;
}

.sl-hero-props-carousel-1-prices.sl-price-active .carousel-item.active .sl-cta {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .carousel-item.active .sl-cta {
    transition-delay: .8s;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta:hover {
    color: #ffffff;
    text-decoration: none;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta:after {
    content: " ";
    border-top: 2px solid #ffffff;
    width: 36px;
    height: 7px;
    display: inline-block;
    margin-left: 20px;
    transition: all .4s ease-in-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta:hover:after {
    -webkit-transform: scale(2, 1);
    transform: scale(2, 1);
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker {
    position: absolute;
    left: calc(100% + 60px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    white-space: nowrap;
    font-weight: 700;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.sl-hero-props-carousel-1-prices.sl-price-active .sl-carousel-ticker {
    opacity: 1;
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .sl-carousel-ticker {
    transition-delay: .6s;
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker>div {
    display: inline-block;
    line-height: 13px;
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker .sl-carousel-ticker-counter {
    overflow: hidden;
    height: 12px;
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker .sl-carousel-ticker-counter>span {
    display: block;
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-1-prices .carousel-item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    transition: all 6.4s linear;
}

.sl-hero-props-carousel-1-prices.sl-price-active .carousel-item.active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .carousel-item.active:after {
    transition-delay: .6s;
}

.sl-hero-props-carousel-1 .sl-carousel-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-color: #ffffff;
    width: 240px;
    height: 120px;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a {
    cursor: pointer;
    display: block;
    background-color: #ffffff;
    height: 120px;
    width: 120px;
    position: absolute;
}

.sl-dark-mode .sl-hero-props-carousel-1 .sl-carousel-controls a {
    background-color: #000000;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev {
    top: 0;
    left: 0;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next {
    top: 0;
    right: 0;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev svg {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next svg {
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-dark-mode .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev svg line,
.sl-dark-mode .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next svg line {
    stroke: #ffffff;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev:hover svg {
    -webkit-animation: arrowPCLeft 0.4s ease-in-out;
    animation: arrowPCLeft 0.4s ease-in-out;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next:hover svg {
    -webkit-animation: arrowPCRight 0.4s ease-in-out;
    animation: arrowPCRight 0.4s ease-in-out;
}

.sl-hero-props-carousel-1 .carousel-item .sl-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(calc(-50% - 70px));
    transform: translateY(calc(-50% - 70px));
    color: #ffffff;
    z-index: 2;
}

.sl-hero-props-carousel-1 .sl-caption-prop-title {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: all .6s ease-in-out;
}

.sl-hero-props-carousel-1 .carousel-item.active .sl-caption-prop-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.sl-hero-props-carousel-1 .sl-caption-prop-features {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .2s ease-in-out;
}

.sl-hero-props-carousel-1 .carousel-item.active .sl-caption-prop-features {
    opacity: .7;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0.4s;
}

.sl-hero-props-carousel-1 .sl-caption-prop-features>span {
    opacity: 0.5;
    display: inline-block;
    padding: 0 5px;
}

.sl-hero-props-carousel-1 .carousel-indicators {
    -webkit-justify-content: left;
    justify-content: left;
    bottom: 180px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.sl-hero-props-carousel-1 .carousel-indicators li {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-left: 0;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.7);
    opacity: 1;
    transition: all .6s ease;
    -webkit-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85);
    overflow: hidden;
}

.sl-hero-props-carousel-1 .carousel-indicators li.active {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-props-carousel-2 {
    display: -webkit-flex;
    display: flex;
    height: 100%;
}

.sl-hero-props-carousel-2-left {
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
}

.sl-hero-props-carousel-2-right {
    -webkit-flex: 1;
    flex: 1;
}

.sl-hero-props-carousel-2-left .carousel-inner,
.sl-hero-props-carousel-2-left .carousel-item {
    height: 100%;
}

.sl-hero-props-carousel-2-right .carousel-inner,
.sl-hero-props-carousel-2-right .carousel-item {
    height: 100%;
}

.sl-hero-props-carousel-2-right .sl-hero-bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 7s linear;
}

.sl-hero-props-carousel-2-right .carousel-item.active .sl-hero-bg {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sl-hero-props-carousel-2-right .sl-hero-bg:after {
    content: " ";
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-caption {
    position: absolute;
    top: 50%;
    left: calc(100% - 570px + 15px);
    right: 0;
    -webkit-transform: translateY(calc(-50% - 60px));
    transform: translateY(calc(-50% - 60px));
    color: #ffffff;
    z-index: 2;
}

.sl-hero-props-carousel-2-left .sl-caption-prop-title {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3rem;
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-caption-prop-title {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.sl-hero-props-carousel-2-left .sl-caption-prop-features {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-caption-prop-features {
    opacity: .7;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.2s;
}

.sl-hero-props-carousel-2-left .sl-caption-prop-features>span {
    opacity: 0.5;
    display: inline-block;
    padding: 0 5px;
}

.sl-hero-props-carousel-2-left .sl-caption-prop-price {
    opacity: 0;
    font-size: 28px;
    line-height: 28px;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-caption-prop-price {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.4s;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta {
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    bottom: 138px;
    left: calc(100% - 570px + 15px);
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-cta {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.6s;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta:hover {
    color: #ffffff;
    text-decoration: none;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta:after {
    content: " ";
    border-top: 2px solid #ffffff;
    width: 36px;
    height: 7px;
    display: inline-block;
    margin-left: 20px;
    transition: all .4s ease-in-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta:hover:after {
    -webkit-transform: scale(2, 1);
    transform: scale(2, 1);
}

.sl-hero-props-carousel-2 .sl-carousel-controls {
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    background-color: #ffffff;
    width: 180px;
    height: 100px;
}

.sl-dark-mode .sl-hero-props-carousel-2 .sl-carousel-controls {
    background-color: #000000;
}

.sl-hero-props-carousel-2 .sl-carousel-controls.sl-right {
    left: auto;
    right: calc((100% - 1140px) / 2 + 15px);
    -webkit-transform: none;
    transform: none;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a {
    cursor: pointer;
    display: block;
    background-color: #ffffff;
    width: 90px;
    height: 100px;
    position: absolute;
}

.sl-dark-mode .sl-hero-props-carousel-2 .sl-carousel-controls a {
    background-color: #000000;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-prev {
    top: 0;
    left: 0;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-next {
    top: 0;
    right: 0;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-prev svg {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-next svg {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-dark-mode .sl-hero-props-carousel-2 .sl-carousel-controls svg line {
    stroke: #ffffff;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-prev:hover svg {
    -webkit-animation: arrowPCLeft 0.4s ease-in-out;
    animation: arrowPCLeft 0.4s ease-in-out;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-next:hover svg {
    -webkit-animation: arrowPCRight 0.4s ease-in-out;
    animation: arrowPCRight 0.4s ease-in-out;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker {
    position: absolute;
    left: 50%;
    bottom: 223px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #ffffff;
    white-space: nowrap;
    font-weight: 700;
    z-index: 2;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker.sl-right {
    left: auto;
    right: calc((100% - 1140px) / 2 + 15px);
    -webkit-transform: none;
    transform: none;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker>div {
    display: inline-block;
    line-height: 13px;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker .sl-carousel-ticker-counter {
    overflow: hidden;
    height: 12px;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker .sl-carousel-ticker-counter>span {
    display: block;
    transition: all .4s ease-in-out;
}

/*****media QUeries*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-hero-props-carousel-1-prices .carousel-item .sl-price {
        left: calc((100% * 2 - 960px) / 2 + 15px);
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: calc((100% * 2 - 960px) / 2 + 15px);
    }
}

@media screen and (max-width: 1139px) {
    .sl-hero-props-carousel-2-left .carousel-item .sl-caption {
        left: 15px;
        right: 15px;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: 15px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls.sl-right,
    .sl-hero-props-carousel-2 .sl-carousel-ticker.sl-right {
        right: 15px;
    }
}

@media (max-width: 991px) {

    .sl-hero-caption form,
    .sl-hero-caption.sl-hero-caption-bottom-left form {
        width: 100%;
    }

    .h2,
    h2 {
        font-size: 1.8rem;
    }

    h1.sl-page-header {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .sl-hero-props-carousel-1 .carousel-indicators li {
        width: 60px;
        height: 60px;
    }

    .sl-hero-props-carousel-1-prices {
        width: calc(100% - 240px);
    }

    .sl-hero-props-carousel-1-prices .sl-carousel-ticker {
        display: none;
    }

    .sl-hero-caption h1 {
        font-size: 2.5rem;
    }

    .sl-hero-props-carousel-1 .sl-caption-prop-title,
    .sl-hero-props-carousel-2-left .sl-caption-prop-title {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-price {
        top: 30%;
        left: calc((100% + 240px - 720px) / 2 + 15px);
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
        top: 70%;
        left: calc((100% + 240px - 720px) / 2 + 15px);
        right: auto;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: calc((100% * 2 - 720px) / 2 + 15px);
    }
}

@media only screen and (max-width: 767px) {
    .sl-hero-props-carousel-2-left {
        -webkit-flex: 2;
        flex: 2;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls,
    .sl-hero-props-carousel-2 .sl-carousel-ticker {
        left: 66.666%;
    }

    .sl-hero-caption h1,
    .sl-hero-props-carousel-1 .sl-caption-prop-title,
    .sl-hero-props-carousel-2-left .sl-caption-prop-title {
        font-size: 2rem;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-price,
    .sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
        left: calc((100% + 240px - 540px) / 2 + 15px);
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: calc((100% / 2 * 3 - 540px) / 2 + 15px);
    }

    .sl-hero {
        height: 600px !important;
    }

    .h2,
    h2,
    h1.sl-page-header {
        font-size: 1.7rem;
    }

    .sl-hero-caption.sl-hero-caption-bottom-left {
        bottom: 60px;
    }
}

@media only screen and (max-width: 575px) {
    .sl-hero-caption.sl-hero-caption-bottom-left {
        right: 0;
        left: 0;
    }

    .sl-hero-props-carousel-1-prices {
        width: calc(100% - 120px);
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls {
        width: 120px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a {
        width: 60px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev svg {
        right: 10px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next svg {
        left: 10px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls {
        bottom: 60px;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-price {
        left: 15px;
        font-size: 1.6rem;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
        top: 93%;
        left: 15px;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        bottom: 183px;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: 15px;
    }

    .h2,
    h2,
    h1.sl-page-header,
    .sl-hero-props-carousel-2-left .sl-caption-prop-title {
        font-size: 1.6rem;
    }

    .sl-hero-props-carousel-1-prices {
        height: 80px;
    }

    .sl-hero-props-carousel-1 .sl-caption-prop-title {
        font-size: 1.6rem;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls {
        height: 80px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a {
        height: 80px;
    }

    .sl-hero {
        height: 560px !important;
        min-height: 560px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls {
        width: 160px;
        height: 80px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls a {
        width: 80px;
        height: 80px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-ticker {
        bottom: 150px;
    }
}

/*-- Slider 2 // architecture intro section --*/
.grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.grid>[class*="column-"] {
    display: block;
}

.first {
    -webkit-order: -1;
    order: -1;
}

.last {
    -webkit-order: 12;
    order: 12;
}

.column-xs-1 {
    -webkit-flex-basis: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
}

.column-xs-2 {
    -webkit-flex-basis: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
}

.column-xs-3 {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.column-xs-4 {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}

.column-xs-5 {
    -webkit-flex-basis: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}

.column-xs-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.column-xs-7 {
    -webkit-flex-basis: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
}

.column-xs-8 {
    -webkit-flex-basis: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
}

.column-xs-9 {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.column-xs-10 {
    -webkit-flex-basis: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
}

.column-xs-11 {
    -webkit-flex-basis: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
}

.column-xs-12 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

@media (min-width: 48rem) {
    .column-sm-1 {
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .column-sm-2 {
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .column-sm-3 {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .column-sm-4 {
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .column-sm-5 {
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .column-sm-6 {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .column-sm-7 {
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .column-sm-8 {
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .column-sm-9 {
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .column-sm-10 {
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .column-sm-11 {
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .column-sm-12 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 62rem) {
    .column-md-1 {
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .column-md-2 {
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .column-md-3 {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .column-md-4 {
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .column-md-5 {
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .column-md-6 {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .column-md-7 {
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .column-md-8 {
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .column-md-9 {
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .column-md-10 {
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .column-md-11 {
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .column-md-12 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 75rem) {
    .column-lg-1 {
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .column-lg-2 {
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .column-lg-3 {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .column-lg-4 {
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .column-lg-5 {
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .column-lg-6 {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .column-lg-7 {
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .column-lg-8 {
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .column-lg-9 {
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .column-lg-10 {
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .column-lg-11 {
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .column-lg-12 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@supports (display: grid) {
    .grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
    }

    .grid>[class*="column-"] {
        margin: 0;
        max-width: 100%;
    }

    .column-xs-1 {
        grid-column-start: span 1;
        grid-column-end: span 1;
    }

    .column-xs-2 {
        grid-column-start: span 2;
        grid-column-end: span 2;
    }

    .column-xs-3 {
        grid-column-start: span 3;
        grid-column-end: span 3;
    }

    .column-xs-4 {
        grid-column-start: span 4;
        grid-column-end: span 4;
    }

    .column-xs-5 {
        grid-column-start: span 5;
        grid-column-end: span 5;
    }

    .column-xs-6 {
        grid-column-start: span 6;
        grid-column-end: span 6;
    }

    .column-xs-7 {
        grid-column-start: span 7;
        grid-column-end: span 7;
    }

    .column-xs-8 {
        grid-column-start: span 8;
        grid-column-end: span 8;
    }

    .column-xs-9 {
        grid-column-start: span 9;
        grid-column-end: span 9;
    }

    .column-xs-10 {
        grid-column-start: span 10;
        grid-column-end: span 10;
    }

    .column-xs-11 {
        grid-column-start: span 11;
        grid-column-end: span 11;
    }

    .column-xs-12 {
        grid-column-start: span 12;
        grid-column-end: span 12;
    }

    @media (min-width: 48rem) {
        .column-sm-1 {
            grid-column-start: span 1;
            grid-column-end: span 1;
        }

        .column-sm-2 {
            grid-column-start: span 2;
            grid-column-end: span 2;
        }

        .column-sm-3 {
            grid-column-start: span 3;
            grid-column-end: span 3;
        }

        .column-sm-4 {
            grid-column-start: span 4;
            grid-column-end: span 4;
        }

        .column-sm-5 {
            grid-column-start: span 5;
            grid-column-end: span 5;
        }

        .column-sm-6 {
            grid-column-start: span 6;
            grid-column-end: span 6;
        }

        .column-sm-7 {
            grid-column-start: span 7;
            grid-column-end: span 7;
        }

        .column-sm-8 {
            grid-column-start: span 8;
            grid-column-end: span 8;
        }

        .column-sm-9 {
            grid-column-start: span 9;
            grid-column-end: span 9;
        }

        .column-sm-10 {
            grid-column-start: span 10;
            grid-column-end: span 10;
        }

        .column-sm-11 {
            grid-column-start: span 11;
            grid-column-end: span 11;
        }

        .column-sm-12 {
            grid-column-start: span 12;
            grid-column-end: span 12;
        }
    }

    @media (min-width: 62rem) {
        .column-md-1 {
            grid-column-start: span 1;
            grid-column-end: span 1;
        }

        .column-md-2 {
            grid-column-start: span 2;
            grid-column-end: span 2;
        }

        .column-md-3 {
            grid-column-start: span 3;
            grid-column-end: span 3;
        }

        .column-md-4 {
            grid-column-start: span 4;
            grid-column-end: span 4;
        }

        .column-md-5 {
            grid-column-start: span 5;
            grid-column-end: span 5;
        }

        .column-md-6 {
            grid-column-start: span 6;
            grid-column-end: span 6;
        }

        .column-md-7 {
            grid-column-start: span 7;
            grid-column-end: span 7;
        }

        .column-md-8 {
            grid-column-start: span 8;
            grid-column-end: span 8;
        }

        .column-md-9 {
            grid-column-start: span 9;
            grid-column-end: span 9;
        }

        .column-md-10 {
            grid-column-start: span 10;
            grid-column-end: span 10;
        }

        .column-md-11 {
            grid-column-start: span 11;
            grid-column-end: span 11;
        }

        .column-md-12 {
            grid-column-start: span 12;
            grid-column-end: span 12;
        }
    }

    @media (min-width: 75rem) {
        .column-lg-1 {
            grid-column-start: span 1;
            grid-column-end: span 1;
        }

        .column-lg-2 {
            grid-column-start: span 2;
            grid-column-end: span 2;
        }

        .column-lg-3 {
            grid-column-start: span 3;
            grid-column-end: span 3;
        }

        .column-lg-4 {
            grid-column-start: span 4;
            grid-column-end: span 4;
        }

        .column-lg-5 {
            grid-column-start: span 5;
            grid-column-end: span 5;
        }

        .column-lg-6 {
            grid-column-start: span 6;
            grid-column-end: span 6;
        }

        .column-lg-7 {
            grid-column-start: span 7;
            grid-column-end: span 7;
        }

        .column-lg-8 {
            grid-column-start: span 8;
            grid-column-end: span 8;
        }

        .column-lg-9 {
            grid-column-start: span 9;
            grid-column-end: span 9;
        }

        .column-lg-10 {
            grid-column-start: span 10;
            grid-column-end: span 10;
        }

        .column-lg-11 {
            grid-column-start: span 11;
            grid-column-end: span 11;
        }

        .column-lg-12 {
            grid-column-start: span 12;
            grid-column-end: span 12;
        }
    }
}

.intro-section nav {
    position: relative;
    z-index: 2;
    padding: 1.25rem 0 1.25rem 0;
}

.intro-section nav ul {
    line-height: 2.2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.intro-section nav ul li {
    margin: 0.325rem 0;
}

.intro-section #logo {
    color: #000000;
    font-weight: 700;
    font-size: 1.125rem;
}

.intro-section #highlight {
    color: #C4956B;
}

.intro-section img {
    width: 100%;
    height: 43vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.intro-section .vertical {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.intro-section .intro {
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-animation: fadeIn 0.8s 0.4s ease forwards;
    animation: fadeIn 0.8s 0.4s ease forwards;
}

.intro-section .intro .title {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.1;
    color: #C4956B;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .intro-section .intro .title {
        font-size: 3.5rem;
        line-height: 2.1;
        margin-bottom: -28px;
    }
}

.intro-section .intro .title .underline {
    color: #000000;
}

.intro-section .description {
    position: relative;
    z-index: 1;
    margin: 1rem 0 1.5rem 0;
    font-size: 1rem;
    opacity: 0;
    -webkit-animation: fadeIn 0.8s 0.6s ease forwards;
    animation: fadeIn 0.8s 0.6s ease forwards;
}

.intro-section .slider-item {
    display: none;
}

.intro-section .slider-item.active {
    display: block;
}

.intro-section .slider-item.active .hide-mobile {
    display: none;
}

.intro-section .slider-item.active .show-mobile {
    display: block;
    margin: 1rem 0;
}

.intro-section .owl-item.active .slider-item {
    display: block;
}

.intro-section button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    font-size: inherit;
}

.intro-section .owl-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

@media only screen and (max-width: 575px) {
    .intro-section .owl-nav {
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.intro-section .owl-nav button.owl-prev,
.intro-section .owl-nav button.owl-next {
    padding: 6px 20px !important;
    border: 1px solid #C4956B;
}

.intro-section .owl-nav button.owl-prev span,
.intro-section .owl-nav button.owl-next span {
    display: inline-block;
    color: #C4956B;
    transition: all 0.1s ease;
    font-size: 30px;
}

.intro-section .owl-nav button.owl-prev:hover span,
.intro-section .owl-nav button.owl-next:hover span {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.intro-section .owl-nav button.owl-next {
    border-left-color: transparent;
}

.intro-section .previous,
.intro-section .next {
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-basis: 15%;
    flex-basis: 15%;
    padding: 10px;
    font-size: 2rem;
    color: #000000;
}

.intro-section .previous i,
.intro-section .next i {
    transition: all 0.1s ease;
}

.intro-section .active .image-holder::before {
    position: absolute;
    content: '';
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: revealRight 1s cubic-bezier(0.23, 1, 0.75, 1) forwards;
    animation: revealRight 1s cubic-bezier(0.23, 1, 0.75, 1) forwards;
}

@-webkit-keyframes revealRight {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@keyframes revealRight {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.intro-section .toggle-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 1rem;
    line-height: 1.9;
}

.intro-section .toggle-nav i {
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 0 0.5rem;
}

.intro-section .flex-nav ul {
    position: absolute;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    display: none;
    width: 100%;
    left: 0;
    padding: 1rem;
    background: #ffffff;
    text-align: center;
}

.intro-section .flex-nav ul.active {
    display: -webkit-flex;
    display: flex;
}

@media (min-width: 62rem) {
    .intro-section nav ul {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .intro-section #logo {
        font-size: 1.25rem;
    }

    .intro-section .controls {
        padding: 1.75rem 0 1.75rem 0;
    }

    .intro-section .intro {
        -webkit-animation: fadeinleft 0.8s 0.4s ease forwards;
        animation: fadeinleft 0.8s 0.4s ease forwards;
    }

    .intro-section .intro .title {
        font-size: 3rem;
        padding: 2.5rem 2.5rem 3rem 2.5rem;
        background: #ffffff;
    }

    .intro-section img {
        height: 64vh;
    }

    .intro-section .description {
        font-size: 1rem;
        margin: 1rem 0 0 0;
    }

    .intro-section .previous,
    .intro-section .next {
        -webkit-flex-basis: 8.33%;
        flex-basis: 8.33%;
    }

    .intro-section .owl-item.active .slider-item .hide-mobile {
        display: block;
    }

    .intro-section .owl-item.active .slider-item .show-mobile {
        display: none;
    }

    .intro-section .toggle-nav {
        display: none;
    }

    .intro-section .flex-nav ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: relative;
        padding: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .intro-section nav {
        padding: 1.75rem 0 1.75rem 0;
    }

    .intro-section nav ul {
        line-height: 2.2;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .intro-section nav ul li {
        font-size: 1rem;
        text-transform: uppercase;
        margin: 0 2rem 0 0;
    }

    .intro-section nav ul li:nth-child(3) {
        margin: 0;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .intro-section img {
        height: 28vh;
    }
}

.componant-slider .item {
    padding: 0 20px;
}

.componant-slider .slick-slide:focus {
    outline: none !important;
}

/*-------------------------------------------------------------------------------------
    Layer wrap
---------------------------------------------------------------------------------------*/
.layer-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: -1;
}

.markets-chart>div {
    width: 110%;
    margin-left: -16px;
    height: 100%;
}

.markets-container {
    position: relative;
    background: #fff;
    height: 240px;
    border: 3px solid #fff;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

.markets-chart {
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0;
    height: 100%;
    bottom: 0;
}

.markets-content span.green,
.markets-content span.red {
    position: absolute;
    right: 0;
    background: #26a69a;
    color: #fff;
    top: 15px;
    padding: 3px 12px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    font-weight: 600;
}

.markets-content span.red {
    background: #ef5350;
}

.markets-content h3 {
    font-size: 14px;
    top: 14px;
    position: absolute;
    left: 15px;
    color: #4a4a4a;
}

.markets-content p {
    position: absolute;
    top: 32px;
    left: 15px;
    font-size: 16px;
}

/*-------------------------------------------------------------------------------------
    Team Part  
---------------------------------------------------------------------------------------*/
.team-part .single-blog-item {
    position: relative;
    transition: 0.5s;
    margin-bottom: 88px;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-item {
        margin-bottom: 110px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-part .single-blog-item {
        margin-bottom: 110px;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-item {
        margin-bottom: 110px;
    }

    .team-part .single-blog-item .single-blog-img img {
        width: 100%;
    }
}

.team-part .single-blog-item:hover .single-blog-text {
    padding: 34px 15px 34px;
}

.team-part .single-blog-item:hover .social-icon {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: 0.5s;
}

.team-part .single-blog-item:hover .single-text {
    box-shadow: 0px 15px 30px 0px rgba(48, 56, 59, 0.1);
    bottom: -68px;
}

.team-part .single-blog-item h3 {
    color: #ffffff;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 700;
}

.team-part .single-blog-item p {
    color: #ffffff;
}

.team-part .single-blog-item .social-icon {
    margin-top: 15px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: 0.5s;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-item .social-icon {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-item .social-icon {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-part .single-blog-item .social-icon {
        margin-top: 15px;
    }
}

.team-part .single-blog-item .social-icon li {
    margin-right: 8px;
}

.team-part .single-blog-item .social-icon a {
    border: 1px solid #e2e5e7;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    color: #949798;
    line-height: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.team-part .single-blog-item .social-icon a i {
    line-height: 1.6;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-item .social-icon a {
        margin: 0px 5px;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-item .social-icon a {
        margin: 0px 5px;
    }
}

.team-part .single-blog-item .social-icon a:hover {
    background-color: #0069FF;
    color: #ffffff !important;
    border: 1px solid #0069FF;
}

.team-part .single-text {
    position: absolute;
    width: 85%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -85px;
    transition: 0.5s;
}

.team-part .single-blog-text {
    transition: 0.5s;
    padding: 34px 15px 34px;
    border: 0px solid transparent !important;
}

.team-part .single-blog-text p {
    margin-bottom: 0;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

.single-page-artist {
    padding: 130px 0px 70px;
}

@media only screen and (max-width: 575px) {
    .single-page-artist {
        padding: 70px 0px 5px;
    }
}

@media only screen and (max-width: 767px) {
    .single-page-artist {
        padding: 70px 0px 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-page-artist {
        padding: 70px 0px 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-page-artist {
        padding: 70px 0px 10px;
    }
}

.single-page-artist .single-blog-item {
    margin-bottom: 130px;
}

.team-img {
    position: relative;
    width: 210px;
    height: 210px;
    border: 4px solid #0069FF;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.team-img:hover .team-social {
    top: 130px;
    transition: all 0.3s ease-in;
}

.team-social {
    position: absolute;
    top: 201px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    -webkit-clip-path: ellipse(50% 95% at 50% 97%);
    clip-path: ellipse(50% 95% at 50% 97%);
    background: #0069FF;
}

.team-social ul {
    padding: 0;
}

.team-social li {
    display: inline-block;
}

.team-social li a {
    display: block;
    border: 1px solid #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #0069FF;
    margin: 0 2px;
    background: #ffffff;
}

.team-social li a:hover {
    box-shadow: 0px 8px 10px 0px rgba(154, 92, 118, 0.6);
}

.team-info h3 {
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 20px;
}

.team-info p {
    color: #0069FF;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 4px;
}

.team-box {
    cursor: pointer;
}

.team-box .img-box {
    transition: all .9s ease-in-out;
}

.team-box:hover .img-box {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* box Team */
.box-team {
    position: relative;
    overflow: hidden;
    padding: 20px;
    background: #fff;
}

.box-team .team-inner-img {
    position: relative;
}

.box-team img {
    transition: all .5s ease-in .1s;
}

.box-team .overlay {
    background-color: rgba(0, 105, 255, 0.75);
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 98;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    transition: all .5s ease-in .1s;
}

.box-team ul li:nth-child(1) {
    transition-delay: .2s;
}

.box-team ul li:nth-child(2) {
    transition-delay: .3s;
}

.box-team ul li:nth-child(3) {
    transition-delay: .4s;
}

.box-team .team-social-menu {
    list-style-type: none;
}

.box-team .team-social-menu li {
    display: inline-block;
}

.box-team .team-social-menu li a {
    background: #ffffff;
    font-size: 14px;
    color: #18191d;
    height: 38px;
    width: 38px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 50%;
}

.box-team:hover .overlay {
    opacity: 1;
    visibility: visible;
    border-radius: 0;
}

.box-team:hover img {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

/* Team overlay box */
.team-wrap {
    position: relative;
    overflow: hidden;
}

.team-wrap:after {
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.team-wrap:hover:after {
    visibility: visible;
    opacity: 1;
}

.team-wrap img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.team-wrap:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition-duration: 1s;
}

.team-wrap .team-info {
    width: 0;
    height: 50px;
    padding: 5px 0px;
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}

.team-wrap:hover .team-info {
    width: 80%;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1;
}

.team-wrap .team-info h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all 0.3s linear;
}

.team-wrap:hover .team-info h3 {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.2s;
}

.team-wrap .team-info span.position {
    font-size: 12px;
    font-weight: 600;
    color: #ddd;
    display: block;
    letter-spacing: 0.5px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}

.team-wrap:hover .team-info span.position {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.6s;
    transition-duration: 0.5s;
}

.team-wrap .socials {
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.team-wrap .socials li {
    display: inline-block;
    margin: 15px 10px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
}

.team-wrap:hover .socials li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.team-wrap .socials li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.team-wrap .socials li a:hover {
    color: #ddd;
}

.team-wrap:hover .socials li:nth-child(1) {
    transition-delay: 0.1s;
}

.team-wrap:hover .socials li:nth-child(2) {
    transition-delay: 0.2s;
}

.team-wrap:hover .socials li:nth-child(3) {
    transition-delay: 0.3s;
}

.team-wrap:hover .socials li:nth-child(4) {
    transition-delay: 0.4s;
}

.team-wrap:hover .socials li:nth-child(5) {
    transition-delay: 0.5s;
}

/*-------------------------------------------------------------------------------------
    Image Comparision
---------------------------------------------------------------------------------------*/
.comparision-slider {
    position: relative;
    overflow: hidden;
}

.comparision-slider img {
    width: 100%;
    display: block;
    max-width: none;
}

.comparision-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.comparision-slider .handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: #ffffff;
    cursor: ew-resize;
}

.comparision-slider .handle:after {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -30px;
    font-family: 'Font Awesome 5 Free';
    content: '\f053    \f054';
    color: #0069FF;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    line-height: 64px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 767px) {
    .comparision-slider .handle:after {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

.comparision-slider .handle.bordered {
    background: #0069FF;
}

.comparision-slider .handle.bordered:after {
    border: 1px solid #0069FF;
}

.comparision-slider .draggable:after {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

@media only screen and (max-width: 767px) {
    .comparision-slider .draggable:after {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}

/*-------------------------------------------------------------------------------------
    Menu list
---------------------------------------------------------------------------------------*/
.menu-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
}

.menu-name {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1.8rem;
    font-weight: 600;
    padding-right: 5px;
    max-width: calc(100% - 48px);
}

@media (min-width: 576px) {
    .menu-name {
        font-size: 1.2rem;
    }
}

.menu-dots {
    border-bottom: 4px double rgba(255, 255, 255, 0.5);
    -webkit-flex: 100 1 auto;
    flex: 100 1 auto;
}

.menu-price {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 400;
    font-size: 1.1rem;
    padding-left: 5px;
}

@media (min-width: 576px) {
    .menu-price {
        font-size: 1.35rem;
    }
}

.divided-columns--dark p {
    color: #bfbfbf;
}

.menu-row .menu-name {
    color: #000000;
    font-size: 1.2rem;
}

.menu-row .menu-price {
    font-size: 1rem;
    font-weight: 600;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media (max-width: 576px) {
    .menu-row .menu-name {
        font-size: 1.2rem;
    }
}

/* Classic Menu List */
.label-heading-text {
    font-weight: 500;
}

.rounded-box {
    border-radius: 12px;
}

/*-------------------------------------------------------------------------------------
    Grid Filter  
---------------------------------------------------------------------------------------*/
.page-preview {
    margin-bottom: 50px;
}

.page-preview .thumb {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.page-preview .thumb .demo-badge {
    position: absolute;
    top: -22px;
    right: -62px;
    z-index: 3;
    color: #fff;
    font-size: 16px;
    padding: 10px 57px;
    padding-top: 34px;
    background: red;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-preview .demo-title h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.page-preview:hover .thumb {
    box-shadow: 0 32px 58px rgba(0, 0, 0, 0.12);
    transition: all .3s ease;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.isotope-nav ul {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    list-style: none;
    font-size: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.isotope-nav ul li {
    font-size: 1rem;
    padding: 3px 20px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 15px;
    margin-right: 8px;

    transition: all .3s ease;
}

.isotope-nav ul li.active {
    background: #0069FF;
    color: #ffffff;
}

.isotope-nav ul.gradient-style li a.active {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
}

.isotope-nav ul.gradient-style li.active {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
}

.isotope-nav ul.gradient-style.style-2 li.nav-item {
    border: 1px solid transparent;
}

.isotope-nav ul.gradient-style.style-2 li.nav-item:hover {
    border: 1px solid #031034;
}

.isotope-nav ul.gradient-style.style-2 li {
    background: transparent;
}

.isotope-nav ul.gradient-style.style-2 li a.active {
    border: 1px solid #031034;
    background-image: none;
    background: none;
    color: #031034;
}

.isotope-nav ul.gradient-style.style-2 li.active {
    border: 1px solid #031034;
    background-image: none;
    background: none;
    color: #031034;
}

/*-------------------------------------------------------------------------------------
    Video Box  
---------------------------------------------------------------------------------------*/
.video-box {
    width: 100%;
    height: 350px;
    border-radius: 10px;
}

.video-box .video-content {
    position: absolute;
    bottom: 0;
    padding: 15px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all 1s ease;
}

.video-box .video-content .place {
    color: #ffffff;
    font-size: 18px;
}

.video-box .video-content .place .year {
    color: #0069FF;
}

.video-box .video-content .name {
    font-size: 24px;
    color: #ffffff;
}

.video-box .video-player {
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    transition: all 1s ease;
}

.video-box:hover .video-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.video-box:hover .video-player {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.video-box.no-animate .video-content {
    -webkit-transform: none;
    transform: none;
}

.video-box.no-animate .video-player {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/*-------------------------------------------------------------------------------------
    Instagram Post
---------------------------------------------------------------------------------------*/
.instagram-post {
    width: 100%;
    height: 230px;
    border-radius: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-post {
        height: 150px;
    }
}

@media only screen and (max-width: 575px) {
    .instagram-post {
        height: 150px;
    }
}

.instagram-post .instagram-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: all 0.5s ease;
}

.instagram-post .instagram-icon i {
    font-size: 30px;
    color: #ffffff;
}

.instagram-post:hover .instagram-icon {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*-------------------------------------------------------------------------------------
    Portfolio Post
---------------------------------------------------------------------------------------*/
.portfolio-post {
    overflow: hidden;
    background: #050310;
    margin-bottom: 30px;
}

.portfolio-post .title {
    padding: 40px;
    padding-bottom: 10px;
}

.portfolio-post .thumb-img {
    position: relative;
    overflow: hidden;
    background: #050310;
    transition: .3s all ease-in-out;
}

.portfolio-post .thumb-img img {
    transition: .3s all ease-in-out;
}

.portfolio-post .thumb-img:before {
    content: '';
    background: #050310;
    width: 600px;
    height: 147px;
    left: -57px;
    top: -73px;
    position: absolute;
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-post .thumb-img:before {
        height: 94px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-post .thumb-img:before {
        height: 105px;
    }
}

@media only screen and (max-width: 479px) {
    .portfolio-post .thumb-img:before {
        height: 105px;
    }
}

@media only screen and (max-width: 320px) {
    .portfolio-post .thumb-img:before {
        height: 84px;
    }
}

.portfolio-post:hover .thumb-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*-------------------------------------------------------------------------------------
    Book Form
---------------------------------------------------------------------------------------*/
.book-appointment-part.green-gradient-overlay::after {
    content: '';
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.booking_form .bordered-box {
    position: relative;
    background: #ffffff;
    border: 3px solid #ffffff;
}

.booking_form .bordered-box .img-sec {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .booking_form .bordered-box .img-sec {
        -webkit-align-items: unset;
        align-items: unset;
        background: #0069FF;
    }
}

.booking_form .bordered-box .img-sec img {
    position: absolute;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .booking_form .bordered-box .img-sec img {
        position: inherit;
    }
}

.booking_form .bordered-box .book_overlay_bg {
    width: 70%;
    height: 100%;
    background: #0069FF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

@media only screen and (max-width: 767px) {
    .booking_form .bordered-box .book_overlay_bg {
        display: none;
    }
}

.booking_form .bordered-box .booking_content {
    padding: 35px;
}

.booking_form .bordered-box .booking_content .nice-select {
    border: 1px solid #DADCE0;
    color: #8d8d8d;
    line-height: 36px;
}

.booking_form .bordered-box .booking_content .nice-select .current {
    color: #8d8d8d;
}

/*-------------------------------------------------------------------------------------
    Pricing Box
---------------------------------------------------------------------------------------*/
.pricing-wrap {
    margin-left: auto;
    margin-right: auto;
}

.pricing-box {
    padding: 60px 40px 60px;
    position: relative;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    height: 100%;
    margin-bottom: 0;
}

.pricing-box.active {
    padding: 106px 40px 80px;
}

.pricing-box .sl-list-2 .list-header .title-wrap h6.heading {
    font-weight: 400;
}

.pricing-box .header {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 38px;
}

.pricing-box .header .feature-mark {
    background-color: #0069FF;
    display: block;
    padding: 5px 18px 5px 10px;
    position: absolute;
    top: 44px;
    left: -4px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
}

.pricing-box .header .feature-mark::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-right: 9px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.pricing-box .header .price {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.pricing-box .header .price h3.currenct {
    font-size: 18px;
    margin-bottom: 0;
}

.pricing-box .header .price h3.heading {
    font-size: 48px;
    line-height: .9;
    margin: 0 4px;
    font-weight: 600;
}

.pricing-box .header .price.old h3.heading {
    font-size: 20px;
    color: #FF1000;
    text-decoration: line-through;
}

.pricing-box .header .price.old h3.currenct{
    font-size: 20px;
    color: #FF1000;
}

.pricing-box .content h5.heading {
    margin-bottom: 21px;
}

.pricing-box .sl-btn-small {
    background: #000;
    color: #fff;
}

.pricing-box.hoverable:hover,
.pricing-box.hoverable.active {
    background: #0069FF;
}

.pricing-box.hoverable:hover .title,
.pricing-box.hoverable.active .title {
    color: #fff !important;
}

.pricing-box.hoverable:hover .price-wrap h3,
.pricing-box.hoverable.active .price-wrap h3 {
    color: #fff;
}

.pricing-box.hoverable:hover .period,
.pricing-box.hoverable.active .period {
    color: #fff !important;
}

.pricing-box.hoverable:hover .sl-list-2 h6,
.pricing-box.hoverable.active .sl-list-2 h6 {
    color: #fff !important;
}

.pricing-box.hoverable:hover .sl-btn-small,
.pricing-box.hoverable.active .sl-btn-small {
    background: #fff !important;
    color: #000;
}

.price-style-3 .pricing-box {
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    padding: 25px 35px 37px;
    transition: all 0.3s ease-in-out;
}

.price-style-3 .pricing-box .header {
    padding-bottom: 33px;
    border-bottom: 1px solid #eee;
    margin-bottom: 23px;
}

.price-style-3 .pricing-box .header .price-area .header-title {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.price-style-3 .pricing-box .header .price-area .header-title .pricing-feature-mark {
    -webkit-order: 2;
    order: 2;
    display: block;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    background: #efefef;
    line-height: 1.75;
    margin-bottom: 15px;
}

.price-style-3 .pricing-box .header .price-area .header-title .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.34;
    margin-bottom: 15px;
    -webkit-order: 1;
    order: 1;
}

.price-style-3 .pricing-box .header .price-area .price-wrap h3 {
    font-size: 40px;
    line-height: 1.275;
    margin: 0;
    font-weight: 600;
}

.price-style-3 .pricing-box .header .price-area .period {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.67;
    color: inherit;
    width: 100%;
    margin: 10px 0 0;
}

.price-style-3:hover .procing-box {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.more-pricing {
    text-align: center;
}

.more-pricing p {
    font-size: 16px;
    line-height: 1.75;
    color: #777;
}

.more-pricing p a {
    color: #68AE4A;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
}

.more-pricing p a::after {
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    width: 100%;
    right: 0;
    left: auto;
    z-index: -2;
    background: #ddd;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

.more-pricing p a::before {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    transition: width 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.more-pricing p a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

/*-------------------------------------------------------------------------------------
    List Area
---------------------------------------------------------------------------------------*/
.sl-list .list-header {
    padding-left: 36px;
}

.sl-list .list-header .marker {
    display: inline-block;
    float: left;
    position: relative;
}

.sl-list .list-header .marker::before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: -36px;
    display: block;
    font-size: 18px;
    color: #7ed321;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.sl-list .list-header p {
    margin-top: 13px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.58;
    font-size: 14px;
}

.sl-list-2 .list-header {
    padding-left: 14px;
    margin-bottom: 20px;
}

.sl-list-2 .list-header .marker {
    display: inline-block;
    float: left;
    position: relative;
}

.sl-list-2 .list-header .marker::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -14px;
}

.sl-list-2 .list-header .marker.with-dot::before {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999;
}

.sl-list-2 .list-header .title-wrap h6.heading {
    color: inherit;
    font-weight: 500;
}

.sl-list-2 .list-header.with-ckeck {
    padding-left: 26px;
}

.sl-list-2 .list-header.with-ckeck .marker::before {
    content: "\f00c";
    display: block;
    font-size: 13px;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #0069FF;
    top: -4px;
    left: -26px;
}

.sl-list-2 .list-header.with-ckeck .marker.dark-color::before {
    color: #222222 !important;
}

.sl-list-2 .list-header.with-ckeck.item-available .marker::before {
    color: #7ed321;
}

.sl-list-2 .list-header.with-ckeck.item-not-available .marker::before {
    color: #333333;
}

.sl-list-2 .list-header.with-ckeck.check-yellow-color-2 .marker::before {
    color: #F8A440;
}

.sl-list-2 .list-header.with-number {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.sl-list-2 .list-header.with-number .marker {
    position: absolute;
    left: 0;
    top: -3px;
}

.sl-list-2 .list-header.with-number--theme {
    padding-left: 30px;
    margin-bottom: 20px;
}

.sl-list-2 .list-header.with-number--theme .marker {
    color: #0069FF;
    font-size: 15px;
    font-weight: 700;
}

.sl-list-2 .list-header.with-number--theme h6.heading {
    font-size: 15px;
    line-height: 1.2;
    color: #222222;
}

.sl-list-2 .list-header.with-number--body {
    padding-left: 30px;
    margin-bottom: 3px;
}

.sl-list-2 .list-header.with-number--body .marker {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.38;
    font-family: "Rubik", sans-serif;
}

.sl-list-2 .list-header.with-number--body h6.heading {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.38;
    color: #333333;
    font-family: "Rubik", sans-serif;
}

.sl-list-2.style-2 .list-header .marker {
    font-size: 20px;
    line-height: 1.5;
    color: #bfbfbf;
    transition: .3s all ease-in-out;
}

@media only screen and (max-width: 767px) {
    .sl-list-2.style-2 .list-header .marker {
        font-size: 18px;
    }
}

.sl-list-2.style-2 .list-header .title-wrap {
    padding-left: 1rem;
}

.sl-list-2.style-2 .list-header .title-wrap p {
    color: #bfbfbf;
    font-size: 16px;
    transition: .3s all ease-in-out;
}

.sl-list-2.style-2 .list-header:hover .marker,
.sl-list-2.style-2 .list-header:hover .title-wrap p {
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Features Sliders  
---------------------------------------------------------------------------------------*/
.feature-slider {
    position: relative;
}

.feature-slider.owl-carousel .owl-nav {
    position: absolute;
    top: 155px;
    margin-bottom: 50px;
    width: 100%;
}

.feature-slider.owl-carousel .owl-nav button.owl-next,
.feature-slider.owl-carousel .owl-nav button.owl-prev {
    color: #000;
    background: #fff;
    font-size: 23px;
    padding: 8px 14px !important;
}

.feature-slider.owl-carousel .owl-nav button.owl-next:hover,
.feature-slider.owl-carousel .owl-nav button.owl-prev:hover {
    background: #0069FF;
    color: #ffffff;
}

.feature-slider.owl-carousel .owl-nav button {
    position: absolute;
}

.feature-slider.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

@media only screen and (max-width: 767px) {
    .feature-slider.owl-carousel .owl-nav button.owl-prev {
        left: 20px;
    }
}

.feature-slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
}

@media only screen and (max-width: 767px) {
    .feature-slider.owl-carousel .owl-nav button.owl-next {
        right: 20px;
    }
}

.properties {
    position: relative;
    width: 100%;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    overflow: hidden;
}

.properties .fancy-box-contents {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.properties p {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

.properties .price {
    font-size: 24px;
    font-weight: 600;
    display: block;
    color: #ffffff;
}

.properties .features {
    font-size: 14px;
    display: block;
    color: #ffffff;
}

.properties .fancy-box-header {
    padding: 0 20px;
    transition: all .3s ease-in-out 0s;
}

.properties .fancy-box-info {
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all .3s ease-in-out 0s;
}

.properties:hover .fancy-box-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*-------------------------------------------------------------------------------------
  Breadcrumb  
---------------------------------------------------------------------------------------*/
.breadcrumb-area {
    position: relative;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading {
    font-weight: 600;
    line-height: 1.41;
    font-size: 32px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
    font-weight: 600;
    line-height: 1.41;
    font-size: 56px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
        font-size: 30px;
    }
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta>div {
    position: relative;
    display: inline-block;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-date {
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    color: #333333;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-category {
    padding-left: 15px;
    margin-left: 7px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-category a {
    color: #333333 !important;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-category::before {
    content: "|";
    position: absolute;
    top: 0;
    left: 2px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta.text-white .post-date {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta.text-white .post-category a {
    color: #ffffff !important;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb {
    padding: 0;
    margin: 0;
    margin-top: 29px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    letter-spacing: .4px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.58;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-family: "Montserrat", sans-serif;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a:hover::after {
    width: 100%;
    right: 0;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li+li {
    position: relative;
    padding-left: 22px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li+li::before {
    content: "\f105";
    font-size: 12px;
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .heading {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li::before {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a::after {
    background-color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Preloader
---------------------------------------------------------------------------------------*/
.preloader {
    position: fixed;
    width: 100%;
    min-height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ffffff;
    z-index: 100001;
}

.preloader .loading {
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: relative;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.preloader {
    transition: all 1s;
}

body.loaded .preloader {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

/*-------------------------------------------------------------------------------------
    Schedule areas
---------------------------------------------------------------------------------------*/
.schedule {
    position: relative;
    width: 100%;
    display: block;
    z-index: 2;
}

.schedule .nav-pills {
    width: 100%;
    display: block;
}

.schedule .nav-pills p {
    margin-bottom: 0;
}

.schedule .nav-pills .nav-link {
    padding: 28px !important;
    border-radius: 0;
    margin-bottom: 0;
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    background: #ffffff;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.07);
    border-radius: 0;
}

.schedule .nav-pills .nav-link:after {
    position: absolute;
    top: 50%;
    bottom: 10px;
    right: -10px;
    width: 0;
    height: 0;
    margin-top: -10px;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ff4656;
    opacity: 0;
}

.schedule .nav-pills .nav-link span {
    display: block;
    font-size: 14px;
}

.schedule .nav-pills .nav-link:hover {
    background: #ff4656;
    color: #ffffff;
}

.schedule .nav-pills .nav-link.active {
    color: #ffffff;
    transition: 0.3s;
    border: 1px solid transparent;
    background: #ff4656;
}

.schedule .nav-pills .nav-link.active:after {
    opacity: 1;
}

@media only screen and (max-width: 575px) {
    .schedule .nav-pills .nav-link.active:after {
        opacity: 0;
    }
}

@media only screen and (max-width: 575px) {
    .schedule .nav-pills .nav-link {
        display: block;
        margin-bottom: 5px;
    }
}

.schedule .tab-content {
    border-radius: 0;
}

.schedule.style-2 .nav-pills .nav-link:hover,
.schedule.style-2 .nav-pills .nav-link.active {
    background: #004e92;
}

.schedule.style-2 .nav-pills .nav-link:hover::after,
.schedule.style-2 .nav-pills .nav-link.active::after {
    border-color: transparent transparent transparent #004e92;
}

.schedule.style-2 .trainer_wrap .text h3.trainer_name a {
    color: #004e92;
}

.schedule .trainer_wrap .text .time,
.schedule .trainer_wrap .text .position {
    color: #949494;
    line-height: 1.8;
}

.schedule.dark-version .nav-pills .nav-link {
    color: #bfbfbf;
    background: #100e17;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.7);
}

.schedule.dark-version .nav-pills .nav-link::after {
    border-color: transparent transparent transparent #100e17;
}

.schedule.dark-version .nav-pills .nav-link:hover,
.schedule.dark-version .nav-pills .nav-link.active {
    background: #004e92;
    color: #fff;
}

.schedule.dark-version .nav-pills .nav-link:hover::after,
.schedule.dark-version .nav-pills .nav-link.active::after {
    border-color: transparent transparent transparent #004e92;
}

.schedule.dark-version .trainer_wrap {
    background: #100e17;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.7);
}

.schedule.dark-version .trainer_wrap .text h2 a,
.schedule.dark-version .trainer_wrap .text h3 {
    color: #ffffff;
}

.schedule.dark-version .trainer_wrap .text p {
    color: #bfbfbf;
}

.schedule.dark-version .trainer_wrap .text .time,
.schedule.dark-version .trainer_wrap .text .position {
    color: #949494;
}

.schedule.dark-version .trainer_wrap .text h3.trainer_name a {
    color: #004e92;
}

.trainer_wrap {
    width: 100%;
    background: #ffffff;
    padding: 40px;
    margin-bottom: 20px;
    box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.07);
    transition: 0.3s;
}

.trainer_wrap .trainer_img {
    width: 120px;
    height: 120px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

@media only screen and (max-width: 575px) {
    .trainer_wrap .trainer_img {
        margin-bottom: 10px;
    }
}

.trainer_wrap .text {
    width: calc(100% - 120px);
}

@media only screen and (max-width: 575px) {
    .trainer_wrap .text {
        width: 100%;
    }
}

.trainer_wrap .text h2 {
    font-size: 24px;
    font-weight: 400;
}

.trainer_wrap .text h2 a {
    color: #000000;
}

@media only screen and (max-width: 575px) {
    .trainer_wrap .text p {
        margin-bottom: 10px;
    }
}

.trainer_wrap .text h3.trainer_name {
    font-size: 14px;
}

.trainer_wrap .text h3.trainer_name a {
    color: #FF5F6D;
}

.trainer_wrap .text .position {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.trainer_wrap .text .time {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.trainer_wrap:hover,
.trainer_wrap:focus {
    box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.07);
}

/*-------------------------------------------------------------------------------------
    Coming-soon
---------------------------------------------------------------------------------------*/
.coming-soon {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.coming-soon .inner {
    max-width: 100%;
    width: 880px;
    margin: auto;
    border-radius: 18px;
}

@media (max-width: 576px) {
    .coming-soon .inner {
        padding-top: 80px;
    }
}

.coming-soon .inner .bg-solid-grey .timer-grid .count-inner p {
    color: #fff !important;
}

.coming-soon .inner .logo-img {
    display: block;
    width: 100%;
    text-align: center;
}

.coming-soon .inner .logo-img img {
    max-width: 100%;
}

.coming-soon .inner p {
    font-size: 20px;
    color: #999999;
    line-height: 1.2;
}

.coming-soon .inner .promise-content {
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
}

.coming-soon .inner .promise-content span {
    border-bottom: 1px solid #999999;
}

.coming-soon .inner .form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

.coming-soon .inner .sl-newsletter-input-box {
    width: 450px;
    max-width: calc(100% - 10px);
    position: relative;
    background-color: #e6e6e6;
    height: 50px;
    border: 0px solid transparent;
    border-radius: 5px;
}

.coming-soon .inner .sl-newsletter-input-box input {
    height: 50px;
}

.coming-soon .inner .sl-newsletter-input-box button {
    width: 133px;
    height: 40px;
    font-weight: 400;
}

.coming-soon .inner .sl-newsletter-input-box button span {
    font-weight: 400;
}

/*-------------------------------------------------------------------------------------
    Error page 404
---------------------------------------------------------------------------------------*/
#notfound {
    position: relative;
    height: 100vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}

.notfound .notfound-404 {
    position: relative;
    height: 220px;
}

.notfound .notfound-404 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 186px;
    font-weight: 200;
    margin: 0px;
    background: linear-gradient(130deg, #2F3C9E, #0A113B);
    color: transparent;
    -webkit-background-clip: text;
    text-transform: uppercase;
}

.notfound h2 {
    font-size: 33px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 3px;
}

.notfound p {
    font-size: 16px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 25px;
}

.notfound a {
    color: #0A113B;
    font-weight: 200;
    text-decoration: none;
    border-bottom: 1px dashed #ff6f68;
    border-radius: 2px;
}

.notfound-social>a {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    color: #FE2B60;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    transition: 0.2s all;
}

.notfound-social>a:hover {
    color: #fff;
    background-color: #FE2B60;
    border-color: #ff6f68;
}

@media only screen and (max-width: 479px) {
    .notfound .notfound-404 {
        position: relative;
        height: 168px;
    }

    .notfound .notfound-404 h1 {
        font-size: 142px;
    }

    .notfound h2 {
        font-size: 22px;
    }
}

/*-------------------------------------------------------------------------------------
    Datepicker
---------------------------------------------------------------------------------------*/
.xdsoft_datetimepicker {
    font-family: "Montserrat", sans-serif;
    z-index: 99999;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #000000;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
    font-weight: 400;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0069FF !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0069FF !important;
}

.xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

.xdsoft_datetimepicker .xdsoft_label {
    font-weight: 400;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    border: 0;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0069FF;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #0069FF;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #0069FF !important;
}

/*****************************************************************************
Bottom to top scroll
*****************************************************************************/
.scroll-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 2px solid #0069FF;
    box-shadow: 0 60px 135px rgba(0, 0, 0, 0.14), 0 15px 65px rgba(0, 0, 0, 0.14);
    z-index: 9999;
    border-radius: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .3s ease-in-out;
}

.scroll-top i {
    font-size: 22px;
    color: #0069FF;
}

.scroll-top:hover {
    background: #0069FF;
}

.scroll-top:hover i {
    color: #ffffff;
}

.scroll-top.show {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.crypto-table {
    padding: 5px;
    border-radius: 10px;
    position: relative;
    z-index: 3;
}

.crypto-table .table {
    background: #fff;
    margin: 0;
    border-radius: 10px;
    border: 8px solid #0069FF;
}

.crypto-table .table thead th {
    border-top: 0;
}

.our-process .section-wrap-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #113b51;
    height: calc(100% - 12em);
}

@media only screen and (max-width: 767px) {
    .our-process .section-wrap-bg {
        height: calc(100% - 7em);
    }
}

@media only screen and (max-width: 575px) {
    .our-process .section-wrap-bg {
        height: calc(100% - 5em);
    }
}

.our-process .wrap-o,
.our-process .wrap-o--contact {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 510px;
    }
}

@media (min-width: 768px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 750px;
    }
}

@media (min-width: 1024px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 1000px;
    }
}

@media (min-width: 1240px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 1220px;
    }
}

@media (min-width: 1320px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        padding-left: 0;
        padding-right: 0;
        max-width: 1200px;
    }
}

.our-process .process {
    margin-top: -12em;
    position: relative;
    box-shadow: 0 10px 30px 0 rgba(17, 59, 81, 0.2);
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media only screen and (max-width: 767px) {
    .our-process .process {
        margin-top: -7em;
    }
}

@media only screen and (max-width: 575px) {
    .our-process .process {
        margin-top: -5em;
    }
}

.our-process .wrap-o-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

@media (min-width: 1320px) {
    .our-process .wrap-o-content {
        padding-left: 70px !important;
        padding-right: 70px !important;
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

@media (min-width: 1240px) {
    .our-process .wrap-o-content {
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (min-width: 1024px) {
    .our-process .wrap-o-content {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media (min-width: 768px) {
    .our-process .wrap-o-content {
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (min-width: 576px) {
    .our-process .wrap-o-content {
        padding-left: 3em;
        padding-right: 3em;
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

.our-process .intro-box__image,
.our-process .process:before,
.our-process .process__image {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.our-process .process:before {
    content: "";
    background: linear-gradient(45deg, #FF8008, #FFC837);
    opacity: .98;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.our-process .intro-box__content,
.our-process .process__content {
    position: relative;
    z-index: 1;
}

.our-process .process-box,
.our-process .tile-icon--transparent {
    position: relative;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 30px 0 rgba(17, 59, 81, 0.02);
    text-align: center;
    padding: 1.5em;
    height: 100%;
    border: 1px solid #ffffff;
}

.our-process .process-box__step,
.our-process .tile-icon__icon--numeric {
    font-size: 3.25em;
}

.our-process .process-box__title {
    color: #fff;
    margin-bottom: 1em;
    font-size: 1.25rem;
}

.our-process .process-box__desc {
    opacity: .8;
}

.our-process .process-box__desc p {
    color: #fff;
}

/*Custom Edits*/
img.logo-bottom{max-width: 350px; height: auto;}
.img-box img{border-radius: 100%;overflow: hidden;border: 5px solid #3C53D7;transition: all 400ms ease;}
h3.team-title.text-color{margin-top: 5px;}
.content .fab {font-size: 30px; color: #3C53D7;}
.content .fab.fa-discord{font-size: 25px;}
.checkout-bg{background-color: #151e58;}
a.not-complete{color: #FF1000!important;}
a.accountlink{color: #3C53D7;}
p.risk-definition{text-align: left;}
.field-wrapper.mb-4 span, .what-do span, p.risk-definition span ,.content.profile.page span{font-weight: bolder;}

/* The alert message box */
.alert {
  padding: 20px;
  background-color: #ff9800; /* Red */
  color: white;
  margin-bottom: 15px;
}
.alert.blue{
    background-color: #3C53D7; 
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}
.alert {
  opacity: 1;
  transition: opacity 0.6s; /* 600ms to fade out */
}
.mc-vids{
    width: 460px;
    height: auto;
}
iframe.iframer{
    position: absolute;
    top: -17px;
    left: 0;
    width: 100%;
    height: 120%;
}
.content.profile.page p{
    margin: 0px;
    padding: 0px;
}
a.invoices{color: #0069FF;}
a.invoices:hover{text-decoration: underline;}

.cli-plugin-button, .cli-plugin-button:visited {
    display: inline-block;
    padding: 9px 12px;
    color: #fff;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    margin-left: 5px;
    text-decoration: none;
}
.cli-plugin-main-link {
    margin-left:0px;
    font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
    background-color: #111;
    color: #fff;
    text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
    font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
    .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
    font-size: 34px;
    padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
    background-color: #e22092;
}
.pink.cli-plugin-button:hover {
    background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
    background-color: #91bd09;
}
.green.cli-plugin-button:hover {
    background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
    background-color: #e62727;
}
.red.cli-plugin-button:hover {
    background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
    background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
    background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
    background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
    background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
    background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
    background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    padding:20px;
}
.cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; }
.cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;}

/**
 * Added extra space between each cookie bar action elements @since 1.8.9
 */
.cli-plugin-main-link.cli-plugin-button {
    text-decoration: none;
}
.cli-plugin-main-link.cli-plugin-button {
    margin-left: 5px;
}
div#fbTopBar{
    display: none!important;
}
.content a, a.content, span#time{
    color: #3C53D7;
}
a.content-white{
    color: #FFF;
    text-decoration: underline;
}


.content a:hover, a.content:hover{
    text-decoration: underline;
}
span.linetrough{
    text-decoration: line-through;
}
iframe.tut-embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}
.col-lg-4.col-md-6 .icon-box.horizontal-icon-box.no-border.text-left .inner{
    width: 100%!important;
    position: relative!important;
    padding: 0!important;
    padding-top: 56.2963%!important;
}
.vid-descript{
    margin-top: 1em;
}
.w-100.h-100.d-flex.overflow-hidden.shadow-default{
    background-color: #FFF;
}
img.login-img{
    width: 85%;
    height: auto;
}
h3.FAQ{
    color: #0069FF;
}
.accordion .card-header h5 a.acc-btn[aria-expanded="false"]:hover{
        color: #0069FF;
}
img.CFC {
    width: 18px;
    height: auto;
    margin-bottom: 3px;
}
img.CFC:hover{
filter: invert(100%) sepia(21%) saturate(7137%) hue-rotate(66deg) brightness(104%) contrast(102%);
}
div#primary {
    position: relative;
    z-index: 3;
}
path.CFC-icon{
    fill: #FFF;
}
svg#Layer_1 {
    margin-left: -18px;
    margin-bottom: 3px; 
}


path.CFC-icon:hover{
    fill: #000;
    /*fill: #5bfec9;*/
}
input#rememberme {
    margin: 0px;
    padding: 0px;
    height: 13px;
}
.page-template-template-account header.entry-header{
    display: none;
}


.page-template-register a.showlogin{
    text-decoration: underline;
}

.page-template-register a.showlogin:hover{
    text-decoration: none;
}

.page-template-login p.form-row.form-row-first, .page-template-login p.form-row.form-row-last, .page-template-login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    width: 100%;
}

.page-template-login .button.woocommerce-button.button.woocommerce-form-login__submit{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    font-weight: 600;
    border-radius: 40em;
    padding: 1em 2.8em;
    background-size: 200% auto;
    color: white;
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
    letter-spacing: .8px;
}


.page-template-login .button.woocommerce-button.button.woocommerce-form-login__submit:hover {
    background-position: right center;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.page-template-login .lost_password a, a.mailto{
    color: #004dcd;
}

.page-template-login .lost_password a:hover, a.mailto:hover{
    color: #004dcd!important;
    text-decoration: underline;
}

.header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.current-menu-item a{
    color: #5bfec9;
}

.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{
    max-width: 100%;
}
.woocommerce .col2-set .form-row label, .woocommerce .col2-set .form-row span{
    width: 100%;
}

#my-account-1 .entry-content {
    width: 100%;
}

@media (min-width: 768px){
.woocommerce-MyAccount-navigation {
    width: 23.647059%;
    float: left;
    margin-right: 5.8823529412%;
}
}

@media (min-width: 768px){
.woocommerce-MyAccount-content {
    width: 68.470588%;
    float: right;
    margin-right: 0;
}
}
.woocommerce a:hover{
    color: #004dcd;
    text-decoration: underline;
}

.yith-wcaf.yith-wcaf-link-generator.woocommerce p:nth-child(3), .yith-wcaf.yith-wcaf-link-generator.woocommerce p:nth-child(1), .yith-wcaf.yith-wcaf-link-generator.woocommerce form{
display: none;
}

#payment .payment_methods li .payment_box fieldset .form-row, #payment .payment_methods li .payment_box fieldset .form-row {
    display: block;
}
.show-password-input:after{
    display: none;
}

.pricing-box.shadow-large a:visited{
    color: #FFF;
}
audio { display:none;}

.testimonial .owl-carousel .rodman-emoji{
    width: 15px!important;
    height: 17px!important;
    margin: 2px 0px 0px 0px;
    padding: 0px;
    float: left;
}

span.emojicounter.rodman{
display: inline-flex;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    height: 25px;

}

.page-template-template-buy .video-container {
    position: relative;
}

.page-template-template-buy video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 30px;
}

.banner-inner.bg-cover.bg-center.bg-norepeat {
    background-color: #171925;
}
.menu-custom-spacing{
    margin-left: -17px;
}
.form-row input, .form-row select, .form-row textarea, input#password_current, span.password-input{
    width: 100%;
}
.page-template-template-account legend{
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}
.page-template-template-account fieldset{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: transparent;
}

.page-template-template-account fieldset .form-row{
/*    margin: 0px;*/
}

.page-template-template-account button.woocommerce-Button.button{
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    font-weight: 600;
    padding: 1em 2.8em;
    margin: 0px 0px 0px -5px;
    background-size: 200% auto;
    color: white;
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
    letter-spacing: .8px;
}
.page-template-template-account button.woocommerce-Button.button:hover{
    background-position: right center;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}
.page-template-template-account-php.member-logged-in .header-right li a{
    color: #5bfec9!important;
}
.audioplayer {
    display: none;
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

  body.compensate-for-scrollbar {
    overflow: hidden;
}
.fancybox-active {
    height: auto;
}
.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}
.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}
.fancybox-container * {
    box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}
.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    visibility: hidden;
    z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}
.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox-toolbar {
    right: 0;
    top: 0;
}
.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}
.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}
.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}
.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}
.fancybox-slide--image::before {
    display: none;
}
.fancybox-slide--html {
    padding: 6px;
}
.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
    cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.fancybox-spaceball {
    z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}
.fancybox-slide--video .fancybox-content {
    background: #000;
}
.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}
.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}
.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}
.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}
.fancybox-button:hover {
    color: #fff;
}
.fancybox-button:focus {
    outline: 0;
}
.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0;
}
.fancybox-button div {
    height: 100%;
}
.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}
.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
    display: none;
}
.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
    display: none;
}
.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}
.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}
.fancybox-navigation .fancybox-button div {
    padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}
.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}
@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}
.fancybox-caption--separate {
    margin-top: -50px;
}
.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}
.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}
.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}
@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }
    .fancybox-slide--image {
        padding: 6px 0;
    }
    .fancybox-close-small {
        right: -6px;
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }
    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}
.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.fancybox-share p {
    margin: 0;
    padding: 0;
}
.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff;
}
.fancybox-share__button:hover {
    text-decoration: none;
}
.fancybox-share__button--fb {
    background: #3b5998;
}
.fancybox-share__button--fb:hover {
    background: #344e86;
}
.fancybox-share__button--pt {
    background: #bd081d;
}
.fancybox-share__button--pt:hover {
    background: #aa0719;
}
.fancybox-share__button--tw {
    background: #1da1f2;
}
.fancybox-share__button--tw:hover {
    background: #0d95e8;
}
.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}
.fancybox-share__button svg path {
    fill: #fff;
}
.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%;
}
.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}
.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}
.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}
.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}
.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
    opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
.yith-wcaf.yith-wcaf-settings.woocommerce {
    display: none;
}
.yith-wcaf .right-column{
    display: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #222222;
}

/*Dark theme implementation*/
[data-theme="dark"] {
    background-color: rgb(24, 26, 27) !important;
    color: #FFF;
}

[data-theme="dark"] section path, [data-theme="dark"] .footer-part path{
    fill: rgb(24, 26, 27) !important;
}

[data-theme="dark"] label.custom-control-label i{ 
    color: rgb(24, 26, 27);
}
[data-theme="dark"] .crypto-services-area .icon-box .inner{
    background-color: #111 !important;
    color: rgb(24, 26, 27);
}


label.custom-control-label i{
    color: #000;
}

[data-theme="dark"] .heading {
    color: rgb(211, 207, 201);
}
[data-theme="dark"] .heading h1, [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, [data-theme="dark"] .h1, [data-theme="dark"] .h2, [data-theme="dark"] .h3, [data-theme="dark"] .h4, [data-theme="dark"] .h5, [data-theme="dark"] .h6 {
    color: rgb(211, 207, 201);
}

[data-theme="dark"] p {
    color: rgb(177, 170, 160);
}
[data-theme="dark"] .section-title h2 {
    color: rgb(211, 207, 201);
}

[data-theme="dark"] .icon-box.style-4 .inner .icon-3 {
    color: rgb(232, 230, 227);
    background-image: initial !important;
    background-color: rgb(40, 44, 45) !important;
}
[data-theme="dark"] .testimonial .img-wrap {
    background-color: rgb(24, 26, 27) !important;
}

[data-theme="dark"] .bg-light-gray {
    background-image: initial;
    background-color: rgb(26, 28, 29);
}

[data-theme="dark"] .btn .sl-btn-small {
    border-color: rgb(2, 28, 162);
    background-color: rgb(24, 26, 27);
    color: rgb(209, 205, 199);
}

[data-theme="dark"] .pricing-box {
    background-color: rgb(24, 26, 27);
}

[data-theme="dark"] .shadow-large, .hover-shadow-large:hover {
    box-shadow: rgba(34, 42, 63, 0.18) 0px 1rem 3rem !important;
}

[data-theme="dark"] .countdown-style-1.font-lg-size .timer-grid > div span.time-count {
    color: rgb(211, 207, 201);
}

[data-theme="dark"] .countdown-style-1 .timer-grid > div span.count-inner p {
    color: rgb(232, 230, 227) !important;
}

[data-theme="dark"] .basic-thine-line {
    border-bottom-color: rgb(58, 62, 65);
}

[data-theme="dark"] .sl-gradation .item-grid .content {
    background-image: initial;
    background-color: rgb(24, 26, 27);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 30px;
}

[data-theme="dark"] .gray-bg {
    background-image: initial;
    background-color: rgb(30, 32, 33);
}
[data-theme="dark"] .accordion .card-body {
    border-color: initial;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 20px 40px;
}

[data-theme="dark"] .accordion .card-header h5 a.acc-btn {
    color: rgb(221, 218, 214);
    background-image: initial;
    background-color: rgb(30, 33, 34);
    border-color: initial;
}

[data-theme="dark"] .card {
    background-color: rgb(24, 26, 27);
    border-color: rgba(140, 130, 115, 0.13);
}
[data-theme="dark"] .input-text, [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="number"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="search"], [data-theme="dark"] input[type="tel"], [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="url"], [data-theme="dark"] textarea {
    background-color: rgb(31, 34, 35);
    color: rgb(187, 181, 172);
    border-color: initial;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 1px inset;
}


[data-theme="dark"] .field-wrapper input {
    border-color: rgb(58, 62, 65);
}

[data-theme="dark"] .field-wrapper .field-placeholder {
    background-color: rgb(24, 26, 27);
    color: rgb(184, 178, 169);
}

[data-theme="dark"] .page-template-login-php .card {
    background-color: rgb(24, 26, 27);
    border-color: rgba(140, 130, 115, 0.13);
}

[data-theme="dark"] body .page-template.page-template-login.page-template-login-php.page.page-id-141.wp-embed-responsive.template-color-33.font-style-6.bg-blueshade.data-theme=dark.theme-storefront.woocommerce-js.storefront-align-wide.right-sidebar.woocommerce-active.loaded {
    background-image: initial !important;
    background-color: rgb(28, 30, 31) !important;
}

[data-theme="dark"] .bg-gray-light {
    background-image: initial !important;
    background-color: rgb(27, 30, 31) !important;
}

[data-theme="dark"] .comments-wrapper {
    border-color: rgb(53, 57, 59);
    background-image: initial;
    background-color: rgb(24, 26, 27);
}

[data-theme="dark"] .panel-body .billing-information-wrapper {
    background-color: rgb(24, 26, 27);
    border-color: rgb(54, 58, 61);
}

[data-theme="dark"] .panel .panel-heading h5.panel-title a {
    color: rgb(200, 195, 188);
}

[data-theme="dark"]  .panel .panel-heading h5.panel-title {
    background-color: rgb(24, 26, 27);
    border-color: rgb(55, 59, 62);
    color: rgb(190, 184, 176);
}

[data-theme="dark"] table {
    border-bottom-color: rgb(53, 58, 60);
}

[data-theme="dark"] table:not(.has-background) th {
    background-color: rgb(28, 30, 31);
}

[data-theme="dark"] table:not(.has-background) tbody td {
    background-color: rgb(25, 27, 28);
}

[data-theme="dark"] table:not(.has-background) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: rgb(26, 28, 30);
}

[data-theme="dark"] .commnent-list-wrap .comment {
    border-top-color: rgb(53, 57, 59);
}

[data-theme="dark"] .yith-wcaf input[type="submit"]{
    background-color: rgb(34, 36, 38);
    border-color: rgb(53, 57, 59);
    color: rgb(200, 195, 188);
}

[data-theme="dark"] table.cart td.product-remove, table.cart td.actions {
    border-top-color: rgb(48, 52, 54);
}

[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: rgb(24, 26, 27);
    border-color: rgb(72, 78, 81);
}

[data-theme="dark"] td {
    border-top-color: rgb(53, 58, 60);
}

[data-theme="dark"] #order_review {
    background-color: rgb(24, 26, 27);
}

[data-theme="dark"] #payment .payment_methods > li .payment_box, #payment .place-order {
    background-color: rgb(27, 29, 30);
}

[data-theme="dark"] #payment .payment_methods > li:not(.woocommerce-notice) {
    background-color: rgb(30, 32, 33);
}
.getmeoutofhere{
    display: none;
}

[data-theme="dark"].bg-blueshade section.login.ptb-80.ptb-sm-40.ptb-md-80.max-box{
    background-image: initial !important;
    background-color: rgb(28, 30, 31) !important;
}
[data-theme="dark"].bg-blueshade .card {
background-color: rgb(24, 26, 27)!important;
}

[data-theme="dark"] .w-100.h-100.d-flex.overflow-hidden.shadow-default {
    background-color: rgb(24, 26, 27);
}
.woocommerce nav.woocommerce-MyAccount-navigation ul{
    flex-direction: column;
    display: flex;
    padding: 0;
    margin: 0;
    position: relative;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li {
    list-style-type: none;
    display: flex;
    flex-direction: column;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a{
padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    text-decoration: none;
    border-style: solid;
    border-width: 0;
    transition-timing-function: ease-in-out;
    transition-property: background-color, color, border-color;
    border-color: transparent;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active a{
    color: #004dcd;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a{
    color: #ff1000;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area, li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area.is-active, li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area{
    display: none!important;
}

.my-account-area h4.heading.heading-h4.pb-15 {
    display: none;
}

[data-theme="dark"] .button, [data-theme="dark"] input[type="button"], [data-theme="dark"] input[type="reset"], [data-theme="dark"] input[type="submit"], [data-theme="dark"] .button, [data-theme="dark"] .widget a.button {
    background-color: rgb(34, 36, 38);
    border-color: rgb(53, 57, 59);
    color: rgb(200, 195, 188);
}

[data-theme="dark"] td {
    border-top-color: rgb(121, 113, 100);
    background-color: rgb(19, 21, 22) !important;
}
.card.p-3.p-lg-5.border-0.rounded-10.shadow-large{
    display: none;
}

label a {
    color: #FF1000!important;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.homebutnohome a{
    color: rgb(232, 230, 227)!important;
}
.mainmenu-wrapper .page_nav ul.mainmenu li.homebutnohome a:hover{
    color: rgb(90, 254, 201)!important;
}
.woocommerce-order-received h1.entry-title {display: none;}
.woocommerce-order-received .btn {padding: 0px; color: rgb(232, 230, 227);}
.woocommerce-order-received span.icon-button-rl.border-blue.bg-transparent{
    border: 2px solid #3C53D7;
    background-color: #ffffff;
    color: #3C53D7;
    }

.member-logged-in .header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop.slide--megamenu.account-status a{
    color: #5bfec9;
}
.header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop.slide--megamenu.account-status>a{
    margin: 0px;
    padding: 0px;
}
.header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop.slide--megamenu.account-status{
    margin-top: -4px;
}

/*begin OWL stuff*/

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*end OWL stuff*/
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--upgrade a:before{
    content: "\f559"
}

/*Special alert/signal*/
.signalspecial {
    color: #000;
}

.btn .grad-btn-6 {
    background-image: linear-gradient(to right, #FF9456 0, #FE2B60 51%, #FF9456 100%);
}
form.woocommerce-EditAccountForm.edit-account p{
    margin-bottom: 20px;
}

/*YouTube loader quick*/
    .youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 600px; }
    .youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
    img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
    div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url(assets/img/TxzC70f.png) no-repeat; }
    div.play-button:hover{background: url(assets/img/TxzC70f-hover.png);}
    #youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

button#removeConnection {
    background-color: #FFF;
    margin-top: 13px;
    border: 1px solid #FF1000;
}
button#removeConnection:hover{
    color: #FF1000;
}

/*Kankerzooi*/

.alert.red.error{
 background-color: #FF1000;
}

/*Risk calculator*/
.page-template-risk-calculator input.alert-success {
    background-color:rgba(14, 238, 14, 0.5);
    color:black;
}
.page-template-risk-calculator input.alert-warning {
    background-color:rgba(243, 219, 0, 0.781);
    color:black;
}
.page-template-risk-calculator input.alert-danger {
    background-color:rgba(247, 8, 8, 0.664);
    color:white;
}
.page-template-risk-calculator input.alert-dark {
    background-color:rgba(0, 0, 0, 0.664);
    color:white;
}

.alert-success {
    background-color:rgba(14, 238, 14, 0.5);
    color:black;
}
.alert-warning {
    background-color:rgba(243, 219, 0, 0.781);
    color:black;
}
.alert-danger {
    background-color:rgba(247, 8, 8, 0.664);
    color:white;
}
.alert-dark {
    background-color:rgba(0, 0, 0, 0.664);
    color:white;
}

.page-template-risk-calculator .alert {
  padding: 20px 32px;
}

.page-template-risk-calculator table.table.threat .alert {
  padding: 8px 32px;
}

.input-group {
  position: relative;
}

.input-group > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
}

.input-group > input {
  padding-left: 25px;
  padding-right: 0;
}

.input-group > i {
  left: 0;
}
.input-group > i.right {
  right: 0;
  left: auto;
  margin-top: -7px;
}

.input-group > i.rightcustom {
    right: 80px;
    left: auto;
    margin-top: -8px;
}
.input-group > i.rightcustom2 {
    right: 67px;
    left: auto;
    margin-top: -8px;
}
.input-group > i.rightcustom3 {
    right: 58px;
    left: auto;
    margin-top: -8px;
}

.input-group > input, .input-group > i.right {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}

[data-theme="dark"] td {
    border-top-color: rgb(104, 96, 85);
    background-color: rgb(15, 17, 17) !important;
    color: #FFF;
}

[data-theme="dark"] .table {
    color: rgb(209, 205, 199);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .input-group > i.rightcustom2 {
    right: 45px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom3 {
    right: 32px;
    left: auto;
    margin-top: -8px;
}

.input-group > i.rightcustom {
    right: 42px;
    left: auto;
    margin-top: -8px;
}
input#trade_exposure_dollars {
    padding: 0px 4px;
}
}