img[src*="insight.adsrvr.org"] {
  display: none !important;
}

.mobile-only {
	display: none !important;
}

/* OpenSauceSans */
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
	font-display: block;
}

/* OpenSauceSans */
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSauceSans';
    src: url('../fonts/OpenSauceSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

body {
    font-family: 'OpenSauceSans', sans-serif;
	color: black;
}

.blue-body {
    background-color: #052DF1;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'OpenSauceSans', sans-serif !important;
}

body.blue-body h1, body.blue-body h2, body.blue-body h4, body.blue-body span {
    color: white;
}

html {
	overflow-x: hidden;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

sup {
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	top: -0.5em;
}


sub {
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	top: 0.5em;
}

body {
    color: #000000;
    padding: 0;
    margin: 0;
    font-size: 14px;
	overflow-x: hidden;
	background-color: #CCFF01;
}

.back-btn{
	text-decoration: none;
	color: #000;
	font-size: 18px;
	background-color: rgb(243, 239, 161);
	border: 1px solid rgb(243, 239, 161);
	padding: 7px 40px;
	border-radius:  25px;
	align-self: start;
	margin-top:  40px;
}

.w-fit-content {
width: fit-content;
}
.mx-auto {	margin: 0 auto;}
.text-align-center { text-align: center;}
.hidden { display: none !important; }
/*Structure Definition*/

/*Colors*/
.white {
	color: #ffffff !important;
}


.black {
	color: #000000 !important;
}

.tge-yellow {
	color: #F3EFA1;
}
.tge-countdown-btn {
    background-color: #000;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    padding: 10px;
    z-index: 1000;
    position: relative;
}
.countdown-timestamp {
	display: none;
}
.venture-btn.disabled  {
	background-color: unset !important;
	border: 2px solid #737373 !important;
	color: #737373 !important;
	display: none;
}

#side-menu-nav a.disabled {
    pointer-events: none;
    cursor: default;
}

a.flex-item:not(.disabled):hover .tge-yellow-btn,
.tge-yellow-btn:not(.disabled):not(.countdown-timestamp):hover {
	background-color: #171717;
	border: 2px solid #F3EFA1 !important;
	color: #F3EFA1;
}

.tge-green {
	color: #1AE584;
}
.tge-green-btn {
	background-color: #1AE584;
	border-radius: 50px;
	color: #000;
}
a.flex-item:not(.disabled):hover .tge-green-btn,
.tge-green-btn:not(.disabled):not(.countdown-timestamp):hover {
	background-color: #171717;
	border: 2px solid #1AE584 !important;
	color: #1AE584;
}
.tge-lime {
    color: #CCFF01;
}

.tge-pink-btn {
	background-color: #FEAEBB;
	border-radius: 50px;
	color: #000;
}
a.flex-item:hover .tge-pink-btn,
.tge-pink-btn:hover {
	background-color: #171717;
	border: 2px solid #FEAEBB !important;
	color: #FEAEBB;
}

/*Custom Responsive Classes */

.only_desktop_view { display: block !important;}
.only_mobile_view { display: none !important;}	

.show_below_1024 {
	display: none;
}


.show_above_1280 {
	display: block;
}

.show_below_1280 {
	display: none;
}


/*Headings*/



h1 {
	font-size: clamp(32px, 4.4vw, 84px);
	font-weight: 600;
}

h2 {
	font-size: clamp(22px, 1.9vw, 36px);
	font-weight: 600;
	text-align: center;
    margin-bottom: 15px;
	width: fit-content;
	margin: auto;
}

h2 a {
	text-transform: uppercase;
	font-size: clamp(16px, 1.15vw, 22px);
	color: white;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: all 0.2s ease;
    position: relative;
}
h2 a:after {
        content: '';
        position: absolute;
        background-color: white;
        height: 1px;
        width: 0;
        left: 0;
        bottom: 0px;
        transition: 0.3s;
    }
h2 a:hover:after {
    width: 100%;
}

h3 {
	font-size: clamp(20px, 1.9vw, 36px);
	font-weight: 400;
}

h3 a {
	font-size: 26px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}

h4 {
	font-size: 18px;
	font-weight: 400;
}


h5 {
	font-size: 18px;
	font-weight: 400;
}

p {
	font-size: clamp(16px, 1.15vw, 22px);
	font-weight: 200;
	line-height: 150%;
	margin-bottom: 30px;
	color: #000;
}

body.blue-body p, body.blue-body p a {
    color: #fff;
}

p a {
	font-size: 16px;
	font-weight: 200;
	line-height: 133%;
	margin-bottom: 30px;
	color: #FFF;
	text-decoration: none;
}
a { text-decoration: unset; }

p b, p strong, .bold {
	font-weight: 800 !important;
}

span {
	font-weight: 200;
}


h1.light {
	font-size: 72px;

}

h2.light {
	font-size: 40px;

}

h3.medium {

}

h3.light {
	font-size: 20px;

}

h2.semi-bold {

}

h3.semi-bold {

}

/*Layout*/
.flex-wrapper {

}

.flex-left {
	height: 100%;
}

.flex-right {
	height: 100%;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-valign-top {
	align-items: flex-start;
}

.flex-valign-bot {
	align-items: flex-end;
}

.flex-align-center {
	align-items: center;
}

.flex-justify-center {
	justify-content: center;
}
.flex-space-between {
	justify-content: space-between;
}

.gap-20 {
	gap: 20px;
}

.margin-auto {
	margin: 0 auto;
}

.w50p {
	width: 50%;
}

.w20p {
    width: 20%;
}
.w25p {
	width: 25% 
}
.w10p {
	width: 10%;
}

.w30p {
	width: 30%;
}


.w33p {
	width: 33%;
}

.w40p {
	width: 40%;
}

.w60p {
	width: 60%;
}

.w70p {
	width: 70%;
}
.w75p {
    width: 75%;
}

.w80p {
    width: 80%;
}

.w90p {
	width: 90%;
}

.w100p {
	width: 100%;
}

.pos-relative {
	position: relative;
}

.cus-obj-fit {
	object-fit: cover;
}

.vh60 {
	height: 60vh;
}

.vh40 {
	height: 40vh;
}


.vh50 {
	height: 50vh;
}

.vh100 {
	height: 100vh;
}

.h100p {
	height: 100%;
}

.cover-img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.overflow-hidden {
	overflow: hidden;
}

.minh539 {
	min-height: 539px;
}

.mw342 {
	max-width: 342px;
}

.mw470 {
	max-width: 470px;
}

.mw628 {
	max-width: 628px;
}

.mw840 {
	max-width: 840px;
}


.mw966 {
	max-width: 966px;
}

.mw983 {
	max-width: 983px;
}

.mw1040 {
	max-width: 1040px;
}

.mw1116 {
	max-width: 1116px;
}

.mw1280 {
	max-width: 1280px;
}


/*Text modification*/
.upper-case {
	text-transform: uppercase;
}

/*Padding*/
.cus-space-rem {
	padding-bottom: 1rem;
}

.cus-padding-bot-20 {
	padding-bottom: 20px;
}
.cus-padding-top-50 {
	padding-top: 50px;
}

.cus-padding-bot-50 {
	padding-bottom: 50px;
}


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


.cus-padding-bot-100 {
	padding-bottom: 100px;
}

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

.cus-padding-bot-200 {
	padding-bottom: 200px;
}


.title-wrapper {
	margin-bottom: 30px;
}
.cus-margin-bot-20 {
	margin-bottom: 20px;
}
.cus-margin-top-50 {
	margin-top: 50px;
}

.cus-margin-bot-0 {
	margin-bottom: 0;
}

.cus-margin-bot-80 {
	margin-bottom: 80px;
}


.tge-26-btn {
    font-size: clamp(16px, 1.05vw, 20px);
    padding: 18px 49px;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    background-color: #052DF1;
    transition: transform 0.5s ease;
    font-weight: bold !important;
    cursor: pointer;
    width: fit-content;
    margin: auto;
    white-space: nowrap;
}

.tge-26-btn:hover {
    background-color: #002BFF;
    color: #FFF;
    transform: scale(1.1);
}

.tge-26-btn.blue-body {
    background-color: black;
}


.tge-26-btn.message-load-more.blue-body:hover {
    transform: scale(1.1) translateX(-50%);
}

.side-logo-scrollable-section {
    position: relative;
    /*display: grid;
grid-template-columns: clamp(30px, 5vw, 70px) 1fr clamp(30px, 5vw, 70px);
column-gap: 10px;*/
}

.side-logos {
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 10;
    pointer-events: none;
}

.side-logos.left {
    left: 20px;
}

.side-logos.right {
    right: 20px;
}

.lottie-icon {
    width: clamp(40px, 5vw, 70px);
    height: clamp(40px, 5vw, 70px);
}

.page-content {
    padding: 0 50px;
}

.blue-text {
    color: #052DF1;
}

.text-align-center {
    text-align: center;
}

/*Header Wrapper*/
.header-wrapper {
    background-image: linear-gradient(rgba(204, 255, 1, 1) 50%, rgba(204, 255, 1, 0.5) 85%, rgba(204, 255, 1, 0) 100%);
    position: fixed;
    height: fit-content;
    transition: all 0.3s ease;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    visibility: visible;
    margin: 0 auto;
}

.header-wrapper.blue-header {
    background-image: linear-gradient(rgba(5, 45, 241, 1) 50%, rgba(5, 45, 241, 0.5) 85%, rgba(5, 45, 241, 0) 100%);
    visibility: visible;
    height: fit-content;
}

#header .header-inner-wrapper,
.header-wrapper .header-inner-wrapper,
.full-menu-wrapper .full-menu-header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 3rem;
    max-width: calc(1920px - 107px);
    margin: 0 auto;
    transition: height 0.3s ease;
    height: 108.98px;
    gap: 20px;
}
.full-menu-header-wrapper {
	/* background-image: linear-gradient(rgba(204, 255, 100, 1) 50%, rgba(204, 255, 100, 0.5) 85%, rgba(204, 255, 100, 0) 100%); */
}

.header-wrapper.mini .header-inner-wrapper,
.full-menu-wrapper .full-menu-header-wrapper.mini {
    height: 70px;
    transition: all 0.3s ease;
}
.header-wrapper.sticky {
	position: fixed;
	height:fit-content;
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease;
}

#header .header-inner-wrapper .search-btn,
.header-wrapper .header-inner-wrapper .search-btn,
.full-menu-header-wrapper .search-btn {
	max-width: 22px;
	display: block;
	cursor: pointer;
	position: relative;
}

.header-wrapper .header-inner-wrapper .search-btn img:hover {
    transform: scale(1.1);
}

.header-wrapper .header-inner-wrapper .search-btn img,
.full-menu-header-wrapper .search-btn img {
    width: 32px;
    height: 38px;
    object-fit: contain;
    transition: transform 0.1s ease;
}

.header-wrapper .header-inner-wrapper .menu-wrapper,
.full-menu-wrapper .menu-right-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 280px;
}

#header .header-inner-wrapper .menu-btn,
.header-wrapper .header-inner-wrapper .menu-btn{
    box-sizing: border-box;
    position: relative;
    margin-left: 22px;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    top: -2px;
}

.menu-btn.only_desktop_view.blue-body {
    color: #fff;
    background-color: transparent;
}

.full-menu-wrapper .close-btn {
    box-sizing: border-box;
    position: relative;
    margin-left: 23px;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 200;
    cursor: pointer;
    top: -2px;
}

.header-wrapper .header-inner-wrapper .menu-btn:after,
.full-menu-wrapper .close-btn:after {
    content: '';
    position: absolute;
    background-color: white;
    height: 2px;
    width: 0;
    left: 0;
    bottom: 0px;
    transition: 0.3s;
}

.header-wrapper .header-inner-wrapper .menu-btn.green-body::after {
    background-color: black;
}

.header-wrapper .header-inner-wrapper .menu-btn:hover:after,
.full-menu-wrapper .close-btn:hover:after {
	width: 100%;
}

#side-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 400px;
    max-width: 100vw;
    height: 100vh;
    background: #000;
    z-index: 1001;
    transform: translateX(100%);
    transition: transform 0.35s ease;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 30px;
}

#side-menu.active {
    transform: translateX(0);
}

#side-menu-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 40px;
}

#side-menu-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
}

#side-menu-close {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
}

#side-menu-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

#side-menu-nav a {
    display: block;
    background: #ccff00;
    color: #000;
    text-decoration: none;
    padding: 20px 40px;
    font-size: 16px;
    font-weight: 600;
    transition: opacity 0.2s;
    text-align: end;
    min-width: 101px;
    width: fit-content;
}

#side-menu-nav a:hover {
    opacity: 0.8;
}

.side-menu-heading {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 4px;
    display: block;
    text-align: end;
}

#side-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

#side-menu-overlay.active {
    opacity: 1;
    pointer-events: all;
}

.absolute-item {
    position: absolute;
    display: block;
}

.absolute-item.a-design-logo {
    top: 20%;
    left: 10%;
    text-decoration: unset !important;
}

.absolute-item.a-design-logo.blue-body {
    top: 0%;
    left: 8%;
}

.absolute-item.a-fine-art-logo {
    position: absolute;
    top: 55%;
    left: 40%;
    background-color: transparent;
    text-decoration: unset !important;
}

.absolute-item.a-fine-art-logo.blue-body {
    top: 5%;
    left: 25%;
}

@media screen and (max-width: 1250px) {
    .absolute-item.a-design-logo.blue-body {
        left: 10%;
    }
    /*.absolute-item.a-fine-art-logo.blue-body {
        left: 35%;
    }*/
}

@media screen and (max-width: 1100px) {
    .absolute-item.a-fine-art-logo.blue-body {
        top: 15%;
    }
}

@media screen and (max-width: 1000px) {
    .absolute-item.a-design-logo.blue-body {
        width: 250px;
    }

    .absolute-item.a-fine-art-logo.blue-body {
        width: 300px;
    }
}

@media screen and (max-width: 900px) {
    .absolute-item.a-fine-art-logo.blue-body { left: 10%; }
    .absolute-item.a-design-logo.blue-body { left: 0%; }
}

.absolute-item.a-design-logo.design-show-page {
    top: 0%;
    left: 40%;
    background-color: transparent;
}

.absolute-item.a-fine-art-logo.blue-body.design-show-page {
    top: 40%;
    left: 60%;
}

.img-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

.img-wrapper .logo-bg {
    display: block;
    width: 70%;
    max-width: 630px; /* tweak to match your Figma sizing */
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: center center;
    align-self: center;
}

.img-wrapper .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%; /* adjust until text fits nicely within the shape */
    pointer-events: none;
    z-index: 1;
    align-self: center;
}

.absolute-item.a-fine-art-logo.blue-body .img-wrapper .logo-bg.full-width,
.absolute-item.a-design-logo.blue-body .img-wrapper .logo-bg.full-width {
    width: 100%;
    max-width: 500px;
}

.absolute-item:hover .logo-bg {
    transform: scale(1.3);
}

.absolute-item.no-hover:hover .logo-bg {
    transform: none;
}

.img-wrapper.animated-design-logo {
    top: 0;
    left: 0;
}

.img-wrapper.animated-fine-art-logo {
    top: 0;
    left: 0;
}

.img-wrapper.logo-bg {
    max-width: 634px;
    width: 100%;
    justify-content: center;
}

.hero-section {
    box-sizing: border-box;
    padding: 3rem 4rem 0;
    max-width: 1920px;
    margin: 6rem auto 120px;
    position: relative;
    height: 900px;
}

.hero-section.blue-body {
    margin-top: 140px;
    margin-bottom: 0;
    padding: 3rem 4rem 0;
    height: 700px;
    max-width: 1760px;
}

@media screen and (max-width: 480px) {
    .hero-section.blue-body {
        padding: 1rem;
        margin-top: 150px;
    }

    .hero-section .animated-logo-links {
        margin-bottom: 24px;
    }
}

.hero-section.blue-body.design-page {
    margin-top: 150px;
    margin-bottom: 0;
    height: 800px;
    margin-bottom: 24px;
}

.hero-section .text-wrapper {
    width: 100%;
    text-align: end;
    padding: 0;
}
.hero-section .text-wrapper.design-show { text-align: start; }

@media screen and (max-width: 1110px) {
    .hero-section .text-wrapper.design-show {
        margin-top: 290px;
    }

    .absolute-item.a-fine-art-logo.blue-body.design-show-page { left: 58%; }
}

@media screen and (max-width: 1000px) {
    .absolute-item.a-fine-art-logo.blue-body.design-show-page {
        top: 27%;
        left: 55%;
    }

    .absolute-item.a-design-logo.design-show-page { left: 30%; }

    .hero-section .text-wrapper.design-show { margin-top: 220px; }
}

/*Popup*/
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #000000;
    opacity: 0.8;
    display: none;
}

.popup-overlay.active {
	display: block;
}

.message-form-wrapper .message-inner-wrapper {
	position: relative;
}


.message-form-wrapper h2 {
	text-align: center;
    margin-bottom: 20px;
}

.message-form-wrapper p {
	margin-bottom: 30px;
	text-align: center;
}

.message-form-wrapper .flex-wrapper {
	margin-bottom: 10px;
	gap: 30px;
}

.message-form-wrapper label {
	display: block;
	font-size: clamp(16px, 1.05vw, 20px);
	margin-bottom: 10px;
	font-family: 'OpenSauceSans', sans-serif
}

.message-form-wrapper input {
    box-sizing: border-box;
    padding: 23px 40px 20px;
    border: 1px solid white;
    border-radius: 2px;
    user-select: none;
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 30px;
    font-weight: 500;
}

.message-form-wrapper input::placeholder, .message-form-wrapper textarea::placeholder {
    font-weight: 500 !important;
    font-size: 30px !important;
    color: #d0d0d0 !important;
    font-family: 'OpenSauceSans', sans-serif;
}

.message-form-wrapper input::-webkit-input-placeholder, .message-form-wrapper textarea::-webkit-input-placeholder {
    font-weight: 500 !important;
    font-size: 30px !important;
    color: #d0d0d0 !important;
    font-family: 'OpenSauceSans', sans-serif !important;
}

.message-form-wrapper input::-moz-placeholder, .message-form-wrapper textarea::-moz-placeholder {
    font-weight: 500 !important;
    font-size: 30px !important;
    color: #d0d0d0 !important;
    font-family: 'OpenSauceSans', sans-serif !important;
}

.message-form-wrapper input::-ms-input-placeholder, .message-form-wrapper textarea::-ms-input-placeholder {
    font-weight: 500 !important;
    font-size: 30px !important;
    color: #d0d0d0 !important;
    font-family: 'OpenSauceSans', sans-serif !important;
}

.form-wrapper input[type=text]:focus, .message-form-wrapper textarea:focus {
    border: 2px solid white;
    outline: none !important;
}

.message-form-wrapper input::placeholder {
    font-size: 16px;
    color: #999999;
    font-family: 'OpenSauceSans', sans-serif;
}


.message-form-wrapper textarea {
    box-sizing: border-box;
    padding: 20px 40px;
    border: 1px solid white;
    border-radius: 2px;
    user-select: none;
    width: 100%;
    min-height: 140px;
    background-color: #fff;
    color: black;
    font-size: 30px;
    font-weight: 500;
}

.message-form-wrapper textarea::placeholder {
    font-size: 16px;
    color: #999999;
}

.message-form-wrapper select {
	box-sizing: border-box;
	padding: 10px 20px;
	border: 1px solid #959595;
	width: 100%;
}

.message-form-wrapper .submit-btn {
	width: fit-content;
	margin: auto;
}

.message-form-wrapper .form-wrapper {
	display: none;
}
.message-form-wrapper .form-wrapper.active {
	display: block;
    width: 900px;
}

.message-form-wrapper .success-wrapper {
	display: none;
}

.message-form-wrapper .success-wrapper.active {
	display: block;
}

.message-form-wrapper .success-wrapper .img-wrapper {
	max-width: 95px;
	width: 100%;
	margin: 0 auto;
}

#errMsg {
	text-align: center;
	font-style: italic;
    margin-top: 0;
	color: red;
}

.form-loader {
  border: 8px solid #313155;
  border-radius: 50%;
  border-top: 8px solid #3C499D;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-top: 30px;
  display: none;
}

.form-loader.hero {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	transform: translate(-50%,-50%);
}

.search-wrapper-mobile {
    display: none;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.message-wrapper {
	position: relative;
}

.emoji-selector {
	position: absolute;
	bottom: 10px;
	left: 10px;
	cursor: pointer;
	display: none;
}

.emoji-wrapper {
	position: absolute;
	bottom: 20px;
	left: 50px;
	display: none;
}

.emoji-wrapper.active {
	display: block;
}

.emoji-wrapper ul {
	list-style: none;
	display: flex;
	flex-direction: row;
}

.emoji-wrapper ul li {
	margin-left: 5px;
	cursor: pointer;
}

.message-slide-item .stars-wrapper {
	margin-top: 15px;
}
.message-slide-item .class {
	margin-bottom: 15px;
}

.message-slide-item .name {
	margin-bottom: 0;
	font-weight: bold;
}

.message-slide-item .text-wrapper p, .message-slide-item .text-wrapper div {
    color: white;
    -webkit-text-stroke: 6px #052DF1 ;
    font-size: 20px;
    paint-order: stroke fill;
}

.message-slide-item .text-wrapper.message-list-item.message-listing { padding: 0 2rem; }

.message-slide-item .text-wrapper.message-list-item.message-listing p, .message-slide-item .text-wrapper.message-list-item.message-listing div {
    color: black;
    text-shadow: none;
    -webkit-text-stroke-width: 0px;
}

.message-slide-item .text-wrapper.message-list-item div {
    font-weight: 700;
    font-size: clamp(16px, 2vw, 18px);
}

.btn {
    border: 1px solid #000000;
    width: fit-content;
    box-sizing: border-box;
    padding: 15px 30px;
    color: #000000;
    background: #ffffff;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    display: block;
}

.btn:hover {
	background: #000000;
	color: #ffffff;
}
.grecaptcha-badge {
    z-index: 999;
}
/*Search*/
.search-input-wrapper {
    position: fixed;
    top: 100px;
    /* left: -100%; */
    right: 0;
    background: #CCFF01;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 15px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: top 0.4s ease, opacity 0.4s ease, z-index 0.2s ease 0.2s;
    z-index: 1000;
}

.search-input-wrapper.blue-body {
    background-color: #052DF1;
}

.search-input-wrapper.active {
	top: 100px;
	/* left: 0; */
	opacity: 1;
	visibility: visible;
}
.search-input-wrapper.mini {
	top: 60px;
	transition: all 0.4s;
}

.search-input-wrapper input {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 18px;
    margin: 0 auto;
    border: none;
    border-bottom: 1px solid black;
    background: #CCFF01;
    color: black;
    user-select: text; /* supported by Chrome and Opera */
    -webkit-user-select: text; /* Safari */
    -khtml-user-select: text; /* Konqueror HTML */
    -moz-user-select: text; /* Firefox */
    -ms-user-select: text;
    outline: none;
}

    .search-input-wrapper.blue-body input {
        background-color: #052DF1;
        color: white;
        border-bottom: 1px solid white;
    }


.search-input-wrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: black;
	opacity: 1; /* Firefox */
  }
  
  .search-input-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: black;
  }
  
  .search-input-wrapper input::-ms-input-placeholder { /* Microsoft Edge */
	color: black;
  }

.search-input-wrapper .search-button {
	cursor: pointer;
	width: 100%;
    height: 50px;
    background: url(../images/search-icon-black.png) no-repeat;
    background-size: 30px;
    background-position: center;
    -webkit-appearance: none;
    -moz-appearance: none;
	border: none;
}

.search-input-wrapper.blue-body .search-button {
    background: url(../images/search-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.search-input-wrapper .flex-row {
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	max-width: 1300px;
    margin: 0 auto;

}

.search-input-wrapper .flex-row .flex-left {
	width: 95%;
}

.search-input-wrapper .flex-row .flex-right {
	width: 5%;
}




.readmore-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #CCFF01;
    width: 100%;
    max-width: 960px;
    height: fit-content;
    display: none;
    z-index: 12;
    box-sizing: border-box;
    padding: 50px 1rem 2rem 1rem;
    border-radius: 50px;
}


.readmore-popup .star-line-wrapper {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
    border-top: 1px solid #000000;
    position: relative;
}


.readmore-popup .star-line-wrapper:before {
	top: -14px;
}

.readmore-popup.active {
	display: block;
}

.readmore-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	background: #000000;
	opacity: 0.8;
	display: none;
}

.readmore-popup-overlay.active {
	display: block;
}

.readmore-inner-popup {
	position: relative;
	width: 100%;
	/* height: 100%; */
}

.text-wrapper {
	box-sizing: border-box;
	padding: 2rem;
	max-width: 1300px;
	margin: 0 auto;
    overflow-wrap: break-word;
}

.text-wrapper p {
	font-weight: 600;
}

.readmore-inner-popup .message-slide-item .text-wrapper {
	max-height: 450px;
	padding: 0 2rem;
    overflow-y: auto;
}
.readmore-inner-popup .message-slide-item .text-wrapper::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.readmore-inner-popup .message-slide-item .text-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white; 
  border-radius: 10px;
}
 
/* Handle */
.readmore-inner-popup .message-slide-item .text-wrapper::-webkit-scrollbar-thumb {
  background: white; 
  border-radius: 10px;
}

.readmore-inner-popup .message-slide-item .text-wrapper::-webkit-scrollbar-thumb:hover {
  background: white; 
}


.readmore-inner-popup .read-more {
	display: none;
}

.readmore-inner-popup .close-btn {
    position: absolute;
    top: -45px;
	right: 50px;
    font-size: 50px;
    cursor: pointer;
}

.mid-logo {
    height: 100%;
}

.mid-logo img,
.mobile-menu-logo img	{
	max-width: 230px;
	max-height: 85px;
	margin: 0 auto;
	width: 100%;
    height: 100%;
    object-fit: contain;
}
.mobile-menu-logo {
	display: none;
}

p.share {
	margin: 15px 0 12px 0;
	font-size: 12px;
}
.social-wrapper a {
	margin-right: 15px;
}

	.logo-wrapper img{
		max-width:280px;
	}

/*Footer*/

.footer-label {
	color: white;
	font-size: 14px;
	line-height: 21px;
}

.footer-label.green-footer {
    color: black;
}

.footer-col {
	width: fit-content;
}
.flex-right.footer-col {
	width: 250px;
	padding-right: 50px;
}

.flex-col.footer-col {
	padding-right: 85px;
}

footer {
    /* border-top: 1px solid #3F3F3F; */
    box-sizing: border-box;
    padding: 60px 4rem 20px 4rem;
    position: relative;
    background-color: #052DF1;
    z-index: 10;
}

footer.blue-body {
    background-color: #CCFF01;
}

footer .footer-inner-wrapper {
    max-width: calc(1920px - 107px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 3rem;
}

footer .footer-inner-wrapper .logo-wrapper{
	display:none;
}

.scroll-top-wrapper {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    right: 150px;
    bottom: 180px;
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
	
	
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: 
        bottom 0.2s ease,
        opacity 0.3s ease;
}

.scroll-top-wrapper.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.scroll-top-wrapper .scroll-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    animation: base_bounce 1s infinite;
}

.scroll-top-wrapper.is-docked .scroll-top {
    animation: none;
}
 
@keyframes base_bounce {
	0%, 100% {transform: translateY(0);}
	50% {transform: translateY(10px);}
}

.scroll-top-wrapper .scroll-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	width:100%;
	height:100%;
}
.scroll-top-wrapper .scroll-top .img-wrapper {
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.scroll-top-wrapper .scroll-top .img-wrapper img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

footer .logo-wrapper {
	margin-bottom: 15px;
}

footer span {
	font-size: 14px;
	color: #ffffff;
	display: block;
	font-weight: 300;
}
footer span.copyright {
	margin-bottom: 10px;
}

footer h5 {
	color: #ffffff;
	margin-bottom: 30px;
    font-size: 16px;
    font-weight: 700;
}

footer.blue-body h5 {
    color: #052DF1;
}

footer .flex-right ul {
    display: flex;
    flex-wrap: wrap;
}
footer ul li a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s;
    font-weight: 200;
    font-size: 16px;
    position: relative;
}

footer.blue-body ul li a {
    color: #000;
}

footer.blue-body ul li a:after {
    background-color: black;
}

    /*footer ul li a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
}*/
    footer ul li a:after {
        content: '';
        position: absolute;
        background-color: white;
        height: 1px;
        width: 0;
        left: 0;
        bottom: 0px;
        transition: 0.3s;
    }
    footer ul li a:hover:after {
        width: 100%;
    }
#congratulative-section .view-more-wrapper a:hover:after {
    width: 100%;
}

footer ul li {
    margin-bottom: 15px;
    list-style:none;
}
footer .flex-right ul li {
    width: 50%;
}
footer > .flex-wrapper > .flex-right > .flex-wrapper {
	gap: 100px;
}

footer > .flex-wrapper > .flex-right > .flex-wrapper > .flex-right {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

footer > .flex-wrapper > .flex-right > .flex-wrapper > .flex-left {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	
}

footer a.btn-cus:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0px 4px 4px -2px rgb(0,0,0,.5);
    border: 1px solid #000000;
    color: #000000;

    position: relative;
    overflow: hidden;
    transition: transform .3s;

    text-decoration: none !important;
    color: black;
    background-color: #EBE42D;
    border: 1px solid #EBE42D;

}
footer .btn-cus {
    padding: 15px 25px;
    border-radius: 50px;
    display: inline-block;
    text-decoration: none !important;
    color: black;
    background-color: #EBE42D;
    border: 1px solid #EBE42D;
	z-index: 0;
    min-width: 150px;
}

footer .btn-cus::before {
    background-color: white;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    will-change: transform;
    visibility: hidden;
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    transform: translate(-100%,0);
    transition: transform .3s;
}
footer .btn-cus::after {
    margin-left: 14px;
}
footer .btn-cus::after {
    content: "";
    width: 16px;
    background: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
}
footer .btn-cus:hover::before {
    visibility: visible;
    transform: translate(0,0);
}



footer .btn-cus:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0px 4px 4px -2px rgb(0,0,0,.5);

    border: 1px solid #000000;
    color:  #000000;

    position: relative;
    overflow: hidden;
    transition: transform .3s;
}

footer .btn-cus:hover::after {
    animation: swipe .6s;
}

footer .committee-col {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

footer .committee-button {
    background-color: #000;
    color: #fff;
    padding: 1rem 2rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    max-width: 140px;
    transition: transform 0.5s ease;
}

footer .committee-button:hover {
    transform: scale(1.1);
}

/*footer .committee-button.green-footer { color: #000; background-color: #fff; }*/
@keyframes swipe {
    0%{transform: translateX(-5px)}
    40% {transform: translateX(5px) } 
    60%{transform: translateX(-5px);}
    100% {transform: translateX(0)} 
}

.mobile-menu-toggle {
	display: none;
}

.pin-spacer, .parallax-section-1 {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/*-------------------------------------- Responsiveness --------------------------------------*/

@media screen and (max-width: 1470px) {
    .header-wrapper .header-inner-wrapper {
        padding: 10px 1rem;
    }
}

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

}

@media screen and (max-width: 1080px) {
    .message-form-wrapper .form-wrapper.active{
        width: 100%;
    } 
}

@media screen and (max-width: 1024px) {
    .side-logo-scrollable-section {
        grid-template-columns: clamp(20px, 4vw, 50px) 1fr clamp(20px, 4vw, 50px);
        column-gap: 8px;
    }

	/*Popup*/
	.message-form-wrapper {
		padding: 20px 1rem;
		/* width: 100%; */
		height:100%;
	}
	
	.message-form-wrapper .message-inner-wrapper .close-btn {

		right: 0;
	}
}

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

	
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .footer-label {
		font-size: 13px;
	}
}

@media screen and (max-width: 767px ){
    .mobile-hidden {
        display: none !important;
    }

    .hero-section .text-wrapper.design-show {
        margin-top: 0;
    }

    .header-wrapper .header-inner-wrapper .menu-btn:after,
    .full-menu-wrapper .close-btn:after {
        content: none;
        background: none;
        width: 0;
        height: 0;
    }

    .header-wrapper .header-inner-wrapper {
        max-width: calc(100% - 30px);
    }

    .scroll-top-wrapper {
        width: 50px;
        height: 50px;
        right: 60px;
        bottom: 100px;
    }

    .hero-section {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 22rem;
        margin-bottom: 60px;
        padding: 0;
    }

    .hero-section.blue-body {
        flex-direction: column;
        margin-bottom: 120px;
        margin-top: 120px;
        padding: 0 1rem;
    }

    .hero-section .animated-logo-links {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: auto;
        gap: 16px;
        margin-bottom: 24px;
    }

    .hero-section .animated-logo-links .absolute-item {
        position: relative;
        top: auto;
        left: 0;
        /*width: 75%;*/
        max-width: 300px;
    }

    .hero-section .animated-logo-links .absolute-item .img-wrapper {
        width: 100%;
    }

    .hero-section .animated-logo-links .absolute-item .img-wrapper img {
        width: 100%;
        height: auto;
    }

    .hero-section .animated-logo-links .absolute-item.a-design-logo { left: 0; margin-bottom: 24px; }
    .hero-section .animated-logo-links .absolute-item.a-fine-art-logo { right: -10%; }

    .hero-section .text-wrapper {
        text-align: end;
        width: 100%;
        padding: 0 1rem;
    }

    .hero-section.blue-body.design-page { padding: 0 1rem; height: unset; }

    footer .committee-col {
        margin-left: 0;
    }

    footer .footer-inner-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 1rem;
    }

    footer .flex-wrapper {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

        footer .flex-wrapper .flex-left,
        footer .flex-wrapper .flex-right {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    footer .committee-col {
        order: -1;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 24px;
    }

    footer h5 {
        text-align: center;
        margin-bottom: 16px;
    }

    /* Links wrap into rows */
    footer ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 24px;
        padding: 0;
        margin-bottom: 20px;
    }

        footer ul li {
            list-style: none;
            margin-bottom: 0;
            width: auto !important;
        }

            footer ul li a {
                font-size: 16px;
            }

    footer .flex-right ul li {
        width: auto !important;
    }

    footer > .flex-wrapper > .flex-right > .flex-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .flex-col.footer-col { padding-right: 0; }

    .mobile-only {
        display: block !important;
    }
	.desktop-only {
		display: none !important;
	}

	#errMsg {
		text-align: left;
	}

    .mid-logo img {
        width: 80px;
        height: auto;
        max-height: 80px;
        padding-top: 20px;
        transition: all 0.3s ease;
        padding-left: 15px;
    }
    .header-wrapper.mini .mid-logo img {
        padding-top: 0;
    }
	
	
	.back-btn{
		text-decoration: none;
		color: #000;
		font-size: 15px;
		background-color: rgb(243, 239, 161);
		border: 1px solid rgb(243, 239, 161);
		padding: 4px 28px;
		border-radius: 25px;
		align-self: start;
		margin-top: 40px;
		/* width: 100%; */
		position: absolute;
		left: 32px;
		top: -10px;
	}

    .search-btn {
        /*display: none !important;*/
    }
    .search-wrapper-mobile {
        display: flex;

    }
    .search-input-wrapper {
        padding: 10px 15px;
		z-index: 998;
    }
	.search-input-wrapper.mini {
		z-index: 998;
	}
	.mobile-menu-toggle {
	  width: 30px;
	  height: 40px;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-evenly;
	  cursor: pointer;
	}

	.mobile-menu-toggle .line {
	  width: 100%;
	  height: 1px;
	  background-color: #fff;
	  transition: transform 0.3s, opacity 0.3s;
	}

	.mobile-menu-toggle.menu-open .line:nth-child(1) {
	  transform: translateY(5px) rotate(45deg);
	}

	.mobile-menu-toggle.menu-open .line:nth-child(2) {
	  transform: translateY(-9px) rotate(-45deg);
	}

	.mobile-menu-toggle .menu-open .line:nth-child(3) {
	  opacity: 0;
	}


	.only_mobile_view {
		display: block !important;
	}

	.only_desktop_view {
		display: none !important;
	}

	.full-menu-wrapper img.bg-image {
		height: 100vh;
	}
		
	#header .header-inner-wrapper .menu-btn {
		margin-left: 10px !important;
	}

    .header-wrapper .header-inner-wrapper .menu-btn,
    .full-menu-wrapper .close-btn,
    #header .header-inner-wrapper .menu-btn {
        margin-left: 27px;
        min-width: unset;
    }

	.header-wrapper .header-inner-wrapper {
		padding: 10px 1rem;
		gap: 5px;
		/*margin-bottom: 60px;*/
	}

	/*Full Menu*/
	.full-menu-wrapper .search-wrapper {
		display: none;
	}
	
	.full-menu-wrapper hr {
		display: none;
	
	}

	.full-menu-wrapper .flex-wrapper {
        border-top: none;
        margin-top: 90px !important;
		height: calc(100% - 90px - 130px);
    }

	.full-menu-wrapper .full-menu-header-wrapper {
		flex-direction: row;
		gap: 5px;
	}

	.full-menu-wrapper .header-inner-wrapper .logo-wrapper {

	}

	.header-wrapper .header-inner-wrapper .menu-wrapper, .full-menu-wrapper .menu-right-wrapper,
	.full-menu-wrapper .full-menu-header-wrapper .menu-right-wrapper {
		width: unset;
		justify-content: flex-end;
	}

	.full-menu-wrapper ul li {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #d4d4d4;
	}

    .full-menu-wrapper span.close-btn {
        display: none;
    }

    .full-menu-wrapper .flex-wrapper .nav-wrapper {
        flex-direction: column;
        gap: 25px;
        margin-left: 0;
        align-items: center;
		height:100%;
		overflow-y: auto;
		width: 100%;
		padding: 0;
    }

    .full-menu-wrapper .tge-obj-menu-wrapper-5 {
        right: 10%;
        top: unset;
        left: unset;
        bottom: 20%;
    }

    .full-menu-wrapper .tge-obj-menu-wrapper-4 {
        left: 10%;
        top: unset;
        bottom: 10%;
    }

    .full-menu-wrapper .tge-obj-menu-wrapper-3 {
        right: 10%;
        left: unset;
    }

    .full-menu-wrapper .tge-obj-menu-wrapper-2 {
        display: none;
    }
	.full-menu-wrapper .flex-wrapper .flex-left {
		width: 100%;
		border-right: none;
	}

	.full-menu-wrapper .flex-wrapper .flex-right {
		width: 100%;
	}

    .header-wrapper .header-inner-wrapper .logo-wrapper img,
    .full-menu-wrapper .logo-wrapper img,
    #header .header-inner-wrapper .logo-wrapper img {
        max-width: 220px;
		padding-right: 10px;
    }
	
	

	.full-menu-wrapper .search-wrapper input {
		min-width: 200px;
	}

	.full-menu-wrapper ul li .title {
		font-size: 18px;
	}

	.full-menu-wrapper ul li .numbering {
		font-size: 28px;
	}

	.full-menu-wrapper ul li .numbering {
		margin-right: 15px;
	}


	.full-menu-wrapper .flex-wrapper .star-wrapper {
		display: none;
	}


	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper ul.active {
		display: block;
		position: fixed;
		top: 180px;
		left: 0;
		right: 0;
		bottom: 0;
		background: yellow;
		box-sizing: border-box;
		padding: 30px;

		background: url(../images/nav-bg.png) no-repeat;
		background-size: cover;

	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper ul li ul {
		margin-left: 30px;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper ul li ul li {
	
		border-bottom: none;
		padding-bottom: 0;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper ul li ul .title {
		font-weight: 400;
		font-size: 18px;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper ul li.has-children a.title {
		font-weight: bold;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper .back-wrapper {
		background: #000000;
		position: fixed;
		top: 130px;
		left: 0;
		right: 0;
		z-index: 6;
		box-sizing: border-box;
		padding: 15px;
		height: 55px;
		display: none;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper .back-wrapper.active {
		display: block;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper .back-wrapper .flex-wrapper {
		flex-direction: row;
		justify-content: space-between;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper .back-wrapper .flex-wrapper .back-btn {
		color: #ffffff;
		font-size: 20px;
		position: relative;
		padding-left: 30px;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper .back-wrapper .flex-wrapper .back-btn:before {
		content: '';
		display: block;
		background: url('../images/arrow-white.png') no-repeat;
		background-size: contain;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 2px;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper .back-wrapper .flex-wrapper .heading {
		color: #ffffff;
		font-size: 20px;
		text-transform: uppercase;
	}

	.full-menu-wrapper .flex-wrapper .flex-right .flex-inner-wrapper .back-wrapper .flex-wrapper .search-wrapper {
		display: flex;
		position: fixed;
		top: 90px;
		width: 100%;
		left: 0;
		right: 0;
	}

	.full-menu-wrapper {
		height: 100vh;
	}

	.full-menu-wrapper .flex-wrapper::-webkit-scrollbar {
	  display: none;
	}

	.mid-logo {
		display: block;
		width: 100%;
	}
	.mobile-menu-logo {
		display: block;
		margin: 0 auto;
		padding-top: 36px;
	}

	.search-input-wrapper .flex-row {
		max-width: 100%;
	}
	.search-input-wrapper .flex-row .flex-left {
		width: 90%;
	}
	.search-input-wrapper .flex-row .flex-right {
		width: 10%;
	}

	.readmore-popup .readmore-inner-popup {
		max-height: 500px;
		overflow-y: auto;
	}
	

	.readmore-inner-popup .close-btn {
		position: absolute;
		top: -15px;
		right: 15px;
	}

	.full-menu-wrapper .flex-wrapper .line-wrapper {
		display: none;
	}
	
	
	.social-wrapper a {
		margin-right: 8px;
	}
	
	
	footer {
		padding: 40px 0 20px 0;
	}
    footer .flex-row {
        flex-direction: column;
        gap: 20px;
    }
    footer .w33p {
        width: 100%;
    }
    footer .w33p.flex-valign-bot {
        align-items: flex-start;
    }

	footer .flex-wrapper {
		flex-direction: column;
		gap: 20px;
	}

	footer .flex-wrapper .flex-left {
		width: 100%;
	}


	footer > .flex-wrapper > .flex-right > .flex-wrapper > .flex-left {
		justify-content: flex-start;
	}

	footer > .flex-wrapper > .flex-right > .flex-wrapper > .flex-right {
		justify-content: flex-start;
	}


	footer > .flex-wrapper > .flex-right > .flex-wrapper {
		gap: 30px;
	}
	
	/* .full-menu-header-wrapper .header-inner-wrapper, .header-wrapper.sticky .header-inner-wrapper {
		height: 108.98px !important;
		margin-top: -8px !important;
	} */
	
	/* .full-menu-wrapper .flex-wrapper .nav-wrapper .right-nav-wrapper {
		align-items: center;
	} */
	
	.full-menu-wrapper .tge-obj-250 {
		display: none;
	}

	.search-input-wrapper .search-button {
		background-size: 22px;
		
	}
	.search-input-wrapper.active {
		top: 180px;
		z-index: 1000;
	}
	.search-input-wrapper.mini.active {
		top: 180px;
		z-index: 1000;
	}
	.search-input-wrapper input {
        font-size: 16px;

    }
	
	.flex-right.footer-col {
	padding: 0;
	}
	footer .flex-right ul li {
		width: 100%;
	}
}

@media screen and (max-width: 1110px) {
    .absolute-item.a-fine-art-logo, .absolute-item.a-design-logo {
        width: 350px;
    }

    .absolute-item.a-fine-art-logo { left: 20%; }
    .absolute-item.a-design-logo { top: 15%; }
}

@media screen and (max-width: 600px){
    .message-form-wrapper input, .message-form-wrapper textarea {
        font-size: 16px;
    }

    .message-form-wrapper input::placeholder, .message-form-wrapper textarea::placeholder {
        font-size: 16px !important;
    }

    .message-form-wrapper input::-webkit-input-placeholder, .message-form-wrapper textarea::-webkit-input-placeholder {
        font-size: 16px !important;
    }

    .message-form-wrapper input::-moz-placeholder, .message-form-wrapper textarea::-moz-placeholder {
        font-size: 16px !important;
    }

    .message-form-wrapper input::-ms-input-placeholder, .message-form-wrapper textarea::-ms-input-placeholder {
        font-size: 16px !important;
    }

    .full-menu-wrapper .flex-wrapper .nav-wrapper,
    .full-menu-wrapper .flex-wrapper .nav-wrapper a {

        font-size: clamp(16px, 4.5vw, 22px)

    }
    footer ul li a:after {
        content: '';
        height: 0px;
    }
}

@media screen and (max-width: 480px) {
    #side-menu { width: 100%; }

    .header-wrapper { max-width: 100%; }

    .hero-section { margin-top: 13rem; }

    .hero-section .animated-logo-links .absolute-item {
        width: 65%;
    }

    .message-form-wrapper .flex-wrapper {
        flex-direction: column;
    }
	
	.message-form-wrapper .flex-wrapper .flex-left {
		width: 100%;
	}
	
	.message-form-wrapper .flex-wrapper .flex-right {
		width: 100%;
	}

    .message-form-wrapper input {
        padding: 5px 20px;
    }

    .message-form-wrapper textarea {
        padding: 5px 20px;
    }

    .hero-section.blue-body { margin-bottom: 0; }
    .hero-section.blue-body.fine-art { margin-bottom: 40px; }
	
	.message-slide-item .text-wrapper.message-list-item.message-listing { padding: 0; }
	
	/*#header .header-inner-wrapper .logo-wrapper img {
    max-width: 160px;
}

.full-menu-wrapper .logo-wrapper img {
    max-width: 180px;
}

.header-wrapper .header-inner-wrapper .logo-wrapper img {
    max-width: 160px;
    position: relative;
    top: 5px;
}*/

	/* #header .header-inner-wrapper .menu-btn {
		margin-left: 8px !important;
	}

    .header-wrapper .header-inner-wrapper .menu-btn,
    .full-menu-wrapper .close-btn,
    #header .header-inner-wrapper .menu-btn {
        margin-left: 8px;
    } */
}

@media screen and (max-width: 430px) {
    .header-wrapper .header-inner-wrapper .logo-wrapper img {
        padding: 0;
        max-width: 150px;
    }

    .mid-logo img {
        width: 60px;
        padding-top: 25px;
        padding-left: 10px;
    }

    .header-wrapper .header-inner-wrapper .search-btn img {
        max-width: 20px;
    }

    .header-wrapper .header-inner-wrapper .menu-btn {
        margin-left: 15px;
    }

    .header-wrapper .header-inner-wrapper .menu-btn img {
        width: 25px;
        height: 20px;
    }
}

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

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

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

	

}

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

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
	.logo-wrapper img{max-width: 220px;}

}