@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); 
	
body {
	font-family: "Inter";
	font-size:16px;
	font-weight: 300;
	--c-blue: #050B30;
	--c-blue-light: #3B9EDA;
	--c-yellow: #D39B00;
	overflow-x: hidden;
	color: #fff;
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: var(--c-blue);
}

.menu-opened {overflow: hidden;}

.website-background {background: url(../images/website-background.jpg);min-height: 960px;background-size: cover;z-index: 3;position: absolute;top: 0;left: 0;right: 0;}
.website-background::before {content:"";background: #050B2F;background: linear-gradient(0deg, rgba(5, 11, 47, 0) 0%, rgba(5, 11, 47, 1) 100%);position: absolute;top: 0;width: 100%;height: 40%;}
.website-background::after {content:"";background: #050B2F;background: linear-gradient(180deg, rgba(5, 11, 47, 0) 0%, rgba(5, 11, 47, 1) 100%);position: absolute;bottom: 0;width: 100%;height: 40%;}
@media (max-width: 767px) {
	.website-background {
    min-height: 760px;
}
}
.noScroll { overflow:hidden; }

h1, h2, h3, h4 {line-height: 1;}

h1 {margin: 0 0 30px 0;font-weight: 800;font-size: 36px;}
#post-39236 .entry-content {}

h1.smaller {color:#3d3935;font-size: 32px;}
h2 {margin: 0 0 25px 0;/* color: #fff; */font-size: 24px;line-height: 1.2;font-weight: 400;}
h3 {font-size: 22px;line-height: 1.2;font-weight: 700;}
h4 {} 


h1 .title, h1 .credentials {font-weight: 400;} 

.btn {position:relative;font-weight: bold;font-size: 14px;border-radius: 0;padding: 12px 22px;background: var(--c-yellow);color: #fff !important;line-height: 1;font-weight: 300;border: none;/* text-transform: uppercase; *//* letter-spacing: 3px; */display: inline-flex;border-radius: 50px;gap: 5px;align-items: center;justify-content: center;}
.btn:hover {background: var(--c-blue-light)}


.btn.icon {line-height:24px} 
.btn.icon i:first-child {margin: 0 7px 0 0; font-size: 24px; vertical-align: top; }
.btn:hover {} 
.btn.large {padding: 14px 22px;font-size: 18px;}
.reloadBttn, .backBttn {background: var(--c-main);color: #fff !important;font-size: 15px;font-weight: bold;border-radius: 0;display: inline-block;padding: 15px 25px;margin: 0 0 10px 0;cursor: pointer;border-radius: 0;}
.reloadBttn i {display:none;}
.reloadBttn i, .backBttn i {font-size: 22px; vertical-align: top; margin: 3px 8px 0 0; border-radius: 0;}
.printBttn {background: var(--c-main);color: #fff !important;font-size: 18px;border-radius: 0;display: inline-block;padding: 10px 18px;margin: 0 10px 10px 0;cursor: pointer;}
.printBttn.grey {background:#aaa; color: #fff !important;}
.printBttn.strong {}
.printBttn i {font-size: 22px; vertical-align: top; margin: 3px 8px 0 0; border-radius: 0; }

ul.download {padding: 0; margin: 0; list-style: none; font-size: 15px; }
ul.download li {padding: 0 0 8px 0px;}
ul.download li:last-child {margin:0;padding: 0;}
ul.download li::before {content:"\f1c1";font-family: "Font Awesome 5 Free";font-weight: bold;margin: -6px 10px 0 0;font-size: 20px;vertical-align: top;display: inline-block;}
ul.download li a {}

.cols-check {display: grid;	grid-template-columns: repeat(2,1fr);grid-column-gap: 20px;}
.cols-check .check.half {grid-template-columns: repeat(1,1fr);}
ul.check {margin: 5px 0 20px 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(2,1fr);grid-column-gap: 20px;grid-row-gap: 10px;}
ul.check li {line-height: 1.2;padding: 0 0 0 17px;position: relative;margin: 0;display: block;font-size: 14px;break-inside: avoid;}
ul.check li::before {content: "\e900";content: "";font-family: icomoon;color: var(--c-main);font-size: 17px;position: absolute;left: 0;top: 3px;line-height: 1;width: 8px;height: 8px;background: var(--c-main);border-radius: 50%;}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	background: #fff !important;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
	background-repeat: no-repeat !important;
	background-position-x: calc(100% - 4px) !important;
	background-position-y: 50% !important;
}
select option {font-weight: 400;}
textarea {border: solid 1px #d5d5d5; border-radius: 0;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #3d3935;
	opacity: 0.7; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #3d3935;
	opacity: 0.7;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #3d3935;opacity: 0.7;
}


#page { z-index: 10; position: relative; }
#header {text-align: center;display: flex;justify-content: center;flex-direction: column;}
#header .logo {display: inline-block;margin: 0 20px 40px 20px;}
#header .logo img {max-width: 375px;border-radius: 0 0 10px 10px;}

#header .back-to-dtsc {color: #fff;text-decoration: none;display: inline-flex;margin: 0 auto;gap: 10px;letter-spacing: 2px;transition:all 0.5s;font-weight: 600;}
#header .back-to-dtsc:hover {color:var(--c-yellow); font-weight:600}
#header .back-to-dtsc i {font-size: 27px;margin: -1px 0 0 0;}
#header .menu {}
#header .menu ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 10px; }
#header .menu ul li {}
#header .menu ul li a {color: #fff;text-decoration: none;padding: 12px 30px;border-radius: 20px;font-size: 16px;font-weight: 500;line-height: 1;display: block;}
#header .menu ul li a.active, #header .menu ul li a:hover  { background: var(--c-yellow); }


.menuTrigger {display: none;margin: 0;z-index: 99999;font-size: 26px;width: 42px;margin: 0;position: absolute;top: 57px;right: 20px;background: var(--c-yellow);border-radius: 50%;text-align: center;height: 42px;}
.menuTrigger.sticky {position:fixed;} 
.menuTrigger.open {/* position: absolute; *//* top: 20px; *//* right: 0; */}
.menuTrigger div {width: 22px;height: 30px;margin: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.menuTrigger.open div {width: 31px;/* height: 31px; */}
.menuTrigger div span {display: block;border-radius: 0 !important;position: absolute;height: 1px;width: 22px;border-radius: 1px;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.4 ease-in;-moz-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;transition: 0.4s ease-in;}
.menuTrigger div span:nth-child(1) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger div span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: center center;}
.menuTrigger div span:nth-child(3) {top: 23px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger.open div span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 5px;left: 6px;width: 26px;}
.menuTrigger.open div span:nth-child(2) {opacity: 0;transition: none !important;}
.menuTrigger.open div span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);left: 6px;top: 23px;width: 26px;}
.menuTrigger.open div span {background: #fff;}


@media (max-width: 1200px) {
    #header {text-align: center;}
    #header .logo {margin: 20px 0 70px 20px;margin: 0 auto 50px auto;}
    #header .logo img {max-width: 300px;}
    #header .menu {display: none;}
	#header .menu.open {display:flex;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: var(--c-yellow);z-index: 1000;}
    #header .menu ul {flex-direction: column;justify-content: center;align-items: center;width: 100%;}
    #header .menu ul li {}
    #header .menu ul li a {font-size: 23px;}
    #header .menu ul li a.active, #header .menu ul li a:hover {}
	#header .back-to-dtsc {
    margin: 0 auto 30px;
}
    .menuTrigger {display: flex;align-items: center;justify-content: center;}
	.menuTrigger.open {top: 20px;background: #000;}
}

@media (max-width: 767px) {
    #header {text-align: center;}
    #header .logo {margin: 0 0 50px 20px;margin: 0 auto 30px auto;}
    #header .logo img {max-width: 210px;}
    #header .menu {}
    #header .menu ul {}
    #header .menu ul li {}
    #header .menu ul li a {}
    #header .menu ul li a.active, #header .menu ul li a:hover  {}
	.menuTrigger {top: 40px;right: 20px;}
}


#hero {display: flex;justify-content: center;flex-direction: column;align-items: center;margin: 100px 0 50px;padding: 0 20px;}
#hero h1 {font-weight: 900;transition: all 0.3s;}
#hero h1 span {font-size: 136px;letter-spacing: 12px;margin: 0 0 0 -200px;transition: all 0.3s;}
#hero h1 span:last-child { display: block; text-align: right; margin: 0 -200px 0 0px; }
#hero h1 small {font-family: "Times New roman";font-style: italic;font-size: 96px;font-weight: 300;transition: all 0.3s;}


#hero h1 span,
#hero h1 small { opacity: 0; transform: translateX(-200px); display: inline-block; animation: slideFadeIn 1s forwards; }
#hero h1 span:last-child { transform: translateX(200px); }
#hero h1 small { transform: translateY(-50px); font-style: italic; }

/* animation */
@keyframes slideFadeIn {
  to { opacity: 1; transform: translateX(0) translateY(0); }
}

/* stagger timing */
#hero h1 span:nth-child(1) { animation-delay: 0.3s; }
#hero h1 small { animation-delay: 0.6s; }
#hero h1 span:nth-child(3) { animation-delay: 0.9s; }

@media (max-width: 1200px) {
    #hero { margin: 20px 0 50px; }
    #hero h1 {}
    #hero h1 span { margin: 0 0 0 -70px; font-size: 98px; }
    #hero h1 span:last-child { margin: 0 -70px 0 0px; }
    #hero h1 small { font-size: 70px; }
}

@media (max-width: 767px) {
    #hero {margin: 20px 0 40px 0;}
    #hero h1 { text-align: center; }
    #hero h1 span { margin: 0 0 0 12px !important; font-size: 42px; }
    #hero h1 span:last-child { margin: 0; }
    #hero h1 small { font-size: 30px; }
}

#hero .date {text-align: center;position: relative;padding: 20px 50px 0 50px;margin: 0 0 80px 0;}
#hero .date::before {content:"";width: 40px;height: 100%;position: absolute;left: 0;top: 0;border-left: 6px solid var(--c-yellow);border-top: 6px solid var(--c-yellow);border-bottom: 6px solid var(--c-yellow);}
#hero .date::after {content:"";width: 40px;height: 100%;position: absolute;right: 0;top: 0;border-right: 6px solid var(--c-yellow);border-top: 6px solid var(--c-yellow);border-bottom: 6px solid var(--c-yellow);}
#hero .date p { font-size: 28px; font-weight: 600; text-transform: uppercase; letter-spacing: 5px; line-height: 1; }
#hero .date small { font-size: 70%; }
#hero .btn { margin: 0 0 -20px 0; }
#hero .btn i { font-size: 125%; }

@media (max-width: 767px) {
    #hero .date {padding: 20px 20px 0 20px;margin: 0 0 60px 0;}
    #hero .date::before { width: 20px; }
    #hero .date::after { width: 20px; }
    #hero .date p {font-size: 20px;letter-spacing: 4px;}
    #hero .date small {}
    #hero .btn {}
    #hero .btn i {}
}



.languages { display: flex; align-items: center; gap: 35px; background: rgb(255 255 255 / 20%); padding: 30px; border-radius: 10px; margin: 0 0 70px 0; }
.languages > p { text-align: right; margin: 0; font-size: 17px; letter-spacing: 2px; }
.languages > .flags { display: flex; gap: 20px; }
.languages > .flags img { border-radius: 50%; max-width: 50px; box-shadow: 0 0 0 2px rgb(255 255 255 / 30%); }

@media (max-width: 767px) {
	.languages { flex-wrap: wrap; gap: 10px; flex-direction: column; width: 100%; margin: 0 0 40px 0; }
	.languages > p { font-size: 15px; text-align: center; }
	.languages > p br {display:none}
	.languages > .flags { align-items: center; justify-content: center; }
	.languages > .flags img { max-width: 35px; }
}




#hero .benefits { display: flex; gap: 0; max-width: 1500px; }
#hero .benefits .item {flex: 0 1 25%;border-left: solid 1px var(--c-yellow);padding: 20px 20px;position: relative;transform:scale(1);transition: all 0.3s;cursor: pointer;/* border-radius: 0; */}
#hero .benefits .item:first-child {border-left: solid 1px transparent;}
#hero .benefits .item:hover + .item {border-left: solid 1px transparent;}
#hero .benefits .item a {color: #fff;text-decoration: none;letter-spacing: 3px;position: relative;/* pointer-events: none; */}
#hero .benefits .item a strong { display: block; font-size: 24px; font-weight: 600; margin: 0 0 8px 0; }
#hero .benefits .item a span { font-size: 17px; opacity: 0.6; font-weight: 300; letter-spacing: 2px; }
#hero .benefits .item::after {content:"";position:absolute;top: 0;left:0;height: 100%;background: var(--c-yellow);width: 0;z-index: -1;transition: all 0.3s;/* border-radius: 20px; */}
#hero .benefits .item:hover {/* transform: scale(1.05); */z-index:2;transform-origin: center;border-radius: 20px;border-left: solid 1px transparent;}
#hero .benefits .item:hover a {color:#000}
#hero .benefits .item:hover::after {content:"";width:100%;border-radius: 20px;}
#hero .benefits .item:hover a span {opacity:1;/* letter-spacing: 0px; */}
#hero .benefits .item:hover a strong {font-weight: 900;}

@media (max-width: 991px) {
    #hero .benefits {}
    #hero .benefits .item {}
    #hero .benefits .item:first-child {}
    #hero .benefits .item:hover + .item {}
    #hero .benefits .item a {}
    #hero .benefits .item a strong { font-size: 20px; line-height: 1.2; }
    #hero .benefits .item a span { font-size: 15px; }
    #hero .benefits .item::after {}
    #hero .benefits .item:hover {}
    #hero .benefits .item:hover a {}
    #hero .benefits .item:hover::after {}
    #hero .benefits .item:hover a span {}
    #hero .benefits .item:hover a strong {}
}

@media (max-width: 767px) {
    #hero .benefits {flex-wrap: wrap;}
    #hero .benefits .item {flex: 0 1 50%;/* border-left: none; */}
    #hero .benefits .item:first-child { border-left: solid 1px var(--c-yellow); }
    #hero .benefits .item:hover + .item {}
    #hero .benefits .item a {}
    #hero .benefits .item a strong { font-size: 17px; }
    #hero .benefits .item a span { font-size: 14px; line-height: 1.4; display: block; }
    #hero .benefits .item::after {}
    #hero .benefits .item:hover {}
    #hero .benefits .item:hover a {}
    #hero .benefits .item:hover::after {}
    #hero .benefits .item:hover a span {}
    #hero .benefits .item:hover a strong {}
}



#main {max-width: 1420px;margin: 0 auto;padding: 0 20px;}
.sponsors { margin: 0 0 50px 0; padding: 0 40px; }
.sponsors .title { text-align: center; display: flex; align-items: center; gap: 60px; text-transform: uppercase; letter-spacing: 6px; font-weight: 500; font-size: 20px; max-width: 1200px; margin: 0 auto 30px; }
.sponsors .title span { max-width: 260px; }
.sponsors .title::before, .sponsors .title::after {content:"";height: 1px;background: #fff;flex: 1;opacity: 0.5;}
 
.sponsors .sponsors-listing { display: flex; align-items: center; flex-wrap: wrap; gap: 40px; opacity: 0;}
.sponsors .sponsors-listing .item {padding: 20px;}
.sponsors .sponsors-listing a {background: rgb(255 255 255 / 20%);display: flex;align-items: center;padding: 20px;border-radius: 10px;pointer-events: none;justify-content: center;height: 100%;min-height: 120px;}
.sponsors .sponsors-listing a img, .sponsors .sponsors-listing a canvas {max-height: 70px;width: auto;max-width: 100%;height: auto !important;filter: grayscale(1) invert(1) brightness(5);}

.sponsors .sponsors-listing .owl-dots {text-align: center;width: 100%;display: flex !important;text-align: center;justify-content: center;align-items: center;margin: 0;gap: 10px;}
.sponsors .sponsors-listing .owl-dots .owl-dot {background: #fff;border-radius: 50%;opacity: 0.2;width: 10px;height: 10px;}
.sponsors .sponsors-listing .owl-dots .owl-dot.active {opacity: 1;background: var(--c-blue-light);}



@media (max-width: 1200px) {
    .sponsors { padding: 0 20px; }
    .sponsors .sponsors-listing {}
    .sponsors .sponsors-listing .item { padding: 0; }
    .sponsors .sponsors-listing a {}
    .sponsors .sponsors-listing a img, .sponsors .sponsors-listing a canvas { max-width: 100%; }
	.sponsors .sponsors-listing .owl-dots {margin:20px 0 0 0;}
}
@media (max-width: 767px) {
	.sponsors .title { gap: 20px; margin: 0 0 20px 0; }
	.sponsors .title span { font-size: 14px; max-width: 210px; }
	.sponsors .title::before, .sponsors .title::after {}
	
    .sponsors {padding: 0 20px;}
    .sponsors .sponsors-listing { }
    .sponsors .sponsors-listing .item { padding: 0; }
    .sponsors .sponsors-listing a {}
    .sponsors .sponsors-listing a img, .sponsors .sponsors-listing a canvas { max-width: 100%; }
	.sponsors .sponsors-listing .owl-dots {margin:20px 0 0 0;}
}


.partnership { background: var(--c-yellow); text-align: center; max-width: 1380px; width: 100%; margin: 0 auto 60px; border-radius: 10px; padding: 50px; }
.partnership h2 { font-weight: 900; font-size: 44px; margin: 0 0 10px 0; }
.partnership p { letter-spacing: 2px; opacity: 0.7; font-size: 19px; max-width: 800px; margin: 0 auto 20px; }
.partnership .btn { background: var(--c-blue); padding: 16px 30px; font-size: 18px; }
.partnership .btn:hover {background:var(--c-blue-light)}

@media (max-width: 1380px) {
.partnership {border-radius: 0;}
}
@media (max-width: 767px) {
	.partnership h2 { font-size: 28px; }
	.partnership p { font-size: 17px; }
}

.about-dds { display: flex; flex-direction: column; gap: 60px; }
.about-dds .item {display: flex;flex-wrap: wrap;column-gap: 60px;row-gap: 40px;}
.about-dds .item h2 {font-size: 60px;font-weight: 900;/* max-width: 860px; */flex: 0 1 100%;margin: 0;padding: 0 30% 0 0;}
.about-dds .item .img { flex: 0 1 40%; max-width: 40%; }
.about-dds .item .img img {border-radius: 20px;width: 100%;}
.about-dds .item .text {flex: 1;}
.about-dds .item .text p {font-size: 24px;font-weight: 200;margin: 0 0 50px 0;}
.about-dds .item .text .btn {background: var(--c-blue-light); padding: 16px 30px; font-size: 18px; }
.about-dds .item .text .btn:hover {background: var(--c-yellow);}

.about-dds .item .text .btn-wrapper { position: relative; display: inline-block; }
.about-dds .item .text .btn-wrapper .icons { position: absolute; top: 50px; left: 0; width: 230px; height: 100px; pointer-events: none; /* icons don’t block button clicks */ }
.about-dds .item .text .btn-wrapper .icons svg { position: absolute; font-size: 24px; color: #fff; transform: translate(0,0); font-size: 30px; }


.about-dds .item:nth-child(2n){}
.about-dds .item:nth-child(2n) h2 { text-align: right; padding: 0 0 0 30%; }
.about-dds .item:nth-child(2n) .img { order: 3; }
.about-dds .item:nth-child(2n) .img img {}
.about-dds .item:nth-child(2n) .text { text-align: right; }

@media (max-width: 991px) {
    .about-dds {}
    .about-dds .item { column-gap: 40px; row-gap: 20px; }
    .about-dds .item h2 { padding: 0; font-size: 36px; }
    .about-dds .item .img {}
    .about-dds .item .img img {}
    .about-dds .item .text {}
    .about-dds .item .text p { font-size: 20px; }
    .about-dds .item .text .btn {}
    .about-dds .item .text .btn:hover {}
    .about-dds .item .text .btn-wrapper {}
    .about-dds .item .text .btn-wrapper .icons {}
    .about-dds .item .text .btn-wrapper .icons svg {}
    .about-dds .item:nth-child(2n){}
    .about-dds .item:nth-child(2n) h2 { padding: 0; }
    .about-dds .item:nth-child(2n) .img {}
    .about-dds .item:nth-child(2n) .img img {}
    .about-dds .item:nth-child(2n) .text {}
}

@media (max-width: 767px) {
    .about-dds {}
    .about-dds .item { row-gap: 30px; }
    .about-dds .item h2 { font-size: 28px; }
    .about-dds .item .img { flex: 0 1 100%; max-width: 100%; }
    .about-dds .item .img img {}
    .about-dds .item .text { flex: 0 1 100%; text-align: left; }
    .about-dds .item .text p {margin: 0 0 20px 0;font-size: 17px;}
    .about-dds .item .text .btn { width: 100%; }
    .about-dds .item .text .btn:hover {}
    .about-dds .item .text .btn-wrapper { width: 100%; }
    .about-dds .item .text .btn-wrapper .icons { display: none; }
    .about-dds .item .text .btn-wrapper .icons svg {}
    .about-dds .item:nth-child(2n){}
    .about-dds .item:nth-child(2n) h2 { text-align: left; }
    .about-dds .item:nth-child(2n) .img { order: 1; }
    .about-dds .item:nth-child(2n) .img img {}
    .about-dds .item:nth-child(2n) .text { text-align: left; order: 2; }
}


#footer { max-width: 1420px; margin: 0 auto; padding: 70px 20px 50px; display: flex; align-items: flex-start; }
#footer .menu {}
#footer .menu ul { padding: 0; list-style: none; margin: 0; }
#footer .menu ul li { margin: 0 0 8px; }
#footer .menu ul li a {color: #fff;text-decoration: none;font-size: 14px;line-height: 1.5;display: block;}
#footer .menu ul li a:hover {color:var(--c-blue-light)}
#footer .copy { flex: 1; font-size: 12px; text-align: right; padding: 0 0 0 90px; color: rgb(255 255 255 / 60%); font-weight: 300; }
#footer .copy .footerLogos { list-style: none; margin: 0 0 10px 0; padding: 0; display: flex; justify-content: flex-end; align-items: center; gap: 60px; }
#footer .copy .footerLogos li {}
#footer .copy .footerLogos li a {}
#footer .copy .footerLogos li a img {max-width: 300px;filter: invert(1);opacity: 0.8;max-height: 60px;}

@media (max-width: 991px) {
    #footer { flex-wrap: wrap; }
    #footer .menu { flex: 0 1 100%; }
    #footer .menu ul {display: flex;flex-wrap: wrap;column-gap: 30px;justify-content: center;}
    #footer .menu ul li {}
    #footer .menu ul li a {}
    #footer .menu ul li a:hover {}
    #footer .copy { padding: 0; text-align: center; }
    #footer .copy .footerLogos { justify-content: center; margin: 30px 0 10px 0; }
    #footer .copy .footerLogos li {}
    #footer .copy .footerLogos li a {}
    #footer .copy .footerLogos li a img {}
}

@media (max-width: 767px) {
    #footer {}
    #footer .menu {}
    #footer .menu ul {}
    #footer .menu ul li {}
    #footer .menu ul li a {}
    #footer .menu ul li a:hover {}
    #footer .copy {}
    #footer .copy .footerLogos {column-gap: 20px;row-gap: 10px;flex-wrap: wrap;}
    #footer .copy .footerLogos li {}
    #footer .copy .footerLogos li a {}
    #footer .copy .footerLogos li a img { max-height: 50px; max-width: 250px; }

}


.modal {}
.modal .modal-dialog {}
.modal .modal-dialog .modal-content {border: none;border-radius: 20px;box-shadow: 0 0 10px rgb(0 0 0 / 30%);background: var(--c-yellow);}
.modal .modal-dialog .modal-content .modal-header { padding: 0; border: none; }
.modal .modal-dialog .modal-content .modal-header .close {position: absolute;right: -20px;top: -20px;width: 40px;height: 40px;line-height: 40px;border: none;background: var(--c-blue-light);border-radius: 50%;color: #fff;}
.modal .modal-dialog .modal-content .modal-header .close:hover {box-shadow:0 0 20px rgb(0 0 0 / 20%) inset;}
.modal .modal-dialog .modal-content .modal-header .close i {}
.modal .modal-dialog .modal-content .modal-body {min-height: 300px;color: #fff;padding: 30px;font-size: 20px;font-weight: 200;}
.modal .modal-dialog .modal-content .modal-body h2 {font-weight: 900;font-size: 36px;}

@media (max-width: 767px) {
	.modal .modal-dialog .modal-content .modal-body {padding:30px 20px;font-size: 18px;}
	.modal .modal-dialog .modal-content .modal-body h2 {font-size: 28px;}
	.modal .modal-dialog {margin:auto 25px;width: calc(100% - 50px);max-width: calc(100% - 50px);}
}