body {font-family: "sofia-pro-condensed";font-weight: 300;font-size: 18px;line-height: 27px;text-decoration: none; overflow: hidden;}
h1 {font-family: 'euclid_flexbold';color: #04042b;font-size: 48px;line-height: 48px;text-decoration: none;margin: 0 0 24px 0;text-transform: uppercase;}
h2 {font-family: 'euclid_flexbold'; font-size: 48px;line-height: 48px; text-transform: uppercase; margin: 0 0 24px 0; color: #04042b;}
h3 { font-family: "sofia-pro-condensed"; font-weight: 400; color: #3a689e; font-size: 24px; line-height: 30px; text-decoration: none; margin: 0 0 25px 0;}
h4 {font-family: 'poster_brushregular';color: #015696;font-size: 76px;line-height: 70px;text-decoration: none;margin: 0px 0 50px 0;}
h5 { font-family: "sofia-pro-condensed"; font-weight: 400; font-size: 24px; line-height: 30px; text-decoration: none; margin: 0 0 25px 0;}
h6 {font-family: 'euclid_flexbold'; color:#fff; font-size: 18px; margin: 10px 0}
p {font-family: "sofia-pro-condensed";font-weight: 300;color: #8c8f94;font-size: 18px;line-height: 27px;text-decoration: none;margin: 0 0 25px 0;}
p a {color: #015696;text-decoration: none;}
p:last-child {margin-bottom: 0;}
blockquote {margin-bottom: 25px;}
blockquote p {font-family: "sofia-pro-condensed";font-weight: 400;color: #00a7e8;font-size: 14px;line-height: 20px;text-decoration: none;text-transform: uppercase; letter-spacing: 1px;}
ul {margin: 25px;}
li {font-family: "sofia-pro-condensed";font-weight: 300;color: #8c8f94;font-size: 18px;line-height: 27px;text-decoration: none; list-style: disc;}
input.button {outline: 0; border: 0;}

iframe {display: block; width: 100%;}

@font-face { font-family: 'euclid_flexbold'; src: url('/fonts/euclidflex-bold-webfont.woff2') format('woff2'), url('/fonts/euclidflex-bold-webfont.eot') format('eot'), url('/fonts/euclidflex-bold-webfont.woff') format('woff'), url('/fonts/euclidflex-bold-webfont.ttf') format('truetype'), url('/fonts/euclidflex-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'euclid_flexlight'; src: url(he'/fonts/euclidflex-light-webfont.woff2') format('woff2'), url('/fonts/euclidflex-light-webfont.eot') format('eot'), url('/fonts/euclidflex-light-webfont.woff') format('woff'), url('/fonts/euclidflex-light-webfont.ttf') format('truetype'), url('/fonts/euclidflex-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'euclid_flexregular'; src: url('/fonts/euclidflex-regular-webfont.woff2') format('woff2'), url('/fonts/euclidflex-regular-webfont.eot') format('eot'), url('/fonts/euclidflex-regular-webfont.woff') format('woff'), url('/fonts/euclidflex-regular-webfont.ttf') format('truetype'), url('/fonts/euclidflex-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'poster_brushregular'; src: url('/fonts/poster_brush_regular-webfont.woff2') format('woff2'), url('/fonts/poster_brush_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

/* General */
.swiper-slide {user-select: none;}
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 40px; left: auto;}
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 40px; right: auto;}

.feature-products-home {padding-top: 50px;}
.feature-products-home > h3 {text-align:center; text-transform:uppercase; letter-spacing: 1px; font-size: 20px;}

.close-icon {padding: 25px; background: #004684; left: 0px; top: 0; position: absolute; z-index: 9999; overflow: hidden; transition: 0.5s; transform: rotate(180deg); cursor: pointer;}
.close-icon::before {content: ''; position: absolute; width: 2px; height: 30px; background: #fff; transform: rotate(45deg); top: 10px; transition: 0.5s;}
.close-icon::after {content: ''; position: absolute; width: 2px; height: 30px; background: #fff; transform: rotate(-45deg); top: 10px; transition: 0.5s;}

.close-icon:hover {background: #ff7866;}
.close-icon:hover::before {transform: rotate(-135deg) !important;}
.close-icon:hover::after {transform: rotate(-225deg)!important;}

.hamburger {width: 50px; height: 30px; position: absolute; cursor: pointer; right: 20px; top: 20px; transition: 0.3s; z-index: 99999; display: none; transform: scale(0.8);}
.hamburger span {height: 2px; background: #01153b; width: 100%; position: absolute; opacity: 1; transition: 0.3s;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 15px;}
.hamburger span:nth-child(3) {bottom: 0;}

.hamburger.active span {background: #fff;}
.hamburger.active span:nth-child(2) {opacity: 0; transform: rotate(90deg); top: 15px;}
.hamburger.active span:nth-child(1) {top: 0; transform: rotate(135deg); top: 15px;}
.hamburger.active span:nth-child(3) {bottom: 0; transform: rotate(225deg); top: 15px;}

.mobile-nav {position: fixed;background: #01153b;top: 0; z-index: 9999; height: 0%; width: 0; right: 0; padding: 0; box-sizing: border-box; transition: 0.3s; border-radius: 1500px 0 1500px 1500px; overflow: hidden;}
.mobile-nav::after{content: '';background: url('/uploads/images/03.jpg'); background-repeat: repeat; background-size: auto;background-repeat: no-repeat;background-size: 100% 100%;display: block;object-fit: cover;position: absolute;width: 120vw;height: 120vh;max-width: none;opacity: 0.4;right: 0;top: 0;z-index: -1;transition: 5s ease;}
.mobile-nav.active {padding: 30px; width: 100%; height: 100%;border-radius: 0;}
.mobile-nav.active::after {transform: scale(1.3); opacity: 0.2;}

.mobile-nav ul {margin: 0;}
.mobile-nav ul li {opacity: 0; right: -100px; position: relative; transition: 0.5s;}
.mobile-nav.active ul li {text-align: center; opacity: 1; right: 0;}
.mobile-nav ul li a {color: #fff;}

.button {font-family: 'euclid_flexbold';color: #ebeff1;background: #04042b;font-size: 17px;padding: 10px 30px;text-transform: uppercase;text-align: center; position: relative; text-decoration: none; cursor: pointer; border: 0; display: inline-block !important;}
.grey-button {font-family: 'euclid_flexbold';color: #8c8f94;border: 2px solid #8c8f94;font-size: 24px;padding: 10px 30px;text-transform: uppercase;text-align: center; position: relative; text-decoration: none; cursor: pointer; transition: 0.3s;}
.grey-button:hover {color: #fff; background: #8c8f94;}

.wrapper {max-width: 1500px; margin: 0 auto;}
.wrapper-sml {max-width: 65%; margin: 0 auto;}

.page-courses .flex {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-end; align-content: flex-end; max-width: 1400px; margin:0 auto 30px}
.page-courses .item {width: 22%;margin: 20px 10px;}


/* Header */
header {position: fixed; z-index: 999; width: 100%; }
header .logo  {width: 200px; position: absolute; top: -15px; left: 0; z-index: 99; transition: 0.3s;}
header .wrapper {max-width: 1500px; transition: 0.3s; position:relative; justify-content:space-between}
header .top-header {padding: 15px 0; background: #ebeff1; transition: 0.3s;}
header .top-header ul {display: flex; justify-content: space-between; margin: 0; align-items: center;}
header .top-header ul .icon {padding: 6px 0;}
header .top-header ul .icon .fab {margin-top: 4px!important;}

header .top-header ul:first-child {padding-left: 80px;}

header ul li {list-style: none;}
header ul li a {font-family: 'euclid_flexbold';color: #015696;font-size: 18px;line-height: 22px;text-decoration: none;padding: 0 12px 0 0;text-transform: uppercase;}

header .home-link a {font-family: 'euclid_flexbold';color: #015696;font-size: 18px;line-height: 22px;text-decoration: none;padding: 0 12px 0 0;text-transform: uppercase; padding-left:140px;}

header .top-header .social-item li a.contact-feat-item {font-size: 26px; border-left: 1px #afc4d0 solid; border-right: 1px #afc4d0 solid; padding: 0 15px; margin: 0 14px; line-height: 36px;}

header .icon {font-family: 'fontAwesome';color: #ebeff1;font-size: 20px;font-weight: 400;text-decoration: none;padding: 8px 0 4px 0;margin: 0 10px 0 0;display: block;width: 40px;text-align: center;font-style: normal;background: #04042b; transition: 0.3s;}

header .main-menu {position: absolute;top: 105px;left: 50%;z-index: -1;width: 100%;transform: translateX(-50%); justify-content: center; max-width: none !important; transition: 0.5s;}
header .main-menu ul {display: flex; justify-content: center; margin: 0; align-items: center;}
header .main-menu > ul > li > a {color: #fff;font-size: 20px; padding: 7px 10px; margin: 0 10px;}
header .main-menu > ul > li:hover > a {border-bottom: 3px #fee233 solid;}

header .main-menu ul li.parent {position: relative;}
header .main-menu ul li.parent ul {position: absolute;z-index: 9999;left: 10px;top: -300px;display: none;background: #04042b;padding: 0px;width: 600px;padding: 40px 30px 20px 30px;opacity: 0;display: block;}
header .main-menu > ul > li.parent:hover > ul {opacity: 1; display: flex; top: 37px;align-items: flex-start;flex-direction: column;flex-flow: wrap;column-gap: 4%; justify-content: flex-start;}
header .main-menu ul li.parent ul::after { content: ''; position: absolute; bottom: -40px; left: 0px; width: 0; height: 0; border-top: 40px solid #04042b; border-right: 600px solid transparent;}

header .main-menu ul li.parent ul li {display: inline-block; width: 48%;}
header .main-menu ul li.parent ul li a {text-transform: capitalize; color: #fff;padding: 5px 0;position: relative;font-size: 18px;line-height: 20px; display: block;}

header .cart-icon a {padding: 10px 12px; border-radius: 55px; background: #015696; margin-left: 15px; display: block; transition: 0.3s;}
header .cart-icon a img {width: 15px; transition: 0.3s;}
header.sticky .cart-icon a {padding: 8px 10px;}
header.sticky .cart-icon a img {width: 13px;}

header.sticky .top-header {}
header.sticky .top-header .social-item li a.contact-feat-item {}
header.sticky .wrapper {}

header.sticky .main-menu {display:none}

header.sticky .logo {width: 100px;}

header .border-header {position: absolute; bottom: -10px; width: 200%; }

/* Page Sections */

.home-banner-container {height: 80vh; position: relative; overflow: hidden;}
.home-banner-container figure {height: 100%;}
.home-banner-container figure img {position: absolute;height: 100%; width: 100%; object-fit: cover;}
.home-banner-container .swiper {height: 100%;}
.home-banner-container .swiper-slide {background: #000; overflow: hidden;}
.home-banner-container .swiper-slide img {opacity: 0.9; width: auto; min-height: 100%; max-width: none; left: 50%; top: 50%; position: relative; transform: translate(-50%, -50%);}

.home-banner-container .feature-button-home {position: absolute;left: 50%;justify-content: center;transform: translateX(-50%);z-index: 99;bottom: 0px; width: 100%; max-width: 1500px; display: grid; grid-template-columns: repeat(3,1fr);}
.home-banner-container .feature-button-home .button {font-family: 'euclid_flexbold';color: #ebeff1;font-size: 48px;padding: 30px 0;text-align: center; text-decoration: none; width: 100%; text-transform: uppercase;}
.home-banner-container .feature-button-home .button img { display: inline-block; position: relative; bottom: 7px; padding-left: 15px;}
.home-banner-container .feature-button-home .button:nth-child(1) {background: #04042b;}
.home-banner-container .feature-button-home .button:nth-child(2) {background: #015696;}

.upcoming-container {position: relative; margin-top: 15px; background: #ebeff1;}
.upcoming-container figure { position: absolute; top: 0; left: 0; z-index: 0;}
.upcoming-container h2 {color: #fff; padding: 50px 0 30px 100px; font-size: 36px;line-height: 36px; z-index: 99;}
.upcoming-container .grey-button {border: 2px solid #fff; color: #fff;}
.upcoming-container .grey-button:hover {background: #015696;border: 2px solid #015696;}
.upcoming-container .button-item {position: absolute;top: 30px; left: 0; display: flex;flex-direction: column;align-items: baseline;}
.upcoming-container .button-item .button {display: block;}
.upcoming-container .button-item .button:nth-child(1)::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-bottom: 45px solid #ffef01; border-left: 24px solid transparent;}
.upcoming-container .button-item .button:nth-child(2)::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-bottom: 45px solid #00a7e8; border-left: 24px solid transparent;}

.upcoming-container .upcomingSlider {user-select: none;}
.upcoming-container .upcomingSlider h2 {font-family: 'euclid_flexbold';color:#ffffff; font-size:36px; line-height: 36px; text-decoration:none; padding: 16px 0 45px 7%; text-transform: uppercase; vertical-align: middle; position: relative;}

.btn-filter-wrap {position: absolute; top: 30px; left: 0px; z-index: 3;}


 #trips, #course {font-family: 'euclid_flexbold';color:#ebeff1;background: #04042b; font-size:17px; line-height: auto; text-decoration:none; padding: 11px 40px 11px 10px; text-transform: uppercase; text-align: center; display: block; outline:none; border: none; position: relative;}
 #trips::after, #course::after {content: '';position: absolute; bottom: 0px; right: 0px;width: 0; height: 0; border-bottom: 45px solid #ffef01; border-left: 24px solid transparent;}
 #course::after {border-bottom: 45px solid #00a7e8;}

 #courses {width: 100%;}

.item {transition: .8s;-webkit-transition: .8s;transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
.item.__loading{opacity: 0;transform: translateX(40px);-webkit-transform: translateX(40px);}
.item .ctop {background: #ffffff; padding: 30px 20px;}
.item .ctop::after {content: '';position: absolute; top: 0px; right: 0px;width: 0; height: 0; border-top: 25px solid #ffef01; border-left: 27px solid transparent;}
.item .ctop.crse::after {content: '';position: absolute; top: 0px; right: 0px;width: 0; height: 0; border-top: 25px solid #00a7e8; border-left: 27px solid transparent;}
.item .ctop h3 {font-family: 'euclid_flexbold';color:#04042b; font-size:18px; line-height: 18px; text-decoration:none; margin: 0 0 14px 0; }
.item .ctop h4 {font-family: "sofia-pro-condensed";font-weight: 300; color:#04042b; font-size:16px; line-height: 22px; text-decoration:none; }
.item .ctop h4 i {color:#015696; font-size:13px; line-height: 24px; padding: 0 5px 0 0; }
.item .cbot {background: #ffffff; padding: 10px 20px 23px 20px;}
.item .cbot h5 {font-family: 'euclid_flexbold';color:#00a7e8; font-size:14px; line-height: 20px; text-decoration:none; text-transform: uppercase; margin: 0 0 6px 0; text-align: left; }
.item .cbot p {font-family: "sofia-pro-condensed";font-weight: 300; color:#04042b; font-size:15px; line-height: 20px; text-decoration:none; }
.item a.enqu {font-family: 'euclid_flexbold'; color:#ffef01; font-size:20px; line-height: 20px; text-decoration:none; text-transform: uppercase; background: #02052a url(../img/enqu-arrow.png) 92% 50% no-repeat; margin: 0 0 0 0; display: block; padding: 15px 0; text-align: center;}
.item a.enqu:hover {color:#02052a; background: #00a7e8 url(../img/enqu-arrow.png) 92% 50% no-repeat; background-image: none;}
.item img {width: 100%;}

.button-section {padding: 50px 0 10px 0; background: #ebeff1;}
.button-section .wrapper.flex-row {justify-content: center; }
.button-section .grey-button {width: 15%; margin: 0 20px;}

.main-container {position: relative; padding: 200px 0 100px 0; background: url('/uploads/images/new-banner-01.jpg') bottom right no-repeat;}
.main-container-two {background: none;}
.main-container article {width: 48%; padding: 0  100px; box-sizing: border-box;}
.main-container figure {width: 48%;}

.social-container {padding: 100px 0 50px 0; background: #ebeff1;}
.social-container h2 {text-align: center; color: #024678;font-weight: 400;font-size: 48px; padding-bottom: 50px;}
.social-container h3 {text-align: center; color: #00a7e8;font-size: 16px; text-transform: uppercase; margin: 0;}

.inside-banner {position: relative; overflow: hidden;}
.inside-banner .border-banner {position: absolute;left: 0;bottom: 0px;transform: rotate(180deg);width: 140%;max-width: none;}
.inside-banner figure {position: relative;height: 45vh; overflow: hidden;}
.inside-banner figure img {position: absolute; max-width: none; width: 100%; height: 100%; object-fit: cover;}

.blurb-container {padding: 100px 0;}
.blurb-container article {text-align: center;}
.blurb-container article p {font-family: "sofia-pro-condensed";font-weight: 400;color: #00a7e8;font-size: 16px;line-height: 24px;text-decoration: none;margin: 0 0 5px 0;text-transform: uppercase;letter-spacing: 1px;}

.feature-boxes-container .box-item {width: 25%; position: relative; height: 48vh; box-sizing: border-box; overflow: hidden;}
.feature-boxes-container .box-item article {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%;}
.feature-boxes-container .box-item article h2 {color: #fff; text-align: center;}
.feature-boxes-container .box-item article p {color: #fff; text-align: center;}
.feature-boxes-container .box-item article p a {color: #fff; border-bottom: 2px #00a7e8 solid; font-weight: 500; text-decoration: none; padding-bottom: 5px;}
.feature-boxes-container .box-item img {position: absolute;max-width: none; width: 100%; height: 100%; object-fit: cover;}

.feature-boxes-container .box-item:nth-child(3n+1) {background: #003a63;}
.feature-boxes-container .box-item:nth-child(3n+2) {background: #0093d0;}
.feature-boxes-container .box-item:nth-child(3n+3) {background: #015696;}

.trips-container {padding: 100px 0; background: #d8e2e5;}

.standard-container {padding: 100px 0 20px;}
.standard-container .flex-row {align-items: flex-start; justify-content: center;}

.standard-container .side-item {margin-right: 50px;}
.standard-container .side-item img { margin: 0 0 25px 0; max-width: 195px; border-radius: 50em;}
.standard-container .side-item h3 { font-family: "sofia-pro-condensed"; font-weight: 400; color: #00a7e8; font-size: 16px; line-height: 24px; text-decoration: none; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px;}
.standard-container .side-item p a, .standard-container .side-item li a { color: #015696; font-weight: 500; text-decoration: none; border-bottom: 0; border-bottom: 2px #00a7e8 solid;}

.standard-container article {width: 50%; margin-right: 50px;}
.standard-container article h2 {color: #3a689e;font-size: 34px;}
.standard-container li {list-style: initial;}

.standard-container .social-items h3 { font-family: "sofia-pro-condensed"; font-weight: 400; color: #00a7e8; font-size: 16px; line-height: 24px; text-decoration: none; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px;}
.standard-container .social-items > a { color: #fff; background: #c6ced2; width: 39px; height: 39px; line-height: 43px; display: block;text-align: center; border-radius: 50em; margin: 0 0 8px 0;}
.standard-container .social-items > a:hover {background: #00a7e8;}

.center-container h1 {text-align: center;}
.center-container h2 {text-align: center; font-family: "sofia-pro-condensed";font-weight: 400;color: #3a689e;font-size: 24px;line-height: 30px;text-decoration: none;margin: 0 0 25px 0;}
.center-container h3 {text-align: center;}
.center-container h4 {text-align: center;}
.center-container p {text-align: center;}

.image-split-container .flex-row {justify-content: center; padding-left: 10%; margin-top: 20px;}
.image-split-container img {width: 28%;margin: 0 20px; padding-bottom: 150px;}
.image-split-container img:nth-child(2) {position: relative; top: 80px;}

.bottom-inside-container {padding-bottom: 100px;}
.bottom-inside-container .wrapper {max-width: 90%; width: 34%;}
.bottom-inside-container h2 {color: #3a689e;font-size: 34px;}

.shop-heading-container {background: url('/img/shop-banner.jpg'); padding-top: 200px; position: relative; margin-bottom: 30px; overflow-x: hidden;}
.shop-heading-container::after {content: ''; position: absolute;left: 0; top: 0; z-index: 9; background: #0006;width: 100%; height: 100%;}
.shop-heading-container .wrapper {position: relative; z-index: 99;}
.shop-heading-container .border-banner {position: absolute;left: 0;bottom: 0px;transform: rotate(180deg);width: 140%;max-width: none; z-index: 99;}
.shop-heading-container h1 {color: #fff;}

.cata-container {padding-bottom: 100px;}
.cata-container > .flex-row {justify-content: space-between; align-items: flex-start;}

.cata-container .cata-item {width: 19%; position: relative;overflow: hidden;height: 220px;background: #04042b;margin-bottom: 5px;transition: 0.5s; border-radius: 4px;}
.cata-container .cata-item img {position: absolute;top: 0; left: 0;  width: 100%; height: auto; max-width: none; transition: 0.5s; opacity: 0.8}
.cata-container .cata-item article {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; z-index: 99;}
.cata-container .cata-item article h3 { font-family: 'euclid_flexbold'; color: #015696; font-size: 21px; line-height: 30px; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; margin: 0;}

.cata-container .cata-item .circle-special {position: absolute; width: 0%; height: 0%; background: #00cfff;left: -25%; top: -25%; border-radius: 500px; overflow: hidden; box-shadow: 0 0 0px 0px #0085a499; z-index: 99; transition: 0.3s; mix-blend-mode: multiply; opacity: 0;}
.cata-container .cata-item .circle-special::after {content: ''; width: 0%; height: 0%; position: absolute; background-image: radial-gradient(#0006, #00cfff); border-radius: 500px; opacity: 0; border: 15px solid #ebeff100; transition: 0.6s;}
.cata-container .cata-item:hover .circle-special {width: 150%; height: 150%; box-shadow: 0 0 40px 40px #00cfff; opacity: 1;}
.cata-container .cata-item:hover .circle-special::after {width: 100%; height: 100%; opacity: 1; border: 15px solid #00cfff;}

.cata-container .cata-item:hover img {opacity: 0.6;}

.cata-main {width: 78%;}
.cata-main > .flex-row {align-items: initial;}

.category-row {grid-gap: 10px;}

.flex-row.category-row::after {
    content: "";
    flex: auto;
}

.side-menu {background: #04042b;padding: 30px;box-sizing: border-box;width: 20%;position: relative; margin-bottom: 10px; border-radius: 4px;}

.side-menu form {position: relative; margin-bottom: 30px; border-radius: 100px;  overflow: hidden;}

.side-menu input {padding: 15px; background: #fff; outline: 0; border: 1px solid #fff; border-radius: 100px; box-sizing: border-box; width: 100%; transition: 0.3s;}
.side-menu input:focus {border: 1px solid #00a7e8;}

.side-menu button {width: 58px;transform: translateY(-50%);right: 0;top: 50%;position: absolute;border-radius: 0;background: #0000;box-sizing: border-box;height: 58px; cursor: pointer; border: 0; transition: 0.2s;}
.side-menu button:active {background: #eee; border-radius: 100%;}
.side-menu button::before {content: '';position: absolute;right: 26px;top: 45%;padding: 4px;border-radius: 100%;border: 2px solid #04042b;z-index: 99;transform: translateY(-50%);cursor: pointer;}
.side-menu button::after {content: '';position: absolute;right: 23px;top: 55%;border-radius: 30px;z-index: 99;width: 8px;height: 2px;background: #04042b;transform: rotate(45deg) translateY(-50%);cursor: pointer;}

.side-menu h4 {color:#fff; font-family: 'euclid_flexbold'; font-size: 22px; margin:0 0 20px; line-height: 20px;}
.side-menu h4 a {color:#fff}

.side-menu ul {margin: 0; transition: 0.6s;}
.side-menu ul li {list-style: none; cursor: pointer; user-select: none;}

.side-menu > ul > li {border-bottom: 1px solid #5b687d; padding: 10px 0; font-size: 15px; font-family: 'euclid_flexbold';color: #fff; position: relative; transition: 0.3s;}
.side-menu > ul > li > a {font-family: 'euclid_flexbold';}
.side-menu > ul > li a {color: inherit; text-decoration: none; display: block;}
.side-menu > ul > li ul::after {position: absolute;content: '';width: 12px;height: 9px;background: #9b9b9b;right: 0;top: 15px;transform: rotate(45deg); transition: 0.3s;}
.side-menu > ul > li ul::before {position: absolute;content: '';width: 24px;height: 16px;background: #04042b;right: -5px;top: 6px; z-index: 99; transition: 0.3s;}
.side-menu > ul > li:hover ul::after { height: 12px; top: 14px; background: #fff;}
.side-menu > ul > li:hover ul::before {top: 6px;}


.side-menu > ul > li > ul > li {line-height: 0px; overflow: hidden; font-size: 16px; opacity: 0; color: #94a9cc; transition: 0.3s;}
.side-menu > ul > li > ul > li a {color: inherit; text-decoration: none;}
.side-menu > ul > li > ul > li:hover {color: #fff;}

.side-menu > ul > li.active-cat {border-bottom: 1px solid #fff;}
.side-menu > ul > li.active-cat > ul {margin: 10px 0;}
.side-menu > ul > li.active-cat > ul li {line-height: 28px; opacity: 1;}

.afterpay-pricing-product {margin: 0; font-family: "sofia-pro-condensed"; font-weight: 300; color: #8c8f94; display: flex; gap: 5px; font-size: 16px; align-items: center;}
.afterpay-pricing-product .afterpay-logo { height: 22px; width: auto; max-width: 72px; object-fit: contain; display: block;}
.afterpay-pricing-product .afterpay-info { display: inline-flex; align-items: center; align-self: center; line-height: 0;}
.afterpay-pricing-product .afterpay-info img { width: 12px; height: 12px; display: block;}

.form-bx .afterpay-pricing-product {justify-content: flex-start;}

.prod-main {width: 84.5%; justify-content: flex-start; column-gap: 0.5%; align-content: flex-start;}

.prod-item {padding: 25px; box-sizing: border-box; width: 24%; border-radius: 4px; position: relative; border: 1px solid #e3e3e3; overflow: hidden; margin-bottom: 8px; transition: 0.3s; display: block;}
.prod-item figure {width: 100%; mix-blend-mode: darken; transition: 0.6s; object-fit: contain; margin: 0 auto 15px; height: 0; padding-bottom: 100%; position: relative;}
.prod-item figure img {position: absolute; width: 90%; height: 90%; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); transition: 0.3s; object-fit: contain;}
.prod-item article {width: 100%; box-sizing: border-box; margin-bottom: 15px;}
.prod-item article h3 { font-family: 'euclid_flexbold'; color: #015696; font-size: 20px; line-height: 22px; text-decoration: none; padding: 0 12px 0 0; text-transform: uppercase; margin-bottom: 5px; min-height: 44px; align-content: end;}
.prod-item article p {color: #00a7e8;font-size: 34px; font-weight: 600; display: grid;}
.prod-item article p strike {color: #db0000;font-size: 18px;}
.prod-item article:last-child {margin-bottom: 0;}

.prod-item .prod-item-link { display:block; }
.prod-item .afterpay-pricing-product { }
.prod-item .afterpay-pricing-product .afterpay-line { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; line-height: 1.2; font-size:16px; }
.prod-item .afterpay-pricing-product .afterpay-text { min-width: 0;}
.prod-item .afterpay-pricing-product .afterpay-with { display: inline-flex; align-items: flex-start; gap: 6px; white-space: nowrap; }
.prod-item .afterpay-pricing-product .afterpay-logo { height: 22px; width: auto; max-width: 72px; object-fit: contain; display: block;}
.prod-item .afterpay-pricing-product .afterpay-info { display: inline-flex; align-items: center; align-self: center; line-height: 0;}
.prod-item .afterpay-pricing-product .afterpay-info img { width: 15px; height: 15px; display: block;}

.prod-item .circle-special {position: absolute; width: 220px; height: 220px; background: #ebeff1;left: 50%; top: 25px; transform: translateX(-50%); border-radius: 500px; overflow: hidden; box-shadow: 0 0 0px 0px #ebeff1; transition: 0.5s;}
.prod-item .circle-special::after {content: ''; width: 0%; height: 0%; position: absolute; background-image: radial-gradient(white, #ebeff1); transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 500px; opacity: 0; border: 15px solid #ebeff100; transition: 1s;}

.prod-item:hover {border: 1px solid #00a7e8;}
.prod-item:hover .circle-special {width: 228%; height: 153%; transform: translate(-50%, -50%); top: 40%; box-shadow: 0 0 40px 40px #ebeff1;}
.prod-item:hover .circle-special::after {width: 100%; height: 100%; opacity: 1; border: 15px solid #dfe3e6;}
.prod-item:hover figure img {transform: translate(-50%,-50%) scale(1.1);}


.prod-item small.laybuy { font-size: 12px; font-family: 'gt_pressuraregular', sans-serif; margin-top: 7px; display: block; text-transform:uppercase; letter-spacing:1px; color: #000;}
.prod-item .laybuy img { width: 15px; height:initial; display: inline-block; position: relative; left:initial; top: 2px;}

.prod-item-link + .afterpay-pricing-product {margin-top: 20px;}

.no-product {width: 84%; box-sizing: border-box; padding: 50px}

.productsSlider {padding-bottom: 30px;}
.productsSlider .prod-item {width: 100%; background: #fff; margin: 0;}

.product-container {position: relative;overflow: hidden; padding: 50px 0;}
.product-container .bak-feat {color: #ebeff1; font-size: 310px; font-family: 'euclid_flexbold'; text-transform: uppercase; position: absolute;top: 100px; width: auto; max-width: none; left: 50%; transform: translateX(-50%); line-height: 1;margin: 0; z-index: -1;}

.product-container > .flex-row {align-items: flex-start; position: relative;}

.product-container figure {width: 30%; position: relative; mix-blend-mode: darken; box-sizing: border-box;}

.product-container figure .product-slide-item {padding: 0 0 50px 0;position: relative;}
.product-container figure .product-slide-item .swiper-slide img {transform: scale(1);  transition: 0.5s; max-height: 500px; margin: auto; width: auto; height: 100%;}

/* .gal-container {transform: translate3d(0px, 0px, 0px);}
.gal-container.active {cursor: default;}

.gal-container .gal-pop {position: fixed; opacity: 0; transition: 0.5s; width: 75%;transform: translate(-50%, -50%); left: 150%; top: 50%; z-index: -999;}
.gal-container .gal-pop img {width: 50%; transition: 0.3s;}
.gal-container .gal-pop::after {content: ''; background: #0008; width: 101vw; height: 101vh; z-index: -1; position: absolute; transform: translate(-50%, -50%); left: 150%; top: 50%; transition: 0.6s;}

.gal-container.active .gal-pop img {width: 100%;}
.gal-container.active .gal-pop {opacity: 1; z-index: 999;  transform: translate(-50%, -50%); left: 50%;}
.gal-container.active .gal-pop::after {transform: translate(-50%, -50%); left: 50%;}

.gal-container .gal-pop .close-icon {padding: 18px 27px 33px 40px; border-radius: 60px 0px 0px 0px;} */

.product-container article {width: 40%; padding-left: 50px; box-sizing: border-box;position: relative;}
.product-container article span { font-family: "sofia-pro-condensed"; font-weight: 400; color: #00a7e8; font-size: 16px; line-height: 24px; text-decoration: none; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px;}
.product-container article h1 {max-width: 500px;}
.product-container article h2 {font-family: "sofia-pro-condensed";font-weight: 400;color: #3a689e;font-size: 24px;line-height: 30px;text-decoration: none;margin: 0 0 25px 0;}
.product-container article h3 {font-family: "sofia-pro-condensed";font-weight: 400;color: #3a689e;font-size: 24px;line-height: 30px;text-decoration: none;margin: 0 0 25px 0;}
.product-container article h4 {font-family: "sofia-pro-condensed";font-weight: 400;color: #3a689e;font-size: 24px;line-height: 30px;text-decoration: none;margin: 0 0 25px 0;}
.product-container article ul, .product-container article ol {display: flex;align-items: center;justify-content: space-between;flex-flow: row wrap;align-content: flex-end;}
.product-container article li {width: 45%; color: #444;}
.product-container article .price-item {color: #00a7e8;font-size: 48px;font-weight: 600; margin-bottom: 30px; display: grid; line-height: 1;}
.product-container article .price-item strike {color: #db0000;font-size: 22px; padding-bottom: 10px;}

.product-container .social-items {position: absolute; bottom: -7px; right: 2%;}
.product-container .social-items h3 { font-family: "sofia-pro-condensed"; font-weight: 400; color: #00a7e8; font-size: 16px; line-height: 24px; text-decoration: none; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px;}
.product-container .social-items > a { color: #fff; background: #c6ced2; width: 39px; height: 39px; line-height: 43px; display: block;text-align: center; border-radius: 50em; margin: 0 0 8px 0;}
.product-container .social-items > a:hover {background: #00a7e8;}

.prod-navigation {justify-content: flex-end;}
.prod-navigation .button {padding: 15px; font-size: 17px; box-sizing: border-box; cursor: pointer; user-select: none; width: 50%;}
.prod-navigation .button.custom-prev {background: #015696;}
.prod-navigation .button.custom-prev img {transform: rotate(180deg); width: 45px;}
.prod-navigation .button img {display: inline-block;position: relative;bottom: 2px;padding-left: 15px; width:45px;}

.add-item {justify-content: flex-start; margin-bottom: 30px; height: 60px;}
.add-item input {padding: 0 22px; width: 110px; background: #015696; box-sizing: border-box; outline: 0; border: 0; color: #fff !important; height: 100%;}
.add-item button {outline: 0; border: 0; font-size: 23px; padding: 0 30px; height: 100%;}

.sale-item {padding: 8px 15px; position: absolute; text-align: center; left: 0; top: 0; z-index: 999; color: #fff; background: #db0000; text-transform: uppercase; line-height: 1;}
.laybuy-feat {background:url('/img/laybuy-logo.jpg'); width: 70px; height: 16px; background-size: 100%; position: absolute; right: 25px; top: 25px; z-index: 99; background-repeat: no-repeat; mix-blend-mode: darken;}
.limited-stock-item {padding: 8px 15px; position: absolute; text-align: center; left: 0; top: 0; z-index: 999; color: #fff; background: #04042b; text-transform: uppercase; line-height: 1;}

.bottom-slider-container {height: 650px; overflow: hidden; position: relative;}
.bottom-slider-container .homebottomSlider {height: 100%;}
.bottom-slider-container .flex-row {align-items: center; position: relative; height: 100%;}
.bottom-slider-container figure {overflow: hidden; width: 40%; height: 100%;}
.bottom-slider-container figure img {width: 110%;}
.bottom-slider-container article {width: 35%; margin: auto; box-sizing: border-box;}
.bottom-slider-container article p a {transition: all 0.5s ease;font-family: 'euclid_flexbold';color: #015696;font-size: 15px;line-height: 27px;text-decoration: none;text-transform: uppercase;padding: 20px 0 0 0;display: block;}
.bottom-slider-container article p a::before { transition: all 0.5s ease; content: ''; display: inline-block; width: 89px; height: 2px; background: #015696; margin: 0 11px 6px 0; vertical-align: middle;}
.bottom-slider-container article p a:hover::before { width: 50px;}

.recommend-container {background: #015696;padding: 100px 0 70px 0;}
.recommend-container h2 {color: #fff; text-align: center; margin-bottom: 100px;}

.account-main-container article {max-width: 850px; margin: 0 auto; position: relative; z-index: 9; padding: 0 100px;bottom: -50px; opacity: 0; box-sizing: border-box; transition: 1s;}
.account-main-container article form {padding: 0 !important;}
.account-main-container article h1 {font-size: 45px;}
.account-main-container article h2 {margin-bottom: 20px;}
.account-main-container article .button {background: #015696;}
.account-main-container .flex-row {align-items: flex-start;}
.account-main-container .flex-row article {width: 50%; max-width: none; box-sizing: border-box; padding: 0 50px;}
.account-main-container .email-alerts-container {padding-top: 30px;}

.account-nav { position: absolute; width: 100%; padding: 15px; background: #ec4e64; display: flex;justify-content: center;}
.account-nav a {display: block; padding: 0 8px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px;}

.account-main-container {padding: 300px 0; background: #04042b;  box-sizing: border-box;}
.account-main-container.active-scroll article {bottom: 0; opacity: 1;}

.account-main-container article h1 {color: #fff;}
.account-main-container article h2 {color: #fff;}
.account-main-container article h5 {color: #fff;}
.account-main-container article p {color: #fff!important;}
.account-main-container article p a {color: #eb2f2f;}
.account-main-container article label {color: #fff;}
.account-main-container article h5 {padding-top: 50px;}

.account-main-container .address-item-table p.no-find {text-align: left;width: 50%;margin-bottom: 30px;padding-left: 0px;}

.addresses-container {border-radius: 5px; overflow: hidden; margin-bottom: 20px; padding: 30px 0;}
.addresses-container  .heading-address-item {border-bottom: 1px solid #ccc;}
.addresses-container .flex-row {border-bottom: 1px solid #ccc; align-items: center;}
.addresses-container .flex-row:last-child {border-bottom: 1px solid #ccc0;}
.addresses-container .remove-address {color: #fff;}



.address-item-table {max-width: 100% !important;}
.address-item-table p {width: 20%;padding: 15px 30px; box-sizing: border-box; margin: 0; color: #000 !important; text-align: center;}
.address-item-table .yes-badge {width: 25px; height: 25px; background: #fff; border-radius: 100%; position: relative; display: block; margin: 0 auto;}
.address-item-table .yes-badge::before { content: ''; width: 5px; height: 2px; position: absolute; background: #04042b; transform: rotate(45deg); top: 14px; left: 7px;}
.address-item-table .yes-badge::after { content: ''; width: 12px; height: 2px; position: absolute; background: #04042b; transform: rotate(-45deg); top: 12px; left: 8px;}

#savedAddress .checkmark {top: 3px;}
#savedAddress .checkmark::after {top: 0px; left: 0px;}

.section_product { background-color: #fffaf5;}
.tab-content-section { background-color: #fffaf5; padding-top: 60px;}
p.pp-sale { color: #e67558; font-size: 19px; text-align: center;}
h1.pp-title { color: #023b63; font-size: 28px; font-family: "GTPressura-Bold"; font-style: normal; text-align: center; text-transform: uppercase; padding: 16px 0;}
.product-content { max-width: 400px; width: 100%;}
.pp-size,.pp-price { color: #000000; font-size: 18px; line-height: 25px; text-align: center; padding-bottom: 6px;}
.pp-price { padding-bottom: 20px;}
.pp-price strike { color: #e67558;}
.pp-qty-wrap { border: 1px solid #e6e6e6; display: flex; justify-content: space-between; height: 45px; margin-bottom: 10px;}
.pp-qty-btn { padding: 0 20px; background-color: #fff; border: 0;}
input.pp-qty-display { width: 100%; text-align: center; border: 0; font-size: 16px; line-height: 23px; color: #000000;}
.product-content .button-orange { width: 100%; text-align: center; font-family: "GTPressura"; font-weight: normal; font-style: normal; font-size: 18px; padding: 18px 0; text-transform: uppercase; letter-spacing: 1px;}
.product-info { border-top: 1px solid #e1e1e1; margin-top: 25px; padding-top: 15px;}
.check-label {padding: 0 0 0 50px !important;}
.button-link {color: #293991;}

.account-nav { position: absolute; width: 100%; padding: 15px; background: #54b0f1; display: flex;justify-content: center; box-sizing: border-box; top: 160px;}
.account-nav a {display: block; padding: 0 8px; color: #fff !important; text-decoration: none; text-transform: uppercase; font-size: 16px; font-family: 'euclid_flexbold';}

.popout-main-container {opacity: 0; position: fixed; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 85%; z-index: 999; transition: 0.6s; max-width: 600px;}
.popout-main-container article {padding: 50px;border: 2px #ec4e64 solid; background: #fff;}
.popout-main-container article .flex-row {justify-content: flex-start;}
.popout-main-container article .flex-row button:nth-child(2) {background: none; font-size: inherit; padding: 15px 30px; }
.popout-main-container.active-popout {top: 50%; opacity: 1;}

.contact-block input, .contact-block textarea {border: 1px solid #444 !important;}
.contact-block .form-row .form-field {width: 49%;}

.courses-wrapper {max-width: 1300px; width: 100%; margin: 0 auto;}

.table {box-sizing: border-box; border: 1px solid #04042b; margin-top: 50px;}
.row {display: grid; width: 100%; grid-template-columns: repeat(6, 1fr); box-sizing: border-box; padding: 20px; grid-gap: 10px;}
.row p {margin: 0;}
.row p:last-child {text-align: right;}
.row a {color: #015696; border-bottom: 1px solid #015696}
.row:nth-child(2n+2) {background: #f9f9f9;}
.row.option2 {order:1;}

.row-heading {display: grid; width: 100%; grid-template-columns: repeat(6, 1fr); box-sizing: border-box; background: #04042b; padding: 20px;}
.row-heading p {margin: 0; color: #fff; font-family: 'euclid_flexbold';}

.contact #mc_embed_shell {background: #04042b; color: #fff; box-sizing: border-box; padding: 15px 20px; border-radius: 4px; margin-bottom: 30px;}
.contact #mc_embed_shell h2 {color: #fff; font-family: 'euclid_flexbold'; font-size: 22px; margin: 0 0 20px; line-height: 20px;}
.contact #mc_embed_shell .indicates-required {display: none;}
.contact #mc_embed_shell #mc-embedded-subscribe {background: #015696; color: #fff !important;}
.contact #mc_embed_shell #mce-responses {display: none;}

.footer-shop-container {padding: 100px; background: url(/img/shop-banner.jpg);}
.footer-shop-container article {text-align: center;}
.footer-shop-container article .button {font-family: 'euclid_flexbold';color: #ebeff1;font-size: 48px;text-align: center;text-decoration: none;width: 50%;text-transform: uppercase; display: inline !important;}
.footer-shop-container article p img {display: inline-block;position: relative;bottom: 7px;padding-left: 15px;}

/* Footer */
footer {padding: 50px 0 20px !important; background: #04042b; position: relative;}
footer .wrapper.flex-row {justify-content: space-between; position: relative; max-width: 85%;}
footer img.border-footer {position: absolute; top: 0px;}
footer ul {margin: 0;}
footer ul li { list-style: none; margin-right: 10px;}

footer .footer-links {width: 100%; justify-content: flex-start; align-items: flex-start;}
footer .footer-links > ul {padding: 0px; width: 100%; margin: 0;}
footer .footer-links > ul {justify-content: flex-start;align-items: flex-start; display: flex;}
footer .footer-links ul > li {width: auto; margin: 0 40px 0 0; font-size: 14px;}
footer li > a {color:#fff}
footer .footer-links ul > li > a {font-family: 'euclid_flexbold';font-size: 20px;color: #fff;line-height: 24px;display: block;margin-bottom: 5px;text-transform: uppercase; text-decoration: none;}
footer .footer-links ul > li.parent > ul > li, footer .footer-links ul > li.first_child > ul > li {margin: 0;}
footer .footer-links ul > li.parent > ul > li > a, footer .footer-links ul > li.first_child > ul > li > a {font-family: "sofia-pro-condensed";font-weight: 300;color: #5e5e75;font-size: 16px;line-height: 25px;text-decoration: none;display: block; text-decoration: none; text-transform: capitalize; }
footer .footer-links ul > li.parent > ul > li > a:hover, footer .footer-links ul > li.first_child > ul > li > a:hover {color: #fff;}

footer .footer-right {text-align: left;position: relative;top: 10px;}
footer .footer-logo  {width: 100px;top: -50px;position: absolute; right: 0;}
footer .footer-right h2 {font-family: 'euclid_flexbold';text-transform: uppercase;font-size: 20px;color: #ffffff;line-height: 24px;display: block;margin: 10px 0 15px 0;}
footer .footer-right h2 span {font-size: 30px;}
footer .footer-right p {color: #5e5e75; font-family: "sofia-pro-condensed"; font-weight: 400; font-size: 14px; line-height: 20px; margin: 0 0 0 0;}

footer .footer-right a.fsoc { font-family: 'fontAwesome'; color: #ebeff1; font-size: 30px; line-height:55px; font-weight: 400; text-decoration: none; padding: 0px; width: 55px; height: 55px; border-radius: 50%;  display:block; text-align: center; font-style: normal; background: #0081c2;}

footer .footer-right ul {padding: 15px 0; width: 100%; margin: 0;}
footer .footer-right p.sml { color: #5e5e75; font-family: "sofia-pro-condensed"; font-weight: 400; font-size: 11px; line-height: 20px; margin: 0 0 0 0;}
footer .footer-right p a {color: inherit;text-decoration: none;}

.fab {margin-top: 12px !important;}

.accordion-item::after {content: ' '; background: url(/img/plus.svg) no-repeat; background-size: auto; background-size: contain; position: absolute; right: 0; top: 25px; width: 25px; height: 25px; -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.accordion-item.active::after {transform: rotate(45deg);}
.accordion-item {cursor:pointer;width: 100%; display: flex; align-items: center; box-sizing: border-box; padding: 40px 50px 25px 0; font-size: 25px; border-bottom: 1px solid #2d2d2d; position: relative;}
.accordion-item h4 {color: #0FACB2;}
.accordion-item strong {color: #2d2d2d;font-weight: 300;}
.accordion-item .number {color: #2d2d2d;display: flex; min-width: 30px; width: 30px; height: 30px; position: relative; margin-right: 40px; border: 1px solid #707070; border-radius: 50vw; margin-bottom: 8px;}
.accordion-item .number span {color: #2d2d2d;font-size: 13px; font-weight: 300; position: absolute; top: 52%; left: 50%; transform: translate(-50%,-50%);}
.accordion-item.active {border: 0;}
.accordion-item p {position: relative;}

.panel {max-height: 0px; border: 1px solid #2d2d2d00; border-radius: 0 0 15px 15px; box-sizing: border-box; background: #eee0; overflow: hidden; transition: 0.5s; border-top: 0;}
.accordion-item.active + .panel { max-height: 1000px; background: #eee; border: 1px solid #2d2d2d;}
.panel p {color: #2d2d2d;font-size: 18px; margin: 10px 0; padding: 10px;}
.panel a {color: #2d2d2d;font-weight: bold;}