/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Fonts, Icons and Other Styles Import
2. Reset
  2-1. Body, Font, Container, Space
  2-2. Placeholder Customize
  2-3. Social Icons Color
  2-4. Input, Textarea (All forms field) customization
  2-5. Button Styling
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Nunito+Sans:wght@400;600;700&family=Quicksand:wght@500;600;700&family=Plus+Jakarta+Sans:wght@600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Lora:wght@400;600;700&family=Poppins:wght@300;400;700&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url("bootstrap.min.css");
@import url("header.css");
@import url("section-heading.css");
@import url("footer.css");
@import url("style.css");
/*@import url("responsive.css");*/

:root {

    /* Font Family */
    --font-family-base: 'Nunito Sans', sans-serif;
    --font-family-heading: 'Quicksand', sans-serif;
    --font-family-three: 'Inter', sans-serif;
    --font-family-four: 'Plus Jakarta Sans', sans-serif;
    --font-family-five: 'DM Sans', sans-serif;
    --font-family-six: 'Lora', serif;
    --font-family-seven: 'Poppins', sans-serif;

    /* Font Weight */
    --fw-lighter:         lighter;
    --fw-light:           300;
    --fw-normal:          400;
    --fw-medium:          500;
    --fw-semibold:        600;
    --fw-bold:            700;
    --fw-bolder:          bolder;

    /* Font Size */
    --fs-0:         0rem;

    --fs-1:         0.0625rem;
    --fs-2:         0.125rem;
    --fs-3:         0.1875rem;
    --fs-4:         0.25rem;
    --fs-5:         0.3125rem;
    --fs-6:         0.375rem;
    --fs-7:         0.4375rem;
    --fs-8:         0.5rem;
    --fs-9:         0.5625rem;
    --fs-10:      0.625rem;

    --fs-11:      0.6875rem;
    --fs-12:      0.75rem;
    --fs-13:      0.8125rem;
    --fs-14:      0.875rem;
    --fs-15:      0.9375rem;
    --fs-16:      1rem;
    --fs-17:      1.0625rem;
    --fs-18:      1.125rem;
    --fs-19:      1.1875rem;
    --fs-20:      1.25rem;

    --fs-21:      1.3125rem;
    --fs-22:      1.375rem;
    --fs-23:      1.4375rem;
    --fs-24:      1.5rem;
    --fs-25:      1.5625rem;
    --fs-26:      1.625rem;
    --fs-27:      1.6875rem;
    --fs-28:      1.75rem;
    --fs-29:      1.8125rem;
    --fs-30:      1.875rem;

    --fs-31:      1.9375rem;
    --fs-32:      2rem;
    --fs-33:      2.0625rem;
    --fs-34:      2.125rem;
    --fs-35:      2.1875rem;
    --fs-36:      2.25rem;
    --fs-37:      2.3125rem;
    --fs-38:      2.375rem;
    --fs-39:      2.4375rem;
    --fs-40:      2.5rem;

    --fs-41:      2.5625rem;
    --fs-42:      2.625rem;
    --fs-43:      2.6875rem;
    --fs-44:      2.75rem;
    --fs-45:      2.8125rem;
    --fs-46:      2.875rem;
    --fs-47:      2.9375rem;
    --fs-48:      3rem;
    --fs-49:      3.0625rem;
    --fs-50:      3.125rem;

    --fs-51:      3.1875rem;
    --fs-52:      3.25rem;
    --fs-53:      3.3125rem;
    --fs-54:      3.375rem;
    --fs-55:      3.4375rem;
    --fs-56:      3.5rem;
    --fs-57:      3.5625rem;
    --fs-58:      3.625rem;
    --fs-59:      3.6875rem;
    --fs-60:      3.75rem;

    --fs-61:      3.8125rem;
    --fs-62:      3.875rem;
    --fs-63:      3.9375rem;
    --fs-64:      4rem;
    --fs-65:      4.0625rem;
    --fs-66:      4.125rem;
    --fs-67:      4.1875rem;
    --fs-68:      4.25rem;
    --fs-69:      4.3125rem;
    --fs-70:      4.375rem;

    --fs-71:      4.4375rem;
    --fs-72:      4.5rem;
    --fs-73:      4.5625rem;
    --fs-74:      4.625rem;
    --fs-75:      4.6875rem;
    --fs-76:      4.75rem;
    --fs-77:      4.8125rem;
    --fs-78:      4.875rem;
    --fs-79:      4.9375rem;
    --fs-80:      5rem;

    --fs-81:      5.063rem;
    --fs-82:      5.125rem;
    --fs-83:      5.188rem;
    --fs-84:      5.25rem;
    --fs-85:      5.313rem;
    --fs-86:      5.375rem;
    --fs-87:      5.438rem;
    --fs-88:      5.5rem;
    --fs-89:      5.5625rem;
    --fs-90:      5.625rem;

    --fs-91:      5.6875rem;
    --fs-92:      5.75rem;
    --fs-93:      5.8125rem;
    --fs-94:      5.875rem;
    --fs-95:      5.9375rem;
    --fs-96:      6rem;
    --fs-97:      6.0625rem;
    --fs-98:      6.125rem;
    --fs-99:      6.1875rem;
    --fs-100:     6.25rem;

    --fs-110:     6.875rem;
    --fs-120:     7.5rem;
    --fs-128:     8rem;
    --fs-130:     8.25rem;
    --fs-140:     8.75rem;
    --fs-150:     9.375rem;
    --fs-175:     10.9375rem;
    --fs-176:     11rem;
    --fs-190:     11.875rem;
    --fs-192:     12rem;

    --fs-200:     12.5rem;
    --fs-210:     13.125rem;
    --fs-240:     15rem;
    --fs-280:     17.5rem;
    --fs-291:        18.188rem;

    --fs-320:     20rem;
    --fs-370:     23.125rem;

    --fs-400:     25rem;

    --fs-500:     31.25rem;
    --fs-592:     37rem;

    --fs-600:     37.5rem;
    --fs-680:     42.5rem;

    /* Theme Colors */
    --color-one:                #FF7268;
    --color-one-rgb:            255, 114, 104;

    --color-two:                #7360F2;
    --color-two-rgb:            115, 96, 242;

    --color-three:              #636363;
    --color-three-rgb:          99, 99, 99;

    --color-four:               #303142;
    --color-four-rgb:           48, 49, 66;

    --color-five:               #1C1C25;
    --color-five-rgb:           28, 28, 37;

    --color-six:                #2CDDF8;
    --color-six-rgb:            44, 221, 248;

    --color-seven:              #F8A501;
    --color-seven-rgb:          248, 165, 1;

    --color-eight:              #02DFBF;
    --color-eight-rgb:          2, 223, 191;

    --color-nine:               #FC5C7D;

    --color-ten:                #7B66FF;

    --color-eleven:             #00C3FF;

    --color-twelve:             #028DEB ;

    --color-thirteen:           #35E1B4;

    --color-fourteen:           #ffc061;

    --color-fifteen:            #1683c7;

    --color-sixteen:            #008060;
    --color-sixteen-rgb:          0, 128, 96;

    --color-seventeen:            #b5ff17;
    --color-seventeen-rgb:          182, 255, 26;

    --color-dark:               #230136;

    --color-light:              #FDFDFD; 

    --color-white:              #ffffff;
    --color-white-rgb:          255, 255, 255;

    --color-black:              #000000;
    --color-black-rgb:          0, 0, 0;

    --color-muted:              #999999; 

    --link-color:               #303142;
    --link-color-hover:         #1683c7;
    --link-color-active:        #FF7268;

    --gradient-one: linear-gradient(90deg, #1683c7 0%, #1683c7 100%);
    --gradient-one-180: linear-gradient(180deg, #FF7268 0%, #ffb06d 100%);

    --gradient-two: linear-gradient(90deg, #1683c7 0%, #1683c7 100%);
    --gradient-two-180: linear-gradient(180deg, #9255CE 0%, #BE60FF 100%);

    --gradient-three: linear-gradient(90deg, #40CCFC 0%, #1AECF5 100%); 
    --gradient-three-180: linear-gradient(180deg, #40CCFC 0%, #1AECF5 100%); 

    --gradient-four: linear-gradient(90deg, #00FFF0 0%, #00D3C7 100%);
    --gradient-four-180: linear-gradient(180deg, #00FFF0 0%, #00D3C7 100%);

    --gradient-five: linear-gradient(90deg, #2F057B 0%, #6441C1 100%); 
    --gradient-five-180: linear-gradient(180deg, #2F057B 0%, #6441C1 100%); 

    --gradient-six: linear-gradient(120deg, #FF403E 20%, #FF811B 100%);
    --gradient-six-180: linear-gradient(180deg, #FF403E 0%, #FF811B 100%);

    --gradient-seven: linear-gradient(90deg, #1C0D9D 0%, #04DBF1 100%); 
    --gradient-seven-alt: linear-gradient(90deg, #04DBF1 0%, #1C0D9D 100%); 
    --gradient-seven-180: linear-gradient(180deg, #1C0D9D 0%, #04DBF1 100%);

    --gradient-eight: linear-gradient(90deg, #7360F2 0%, #7360F2 100%); 
    --gradient-eight-180: linear-gradient(180deg, #7360F2 0%, #7360F2 100%); 
    
    --gradient-nine: linear-gradient(90deg, #35E1B4 0%, #35E1B4 100%); 

    --gradient-ten: linear-gradient(90deg, #38C9F7 0%, #266FF2 100%); 

    --gradient-eleven-180: linear-gradient(180deg, #b5ff17 0%, #B5FF17 100%); 

    /* Responsive Breakdown */
    --breakpoint-extralargedesktop: 1366.98px;
    --breakpoint-largedesktop: 1199.98px;
    --breakpoint-desktop: 991.98px;
    --breakpoint-tablet: 767.98px;
    --breakpoint-mobile: 575.98px;
    --breakpoint-minimobile: 499.98px;

    --transition-base: all 0.5s ease-in-out;
    --transition-bezier: all .25s cubic-bezier(.645, .045, .355, 1);
}

:root .theme-style-seom {
    --font-family-base: 'DM Sans', sans-serif;
    --font-family-heading: 'Plus Jakarta Sans', sans-serif;
    --font-family-three: 'Inter', sans-serif;
}


/* Reset */
html {
    scroll-behavior: smooth;
    font-size: 100%;
}
body{
    position: relative;
    font-family: var(--font-family-base);
    font-size: var(--fs-16);
    font-weight: var(--fw-normal);
    line-height: var(--fs-26);
    background-color: var(--color-light);
    color: var(--color-four);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  -webkit-transition: var(--transition-base);
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
 
}

body.theme-style-showcase {
    background-color: #16092b;
    color: #ffffff;
}

body.theme-style-ai {
    background-color: #000000;
    color: #ffffff;
    font-family: var(--font-family-five);
}

body.theme-style-email {
    font-family: var(--font-family-seven);
}

body.theme-style-studio {
    background-color: #14161c;
    color: #ffffff;
}
.wptb-lines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 23.73%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}
.wptb-lines span {
    position: relative;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #343434;
    mix-blend-mode: difference;
    -webkit-transition: none!important;
    -khtml-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}
.wptb-lines span:before, .wptb-lines span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100px;
    background: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,1e-8)));
    background: -o-linear-gradient(bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,1e-8) 100%);
    background: linear-gradient(0deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,1e-8) 100%);
    -webkit-animation: pxl_grid_fall 10s linear infinite;
    -khtml-animation: pxl_grid_fall 10s linear infinite;
    -moz-animation: pxl_grid_fall 10s linear infinite;
    -ms-animation: pxl_grid_fall 10s linear infinite;
    -o-animation: pxl_grid_fall 10s linear infinite;
    animation: pxl_grid_fall 10s linear infinite;
}
.wptb-lines span:first-child:before {
    animation-delay: 1s;
}
.wptb-lines span:first-child:after {
    animation-delay: 5s;
}

.wptb-lines span:nth-child(2):before {
    animation-delay: 3s;
}
.wptb-lines span:nth-child(2):after {
    animation-delay: 7s;
}

.wptb-lines span:nth-child(3):before {
    animation-delay: 2s;
}
.wptb-lines span:nth-child(3):after {
    animation-delay: 6s;
}


.container {
    position: relative;
}
.container-fluid, .container-lg, .container-xl, .container-xxl {
    max-width: 1920px;
}

/* min-width: 1200px */
/*@media screen and (min-width: 1200px){
    .container {
        max-width: 1350px;
    }
}*/

/* min-width: 1400px */
/*@media screen and (min-width: 1400px){
    .container {
        max-width: 1650px;
    }
}*/

/* max-width: 1199px */
@media screen and (max-width: 991.98px) {
    .container {
        max-width: 100%;
       
    }
}

main,
.wrapper {
    position: relative;
}

/* Font Family Set Class */
.ff-base {
    font-family: var(--font-family-base);
}
.ff-heading {
    font-family: var(--font-family-heading);
}
.ff-third {
    font-family: var(--font-family-three);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: var(--font-family-heading);
    font-weight: var(--fw-bold);
    margin-top: 0px;
    margin-bottom: 0px;
}

.h1, h1{
    font-size: var(--fs-48);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h2, h2{
    font-size: var(--fs-36);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h3, h3{
    font-size: var(--fs-30);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h4, h4{
    font-size: var(--fs-24);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h5, h5{
    font-size: var(--fs-20);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h6, h6{
    font-size: var(--fs-16);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}

body.theme-style-email h1, body.theme-style-email h2, body.theme-style-email h3, body.theme-style-email h4, body.theme-style-email h5, body.theme-style-email h6 {
    font-family: var(--font-family-six);
}

body.theme-style-ai h1, body.theme-style-ai h2, body.theme-style-ai h3, body.theme-style-ai h4, body.theme-style-ai h5, body.theme-style-ai h6 {
    font-family: var(--font-family-four);
}


a {
    -webkit-transition: var(--transition-bezier);
    -khtml-transition: var(--transition-bezier);
    -moz-transition: var(--transition-bezier);
    -ms-transition: var(--transition-bezier);
    -o-transition: var(--transition-bezier);
    transition: var(--transition-bezier);
    color: var(--link-color);
    text-decoration: none;
    outline: none;
    display: inline-block;
}

a:before,
a:after {
    -webkit-transition: inherit;
    -khtml-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

a:hover,
a:focus {
    color: var(--link-color-hover)
}

a:active,
a.nice-select.open {
    color: var(--link-color-active)
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

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


.clearfix{
    clear: both;
}
.divider{
    margin: 30px 0px;
    display: inline-block;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    border-left: 1px solid rgba(var(--color-black-rgb), 0.3);
    border-top: 1px solid rgba(var(--color-black-rgb), 0.3);
}
table td, table th {
    padding: 5px 10px;
    border-bottom: 1px solid rgba(var(--color-black-rgb), 0.3);
    border-right: 1px solid rgba(var(--color-black-rgb), 0.3);
    text-align: center;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none
}

.section, section{
    position: relative;
    padding: 80px 0px;
}
.section-md {
    padding: 100px 0px;
}
.section-lg {
    padding: 120px 0px;
}

/* Background Gradient */
.bg-gradient-one {
    background: var(--gradient-one);
}
.bg-gradient-one-180 {
    background: var(--gradient-one-180);
}

.bg-gradient-two {
    background: var(--gradient-two);
}
.bg-gradient-two-180 {
    background: var(--gradient-two-180);
}

.bg-gradient-three {
    background: var(--gradient-three);
}
.bg-gradient-three-180 {
    background: var(--gradient-three-180);
}

.bg-gradient-four {
    background: var(--gradient-four);
}
.bg-gradient-four-180 {
    background: var(--gradient-four-180);
}

.bg-gradient-five {
    background: var(--gradient-five);
}
.bg-gradient-five-180 {
    background: var(--gradient-five-180);
}

.bg-gradient-six {
    background: var(--gradient-six);
}
.bg-gradient-six-180 {
    background: var(--gradient-six-180);
}

.bg-gradient-seven {
    background: var(--gradient-seven);
}
.bg-gradient-seven-180 {
    background: var(--gradient-seven-180);
}

.bg-gradient-eight {
    background: var(--gradient-eight);
}
.bg-gradient-eight-180 {
    background: var(--gradient-eight-180);
}

.bg-gradient-nine {
    background: var(--gradient-nine);
}

.bg-gradient-ten {
    background: var(--gradient-ten);
}

.bg-gradient-eleven {
    background: var(--gradient-eleven);
}

.bg-gradient-eleven-180 {
    background: var(--gradient-eleven-180);
}

/* Default Input type */
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control{
    display: block;
    width: 100%;
/*    height: 80px;*/
    padding: 10px 30px;
    font-size: var(--fs-20);
    font-weight: var(--fw-normal);
    background-color: var(--color-light);
    color: var(--color-four);
    background-clip: padding-box;
    border: 1px solid var(--color-three);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: var(--transition-bezier);
    backface-visibility: hidden;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    outline-offset: 0;
}
textarea,
textarea.form-control {
/*    height: 265px;*/
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.form-control:focus,
textarea:focus,
textarea.form-control:focus{
    border-color: var(--color-one);
    color: inherit;
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
    transition: var(--transition-bezier);
}
label {
    display: inline-block;
    font-family: var(--font-family-heading);
    font-size: var(--fs-24); 
    line-height: var(--fs-34);
    font-weight: var(--fw-semibold);
    margin-bottom: 17px;
}

::-webkit-input-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
::-moz-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
:-ms-input-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
:-moz-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
::placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}

.btns.d-flex {
    flex-flow: wrap;
}
/* Button One */
input[type="submit"],
.btn{
    position: relative;
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-three);
    font-size: var(--fs-16); 
    font-weight: var(--fw-semibold);
    line-height: var(--fs-34);
    background: var(--gradient-one);
    color: var(--color-white);
    padding: 12px 35px;
    border-width: 0px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    letter-spacing: 0.005em;
    cursor: pointer;
    box-shadow: 0 4px 30px rgba(89,100,255,.1);
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}
.btn.gradient-two {
    background: var(--gradient-two);
}
.btn.gradient-three {
    background: var(--gradient-three);
}
.btn.gradient-four {
    background: var(--gradient-four);
}
.btn.gradient-five {
    background: var(--gradient-five);
}
.btn.gradient-six {
    background: var(--gradient-six);
}
.btn.gradient-seven {
    background: var(--gradient-seven);
}
.btn.gradient-eight {
    background: var(--gradient-eight);
}
.btn.gradient-eight-180 {
    background: var(--gradient-eight-180);
}
.btn.gradient-nine {
    background: var(--gradient-nine);
}
.btn.gradient-ten {
    background: var(--gradient-ten);
}
.btn.gradient-eleven {
    background: var(--gradient-eleven);
}
.btn.gradient-eleven-180 {
    background: var(--gradient-eleven-180);
}

.btn.ten {
    background: var(--color-ten);
}

.btn.bg-white {
    background: var(--color-white);
}

.btn-check:focus+.btn, .btn:focus,
input[type="submit"]:hover,
.btn:hover {
    color: var(--color-white);
}
.btn .btn-arrow-hover {
    position: relative;
    overflow: hidden;
    line-height: 0;
}
.btn .btn-arrow-hover i {
    display: inline-block;
    transition: transform .3s ease-out;
}
.btn .btn-arrow-hover i:first-child {
    transform: translateX(0)translateY(0)translateZ(0);
}
.btn .btn-arrow-hover i:last-child {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-200%)translateY(200%)translateZ(0);
}
.btn:hover .btn-arrow-hover i:first-child {
    transform: translateX(200%)translateY(-200%)translateZ(0);
}
.btn:hover .btn-arrow-hover i:last-child {
    transform: translateX(0)translateY(0)translateZ(0);
}

/* Alt Anim */
.btn .btn-arrow-hover.alt i:first-child {
    transform: translateX(0)translateY(0)translateZ(0);
}
.btn .btn-arrow-hover.alt i:last-child {
    transform: translateX(200%)translateY(-200%)translateZ(0);
}
.btn:hover .btn-arrow-hover.alt i:first-child {
    transform: translateX(-200%)translateY(200%)translateZ(0);
}
.btn:hover .btn-arrow-hover.alt i:last-child {
    transform: translateX(0)translateY(0)translateZ(0);
}


.btn-style-2 .btn {
    box-shadow: none;
    font-family: var(--font-family-six);
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #1B2E59;
    background-color: transparent;
    background-image: linear-gradient(180deg, #02010100 0%, #F2295B00 100%);
}
.btn-style-2 .btn span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--color-white);
    border-radius: 100%;
    font-size: 16px;
}

/* Pagination */
.pagination {
    margin-top: 30px;
    margin-bottom: 0px;
    list-style-type: none;
    align-items: center;
}
.pagination li {
    margin: 0px 5px;
    color: var(--color-white);
}
.pagination li .page-number {
    font-size: var(--fs-20);
    font-weight: var(--fw-normal);
    text-align: center;
    width: 48px;
    height: 48px;
    line-height: var(--fs-48);
    color: var(--color-white);
    display: block;
    border-radius: 100%;
    border: 1px solid transparent;
}
.pagination li .page-number:hover, .pagination li .page-number.current {
    border: 1px solid var(--color-one);
}
.pagination li .page-number.previous, .pagination li .page-number.next {
    color: var(--color-one);
}
.pagination li .page-number.disabled {
    cursor: auto;
    opacity: 0.5;
}

/* Use this markup based on above css */
/* <ul class="pagination">
    <li><a class="disabled page-number previous" href="#"><i class="ion-ios-arrow-thin-left"></i></a></li>
    <li><span class="page-number current">1</span></li>
    <li><a class="page-number" href="#">2</a></li>
    <li>.....</li>
    <li><a class="page-number" href="#">9</a></li>
    <li><a class="page-number next" href="#"><i class="ion-ios-arrow-thin-right"></i></a></li>
</ul> */



/* Margin Both */
.mr-0 { 
    margin: 0px;
}
.mr-5 { 
    margin: 5px;
}
.mr-10 { 
    margin: 10px;
}
.mr-15 { 
    margin: 15px;
}
.mr-20 { 
    margin: 20px;
}
.mr-25 { 
    margin: 25px;
}
.mr-30 { 
    margin: 30px;
}
.mr-35 { 
    margin: 35px;
}
.mr-40 { 
    margin: 40px;
}
.mr-45 { 
    margin: 45px;
}
.mr-50 { 
    margin: 50px;
}
.mr-55 { 
    margin: 55px;
}
.mr-60 { 
    margin: 60px;
}
.mr-65 { 
    margin: 65px;
}
.mr-70 { 
    margin: 70px;
}
.mr-75 { 
    margin: 75px;
}
.mr-80 { 
    margin: 80px;
}
.mr-85 { 
    margin: 85px;
}
.mr-90 { 
    margin: 90px;
}
.mr-95 { 
    margin: 95px;
}
.mr-100 { 
    margin: 100px;
}

/* Margin Left-Right */
.mr-lr-5 { 
    margin-left: 5px;
    margin-right: 5px;
}
.mr-lr-10 { 
    margin-left: 10px;
    margin-right: 10px;
}
.mr-lr-15 { 
    margin-left: 15px;
    margin-right: 15px;
}
.mr-lr-20 { 
    margin-left: 20px;
    margin-right: 20px;
}
.mr-lr-25 { 
    margin-left: 25px;
    margin-right: 25px;
}
.mr-lr-30 { 
    margin-left: 30px;
    margin-right: 30px;
}
.mr-lr-35 { 
    margin-left: 35px;
    margin-right: 35px;
}
.mr-lr-40 { 
    margin-left: 40px;
    margin-right: 40px;
}
.mr-lr-45 { 
    margin-left: 45px;
    margin-right: 45px;
}
.mr-lr-50 { 
    margin-left: 50px;
    margin-right: 50px;
}
.mr-lr-55 { 
    margin-left: 55px;
    margin-right: 55px;
}
.mr-lr-60 { 
    margin-left: 60px;
    margin-right: 60px;
}
.mr-lr-65 { 
    margin-left: 65px;
    margin-right: 65px;
}
.mr-lr-70 { 
    margin-left: 70px;
    margin-right: 70px;
}
.mr-lr-75 { 
    margin-left: 75px;
    margin-right: 75px;
}
.mr-lr-80 { 
    margin-left: 80px;
    margin-right: 80px;
}
.mr-lr-85 { 
    margin-left: 85px;
    margin-right: 85px;
}
.mr-lr-90 { 
    margin-left: 90px;
    margin-right: 90px;
}
.mr-lr-95 { 
    margin-left: 95px;
    margin-right: 95px;
}
.mr-lr-100 { 
    margin-left: 100px;
    margin-right: 100px;
}

/* Margin Top-Bottom */
.mr-tb-5 { 
    margin-top: 5px;
    margin-bottom: 5px;
}
.mr-tb-10 { 
    margin-top: 10px;
    margin-bottom: 10px;
}
.mr-tb-15 { 
    margin-top: 15px;
    margin-bottom: 15px;
}
.mr-tb-20 { 
    margin-top: 20px;
    margin-bottom: 20px;
}
.mr-tb-25 { 
    margin-top: 25px;
    margin-bottom: 25px;
}
.mr-tb-30 { 
    margin-top: 30px;
    margin-bottom: 30px;
}
.mr-tb-35 { 
    margin-top: 35px;
    margin-bottom: 35px;
}
.mr-tb-40 { 
    margin-top: 40px;
    margin-bottom: 40px;
}
.mr-tb-45 { 
    margin-top: 45px;
    margin-bottom: 45px;
}
.mr-tb-50 { 
    margin-top: 50px;
    margin-bottom: 50px;
}
.mr-tb-55 { 
    margin-top: 55px;
    margin-bottom: 55px;
}
.mr-tb-60 { 
    margin-top: 60px;
    margin-bottom: 60px;
}
.mr-tb-65 { 
    margin-top: 65px;
    margin-bottom: 65px;
}
.mr-tb-70 { 
    margin-top: 70px;
    margin-bottom: 70px;
}
.mr-tb-75 { 
    margin-top: 75px;
    margin-bottom: 75px;
}
.mr-tb-80 { 
    margin-top: 80px;
    margin-bottom: 80px;
}
.mr-tb-85 { 
    margin-top: 85px;
    margin-bottom: 85px;
}
.mr-tb-90 { 
    margin-top: 90px;
    margin-bottom: 90px;
}
.mr-tb-95 { 
    margin-top: 95px;
    margin-bottom: 95px;
}
.mr-tb-100 { 
    margin-top: 100px;
    margin-bottom: 100px;
}
    
/* Margin Left */
.mr-left-5 { 
    margin-left: 5px;
}
.mr-left-10 { 
    margin-left: 10px;
}
.mr-left-15 { 
    margin-left: 15px;
}
.mr-left-20 { 
    margin-left: 20px;
}
.mr-left-25 { 
    margin-left: 25px;
}
.mr-left-30 { 
    margin-left: 30px;
}
.mr-left-35 { 
    margin-left: 35px;
}
.mr-left-40 { 
    margin-left: 40px;
}
.mr-left-45 { 
    margin-left: 45px;
}
.mr-left-50 { 
    margin-left: 50px;
}
.mr-left-55 { 
    margin-left: 55px;
}
.mr-left-60 { 
    margin-left: 60px;
}
.mr-left-65 { 
    margin-left: 65px;
}
.mr-left-70 { 
    margin-left: 70px;
}
.mr-left-75 { 
    margin-left: 75px;
}
.mr-left-80 { 
    margin-left: 80px;
}
.mr-left-85 { 
    margin-left: 85px;
}
.mr-left-90 { 
    margin-left: 90px;
}
.mr-left-95 { 
    margin-left: 95px;
}
.mr-left-100 { 
    margin-left: 100px;
}
    
/* Margin Top */
.mr-top-5 { 
    margin-top: 5px;
}
.mr-top-10 { 
    margin-top: 10px;
}
.mr-top-15 { 
    margin-top: 15px;
}
.mr-top-20 { 
    margin-top: 20px;
}
.mr-top-25 { 
    margin-top: 25px;
}
.mr-top-30 { 
    margin-top: 30px;
}
.mr-top-35 { 
    margin-top: 35px;
}
.mr-top-40 { 
    margin-top: 40px;
}
.mr-top-45 { 
    margin-top: 45px;
}
.mr-top-50 { 
    margin-top: 50px;
}
.mr-top-55 { 
    margin-top: 55px;
}
.mr-top-60 { 
    margin-top: 60px;
}
.mr-top-65 { 
    margin-top: 65px;
}
.mr-top-70 { 
    margin-top: 70px;
}
.mr-top-75 { 
    margin-top: 75px;
}
.mr-top-80 { 
    margin-top: 80px;
}
.mr-top-85 { 
    margin-top: 85px;
}
.mr-top-90 { 
    margin-top: 90px;
}
.mr-top-95 { 
    margin-top: 95px;
}
.mr-top-100 { 
    margin-top: 100px;
}
    
/* Margin Right */
.mr-right-5 { 
    margin-right: 5px;
}
.mr-right-10 { 
    margin-right: 10px;
}
.mr-right-15 { 
    margin-right: 15px;
}
.mr-right-20 { 
    margin-right: 20px;
}
.mr-right-25 { 
    margin-right: 25px;
}
.mr-right-30 { 
    margin-right: 30px;
}
.mr-right-35 { 
    margin-right: 35px;
}
.mr-right-40 { 
    margin-right: 40px;
}
.mr-right-45 { 
    margin-right: 45px;
}
.mr-right-50 { 
    margin-right: 50px;
}
.mr-right-55 { 
    margin-right: 55px;
}
.mr-right-60 { 
    margin-right: 60px;
}
.mr-right-65 { 
    margin-right: 65px;
}
.mr-right-70 { 
    margin-right: 70px;
}
.mr-right-75 { 
    margin-right: 75px;
}
.mr-right-80 { 
    margin-right: 80px;
}
.mr-right-85 { 
    margin-right: 85px;
}
.mr-right-90 { 
    margin-right: 90px;
}
.mr-right-95 { 
    margin-right: 95px;
}
.mr-right-100 { 
    margin-right: 100px;
}
    
/* Margin Bottom */
.mr-bottom-5 { 
    margin-bottom: 5px;
}
.mr-bottom-10 { 
    margin-bottom: 10px;
}
.mr-bottom-15 { 
    margin-bottom: 15px;
}
.mr-bottom-20 { 
    margin-bottom: 20px;
}
.mr-bottom-25 { 
    margin-bottom: 25px;
}
.mr-bottom-30 { 
    margin-bottom: 30px;
}
.mr-bottom-35 { 
    margin-bottom: 35px;
}
.mr-bottom-40 { 
    margin-bottom: 40px;
}
.mr-bottom-45 { 
    margin-bottom: 45px;
}
.mr-bottom-50 { 
    margin-bottom: 50px;
}
.mr-bottom-55 { 
    margin-bottom: 55px;
}
.mr-bottom-60 { 
    margin-bottom: 60px;
}
.mr-bottom-65 { 
    margin-bottom: 65px;
}
.mr-bottom-70 { 
    margin-bottom: 70px;
}
.mr-bottom-75 { 
    margin-bottom: 75px;
}
.mr-bottom-80 { 
    margin-bottom: 80px;
}
.mr-bottom-85 { 
    margin-bottom: 85px;
}
.mr-bottom-90 { 
    margin-bottom: 90px;
}
.mr-bottom-95 { 
    margin-bottom: 95px;
}
.mr-bottom-100 { 
    margin-bottom: 100px;
}


/* Padding Both */
.pd-0 {
    padding: 0px;
}
.pd-5 { 
    padding: 5px;
}
.pd-10 { 
    padding: 10px;
}
.pd-15 { 
    padding: 15px;
}
.pd-20 { 
    padding: 20px;
}
.pd-25 { 
    padding: 25px;
}
.pd-30 { 
    padding: 30px;
}
.pd-35 { 
    padding: 35px;
}
.pd-40 { 
    padding: 40px;
}
.pd-45 { 
    padding: 45px;
}
.pd-50 { 
    padding: 50px;
}
.pd-55 { 
    padding: 55px;
}
.pd-60 { 
    padding: 60px;
}
.pd-65 { 
    padding: 65px;
}
.pd-70 { 
    padding: 70px;
}
.pd-75 { 
    padding: 75px;
}
.pd-80 { 
    padding: 80px;
}
.pd-85 { 
    padding: 85px;
}
.pd-90 { 
    padding: 90px;
}
.pd-95 { 
    padding: 95px;
}
.pd-100 { 
    padding: 100px;
}

/* Padding Left-Right */
.pd-lr-5 { 
    padding-left: 5px;
    padding-right: 5px;
}
.pd-lr-10 { 
    padding-left: 10px;
    padding-right: 10px;
}
.pd-lr-15 { 
    padding-left: 15px;
    padding-right: 15px;
}
.pd-lr-20 { 
    padding-left: 20px;
    padding-right: 20px;
}
.pd-lr-25 { 
    padding-left: 25px;
    padding-right: 25px;
}
.pd-lr-30 { 
    padding-left: 30px;
    padding-right: 30px;
}
.pd-lr-35 { 
    padding-left: 35px;
    padding-right: 35px;
}
.pd-lr-40 { 
    padding-left: 40px;
    padding-right: 40px;
}
.pd-lr-45 { 
    padding-left: 45px;
    padding-right: 45px;
}
.pd-lr-50 { 
    padding-left: 50px;
    padding-right: 50px;
}
.pd-lr-55 { 
    padding-left: 55px;
    padding-right: 55px;
}
.pd-lr-60 { 
    padding-left: 60px;
    padding-right: 60px;
}
.pd-lr-65 { 
    padding-left: 65px;
    padding-right: 65px;
}
.pd-lr-70 { 
    padding-left: 70px;
    padding-right: 70px;
}
.pd-lr-75 { 
    padding-left: 75px;
    padding-right: 75px;
}
.pd-lr-80 { 
    padding-left: 80px;
    padding-right: 80px;
}
.pd-lr-85 { 
    padding-left: 85px;
    padding-right: 85px;
}
.pd-lr-90 { 
    padding-left: 90px;
    padding-right: 90px;
}
.pd-lr-95 { 
    padding-left: 95px;
    padding-right: 95px;
}
.pd-lr-100 { 
    padding-left: 100px;
    padding-right: 100px;
}

/* Padding Top-Bottom */
.pd-tb-5 { 
    padding-top: 5px;
    padding-bottom: 5px;
}
.pd-tb-10 { 
    padding-top: 10px;
    padding-bottom: 10px;
}
.pd-tb-15 { 
    padding-top: 15px;
    padding-bottom: 15px;
}
.pd-tb-20 { 
    padding-top: 20px;
    padding-bottom: 20px;
}
.pd-tb-25 { 
    padding-top: 25px;
    padding-bottom: 25px;
}
.pd-tb-30 { 
    padding-top: 30px;
    padding-bottom: 30px;
}
.pd-tb-35 { 
    padding-top: 35px;
    padding-bottom: 35px;
}
.pd-tb-40 { 
    padding-top: 40px;
    padding-bottom: 40px;
}
.pd-tb-45 { 
    padding-top: 45px;
    padding-bottom: 45px;
}
.pd-tb-50 { 
    padding-top: 50px;
    padding-bottom: 50px;
}
.pd-tb-55 { 
    padding-top: 55px;
    padding-bottom: 55px;
}
.pd-tb-60 { 
    padding-top: 60px;
    padding-bottom: 60px;
}
.pd-tb-65 { 
    padding-top: 65px;
    padding-bottom: 65px;
}
.pd-tb-70 { 
    padding-top: 70px;
    padding-bottom: 70px;
}
.pd-tb-75 { 
    padding-top: 75px;
    padding-bottom: 75px;
}
.pd-tb-80 { 
    padding-top: 80px;
    padding-bottom: 80px;
}
.pd-tb-85 { 
    padding-top: 85px;
    padding-bottom: 85px;
}
.pd-tb-90 { 
    padding-top: 90px;
    padding-bottom: 90px;
}
.pd-tb-95 { 
    padding-top: 95px;
    padding-bottom: 95px;
}
.pd-tb-100 { 
    padding-top: 100px;
    padding-bottom: 100px;
}
    
/* Padding Left */
.pd-left-5 { 
    padding-left: 5px;
}
.pd-left-10 { 
    padding-left: 10px;
}
.pd-left-15 { 
    padding-left: 15px;
}
.pd-left-20 { 
    padding-left: 20px;
}
.pd-left-25 { 
    padding-left: 25px;
}
.pd-left-30 { 
    padding-left: 30px;
}
.pd-left-35 { 
    padding-left: 35px;
}
.pd-left-40 { 
    padding-left: 40px;
}
.pd-left-45 { 
    padding-left: 45px;
}
.pd-left-50 { 
    padding-left: 50px;
}
.pd-left-55 { 
    padding-left: 55px;
}
.pd-left-60 { 
    padding-left: 60px;
}
.pd-left-65 { 
    padding-left: 65px;
}
.pd-left-70 { 
    padding-left: 70px;
}
.pd-left-75 { 
    padding-left: 75px;
}
.pd-left-80 { 
    padding-left: 80px;
}
.pd-left-85 { 
    padding-left: 85px;
}
.pd-left-90 { 
    padding-left: 90px;
}
.pd-left-95 { 
    padding-left: 95px;
}
.pd-left-100 { 
    padding-left: 100px;
}
    
/* Padding Top */
.pd-top-5 { 
    padding-top: 5px;
}
.pd-top-10 { 
    padding-top: 10px;
}
.pd-top-15 { 
    padding-top: 15px;
}
.pd-top-20 { 
    padding-top: 20px;
}
.pd-top-25 { 
    padding-top: 25px;
}
.pd-top-30 { 
    padding-top: 30px;
}
.pd-top-35 { 
    padding-top: 35px;
}
.pd-top-40 { 
    padding-top: 40px;
}
.pd-top-45 { 
    padding-top: 45px;
}
.pd-top-50 { 
    padding-top: 50px;
}
.pd-top-55 { 
    padding-top: 55px;
}
.pd-top-60 { 
    padding-top: 60px;
}
.pd-top-65 { 
    padding-top: 65px;
}
.pd-top-70 { 
    padding-top: 70px;
}
.pd-top-75 { 
    padding-top: 75px;
}
.pd-top-80 { 
    padding-top: 80px;
}
.pd-top-85 { 
    padding-top: 85px;
}
.pd-top-90 { 
    padding-top: 90px;
}
.pd-top-95 { 
    padding-top: 95px;
}
.pd-top-100 { 
    padding-top: 100px;
}
    
/* Padding Right */
.pd-right-5 { 
    padding-right: 5px;
}
.pd-right-10 { 
    padding-right: 10px;
}
.pd-right-15 { 
    padding-right: 15px;
}
.pd-right-20 { 
    padding-right: 20px;
}
.pd-right-25 { 
    padding-right: 25px;
}
.pd-right-30 { 
    padding-right: 30px;
}
.pd-right-35 { 
    padding-right: 35px;
}
.pd-right-40 { 
    padding-right: 40px;
}
.pd-right-45 { 
    padding-right: 45px;
}
.pd-right-50 { 
    padding-right: 50px;
}
.pd-right-55 { 
    padding-right: 55px;
}
.pd-right-60 { 
    padding-right: 60px;
}
.pd-right-65 { 
    padding-right: 65px;
}
.pd-right-70 { 
    padding-right: 70px;
}
.pd-right-75 { 
    padding-right: 75px;
}
.pd-right-80 { 
    padding-right: 80px;
}
.pd-right-85 { 
    padding-right: 85px;
}
.pd-right-90 { 
    padding-right: 90px;
}
.pd-right-95 { 
    padding-right: 95px;
}
.pd-right-100 { 
    padding-right: 100px;
}
    
/* Padding Bottom */
.pd-bottom-5 { 
    padding-bottom: 5px;
}
.pd-bottom-10 { 
    padding-bottom: 10px;
}
.pd-bottom-15 { 
    padding-bottom: 15px;
}
.pd-bottom-20 { 
    padding-bottom: 20px;
}
.pd-bottom-25 { 
    padding-bottom: 25px;
}
.pd-bottom-30 { 
    padding-bottom: 30px;
}
.pd-bottom-35 { 
    padding-bottom: 35px;
}
.pd-bottom-40 { 
    padding-bottom: 40px;
}
.pd-bottom-45 { 
    padding-bottom: 45px;
}
.pd-bottom-50 { 
    padding-bottom: 50px;
}
.pd-bottom-55 { 
    padding-bottom: 55px;
}
.pd-bottom-60 { 
    padding-bottom: 60px;
}
.pd-bottom-65 { 
    padding-bottom: 65px;
}
.pd-bottom-70 { 
    padding-bottom: 70px;
}
.pd-bottom-75 { 
    padding-bottom: 75px;
}
.pd-bottom-80 { 
    padding-bottom: 80px;
}
.pd-bottom-85 { 
    padding-bottom: 85px;
}
.pd-bottom-90 { 
    padding-bottom: 90px;
}
.pd-bottom-95 { 
    padding-bottom: 95px;
}
.pd-bottom-100 { 
    padding-bottom: 100px;
}

/* Font Size */
.fs-1 {
    font-size: var(--fs-1);
}
.fs-2 {
    font-size: var(--fs-2);
}
.fs-3 {
    font-size: var(--fs-3);
}
.fs-4 {
    font-size: var(--fs-4);
}
.fs-5 {
    font-size: var(--fs-5);
}
.fs-6 {
    font-size: var(--fs-6);
}
.fs-7 {
    font-size: var(--fs-7);
}
.fs-8 {
    font-size: var(--fs-8);
}
.fs-9 {
    font-size: var(--fs-9);
}
.fs-10 {
    font-size: var(--fs-10);
}
.fs-11 {
    font-size: var(--fs-11);
}
.fs-12 {
    font-size: var(--fs-12);
}
.fs-13 {
    font-size: var(--fs-13);
}
.fs-14 {
    font-size: var(--fs-14);
}
.fs-15 {
    font-size: var(--fs-15);
}
.fs-16 {
    font-size: var(--fs-16);
}
.fs-17 {
    font-size: var(--fs-17);
}
.fs-18 {
    font-size: var(--fs-18);
}
.fs-19 {
    font-size: var(--fs-19);
}
.fs-20 {
    font-size: var(--fs-20);
}
.fs-21 {
    font-size: var(--fs-21);
}
.fs-22 {
    font-size: var(--fs-22);
}
.fs-23 {
    font-size: var(--fs-23);
}
.fs-24 {
    font-size: var(--fs-24);
}
.fs-25 {
    font-size: var(--fs-25);
}
.fs-26 {
    font-size: var(--fs-26);
}
.fs-27 {
    font-size: var(--fs-27);
}
.fs-28 {
    font-size: var(--fs-28);
}
.fs-29 {
    font-size: var(--fs-29);
}
.fs-30 {
    font-size: var(--fs-30);
}
.fs-31 {
    font-size: var(--fs-31);
}
.fs-32 {
    font-size: var(--fs-32);
}
.fs-33 {
    font-size: var(--fs-33);
}
.fs-34 {
    font-size: var(--fs-34);
}
.fs-35 {
    font-size: var(--fs-35);
}
.fs-36 {
    font-size: var(--fs-36);
}
.fs-37 {
    font-size: var(--fs-37);
}
.fs-38 {
    font-size: var(--fs-38);
}
.fs-39 {
    font-size: var(--fs-39);
}
.fs-40 {
    font-size: var(--fs-40);
}
.fs-41 {
    font-size: var(--fs-41);
}
.fs-42 {
    font-size: var(--fs-42);
}
.fs-43 {
    font-size: var(--fs-43);
}
.fs-44 {
    font-size: var(--fs-44);
}
.fs-45 {
    font-size: var(--fs-45);
}
.fs-46 {
    font-size: var(--fs-46);
}
.fs-47 {
    font-size: var(--fs-47);
}
.fs-48 {
    font-size: var(--fs-48);
}
.fs-49 {
    font-size: var(--fs-49);
}
.fs-50 {
    font-size: var(--fs-50);
}
.fs-51 {
    font-size: var(--fs-51);
}
.fs-52 {
    font-size: var(--fs-52);
}
.fs-53 {
    font-size: var(--fs-53);
}
.fs-54 {
    font-size: var(--fs-54);
}
.fs-55 {
    font-size: var(--fs-55);
}
.fs-56 {
    font-size: var(--fs-56);
}
.fs-57 {
    font-size: var(--fs-57);
}
.fs-58 {
    font-size: var(--fs-58);
}
.fs-59 {
    font-size: var(--fs-59);
}
.fs-60 {
    font-size: var(--fs-60);
}
.fs-61 {
    font-size: var(--fs-61);
}
.fs-62 {
    font-size: var(--fs-62);
}
.fs-63 {
    font-size: var(--fs-63);
}
.fs-64 {
    font-size: var(--fs-64);
}
.fs-65 {
    font-size: var(--fs-65);
}
.fs-66 {
    font-size: var(--fs-66);
}
.fs-67 {
    font-size: var(--fs-67);
}
.fs-68 {
    font-size: var(--fs-68);
}
.fs-69 {
    font-size: var(--fs-69);
}
.fs-70 {
    font-size: var(--fs-70);
}
.fs-80 {
    font-size: var(--fs-80);
}
.fs-90 {
    font-size: var(--fs-90);
}
.fs-100 {
    font-size: var(--fs-100);
}
.fs-110 {
    font-size: var(--fs-110);
}
.fs-120 {
    font-size: var(--fs-120);
}
.fs-130 {
    font-size: var(--fs-130);
}
.fs-140 {
    font-size: var(--fs-140);
}
.fs-150 {
    font-size: var(--fs-150);
}


/* Line Height */
.lh-1 {
    line-height: var(--fs-1);
}
.lh-2 {
    line-height: var(--fs-2);
}
.lh-3 {
    line-height: var(--fs-3);
}
.lh-4 {
    line-height: var(--fs-4);
}
.lh-5 {
    line-height: var(--fs-5);
}
.lh-6 {
    line-height: var(--fs-6);
}
.lh-7 {
    line-height: var(--fs-7);
}
.lh-8 {
    line-height: var(--fs-8);
}
.lh-9 {
    line-height: var(--fs-9);
}
.lh-10 {
    line-height: var(--fs-10);
}
.lh-11 {
    line-height: var(--fs-11);
}
.lh-12 {
    line-height: var(--fs-12);
}
.lh-13 {
    line-height: var(--fs-13);
}
.lh-14 {
    line-height: var(--fs-14);
}
.lh-15 {
    line-height: var(--fs-15);
}
.lh-16 {
    line-height: var(--fs-16);
}
.lh-17 {
    line-height: var(--fs-17);
}
.lh-18 {
    line-height: var(--fs-18);
}
.lh-19 {
    line-height: var(--fs-19);
}
.lh-20 {
    line-height: var(--fs-20);
}
.lh-21 {
    line-height: var(--fs-21);
}
.lh-22 {
    line-height: var(--fs-22);
}
.lh-23 {
    line-height: var(--fs-23);
}
.lh-24 {
    line-height: var(--fs-24);
}
.lh-25 {
    line-height: var(--fs-25);
}
.lh-26 {
    line-height: var(--fs-26);
}
.lh-27 {
    line-height: var(--fs-27);
}
.lh-28 {
    line-height: var(--fs-28);
}
.lh-29 {
    line-height: var(--fs-29);
}
.lh-30 {
    line-height: var(--fs-30);
}
.lh-31 {
    line-height: var(--fs-31);
}
.lh-32 {
    line-height: var(--fs-32);
}
.lh-33 {
    line-height: var(--fs-33);
}
.lh-34 {
    line-height: var(--fs-34);
}
.lh-35 {
    line-height: var(--fs-35);
}
.lh-36 {
    line-height: var(--fs-36);
}
.lh-37 {
    line-height: var(--fs-37);
}
.lh-38 {
    line-height: var(--fs-38);
}
.lh-39 {
    line-height: var(--fs-39);
}
.lh-40 {
    line-height: var(--fs-40);
}
.lh-41 {
    line-height: var(--fs-41);
}
.lh-42 {
    line-height: var(--fs-42);
}
.lh-43 {
    line-height: var(--fs-43);
}
.lh-44 {
    line-height: var(--fs-44);
}
.lh-45 {
    line-height: var(--fs-45);
}
.lh-46 {
    line-height: var(--fs-46);
}
.lh-47 {
    line-height: var(--fs-47);
}
.lh-48 {
    line-height: var(--fs-48);
}
.lh-49 {
    line-height: var(--fs-49);
}
.lh-50 {
    line-height: var(--fs-50);
}
.lh-51 {
    line-height: var(--fs-51);
}
.lh-52 {
    line-height: var(--fs-52);
}
.lh-53 {
    line-height: var(--fs-53);
}
.lh-54 {
    line-height: var(--fs-54);
}
.lh-55 {
    line-height: var(--fs-55);
}
.lh-56 {
    line-height: var(--fs-56);
}
.lh-57 {
    line-height: var(--fs-57);
}
.lh-58 {
    line-height: var(--fs-58);
}
.lh-59 {
    line-height: var(--fs-59);
}
.lh-60 {
    line-height: var(--fs-60);
}
.lh-61 {
    line-height: var(--fs-61);
}
.lh-62 {
    line-height: var(--fs-62);
}
.lh-63 {
    line-height: var(--fs-63);
}
.lh-64 {
    line-height: var(--fs-64);
}
.lh-65 {
    line-height: var(--fs-65);
}
.lh-66 {
    line-height: var(--fs-66);
}
.lh-67 {
    line-height: var(--fs-67);
}
.lh-68 {
    line-height: var(--fs-68);
}
.lh-69 {
    line-height: var(--fs-69);
}
.lh-70 {
    line-height: var(--fs-70);
}
.lh-80 {
    line-height: var(--fs-80);
}
.lh-90 {
    line-height: var(--fs-90);
}
.lh-100 {
    line-height: var(--fs-100);
}
.lh-110 {
    line-height: var(--fs-110);
}
.lh-120 {
    line-height: var(--fs-120);
}
.lh-130 {
    line-height: var(--fs-130);
}
.lh-140 {
    line-height: var(--fs-140);
}
.lh-150 {
    line-height: var(--fs-150);
}

/* Letter Spacing */
.ls-1 {
   letter-spacing: var(--fs-1);
}
.ls-2 {
   letter-spacing: var(--fs-2);
}
.ls-3 {
   letter-spacing: var(--fs-3);
}
.ls-4 {
   letter-spacing: var(--fs-4);
}
.ls-5 {
   letter-spacing: var(--fs-5);
}


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


/*animation css*/

@keyframes wptb-jump {
    50% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-spin {
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes wptb-squash {
    50% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes wptb-skew {
    50% {
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg)
    }
}

@keyframes wptb-leap {
    50% {
        -webkit-transform: translateY(-50%)rotate(-15deg);
        transform: translateY(-50%)rotate(-15deg)
    }
}

@keyframes wptb-fade {
    50% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@keyframes wptb-sheen {
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        color: #eee
    }
}

@keyframes wptb-xspin {
    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes wptb-jump {
    50% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@keyframes pxl_load_spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        -khtml-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes pxl_load_characters {
    0%,
    75%,
    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        -khtml-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-spin {
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes wptb-squash {
    50% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes wptb-skew {
    50% {
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg)
    }
}

@keyframes wptb-leap {
    50% {
        -webkit-transform: translateY(-50%)rotate(-15deg);
        transform: translateY(-50%)rotate(-15deg)
    }
}

@keyframes wptb-fade {
    50% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@keyframes wptb-sheen {
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        color: #eee
    }
}

@keyframes wptb-xspin {
    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }
    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-webkit-keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }
    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-ms-keyframes pxl_spin {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes pxl_spin {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes pxl_spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_right_from_left {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_right_from_left {
    49% {
        -moz-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes pxl_spin {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes pxl_spin {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes pxl_spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes textStrokeAnim {
    0% {
        stroke-dasharray: 100%;
        stroke-dashoffset: 100%;
        fill: #000 0
    }
    95% {
        stroke-dasharray: 0%;
        stroke-dashoffset: 90%;
        fill: #000 0
    }
    100% {
        stroke-dasharray: 0%;
        stroke-dashoffset: 0%;
        fill: #9b9dad;
        filter: drop-shadow(2px 2px 10px #000 7)
    }
}

@keyframes pxlInnerOut {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}

@keyframes pxlImgOut {
    0% {
        transform: translateX(0)scale(1)
    }
    100% {
        transform: translateX(100%)scale(1.15)
    }
}

@keyframes pxlInnerIn {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes pxlImgIn {
    0% {
        transform: translateX(-100%)scale(1.15)
    }
    100% {
        transform: translateX(0)scale(1)
    }
}

@keyframes pxl_right_from_left {
    49% {
        transform: translate(100%)
    }
    50% {
        opacity: 0;
        transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes pxl_left_from_right {
    49% {
        -webkit-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_left_from_right {
    49% {
        -moz-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes pxl_left_from_right {
    49% {
        transform: translate(-100%)
    }
    50% {
        opacity: 0;
        transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes pxl_grid_fall {
    0% {
        top: 0%
    }
    100% {
        top: 100%
    }
}

@keyframes pxl_bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)translateX(-50%)
    }
    40% {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)translateX(-50%)
    }
    60% {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)translateX(-50%)
    }
}

@keyframes pxl_zigzag {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    60% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes pulse {
    100% {
        transform: scale(1.75);
        opacity: 0
    }
}

@keyframes pxl_right_left {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateX(40px)
    }
    50% {
        transform: translateX(0)
    }
    75% {
        transform: translateX(-40px)
    }
    100% {
        transform: translateX(0)
    }
}

.slide-right-to-left {
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite
}

@keyframes pxl_left_right {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateX(-40px)
    }
    50% {
        transform: translateX(0)
    }
    75% {
        transform: translateX(40px)
    }
    100% {
        transform: translateX(0)
    }
}

.slide-left-to-right {
    animation: pxl_left_right 12s ease-out infinite;
    -webkit-animation: pxl_left_right 12s ease-out infinite
}

@keyframes pxl_bottom_top_small {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateY(10px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes pxl_bottom_top {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateY(40px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(-40px)
    }
    100% {
        transform: translateY(0)
    }
}

.slide-bottom-to-top {
    animation: pxl_bottom_top 12s ease-out infinite;
    -webkit-animation: pxl_bottom_top 12s ease-out infinite
}

@-webkit-keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes pxl_effect1 {
    0% {
        transform: translate(0, 0)
    }
    20% {
        transform: translate(40px, -5px)
    }
    40% {
        transform: translate(60px, 40px)
    }
    60% {
        transform: translate(40px, 60px)
    }
    80% {
        transform: translate(-40px, 60px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.slide-effect1 {
    animation: pxl_effect1 12s ease-out infinite;
    -webkit-animation: pxl_effect1 12s ease-out infinite
}

@keyframes pxl_effect2 {
    0% {
        transform: translate(0, 0)
    }
    20% {
        transform: translate(-30px, 40px)
    }
    40% {
        transform: translate(60px, 60px)
    }
    60% {
        transform: translate(70px, 40px)
    }
    80% {
        transform: translate(40px, -70px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.slide-effect2 {
    animation: pxl_effect2 12s ease-out infinite;
    -webkit-animation: pxl_effect2 12s ease-out infinite
}

@keyframes pxl_top_bottom {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateY(-40px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(40px)
    }
    100% {
        transform: translateY(0)
    }
}

.slide-top-to-bottom {
    animation: pxl_top_bottom 12s ease-out infinite;
    -webkit-animation: pxl_top_bottom 12s ease-out infinite
}

@keyframes sliderShape {
    0%,
    100% {
        border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
        transform: translate3d(0, 0, 0)rotateZ(.01deg)
    }
    34% {
        border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0)rotateZ(.01deg)
    }
    50% {
        transform: translate3d(0, 0, 0)rotateZ(.01deg)
    }
    67% {
        border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0)rotateZ(.01deg)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1)translate3d(0, 1e3px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@-webkit-keyframes pxl_fade_in_move {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    10% {
        opacity: 1;
        -webkit-transform: scale3d(.1, 1, 1);
        transform: scale3d(.1, 1, 1)
    }
    100% {
        opacity: .14;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pxl_fade_in_move {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    10% {
        opacity: 1;
        -webkit-transform: scale3d(.1, 1, 1);
        transform: scale3d(.1, 1, 1)
    }
    100% {
        opacity: .14;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes img_circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes img_circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes wptb-wide-menu-underline {
    0% {
        background-size: 100% 100%;
        background-position-x: 100%
    }
    100% {
        background-size: 0 100%;
        background-position-x: 100%
    }
}

@keyframes wptb-wide-menu-underline-hover {
    0% {
        background-position-x: 0;
        background-size: 0 100%
    }
    100% {
        background-position-x: 0;
        background-size: 100% 100%
    }
}

@keyframes full-circle {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_loader_bounce {
    0%,
    100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes pxl_loader_bounce {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.icon-bounce {
    animation: icon-bounce 2s ease infinite
}

@keyframes icon-bounce {
    70% {
        transform: translateY(0%)
    }
    80% {
        transform: translateY(-15%)
    }
    90% {
        transform: translateY(0%)
    }
    95% {
        transform: translateY(-7%)
    }
    97% {
        transform: translateY(0%)
    }
    99% {
        transform: translateY(-3%)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes btn_shine {
    100% {
        left: 200%
    }
}

@keyframes btn_shine {
    100% {
        left: 200%
    }
}

@-webkit-keyframes pxl_skew_in {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes pxl_skew_in {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.wptb-skew-in {
    -webkit-animation-name: pxl_skew_in;
    animation-name: pxl_skew_in;
    -webkit-animation-duration: .8s !important;
    animation-duration: .8s !important;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.wptb-spin {
    -webkit-animation: wptb-spin 2s linear infinite;
    -khtml-animation: wptb-spin 2s linear infinite;
    -moz-animation: wptb-spin 2s linear infinite;
    -ms-animation: wptb-spin 2s linear infinite;
    -o-animation: wptb-spin 2s linear infinite;
    animation: wptb-spin 2s linear infinite
}

.wptb-spin1 {
    -webkit-animation: wptb-spin 15s linear infinite;
    -khtml-animation: wptb-spin 15s linear infinite;
    -moz-animation: wptb-spin 15s linear infinite;
    -ms-animation: wptb-spin 15s linear infinite;
    -o-animation: wptb-spin 15s linear infinite;
    animation: wptb-spin 15s linear infinite
}

.wptb-dot-animate {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.wptb-dot-animate .dot-item {
    position: relative
}

.wptb-dot-animate .dot-item span {
    width: 6px;
    height: 6px;
    background-color: #7a7a7a;
    position: absolute;
    bottom: 14%;
    left: 50%;
    margin-left: -2px;
    z-index: 1
}

.wptb-dot-animate .dot-item:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #292929
}

.wptb-dot-animate .dot-1 span {
    bottom: 8%;
    -webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop1 30s infinite linear;
    animation: dotAnimatedBottomToTop1 30s infinite linear
}

.wptb-dot-animate .dot-2 span {
    bottom: 98%;
    -webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop2 30s infinite linear;
    animation: dotAnimatedBottomToTop2 30s infinite linear
}

.wptb-dot-animate .dot-3 span {
    bottom: 6%;
    -webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop3 30s infinite linear;
    animation: dotAnimatedBottomToTop3 30s infinite linear
}

.wptb-dot-animate .dot-4 span {
    bottom: 96%;
    -webkit-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop4 30s infinite linear;
    animation: dotAnimatedBottomToTop4 30s infinite linear
}

.wptb-dot-animate .dot-5 span {
    bottom: 12%;
    -webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop5 30s infinite linear;
    animation: dotAnimatedBottomToTop5 30s infinite linear
}

.wptb-dot-animate .dot-6 span {
    bottom: 94%;
    -webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop6 30s infinite linear;
    animation: dotAnimatedBottomToTop6 30s infinite linear
}

.wptb-transforms {
    -webkit-transform: perspective(var(--wptb-transform-perspective, 0))rotate(var(--wptb-transform-rotateZ, 0))rotateX(var(--wptb-transform-rotateX, 0))rotateY(var(--wptb-transform-rotateY, 0))translate(var(--wptb-transform-translate, 0))translateX(var(--wptb-transform-translateX, 0))translateY(var(--wptb-transform-translateY, 0))scaleX(calc(var(--wptb-transform-flipX, 1) * var(--wptb-transform-scaleX, var(--wptb-transform-scale, 1))))scaleY(calc(var(--wptb-transform-flipY, 1) * var(--wptb-transform-scaleY, var(--wptb-transform-scale, 1))))skewX(var(--wptb-transform-skewX, 0))skewY(var(--wptb-transform-skewY, 0));
    transform: perspective(var(--wptb-transform-perspective, 0))rotate(var(--wptb-transform-rotateZ, 0))rotateX(var(--wptb-transform-rotateX, 0))rotateY(var(--wptb-transform-rotateY, 0))translate(var(--wptb-transform-translate, 0))translateX(var(--wptb-transform-translateX, 0))translateY(var(--wptb-transform-translateY, 0))scaleX(calc(var(--wptb-transform-flipX, 1) * var(--wptb-transform-scaleX, var(--wptb-transform-scale, 1))))scaleY(calc(var(--wptb-transform-flipY, 1) * var(--wptb-transform-scaleY, var(--wptb-transform-scale, 1))))skewX(var(--wptb-transform-skewX, 0))skewY(var(--wptb-transform-skewY, 0));
    -webkit-transform-origin: var(--wptb-transform-origin-y)var(--wptb-transform-origin-x);
    -ms-transform-origin: var(--wptb-transform-origin-y)var(--wptb-transform-origin-x);
    transform-origin: var(--wptb-transform-origin-y)var(--wptb-transform-origin-x);
    -webkit-transition: -webkit-transform var(--wptb-transform-transition-duration, .4s);
    transition: -webkit-transform var(--wptb-transform-transition-duration, .4s);
    -o-transition: transform var(--wptb-transform-transition-duration, .4s);
    transition: transform var(--wptb-transform-transition-duration, .4s);
    transition: transform var(--wptb-transform-transition-duration, .4s), -webkit-transform var(--wptb-transform-transition-duration, .4s)
}

.wptb-rotate1 {
    transform: rotate(-90deg);
    transform-origin: 0 0
}

.transform-origin-0 .elementor-widget-container {
    transform-origin: 0 0
}

.elementor-column.wptb-bg-ken-burns .elementor-widget-wrap {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation: wptb-ken-burns-in-out 30s linear infinite;
    -khtml-animation: wptb-ken-burns-in-out 30s linear infinite;
    -moz-animation: wptb-ken-burns-in-out 30s linear infinite;
    -ms-animation: wptb-ken-burns-in-out 30s linear infinite;
    -o-animation: wptb-ken-burns-in-out 30s linear infinite;
    animation: wptb-ken-burns-in-out 30s linear infinite
}

.wptb-ken-burns {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.wptb-ken-burns--out {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.wptb-ken-burns--active {
    -webkit-transition-duration: 20s;
    -o-transition-duration: 20s;
    transition-duration: 20s
}

.wptb-ken-burns--active.wptb-ken-burns--out {
    -webkit-animation: wptb-ken-burns-out 20s linear infinite;
    -khtml-animation: wptb-ken-burns-out 20s linear infinite;
    -moz-animation: wptb-ken-burns-out 20s linear infinite;
    -ms-animation: wptb-ken-burns-out 20s linear infinite;
    -o-animation: wptb-ken-burns-out 20s linear infinite;
    animation: wptb-ken-burns-out 20s linear infinite
}

.wptb-ken-burns--active.wptb-ken-burns--in {
    -webkit-animation: wptb-ken-burns-in 20s linear infinite;
    -khtml-animation: wptb-ken-burns-in 20s linear infinite;
    -moz-animation: wptb-ken-burns-in 20s linear infinite;
    -ms-animation: wptb-ken-burns-in 20s linear infinite;
    -o-animation: wptb-ken-burns-in 20s linear infinite;
    animation: wptb-ken-burns-in 20s linear infinite
}

/*animate css*/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/*swiper-bundle css*/
/**
 * Swiper 8.4.2
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/*odometer-theme-default css*/

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: auto;
  zoom: 1;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: auto;
  zoom: 1;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: auto;
  zoom: 1;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

/*jquery.fancybox css*/

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: none;
    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-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .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;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    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--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    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(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    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-swipe .fancybox-content,
.fancybox-can-pan .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: transparent;
    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--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .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-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

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

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.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--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit 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;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .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;
}

/* Navigation arrows */

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

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(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;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

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

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.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(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.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(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

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

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@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));
        }
    }
}
/* Share */

.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 .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    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: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.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: rgba(0, 0, 0, 0);
    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, .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, .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: none;
    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 .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@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);
    }
}


/*seo-dark css*/

/* Dark SEO */
body.theme-style-seo-dark {
    background-color: #07252a;
}
.theme-style-seo-dark .header {
    background-color: #28807B;
}
.theme-style-seo-dark .header .mainnav ul.main-menu li a,
.theme-style-seo-dark .header .mainnav ul.main-menu > li.menu-item-has-children > a::after {
    color: var(--color-white);
}

.theme-style-seo-dark .header .mainnav ul.main-menu li.current > a, 
.theme-style-seo-dark .header .mainnav ul.main-menu li.active > a, 
.theme-style-seo-dark .header .mainnav ul.main-menu li a:hover,
.theme-style-seo-dark .header .mainnav ul.main-menu > li.menu-item-has-children.current > a::after, 
.theme-style-seo-dark .header .mainnav ul.main-menu > li.menu-item-has-children.active > a::after, 
.theme-style-seo-dark .header .mainnav ul.main-menu > li.menu-item-has-children:hover > a::after {
    color: var(--color-seven);
}

.theme-style-seo-dark .header .mainnav ul.main-menu > li.current a span:after, 
.theme-style-seo-dark .header .mainnav ul.main-menu > li.active a span:after, 
.theme-style-seo-dark .header .mainnav ul.main-menu > li a:hover span:after {
    background: var(--color-seven);
}

.theme-style-seo-dark input[type="submit"], 
.theme-style-seo-dark .btn {
    background: var(--color-seven);
}

.theme-style-seo-dark .wptb-slider--content h1,
.theme-style-seo-dark .wptb-slider--content p {
    color: var(--color-white);
}

.theme-style-seo-dark .wptb-slider--content h1 a {
    color: var(--color-seven);
}

.theme-style-seo-dark .wptb-slider--content .btn {
    background: var(--color-eight);
}

.theme-style-seo-dark .wptb-video-content h2 {
color: var(--color-white);
}
.theme-style-seo-dark .wptb-video-content p {
    color: #A7BABA;
}
.theme-style-seo-dark .wptb-video-content h2 a {
    color: var(--color-eight);
}

/* Heading */
.theme-style-seo-dark .wptb-heading .wptb-heading--title {
    color: var(--color-white);
}
.theme-style-seo-dark .wptb-heading .wptb-heading--subtitle.secondary {
    color: var(--color-eight);
}
.theme-style-seo-dark .wptb-heading .wptb-heading--subtitle.secondary::after {
    background-color: var(--color-eight);
}
.theme-style-seo-dark .wptb-heading .wptb-heading--subtitle {
    color: var(--color-seven);
}
.theme-style-seo-dark .wptb-heading .wptb-heading--subtitle::after {
    background: var(--color-seven);
}
.theme-style-seo-dark .wptb-heading .wptb-heading--subtitle.two {
    color: var(--color-eight);
}
.theme-style-seo-dark .wptb-heading .wptb-heading--subtitle.two::after {
    background: var(--color-eight);
}
/* Heading End */
.theme-style-seo-dark .wptb-services--carousel1 .swiper-control .wptb-swiper-arrow {
    background: #0A4A49;
}
.theme-style-seo-dark .wptb-services--carousel1 .swiper-control .wptb-swiper-arrow:hover {
    background: var(--color-eight);
    box-shadow: 0 7px 20px rgba(0,255,255,.4);
}
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner:after {
    background-color: transparent;
    background-image: linear-gradient(180deg, #04453D 0%, #04453D 100%);
    mix-blend-mode: multiply;
    opacity: 1;
}
.theme-style-seo-dark .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title a,
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--title a {
    color: var(--color-eight);
}
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title:after {
    background: var(--color-seven);
}
.theme-style-seo-dark .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title:after,
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--title:after {
    background: #063a41;
}
.theme-style-seo-dark .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .item-readmore:after,
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .item-readmore:after {
    background: var(--color-eight);
}
.theme-style-seo-dark .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description,
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description {
    background: #063a41;
}
.theme-style-seo-dark .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description span ,
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description span {
    color: #A7BABA;
}
.theme-style-seo-dark .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder:after,
.theme-style-seo-dark .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder:after {
    display: none;
}


.theme-style-seo-dark .wptb-icon-box1.style-1 .wptb-item--inner {
    box-shadow: 0px 0px 1px 1px #0A4A49;
    background-color: transparent;
    background-image: linear-gradient(180deg, #063A41 0%, #063A41 100%);
}
.theme-style-seo-dark .wptb-icon-box1 .wptb-item--title {
    color: var(--color-seven);
}
.theme-style-seo-dark .wptb-icon-box1 .wptb-item--description {
    color: #A7BABA;
}
.theme-style-seo-dark .wptb-icon-box1.style-1 .wptb-item--icon {
    background-color: transparent;
    background-image: linear-gradient(180deg, #0A6260 0%, #0A6260 100%);
    box-shadow: -6px 6px 0px 0px #0A4A49;
}
.theme-style-seo-dark .wptb-icon-box1.style-1 .wptb-item--icon path {
    fill: var(--color-seven);
}

.theme-style-seo-dark .wptb-icon-box1:hover .wptb-item--title {
    color: #02DFBF;
}
.theme-style-seo-dark .wptb-icon-box1.style-1:hover .wptb-item--icon path {
    fill: #02DFBF;
}


.theme-style-seo-dark .wptb-meta-box-carousel1 .swiper-control .wptb-swiper-arrow {
    background: #022B36;
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--inner {
    background-color: #022B36;
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--image:after {
    background-color: transparent;
    background-image: linear-gradient(360deg, #003A39 0%, #02DFBF00 100%);
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .swiper-slide .wptb-item--box .wptb-item--icon {
    background: var(--color-seven);
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--inner:hover:hover .wptb-item--box .wptb-item--icon {
    background-color: #02DFBF;
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--title a {
    color: var(--color-white);
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--content {
    color: #A7BABA;
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .btn-readmore,
.theme-style-seo-dark .wptb-meta-box-carousel1 .swiper-slide:nth-child(even) .btn-readmore {
    background: #02DFBF;
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .btn-readmore,
.theme-style-seo-dark .wptb-meta-box-carousel1 .swiper-slide:nth-child(even) .btn-readmore {
    background: #02DFBF;
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--inner:hover .btn-readmore {
    background: var(--color-white);
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--inner .btn-readmore svg path {
    fill: var(--color-white);
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .wptb-item--inner:hover .btn-readmore svg path {
    fill: #02DFBF;
}
.theme-style-seo-dark .wptb-meta-box-carousel1 .swiper-control .wptb-swiper-arrow i {
    color: var(--color-eight);
    background: var(--gradient-nine);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Counter */
.theme-style-seo-dark .wptb-counter--box {
    background: #0A4A49;
    box-shadow: none;
}
.theme-style-seo-dark .wptb-counter .wptb-counter--item .wptb-counter--value {
    color: var(--color-seven);
}

/* Work Process */
.theme-style-seo-dark .wptb-progressbar .progress-box .progress-title {
    color: var(--color-white);
}
.theme-style-seo-dark .wptb-progressbar .progress-box .progress-content {
    color: #A7BABA;
}
.theme-style-seo-dark .wptb-process .wptb-item--image {
    background: #0A4A49;
    box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.10);
    border-color: #0A4A49;
}
.theme-style-seo-dark svg.radial-progress text {
    fill: var(--color-white);
}
.theme-style-seo-dark svg.radial-progress circle.bar--animated,
.theme-style-seo-dark svg.radial-progress.three circle.bar--animated {
    stroke: #02DFBF;
}
.theme-style-seo-dark svg.radial-progress.two circle.bar--animated {
    stroke: var(--color-seven);
}

.theme-style-seo-dark .wptb-process .wptb-item--step {
    background: #02DFBF;
    border-color: #0A4A49;
    color: var(--color-white);
}
.theme-style-seo-dark .wptb-process.one .wptb-item--step,
.theme-style-seo-dark .wptb-process.three .wptb-item--step {
    background: var(--color-seven);
}
.theme-style-seo-dark .wptb-process .wptb-item--title {
    color: var(--color-white);
}
.theme-style-seo-dark .wptb-process .wptb-item--description {
    color: #A7BABA;
}


/* Case Studies */
.theme-style-seo-dark .wptb-workskills::after {
    content: url('../img/background/bg-5_2.png');
}
.theme-style-seo-dark .wptb-case-grid .wptb-item--box {
    background: #16373D;
}
.theme-style-seo-dark .wptb-case-grid .wptb-item--inner .item--holder::before {
    background: var(--color-seven);
}
.theme-style-seo-dark .wptb-case-grid .wptb-item--inner .item--holder::after {
    background: #0A4A49;
}

.theme-style-seo-dark .wptb-case-grid .wptb-item--inner .item--holder label {
    color: var(--color-seven);
}
.theme-style-seo-dark .wptb-case-grid .wptb-item--inner:hover .item--holder label {
    color: var(--color-white);
}

/* Testimonial */
.theme-style-seo-dark .wptb-testimonial--carousel1 .swiper-slide-active .wptb-item--inner {
    background: #063A41;
}
.theme-style-seo-dark .wptb-testimonial--carousel1 .swiper-slide-active .wptb-item--desc {
    color: var(--color-white);
}
.theme-style-seo-dark .wptb-testimonial--carousel1 .swiper-slide-active .wptb-item--title {
    color: var(--color-seven);
}
.theme-style-seo-dark .wptb-testimonial--carousel1 .swiper-slide-active .wptb-item--position {
    color: #02DFBF;
}

.theme-style-seo-dark .wptb-testimonial--carousel1 .swiper-control .wptb-swiper-arrow {
    background: #0A4A49;
}
.theme-style-seo-dark .wptb-testimonial--carousel1 .swiper-control .wptb-swiper-arrow:hover {
    background: var(--color-eight);
    box-shadow: 0 7px 20px rgba(0,255,255,.4);
}
.theme-style-seo-dark .wptb-testimonial--carousel1 .swiper-control .wptb-swiper-arrow i {
    color: var(--color-white);
    background: var(--color-white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.theme-style-seo-dark .wptb-swiper-dots .swiper-pagination-bullet:hover,
.theme-style-seo-dark .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #40CCFC;
}

/* Contact */
.theme-style-seo-dark .wptb-contact-wrapper::after {
    content: url('../img/contact/contact-bg-2.png');
}
.theme-style-seo-dark .wptb-contact-inner {
    background: #0A4A49;
}
.theme-style-seo-dark select, .theme-style-seo-dark input[type="text"], .theme-style-seo-dark input[type="email"], .theme-style-seo-dark input[type="url"], .theme-style-seo-dark input[type="password"], .theme-style-seo-dark input[type="search"], .theme-style-seo-dark input[type="number"], .theme-style-seo-dark input[type="tel"], .theme-style-seo-dark input[type="range"], .theme-style-seo-dark input[type="date"], .theme-style-seo-dark input[type="month"], .theme-style-seo-dark input[type="week"], .theme-style-seo-dark input[type="time"], .theme-style-seo-dark input[type="datetime"], .theme-style-seo-dark input[type="datetime-local"], .theme-style-seo-dark input[type="color"], .theme-style-seo-dark textarea, .theme-style-seo-dark .form-control,
.theme-style-seo-dark textarea:focus, .theme-style-seo-dark textarea.form-control:focus {
    background-color: #07252a;
    border-color: #07252a;
    color: var(--color-white);
}
.theme-style-seo-dark .wptb-mask-bg--parallax {
    background: #022B36;
}
.theme-style-seo-dark .newsletter-form .form-control {
    border-color: #0A4A49;
}
.theme-style-seo-dark .footer {
    background: #022B36;
}
.theme-style-seo-dark .footer-social .footer-social-list li a {
    background: #0A4A49;
}
.theme-style-seo-dark .footer-social .footer-social-list li a:hover {
    background: #28807B;
}
.theme-style-seo-dark .footer .footer-bottom-inner::before {
    background: #0A4A49;
}
.theme-style-seo-dark .footer .footer-bottom .copyright p a {
    color: #02DFBF;
    background: linear-gradient(90deg, #02DFBF 0%, #02DFBF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #02DFBF;
}
.theme-style-seo-dark .totop a {
    background: linear-gradient(90deg, #02DFBF 0%, #02DFBF 100%);
    box-shadow: 0px 0px 3px var(--color-sixteen);
}


/*shop css*/

/*-- Filtering Method --*/
.shop_filtering_method {
  justify-content: space-between;
  margin-bottom: 30px;
}

.shop_filtering_method .view_type_wrapper {
  min-width: 300px;
}

.shop_filtering_method .view_type_wrapper .view_type a {
  font-size: 24px;
  color: #636363;
  display: inline-block;
  text-align: center;
}

.shop_filtering_method .view_type_wrapper .view_type a.active {
  color: var(--color-one);
}

.shop_filtering_method .view_type_wrapper .view_type li:not(:last-child) {
  margin-right: 8px;
}

.shop_filtering_method .view_type_wrapper .showing_results {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #636363;
  margin-left: 20px;
}

.shop_filtering_method .sorting_select {
  position: relative;
  width: 260px;
}
.shop_filtering_method .sorting_select select {
  height: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #636363;
  background: transparent;
  border: 1px solid #000000;
}

.shop_filtering_method .select2-container .select2-selection--single {
  width: 260px;
  height: 48px;
  line-height: normal;
  border: 1px solid #eeeeee;
  border-radius: 0px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shop_filtering_method .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 15px;
  color: #000;
  line-height: 44px;
  padding: 0;
}

.shop_filtering_method .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: relative;
  top: auto;
  right: 15px;
  width: auto;
  height: auto;
}

.shop_filtering_method .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: relative;
  top: auto;
  left: auto;
  width: 0;
  height: 5px;
  display: inline-block;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 0px 0px 0 0px;
  margin-left: 0;
  margin-top: 0;
}

.shop_filtering_method .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  content: "\f123";
  font-family: 'Ionicons';
  font-size: 10px;
}

/*------ Product Column ------*/
.product_col_1,
.product_col_2,
.product_col_3,
.product_col_4 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.product_col_1 .product_item,
.product_col_2 .product_item,
.product_col_3 .product_item,
.product_col_4 .product_item {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

.product_col_1 .product_item {
  flex: 0 0 100%;
  max-width: 100%;
}

.product_col_2 .product_item {
  flex: 0 0 50%;
  max-width: 50%;
}

.product_col_3 .product_item {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.product_col_4 .product_item {
  flex: 0 0 25%;
  max-width: 25%;
}

@media screen and (max-width: 991px) {
  .product_col_3 .product_item, .product_col_4 .product_item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .product_col_2 .product_item, .product_col_3 .product_item, .product_col_4 .product_item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*----- Product Grid Item ------*/
.product_view_grid .product_item {
  position: relative;
  overflow: hidden;
}

.product_view_grid .product_item .product_thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 70px;
}

.product_view_grid .product_item .product_thumb .product_imagebox {
  position: relative;
    background-color: #f6f6f6;
    border-radius: 20px;
    padding: 90px 45px 50px 45px;
    overflow: hidden;
    flex: 1;
    max-height: 609px;
    min-height: 609px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
}

.product_view_grid .product_item .product_thumb .product_imagebox img {
  width: 100%;
}

.product_view_grid .product_item .product_thumb .product_imagebox .primary_img {
  transition: all 0.8s ease;
}

.product_view_grid .product_item .product_thumb .product_imagebox .secondary_img {
  position: absolute;
  left: 50%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: all 0.8s ease;
}

.product_view_grid .product_item .product_thumb .product_imagebox [class*="badge"] {
  position: absolute;
  top: 15px;
  left: 15px;
  border-radius: 0;
  padding: 0px 0px;
  width: 50px;
  line-height: 24px;
  z-index: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0px;
}

.product_view_grid .product_item .product_thumb .product_imagebox .badge-new {
  background-color: #636363;
  color: var(--color-two);
}

.product_view_grid .product_item .product_thumb .product_imagebox .badge-sale {
  background-color: var(--color-two);
  color: var(--white-color);
}

.product_view_grid .product_item .product_thumb .product_imagebox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--heading-color);
  opacity: 0;
  z-index: 1;
  transition: all 0.8s ease;
}

.product_view_grid .product_item .product_thumb .product_item_inner {
  transition: all 0.5s ease;
}

.product_view_grid .product_item .product_thumb .product_item_inner .label_text {
  padding: 20px 0px 0px 0px;
  transition: all 0.5s ease;
}

.product_view_grid .product_item .product_thumb .product_item_inner .label_text .product_item_name {
  position: relative;
  font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    text-align: left;
    color: var(--color-dark);
    margin-bottom: 28px;
}

.product_view_grid .product_item .product_thumb .product_item_inner .product_item_price {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: .18px;
    color: #7360f2;
    display: flex;
    justify-content: flex-start;
    gap: 23px;
}

.product_view_grid .product_item .product_thumb .product_item_inner .product_item_price del {
  color: #636363;
    font-size: 24px;
    font-weight: 700;
    opacity: 1;
}

.product_view_grid .product_item .product_thumb .product_item_inner p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.product_view_grid .product_item .product_thumb .product_item_inner .product_category {
  font-size: 12px;
  color: #6e7a7a;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.product_view_grid .product_item .product_thumb .product_item_inner .product_category a {
  color: #6e7a7a;
}

.product_view_grid .product_item .product_thumb .product_item_inner .product_category a:hover {
  color: var(--color-one);
}

.product_view_grid .product_item .product_thumb .product_item_inner .rating ul {
  display: block;
  padding: 0px 0px;
  margin: 0px 0px;
  line-height: 16px;
}

.product_view_grid .product_item .product_thumb .product_item_inner .rating ul li {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: var(--color-two);
  margin: 0px;
}

.product_view_grid .product_item .product_thumb .cart_button {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -100%;
  transition: all 0.8s ease;
  z-index: 1;
}

.product_view_grid .product_item:hover .product_thumb .cart_button {
  bottom: 50px;
}
.product_view_grid .product_item .product_thumb .cart_button .btn {
  font-family: var(--font-family-three);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: .1px;
    position: relative;
    padding: 12px 60px;
}



.product_view_grid.style-showcase .product_item .product_thumb .product_imagebox {
  background: rgba(36, 40, 83, 0.50);
}
.product_view_grid.style-showcase .product_item .product_thumb .product_item_inner .label_text .product_item_name,
.product_view_grid.style-showcase .product_item .product_thumb .product_item_inner .label_text .product_item_name a {
  color: #fdfdfd;
}
.product_view_grid.style-showcase .product_item .product_thumb .product_item_inner .label_text .product_item_name a:hover {
  color: var(--color-thirteen);
}
.product_view_grid.style-showcase .product_item .product_thumb .product_item_inner .product_item_price {
  color: #ffc061;
}
.product_view_grid.style-showcase .product_item .product_thumb .cart_button .btn {
  background: var(--color-thirteen);
}

/*------ Product List Item -------*/
.product_view_list {
  background: #ffffff;
  padding: 30px 40px;
  box-shadow: 0px 0px 30px rgba(148, 148, 148, 0.15);
}

.product_view_list .grid-item:not(:last-child) {
  margin-bottom: 30px;
}

.product_view_list .product_item {
  position: relative;
  overflow: hidden;
  border: 1px solid #EDEDED;
  padding: 30px;
  margin-bottom: 30px;
  display: none;
}

.product_view_list .product_item .product_thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
}

.product_view_list .product_item .product_thumb .product_imagebox {
  position: relative;
  background: var(--white-color);
  text-align: center;
  margin-right: 30px;
  overflow: hidden;
  width: 230px;
  transition: all 0.8s ease;
}

.product_view_list .product_item .product_thumb .product_imagebox img {
  width: 100%;
  height: 100%;
}

.product_view_list .product_item .product_thumb .product_imagebox .primary_img {
  transition: all 0.8s ease;
}

.product_view_list .product_item .product_thumb .product_imagebox .secondary_img {
  position: absolute;
  left: 50%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: all 0.8s ease;
}

.product_view_list .product_item .product_thumb .product_imagebox [class*="badge"] {
  position: absolute;
  top: 15px;
  left: 15px;
  border-radius: 0;
  padding: 0px 0px;
  width: 50px;
  line-height: 24px;
  z-index: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0px;
}

.product_view_list .product_item .product_thumb .product_imagebox .badge-new {
  background-color: #636363;
  color: var(--color-two);
}

.product_view_list .product_item .product_thumb .product_imagebox .badge-sale {
  background-color: var(--color-two);
  color: var(--white-color);
}

.product_view_list .product_item .product_thumb .product_item_inner {
  transition: all 0.5s ease;
}

.product_view_list .product_item .product_thumb .product_item_inner .label_text {
  transition: all 0.5s ease;
}

.product_view_list .product_item .product_thumb .product_item_inner .label_text .product_item_name {
  position: relative;
  
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0px;
  color: var(--text-heading-color);
}

.product_view_list .product_item .product_thumb .product_item_inner .label_text .product_item_name a {
  color: var(--text-heading-color);
}

.product_view_list .product_item .product_thumb .product_item_inner .product_item_price {
  
  font-size: 18px;
  font-weight: 600;
  color: #656a7c;
  padding-bottom: 0px;
}

.product_view_list .product_item .product_thumb .product_item_inner .product_item_price del {
  font-weight: 400;
  color: #c6c6c6;
  margin-right: 5px;
}

.product_view_list .product_item .product_thumb .product_item_inner p {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.product_view_list .product_item .product_thumb .product_item_inner .product_category {
  font-size: 12px;
  color: #6e7a7a;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.product_view_list .product_item .product_thumb .product_item_inner .product_category a {
  color: #6e7a7a;
}

.product_view_list .product_item .product_thumb .product_item_inner .product_category a:hover {
  color: var(--color-one);
}

.product_view_list .product_item .product_thumb .product_item_inner .rating {
  margin: 10px 0px;
}

.product_view_list .product_item .product_thumb .product_item_inner .rating ul {
  display: block;
  padding: 0px 0px;
  margin: 0px 0px;
  line-height: 16px;
}

.product_view_list .product_item .product_thumb .product_item_inner .rating ul li {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: var(--color-two);
  margin: 0px;
}

.product_view_list .product_item .product_thumb .cart_button {
  margin-top: 15px;
}

.product_view_list .product_item .product_thumb .cart_button .button {
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  padding: 10px 25px;
  z-index: 1;
}

.product_view_list .product_item .product_thumb .cart_button .button:hover {
  color: var(--color-two);
}

.product_view_list .product_item .product_thumb .cart_button .button:before {
  background: var(--color-one);
}

.product_view_list .product_item:hover .product_thumb .product_imagebox .primary_img {
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease;
}

.product_view_list .product_item:hover .product_thumb .product_imagebox .secondary_img {
  opacity: 1;
  visibility: visible;
  transition: all 0.8s ease;
}

.product_view_list.type_2 .product_item .product_thumb .product_item_inner .product_item_price {
  color: #042650;
}

.product_view_list.type_2 .product_item .product_thumb .product_item_inner .product_item_price del {
  font-size: 14px;
  font-weight: 400;
  color: #c6c6c6;
  margin-right: 12px;
}

.product_view_list.type_2 .product_item .product_thumb .product_item_inner .product_category {
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 3px;
}

.product_view_list.type_2 .product_item .product_thumb .product_item_inner .rating {
  margin: 6px 0px 10px 0px;
}

.product_view_list.type_2 .product_item .product_thumb .product_item_inner .rating ul li {
  color: var(--color-two);
}

.product_view_list.type_3 .product_item .product_thumb .product_item_inner .label_text .product_item_name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.product_view_list.type_3 .product_item .product_thumb .product_item_inner .label_text .product_item_name a {
  color: #6e7a7a;
}

.product_view_list.type_3 .product_item .product_thumb .product_item_inner .product_item_price {
  font-size: 14px;
  font-weight: 700;
  color: #002A5C;
}

.product_view_list.type_3 .product_item .product_thumb .product_item_inner .product_item_price del {
  font-size: 16px;
  font-weight: 400;
  color: #c6c6c6;
  margin-right: 12px;
}

.product_view_list.type_4 .product_item .product_thumb .product_item_inner .label_text {
  text-align: center;
}

.product_view_list.type_4 .product_item .product_thumb .product_item_inner .label_text .product_item_name {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  justify-content: center;
}

.product_view_list.type_4 .product_item .product_thumb .product_item_inner .label_text .rating {
  margin: 0px 0px 8px 0px;
}

.product_view_list.type_4 .product_item .product_thumb .product_item_inner .label_text .rating ul li {
  font-size: 12px;
}

.product_view_list.type_4 .product_item .product_thumb .product_item_inner .product_item_price {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #6e7a7a;
}

.product_view_list.type_4 .product_item .product_thumb .product_item_inner .product_category {
  margin-top: 5px;
}

.product_view_list .load_more {
  width: 100%;
}

/*----- Single Product -----*/
.product_left .product_zoom {
  display: flex;
  align-items: flex-start;
}

.product_left .product_zoom .product_zoom_button_group {
  padding: 0px;
  margin: 0px;
  list-style: none;
  max-height: 560px;
  overflow-y: scroll;
  display: inline-block;
  padding-right: 23px;
}

.product_left .product_zoom .product_zoom_button_group::-webkit-scrollbar {
  width: 0px;
  height: 4px;
}

.product_left .product_zoom .product_zoom_button_group::-webkit-scrollbar-track {
  background: var(--color-one);
}

.product_left .product_zoom .product_zoom_button_group::-webkit-scrollbar-thumb {
  background: var(--color-two);
}

.product_left .product_zoom .product_zoom_button_group li {
  text-align: left;
  margin: 20px 0px;
}

.product_left .product_zoom .product_zoom_button_group li:first-child {
  margin-top: 0px;
}

.product_left .product_zoom .product_zoom_button_group li:last-child {
  margin-bottom: 0px;
}

.product_left .product_zoom .product_zoom_button_group li a {
  position: relative;
  display: block;
  cursor: pointer;
  width: 110px;
  max-width: 100%;
  height: 110px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.product_left .product_zoom .product_zoom_button_group li a img {
  width: 100%;
}

.product_left .product_zoom .product_zoom_button_group li a.selected:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-one), 0.5);
}

.product_left .product_zoom .product_zoom_container {
  flex: 1;
  max-height: 560px;
  overflow: hidden;
}

.product_left .product_zoom .product_zoom_container .product_zoom_info {
  position: relative;
  display: none;
}

.product_left .product_zoom .product_zoom_container .product_zoom_info img {
  width: 100%;
}

.product_right .product_info .product_title h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 54px;
  color: var(--heading-color);
}

.product_right .product_info .product_rating {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.product_right .product_info .product_rating i {
  color: var(--color-two);
}

.product_right .product_info .product_rating .product_rating_details {
  display: inline-block;
  margin-left: 10px;
  color: #6e7a7a;
}

.product_right .product_description {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #656A7C;
  margin-bottom: 20px;
}

.product_right .product_price {
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #333;
  margin-top: 15px;
  margin-bottom: 25px;
}

.product_right .product_view_bottom {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}

.product_right .product_view_bottom .product_quantity {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 20px;
}

.product_right .product_view_bottom .product_quantity .pproduct_quantity_label {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-one);
}

.product_right .product_view_bottom .product_quantity .product_quantity_inner {
  display: flex;
  align-items: center;
  border: 1px solid #ECECEC;
  margin-left: 20px;
  padding: 0px 20px;
}

.product_right .product_view_bottom .product_quantity .product_quantity_inner .product_quantity_subtract {
  color: var(--color-one);
  cursor: pointer;
}

.product_right .product_view_bottom .product_quantity .product_quantity_inner .product_quantity_add {
  color: var(--color-one);
  cursor: pointer;
}

.product_right .product_view_bottom .product_quantity .product_quantity_inner input {
  width: 80px;
  height: 42px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  color: var(--color-one);
  border: 0px solid #000;
  font-weight: 700;
}

.product_right .product_view_bottom .wish_button {
  margin-right: 15px;
}

.product_right .product_view_bottom .wish_button a,
.product_right .product_view_bottom .compare_button a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  background: #F2F7F7;
  text-align: center;
  color: var(--color-one);
}

.product_right .cart_button {
  margin-top: 20px;
}

.product_right .cart_button .button {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  padding: 10px 25px;
  z-index: 1;
}

.product_right .cart_button .button:hover {
  color: var(--white-color);
}

.product_right .cart_button .button:before {
  background: var(--color-two);
}

.product_right .cart_button .button:after {
  background: var(--color-one);
}

.product_right .product_view_bottom_credential {
  margin-top: 20px;
}

.product_right .product_view_bottom_credential ul {
  list-style: none;
}

.product_right .product_view_bottom_credential ul li {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: var(--body-color);
  padding: 3px 0px;
}

.product_right .product_view_bottom_credential ul li span {
  color: var(--text-heading-color);
  margin-right: 5px;
}

.product_right .product_view_bottom_credential ul li a {
  position: relative;
  line-height: 20px;
  display: inline-block;
  color: var(--body-color);
}

.product_right .product_view_bottom_credential ul li.tags {
  list-style-type: none;
  display: inline-block;
  overflow: hidden;
}

.product_right .product_view_bottom_credential ul li.tags a {
  position: relative;
  line-height: 20px;
  display: inline-block;
  color: var(--body-color);
  margin: 0px 5px;
}

.product_right .product_view_bottom_credential ul li.tags a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 0%;
  height: 1px;
  background: var(--color-two);
  transition: width 0.5s ease;
}

.product_right .product_view_bottom_credential ul li.tags a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 99%;
  height: 1px;
  background: var(--body-color);
  transition: all 0.3s ease;
}

.product_right .product_view_bottom_credential ul li.tags a:hover {
  color: var(--color-two);
}

.product_right .product_view_bottom_credential ul li.tags a:hover::before {
  width: 99%;
}

.product_right .product_view_bottom_credential ul li.tags a:hover::after {
  left: 100%;
  opacity: 0;
  visibility: hidden;
}

.product_right .product_social_share {
  margin-top: 20px;
}

.product_right .product_social_share ul {
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  margin-bottom: 0px;
}

.product_right .product_social_share ul li {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #565656;
  list-style: none;
  display: inline-block;
  position: relative;
}

.product_right .product_social_share ul li:not(:last-child) {
  padding-right: 10px;
}

.product_right .product_social_share ul li a {
  position: relative;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #636363;
  display: block;
  outline: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
}

.product_right .product_social_share ul li a:hover {
  color: var(--color-two);
}

.product_right .product_social_share ul li.facebook a {
  background: #284baf;
}

.product_right .product_social_share ul li.twitter a {
  background: #18a6f0;
}

.product_right .product_social_share ul li.instagram a {
  background: #a36ff0;
}

.product_right .product_social_share ul li.youtube a {
  background: #ff3b3b;
}

.product_right .product_social_share ul li.pinterest a {
  background: #a91010;
}

.product_right .product_social_share ul li.linkedin a {
  background: #02b8d5;
}

/*-- Product Details --*/
.product_details_tab .nav {
  gap: 60px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 18px;
}

.product_details_tab .nav li a {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: var(--heading-color);
}

.product_details_tab .nav li a.active {
  color: var(--color-two);
}

.product_details_tab .tab-content {
  padding-top: 30px;
}

.product_details_tab .tab-content p {
  line-height: 26px;
}

.product_details_tab .product_additional_info ul {
  list-style: none;
}

.product_details_tab .product_additional_info ul li {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: var(--body-color);
  padding: 3px 0px;
}

.product_details_tab .product_additional_info ul li span {
  color: var(--text-heading-color);
  margin-right: 5px;
}

.product_details_tab .product_additional_info ul li a {
  position: relative;
  line-height: 20px;
  display: inline-block;
  color: var(--body-color);
}

/*-------- Reviews ------------*/
.review_sec {
  margin-bottom: 60px;
}

.review_sec .review_title {
  
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
  color: var(--heading-color);
}

.review_sec .review_title a {
  color: var(--heading-color);
  font-weight: 700;
}

.review_sec ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0px;
}

.review_sec ul ul {
  padding-left: 90px;
}

.review_sec ul.review_area .reviewer_div {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.review_sec ul.review_area .reviewer_div .reviewer {
  margin-right: 20px;
  min-width: 80px;
  max-width: 80px;
  max-height: 80px;
  border-radius: 100%;
  overflow: hidden;
}

.review_sec ul.review_area .reviewer_div .review_block .product_rating {
  color: var(--color-two);
  line-height: 16px;
  margin-bottom: 10px;
}

.review_sec ul.review_area .reviewer_div .review_block .reviewer_name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 700;
  margin-top: 0px;
  color: var(--heading-color);
  text-transform: capitalize;
}

.review_sec ul.review_area .reviewer_div .review_block .reviewer_review {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #656a7c;
  margin-top: 5px;
  margin-bottom: 12px;
}

.review_sec ul.review_area .reviewer_div .review_block .review_date {
  font-size: 12px;
  font-weight: 600;
  color: #6e7a7a;
  background-color: #ECECEC;
  padding: 4px 10px;
  display: inline-block;
  border-radius: 30px;
}

.review_sec ul.review_area .reviewer_div .review_block .reply a {
  
  font-size: 17px;
  font-weight: 400;
  color: var(--color-two);
}

.review_sec .reviews-pagination {
  margin-bottom: 0px;
  list-style-type: none;
  align-items: center;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0px;
}

.review_sec .reviews-pagination a, .review_sec .reviews-pagination span {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  background: var(--color-one);
  color: var(--white-color);
  border: 0px solid transparent;
  margin-right: 2px;
}

.review_sec .reviews-pagination a:hover, .review_sec .reviews-pagination a.current, .review_sec .reviews-pagination span:hover, .review_sec .reviews-pagination span.current {
  background: var(--color-two);
  color: var(--white-color);
}

.review_form .review_form_heading_wrapper .review_form_title {
  position: relative;
  
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: var(--heading-color);
  margin-bottom: 7px;
}

.review_form .review_form_heading_wrapper .review_form_title span {
  background: var(--white-color);
  padding-right: 10px;
}

.review_form .review_form_heading_wrapper .review_form_title:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #ECECEC;
  z-index: -1;
}

.review_form .review_form_heading_wrapper .review_form_sub_title {
  font-size: 14px;
  color: #6e7a7a;
  margin-bottom: 18px;
}

.review_form .review_form_heading_wrapper .give_rating {
  font-weight: 700;
  color: #6e7a7a;
}

.review_form .review_form_heading_wrapper .reviewer_rating {
  color: var(--color-two);
}

.review_form select, .review_form input[type="text"], .review_form input[type="email"], .review_form input[type="url"], .review_form input[type="password"], .review_form input[type="search"], .review_form input[type="number"], .review_form input[type="tel"], .review_form input[type="range"], .review_form input[type="date"], .review_form input[type="month"], .review_form input[type="week"], .review_form input[type="time"], .review_form input[type="datetime"], .review_form input[type="datetime-local"], .review_form input[type="color"] {
  height: 60px;
}

.review_form .button {
  font-size: 16px;
}

.related_products {
  padding-top: 100px;
  padding-bottom: 40px;
}

.related_products .section_header {
  margin-bottom: 25px;
}

.related_products .section_header .section_title {
  font-size: 24px;
  line-height: 32px;
}

.card_title {
  position: relative;
  font-weight: 700;
  color: var(--text-heading-color);
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.card_title::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 60px;
  height: 2px;
  background: var(--color-two);
}

@media screen and (max-width: 991px) {
  .product_right {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .product_right {
    padding-right: 0px;
  }
}

@media screen and (max-width: 500px) {
  .product_left .product_zoom {
    display: block;
  }
  .product_left .product_zoom .product_zoom_button_group {
    width: 100%;
    padding-right: 0px;
    overflow-x: scroll;
    display: flex;
    margin-bottom: 30px;
  }
  .product_left .product_zoom .product_zoom_button_group li {
    margin: 0px 5px;
  }
  .product_left .product_zoom .product_zoom_button_group li:first-child {
    margin-left: 0px;
  }
  .product_left .product_zoom .product_zoom_button_group li:last-child {
    margin-right: 0px;
  }
  .product_left .product_zoom .product_zoom_container {
    width: 100%;
  }
  .product_right .product_info .product_rating .product_rating_details {
    display: block;
    margin: 0px;
  }
  .product_right .product_info .product_rating .product_add_review {
    display: block;
    margin: 0px;
  }
  .product_right .product_view_bottom .product_quantity {
    margin-bottom: 20px;
  }
}

.cart_table {
  border-collapse: collapse;
  width: 100%;
  border: 0px;
  margin-bottom: 0px;
}

.cart_table td, .cart_table th {
  border-right: 0px;
  border-bottom: 1px solid #ececec;
  text-align: left;
}

.cart_table .cart_header th {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--heading-color);
  padding: 15px 0px;
}

.cart_table .cart_header th.cart_header_image {
  width: 20%;
}

.cart_table .cart_header th.cart_header_title {
  width: 20%;
}

.cart_table .cart_header th.cart_header_price {
  width: 15%;
}

.cart_table .cart_header th.cart_header_quantity {
  width: 25%;
}

.cart_table .cart_content td {
  
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding: 15px 0px;
}

.cart_table .cart_content .cart_image img {
  max-width: 65px;
}

.cart_table .cart_content .cart_title {
  color: var(--text-heading-color);
}

.cart_table .cart_content .cart_price {
  color: var(--body-color);
}

.cart_table .cart_content .cart_quantity .product_quantity_inner {
  display: inline-flex;
  align-items: center;
  border: 1px solid #f2f7f7;
  padding: 0px 20px;
  width: 146px;
}

.cart_table .cart_content .cart_quantity .product_quantity_inner .product_quantity_subtract {
  color: var(--color-one);
  cursor: pointer;
}

.cart_table .cart_content .cart_quantity .product_quantity_inner .product_quantity_add {
  color: var(--color-one);
  cursor: pointer;
}

.cart_table .cart_content .cart_quantity .product_quantity_inner input {
  width: 80px;
  height: 42px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  color: var(--color-one);
  border: 0px solid #000;
}

.cart_table .cart_content .cart_removal {
  text-align: right;
}

.cart_table .cart_content .cart_removal a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  border-radius: 100%;
  background: #fff4ee;
}

.cart_table .cart_content .cart_total {
  color: var(--color-two);
}

.couponcart {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  padding: 35px 0px;
}

.couponcart .set_coupon {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.couponcart .form-group {
  margin-bottom: 0px;
  margin-right: 18px;
}

.couponcart .form-group input[type="text"] {
  border: 1px solid #f2f7f7;
  text-align: left;
  width: 250px;
  height: 46px;
  padding: 10px 20px;
  border-radius: 0;
}

.couponcart ::-webkit-input-placeholder {
  color: var(--color-one);
}

.couponcart ::-moz-placeholder {
  color: var(--color-one);
}

.couponcart :-ms-input-placeholder {
  color: var(--color-one);
}

.couponcart :-moz-placeholder {
  color: var(--color-one);
}

.couponcart :placeholder {
  color: var(--color-one);
}

.couponcart .button_group .button {
  font-family: "Nunito Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 15px 30px;
  min-width: auto;
}

.grand_total {
  box-shadow: 0px 0px 20px rgba(171, 171, 171, 0.25);
  margin-top: 60px;
  padding: 60px;
}

.grand_total ul {
  margin: 0px;
  padding: 0px;
}

.grand_total ul li {
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: var(--text-heading-color);
  padding: 10px 0px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  border-bottom: 1px solid #ededed;
}

.grand_total ul li span.text {
  min-width: 220px;
}

.grand_total ul li span.value {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  color: var(--body-color);
}

.grand_total ul li.totalvalue {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: var(--text-heading-color);
}

.grand_total ul li.totalvalue span.value {
  
  color: var(--text-heading-color);
}

.grand_total .button_group {
  margin-top: 40px;
}

.grand_total .button_group .button {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  padding: 12px 60px;
}

@media screen and (max-width: 767px) {
  .cart_table {
    width: 100%;
    display: block;
    overflow-x: scroll;
  }
  .cart_table .cart_header th:not(:last-child),
  .cart_table .cart_content td:not(:last-child) {
    padding-right: 30px;
  }
  .cart_table::-webkit-scrollbar {
    height: 5px;
  }
  .cart_table::-webkit-scrollbar-track {
    background: var(--color-one);
    border-radius: 5px;
  }
  .cart_table::-webkit-scrollbar-thumb {
    background: var(--color-two);
    border-radius: 5px;
  }
  .grand_total {
    padding: 30px;
  }
  .grand_total .button_group .button {
    min-width: auto;
    padding: 12px 20px;
  }
  .couponcart {
    display: block;
  }
  .couponcart .form-group {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .couponcart .form-group input[type="text"] {
    width: 100%;
  }
  .couponcart .button_group {
    width: 100%;
  }
  .couponcart .button_group .button {
    width: 100%;
  }
  .couponcart .cartupdate {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f2f7f7;
  }
}

/* Forms (shipping_form) */
.shipping_form {
  /* Coupon Code */
}

.shipping_form .select2-container--default .select2-selection--single .select2-selection__arrow,
.shipping_form .select2-container .select2-selection--single,
.shipping_form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  line-height: 46px;
  right: 5px;
  border: none;
}

.shipping_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: relative;
  top: auto;
  left: auto;
  width: 0;
  height: 5px;
  display: inline-block;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 0px 0px 0 0px;
  margin-left: 0;
  margin-top: 0;
}

.shipping_form .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  content: "\f123";
  font-family: 'Ionicons';
  font-size: 10px;
}

.shipping_form .select2-container--default .select2-selection--single .select2-selection__rendered,
.shipping_form .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0px;
  line-height: 52px;
}

.shipping_form .select2-container--default .select2-selection--multiple,
.shipping_form .select2-container--default .select2-selection--single {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0px 15px;
  font-size: 14px;
  line-height: 1.5;
  background-color: var(--white-color);
  background-clip: padding-box;
  border: 1px solid #e4e4e4;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  outline-offset: 0;
}

.shipping_form .select2-container--default .select2-selection--multiple:focus,
.shipping_form .select2-container--default .select2-selection--single:focus,
.shipping_form .select2-container--default.select2-container--focus .select2-selection--multiple,
.shipping_form .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #00326F;
  outline: none;
  outline-offset: 0px;
}

.shipping_form label {
  display: block;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: var(--text-heading-color);
  margin-top: 0px;
  margin-bottom: 10px;
}

.shipping_form .form-group {
  margin-top: 10px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.shipping_form textarea.form-control {
  height: 90px;
}

.shipping_form .form-control:focus {
  background-color: #fff;
  border-color: var(--color-two);
  outline: 0;
  box-shadow: none;
}

.shipping_form select, .shipping_form input[type="text"], .shipping_form input[type="email"], .shipping_form input[type="url"], .shipping_form input[type="password"], .shipping_form input[type="search"], .shipping_form input[type="number"], .shipping_form input[type="tel"], .shipping_form input[type="range"], .shipping_form input[type="date"], .shipping_form input[type="month"], .shipping_form input[type="week"], .shipping_form input[type="time"], .shipping_form input[type="datetime"], .shipping_form input[type="datetime-local"], .shipping_form input[type="color"] {
  border: 1px solid #e4e4e4;
}

.shipping_form .have_coupon {
  background: #f7f7f7;
  border-left: 7px solid var(--color-two);
  padding: 30px 15px;
  margin-bottom: 55px;
}

.shipping_form .have_coupon .form-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin: 0px 0px;
}

.shipping_form .have_coupon .form-group label {
  font-size: 20px;
  color: var(--text-heading-color);
  line-height: 26px;
  margin-right: 12px;
  margin-bottom: 0px;
}

.shipping_form .have_coupon .form-group input[type="text"] {
  width: 250px;
  height: 45px;
}

.shipping_form .have_coupon ::-webkit-input-placeholder {
  font-weight: 400;
  color: var(--color-two);
}

.shipping_form .have_coupon ::-moz-placeholder {
  font-weight: 400;
  color: var(--color-two);
}

.shipping_form .have_coupon :-ms-input-placeholder {
  font-weight: 400;
  color: var(--color-two);
}

.shipping_form .have_coupon :-moz-placeholder {
  font-weight: 400;
  color: var(--color-two);
}

.shipping_form .have_coupon :placeholder {
  font-weight: 400;
  color: var(--color-two);
}

.place_order {
  /* Customize Radio Button */
}

.place_order ul {
  margin: 0px;
  padding: 0px;
}

.place_order ul li {
  list-style: none;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #656A7C;
  padding: 14px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
}

.place_order ul li:first-child {
  padding-top: 0px;
}

.place_order ul li .form-group {
  width: auto;
  margin: 0px;
}

.place_order ul li span.value {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  color: var(--body-color);
}

.place_order ul li.totalvalue {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: var(--text-heading-color);
}

.place_order ul li.totalvalue span.text {
  margin-right: 10px;
}

.place_order ul li.totalvalue span.value {
  
  color: var(--text-heading-color);
}

.place_order label.radio_circle {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0px;
  color: var(--body-color);
  user-select: none;
}

.place_order label.radio_circle:not(:last-child) {
  margin-right: 15px;
}

.place_order label.radio_circle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
}

.place_order label.radio_circle .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: var(--white-color);
  border-radius: 100%;
  border: 1px solid #788a9c;
}

.place_order label.radio_circle .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 7px;
  height: 7px;
  border-radius: 1000%;
  background: var(--color-two);
}

.place_order label.radio_circle:hover input ~ .checkmark {
  background-color: var(--white-color);
  border: 1px solid var(--color-two);
}

.place_order label.radio_circle input:checked ~ .checkmark {
  background-color: var(--white-color);
  border: 1px solid var(--color-two);
}

.place_order label.radio_circle input:checked ~ .checkmark:after {
  display: block;
}

.place_order .paymentmethod {
  margin-top: 40px;
}

.place_order .paymentmethod label.radio_circle {
  display: block;
  font-size: 16px;
  color: var(--text-heading-color);
}

.place_order .paymentmethod label.radio_circle:not(:last-child) {
  border-bottom: 1px solid #ededed;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.place_order .paymentmethod span.text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #656A7C;
  margin-top: 10px;
}

.place_order .button_group {
  margin-top: 25px;
}

.place_order .button_group .button {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  padding: 12px 60px;
}





















/*new css start here*/

.banner-social{position: absolute;}

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ori-banner-section-4 {
    z-index: 1;
    padding-top: 0;
}
.ori-banner-section-4 .line-shape {
    top: 0;
    left: 0;
    z-index: -1;
}

.ori-banner-content-4 {
    padding: 290px 0px 190px;
        padding-top: 120px;
    padding-bottom: 100px;
}

.ori-banner-content-4 .banner-social {
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform-origin: 50% 1px;
    transform-origin: 50% 1px;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.ori-banner-content-4 .banner-social:nth-child(1) {
    top: 13%;
    left: 6%;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}


.ori-banner-content-4 .banner-social:nth-child(2) {
    top: 50%;
    left: 15%;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

@media screen and (max-width: 1600px) {
    .ori-banner-content-4 .banner-social:nth-child(2) {
        left: 2%;
    }
}


.ori-banner-content-4 .banner-social:nth-child(3) {
    left: 9%;
    bottom: -6%;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.ori-banner-content-4 .banner-social:nth-child(4) {
    top: 13%;
    right: 4%;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.ori-banner-content-4 .banner-social:nth-child(5) {
    top: 50%;
    right: 15%;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@media screen and (max-width: 1600px) {
    .ori-banner-content-4 .banner-social:nth-child(5) {
        right: 2%;
    }
}
.ori-banner-content-4 .banner-social:nth-child(6) {
    right: 9%;
    bottom: -6%;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.ori-banner-content-4 .ori-banner-text-area {
    margin: 0 auto;
    max-width: 940px;
}

.ori-banner-content-4 .ori-banner-text-area h1 {
    color: #0B1C2B;
    font-size: 72px;
    font-weight: 700;
    line-height: 90px;
    padding-bottom: 40px;
    padding-top: ;
    40px;
}
.ori-banner-content-4 .ori-banner-text-area p {
    color: #0B1C2A;
    margin: 0 auto;
    font-size: 18px;
    max-width: 500px;
    line-height: 30px;
}







.header .mainnav ul.main-menu > li:not(:last-child){margin-right: 15px;}
/*.btn.gradient-two{background: #ff7268;}*/

.Step_section .container{
  padding-left: 50px;padding-right: 50px;
}

.dash-and-paragraph {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 15px;
}

.dash-and-paragraph .dash {
    width: 25%;
    height: 1px;
    min-width: 50px;
    background-color: #dfdfdf;
    position: relative;
}

.dash-and-paragraph .dash:after {
    content: "";
    height: 6px;
    width: 5px;
    -webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);
    clip-path: polygon(100% 50%, 0 100%, 0 0);
    background-color: #dfdfdf;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.dash-and-paragraph p{font-size: 18px;}
 .step-and-dash {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 50px;
}

 .step-and-dash h6 {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    background-color: #f3d134;
    display: inline-block;
    line-height: 1;
    padding: 6px 18px;
    border-radius: 50px;
    white-space: nowrap;
    margin-bottom: 0;
}

.step-and-dash span {
    width: 100%;
    height: 1px;
    background-color:#dfdfdf;
    display: inline-block;
    position: relative;
}


.step-and-dash span:before, .step-and-dash span:after {
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dfdfdf;
}

 .step-and-dash span:before {
    left: -3px;
}


.step-and-dash span:after {
    right: -3px;
}

.wptb-icon-box6 .wptb-item--icon{background: linear-gradient(90deg, #FF7268 0%, #ffb06d 100%);}

.wptb-counter3 .wptb-counter--item .wptb-counter--value{color: #FF7268 !important;}
.Step_box_dta p{font-size: 20px;padding-top: 20px;font-weight: 600;color: #7c7c7c;}
.Step_box_dta ul li {    color: #585757;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 6px;}

.Step_box_dta svg{fill:#1a1a1a;margin-bottom: 30px;}
.section, section{padding: 40px 0px;}
.Industries__section, .digital__section, .Step_section{
  padding-left: 40px;
  padding-right: 40px;
}

.Industries__section .style-social h2.wptb-heading--title, .digital__section .style-social h2.wptb-heading--title, .new_courses_Sec .style-social h2.wptb-heading--title{font-size: 54px;}
.digital__section .style-social h2.wptb-heading--title{line-height: initial;}
.font-weight-bold{font-weight: 600;}
.Industries__section .wptb-item--box h3 img {
    height: 32px;
    width: 32px;
}

.Industries__section .wptb-icon-box5 {
    margin-top: 30px;    
    padding: 20px;
    margin-bottom: 0;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    transition: all ease .4s;
}

.Industries__section .wptb-icon-box5:hover{
  box-shadow: 0px 0px 16px 0px #ccc;
  border: 1px solid transparent;transition: all ease .4s;
}
.Industries__section .wptb-heading{margin-bottom: 30px;}

.wptb-counter3 .wptb-counter--item .odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.wptb-counter3 .wptb-counter--item .wptb-counter--value{
  background: linear-gradient(90deg, #FF7268 0%, #ffb06d 100%);color: #FF7268;
      -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}
.FAQ_section_part h4 {
    color: #086aa7;
    font-weight: bold;
    font-size: 26px;
    border-bottom: 1px solid;
    border-color: #03598f;padding-bottom: 8px;
}
.FAQ_section_part ul li a {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    min-height: 70px;
}
.FAQ_section_part ul li a span i {
    font-size: 16px;
    color: #086aa7;
    font-weight: bold;
}
.Feedback_section{
  background: #eaeaea;
}
.Feedback_section .container{
  padding: 50px 150px;
}
.Feedback_data p {
    font-size: 16px;
    line-height: initial;
}

.marquee__Section {
    background: #f3d134;
    padding-top: 20px;
    padding-bottom: 10px;
}
.marquee__Section span{margin-left: 5px;margin-right: 5px;font-weight: bold;font-size: 20px;margin-bottom: 0;text-transform: uppercase;}
.marquee__Section span svg{fill: #ec6219;}

.book__section{
/*  background: url(../images/home-shape-4.png);*/
/*  background-size: cover;*/
/*  background-size: 100% 100%;*/
background-color: #086aa7;;
}

.book__section_right  .form-control{
  height: auto;
  padding: 5px 10px;
  border-radius: 3px;
}
.book__section_right  label{font-size: 14px;margin-bottom: 0}
.book__section {margin-top: 40px;}
.book__section .container{
  padding: 50px 15px;
}

.book__section_left {padding-right: 50px;}
.book__section_left h4{color: #fff;padding-bottom: 20px;font-size: 30px;}
.book__section_left p{color: #fff;}
.book__section_left ul li {color: #fff;margin-bottom: 15px;}

.book__section_right{
  background: #fff;
  padding: 40px 40px;
  border-radius: 4px;
}

.btn{padding: 6px 18px;}

.fix-icon-whataap {
    display: inline-block;
    position: fixed;
    bottom: 100px;
    right: 5px;
    z-index: 999;
    transition: all 0.5s ease-in-out;
}

.fix-icon-whataap img{max-height: 60px;}
.slider_main_img{max-height: 480px;}

.breadcrumb-section .banner-wrapper {
    position: relative;
    padding: 215px 0 175px;
}

.text-justify{text-align: justify;}
.wptb-value-content h2{margin-bottom: 12px;}
.header .mainnav ul.main-menu li ul{background: #fff;}
.header .mainnav ul.main-menu li ul li a{color: #444;}
.wptb-item--description h4 sup{right: -10px;}
.days__div span {
    display: inline-block;
    font-size: 11px;
    text-align: center;
    background: #a3a3a3;
    border-radius: 20px;
    margin-left: 5px;
    padding: 1px 5px;
}
.bnt__01{
    background: linear-gradient(to right, #3f81ef, #54c5f1);
}
/*.wptb-item--description h4{margin-left: -12px;}*/

.days__div {
    /*position: absolute;
    top: -20px;
    right: -20px;*/
/*    background: #1683c7;*/
/*    color: #fff;*/
/*    padding: 5px;*/
    font-size: 14px;
}

.Bronze__C{background: #cd7f321c;
/*    color: #fff;*/
    padding: 7px 15px;}

.Silver__C{background-color: #c0c0c036;padding: 7px 15px;}
.Gold__C{background-color: #ffd70036;padding: 7px 15px;}
.Platinum__C{background-color: #e5e4e254;padding: 7px 15px;}
.Diamond__C{background-color: #b9f2ff52;padding: 7px 15px;}
.Feedback_data {
     background: #fff; 
     padding: 15px 20px; 
     box-shadow: 0px 2px 5px 1px #ccc; 
     margin: 5px; 
}

.star__c i {
    color: #ffd12d;
}
.color-blue{color: #1683c7;}
ul.social__text_new li a i{font-size: 22px;opacity: 0.8;}
.section-title h1{font-size: 44px;}

ul.breadcrumb-list {
    position: absolute;
    bottom: -30px;
    margin-bottom: 0;
    background: #fff;
/*    width: 100%;*/
    border-radius: 50px;
    padding: 25px 25px;
    box-shadow: 0px 0px 12px 1px #ccc;
    z-index: 1;
    padding-right: 90px;
}
.breadcrumb-list li{margin-right: 15px;}
.about___page{padding-top: 80px;}
.T3__step{
    background-image: url(../images/bg-8.png);
}
.Course__page_right {
    -webkit-box-shadow: 0 2px 24px rgba(110, 123, 129, .2);
    -moz-box-shadow: 0 2px 24px rgba(110, 123, 129, .2);
    box-shadow: 0 2px 24px rgba(110, 123, 129, .2);
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
}
.Course__page_rightHeader {
    padding: 30px 20px;
    background: #1683c7;
    color: #fff;text-align: center;
}
.Course__page_rightHeader h4{font-size: 40px;}
.Course__page_rightHeader h5 span {
    font-size: 40px;
    color: #9ddaff;
}
.Course__page_rightHeader h6 span{background: #fff;color: #000;display: inline-block;margin-top: 10px;padding: 5px 12px;border-radius: 4px;}
.Course__page_rightbody{padding: 20px 25px;}
.Course__page_rightbody h5{margin-bottom: 20px;}
.Course__page_rightbody ul li i{display: inline-block; background: #d4efe2;color: #26B16D;
    height: 25px;width: 25px;line-height: 25px;border-radius: 50%;text-align: center;margin-right: 5px;
}
.Course__page_rightbody ul li {margin-bottom: 20px;}
.Course__page_left ul li a{
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-weight: 900;
}


.digital__page .dash-and-paragraph .dash{width: 65%;}
.digital__page .dash-and-paragraph p{font-size: 18px;font-weight: 600;}
.digital__box {
    background: #edf9f8;
    -webkit-box-shadow: 0 2px 24px rgba(110, 123, 129, .2);
    -moz-box-shadow: 0 2px 24px rgba(110, 123, 129, .2);
    box-shadow: 0 2px 24px rgba(110, 123, 129, .2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    margin-top: 22px;
    min-height: 260px;
}
.digital__box h5{margin-bottom:15px; }
.digital__box p{margin-bottom:0; }
.digital__sec2 h3{
    font-size: 40px;
}
.digital__sec2 .Feedback_data{
    box-shadow: none;
    border-left: 1px solid #1683c7;
}

.digital__sec2 .Feedback_data .star__c i{
    font-size: 30px;
}
.digital__sec2 .Feedback_data p{font-size: 24px;
}

button.owl-prev, button.owl-next {
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #ccc !important;
    line-height: 40px !important;
    border-radius: 50%;
    font-size: 30px !important;
}

button.owl-prev {
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}

button.owl-next {
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.digital__sec_bg {
    background: url(../images/St-bg.webp);
    background-size: cover;
    padding: 30px;
    background-color: #edf9f8;
    color: #fff;
    margin-top: 20px;
    border-radius: 8px;
/*    background-position: center;*/
}
.strategic__pageLt p{
    font-size: 18px;
    line-height: initial;
}

.strategic__page5{background: #edf9f8;}
.strategic__page5 .Course__page_right .Course__page_rightHeader h4{font-size: 20px;}
.strategic__page5 .Course__page_right {min-height: 235px;}
.ci-content-wrap .ci-content .ci-icon{margin-bottom: 0;}
.ci-content-wrap .ci-content{padding: 15px 15px 30px;}
.ci-content-wrap .ci-content .ci-content-right .ci-title{font-size: 20px;
    line-height: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.ci-content-wrap .ci-content .ci-content-right .ci-desc {
    font-size: 16px;
    line-height: 28px;
}
.ci-content-wrap .ci-content{border: 0;}
.ci-content-wrap .ci-content{min-height: 280px;}
.contact___p{font-size: 20px;line-height: initial;margin-top: 50px;}
.contact___sec{padding-top: 60px;}
.blog__page{padding-top: 80px;}
.wptb-blog-grid-layout1 .item--holder{padding: 10px 20px}
.wptb-blog-grid-layout1 .item--author, .wptb-blog-grid-layout1 .item--author label{font-size: 14px;}
.Course__page_rightbody span{display: block;text-align: center;margin-bottom: 8px;}
.Course__page_rightbody img {
    max-height: 80px;
    min-height: 80px;
}
.Course__page_rightbody{min-height: 280px;}

.new___icon_img {text-align: center;}
.new___icon_img img{max-height: 300px;}
.new___icon_img.nn_2 img{max-height: 150px;}
.banner-social.Twitter__icon {
    background: #fff;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 0px 8px 14px 1px #cccccc75;
}
.banner-social.Twitter__icon img{height: 40px;width: 40px;}
.courses-review .digital__sec2 h3{font-size: 34px;}
.courses-review .digital__sec2 .Feedback_data .star__c i, .courses-review .digital__sec2 .Feedback_data p{font-size: 20px;}
.courses-review .jobs_b li {
    margin-top: 14px;
    font-size: 14px;
    padding: 5px 20px;
    border: 1px solid #ccc;
    margin-right: 15px;
    border-radius: 5px;
    padding-left: 13px;
    font-weight: 600;
}
.icon----n img{
    max-height: 80px;
}
/*.wptb-icon-box5 .wptb-item--inner{padding-top: 15px;}*/
.content_creation_pageRT img {
    max-height: 200px;
}
.back__repeat{background-repeat: repeat-y;}
.abut__next-ulset ul li{margin-bottom: 20px;}


.abut__next-ulset ul li i {
    display: inline-block;
    background: #d4efe2;
    color: #26B16D;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
}
.value__set img{max-height: 80px;margin-top: 20px;margin-bottom: 20px;}
.bg-blue{background-color: #086aa7}
.btn-golden{background: #f3d134;color: #000;}
.btn-golden:hover{border:1px solid;background: linear-gradient(90deg, #1683c7 0%, #1683c7 100%)}
.color-golden{color: #f3d134}
.team1{background: #fdc7a957}
.team2{background: #b2dcfd}
.team3{background: #ffc3ff}
.team4{background: #f8e37f}
.team5{background: #d1d0fe}
.teamPage_img{text-align: center;}
.teamPage_img img{max-height: 210px;}
main.wrapper{padding-top: 89px;}

.wptb-item--box >div img {
    max-height: 100px;
    margin-bottom: 15px;
}









/*pricing data----------------------*/

.pricing {
            /*display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: center;
            justify-content: center;*/
            width: 100%;
/*            margin: 0 auto;*/
        }
        
        .pricing-item {
            position: relative;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: stretch;
            align-items: stretch;
            text-align: center;
            -webkit-flex: 0 1 330px;
            flex: 0 1 330px;
        }
        
        .pricing-action {
            color: inherit;
            border: none;
            background: none;
            cursor: pointer;
        }
        
        .pricing-action:focus {
            outline: none;
        }
        
        .pricing-feature-list {
            text-align: left;
        }
        
        .pricing-palden .pricing-item {
            cursor: default;
            color: #84697c;
            background: #fff;
            box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
            border-radius: 20px 20px 10px 10px;
            margin: 1em;
        }
        
        @media screen and (min-width: 66.25em) {
            .pricing-palden .pricing-item {
                margin: 1em -0.5em;
            }
            .pricing-palden .pricing__item--featured {
                margin: 0;
                z-index: 10;
                box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
            }
        }
        
        .pricing-palden .pricing-deco {
            border-radius: 10px 10px 0 0;
            background: linear-gradient(135deg,#4097f9,#0af0c7);
            padding: 4em 0 9em;
            position: relative;padding-bottom: 80px;border-top-left-radius: 0;
    border-top-right-radius: 0;
        }
        
        .pricing-palden .pricing-deco-img {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
        }
        
        .pricing-palden .pricing-title {
            font-size: 1.25em;
            margin: 0;
            text-transform: uppercase;
/*            letter-spacing: 5px;*/
            color: #fff;
        }
        
        .pricing-palden .deco-layer {
            -webkit-transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
        }
        
        .pricing-palden .pricing-item:hover .deco-layer--1 {
            -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0);
        }
        
        .pricing-palden .pricing-item:hover .deco-layer--2 {
            -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
        }
        
        .pricing-palden .icon {
            font-size: 2.5em;
        }
        
        .pricing-palden .pricing-price {
            font-size: 5em;
            font-weight: bold;
            padding: 0;
            color: #fff;
            margin: 0 0 0.25em 0;
            line-height: 0.75;
        }
        
        .pricing-palden .pricing-currency {
            font-size: 37px;
            vertical-align: top;
            display: inline-block;
            width: 10px;
            position: relative;
            top: -16px;
        }
        .pricing-palden .pricing-period {
            font-size: 16px;
            padding: 0;
            font-style: italic;display: block;margin-top: 30px;
        }
        
        .pricing-palden .pricing__sentence {
            font-weight: bold;
            margin: 0 0 1em 0;
            padding: 0 0 0.5em;
        }
        
        .pricing-palden .pricing-feature-list {
            margin: 0;
            padding: 0.25em 0 2.5em;
            list-style: none;
            text-align: center;
        }
        
        .pricing-palden .pricing-feature {
            padding: 1em 0;
        }
        
        .pricing-palden .pricing-action {
            font-weight: bold;
            margin: auto 3em 2em 3em;
            padding: 1em 2em;
            color: #fff;
            border-radius: 30px;
            background: linear-gradient(135deg,#a93bfe,#584efd);
            -webkit-transition: background-color 0.3s;
            transition: background-color 0.3s;
        }
        
        .pricing-palden .pricing-action:hover,
        .pricing-palden .pricing-action:focus {
            background: linear-gradient(135deg,#fd7d57,#f55d59);
        }
        
        .pricing-palden .pricing-item--featured .pricing-deco {
            padding: 5em 0 8.885em 0;
        }

/*@import url(//fonts.googleapis.com/css?family=Lato:300:400);*/

/*.header {
  position:relative;
  text-align:center;
  background-image: radial-gradient(circle at 39% 47%, rgba(107, 107, 107,0.08) 0%, rgba(107, 107, 107,0.08) 33.333%,rgba(72, 72, 72,0.08) 33.333%, rgba(72, 72, 72,0.08) 66.666%,rgba(36, 36, 36,0.08) 66.666%, rgba(36, 36, 36,0.08) 99.999%),radial-gradient(circle at 53% 74%, rgba(182, 182, 182,0.08) 0%, rgba(182, 182, 182,0.08) 33.333%,rgba(202, 202, 202,0.08) 33.333%, rgba(202, 202, 202,0.08) 66.666%,rgba(221, 221, 221,0.08) 66.666%, rgba(221, 221, 221,0.08) 99.999%),radial-gradient(circle at 14% 98%, rgba(184, 184, 184,0.08) 0%, rgba(184, 184, 184,0.08) 33.333%,rgba(96, 96, 96,0.08) 33.333%, rgba(96, 96, 96,0.08) 66.666%,rgba(7, 7, 7,0.08) 66.666%, rgba(7, 7, 7,0.08) 99.999%),linear-gradient(45deg, rgb(97, 14, 117),rgb(20, 32, 127));
  color:white;
}

.inner-header {
  height:100%;
  width:100%;
  margin: 0;
  padding: 0;
}*/

.flex { /*Flexbox for containers*/
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:150vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:250px;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

.course_____ic {
    top: -20px;
    right: -10px;
    z-index: 1;
}
.course_____ic img{max-height: 60px;}

.btn__c {
    display: inline-block;
    position: relative;
    bottom: 20px;
    border: 1px solid;
    width: 160px;
    padding: 4px 15px;
    margin: auto;
    border-radius: 6px;
    color: #1683c7;
}
.btn__c:hover{
    background: var(--gradient-two);
    color: #fff;
}
@media screen and (max-width: 1399px){
    .pricing-palden .pricing-price{font-size: 3rem}
    .course_____ic img{max-height: 70px;}
}

.background-bronze, .background-Silver, .background-Gold, .background-Platinum, .background-Diamond{
    padding: 10px;
    margin-bottom: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.background-bronze {
/*    background: linear-gradient(135deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);    */
    background: url(../images/B.png);
    background-position: center;
    background-size: 1%;
}
.background-Silver {
/*    background: linear-gradient(135deg, #e6e6e6 0%, #d9d9d9 50%, #cbcbcb 51%, #dddddd 100%);*/
    background: url(../images/s.png);
    background-position: center;
    background-size: 1%;
}
.background-Gold{
/*    background: linear-gradient(135deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);*/
    background: url(../images/g.png);
    background-position: center;
    background-size: 1%;
}

.background-Platinum{
/*    background: linear-gradient(135deg, #f2edf1 0%, #dae8e3 50%, #c7d2e2 51%, #e1f5f7 100%);*/
    background: url(../images/p.png);
    background-position: center;
    background-size: 1%;
}

.background-Diamond{
/*    background:linear-gradient(135deg, #f1f7fb 0%, #f1f7fb 50%, #f1f7fb 51%, #b8d8e7 100%);*/
    background: url(../images/d.png);
    background-position: center;
    background-size: 1%;
}

.color__blue{color: #0f669d;}
.dash__m i{display: block;}
/*.dash__m i img{max-height: 40px;}*/
.dash__m {
    box-shadow: 0px 0px 12px 1px #ccc;
    padding: 10px 25px;
    min-height: 75px;
    margin-top: 25px;
    border-radius: 4px;
    transition: all ease .4s;
    border:1px solid transparent;
    text-align: center;
    font-weight: 600;
}
.dash__m:hover{
    transition: all ease .4s;
    background: aliceblue;
    border:1px solid #1683c7;background: linear-gradient(45deg, #e8f2fe, #fcd8ec);
}
.dash__m p {
    margin-bottom: 0;
    font-size: 18px;
}
.Course__left ul.breadcrumb-list{
    position: relative;
    box-shadow: none;
    background: transparent;
    padding: 0;
    bottom: 0;
}
.Course__left ul.breadcrumb-list li{font-size: 14px;}

.Course__left h5{margin-top: 10px;margin-bottom: 10px;}
.Course__fct p {
    padding-right: 55px;
    margin-bottom: 0;
    border-right: 1px solid #0000002b;
    margin-right: 55px;
}
.Course__left h2{margin-bottom: 10px;}
.wptb-slider.style-social.new__Se{padding-top: 160px;}
.new__Se1 .new__Se1_left h4{font-size: 36px;}
.new__Se1 .new__Se1_left ul li {
    color: rgba(0, 0, 0, 0.92);
    font-size: 17px;
    font-weight: 600;
/*    line-height: 16px;*/
    letter-spacing: 0.25px;
    padding: 7px 18px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.04);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.new__Se1_left h4{margin-bottom: 15px;}
.digital__sec2.courses-review h4{
    font-size: 36px;
}
.heading_box {
    background: linear-gradient(45deg, #1683c7, #1683c7 20%);
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
}
.new__Se1 .new__Se1_left.Diamond___ulSet ul li {
    background-color:transparent;
    border-bottom: 1px solid #cccccc75;
    border-radius: 0;
    padding-left: 0;
}
.Social-Media-Management-txt .dash__m{background: linear-gradient(45deg, #e8f2fe, #fcd8ec);}
.Content-Marketing-section-2 .digital__box img{
    max-height: 100px;margin-bottom: 20px;
}
.Content-Marketing-section-2 .digital__box{
    min-height: 405px;
}

.Content-Marketing-section-2.Pay-Per-Click_sec .digital__box{
    min-height: initial;
}

label{
    font-size: 14px;line-height: initial;
    margin-bottom: 5px;
}
.form-group {
    margin-bottom: 20px;
}
.form-control{
    height: initial;
}
.Quote__dv .form-group{
    margin-bottom: 10px;
}

.modal-header{
    background: linear-gradient(90deg, #1683c7 0%, #1683c7 100%);
    color: #fff;
}

.login_page .logo img{max-height: 35px;}
/*.login_page .logo{margin-bottom: 20px;}*/

.login_page .contact{border-radius: 40px;}

.login_page{
    background: url(../images/login.jpg);
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wptb-heading.style-social .wptb-heading--subtitle{
        color: #3F51B5;    -webkit-text-fill-color: initial;
}