@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}body {
padding: 0;
margin: 0;
box-sizing: content-box;
background-color: #f9f4f2 !important;
overflow-x: hidden;
}
.container {
width: calc(100% - 36px);
margin: 0 auto;
max-width: 1308px;
padding: 0 18px;
position: relative;
}
div#content {
overflow-x: hidden;
}
.header_container {
max-width: 1393px;
margin: 0 auto;
padding: 0px 18px;
}
.inner_Container {
max-width: 80%;
margin: 0 auto;
}
.inner_Container_95 {
max-width: 95%;
margin: 0 auto;
}
.inner_Container_85 {
max-width: 85%;
margin: 0 auto;
}
.col_two_grid {
display: grid;
column-gap: 20px;
row-gap: 36px;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
}
.main-site-content {
overflow: hidden;
}
@media (max-width: 1240px) {
.inner_Container {
max-width: 100%;
}
}
@media (max-width: 992px) {
.container {
overflow: hidden;
}
.inner_Container {
max-width: 100%;
}
.inner_Container_95 {
max-width: 100%;
}
.inner_Container_85 {
max-width: 100% !important;
}
.col_two_grid {
row-gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
.full_container {
padding: 0;
width: 100%;
}
}
@media (max-width: 662px) {
.col_two_grid {
grid-template-columns: repeat(1, 1fr);
}
}
.custom-autocomplete-results {
position: absolute !important;
top: 100% !important;
left: 0;
margin-top: 5px;
background: #fff;
border: 1px solid #ddd;
z-index: 9999;
box-sizing: border-box;
white-space: normal;
word-wrap: break-word;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.autocompleteSearch ul {
padding: 8px 0;
}
.autocompleteSearch ul li {
font-family: var(--public-regular);
color: #4f4a48;
font-size: 14px;
cursor: pointer;
padding: 5px 5px;
}
.custom-autocomplete-item:hover {
background-color: #e8f3ff;
color: #0073e6;
}
.custom-autocomplete-message {
font-family: var(--public-regular);
color: #4f4a48;
font-size: 14px;
white-space: nowrap;
padding-right: 10px;
display: none;
} .thankyou-page {
display: flex;
}
.thankyou-left {
background-color: #56c271;
width: 50%;
padding: 100px 0;
}
.thankyou-right {
background-color: #112717;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.thankyou-content h1 {
font-family: var(--vulf-regular);
line-height: 110%;
letter-spacing: -4.42px;
font-size: 80px;
color: #fff;
margin: 0;
font-weight: 400;
}
.thankyou-content {
max-width: 580px;
margin: 0 auto;
padding: 0px 20px;
}
.ThankYouQueryEmail p {
margin: 0;
color: #fff;
line-height: normal;
font-weight: 400;
font-size: 24px;
font-family: var(--public-regular);
}
.ThankYouQueryEmail a {
margin: 0;
color: #112717;
line-height: normal;
font-weight: 700;
font-size: 24px;
font-family: var(--public-bold);
text-decoration: underline;
}
.thankYouDynamicContent {
padding: 57px 0 0 0;
}
.ThankYouQueryEmail {
padding-top: 32px;
}
.thankYouDynamicContent p {
font-size: 20px;
color: #1d4126;
font-family: var(--vulf-regular);
font-weight: 400;
line-height: normal;
margin: 0;
}
.thankYouDynamicContent p {
margin-bottom: 30px;
}
.thankYouDynamicContent p:last-child {
margin-bottom: 0;
}
.smileImage {
width: 100%; max-width: 308px; margin: 0 auto;
padding: 0 20px;
}
.smileImage img {
width: 100%;
height: auto; object-fit: contain; }
.goBackButton {
padding: 60px 0 0 0;
}
.goBackButton a {
display: flex;
align-items: center;
margin: 0;
padding: 0;
font-family: var(--vulf-bold);
color: #8ed6a0;
font-size: 24px;
line-height: normal;
font-weight: 700;
white-space: nowrap;
justify-content: center;
}
.goBackButton p {
margin: 0;
font-weight: 400 !important;
font-family: var(--vulf-regular);
color: #ffff;
}
.goBackButton pre {
background: transparent;
margin: 0;
padding: 0;
font-size: 15px;
}
.goBackButton img {
width: 20px;
height: auto;
object-fit: cover;
padding-right: 7px;
}
@media (max-width: 992px) {
.thankyou-page {
display: block;
padding-bottom: 100px;
}
.thankyou-left {
width: 100%;
padding: 45px 0;
}
.thankyou-right {
width: 100%;
padding: 40px 0 40px;
}
.thankyou-button {
padding: 20px 0;
}
.thankyou-content h1 {
font-size: 70px;
}
.thankyou-content {
text-align: center;
}
.goBackButton a {
font-size: 20px;
}
.smileImage {
max-width: 250px;
}
}
@media (max-width: 662px) {
.goBackButton a {
font-size: 18px;
}
.smileImage {
max-width: 200px;
}
.thankYouDynamicContent p,
.thankYouDynamicContent strong {
font-size: 18px;
}
}  .staticWrapper {
background: #fff;
margin-bottom: 75px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
filter: drop-shadow(8px 8px 0px rgba(32, 32, 32, 0.08));
}
.commenStatic {
display: flex;
justify-content: space-between;
padding: 26px 0;
}
.commenStaticWrap {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
}
.commenStaticItem {
display: flex;
align-items: center;
}
.commenStaticItem h2 {
font-family: var(--vulf-regular);
font-weight: 400;
line-height: 110%;
font-size: 20px;
color: #1d4126;
margin: 0;
padding-left: 8px;
}
@media (min-width: 992px) {
.commenStatic {
align-items: center;
}
}
@media (max-width: 992px) {
.commenStatic {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px 0 30px;
}
.commenStaticItem p {
font-size: 16px !important;
padding-left: 16px;
}
.commenStaticWrap {
display: flex;
flex-flow: column wrap;
gap: 20px; }
.commenStaticWrap:nth-of-type(1) {
align-items: center;
margin-bottom: 15px;
}
.commenStaticWrap:nth-of-type(2) {
align-items: center;
margin-bottom: 15px;
}
.commenStaticWrap:nth-of-type(3) {
align-items: center;
margin-bottom: 15px;
}
.commenStaticWrap:nth-of-type(4) {
align-items: center;
}
.commenStaticItem {
max-width: 214px;
}
.width_100_mob_static {
max-width: 100% !important;
padding: 0px 19.5px;
}
}  .autocompleteSearch {
display: flex;
align-items: center;
background: #ffccb4;
border-bottom: 2px solid #ff8044;
width: calc(100% - 60px);
}
.autocompleteSearch input {
font-family: var(--public-regular);
background: #ffccb4 !important;
padding: 0px 6px 0 18px;
border: none;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.autocompleteSearch input::placeholder {
color: #803410 !important;
}
.autocompleteSearchWrapper {
display: flex;
position: relative;
}
.autocompleteSearch svg {
margin-left: 10px;
}
.searchDummyIcons {
margin-left: 20px;
}
.searchDummyIcons svg {
width: 100%;
height: 100%;
object-fit: cover;
}
.loading-icon img {
position: absolute;
bottom: -33px;
right: 16px;
}
.loading-icon {
display: none;
}
button#searchsubmit {
padding: 0;
background: transparent;
}
@media (max-width: 992px) {
.autocompleteSearch input {
font-size: 14px;
height: 34px;
}
.searchDummyIcons {
margin-left: 6px;
}
.autocompleteSearch svg {
margin-left: 10px;
}
}  .announcements {
padding: 10px 0;
overflow: hidden;
position: relative;
}
.announcementItem {
display: flex;
align-items: center;
white-space: nowrap;
}
.announcementItem p {
font-family: var(--public-regular);
margin: 0 12px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%;
white-space: nowrap;
color: #55220a;
}
@media (max-width: 992px) {
.announcements {
padding: 16px 0;
}
.announcementItem p {
font-size: 14px;
}
}
.wow {
visibility: visible !important;
}
 .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;
} @-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;
} @-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;
} @-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;
} @-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;
}.megamenuCoomingSoon {
font-size: 40px;
font-weight: 400;
line-height: normal;
text-align: center;
margin: 0;
padding: 142px 0;
font-family: var(--vulf-regular);
}
.humburger {
display: none;
cursor: pointer;
}
.mobile {
display: block;
width: 100%;
position: fixed;
background: #f9f4f2;
bottom: 0;
top: 72px;
left: 0;
z-index: 11;
overflow-y: auto;
}
.mobile_view {
overflow-y: hidden;
} .mobile-logo-and-humburger-wrap {
display: flex;
justify-content: space-between;
}
@media (max-width: 1030px) { .megamenuCoomingSoon {
font-size: 20px;
padding: 50px 0;
}
.site_logo a img {
width: 60%;
}
.humburger {
display: block;
position: relative;
z-index: 999;
}
.mobile-menu-nav-wrapper {
display: none;
}
ul#menu-main-header {
display: block !important;
padding-top: 40px;
margin: 0 24px;
}
ul#menu-main-header li {
margin: 0px 18px;
margin-bottom: 33px;
position: relative;
}
.mobile-accordion-content {
display: none; }
.mobile-accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.mobile-accordion-content.active {
display: block;
}
ul#menu-main-header li img {
margin-right: 10px;
width: 30px;
height: 30px;
object-fit: contain;
}
.menu-links-anchor svg {
position: absolute;
right: 0;
}
}
@media (max-width: 520px) {
.courseDateAndDurationmegaMenu {
grid-template-columns: 1fr;
}
}
.display-block {
display: block;
} #header {
background-color: #331506;
padding: 20px 0;
box-shadow: 0px 4px 0px 0px rgba(80, 54, 42, 0.08);
position: relative;
}
.Mobile-Menu {
display: none;
}
a.menu-links-anchor {
font-family: var(--vulf-regular);
text-decoration: none;
color: #fff;
font-size: 16px;
line-height: 110%;
padding: 0px;
transition: all 0.3s ease;
}
@media (min-width: 1031px) {
a.menu-links-anchor {
position: relative;
}
}
a.menu-links-anchor::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 1px;
background-color: #fe6c3b;
transition: width 0.3s ease;
}
.menu-links-anchor.active::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 1px;
background-color: #fe6c3b;
transition: width 0.3s ease;
}
.active {
color: #fe6c3b !important;
}
a.menu-links-anchor:hover {
color: #fe6c3b;
}
a.courseMegaMenuItem.csLink {
font-family: var(--vulf-regular);
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
}
.site_logo a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.menu_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
ul#menu-main-header {
display: flex;
list-style: none;
margin: 0;
}
ul#menu-main-header li {
margin-left: 31px;
}
ul#menu-main-header li img {
margin-right: 10px;
}
@media screen and (min-width: 1021px) {
ul#menu-main-header li a:hover::before {
width: 100%;
}
} @media (max-width: 1030px) {
.Mobile-Menu {
display: block;
}
.Desktop-Menu {
display: none;
}
#header {
padding-right: 18px !important;
padding-left: 18px !important;
}
a.menu-links-anchor {
padding: 0px 0;
margin-bottom: 33px;
display: inline-block;
margin: 0px;
color: #331506;
font-size: 24px;
}
}
@media (max-width: 1220px) {
ul#menu-main-header li {
margin-left: 14px;
}
}
@media (min-width: 992px) and  (max-width: 1024px) {
a.menu-links-anchor{
font-size:12px;}
}
@media (min-width: 1024px) and  (max-width: 1220px) {
a.menu-links-anchor{
font-size:14px;}
}
@media (min-width: 1220px) and  (max-width: 1279px) {
a.menu-links-anchor{
font-size:16px;}
} .megaMenuDropDown {
display: none;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.catMasterCourseMegamenuWrap {
display: flex;
align-items: stretch;
}
.megaMenuCatHeading {
width: 30%;
overflow: hidden;
}
.megaMenuCatHeading img {
width: 100%;
height: auto;
object-fit: cover;
}
.megaMenuCategories {
width: 70%;
margin-left: 60px;
}
.megaMenuCatHeading span {
color: #fff;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: var(--vulf-regular);
text-align: center;
background: #000;
padding: 35px 0 45px;
display: inline-block;
width: 100%;
}
.navMegaMenuSecHeading span {
color: #4f4a48;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: var(--vulf-regular);
margin: 32px 0 20px;
display: inline-block;
}
.mmClassWrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap:10px;
}
.courseDateAndDurationmegaMenu {
margin-top: 30px;
display: grid;
gap: 15px;
grid-template-columns: repeat(2, 1fr);
}
.courseDurationMegaMenu {
display: flex;
align-items: center;
padding: 10px 15px;
background: #fff;
border-radius: 39px;
height: 30px;
}
.courseDateMegaMenu {
display: flex;
align-items: center;
padding: 10px 15px;
background: #fff;
border-radius: 39px;
height: 30px;
}
.mmctTabLink a {
font-family: var(--vulf-regular);
color: #4f4a48;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 15px;
text-decoration: none;
display: inline-block;
}
.mmctTabLink a:hover {
color: #ff671f;
}
.mclink a {
font-family: var(--vulf-regular);
color: #4f4a48;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: inline-block;
text-decoration: none;
}
.csLink a {
font-family: var(--vulf-regular);
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
}
.coursesLinksMegaMenu {
background: #ffe1d2;
padding: 7px 10px 13px;
margin-bottom: 20px;
}
.courseDurationMegaMenu p {
margin: 0;
font-family: var(--vulf-regular);
color: #55220a;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
margin-left: 6px;
}
.courseDateMegaMenu p {
margin: 0;
font-family: var(--vulf-regular);
color: #55220a;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
margin-left: 6px;
}
@media (max-width: 1125px) {
.megaMenuCatHeading {
width: 50%;
}
.megaMenuCategories {
width: 50%;
}
.mmClassWrapper {
grid-template-columns: repeat(1, 1fr);
}
.megaMenuCategoriesTabPannels {
margin-left: 25px;
}
}
@media (max-width: 1030px) {
.catMasterCourseMegamenuWrap {
display: block;
}
.megaMenuCatHeading {
display: none;
}
.megaMenuCategories {
width: 100%;
margin: 0;
}
.courseDateMegaMenu p {
font-size: 10px;
}
.courseDurationMegaMenu p {
font-size: 10px;
}
.mega-content {
padding: 0 !important;
}
.courseDateAndDurationmegaMenu {
gap: 5px;
}
.courseDateMegaMenu {
padding: 10px 15px;
}
.mclink a {
font-size: 14px;
}
.navMegaMenuSecHeading span {
font-size: 18px;
color: #ff671f;
}
}
@media (max-width: 392px) {
.courseDateAndDurationmegaMenu {
grid-template-columns: repeat(1, 1fr);
}
}
.masterClassesLinksWrap .mclink {
background-color: #FFE1D2; 
padding: 6px; 
margin-bottom: 5px; 
}
.masterClassesLinksWrap .mclink:last-child {
margin-bottom: 0; 
}footer#main-site-footer {
position: relative;
overflow: hidden !important;
} 
.copyright_and_social_links{
background-color: #331506;
padding: 50px 0;
}
.custome_Footer_Marquee{
position: relative;
overflow: hidden;
}
.social_links h4{
font-family: var(--vulf-regular);
font-weight: 400;
color: #FFE1D2;
font-size: 16px;
line-height: normal;
margin-bottom: 2px;
font-weight: 400;
}
.copyright h4{
font-family: var(--vulf-regular);
font-weight: 400;
color: #FFE1D2;
font-size: 16px;
line-height: normal;
margin:0;
}
.copyright h5{
font-family: var(--vulf-light);
font-size: 92.497px;
letter-spacing: -1.85px;
color: #FF9A6A;
font-weight: 300;
}
.social_link_group{
margin-bottom: 30px;
}
.social_link_group a svg {
height: 25px;
width: 25px;
margin-right: 10px;
}
.footer_container{
max-width: 95%;
margin: 0 auto;
width: 100%;
}
.footer_wrapper{
display: flex;
}
.footer_coll_one{
width: 30%;
} .footer_coll_two {
width: 70%;
position: relative;
}
.footerLineDvider img {
position: absolute;
z-index: 111;
background: #331506;
top: 0;
left: 0;
bottom: 0;
}
.social_link_group a {
text-decoration: unset;
}
.footer-marquee-img img{
margin: 0px 12px;
}
.footer_link_section{
padding:64px 0 34px;
display: flex;
}
.company_logo_and_description{
width: 60%;
}
.footer_links_wrapper{
width: 40%;
}
.company_logo_and_description img {
margin-bottom: 24px;
}
.company_logo_and_description p {
font-family: var(--public-regular);
font-size: 14px;
color: #4F4A48;
line-height: 16px; max-width: 518px;
} .footer_link_group {
display: flex;
justify-content: space-between;
}
.company_link span{
font-family: var(--public-regular);
font-size: 14px;
color: #9D9591;
text-transform: uppercase;
margin-bottom: 17.74px;
}
.links_wrap ul{
margin: 0;
list-style-type: none;
}
.links_wrap ul li a{
font-family: var(--public-regular);
font-size: 16px;
color: #4F4A48;
line-height: normal;
margin-bottom: 17px;
text-decoration: none;
} .terms_and_conditions{
margin-top: 60px;
}
.border_line {
margin-bottom: 10px;
}
.border_line svg{
width: 100%;
height: auto;
}
.terms_and_conditions_link ul {
list-style: none;
margin: 0;
display: flex;
align-items: center;
}
.terms_and_conditions_link ul svg {
margin: 0px 16px;
}
.terms_and_conditions_link ul li a{
font-family: var(--public-regular);
color:#4F4A48;
font-size: 16px;
line-height: 16px; 
} .footerLogo{
width: auto;
height: 173px;
}
.footerLineDviderMob{
display: none;
}
.LinkBorderBottom{
display: none;
} @media (max-width:1260px) {
.copyright h5{
font-size: 80px;
}
.copyright h4{
font-size: 15px;
}
.social_links h4{
font-size: 15px;
}
}
@media (max-width:992px) {
.copyright_and_social_links{
padding: 40px 0 33px;
}
.footer_link_section{
display:block;
padding:0px 0 24px;
}
.company_logo_and_description{
width: 100%;
}
.footer_links_wrapper{
width: 100%;
}
.footer_link_group{
display:block;
}
.links_wrap ul {
display: flex;
}
.company_logo_and_description img {
width: 179.329px;
height: 23.367px;
margin-bottom: 0;
}
.company_logo_and_description p {
font-size: 12px;
margin: 25px 0 30px;
}
.company_link span{
margin-bottom: 16.74px;
font-size:12px;
}
.links_wrap ul li a{
font-size:12px;
margin-right: 20px;
}
.terms_and_conditions {
margin-top: 0px;
}
.footerLogo{
width: auto;
height: 89.685px;
}
.footer_wrapper{
display:block;
}
.footer_coll_one{
width: 100%;
}
.footer_coll_two{
width: 100%;
}
.social_links h4{
font-size:16px;
}
.social_link_group a svg {
height: 24px;
width: 24px;
margin-right: 10px;
}
.copyright h4{
font-size:16px;
}
.copyright h5{
font-size: 87.5px;
letter-spacing: -1.75px;
}
.footerLineDvider{
display: none;
}
.footerLineDviderMob{
display: block;
padding: 0px 0 26px;
}
.footerLineDviderMob img {
width: 100%;
height: auto;
object-fit: contain;
}
.LinkBorderBottom{
display: block;
}
.LinkBorderBottom svg {
width: 100%;
height: auto;
object-fit: cover;
}
.company_link {
margin-bottom: 18px;
}
.terms_and_conditions_link ul {
flex-wrap: wrap;
}
.terms_and_conditions_link ul li{
font-size: 12px;
}
.terms_and_conditions_link ul li a{
font-size: 12px;
} .contact_Links ul {
display: flex!important;
flex-wrap: wrap!important;
}
.contact_Links ul li:last-child {
flex-basis: 100%!important;
}
}
@media (max-width:392px) {
.copyright h5{
font-size:76px;
}
}  .goToWhatsapp {
position: fixed;
bottom: 5em;
right: 20px;
z-index: 10;
width:44px;
}
.goToWhatsapp a {
display: inline-block;
outline: none;
border: none;
}
.goToWhatsapp a:focus,
.goToWhatsapp a:active,
.goToWhatsapp img:focus,
.goToWhatsapp img:active {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.goToWhatsapp img {
width: 100%;
height: auto;
cursor: pointer;
transition: transform 0.3s ease;
}
.goToWhatsapp img:hover {
transform: scale(1.1);
} #ast-scroll-top {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}.courseItem {
transform: scale(1);
transition: transform 0.3s ease;
}
.courseItem:hover {
transform: scale(1.03);
}
.courseItem {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 10px;
height: 100%;
justify-content: space-between;
background: #fff;
}
a.CardAnchor {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.productTitle h2 {
font-family: var(--vulf-regular);
font-size: 29px;
color: #fff;
font-weight: 400;
line-height: 110%;
text-transform: uppercase;
margin: 0;
}
.productTitle {
padding: 25px;
min-height: 200px;
}
.productDetail {
padding: 25px;
}
.courseDurationAndUploadDate {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
z-index: 10;
position: relative;
}
.courseDuration {
display: flex;
align-items: center;
align-items: center;
border-radius: 39px;
padding: 5px 15px;
}
.courseUploadDate {
display: flex;
align-items: center;
border-radius: 39px;
padding: 5px 15px;
}
.courseDuration span {
font-family: var(--vulf-regular);
color: #591547;
font-size: 13px;
font-weight: 400;
line-height: normal;
margin-left: 9px;
}
.courseUploadDate span {
font-family: var(--vulf-regular);
color: #591547;
font-size: 14px;
font-weight: 400;
line-height: normal;
margin-left: 9px;
}
.productPrice {
display: flex;
padding: 20px 0 0px;
align-items: baseline;
z-index: 10;
position: relative;
}
.productSalePrice {
font-family: var(--vulf-medium);
color: #4f4a48;
font-size: 27.897px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 5px;
z-index: 10;
position: relative;
}
.productOriginalPrice {
font-family: var(--vulf-regular);
color: #4f4a48;
font-size: 13.948px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: line-through;
z-index: 10;
position: relative;
}
.gstIncluded span {
color: #4f4a48;
font-size: 13.948px;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: var(--vulf-regular);
z-index: 10;
position: relative;
}
.courseCatWrap {
position: relative;
overflow: hidden;
}
.courseCategory { padding: 12px 0; }
.courseCategory span {
font-size: 14px;
color: #4f4a48;
font-weight: 400;
font-family: var(--vulf-regular);
line-height: normal;
text-transform: capitalize;
}
.catSvg {
margin: 0px 10px;
}
.catSvg p {
margin: 0;
display: flex;
align-items: center;
}
.producttypeIcon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.producttypeIcon {
background: #000;
}
.courseCategory > div > div {
display: flex;
align-items: center;
}
.productCutomeField ul li {
font-family: var(--public-regular);
color: #4f4a48;
font-size: 16px;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
margin-left: 30px;
}
.productCutomeField ul {
list-style: none;
margin: 0;
position: relative;
}
.productCutomeField ul li::before {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'><rect width='2.01836' height='12.1221' transform='matrix(0.706795 0.707418 -0.706795 0.707418 12.4883 0.546387)' fill='%2348A25E'/><rect width='2.01836' height='4.41896' transform='matrix(0.706795 -0.707418 0.706795 0.707418 0.319824 5.271)' fill='%2348A25E'/></svg>");
display: inline-block;
margin-right: 5px; width: 20px; height: 20px; position: absolute;
left: 0;
}
.productCutomeField {
padding-top: 16px;
} @media (min-width: 992px) and (max-width: 1362px) {
.productDetail {
padding: 15px;
}
.productTitle {
padding: 15px;
}
.courseUploadDate span {
font-size: 12px;
}
.courseDuration span {
font-size: 12px;
}
.productTitle h2 {
font-size: 26px;
}
}
@media (max-width: 992px) {
.productTitle h2 {
font-size: 25px;
}
.courseDuration span {
font-size: 12px;
}
.courseUploadDate span {
font-size: 12px;
}
.productSalePrice {
font-size: 24px;
}
.productOriginalPrice {
font-size: 12px;
}
.productTitle {
min-height: 100px;
}
.productCutomeField {
padding-top: 12px;
}
}
@media (max-width: 380px) {
.productTitle h2 {
font-size: 20px;
display: inline-block;
}
.productDetail {
padding: 10px;
}
.productCutomeField ul li {
font-size: 12px;
margin-left: 20px;
}
.productPrice {
padding: 12px 0 12px;
}
}.customeform input,
.customeform textarea {
border-radius: 0 !important;
border: none !important;
border-bottom: 2px solid #76706D !important;
background: #F5EFEC !important;
color: #9D9591 !important;
font-weight: 400 !important;
font-family: var(--public-regular) !important;
}
.formSubmitbtn input {
border: none !important;
padding: 12px 100px !important;
font-family: var(--public-regular) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 110% !important;
letter-spacing: -0.32px !important;
color: #fff !important;
background: #48A25E !important;
}
@media (max-width:992px) {
.customeform input,
.customeform textarea {
font-size: 14px;
}
.formSubmitbtn input{
padding: 6px 45px!important;
}
.formSubmitbtn p {
margin: 0;
}
.customeform {
margin: 0 !important;
}
.customeform p {
margin-bottom: 15px;
}
}.js-marquee-wrapper {
display: inline-block;
}
.custome-marquee {
overflow: hidden;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.js-marquee {
margin-right: 0px !important;
display: flex !important;
align-items: center !important;
}
.joinNowNewsleter {
overflow: hidden;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.custome_Footer_Marquee {
overflow: hidden;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.product_card_marquee {
overflow: hidden;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}.SingleBlogBanner {
background-color: #55220a;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
} .SingleBlogThumbnail {
width: 50%;
}
.singleBlogInformation {
width: 50%;
}
.SingleBlogThumbnail img {
width: 100%;
height: auto;
object-fit: cover;
}
.sbCatDateTimeWrap {
max-width: 550px;
margin: 0 auto;
}
.sbTitle h1 {
font-family: var(--vulf-light);
line-height: 110%;
letter-spacing: -0.96px;
color: #fff;
font-weight: 300;
font-size: 48px;
margin-bottom: 18px;
}
.sbCat span {
padding: 6px 15px;
font-family: var(--vulf-light);
border-radius: 26px;
background: #aa4515;
font-size: 16px;
font-weight: 300;
line-height: 110%;
letter-spacing: -0.32px;
color: #fff;
display: inline-block;
}
.sbcatdateTime {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.sbDateTime {
display: flex;
}
.sbDateTime span {
font-family: var(--public-regular);
font-size: 16px;
color: #fff;
font-weight: 400;
line-height: 110%;
letter-spacing: -0.32px;
}
.sbAuthor span {
font-family: var(--vulf-lightitalic);
font-size: 16px;
color: #fff;
font-weight: 350;
line-height: 110%;
letter-spacing: -0.32px;
}
.sbDateTime span:nth-of-type(1) {
margin-right: 22px;
}
@media (max-width: 992px) {
.SingleBlogBanner {
flex-direction: column-reverse;
height: auto;
}
.SingleBlogThumbnail {
width: 100%;
}
.singleBlogInformation {
width: 100%;
position: relative;
padding: 70px 0 89px;
}
.sbTitle h1 {
font-weight: 400;
font-family: var(--vulf-regular);
}
.sbCatDateTimeWrap {
padding: 0px 18px;
max-width: 100%;
}
.sbcatdateTime {
margin-bottom: 37px;
}
}
@media (min-width: 992px) {
.padding-forSection {
padding: 50px;
}
} .blogShare {
position: absolute;
bottom: 0;
display: flex;
right: 0;
padding: 12px 12px;
background: #331506;
}
.blogShareTitle h5 {
font-family: var(--public-light);
font-weight: 300;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.32px;
color: #fff;
padding-top: 4px;
margin-right: 10px;
}
.blogShareIcons a {
display: inline-block;
padding: 0px 8px;
} .single-blog-content {
padding: 70px 20px;
max-width: 862px;
margin: 0 auto;
} .container-single-blog-content p {
font-size: 16px;
color: #4f4a48;
font-family: var(--public-regular);
line-height: 22px; letter-spacing: -0.32px;
margin: 0;
display: inline-block;
}
.container-single-blog-content p.space {
padding: 10px 0;
display: block;
min-height: 10px;
}
.container-single-blog-content li {
font-size: 16px;
color: #4f4a48;
font-family: var(--public-regular);
line-height: 22px; letter-spacing: -0.32px;
margin: 0;
} .container-single-blog-content h1,
.container-single-blog-content h2,
.container-single-blog-content h3,
.container-single-blog-content h4,
.container-single-blog-content h5,
.container-single-blog-content h6 {
font-family: var(--vulf-regular);
font-size: 48px;
font-weight: 400;
line-height: 110%; letter-spacing: -0.96px;
margin-bottom: 18px;
} .container-single-blog-content strong,
.container-single-blog-content b {
font-family: var(--vulf-regular);
font-size: 48px;
font-weight: 400;
line-height: 110%; letter-spacing: -0.96px;
margin-bottom: 18px;
}
.container-single-blog-content ol,
.container-single-blog-content ul {
margin: 0;
}
@media (min-width: 290px) and (max-width: 762px) {
.container-single-blog-content p {
font-size: 14px;
}
.container-single-blog-content li {
font-size: 14px;
}
.container-single-blog-content p.space {
padding: 5px 0;
display: block;
min-height: 5px;
}
.container-single-blog-content h1,
.container-single-blog-content h2,
.container-single-blog-content h3,
.container-single-blog-content h4,
.container-single-blog-content h5,
.container-single-blog-content h6 {
font-size: 36px;
}
} .explore-more-swiper .swiper-wrapper {
height: auto;
}
.explore-more-container {
width: calc(100% - 36px);
margin: 0 auto;
max-width: 1308px;
padding: 0 18px;
position: relative;
}
.explore-more-swiper .swiper-wrapper .explore-more-slide {
margin: 0;
}
.explore-more-swiper {
overflow: visible;
}
.explore-more-blog-item {
max-width: 410px;
}
.explore-more-heading {
margin-bottom: 40px;
}
.explore-more-heading h3 {
font-family: var(--vulf-regular);
font-weight: 400;
font-size: 36px;
color: #4f4a48;
line-height: 110%;
letter-spacing: -0.72px;
}
.explore-more-blog-img {
overflow: hidden;
}
.explore-more-blog-img img {
width: 100%;
height: 225.626px;
object-fit: cover;
}
.explore-more-blog-title h4 {
font-family: var(--public-regular);
color: #4f4a48;
line-height: 110%;
letter-spacing: -0.4px;
padding: 14px 0 18px 0;
font-size: 20px;
font-weight: 400;
}
.explore-more-meta {
display: flex;
align-items: center;
}
.explore-more-category span {
font-family: var(--public-regular);
font-weight: 400;
line-height: 110%;
letter-spacing: -0.28px;
font-size: 14px;
color: #d4561a;
margin-right: 15px;
}
.explore-more-date span {
font-family: var(--public-regular);
font-weight: 400;
line-height: 110%;
letter-spacing: -0.28px;
font-size: 14px;
color: #d4561a;
margin-right: 40px;
}
.explore-more-readtime {
display: flex;
align-items: center;
}
.explore-more-readtime span {
font-family: var(--public-regular);
font-weight: 400;
line-height: 110%;
letter-spacing: -0.28px;
font-size: 14px;
color: #d4561a;
margin-left: 7px;
padding-top: 5px;
}
.explore-more-buttons button {
background: transparent;
padding: 0;
margin: 16px;
}
.explore-more-slide {
width: auto;
margin-left: 27px;
}
.explore-more-blogs-display .swiper-wrapper {
margin-left: 0px;
overflow: visible;
}
.explore-more-progress {
width: 200px;
height: 8px;
background-color: #803410;
}
.explore-more-progress-fill {
height: 100%;
background-color: #eb601e;
width: 0;
}
.explore-more-navigation {
display: flex;
align-items: center;
justify-content: center;
padding-top: 52px;
}
.explore-more-buttons {
display: flex;
}
@media (max-width: 992px) {
.explore-more-blog-title h4 {
font-size: 14.624px;
letter-spacing: -0.292px;
padding: 10px 0 13px;
}
.explore-more-readtime span {
padding-top: 0;
}
.explore-more-heading {
margin-bottom: 37px;
}
.explore-more-blog-item {
max-width: 300px;
}
}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.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{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.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-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.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{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}@font-face {
font-family: "Vulf Bold";
src: url(//www.asdav.in/wp-content/themes/asdav-child/assets/fonts/vulfSans/VulfSans-Bold.woff2) format("woff2");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Vulf Regular";
src: url(//www.asdav.in/wp-content/themes/asdav-child/assets/fonts/vulfSans/VulfSans-Regular.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--vulf-bold: "Vulf Bold", sans-serif;
--vulf-mediumitalic: "Vulf MediumItalic", sans-serif;
--vulf-black: "Vulf Black", sans-serif;
--vulf-regular: "Vulf Regular", sans-serif;
--vulf-lightitalic: "Vulf LightItalic", sans-serif;
--vulf-medium: "Vulf Medium", sans-serif;
--vulf-light: "Vulf Light", sans-serif;
--vulf-blackitalic: "Vulf BlackItalic", sans-serif;
--vulf-italic: "Vulf Italic", sans-serif;
--vulf-bolditalic: "Vulf BoldItalic", sans-serif;
}@font-face {
font-family: "Public Bold";
src: url(//www.asdav.in/wp-content/themes/asdav-child/assets/fonts/publicSans/PublicSans-Bold.woff2) format("woff2");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Public Regular";
src: url(//www.asdav.in/wp-content/themes/asdav-child/assets/fonts/publicSans/PublicSans-Regular.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--public-bold: "Public Bold", sans-serif;
--public-regular: "Public Regular", sans-serif;
--public-medium: "Public Medium", sans-serif;
--public-black: "Public Black", sans-serif;
--public-lightitalic: "Public LightItalic", sans-serif;
--public-light: "Public Light", sans-serif;
}