/*********************************RESET******************************/
*{margin:0;padding:0;box-sizing:border-box;}
[x-cloak]{display: none !important;}
.clear{ clear:both;}
.cfix:after, .container:after, .row:after {clear: both;}
.cfix:before, .cfix:after, .container:before, .container:after, .row:before, .row:after {content: "";display: table;}
img a{ border:none; }
img{ display:block; max-width:100%; }
a, button{text-decoration:none;color:inherit;transition: all .25s ease-in-out;}
a:hover,a:focus,a:active,button.btn:focus, button.btn:hover {outline:none;text-decoration:none;cursor:pointer;}
input:focus, button:focus, textarea:focus, select:focus{outline:none;transition: all .25s ease-in-out;}
h1,h2,h3,h4{font-weight:400}
p{ line-height:1.5; }
ul{ list-style:none;}
li{ list-style:none; }
strong{font-weight:700;}
html.sr .sr-hidden{ visibility:hidden; }/* class to prevent scrollreveal flickering*/
/*hide scrollbar*/
html{ scrollbar-width:none; }/*ff*/
::-webkit-scrollbar{ display:none; }/*chrome/edge*/

/*
fonts
font-family: 'acumin-pro', sans-serif; 300-400-600
*/

:root { 
--dark:#010101;
--light:#f4f4f4;
--light2:#eeeeee;
--light3:#dddddd;
--light4:#cbcbcb;
--light5:#828282;

--purple:#76216a;
--pink:#e43251;
--orange:#ee762e;
--yellow:#f8c900;

--text:#5f5f5f;
}

/*********************************BASE******************************/
body{ background:#fff; color:var(--text); font-family: 'acumin-pro', sans-serif; font-size:20px; font-weight:400; line-height:1; position:relative; overflow-x:hidden; }
body.open{ overflow:hidden; }
.outer-body{ overflow-x:hidden; }
.outer-body{ position:relative; background:#fff; }/*fixed footer*/
input[type=text],
input[type=email],
input[type=password],
input[type=tel], textarea, select{ color:var(--text); font-family: 'acumin-pro', sans-serif; font-size:22px; font-weight:400; width:100%; transition: all .25s ease-in-out; }
select{ background:url("../img/icn/angle-down.svg") center right 30px no-repeat; background-size:12px auto; -webkit-appearance:none; appearance:none; }
.input::placeholder{ color:var(--text); }
.trans{ transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-weight:600; line-height:1.2; color:var(--dark); }
/*h1>*,h2>*,h3>*,h4>*,h5>*,.f-title>*{ letter-spacing:0.05em; }*/
.fw300{ font-weight:300; }
.t-br{ display:block; }
.center{ text-align:center; }
p a{ text-decoration:underline; color:var(--pink); }
p a:hover{ opacity:0.6; text-decoration:underline; }
.txt-content li a{ text-decoration:underline; color:var(--pink); }
.txt-content li a:hover{ opacity:0.6; text-decoration:underline; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
.nw{ white-space:nowrap; }
a:hover{ }
.container{ margin:0 auto; position:relative; max-width:1420px; /*1360*/ width:100%; padding:0 30px; } 
.container.sm{ max-width:1360px; /*1300*/ } /*media-max-width:1359px - padding:calc((100% - 1300px) / 2)*/
.container.md{ max-width:1630px; /*1570*/ }
.container.lg{ max-width:1720px; /*1660*/ } /*media-max-width:1719px - padding:calc((100% - 1660px) / 2)*/
.container.xsm{ max-width:1200px; }
.container:after{ clear: both; content: ""; display: block; height: 0; line-height: 0;  visibility: hidden; }
.fcol{ display:flex; flex-direction:column; }
.fcenter{ justify-content:center; align-items:center; }
b, strong, .strong{ font-weight:700; }
.btn{border:none;display:inline-flex;padding:0 32px;height:60px;justify-content:center;align-items:center;gap:12px;font-size:18px;font-weight:600;border-radius:200px;overflow:hidden;background:linear-gradient(86deg,#76216A 0%,#C52D58 100%);color:#fff;position:relative}
.btn::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:var(--purple);z-index:-1;transition:all .25s ease-in-out;opacity:0}
.btn.white{background:#fff;color:var(--dark)}
.btn:hover{color:#fff;transform:scale(1)}
.btn:hover::before{opacity:1}
.btn.white:hover{background:var(--purple)}
.btn.white:hover .icn img{ filter:brightness(10); }
.btn .arrow{ margin:0 5px 0 0; transition:all .25s ease-in-out; }
.btn:hover .arrow{ margin:0 0 0 5px; }
.btn.white.circle{ padding:0 70px 0 30px; } 
.btn.white.circle .circle{display:flex;width:50px;height:50px;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(256deg,#EE762E 0%,#E43251 51.04%,#76216A 100%);border:none;position:absolute;right:6px;top:50%;margin:-25px 0 0;padding:0;cursor:pointer;}
.btn.white.circle .circle img{ width:18px; }
.btn.white.circle.alt{ padding:0 30px 0 70px; } 
.btn.white.circle.alt .circle{left:6px;right:auto;}
.btn .download{ height:26px; }
@media (max-width: 1839px) {

}
@media (max-width: 1679px) {

}
@media (max-width: 1489px) {

}
@media (max-width: 1359px) {

}
@media (max-width: 1279px) {
	
}
@media (max-width: 1019px) {
	.container.mobile{ max-width:750px; }
}
@media (max-width: 879px) {
	
}
@media (max-width: 759px) {
	
}
@media (max-width: 619px) {
	body{ font-size:14px; }
	input, textarea, select{ font-size:15px; }
	.container{ padding:0 20px; }
	.btn, button{ font-size:13px; height:50px; padding:0 20px; }
	.btn .arrow{ width:20px; }
	.btn.white.circle{ padding:0 60px 0 30px; } 
	.btn.white.circle .circle{width:42px;height:42px;right:5px;margin:-21px 0 0;}
	.btn.white.circle .circle img{ width:15px; }
	.btn.white.circle.alt{ padding:0 30px 0 60px; } 
	.btn.white.circle.alt .circle{left:5px;right:auto;}
	.btn .download{ height:20px; }
}


/*LAYOUT*/
.wrap{ display:flex; flex-flow:row wrap; }
.wrap-alt, .wrap-alt-sm, .wrap-alt-xsm{ display:flex; flex-flow:row wrap; flex-direction:row-reverse; }
.wrap-center{ display:flex; flex-flow: row wrap; justify-content: center;}
@media (max-width: 1279px) {
	.wrap-alt{ flex-direction:row; }	
}
@media (max-width: 1019px) {
	.wrap-alt-sm{ flex-direction:row; }	
}
@media (max-width: 759px) {
	.wrap-alt-xsm{ flex-direction:row; }	
}

/*FORM*/
.outer-form input[type=text],
.outer-form input[type=email],
.outer-form input[type=password],
.outer-form input[type=tel],
.outer-form textarea,
.outer-form select{ font-size:20px; padding:15px 50px; font-weight:600; border-radius:40px; background:#fff; color:var(--dark);  }
.outer-form input::placeholder,
.outer-form textarea::placeholder{  color:var(--dark);  }
.form-row{ margin:0 0 0 -30px; }
.form-row .lg{ display:flex; flex-direction:column; width:100%; padding:30px 0 0 30px; }
.form-row .md{ display:flex; flex-direction:column; width:50%; padding:30px 0 0 30px; position:relative; }
.form-row .input{ height:70px; width:100%; border-radius:40px; border:2px solid var(--light); background:#fff; }
.form-row .input:focus{ border-color:var(--light3); }
.form-row .input.in-error{ border-color:#dd0000; }
.form-row .error{ color:#dd0000; }
.form-row textarea.input{ height:240px; resize:none; }
.form-row label.label{ margin:0 0 10px; }
.form-row .donate li{float:left;margin:0 10px 10px 0;width:120px;height:60px;position:relative}
.form-row .donate label,
.form-row .donate input{display:block;position:absolute;top:0;left:0;right:0;bottom:0}
.form-row .donate input[type="radio"]{opacity:.01;z-index:2;cursor:pointer}
.form-row .donate input[type="radio"]:checked+label,.Checked+label{background:var(--light5);border-color:var(--light5);color:#fff}
.form-row .donate label{display:flex;width:120px;height:60px;border-radius:10px;border:2px solid var(--light3);font-weight:600;cursor:pointer;z-index:1}
.form-row .donate li:hover label{background:var(--light3);cursor:pointer}
.outer-form .text-danger{ margin:5px 0 0; font-size:15px; font-weight:700; color:#dd0000; }
.outer-form .form-bottom{ text-align:center; }
.alert{ margin:30px 0 1em; padding:1em 2em; font-size:15px; line-height:1.3; border-radius:15px; border:1px solid var(--dark); }
.alert-success{ color:#155724; background-color:#d4edda; border-color:#c3e6cb; }
.alert-danger{ color:#dd0000; background-color:#f8d7da; border-color:#f5c6cb; }
.outer-form .btn{ margin:30px auto 0; min-width:200px; border:0; font-family: 'acumin-pro', sans-serif;  }
.outer-form .note{ font-size:13px; text-transform:uppercase; margin-top:20px; }
@media (max-width: 1019px) {
	.form-row .donate li{ width:100px; }
	.form-row .donate label{ width:100px; }
}
@media (max-width: 619px) {
    .outer-form input[type=text],
    .outer-form input[type=email],
    .outer-form input[type=password],
    .outer-form input[type=tel],
	.outer-form textarea,
	.outer-form select{ font-size:13px; padding:15px 20px;  }
	.form-row textarea.input{ border-radius:20px; }
	.form-row .lg{ padding:15px 0 0 30px; }
	.form-row .md{ width:100%; padding:15px 0 0 30px; }
	.form-row .input{ padding:18px 20px; height:auto; }
	.form-row .donate li{ width:60px; height:50px; margin:0 5px 5px 0; }
	.form-row .donate label{ width:60px; height:50px; }
	.outer-form .text-danger{ font-size:13px; }
	.alert{ font-size:13px; }
	.outer-form .note{ font-size:10px; }
}


/*HEADER*/
.main-header{ padding:20px 0; width:100%; position:absolute; top:0; left:0; z-index:10; }
#body.open .main-header{ opacity:0; }
.main-header .wrap{ justify-content:space-between; align-items:center; }
.main-header .logo{ display:flex; width:33.333333%; justify-content:center; align-items:center; }
.main-header .logo a{ display:block; position:relative; }
.main-header .logo a:hover{ opacity:0.6; }
.main-header .logo img{ height:140px; }
.main-header .logo a .color{ opacity:0; position:absolute; top:0; left:0; }
.light .main-header .logo a .white{ opacity:0; }
.light .main-header .logo a .color{ opacity:1; }
.main-header .menu{ display:flex; width:33.333333%; align-items:center; }
.main-header .menu a.open-menu{ display:block; position:relative; }
.main-header .menu a.open-menu img{ width:90px; }
.main-header .menu a.open-menu:hover{ opacity:0.6; }
.main-header .menu a.open-menu .color{ opacity:0; position:absolute; top:0; left:0; }
.light .main-header .menu a.open-menu .white{ opacity:0; }
.light .main-header .menu a.open-menu .color{ opacity:1; }
.main-header .menu a.exit-btn{ margin:0 20px; display:inline-flex;padding:0 30px;height:48px;justify-content:center;align-items:center;font-size:16px;font-weight:600;border-radius:200px;overflow:hidden;background:#ffffff20;color:#fff;}
.main-header .menu a.exit-btn:hover{ background:#fff; color:var(--purple); }
.main-header .actions{ display:flex; width:33.333333%; justify-content:flex-end; align-items:center; }
.main-header .actions .btn+.btn{ margin:0 0 0 10px; }
.main-header .actions .btn.white:hover .icn img{ filter:brightness(10); }
#header-scroll.main-header{ position:fixed; top:-200px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); }
#header-scroll.main-header.scroll{ top:0; }
#header-scroll.main-header .logo img{ height:60px; }
#header-scroll.main-header .menu img{ width:60px; }
#header-scroll.main-header .menu a.exit-btn{background:var(--light);color:var(--text);}
#header-scroll.main-header .menu a.exit-btn:hover{ background:var(--light3); }
#header-scroll.main-header .actions .btn.white{ border:3px solid var(--purple); }
#header-scroll.main-header .actions .btn.white::before{ display:none; }
#header-scroll.main-header .actions .btn.white:hover{ background:var(--purple); }
#header-scroll.main-header .actions .btn.white:hover .icn img{ filter:brightness(10); }
.light .main-header .menu a.exit-btn{background:var(--light);color:var(--text);}
.light .main-header .menu a.exit-btn:hover{ background:var(--light3); }
.light .main-header .actions .btn.white{ border:3px solid var(--purple); }
.light .main-header .actions .btn.white::before{ display:none; }
.light .main-header .actions .btn.white:hover{ background:var(--purple); }
.light .main-header .actions .btn.white:hover .icn img{ filter:brightness(10); }
@media (max-width: 1679px) {
	.main-header .logo img{ height:100px; }
	.main-header .menu a.exit-btn{ height:40px; padding:0 20px; font-size:14px; }
	.main-header .actions .btn{ height:50px; padding:0 20px; font-size:14px; }
	.main-header .actions .btn .icn img{ width:18px; }
}
@media (max-width: 1279px) {
	.main-header .menu a.exit-btn{ display:none; }
	.main-header .actions>*{ display:none; }
}
@media (max-width: 619px) {
	.main-header .logo img{ height:60px; }
	.main-header .menu a.open-menu img{ width:50px; }
	#header-scroll.main-header .menu img{ width:50px; }
}

/*MENU*/
.bg-lg-menu{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.5); z-index:14; visibility:hidden; opacity:0; }
#body.open .bg-lg-menu{ visibility:visible; opacity:1; }
.lg-menu{ position:fixed; top:-900px; left:30px; right:30px; z-index:15; }
.lg-menu.open{ top:0; }
.lg-menu .inner{ padding:0 100px 100px; height:800px; box-shadow:0px 5px 15px 5px rgba(0, 0, 0, 0.3); border-radius:0px 0px 60px 60px; background:#fff;  position:relative; }
.lg-menu .top{ padding:20px 0; position:relative; z-index:16; }
.lg-menu .top .wrap{ justify-content:space-between; align-items:center; }
.lg-menu .top .logo{ display:flex; width:33.333333%; justify-content:center; align-items:center; }
.lg-menu .top .logo a{ display:block; position:relative; }
.lg-menu .top .logo a:hover{ opacity:0.6; }
.lg-menu .top .logo img{ height:140px; }
.lg-menu .top .logo a .color{ opacity:0; position:absolute; top:0; left:0; }
.lg-menu .top .menu{ display:flex; width:33.333333%; align-items:center; }
.lg-menu .top .menu a.close-menu{ display:block; position:relative; }
.lg-menu .top .menu a.close-menu img{ width:90px; }
.lg-menu .top .menu a.close-menu:hover{ opacity:0.6; }
.lg-menu .top .menu a.close-menu .color{ opacity:0; position:absolute; top:0; left:0; }
.lg-menu .top .menu a.exit-btn{ margin:0 20px; display:inline-flex;padding:0 30px;height:48px;justify-content:center;align-items:center;font-size:16px;font-weight:600;border-radius:200px;overflow:hidden;background:var(--light);color:var(--text);}
.lg-menu .top .menu a.exit-btn:hover{ background:var(--light3); }
.lg-menu .top .actions{ display:flex; width:33.333333%; justify-content:flex-end; align-items:center; }
.lg-menu .top .actions .btn+.btn{ margin:0 0 0 10px; }
.lg-menu .top .actions .btn.white{ border:3px solid var(--purple); }
.lg-menu .top .actions .btn.white::before{ display:none; }
.lg-menu .top .actions .btn.white:hover{ background:var(--purple); }
.lg-menu .top .actions .btn.white:hover .icn img{ filter:brightness(10); }
.lg-menu .bottom{ position:absolute; height:100%; left:0; bottom:0; right:0; }
.lg-menu .bottom .wrap{ height:100%; max-width:1700px; margin:0 auto; }
.lg-menu .primary{ width:65%; padding:200px 100px 100px; justify-content:flex-end; }
.lg-menu .primary li+li{ margin:40px 0 0; }
.lg-menu .primary a{ font-size:55px; font-weight:600; display:flex; align-items:center; width:fit-content; padding:0 10px 0 0; color:var(--dark); }
.lg-menu .primary a:hover{ padding:0 0 0 10px; color:var(--pink); }
.lg-menu .primary a img{ opacity:0; width:32px; margin:0 0 0 5px; }
.lg-menu .primary a:hover img{ opacity:1; margin:0 0 0 15px }
.lg-menu .secondary{ width:35%; padding:200px 100px 100px; justify-content:flex-end; }
.lg-menu .secondary li+li{ margin:30px 0 0; }
.lg-menu .secondary a{ font-size:25px; font-weight:400; padding:0 10px 0 0; }
.lg-menu .secondary a:hover{ padding:0 0 0 10px; color:var(--pink); }
.lg-menu .secondary a.access{font-size:16px;padding:12px 20px;display:inline-flex;border:2px solid var(--light3);border-radius:100px;font-weight:600}
.lg-menu .secondary a.access:hover{ border-color:var(--light5); background:var(--light5); color:#fff; }
.lg-menu .secondary a.access svg{ width:12px; margin:0 7px 0 0; }
@media (max-width: 1679px) {
	.lg-menu .top .logo img{ height:100px; }
	.lg-menu .top .menu a.exit-btn{ height:40px; padding:0 20px; font-size:14px; }
	.lg-menu .top .actions .btn{ height:50px; padding:0 20px; font-size:14px; }
	.lg-menu .top .actions .btn .icn img{ width:18px; }
	.lg-menu .inner{ padding:0 60px 100px; }
	.lg-menu .primary a{ font-size:45px; }
}
@media (max-height: 819px) {
	.lg-menu{ top:-100vh; }
	.lg-menu .inner{ height:95vh; }
}
@media (max-width: 1279px) {
	.lg-menu .top .menu a.exit-btn{ display:none; }
	.lg-menu .top .actions>*{ display:none; }
	.lg-menu .primary a{ font-size:35px; }
	.lg-menu .secondary{ padding:200px 60px 100px; }
	.lg-menu .secondary a{ font-size:20px; }
}
@media (max-width: 1019px) {
	.lg-menu{ top:-100vh; }
	.lg-menu .inner{ height:80vh; min-height:350px; }
	.lg-menu .bottom .wrap{ flex-direction:column; justify-content:flex-end; }
	.lg-menu .primary{ width:100%; padding:200px 60px 0; }
	.lg-menu .primary li+li{ margin:30px 0 0; }
	.lg-menu .secondary{ width:100%; padding:60px 60px 100px; }
	.lg-menu .secondary li+li{ margin:25px 0 0; }
}
@media (max-width: 619px) {
	.lg-menu{ left:0; right:0; }
	.lg-menu .inner{ padding:0 20px; border-radius:0px 0px 40px 40px; height: calc(100vh - 20px); max-height:680px;  }
	.lg-menu .top .logo img{ height:60px; }
	.lg-menu .top .menu a.close-menu img{ width:50px; }
	.lg-menu .primary{ padding:100px 30px 0; }
	.lg-menu .primary li+li{ margin:20px 0 0; }
	.lg-menu .primary a{ font-size:25px; padding:0; }
	.lg-menu .primary a:hover{ padding:0; }
	.lg-menu .secondary{ padding:30px 30px 60px; }
	.lg-menu .secondary li+li{ margin:15px 0 0; }
	.lg-menu .secondary a{ font-size:20px; }
	.lg-menu .secondary a.access{font-size:13px;padding:10px 16px; }
	.lg-menu .secondary a.access svg{ width:10px; }
}

/*FOOTER*/
.main-footer .top{ padding:150px; border-radius:80px; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); position:relative; }
.main-footer .top .logo{ position:absolute; top:-30px; right:-30px; }
.main-footer .top .content{ max-width:650px; }
.main-footer .top .help{ display:flex; justify-content:space-between; align-items:center; }
.main-footer .top .help .f-title{ font-size:45px; color:#fff; }
.main-footer .top .help .btn.white:hover .icn img{ filter:brightness(10); }
.main-footer .top .newsletter{ padding:40px 0 0; border-top:3px solid #ffffff20; margin:40px 0 0; } 
.main-footer .top .newsletter .f-title{ font-size:25px; margin:0 0 20px; color:#fff; }
.main-footer .top .newsletter .search-field{ max-width:580px; position:relative; }
.main-footer .top .newsletter .input{ font-size:16px; font-weight:600; height:76px; padding:0 80px 0 40px; width:100%; border-radius:40px; border:2px solid transparent; background:#ffffff20; color:#fff; }
.main-footer .top .newsletter .input::placeholder{ color:#fff; }
.main-footer .top .newsletter .input:focus{ background:#ffffff10; border-color:#ffffff20; }
.main-footer .top .newsletter .search-btn{display:flex;width:50px;height:50px;justify-content:center;align-items:center;border-radius:50%;background:#fff;border:none;position:absolute;right:14px;top:50%;margin:-25px 0 0;padding:0;cursor:pointer;}
.main-footer .top .newsletter .search-btn:hover{ transform:scale(0.9); }
.main-footer .top .newsletter .search-btn img{ width:18px; }
.main-footer .bottom{ padding:20px 150px; display:flex; justify-content:space-between; align-items:center; }
.main-footer .bottom .copy{ font-size:13px; font-weight:600; }
.main-footer .bottom .copy a{ display:inline-flex; align-items:center; margin:5px 0 0; }
.main-footer .bottom .copy a img{ margin:0 0 0 5px; }
.main-footer .bottom .copy a:hover{ opacity:0.6; }
.main-footer .bottom .social a{ display:flex; width:58px; height:58px; border-radius:50%; background: linear-gradient(86deg, #76216A 0%, #C52D58 100%); color:#fff; }
.main-footer .bottom .social a:hover{ transform:scale(0.9); }
.main-footer .bottom .social a img{ height:24px; }
@media (max-width: 1489px) {
	.main-footer .top{ padding:150px 100px; }
	.main-footer .top .logo{ width:34vw; }
	.main-footer .bottom{ padding:20px 100px; }
}
@media (max-width: 1279px) {
	.main-footer .top{ padding:350px 100px 150px; }
	.main-footer .top .logo{ width:auto; height:300px; }
}
@media (max-width: 1019px) {
	.main-footer .top .help .f-title{ font-size:35px; }
	.main-footer .top .newsletter .f-title{ font-size:20px; }
}
@media (max-width: 619px) {
	.main-footer .top{ padding:270px 30px 100px; border-radius:40px; }
	.main-footer .top .logo{ height:250px; }
	.main-footer .top .help{ display:block; }
	.main-footer .top .help .f-title{ font-size:25px; margin:0 0 15px;  }
	.main-footer .top .newsletter .f-title{ font-size:16px; }
	.main-footer .top .newsletter .input{ font-size:13px; height:50px; padding:0 30px 0 20px; }
	.main-footer .top .newsletter .search-btn{width:40px;height:40px;margin:-20px 0 0;right:6px;}
	.main-footer .top .newsletter .search-btn img{ width:12px; }
	.main-footer .bottom{ padding:20px 30px; }
	.main-footer .bottom .copy{ font-size:11px; line-height:1.1; padding:0 20px 0 0; }
	.main-footer .bottom .social a{ width:48px; height:48px; }
	.main-footer .bottom .social a img{ height:20px; }
}

/*HERO*/
.home-hero{ padding:230px 0 0; height:880px; background:var(--purple); background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); position:relative; overflow:hidden; } 
.home-hero .img{ position:absolute; top:0; right:0; }
.home-hero .content{ position:absolute; left:16vw; bottom:120px; }
.home-hero .content h1{ font-size:90px; font-weight:600; color:#fff; }
@media (max-width: 1779px) {
	.home-hero .img{ right:-150px; }
	.home-hero .content{ left:14vw; }
}
@media (max-width: 1679px) {
	.home-hero .img{ right:-250px; }
	.home-hero .content{ left:10vw; }
}
@media (max-width: 1489px) and (max-height: 819px) {
	.home-hero{ height:750px; }
	.home-hero .content h1{ font-size:80px; }
	.home-hero .img{ width:800px; }
}
@media (max-width: 1489px) {
	.home-hero .img{ right:-130px; }
	.home-hero .content{ left:10vw; }
}
@media (max-width: 1359px) {
	
}
@media (max-width: 1279px) {
	.home-hero{ height:750px; }
	.home-hero .img{ right:-250px; max-width:820px; }
	.home-hero .content{ left:60px; }
}
@media (max-width: 1019px) {
	.home-hero{ height:auto; padding:250px 0 100px; }
	.home-hero .img{ position:static; margin:-60px 0 0; }
	.home-hero .img img{ transform:translateX(13%); }
	.home-hero .content{ position:static; margin:0 0 0 10vw; padding:0 0 0 30px; }
}
@media (max-width: 619px) {
	.home-hero{ padding:150px 0 70px; }
	.home-hero .content h1{ font-size:45px; }
	.home-hero .content{ margin:0; }
	.home-hero .img{ width:100%; margin:-30px 0 0; }
}

.hero{ padding:320px 30px 120px; background:var(--purple); background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); position:relative; overflow:hidden; } 
.hero.no-icon { padding: 380px 30px 120px; }
.hero.sm{ padding:100px 0; background:none; }
.hero.extra-pb{ padding-bottom:200px; }
.hero .content{ text-align:center; color:#fff; }
.hero .content .icn img{ margin:0 auto 30px; }
.hero .content h1, .hero .content .f-title{ font-size:90px; font-weight:600; color:#fff; margin:0 0 40px; }
.hero .content p{ font-size:25px; max-width:750px; margin:0 auto; }
.hero .content .btns{ margin:40px 0 0; }
.hero .content .btns a{ margin:10px; display:inline-flex;padding:0 30px;height:48px;justify-content:center;align-items:center;font-size:18px;font-weight:600;border-radius:200px;overflow:hidden;background:#ffffff20;color:#fff;}
.hero .content .btns a:hover{ background:#fff; color:var(--purple); }
.hero .content .btns a.fb svg{ height:18px; margin:0 10px 0 0; }
.hero .training{ margin:100px 0 0; }
.hero .training .container{ max-width:1380px; padding:0; }
.hero .training .choose{ display:flex; justify-content:space-between; align-items:center; }
.hero .training .choose .f-title{ font-size:28px; margin:0; color:#fff; }
.hero .training .choose .filters a{ margin:0 10px; display:inline-flex;padding:0 50px;height:70px;justify-content:center;align-items:center;font-size:22px;font-weight:600;border-radius:200px;overflow:hidden;background:#ffffff20;color:#fff;}
.hero .training .choose .filters a:hover{ background:#ffffff40; }
.hero .training .choose .filters a.active{ background:#fff; color:var(--dark); cursor:default; }
.hero .training .box{ padding:20px 70px; margin:40px 0 0; border-radius:30px; border:4px solid #ffffff20; }
.hero .training .box>.wrap{ align-items:center; }
.hero .training .box .icn{ width:86px; }
.hero .training .box .desc{ width:calc(100% - 336px); padding:0 25px; }
.hero .training .box .desc .f-title{ font-size:24px; margin:0 0 10px; color:#fff; }
.hero .training .box .desc p{ font-size:15px; max-width:600px; color:#fff; }
.hero .training .box .action{ width:250px; }
@media (max-width: 1489px) {
	.hero .content h1.sm, .hero .content .f-title.sm{ font-size:80px; }
	.hero .training .choose .filters a{ padding:0 40px;height:60px;font-size:20px;}
}
@media (max-width: 1279px) {
	.hero .content h1, .hero .content .f-title{ font-size:70px; }
	.hero .content p{ font-size:20px; }
	.hero .training .choose{ display:block; }
	.hero .training .box{ padding:20px 40px; }
}
@media (max-width: 1019px) {
	.hero .training .choose .filters{ margin:20px 0 0; }
	.hero .training .choose .filters a{ margin:0 10px 0 0; padding:0 32px;height:60px;font-size:16px;}
}
@media (max-width: 619px) {
	.hero{ padding:170px 20px 80px; }
	.hero.no-icon { padding: 230px 20px 80px; }
	.hero.sm{ padding:50px 0; }
	.hero.extra-pb{ padding-bottom:120px; }
	.hero .content .icn img{ max-height:80px; max-width:160px; }
	.hero .content .icn.sm img{ max-height:80px; max-width:100px; }
	.hero .content h1, .hero .content .f-title{ font-size:45px; margin:0 0 20px; }
	.hero .content h1.sm, .hero .content .f-title.sm{ font-size:38px; }
	.hero .content p{ font-size:16px; }
	.hero .content .btns{ margin:30px 0 0; }
	.hero .content .btns a{ margin:5px;padding:0 20px;height:38px;font-size:14px;}
	.hero .training .choose{ text-align:center; }
	.hero .training .choose .f-title{ font-size:20px; }
	.hero .training .choose .filters a{ margin:10px 10px 0 0; font-size:13px; height:50px; padding:0 20px; width:100%; }
	.hero .training .box{ padding:30px; text-align:center; }
	.hero .training .box .icn{ width:100%; }
	.hero .training .box .icn img{ max-width:30vw; margin:0 auto; }
	.hero .training .box .desc{ width:100%; padding:20px 0; }
	.hero .training .box .action{ width:100%; }
}


.hero .training-details{  }
.hero .training-details .container{ padding:0; }
.hero .training-content{ width:50%; padding:0 60px 0 0; text-align:left; color:#fff; justify-content:center; }
.hero .wrap-alt-sm .training-content{ padding:0 0 0 50px; }
.hero .training-content .cat{ font-size:16px; font-weight:600; border:2px solid #ffffff20; border-radius:100px; padding:10px 30px; display:inline-flex; }
.hero .training-content h1{ font-size:55px; margin:10px 0; color:#fff; }
.hero .training-content .info{ border-top:3px solid #ffffff20; padding:30px 0 0; margin:30px 0 0; }
.hero .training-content .info .item{ font-size:18px; display:flex; align-items:center; }
.hero .training-content .info .item img{ margin:0 10px 0 0; }
.hero .training-content .actions{ margin:50px 0 0; display:flex; }
.hero .training-content .actions .btn{ margin:0 20px 0 0; }
.hero .training-content .actions .btn.calendar{ font-size:16px; background:#ffffff20; }
.hero .training-img{ width:50%; justify-content:center; }
.hero .training-img>div{ padding:20px 0 0 90px; position:relative; }
.hero .wrap-alt-sm .training-img>div{ padding:0 50px 0 0; }
.hero .training-img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; height:100%; }
.hero .training-img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.4; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.hero .training-img .img-gradient>img{ width:100%; }
.hero .training-img .price{ position:absolute; top:0; left:0; display:flex; width:180px; height:180px; border-radius:50%; background:#fff; color:var(--purple); font-size:48px; font-weight:600; }
.hero .training-img .price>div{ display:flex; }
.hero .training-img .price sup{ font-size:40px; margin:8px 0 0 4px; }
@media (max-width: 1489px) {
	.hero .training-content{ width:56%; }
	.hero .training-img{ width:44%; }
	.hero .training-img>div{ padding:20px 0 0 60px; }
}
@media (max-width: 1279px) {

}
@media (max-width: 1019px) {
	.hero .training-content{ width:100%; padding:0 0 50px; }
	.hero .wrap-alt-sm .training-content{ padding:0 0 50px; }
	.hero .training-img{ width:100%; margin:0 0 -180px; }
	.hero .training-img>div{ padding:20px 60px 0; }
	.hero .wrap-alt-sm .training-img>div{ padding:0; }
}
@media (max-width: 619px) {
	.hero .training-content .cat{ font-size:13px; padding:10px 20px; }
	.hero .training-content h1{ font-size:30px; }
	.hero .training-content .info .item{ font-size:15px; }
	.hero .training-content .info .item img{ height:18px; margin:0 5px 0 0; }
	.hero .training-content .actions{ display:block; }
	.hero .training-content .actions .btn{ margin:0 0 15px; }
	.hero .training-content .actions .btn.calendar{ font-size:13px; }
	.hero .training-content .actions .btn.calendar .icn{ width:16px; }
	.hero .training-img{ margin:0 0 -100px; }
	.hero .training-img>div{ padding:20px 20px 0; }
	.hero .training-img .img-gradient{ border-radius:20px; }
	.hero .training-img .price{ width:110px; height:110px;font-size:40px; }
	.hero .training-img .price sup{ font-size:24px; margin:4px 0 0 4px; }
}

.hero .news-details{ padding:0 0 100px; color:#fff; }
.hero .news-details .container{ padding:0; }
.hero .news-details .back .btn .circle img{transform:rotate(180deg)} 
.hero .news-details h1{ font-size:70px; padding:30px 0; border-bottom:3px solid #ffffff20; color:#fff; }
.hero .news-details .info{ padding:30px 0 0; display:flex; align-items:center; }
.hero .news-details .info .sep{ display:block; height:2px; width:80px; margin:0 20px; background:#ffffff20; }
@media (max-width: 1019px) {
	.hero .news-details h1{ font-size:60px; }
	.hero .news-details .info .sep{ width:60px; }
}
@media (max-width: 619px) {
	.hero .news-details{ padding:0 0 50px; }
	.hero .news-details h1{ font-size:35px; }
	.hero .news-details .info .sep{ width:30px; margin:0 10px; }
}

.oblique-banner{padding:30px 0;transform:rotate(-2deg);background:#fff;margin:-50px -10vw 0}
.oblique-banner .gradient{padding:10px 0;display:flex;justify-content:space-between;background:linear-gradient(256deg,#F8C900 0%,#EE762E 33.85%,#E43251 65.1%,#76216A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.oblique-banner .item{font-size:2.5vw;font-weight:600}
@media (max-width: 1019px) {
	.oblique-banner{margin:-50px -22vw 0}
	.oblique-banner .item{font-size:4vw;}
	.oblique-banner .item:last-child{ display:none; }
}
@media (max-width: 619px) {
	.oblique-banner{padding:20px 0;margin:-40px -36vw 0}
	.oblique-banner .item{font-size:5vw;}
}

.cs-1{ padding:50px; text-align:center; }
.cs-1 .items>.wrap{ margin:0 -15px; }
.cs-1 .item{ width:33.3333%; padding:0 15px; }
.cs-1 .item>a{ padding:50px 30px; border-radius:40px; height:100%; border:3px solid var(--light); background:var(--light); }
.cs-1 .item>a:hover{ background:var(--light2); border-color:var(--light3); }
.cs-1 .item .f-title{ font-size:28px; margin:20px 0 0; }
@media (max-width: 1489px) {
	.cs-1 .item .f-title{ font-size:22px; }
}
@media (max-width: 1019px) {
	.cs-1{ padding:30px; }
	.cs-1 .item .icn img{ height:90px; }
}
@media (max-width: 619px) {
	.cs-1 .item{ width:100%; padding:10px 15px; }
	.cs-1 .item>a{ padding:30px; min-height:240px; }
}

.cs-2{ padding:150px 0 280px; background:url("../img/pattern-1.svg") right bottom no-repeat; }
.cs-2 .title h2{ font-size:70px; max-width:600px; margin:0 0 60px; }
.cs-2 .img{ width:55%; padding:0 60px 0 0; }
.cs-2 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; height:100%; }
.cs-2 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-2 .img .img-gradient>img{ width:100%; }
.cs-2 .img img{ /*border-radius:40px;*/ height:100%; object-fit:cover; }
.cs-2 .content{ width:45%; }
.cs-2 .content .box{ padding:60px; border-radius:40px; background:var(--light); }
.cs-2 .content .box+.box{ margin:30px 0 0; }
.cs-2 .content h3{ font-size:32px; }
.cs-2 .content p{ font-size:17px; margin:25px 0; }
@media (max-width: 1019px) {
	.cs-2 .img{ width:100%; padding:0 0 30px; }
	.cs-2 .content{ width:100%; }
}
@media (max-width: 619px) {
	.cs-2{ padding:80px 0 180px; background-size:400px auto; }
	.cs-2 .title h2{ font-size:40px; margin:0 0 40px; }
	.cs-2 .img .img-gradient{ border-radius:20px; }
	.cs-2 .img img{ /*border-radius:20px;*/ }
	.cs-2 .content .box{ padding:40px 30px; border-radius:20px; }
	.cs-2 .content .box+.box{ margin:20px 0 0; }
	.cs-2 .content h3{ font-size:20px; }
	.cs-2 .content p{ font-size:14px; margin:15px 0 25px; }
}


.cs-3{ position:relative; max-width:2000px; margin:0 auto; }
.cs-3 .outer{ padding:150px; border-radius:80px; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.56%, #76216A 100%), linear-gradient(86deg, #76216A 0%, #C52D58 100%); color:#fff; }
.cs-3 .img{ position:absolute; top:-90px; right:0; width:45%; max-width:790px; z-index:1; }
.cs-3 .img>div{ position:relative; border-radius: 80px 0px 0px 80px; overflow:hidden; }
.cs-3 .img>div:before{content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.25; background:linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode:screen; }
.cs-3 .content{ width:50%; margin:0 0 140px; }
.cs-3 .content h2{ font-size:70px; margin:0 0 40px; color:#fff; }
.cs-3 .content h2 .sm{ font-size:28px; font-weight:300; }
.cs-3 .content p{ font-weight:300; margin:20px 0 0; }
.cs-3 .listing h2{ font-size:25px; margin:0 0 20px; color:#fff; }
.cs-3 .item{ border-top:2px solid #ffffff20; }
.cs-3 .item:last-child{ border-bottom:2px solid #ffffff20; }
.cs-3 .item+.item{ }
.cs-3 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-3 .t-item .q-title{ font-size:44px; line-height:1.1; padding:35px 100px 35px 50px; display:flex; align-items:center; color:#fff; transition: all .25s ease-in-out;  }
.cs-3 .t-item:hover .q-title{ color:#ffffff90;  }
.cs-3 .t-item .icn{ position:absolute; top:50%; margin-top:-19px; right:50px; display:flex; width:38px; height:38px; transition: all .25s ease-in-out; }
.cs-3 .t-item:hover .icn{ }
.cs-3 .t-item .icn:after{ content:""; display:block; width:38px; height:38px; background:url("../img/icn/plus-white.svg") center center no-repeat; background-size:38px 38px; transition:all 0.4s ease; }
.cs-3 .t-item.open .icn:after{ background-image:url("../img/icn/minus-white.svg"); transform:rotate(180deg); }
.cs-3 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-3 .c-item.open{ }
.cs-3 .c-item>div{ padding:0 50px 50px; }
.cs-3 .c-item p+p{ margin-top:15px; }
.cs-3 .c-item ul{ display:flex; padding:0 0 0 30px; }
.cs-3 .c-item li{ width:50%; font-weight:300; list-style:disc; margin:0 0 8px; padding:0 30px 0 0; }
.cs-3 .external{ height:100px; margin:60px 0 0; border-radius:50px; background:#fff; }
.cs-3 .external>.wrap{ justify-content:space-between; align-items:center; height:100%; }
.cs-3 .external .title{ font-size:27px; padding:0 80px; }
.cs-3 .external .search{ padding:0 12px; }
.cs-3 .external .search .search-field{ position:relative; }
.cs-3 .external .search .input{ font-size:16px; font-weight:600; height:76px; padding:0 80px 0 40px; width:40vw; max-width:500px; border-radius:40px; border:2px solid var(--light); background:var(--light); }
.cs-3 .external .search .input:focus{ background:var(--light2); border-color:var(--light3); }
.cs-3 .external .search .search-btn{display:flex;width:50px;height:50px;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(256deg,#EE762E 0%,#E43251 51.04%,#76216A 100%);border:none;position:absolute;right:14px;top:50%;margin:-25px 0 0;padding:0;cursor:pointer;}
.cs-3 .external .search .search-btn:hover{ transform:scale(0.9); }
.cs-3 .external .search .search-btn img{ width:18px; }
.cs-3 .results{ padding: 3em 0; }
@media (max-width: 1679px) {
	.cs-3 .outer{ padding:120px 100px; }
}
@media (max-width: 1019px) {
	.cs-3 .outer{ padding:150px 60px 120px; }
	.cs-3 .img{position:relative;display:flex;justify-content:flex-end;width:100%;max-width:100%;margin:0 0 -80px;top:auto;z-index:1}
	.cs-3 .img>div{ width:70%; }
	.cs-3 .content{ width:100%; margin:0 0 140px; }
	.cs-3 .content h2{ font-size:50px; }
	.cs-3 .t-item .q-title{ font-size:30px; padding:35px 100px 35px 30px;  }
	.cs-3 .t-item .icn{ right:30px; }
	.cs-3 .c-item>div{ padding:0 30px 50px; }
	.cs-3 .external .title{ font-size:18px; padding:0 30px; width:40%; }
	.cs-3 .external .search{ padding:0 12px; width:60%; }
	.cs-3 .external .search .search-field{ position:relative; }
	.cs-3 .external .search .input{ padding:0 80px 0 30px; width:100%; }
}
@media (max-width: 619px) {
	.cs-3 .outer{ padding:60px 30px 30px; border-radius:0 0 40px 40px; }
	.cs-3 .img{ margin:0; }
	.cs-3 .img>div{ width:auto; border-radius:40px 40px 0 0; margin:0 20px; }
	.cs-3 .content{ margin:0 0 50px; }
	.cs-3 .content h2{ font-size:35px; }
	.cs-3 .content h2 .sm{ font-size:20px; }
	.cs-3 .listing h2{ font-size:20px; }
	.cs-3 .t-item .q-title{ font-size:16px; padding:25px 50px 25px 10px; }
	.cs-3 .t-item .icn{ margin-top:-11px; right:10px; width:22px; height:22px; }
	.cs-3 .t-item .icn:after{ width:22px; height:22px; background-size:22px 22px; }
	.cs-3 .c-item>div{ padding:0 10px 30px; }
	.cs-3 .c-item li{ width:100%; }
	.cs-3 .external{ height:auto; border-radius:15px; padding:20px 0; }
	.cs-3 .external .title{ width:100%; font-size:16px; margin:0 0 10px; }
	.cs-3 .external .search{ width:100%; }
	.cs-3 .external .search .input{ font-size:13px; height:50px; padding:0 30px 0 20px; }
	.cs-3 .external .search .search-btn{width:40px;height:40px;margin:-20px 0 0;right:6px;}
	.cs-3 .external .search .search-btn img{ width:12px; }
}

.cs-4{ padding:200px 0; }
.cs-4 .content{ width:40%; padding:0 70px 0 calc((100% - 1620px) / 2); justify-content:center; }
.cs-4 .content>div{ padding:0 30px; max-width:600px; }
.cs-4 .content h2{ font-size:70px; margin:0 0 30px; }
.cs-4 .content .btns{ margin:40px 0 0; }
.cs-4 .items{ width:calc(60% + 250px); margin:0 -250px 0 0; justify-content:center; }
.cs-4 .items .inner-slide{ padding:0 60px 0 0; }
.cs-4 .items .inner-slide a{ display:block; }
.cs-4 .items .inner-slide .img{ border-radius:20px; }
.cs-4 .items .inner-slide a:hover .img{ opacity:0.8; }
.cs-4 .items .inner-slide .desc{ }
.cs-4 .items .inner-slide h3{ font-size:24px; padding:25px 20px 15px; }
.cs-4 .items .inner-slide a:hover h3{ color:var(--pink); }
.cs-4 .items .inner-slide .bottom{ justify-content:space-between; align-items:center; position:relative; }
.cs-4 .items .inner-slide .bottom:before{ content:""; display:block; width:100%; height:2px; background:var(--light2); position:absolute; left:0; top:50%; margin:-1px 0 0; }
.cs-4 .items .inner-slide .date{ font-size:18px; padding:0 20px; background:#fff; position:relative; }
.cs-4 .items .inner-slide .btns{ padding:0 22px; background:#fff; position:relative; }
.cs-4 .items .inner-slide a:hover .btns{ padding:0 18px 0 22px; }
.cs-4 .items .inner-slide .circle{ display:flex; width:42px; height:42px; border-radius:50%; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; } 
.cs-4 .items .inner-slide .circle img{ width:16px; }
@media (max-width: 1679px) {
	.cs-4 .content h2{ font-size:50px; }
	.cs-4 .items .inner-slide{ padding:0 40px 0 0; }
	.cs-4 .items .inner-slide h3{ font-size:20px; padding:20px 10px 15px; }
	.cs-4 .items .inner-slide .date{ font-size:16px; padding:0 10px; }
	.cs-4 .items .inner-slide .btns{ padding:0 10px; }
	.cs-4 .items .inner-slide a:hover .btns{ padding:0 6px 0 10px; }
}
@media (max-width: 1279px) {
	.cs-4{ padding:150px 0 150px 10vw; }
	.cs-4 .content{ width:100%; padding:0 0 60px; }
	.cs-4 .items{ width:calc(100% + 250px); padding:0 0 0 30px; }
}
@media (max-width: 619px) {
	.cs-4{ padding:100px 0; }
	.cs-4 .content{ padding:0 0 30px; }
	.cs-4 .content>div{ padding:0 20px; }
	.cs-4 .content h2{ font-size:40px; margin:0 0 20px; }
	.cs-4 .content .btns{ margin:30px 0 0; }
	.cs-4 .items{ padding:0 0 0 20px; }
	.cs-4 .items .inner-slide{ padding:0 30px 0 0; }
	.cs-4 .items .inner-slide h3{ font-size:18px; }
	.cs-4 .items .inner-slide .circle{ width:32px; height:32px;} 
	.cs-4 .items .inner-slide .circle img{ width:12px; }
}

.cs-5{ padding:200px 0; }
.cs-5 .img{ width:48%; }
.cs-5 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-5 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-5 .img .img-gradient>img{ width:100%; }
.cs-5 .content{ width:52%; padding:0 0 0 100px; justify-content:center; }
.cs-5 .content h1{ font-size:60px; margin:0 0 40px; }
.cs-5 .content .items{ margin:50px -15px 0; }
.cs-5 .content .item{ width:50%; padding:25px 15px; }
.cs-5 .content .item .box{ padding:20px; border-radius:20px; min-height:160px; border:3px solid var(--light); background:var(--light); text-align:center; position:relative; }
.cs-5 .content .item a.box:hover{ background:var(--light2); border-color:var(--light3); }
.cs-5 .content .item .num{ font-size:25px; font-weight:600; margin:0 0 10px; color:var(--light4); }
.cs-5 .content .item a.box:hover .num{ color:var(--pink); }
.cs-5 .content .item .f-title{ font-size:28px; }
.cs-5 .content .item a.box .f-title{ margin-bottom:10px; }
.cs-5 .content .item .f-title.sm{ font-size:24px; }
.cs-5 .content .item .circle{ display:flex; width:50px; height:50px; border-radius:50%; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; transform:rotate(-45deg); position:absolute; left:50%; bottom:-25px; margin:0 0 0 -25px; } 
.cs-5 .content .item .circle img{ width:20px; }
.cs-5 .content .item a.box:hover .circle{ transform:rotate(0deg); }
@media (max-width: 1019px) {
	.cs-5{ padding:150px 0; }
	.cs-5 .img{ width:100%; }
	.cs-5 .content{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
	.cs-5{ padding:100px 0; }
	.cs-5 .img .img-gradient{ border-radius:20px; }
	.cs-5 .content h1{ font-size:35px; margin:0 0 20px; }
	.cs-5 .content .item{ width:100%; padding:10px 15px; }
	.cs-5 .content .item a.box{ margin:0 0 20px; }
}

.cs-6{ position:relative; max-width:2000px; margin:0 auto; }
.cs-6 .outer{ padding:180px 130px; border-radius:80px; background:var(--light); }
.cs-6 .top .content{ width:54%; padding:0 100px 0 0; justify-content:center; }
.cs-6 .top .content h2{ font-size:60px; margin:0 0 30px; }
.cs-6 .top .img{ width:46%; }
.cs-6 .top .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-6 .top .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.4; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-6 .top .img .img-gradient>img{ width:100%; }
.cs-6 .items{ margin:50px -15px 0; }
.cs-6 .items>.wrap{ justify-content:center; }
.cs-6 .item{ width:25%; padding:25px 15px; }
.cs-6 .item .box{ padding:20px; border-radius:20px; min-height:160px; border:3px solid #fff; background:#fff; text-align:center; position:relative; }
.cs-6 .item a.box:hover{ background:var(--light2); border-color:var(--light3); }
.cs-6 .item .num{ font-size:25px; font-weight:600; margin:0 0 10px; color:var(--light4); }
.cs-6 .item a.box:hover .num{ color:var(--pink); }
.cs-6 .item .f-title{ font-size:28px; }
.cs-6 .item a.box .f-title{ margin-bottom:10px; }
.cs-6 .item .f-title.sm{ font-size:24px; }
.cs-6 .item .circle{ display:flex; width:50px; height:50px; border-radius:50%; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; transform:rotate(-45deg); position:absolute; left:50%; bottom:-25px; margin:0 0 0 -25px; } 
.cs-6 .item .circle img{ width:20px; }
.cs-6 .item a.box:hover .circle{ transform:rotate(0deg); }
@media (max-width: 1679px) {
	.cs-6 .outer{ padding:150px 100px; }
	.cs-6 .item .f-title{ font-size:24px; }
	.cs-6 .item .f-title.sm{ font-size:20px; }
}
@media (max-width: 1019px) {
	.cs-6 .outer{ padding:150px 60px; }
	.cs-6 .top .content{ width:100%; padding:0 0 50px; }
	.cs-6 .top .img{ width:100%; }
	.cs-6 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-6 .outer{ padding:80px 30px; border-radius:40px; }
	.cs-6 .top .img .img-gradient{ border-radius:20px; }
	.cs-6 .top .content h2{ font-size:35px; margin:0 0 20px; }
	.cs-6 .item{ width:100%; padding:10px 15px; }
	.cs-6 .item a.box{ margin:0 0 20px; }
	.cs-6 .item .f-title{ font-size:20px; }
	.cs-6 .item .f-title.sm{ font-size:18px; }
}

.cs-7{ padding:200px 0; }
.cs-7 .img{ }
.cs-7 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-7 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-7 .img .img-gradient>img{ width:100%; }
.cs-7 .box{ padding:100px; margin:-320px 0 0; border-radius:40px; background:#fff; max-width:900px; position:relative; }
.cs-7 .box h2{ font-size:60px; margin:0 0 30px; }
.cs-7 .box .btns{ margin:40px 0 0; }
@media (max-width: 1679px) {
	.cs-7 .box{ margin:-180px 0 0; }
}
@media (max-width: 1019px) {
	.cs-7 .img .img-gradient>img{ height:500px; object-fit:cover; }
	.cs-7 .box{ margin:-60px 0 0; padding:80px 80px 0; }
}
@media (max-width: 619px) {
	.cs-7{ padding:100px 0; }
	.cs-7 .img .img-gradient{ border-radius:20px; }
	.cs-7 .img .img-gradient>img{ height:300px; }
	.cs-7 .box{ padding:50px 30px 0; margin:-60px 0 0; }
	.cs-7 .box h2{ font-size:35px; margin:0 0 20px; }
	.cs-7 .box .btns{ margin:30px 0 0; }
}

.cs-8{ padding:150px 0; }
.cs-8 .top:after{ content:""; display:block; width:100%; height:4px; border-radius:10px; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); margin:30px 0; }
.cs-8 .top .title{ width:calc(100% - 200px); }
.cs-8 .top .title .f-title{ font-size:55px; max-width:700px; }
.cs-8 .top .results{ width:200px; justify-content:flex-end; align-items:flex-end; }
.cs-8.events .top .results{ justify-content:center; }
.cs-8 .top .cat{ width:calc(100% - 200px); }
.cs-8 .top .cat .input{ font-size:20px; padding:15px 30px; font-weight:600; height:70px; width:100%; max-width:400px; border-radius:40px; border:2px solid var(--light); color:var(--dark); }
.cs-8 .top .cat .input:focus{ border-color:var(--light3); }
.cs-8 .items{ margin:0 -15px; }
.cs-8 .item{ width:25%; padding:25px 15px; }
.cs-8 .item a{ display:flex; flex-direction:column; justify-content:space-between; border-radius:20px; overflow:hidden; background:var(--light); height:100%; }
.cs-8 .item .img{ overflow:hidden; }
.cs-8 .item .img img{ width:100%; }
.cs-8 .item a:hover .img img{ transform:scale(1.05); opacity:0.8; }
.cs-8 .item .desc{ padding:20px 30px; }
.cs-8.events .item .desc{ padding:30px; }
.cs-8 .item .desc h3{ font-size:22px; }
.cs-8 .item .desc .date{ font-size:18px; margin:0 0 5px; }
.cs-8 .item a:hover .desc h3{ color:var(--pink); }
.cs-8 .item .bottom{ padding:15px 30px; border-top:4px solid #fff; display:flex; justify-content:space-between; align-items:center; }
.cs-8 .item .bottom .price{ font-size:26px; }
.cs-8 .item a:hover .bottom .btns{  }
.cs-8 .item .bottom .circle{ display:flex; width:42px; height:42px; border-radius:50%; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; } 
.cs-8 .item .bottom .circle img{ width:16px; }
.cs-8 .pager{ padding:50px 0 0; }
.cs-8 .pager .inner{ display:flex; flex-wrap:wrap; justify-content:flex-end; }
.cs-8 .pager .num{ display:flex; width:62px; height:62px; border:2px solid var(--light3); margin:0 7px; border-radius:50%; font-size:22px; font-weight:600; color:var(--dark); }
.cs-8 .pager .num:hover{ border-color:var(--text); }
.cs-8 .pager .num.current{ border-color:var(--light3); background:var(--light3); }
.cs-8 .pager .num.gap:hover{ border-color:var(--light3); }
.cs-8 .pager .num.gap svg{ width:20px; }
.cs-8 .pager .num.arrow svg{ width:12px; }
.cs-8 .pager .num.arrow.next{ transform:rotate(180deg); }
@media (max-width: 1489px) {
	.cs-8 .item{ width:33.333333%; }
}
@media (max-width: 1019px) {
	.cs-8 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-8{ padding:100px 0; }
	.cs-8 .top .title{ width:100%; }
	.cs-8 .top .title .f-title{ font-size:30px; margin:0 0 10px; }
	.cs-8 .top .results{ width:100%; align-items:flex-start; }
	.cs-8 .top .cat{ width:100%; margin:0 0 20px; }
	.cs-8 .top .cat .input{ font-size:13px; padding:18px 20px; height:auto; max-width:250px; }
	.cs-8 .item{ width:100%; }
	.cs-8 .pager .num{ width:40px; height:40px; font-size:14px; margin:4px; }
	.cs-8 .pager .num.gap svg{ width:14px; }
	.cs-8 .pager .num.arrow svg{ width:8px; }
}

.cs-9{ padding:0 0 200px; }
.cs-9 .outer{ padding:180px 130px; border-radius:80px; background:var(--light); }
.cs-9 .inner{ max-width:1000px; margin:0 auto; }
.cs-9 .title { text-align:center; margin:0 0 80px; }
.cs-9 .title .sm{ font-size:28px; font-weight:300; margin:0 0 20px; }
.cs-9 .title h2{ font-size:60px; }
.cs-9 .notice{ max-width:460px; margin:40px auto 20px; text-align:left; }
.cs-9 .notice .icn{ width:36px; justify-content:center; }
.cs-9 .notice .desc{ width:calc(100% - 36px); padding:0 0 0 20px; font-size:18px; line-height:1.3; color:var(--light5); }
@media (max-width: 1019px) {
	.cs-9 .outer{ padding:150px 60px; }
	.cs-9 .title { margin:0 0 60px; }
	.cs-9 .title .sm{ font-size:22px; }
	.cs-9 .title h2{ font-size:50px; }
	.cs-9 .form-row .md{ width:100%; }
}
@media (max-width: 619px) {
	.cs-9{ padding:0 0 100px; }
	.cs-9 .outer{ padding:80px 30px; border-radius:40px; }
	.cs-9 .title { margin:0 0 40px; }
	.cs-9 .title .sm{ font-size:18px; margin:0 0 10px; }
	.cs-9 .title h2{ font-size:30px; }
	.cs-9 .notice{ padding:0 8vw; }
	.cs-9 .notice .desc{ width:calc(100% - 36px); padding:0 0 0 10px; font-size:12px; }
	.cs-9 .notice .desc br{ display:none; }
}

.cs-10{ padding:150px 0 120px; }
.cs-10 .content{ max-width:900px; }
.cs-10 .content .f-title{ font-size:30px; margin:0 0 30px; }
.cs-10 .content p+p{ margin:30px 0 0; }
@media (max-width: 619px) {
	.cs-10{ padding:100px 0 60px; }
	.cs-10 .content .f-title{ font-size:24px; margin:0 0 20px; }
	.cs-10 .content p+p{ margin:20px 0 0; }
}

.cs-11{ padding:0 0 200px; }
.cs-11 .top{ padding:120px 0 60px; position:relative; }
.cs-11 .top:before{ content:""; display:block; width:100%; height:4px; border-radius:10px; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); position:absolute; top:0; left:0; }
.cs-11 .top h2{ font-size:40px; max-width:1570px; margin:0 auto; }
.cs-11 .outer{ padding:100px 80px; border-radius:80px; background:var(--light); }
.cs-11 .listing .top-row{ font-size:18px; font-weight:600; padding:5px 0; }
.cs-11 .listing .item{ font-size:24px; font-weight:600; padding:15px 0; border-radius:20px; background:#fff; color:var(--dark); }
.cs-11 .listing .item+.item{ margin:15px 0 0; }
.cs-11 .listing .date{ width:30%; padding:15px 50px; }
.cs-11 .listing .hour{ width:20%; padding:15px 50px 15px 0; }
.cs-11 .listing .place{ width:35%; padding:15px 50px 15px 0; }
.cs-11 .listing .action{ width:15%; padding:0 50px 0 0; }
.cs-11 .pager{ padding:50px 0 0; }
.cs-11 .pager .inner{ display:flex; flex-wrap:wrap; justify-content:flex-end; }
.cs-11 .pager .num{ display:flex; width:62px; height:62px; border:2px solid var(--light3); margin:0 7px; border-radius:50%; font-size:22px; font-weight:600; color:var(--dark); }
.cs-11 .pager .num:hover{ border-color:var(--text); }
.cs-11 .pager .num.current{ border-color:var(--light3); background:var(--light3); }
.cs-11 .pager .num.gap:hover{ border-color:var(--light3); }
.cs-11 .pager .num.gap svg{ width:20px; }
.cs-11 .pager .num.arrow svg{ width:12px; }
.cs-11 .pager .num.arrow.next{ transform:rotate(180deg); }
@media (max-width: 1489px) {
	.cs-11 .listing .item{ font-size:20px; }
	.cs-11 .listing .date{ width:30%; padding:15px 30px; }
	.cs-11 .listing .hour{ width:15%; padding:15px 30px 15px 0; }
	.cs-11 .listing .place{ width:35%; padding:15px 30px 15px 0; }
	.cs-11 .listing .action{ width:20%; padding:0 30px 0 0; }
}
@media (max-width: 1019px) {
	.cs-11 .outer{ padding:60px 30px; }
	.cs-11 .listing .top-row{ display:none; }
	.cs-11 .listing .date{ width:100%; padding:15px 30px; font-size:26px; }
	.cs-11 .listing .hour{ width:100%; padding:0 30px; }
	.cs-11 .listing .place{ width:100%; padding:15px 30px; }
	.cs-11 .listing .action{ width:100%; padding:0 30px; }
	.cs-11 .listing .action .btn{ max-width:200px; }
}
@media (max-width: 619px) {
	.cs-11{ padding:0 0 100px; }
	.cs-11 .outer{ border-radius:40px; }
	.cs-11 .top h2{ font-size:25px; }
	.cs-11 .listing .item{ font-size:16px; }
	.cs-11 .listing .date{ font-size:20px; }
	.cs-11 .pager .num{ width:40px; height:40px; font-size:14px; margin:4px; }
	.cs-11 .pager .num.gap svg{ width:14px; }
	.cs-11 .pager .num.arrow svg{ width:8px; }
}

.cs-12{ padding:200px 0; }
.cs-12 .img{ width:48%; }
.cs-12 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-12 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-12 .img .img-gradient>img{ width:100%; }
.cs-12 .img .box{ padding:50px; margin:20px 0 0; border-radius:40px; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.56%, #76216A 100%); color:#fff; font-size:18px; }
.cs-12 .img .box .icn{ height:85px; }
.cs-12 .img .box .f-title{ font-size:30px; margin:20px 0; color:#fff; }
.cs-12 .content{ width:52%; padding:0 0 0 100px; justify-content:center; }
.cs-12 .content h2{ font-size:60px; margin:0 0 40px; }
.cs-12 .content p+p{ margin:20px 0 0; }
@media (max-width: 1019px) {
	.cs-12{ padding:150px 0 100px; }
	.cs-12 .img{ width:100%; }
	.cs-12 .content{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
	.cs-12{ padding:100px 0; }
	.cs-12 .img .img-gradient{ border-radius:20px; }
	.cs-12 .img .box{ padding:40px 30px; margin:20px 0 0; border-radius:20px; font-size:13px; }
	.cs-12 .content h2{ font-size:35px; margin:0 0 20px; }
}

.cs-13{ padding:0 0 200px; }
.cs-13 .img{ width:48%; }
.cs-13 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-13 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-13 .img .img-gradient>img{ width:100%; }
.cs-13 .img .img-gradient.lg{ margin-left:100px; }
.cs-13 .img .img-gradient.sm{ margin-top:-220px; max-width:400px; }
.cs-13 .img .box{ padding:50px; margin:20px 0 0; border-radius:40px; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.56%, #76216A 100%); color:#fff; font-size:18px; }
.cs-13 .img .box .icn{ height:85px; }
.cs-13 .img .box .f-title{ font-size:30px; margin:20px 0; color:#fff; }
.cs-13 .content{ width:52%; padding:0 100px 0 0; justify-content:center; }
.cs-13 .content h3{ font-size:60px; margin:0 0 40px; }
.cs-13 .content p+p{ margin:20px 0 0; }
.cs-13 .content .more-trigger{ margin:20px 0 0; }
.cs-13 .content .more-trigger.active{ display:none; }
.cs-13 .content .more-trigger a{ display:inline-flex; padding:10px 25px; border-radius:100px; font-size:16px; font-weight:600; background:var(--light); }
.cs-13 .content .more-trigger a:hover{ background:var(--light3); }
.cs-13 .content .more-content{ display:none; }
.cs-13 .content .more-content.active{ display:block; margin:20px 0 0; }
@media (max-width: 1019px) {
	.cs-13{ padding:0 0 150px; }
	.cs-13 .img{ width:100%; }
	.cs-13 .content{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
	.cs-13{ padding:100px 0; }
	.cs-13 .img .img-gradient{ border-radius:20px; }
	.cs-13 .img .img-gradient.lg{ margin-left:40px; }
	.cs-13 .img .img-gradient.sm{ margin-top:-120px; max-width:200px; }
	.cs-13 .content h3{ font-size:35px; margin:0 0 20px; }
	.cs-13 .content .more-trigger a{ padding:10px 20px; font-size:13px; }
}

.cs-14{ padding:0 0 200px; max-width:2000px; margin:0 auto; text-align:center; }
.cs-14 .outer{ padding:200px 30px; border-radius:80px; background:var(--light); position:relative; }
.cs-14 .outer .shape{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120vw; width:2280px; max-width:2280px; }
.cs-14 .inner{ max-width:1300px; margin:0 auto; position:relative; z-index:1; }
.cs-14 .title{ max-width:1000px; margin:0 auto 60px; }
.cs-14 .title h2{ font-size:65px; margin:0 0 30px; }
.cs-14 .items{ margin:0 -20px; }
.cs-14 .items>.wrap{ justify-content:center; }
.cs-14 .item{ width:25%; padding:20px; }
.cs-14 .item .box{ padding:12px; border-radius:20px; height:100%; background:#fff; }
.cs-14 .item .img-gradient{ position:relative; overflow:hidden; border-radius:8px; }
.cs-14 .item .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-14 .item .img-gradient>img{ width:100%; }
.cs-14 .item .desc{ padding:20px; }
.cs-14 .item .desc .name{ font-size:25px; }
.cs-14 .item .desc .position{ font-size:17px; margin:5px 0 0; }
@media (max-width: 1279px) {
	.cs-14 .item{ width:33.333333%; }
}
@media (max-width: 1019px) {
	.cs-14 .outer .shape{ transform:translate(-50%,-70%); width:120vw; width:1480px; }
	.cs-14 .inner{ max-width:700px; }
	.cs-14 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-14{ padding:0 0 100px; }
	.cs-14 .outer{ padding:100px 30px 10px; border-radius:40px; }
	.cs-14 .outer .shape{ transform:0; top:15%; width:220vw; }
	.cs-14 .title h2{ font-size:35px; }
	.cs-14 .item{ width:100%; }
	.cs-14 .item .desc .name{ font-size:22px; }
	.cs-14 .item .desc .position{ font-size:14px; }
}

.cs-15{ position:relative; max-width:2000px; margin:0 auto; }
.cs-15 .outer{ padding:150px; border-radius:80px; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.56%, #76216A 100%), linear-gradient(86deg, #76216A 0%, #C52D58 100%); color:#fff; }
.cs-15 .img{ width:28%; padding:0 80px 0 0; }
.cs-15 .listing{ width:72%; justify-content:center; }
.cs-15 .listing h2{ font-size:25px; margin:0 0 20px; color:#fff; }
.cs-15 .item{ border-top:2px solid #ffffff20; }
.cs-15 .item:last-child{ border-bottom:2px solid #ffffff20; }
.cs-15 .item+.item{ }
.cs-15 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-15 .t-item .q-title{ font-size:40px; line-height:1.1; padding:35px 100px 35px 50px; display:flex; align-items:center; color:#fff; transition: all .25s ease-in-out;  }
.cs-15 .t-item:hover .q-title{ color:#ffffff90;  }
.cs-15 .t-item .icn{ position:absolute; top:50%; margin-top:-19px; right:50px; display:flex; width:38px; height:38px; transition: all .25s ease-in-out; }
.cs-15 .t-item:hover .icn{ }
.cs-15 .t-item .icn:after{ content:""; display:block; width:38px; height:38px; background:url("../img/icn/plus-white.svg") center center no-repeat; background-size:38px 38px; transition:all 0.4s ease; }
.cs-15 .t-item.open .icn:after{ background-image:url("../img/icn/minus-white.svg"); transform:rotate(180deg); }
.cs-15 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-15 .c-item.open{ }
.cs-15 .c-item>div{ padding:0 50px 50px; }
.cs-15 .c-item p+p{ margin-top:15px; }
.cs-15 .c-item ul{ display:flex; padding:0 0 0 30px; }
.cs-15 .c-item li{ width:50%; font-weight:300; list-style:disc; margin:0 0 8px; padding:0 30px 0 0; }
.cs-15 .external{ height:100px; margin:80px 0 0; border-radius:50px; background:#fff; }
.cs-15 .external>.wrap{ justify-content:space-between; align-items:center; height:100%; }
.cs-15 .external .title{ font-size:27px; padding:0 80px; }
.cs-15 .external .search{ padding:0 12px; }
.cs-15 .external .search .search-field{ position:relative; }
.cs-15 .external .search .input{ font-size:16px; font-weight:600; height:76px; padding:0 80px 0 40px; width:40vw; max-width:500px; border-radius:40px; border:2px solid var(--light); background:var(--light); }
.cs-15 .external .search .input:focus{ background:var(--light2); border-color:var(--light3); }
.cs-15 .external .search .search-btn{display:flex;width:50px;height:50px;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(256deg,#EE762E 0%,#E43251 51.04%,#76216A 100%);border:none;position:absolute;right:14px;top:50%;margin:-25px 0 0;padding:0;cursor:pointer;}
.cs-15 .external .search .search-btn:hover{ transform:scale(0.9); }
.cs-15 .external .search .search-btn img{ width:18px; }
.cs-15 .results{ padding: 3em 0; }
@media (max-width: 1679px) {
	.cs-15 .outer{ padding:150px 100px; }
}
@media (max-width: 1019px) {
	.cs-15 .outer{ padding:120px 60px; }
	.cs-15 .img{ width:35%; padding:0 0 60px; }
	.cs-15 .listing{ width:100%; }
	.cs-15 .t-item .q-title{ font-size:30px; padding:35px 100px 35px 30px;  }
	.cs-15 .t-item .icn{ right:30px; }
	.cs-15 .c-item>div{ padding:0 30px 50px; }
	.cs-15 .external .title{ font-size:18px; padding:0 30px; width:40%; }
	.cs-15 .external .search{ padding:0 12px; width:60%; }
	.cs-15 .external .search .search-field{ position:relative; }
	.cs-15 .external .search .input{ padding:0 80px 0 30px; width:100%; }
}
@media (max-width: 619px) {
	.cs-15 .outer{ padding:60px 30px 30px; border-radius:40px; }
	.cs-15 .listing h2{ font-size:20px; }
	.cs-15 .t-item .q-title{ font-size:16px; padding:25px 50px 25px 10px; }
	.cs-15 .t-item .icn{ margin-top:-11px; right:10px; width:22px; height:22px; }
	.cs-15 .t-item .icn:after{ width:22px; height:22px; background-size:22px 22px; }
	.cs-15 .c-item>div{ padding:0 10px 30px; }
	.cs-15 .c-item li{ width:100%; }
	.cs-15 .external{ height:auto; border-radius:15px; padding:20px 0; margin:50px 0 0; }
	.cs-15 .external .title{ width:100%; font-size:16px; margin:0 0 10px; }
	.cs-15 .external .search{ width:100%; }
	.cs-15 .external .search .input{ font-size:13px; height:50px; padding:0 30px 0 20px; }
	.cs-15 .external .search .search-btn{width:40px;height:40px;margin:-20px 0 0;right:6px;}
	.cs-15 .external .search .search-btn img{ width:12px; }
}

.cs-16{ padding:200px 0; }
.cs-16 .outer-slider{ position:relative; }
.cs-16 .outer-slider .tns-nav{ position:absolute; right:30px; top:0; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; z-index:2; }
.cs-16 .outer-slider .tns-nav button{ display:block; width:20px; height:20px; border-raius:50%; margin:5px 0; border:0; padding:0; background:linear-gradient(-90deg,#e43251 0%,#76216A 100%); opacity:0.3;  }
.cs-16 .outer-slider .tns-nav button+button{  }
.cs-16 .outer-slider .tns-nav button:hover{ opacity:0.6; }
.cs-16 .outer-slider .tns-nav button.tns-nav-active{ opacity:1; }
.cs-16 .inner-slide{ padding:0 0 0 15vw; }
.cs-16 .img{ width:40%; }
.cs-16 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-16 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-16 .img .img-gradient>img{ width:100%; }
.cs-16 .content{ width:60%; padding:0 80px 0 150px; justify-content:center; }
.cs-16 .content>div{ max-width:500px; }
.cs-16 .content .num{ font-size:25px; margin:0 0 10px; font-weight:600; color:var(--purple); }
.cs-16 .content h2{ font-size:50px; margin:0 0 20px; }
.cs-16 .content .btns{ margin:30px 0 0; }
@media (max-width: 1679px) {
	.cs-16 .inner-slide{ padding:0 0 0 12vw; }
	.cs-16 .content{ padding:0 80px 0 80px; }
}
@media (max-width: 1019px) {
	.cs-16{ padding:150px 30px; }
	.cs-16 .outer-slider .tns-nav{ top:auto; bottom:0; right:0; width:100%; height:20px; align-items:center; flex-direction:row; }
	.cs-16 .outer-slider .tns-nav button{ display:block; width:20px; height:20px; border-radius:50%; margin:0 4px; }
	.cs-16 .inner-slide{ padding:0 0 60px; }
	.cs-16 .content{ padding:0 30px 0 60px; }
	.cs-16 .content h2{ font-size:35px; }
}
@media (max-width: 619px) {
	.cs-16{ padding:100px 20px; }	
	.cs-16 .img{ width:100%; }
	.cs-16 .img .img-gradient{ border-radius:20px; }
	.cs-16 .content{ width:100%; padding:40px 0 0; }
	.cs-16 .content .num{ font-size:20px; }
	.cs-16 .content h2{ font-size:30px; }
}

.cs-17{ padding:0 0 200px; }
.cs-17 .wrap{ margin:0 -15px; }
.cs-17 .box{ width:50%; padding:0 15px; }
.cs-17 .box a{ height:640px; border-radius:40px; overflow:hidden; position:relative; }
.cs-17 .box a:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; background: linear-gradient(256deg, #E43251 0%, #76216A 100%); z-index:1; transition: all .25s ease-in-out; }
.cs-17 .box.alt a:before{ background: linear-gradient(256deg, #F8C900 0%, #EE762E 76.04%); }
.cs-17 .box a:hover:before{ opacity:1; }
.cs-17 .box .img-gradient{ position:relative; overflow:hidden; border-radius:40px; height:100%; }
.cs-17 .box .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-17 .box .img-gradient>img{ width:100%; height:100%; object-fit:cover; }
.cs-17 .box .content{ position:absolute; left:0; bottom:0; padding:60px; z-index:2; }
.cs-17 .box .content .f-title{ font-size:40px; max-width:420px; color:#fff; transform:translateY(70px); }
.cs-17 .box a:hover .content .f-title{ transform:translateY(0); }
.cs-17 .box .content .circle{ display:flex; width:50px; height:50px; border-radius:50%; margin-top:20px; transform:translateY(120px); background:#fff; }
.cs-17 .box a:hover .content .circle{ transform:translateY(0); }
.cs-17 .box .content .circle img{ height:22px; }
@media (max-width: 1489px) {
	.cs-17 .box a{ height:540px; }
}
@media (max-width: 1019px) {
	.cs-17 .box{ width:100%; padding:15px; }
}
@media (max-width: 619px) {
	.cs-17{ padding:0 0 100px; }
	.cs-17 .box a{ height:360px; }
	.cs-17 .box .content{ padding:30px; }
	.cs-17 .box .content .f-title{ font-size:25px; }
}

.cs-18{ padding:200px 0; }
.cs-18 .item:nth-child(even) .wrap{ flex-direction:row-reverse; }
.cs-18 .item+.item{ margin:150px 0 0; }
.cs-18 .img{ width:55%; padding:0 80px 0 0; }
.cs-18 .item:nth-child(even) .img{ padding:0 0 0 80px; }
.cs-18 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; /*height:100%;*/ }
.cs-18 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-18 .img .img-gradient>img{ width:100%; }
.cs-18 .img img{ height:100%; object-fit:cover; }
.cs-18 .content{ width:45%; justify-content:center; }
.cs-18 .content>div{ padding:50px 0; }
.cs-18 .content h2{ font-size:35px; }
.cs-18 .content p{ margin:25px 0; }
.cs-18 .content ul{ padding:0 0 0 30px; }
.cs-18 .content li{ list-style:disc; margin:0 0 12px; color:var(--pink); }
.cs-18 .content li>span{ color:var(--text); }
@media (max-width: 1019px) {
	.cs-18{ padding:150px 0; }
	.cs-18 .item:nth-child(even) .wrap{ flex-direction:row; }
	.cs-18 .img{ width:100%; padding:0 0 30px; }
	.cs-18 .item:nth-child(even) .img{ padding:0 0 30px; }
	.cs-18 .content{ width:100%; }
    .cs-18 .content>div{ padding:0; }
}
@media (max-width: 619px) {
	.cs-18{ padding:100px 0; }
	.cs-18 .item+.item{ margin:80px 0 0; }
	.cs-18 .img .img-gradient{ border-radius:20px; }
	.cs-18 .content h2{ font-size:20px; }
	.cs-18 .content p{ margin:15px 0 25px; }
}

.cs-19{ padding:150px 0; }
.cs-19 .content{ max-width:700px; }
.cs-19 .content h2{ font-size:40px; margin:0 0 30px; }
.cs-19 .content p+p{ margin:30px 0 0; }
.cs-19 .bottom{ padding:80px 0 0; margin:80px 0 0; position:relative; }
.cs-19 .bottom:before{ content:""; display:block; width:100%; height:4px; border-radius:10px; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); position:absolute; top:0; left:0; }
.cs-19 .bottom .items{ margin:0 -50px; }
.cs-19 .bottom .item{ width:50%; padding:0 50px 80px; }
.cs-19 .bottom .item .title{ display:flex; align-items:center; margin:0 0 30px; }
.cs-19 .bottom .item .icn img{ height:80px; }
.cs-19 .bottom .item h3{ font-size:30px; padding:0 0 0 20px; }
.cs-19 .bottom .item p{ font-size:18px; }
.cs-19 .bottom .item p+p{ margin:20px 0 0; }
@media (max-width: 1019px) {
	.cs-19 .bottom .item{ width:100%; padding:0 50px 50px; }
}
@media (max-width: 619px) {
	.cs-19{ padding:100px 0 0; }
	.cs-19 .content h2{ font-size:30px; }
	.cs-19 .bottom .item{ padding:0 50px 50px; }
	.cs-19 .bottom .item .title{ margin:0 0 20px; }
	.cs-19 .bottom .item .icn img{ height:60px; }
	.cs-19 .bottom .item h3{ font-size:20px; padding:0 0 0 20px; }
	.cs-19 .bottom .item p{ font-size:14px; }
}

.cs-20{ padding:0; }
.cs-20 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-20 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-20 .img .img-gradient>img{ width:100%; }
@media (max-width: 1019px) {
	.cs-20 .img .img-gradient>img{ height:500px; object-fit:cover; }
}
@media (max-width: 619px) {
	.cs-20{ display:none; }
	.cs-20 .img .img-gradient{ border-radius:20px; }
	.cs-20 .img .img-gradient>img{ height:300px; }
}

.cs-21{ padding:200px 0; }
.cs-21 .img{ width:48%; }
.cs-21 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-21 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-21 .img .img-gradient>img{ width:100%; }
.cs-21 .img .img-gradient.lg{ margin-left:100px; }
.cs-21 .img .img-gradient.sm{ margin-top:-220px; max-width:400px; }
.cs-21 .content{ width:52%; padding:0 100px 0 0; justify-content:center; }
.cs-21 .content h1{ font-size:50px; margin:0 0 40px; }
.cs-21 .content p+p{ margin:20px 0 0; }
@media (max-width: 1019px) {
	.cs-21{ padding:150px 0; }
	.cs-21 .img{ width:100%; }
	.cs-21 .content{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
	.cs-21{ padding:100px 0; }
	.cs-21 .img .img-gradient{ border-radius:20px; }
	.cs-21 .img .img-gradient.lg{ margin-left:40px; }
	.cs-21 .img .img-gradient.sm{ margin-top:-120px; max-width:200px; }
	.cs-21 .content h1{ font-size:35px; margin:0 0 20px; }
}

.cs-22{ position:relative; max-width:2000px; margin:0 auto; }
.cs-22 .outer{ padding:150px; border-radius:80px; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.56%, #76216A 100%), linear-gradient(86deg, #76216A 0%, #C52D58 100%); color:#fff; }
.cs-22 .listing h2{ font-size:30px; margin:0 0 20px; color:#fff; }
.cs-22 .item{ border-top:2px solid #ffffff20; }
.cs-22 .item:last-child{ border-bottom:2px solid #ffffff20; }
.cs-22 .item+.item{ }
.cs-22 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-22 .t-item .q-title{ font-size:40px; line-height:1.1; padding:35px 100px 35px 50px; display:flex; align-items:center; color:#fff; transition: all .25s ease-in-out;  }
.cs-22 .t-item:hover .q-title{ color:#ffffff90;  }
.cs-22 .t-item .icn{ position:absolute; top:50%; margin-top:-19px; right:50px; display:flex; width:38px; height:38px; transition: all .25s ease-in-out; }
.cs-22 .t-item:hover .icn{ }
.cs-22 .t-item .icn:after{ content:""; display:block; width:38px; height:38px; background:url("../img/icn/plus-white.svg") center center no-repeat; background-size:38px 38px; transition:all 0.4s ease; }
.cs-22 .t-item.open .icn:after{ background-image:url("../img/icn/minus-white.svg"); transform:rotate(180deg); }
.cs-22 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-22 .c-item.open{ }
.cs-22 .c-item>div{ padding:0 50px 50px; }
.cs-22 .c-item p{ max-width:900px; }
.cs-22 .c-item p+p{ margin-top:15px; }
.cs-22 .c-item p a{ color:#fff; }
.cs-22 .c-item ul{ display:flex; padding:0 0 0 30px; }
.cs-22 .c-item li{ width:50%; font-weight:300; list-style:disc; margin:0 0 8px; padding:0 30px 0 0; }
.cs-22 .c-item .btns{ margin:30px 0 0; }
@media (max-width: 1679px) {
	.cs-22 .outer{ padding:150px 100px; }
}
@media (max-width: 1019px) {
	.cs-22 .outer{ padding:150px 60px; }
	.cs-22 .img{position:relative;display:flex;justify-content:flex-end;width:100%;max-width:100%;margin:0 0 -80px;top:auto;z-index:1}
	.cs-22 .img>div{ width:70%; }
	.cs-22 .t-item .q-title{ font-size:30px; padding:35px 100px 35px 30px;  }
	.cs-22 .t-item .icn{ right:30px; }
	.cs-22 .c-item>div{ padding:0 30px 50px; }
}
@media (max-width: 619px) {
	.cs-22 .outer{ padding:60px 30px; border-radius:40px; }
	.cs-22 .img{ margin:0; }
	.cs-22 .img>div{ width:auto; border-radius:40px 40px 0 0; margin:0 20px; }
	.cs-22 .listing h2{ font-size:20px; }
	.cs-22 .t-item .q-title{ font-size:16px; padding:25px 50px 25px 10px; }
	.cs-22 .t-item .icn{ margin-top:-11px; right:10px; width:22px; height:22px; }
	.cs-22 .t-item .icn:after{ width:22px; height:22px; background-size:22px 22px; }
	.cs-22 .c-item>div{ padding:0 10px 30px; }
	.cs-22 .c-item li{ width:100%; }
}

.cs-23{ padding:200px 0; /*padding:300px 0; margin:-100px 0; background:var(--light);*/ text-align:center; }
.cs-23 .content .f-title{ font-size:60px; margin:0 auto 50px; max-width:1000px; background:linear-gradient(256deg,#F8C900 0%,#EE762E 33.85%,#E43251 65.1%,#76216A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent }
@media (max-width: 619px) {
	.cs-23{ padding:100px 0; }
	.cs-23 .content .f-title{ font-size:38px; margin:0 auto 30px; }
}

.cs-24{ padding:200px 0; background:url("../img/soutien.jpg") center center / cover no-repeat; position:relative; }
.cs-24:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-24 .wrap{ justify-content:space-around; flex-wrap:nowrap; }
.cs-24 .box{ margin:20px; flex-shrink:1; }
.cs-24 .box-1{ max-width:300px; }
.cs-24 .box-2{ max-width:360px; transform:translateY(250px); }
.cs-24 .box-3{ max-width:450px; transform:translateY(80px); }
.cs-24 .box>div{ padding:60px; border-radius:40px; background:#fff; box-shadow:5px 5px 20px #00000020; text-align:center; }
.cs-24 .box .num{ font-size:60px; padding:10px 0; font-weight:600; width:fit-content; margin:0 auto; background:linear-gradient(256deg,#F8C900 0%,#EE762E 33.85%,#E43251 65.1%,#76216A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent }
.cs-24 .box .num sup{ font-size:40px; margin:4px 0 0; }
.cs-24 .box .desc{ font-size:22px; line-height:1.2; padding:0 0 10px; color:var(--dark); }
@media (max-width: 1019px) {
	.cs-24{ padding:100px 0; }
	.cs-24 .wrap{ display:block; }
	.cs-24 .box-1{ max-width:100%; }
	.cs-24 .box-2{ max-width:100%; transform:translateY(0); }
	.cs-24 .box-3{ max-width:100%; transform:translateY(0); }
}
@media (max-width: 619px) {
	.cs-24 .box>div{ padding:40px 30px; border-radius:20px; }
	.cs-24 .box .num{ font-size:40px; }
	.cs-24 .box .num sup{ font-size:30px; margin:4px 0 0; }
	.cs-24 .box .desc{ font-size:18px; }
}

.cs-25{ padding:200px 0; }
.cs-25 .img{ width:48%; }
.cs-25 .img .img-gradient{ position:relative; overflow:hidden; border-radius:40px; }
.cs-25 .img .img-gradient:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.3; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); mix-blend-mode: screen; }
.cs-25 .img .img-gradient>img{ width:100%; }
.cs-25 .content{ width:52%; padding:0 0 0 100px; justify-content:center; }
.cs-25 .content h2{ font-size:50px; margin:0 0 40px; }
.cs-25 .item{ border-top:2px solid #00000010; }
.cs-25 .item:last-child{ border-bottom:2px solid #00000010; }
.cs-25 .item+.item{ }
.cs-25 .t-item{ cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-25 .t-item .q-title{ font-size:24px; line-height:1.1; padding:25px 100px 25px 30px; display:flex; align-items:center; color:var(--text); transition: all .25s ease-in-out;  }
.cs-25 .t-item:hover .q-title{ opacity:0.6; }
.cs-25 .t-item .icn{ position:absolute; top:50%; margin-top:-13px; right:30px; display:flex; width:26px; height:26px; transition: all .25s ease-in-out; }
.cs-25 .t-item:hover .icn{ }
.cs-25 .t-item .icn:after{ content:""; display:block; width:26px; height:26px; background:url("../img/icn/plus.svg") center center no-repeat; background-size:26px 26px; transition:all 0.4s ease; }
.cs-25 .t-item.open .icn:after{ background-image:url("../img/icn/minus.svg"); transform:rotate(180deg); }
.cs-25 .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-25 .c-item.open{ }
.cs-25 .c-item>div{ padding:0 30px 30px; font-size:18px; }
.cs-25 .c-item p+p{ margin-top:15px; }
.cs-25 .content .btns{ margin:50px 0 0; }
@media (max-width: 1019px) {
	.cs-25{ padding:150px 0; }
	.cs-25 .img{ width:100%; }
	.cs-25 .content{ width:100%; padding:50px 0 0; }
}
@media (max-width: 619px) {
	.cs-25{ padding:100px 0; }
	.cs-25 .img .img-gradient{ border-radius:20px; }
	.cs-25 .content h2{ font-size:30px; margin:0 0 20px; }
	.cs-25 .t-item .q-title{ font-size:16px; padding:25px 50px 25px 10px; }
	.cs-25 .t-item .icn{ margin-top:-9px; right:10px; width:18px; height:18px; }
	.cs-25 .t-item .icn:after{ width:18px; height:18px; background-size:18px 18px; }
	.cs-25 .c-item>div{ padding:0 10px 30px; font-size:14px; }
}

.cs-26{ padding:150px 0; }
.cs-26 .items{ margin:0 -30px; }
.cs-26 .item{ width:33.333333%; padding:30px 30px 60px; }
.cs-26 .item a{ display:block; }
.cs-26 .item .img{ border-radius:20px; }
.cs-26 .item a:hover .img{ opacity:0.8; }
.cs-26 .item .img img{ width:100%; }
.cs-26 .item .desc{ }
.cs-26 .item h3{ font-size:24px; padding:25px 20px 15px; }
.cs-26 .item a:hover h3{ color:var(--pink); }
.cs-26 .item .bottom{ justify-content:space-between; align-items:center; position:relative; }
.cs-26 .item .bottom:before{ content:""; display:block; width:100%; height:2px; background:var(--light2); position:absolute; left:0; top:50%; margin:-1px 0 0; }
.cs-26 .item .date{ font-size:18px; padding:0 20px; background:#fff; position:relative; }
.cs-26 .item .btns{ padding:0 22px; background:#fff; position:relative; }
.cs-26 .item a:hover .btns{ padding:0 18px 0 22px; }
.cs-26 .item .circle{ display:flex; width:42px; height:42px; border-radius:50%; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; } 
.cs-26 .item .circle img{ width:16px; }
.cs-26 .pager{ padding:50px 0 0; }
.cs-26 .pager .inner{ display:flex; flex-wrap:wrap; justify-content:flex-end; }
.cs-26 .pager .num{ display:flex; width:62px; height:62px; border:2px solid var(--light3); margin:0 7px; border-radius:50%; font-size:22px; font-weight:600; color:var(--dark); }
.cs-26 .pager .num:hover{ border-color:var(--text); }
.cs-26 .pager .num.current{ border-color:var(--light3); background:var(--light3); }
.cs-26 .pager .num.gap:hover{ border-color:var(--light3); }
.cs-26 .pager .num.gap svg{ width:20px; }
.cs-26 .pager .num.arrow svg{ width:12px; }
.cs-26 .pager .num.arrow.next{ transform:rotate(180deg); }
@media (max-width: 1489px) {
	.cs-26 .items{ margin:0 -20px; }
	.cs-26 .item{ padding:20px 20px 50px; }
}
@media (max-width: 1019px) {
	.cs-26 .item{ width:50%; }
}
@media (max-width: 619px) {
	.cs-26{ padding:80px 0 100px; }
	.cs-26 .item{ width:100%; }
	.cs-26 .item h3{ font-size:18px; }
	.cs-26 .item .circle{ width:32px; height:32px;} 
	.cs-26 .item .circle img{ width:12px; }
	.cs-26 .pager{ padding:0; }
	.cs-26 .pager .num{ width:40px; height:40px; font-size:14px; margin:4px; }
	.cs-26 .pager .num.gap svg{ width:14px; }
	.cs-26 .pager .num.arrow svg{ width:8px; }
}

.cs-27{ padding:0 0 100px; }
.cs-27 .img{ margin:-170px 0 0; border-radius:40px; overflow:hidden; }
.cs-27 .img img{ width:100%; }
.cs-27 .content{ padding:100px; }
.wysiwyg p{ margin:0 0 20px; }
.wysiwyg blockquote{ border-radius: 8px; background:var(--light3); padding:0.5em 0.5em 0.5em 2em; margin-bottom: 1em; }
.wysiwyg blockquote p:last-child{ margin-bottom: 0;}
.wysiwyg ul{ margin:0 0 20px; padding:0 0 0 30px; }
.wysiwyg li{ margin:0 0 10px; list-style:disc; }
@media (max-width: 1019px) {
	.cs-27 .content{ padding:80px 30px; }
}
@media (max-width: 619px) {
	.cs-27 .content{ padding:30px 0 0; }
	.cs-27 .img{ margin:-80px 0 0; border-radius:20px; }
}

.cs-28{ padding:150px 0; }
.cs-28 .items{ margin:0 -20px; }
.cs-28 .item{ width:33.333333%; padding:0 20px; }
.cs-28 .item .box{ padding:60px; border-radius:40px; height:100%; background:var(--light); }
.cs-28 .item h2{ font-size:30px; margin:0 0 20px; }
.cs-28 .item p{ margin:20px 0 0; line-height: 1.2; }
.cs-28 .item p .lg{ font-size:25px; font-weight:600; text-decoration:none; color:var(--text); }
.cs-28 .item .bottom{ padding:30px 0 0; border-top:2px solid var(--light3); margin:30px 0 0; }
.cs-28 .item .btns+.btns{ margin:10px 0 0; }
.cs-28 .item .notice{ }
.cs-28 .item .notice .icn{ width:36px; justify-content:center; }
.cs-28 .item .notice .desc{ width:calc(100% - 36px); padding:0 0 0 20px; font-size:18px; line-height:1.3; color:var(--light5); }
.cs-28 .item .contact{ display:flex; align-items:center; font-weight:600; color:var(--dark); }
.cs-28 .item .contact+.contact{ margin:15px 0 0; }
.cs-28 .item .contact .icn{ height:20px; margin:0 10px 0 0; }
.cs-28 .item .contact a:hover{ opacity:0.6; }
@media (max-width: 1489px) {
	.cs-28 .items{ margin:0 -15px; }
	.cs-28 .item{ padding:0 15px; }
}
@media (max-width: 1019px) {
	.cs-28{ padding:100px 0; }
	.cs-28 .item{ width:100%; padding:15px; }
}
@media (max-width: 619px) {
	.cs-28{ padding:60px 0; }
	.cs-28 .item .box{ padding:50px 30px; border-radius:20px; }
	.cs-28 .item h2{ font-size:25px; }
	.cs-28 .item .notice .desc{ font-size:12px; padding:0 0 0 10px; }
}

.cs-login{ padding:50px 0 100px; }
.cs-login .img{ width:50%; padding:0 30px 0 0; }
.cs-login .img img{ height:100%; max-height:800px; object-fit:cover; border-radius:40px; }
.cs-login .content{ width:50%; }
.cs-login .content.lg{ width:60%; }
.cs-login .content .box{ height:100%; border-radius:40px; background:var(--light); }
.cs-login .content .box .top{ padding:60px; height:calc(100% - 100px); display:flex; flex-direction:column; }
.cs-login .content .box .top .title{ margin:0 0 30px; text-align:center; }
.cs-login .content .box .top .title .sm{ font-size:22px; font-weight:300; }
.cs-login .content .box .top .title h1{ font-size:40px; }
.cs-login .content .box .top .steps{ display:flex; margin:-10px 0 10px; }
.cs-login .content .box .top .step{ display:flex; font-size:18px; font-weight:600; }
.cs-login .content .box .top .step:hover{ opacity:0.6; }
.cs-login .content .box .top .step .num{ width:44px; height:44px; margin:0 10px 0 0; border-radius:50%; display:flex; background:var(--light3); }
.cs-login .content .box .top .step.active{ color:var(--dark); }
.cs-login .content .box .top .step.active:hover{ opacity:1; }
.cs-login .content .box .top .step.active .num{ background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; }
.cs-login .content .box .top .steps .sep{ display:block; height:2px; width:60px; margin:0 20px; background:var(--light3); }
.cs-login .content .outer-form.sm{ width:100%; max-width:520px; }
.cs-login .content .form-row{ margin:0 0 0 -15px; }
.cs-login .content .form-row .md{ padding:15px 0 0 15px; }
.cs-login .content .form-row .lg{ padding:15px 0 0 15px; }
.cs-login .content .box .bottom{ padding:30px; height:100px; border-top:4px solid #fff; display:flex; flex-direction:column; text-align:center; }
.cs-login .content .box .bottom .sm{ font-size:18px; font-weight:300; /*margin:0 0 5px;*/ }
.cs-login .content .box .bottom a{ font-size:24px; font-weight:600; background:linear-gradient(86deg, #76216A 0%, #C52D58 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; padding:5px 0; }
.cs-login .content .box .bottom a:hover{ opacity:0.8; }
.cs-login .guest{ width:40%; padding:0 30px 0 0; }
.cs-login .guest .box{ padding:60px; display:flex; flex-direction:column; border-radius:40px; height:100%; background:linear-gradient(86deg, #76216A 0%, #C52D58 100%);  position:relative; overflow:hidden; text-align:center; }
.cs-login .guest .box::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:var(--purple);transition:all .25s ease-in-out;opacity:0}
.cs-login .guest .box:hover::before{opacity:1; }
.cs-login .guest .box .icn{ margin:0 auto 20px; position:relative; color:#fff; }
.cs-login .guest .box .icn svg{ width:100px; }
.cs-login .guest .box .f-title{ font-size:28px; color:#fff; position:relative; }
@media (max-width: 1489px) {
	.cs-login .content .box .top .title{ margin:0 0 20px; }
}
@media (max-width: 1279px) {
	.cs-login .content .box .top .steps .sep{ width:40px; }
}
@media (max-width: 1019px) {
	.cs-login .img{ display:none; }
	.cs-login .content{ width:100%; }
	.cs-login .content.lg{ width:100%; }
	.cs-login .guest{ width:100%; padding:30px 0 0; }
}
@media (max-width: 619px) {
	.cs-login{ padding:30px 0 50px; }
	.cs-login .content .box{ border-radius:20px; }
	.cs-login .content .box .top{ padding:50px 30px; }
	.cs-login .content .box .top .title{ margin:0 0 5px; }
	.cs-login .content .box .top .title .sm{ font-size:14px; }
	.cs-login .content .box .top .title h1{ font-size:25px; }
	.cs-login .content .box .top .steps{ margin:10px 0; }
	.cs-login .content .box .top .step{ font-size:13px; }
	.cs-login .content .box .top .step .num{ width:27px; height:27px; margin:0 5px 0 0; }
	.cs-login .content .box .top .steps .sep{ width:20px; margin:0 10px; }
	.cs-login .content .box .bottom .sm{ font-size:14px; }
	.cs-login .content .box .bottom a{ font-size:18px; }
	.cs-login .guest{ padding:20px 0 0; }
	.cs-login .guest .box{ border-radius:20px; }
	.cs-login .guest .box .icn svg{ width:70px; }
	.cs-login .guest .box .f-title{ font-size:22px; }
}

.cs-booking{ padding:50px 0 100px; }
.cs-booking .outer{ padding:150px 130px; border-radius:80px; background:var(--light); }
.cs-booking .inner{ max-width:1000px; margin:0 auto; }
.cs-booking .title { text-align:center; margin:0 0 60px; }
.cs-booking .title .sm{ font-size:28px; font-weight:300; margin:0 0 20px; }
.cs-booking .title h1{ font-size:60px; }
.cs-booking .entry+.entry{ padding:30px 0 0; border-top:2px solid var(--light3); margin:30px 0 0; }
.cs-booking .add-entry .btn{ width:100%; background:none; border:2px solid var(--light3); color:var(--text); }
.cs-booking .add-entry .btn:before{ display:none; }
.cs-booking .add-entry .btn:hover{ background:var(--light3); }
.cs-booking .remove-entry{display:inline-flex;margin:0 0 0 20px;font-size:14px;padding:5px 15px;border-radius:100px;background:var(--light3);color:var(--text); }
.cs-booking .remove-entry:hover{ background:var(--light4); }
.cs-booking .price-entry{ padding:30px 0; text-align:center; }
.cs-booking .steps-nav{ margin:50px 0 0; border-top:3px solid var(--light3); padding:50px 0 0; display:flex; align-items:center; justify-content:space-between;  }
.cs-booking .steps-nav .btn{ margin:0; min-width:none; }
.cs-booking .steps-nav .btn.inactive{ display:none; }
.cs-booking .steps-nav .btn.alt{ background:var(--light3); color:var(--text); }
.cs-booking .steps-nav .btn.alt::before{ display:none; }
.cs-booking .steps-nav .btn.alt:hover{ background:var(--light4); }
.cs-booking .steps-nav .btn.alt .icn{transform:rotate(180deg); filter:brightness(0) saturate(100%) invert(40%) sepia(1%) saturate(2911%) hue-rotate(319deg) brightness(87%) contrast(87%); /*filter to match color*/} 
@media (max-width: 1019px) {
	.cs-booking .outer{ padding:150px 60px; }
	.cs-booking .title .sm{ font-size:22px; }
	.cs-booking .title h1{ font-size:50px; }
	.cs-booking .form-row .md{ width:100%; }
}
@media (max-width: 619px) {
	.cs-booking{ padding:50px 0; }
	.cs-booking .outer{ padding:80px 30px; border-radius:40px; }
	.cs-booking .title { margin:0 0 40px; }
	.cs-booking .title .sm{ font-size:18px; margin:0 0 10px; }
	.cs-booking .title h1{ font-size:30px; }
	.cs-booking .steps-nav{ padding:30px 0 0; display:block; }
	.cs-booking .steps-nav .btn{ width:100%; }
	.cs-booking .steps-nav .btn.alt{ margin:0 0 10px; }
}

/*ESPACE MEMBRE*/
body.app{ background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); }
body.app .outer-body{ background:none; min-height:700px; }
.app-menu{ width:140px; padding:30px 25px 50px; justify-content:space-between; }
.app-menu .menu{ padding:0 5px; }
.app-menu .menu li+li{ border-top:2px solid #ffffff20; }
.app-menu .menu a{ display:flex; width:100%; height:90px; opacity:0.5; }
.app-menu .menu a:hover{ opacity:1; }
.app-menu .logout a{ display:flex; width:66px; height:66px; border-radius:50%; margin:0 auto; background:#ffffff20; color:#fff; }
.app-menu .logout a:hover{ background:#fff; color:var(--purple); }
.app-menu .logout a svg{ width:21px; }
.app-content{ width:calc(100% - 140px); height:100vh; min-height:700px; border-radius:60px 0 0 60px; background:#fff; }
.app-content .scrollable{ overflow-y:scroll; }
.app-content .top{ padding:40px 60px; display:flex; align-items:center; justify-content:space-between; }
.app-content .top .menu a{ display:none; }
.app-content .top .menu img{ width:60px; }
.app-content .top .menu .close{ display:none; }
body.open .app-content .top .menu .close{ display:block; }
body.open .app-content .top .menu .open{ display:none; }
.app-content .top .actions{ display:flex; align-items:center; }
.app-content .top a.exit-btn{ margin:0 20px 0 0; display:inline-flex;padding:0 30px;height:48px;justify-content:center;align-items:center;font-size:16px;font-weight:600;border-radius:200px;overflow:hidden;background:var(--light);color:var(--text);}
.app-content .top a.exit-btn:hover{ background:var(--light3); }
.app-content .main{ padding:80px; max-width:1540px; margin:0 auto; }
@media (max-height: 819px) {
	.app-menu .menu a{ height:80px; }
	.app-menu .menu a img{ width:40px; }
	.app-content .main{ padding:40px 60px 80px 80px; }
}
@media (max-width: 1679px) {
	.app-content .main{  }
}
@media (max-width: 1489px) {
	.app-content .main{  }
}
@media (max-width: 1279px) {
	body.app .outer-body{ width: calc(100% + 140px); margin:0 0 0 -140px; transition: all .25s ease-in-out; }
	body.app.open .outer-body{ margin:0; }
	.app-content{ border-radius:0; }
	.app-content .top .menu a{ display:block; }
	.app-content .top a.exit-btn{ display:none; }
	.app-content .main{ padding:80px 60px; }
}
@media (max-width: 619px) {
	body.app .outer-body{ width: calc(100% + 100px); margin:0 0 0 -100px; min-height:500px; }
	.app-menu{ width:100px; padding:30px 15px; }
	.app-menu .menu a{ height:70px; }
	.app-menu .menu a img{ width:30px; }
	.app-menu .logout a{ width:50px; height:50px; }
	.app-menu .logout a svg{ width:16px; }
	.app-content{ width:calc(100% - 100px); min-height:500px; }
	.app-content .top{ padding:40px 30px; }
	.app-content .top .menu img{ width:50px; }
	.app-content .top .actions .btn .icn img{ width:20px; }
	.app-content .main{ padding:50px 30px; }
}


.app-content .main .lg-title{ padding:0 0 50px; border-bottom:3px solid var(--light); margin:0 0 50px; display:flex; align-items:center; justify-content:space-between; }
.app-content .main .lg-title h1{ font-size:60px; display: flex; gap: 5px;}
.app-content .main .lg-title .btns{ margin:5px 0 0; }
.app-content .main .lg-title .sm{ font-size:30px; font-weight:300; }
.app-content .main .lg-title .back{ margin:0 0 50px; }
.app-content .main .lg-title .back .btn .circle img{transform:rotate(180deg)} 
.app-content .main .dashboard .lg-col{ width:70%; }
.app-content .main .dashboard .lg-col .items{ margin:0 -15px; }
.app-content .main .dashboard .lg-col .item{ width:50%; padding:15px; }
.app-content .main .dashboard .lg-col .item .box{ padding:30px 40px; border-radius:40px; height:200px; display:flex; flex-direction:column; justify-content:space-between; background:url("../img/icn/app-training-bg.svg") right bottom no-repeat var(--light); border:3px solid #fff; }
.app-content .main .dashboard .lg-col .item .box.docs-bg{ background-image:url("../img/icn/app-docs-bg.svg"); }
.app-content .main .dashboard .lg-col .item .box.shop-bg{ background-image:url("../img/icn/app-shop-bg.svg"); }
.app-content .main .dashboard .lg-col .item .box:hover{ background-color:var(--light2); border-color:var(--light3);  }
.app-content .main .dashboard .lg-col .item .box h2{ font-size:28px; max-width:260px; }
/*.app-content .main .dashboard .lg-col .item .box:hover h2{ color:var(--pink); }*/
.app-content .main .dashboard .lg-col .item .box .circle{ display:flex; width:50px; height:50px; border-radius:50%; background:var(--light3); }
.app-content .main .dashboard .lg-col .item .box:hover .circle{ background:var(--text); color:#fff; }
.app-content .main .dashboard .lg-col .item .box .circle svg{ width:20px; }
.app-content .main .dashboard .sm-col{ width:30%; padding:18px 0 18px 50px; }
.app-content .main .dashboard .sm-col .box{ padding:60px; display:flex; flex-direction:column; border-radius:40px; height:100%; background:linear-gradient(86deg, #76216A 0%, #C52D58 100%);  position:relative; overflow:hidden; text-align:center; }
.app-content .main .dashboard .sm-col .box::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:var(--purple);transition:all .25s ease-in-out;opacity:0}
.app-content .main .dashboard .sm-col .box:hover::before{opacity:1; }
.app-content .main .dashboard .sm-col .box .icn{ margin:0 auto 20px; position:relative; }
.app-content .main .dashboard .sm-col .box .f-title{ font-size:28px; color:#fff; position:relative; }
@media (max-width: 1489px) {
	.app-content .main .lg-title{ display:block; }
	.app-content .main .lg-title .btns{ margin:20px 0 0; }
	.app-content .main .dashboard .lg-col .item .box{ background-size:140px auto; }
	.app-content .main .dashboard .sm-col{ padding:18px 0 18px 30px; }
	.app-content .main .dashboard .sm-col .box{ padding:30px; }
}
@media (max-width: 1279px) {
	.app-content .main .dashboard .lg-col{ width:100%; }
	.app-content .main .dashboard .sm-col{ width:100%; padding:30px 0 0; }
}
@media (max-width: 1019px) {
	.app-content .main .lg-title h1{ font-size:50px; }
}
@media (max-width: 619px) {
	.app-content .main .lg-title{ padding:0 0 30px; margin:0 0 30px; }
	.app-content .main .lg-title .sm{ font-size:20px; }
	.app-content .main .lg-title h1{ font-size:30px; }
	.app-content .main .dashboard .lg-col .item{ width:100%; }
	.app-content .main .dashboard .lg-col .item .box{ padding:30px; border-radius:20px; }
	.app-content .main .dashboard .lg-col .item .box h2{ font-size:24px; max-width:200px; }
	.app-content .main .dashboard .sm-col .box{ padding:60px; border-radius:20px; }
	.app-content .main .dashboard .sm-col .box .icn img{ width:70px; }
	.app-content .main .dashboard .sm-col .box .f-title{ font-size:24px; }
}

.app-content .main .docs .lg-col{ width:60%; }
.app-content .main .docs .lg-col h2{ font-size:32px; margin:0 0 30px; }
.app-content .main .docs .lg-col .item{ border:3px solid var(--light); border-radius:20px; margin:0 0 20px; overflow:hidden; }
.app-content .main .docs .lg-col .item .name{ width:calc(100% - 70px); padding:20px 40px; font-weight:600; color:var(--dark); justify-content:center; }
.app-content .main .docs .lg-col .item .action{ width:70px; border-left:3px solid var(--light);  }
.app-content .main .docs .lg-col .item .action:hover{ background:var(--light); }
.app-content .main .docs .sm-col{ width:40%; padding:0 0 0 50px; }
.app-content .main .docs .sm-col .box{ padding:70px 60px; border-radius:40px; background:var(--light); }
.app-content .main .docs .sm-col h2{ font-size:32px; margin:0 0 30px; }
.app-content .main .docs .sm-col .form-row textarea.input{ height:160px; border-radius:25px; padding:22px 30px; font-size:17px; }
.app-content .main .docs .sm-col .outer-form .form-bottom{ text-align:left; }
.label-file input[type="file"]{position:absolute; left:-9999em; }
.label-file{cursor:pointer;	border:3px dashed var(--light3); border-radius:25px; padding:25px 40px;	margin:0; display:block;}
.label-file:hover{border-color:var(--light4);}
.label-file .wrap{ align-items:center; }
.label-file .icn{ width:44px; }
.label-file .desc{ width:calc(100% - 44px); padding:0 0 0 20px; }
.label-file .desc .f-title{ color:var(--text); }
.label-file .desc .f-title .lg{ font-size:17px; }
.label-file .desc .f-title .sm{ font-size:14px; font-weight:400; color:var(--light5); }
@media (max-width: 1489px) {
	.app-content .main .docs .lg-col{ width:55%; }
	.app-content .main .docs .sm-col{ width:45%; padding:0 0 0 30px; }
	.app-content .main .docs .sm-col .box{ padding:60px 50px; }
}
@media (max-width: 1279px) {
	.app-content .main .docs .lg-col{ width:100%; }
	.app-content .main .docs .sm-col{ width:100%; padding:30px 0 0; }
}
@media (max-width: 619px) {
	.app-content .main .docs .lg-col h2{ font-size:20px; margin:0 0 30px; }
	.app-content .main .docs .lg-col .item{ border:2px solid var(--light); border-radius:15px; margin:0 0 10px; }
	.app-content .main .docs .lg-col .item .name{ width:calc(100% - 60px); padding:15px 20px; line-height:1.2; }
	.app-content .main .docs .lg-col .item .action{ width:60px; border-left:2px solid var(--light);  }
	.app-content .main .docs .lg-col .item .action img{ width:20px; }
	.app-content .main .docs .sm-col .box{ padding:40px 30px; border-radius:20px; }
	.app-content .main .docs .sm-col h2{ font-size:20px; margin:0 0 20px; }
	.app-content .main .docs .sm-col .form-row textarea.input{ border-radius:20px; padding:18px 20px; font-size:13px; }
	.label-file{padding:25px;border:2px dashed var(--light3); border-radius:20px;}
	.label-file .icn{ width:30px; }
	.label-file .desc{ width:calc(100% - 30px); padding:0 0 0 12px; }
	.label-file .desc .f-title .lg{ font-size:13px; }
	.label-file .desc .f-title .sm{ font-size:11px; }
}

.app-content .main .training-listing .items{ margin:0 -15px; }
.app-content .main .training-listing .item{ width:33.333333%; padding:25px 15px; }
.app-content .main .training-listing .item a{ display:flex; flex-direction:column; border-radius:20px; overflow:hidden; background:var(--light); height:100%; }
.app-content .main .training-listing .item .img{ overflow:hidden; }
.app-content .main .training-listing .item .img img{ width:100%; }
.app-content .main .training-listing .item a:hover .img img{ transform:scale(1.05); opacity:0.8; }
.app-content .main .training-listing .item .desc{ padding:20px 30px 30px; }
.app-content .main .training-listing.events .item .desc{ padding:30px; }
.app-content .main .training-listing .item .desc h3{ font-size:22px; }
.app-content .main .training-listing .item .desc .date{ font-size:18px; margin:0 0 5px; }
.app-content .main .training-listing .item a:hover .desc h3{ color:var(--pink); }
.app-content .main .pager{ padding:50px 0 0; }
.app-content .main .pager .inner{ display:flex; flex-wrap:wrap; justify-content:flex-end; }
.app-content .main .pager-w-txt .outer{ align-items:center; justify-content:space-between; display:flex; }
.app-content .main .pager-w-txt .txt{ font-size:18px; color:var(--light5); }
.app-content .main .pager .num{ display:flex; width:62px; height:62px; border:2px solid var(--light3); margin:0 7px; border-radius:50%; font-size:22px; font-weight:600; color:var(--dark); }
.app-content .main .pager .num:hover{ border-color:var(--text); }
.app-content .main .pager .num.current{ border-color:var(--light3); background:var(--light3); }
.app-content .main .pager .num.gap:hover{ border-color:var(--light3); }
.app-content .main .pager .num.gap svg{ width:20px; }
.app-content .main .pager .num.arrow svg{ width:12px; }
.app-content .main .pager .num.arrow.next{ transform:rotate(180deg); }
@media (max-width: 1489px) {
	.app-content .main .training-listing .item .desc h3{ font-size:20px; }
}
@media (max-width: 1019px) {
	.app-content .main .training-listing .item{ width:50%; }
}
@media (max-width: 619px) {
	.app-content .main .training-listing .item{ width:100%; padding:15px; }
	.app-content .main .training-listing .item .desc h3{ font-size:18px; }
	.app-content .main .pager-w-txt .txt{ font-size:10px; }
	.app-content .main .pager{ padding:20px 0 0; }
	.app-content .main .pager .num{ width:40px; height:40px; font-size:14px; margin:4px; }
	.app-content .main .pager .num.gap svg{ width:14px; }
	.app-content .main .pager .num.arrow svg{ width:8px; }
}

.app-content .main .order-history .item{ border:3px solid var(--light); border-radius:20px; margin:0 0 20px; overflow:hidden; }
.app-content .main .order-history .item.top-row{ border-color:var(--light3); background:var(--light3); font-size:18px; font-weight:600; }
.app-content .main .order-history .item .sm-only{ display:none; }
.app-content .main .order-history .item .name{ width:calc(100% - 600px); padding:20px 40px; line-height:1.2; font-weight:600; color:var(--dark); justify-content:center; }
.app-content .main .order-history .item.top-row .name{ color:var(--text); }
.app-content .main .order-history .item .people{ width:200px; justify-content:center; }
.app-content .main .order-history .item .date{ width:300px; justify-content:center; }
.app-content .main .order-history .item .action{ width:100px; border-left:3px solid var(--light);  }
.app-content .main .order-history .item.top-row .action{ border-color:var(--light3);  }
.app-content .main .order-history .item a.action:hover{ background:var(--light); }
@media (max-width: 1489px) {
	.app-content .main .order-history .item .name{ width:calc(100% - 460px); }
	.app-content .main .order-history .item .people{ width:160px; padding:0 20px 0 0; }
	.app-content .main .order-history .item .date{ width:200px; }
}
@media (max-width: 1019px) {
	.app-content .main .order-history .item{ padding:30px; }
	.app-content .main .order-history .item.top-row{ display:none; }
	.app-content .main .order-history .item .sm-only{ display:inline; }
	.app-content .main .order-history .item .name{ width:100%; padding:0; }
	.app-content .main .order-history .item .people{ width:100%; padding:10px 0 5px; }
	.app-content .main .order-history .item .date{ width:100%; }
	.app-content .main .order-history .item .action{width:fit-content;padding:20px;border:2px solid var(--light);margin:20px 0 0;border-radius:15px;flex-direction:row;font-size:16px;font-weight:600;color:var(--dark)}
	.app-content .main .order-history .item .action img{ width:20px; margin:0 0 0 10px; }
}
@media (max-width: 619px) {
	.app-content .main .order-history .item{ border:2px solid var(--light); border-radius:15px; margin:0 0 10px; }
	.app-content .main .order-history .item .action{padding:15px;font-size:13px;border-radius:10px;}
	.app-content .main .order-history .item .action img{ width:12px; margin:0 0 0 10px; }
}

.app-content .main .training-intro .content{ width:50%; justify-content:center; }
.app-content .main .training-intro .content h1{ font-size:50px; }
.app-content .main .training-intro .content p{ margin:20px 0 0; }
.app-content .main .training-intro .img{ width:50%; padding:0 0 0 60px; }
.app-content .main .training-intro .img img{ border-radius:40px; }
.app-content .main .training-steps{ padding:50px 0 0; border-top:3px solid var(--light); margin:100px 0 0; }
.app-content .main .training-steps h2{ font-size:32px; margin:0 0 30px; }
.app-content .main .training-steps .item{ border:3px solid var(--light); background:var(--light); border-radius:20px; margin:0 0 20px; overflow:hidden; display:block; }
.app-content .main .training-steps .item:hover{ background-color:var(--light2); border-color:var(--light3);  }
.app-content .main .training-steps .item .num{ width:80px; }
.app-content .main .training-steps .item .num .circle{ display:flex; width:42px; height:42px; border-radius:50%; background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; } 
.app-content .main .training-steps .item .name{ width:calc(100% - 160px); padding:30px 40px 30px ; font-weight:600; color:var(--dark); justify-content:center; }
.app-content .main .training-steps .item .icn{ width:80px; }
.app-content .main .training-steps .item .icn img{ width:24px; }
.app-content .main .training-steps .item:hover .icn img{ margin:0 0 0 5px; }
@media (max-width: 1489px) {
	.app-content .main .training-intro .content h1{ font-size:40px; }
}
@media (max-width: 1019px) {
	.app-content .main .training-intro .content{ width:100%; }
	.app-content .main .training-intro .img{ width:100%; padding:30px 0 0; }
}
@media (max-width: 619px) {
	.app-content .main .training-intro .content h1{ font-size:30px; }
	.app-content .main .training-intro .img img{ border-radius:20px; }
	.app-content .main .training-steps{ margin:50px 0 0; }
	.app-content .main .training-steps h2{ font-size:24px; }
	.app-content .main .training-steps .item{ border-radius:15px; }
	.app-content .main .training-steps .item .num{ width:50px; }
	.app-content .main .training-steps .item .num .circle{ width:34px; height:34px; } 
	.app-content .main .training-steps .item .name{ width:calc(100% - 100px); padding:20px 20px 20px 10px; }
	.app-content .main .training-steps .item .icn{ width:50px; }
	.app-content .main .training-steps .item .icn img{ width:20px; }
}

.app-content .main .training-title .back{ margin:0 0 30px; }
.app-content .main .training-title .back .btn .circle img{transform:rotate(180deg)} 
.app-content .main .training-title .sm{ font-size:30px; font-weight:300; }
.app-content .main .training-title h1{ font-size:60px; max-width:900px; }
.app-content .main .training-step{ padding:120px 120px 80px; border-radius:40px 40px 0 0; margin:80px 0 0; background:var(--light); }
.app-content .main .training-step .step{ font-size:30px; font-weight:300; }
.app-content .main .training-step h2{ font-size:45px; margin:10px 0 40px; }
.app-content .main .training-step p{ margin:20px 0 0; }
.app-content .main .training-step .resources:before{ content:""; display:block; width:100%; height:4px; border-radius:10px; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); margin:50px 0; }
.app-content .main .training-step .resources h3{ font-size:30px; }
.app-content .main .training-step .resources .item .link{ margin:5px 0 0; }
.app-content .main .training-step .resources .item .link a{ font-weight:600; background:linear-gradient(86deg,#76216A 0%,#C52D58 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent }
.app-content .main .training-step .resources .item .link a:hover{ opacity:0.6; }
.app-content .main .training-step .resources .item .video{ margin:5px 0 0; padding:10px; max-width:500px; border-radius:15px; box-shadow:0 0 10px #00000020; background:#fff; }
.app-content .main .training-step .resources .item .video iframe{ width:100%; aspect-ratio:16 / 9; border-radius:5px; }
.app-content .main .steps-nav{ padding:30px 120px; border-top:10px solid #fff; border-radius:0 0 40px 40px; display:flex; align-items:center; justify-content:space-between; background:var(--light);  }
.app-content .main .steps-nav.exam{ background:none; border:none; padding:0; margin:80px 0 0; }
.app-content .main .steps-nav .btn.inactive{ display:none; }
.app-content .main .steps-nav .btn.alt{ background:var(--light3); color:var(--text); }
.app-content .main .steps-nav .btn.alt::before{ display:none; }
.app-content .main .steps-nav .btn.alt:hover{ background:var(--light4); }
.app-content .main .steps-nav .btn.alt .icn{transform:rotate(180deg); filter:brightness(0) saturate(100%) invert(40%) sepia(1%) saturate(2911%) hue-rotate(319deg) brightness(87%) contrast(87%); /*filter to match color*/} 
@media (max-width: 1489px) {
	.app-content .main .training-step{ padding:120px 80px 80px; }
	.app-content .main .steps-nav{ padding:30px 80px; }
}
@media (max-width: 1019px) {
	.app-content .main .training-title h1{ font-size:50px; }
	.app-content .main .training-step .step{ font-size:25px; }
	.app-content .main .training-step h2{ font-size:35px; margin:5px 0 30px; }
	.app-content .main .training-step .resources h3{ font-size:25px; }
}
@media (max-width: 619px) {
	.app-content .main .training-title .sm{ font-size:20px; }
	.app-content .main .training-title h1{ font-size:35px; }
	.app-content .main .training-step{ padding:50px 30px; border-radius:20px 20px 0 0; margin:40px 0 0; }
	.app-content .main .training-step .step{ font-size:20px; }
	.app-content .main .training-step h2{ font-size:25px; }
	.app-content .main .training-step .resources h3{ font-size:20px; }
	.app-content .main .training-step .resources .item .video{ padding:5px; border-radius:10px; }
	.app-content .main .steps-nav{ padding:30px 30px; border-radius:0 0 20px 20px; display:block; }
	.app-content .main .steps-nav .btn{ width:100%; }
	.app-content .main .steps-nav .btn.alt{ margin:0 0 10px; }
}


.app-content .main .exam-results .title .sm{ font-size:30px; font-weight:300; }
.app-content .main .exam-results .title h1{ font-size:60px; max-width:900px; margin:0 0 80px; }
.app-content .main .results-summary .score{ width:200px; }
.app-content .main .results-summary .circle-score{background:#ddd;border-radius:50%;display:block;width:200px;height:200px;position:relative}
.app-content .main .results-summary .circle-score .inner{display:flex;width:156px;height:156px;border-radius:50%;position:absolute;top:22px;left:22px;background:#fff;color:var(--dark);font-size:50px;font-weight:600;}
.app-content .main .results-summary .circle-score .inner>div{ display:flex; }
.app-content .main .results-summary .circle-score .inner sup{ font-size:30px; margin:5px 0 0; }
.app-content .main .results-summary .circle-score .point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.app-content .main .results-summary .circle-score .round{transform:rotate(-90deg);transition:all 1s ease-in-out;fill:none;stroke-width:20px;stroke-dasharray:0 999}
.app-content .main .results-summary .content{ width:calc(100% - 500px); padding:0 50px; justify-content:center; font-size:18px; }
.app-content .main .results-summary .content>div{ max-width:600px; }
.app-content .main .results-summary .content h2{ font-size:30px; margin:0 0 10px; }
.app-content .main .results-summary .cert{ width:300px; }
.app-content .main .results-summary .cert .box{ padding:40px 30px; border-radius:40px; background:linear-gradient(86deg, #76216A 0%, #C52D58 100%), linear-gradient(256deg, #EE762E 0%, #E43251 51.56%, #76216A 100%); display:flex; flex-direction:column; height:100%; position:relative; overflow:hidden; text-align:center; }
.app-content .main .results-summary .cert .box::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:var(--purple);transition:all .25s ease-in-out;opacity:0}
.app-content .main .results-summary .cert .box:hover::before{opacity:1; }
.app-content .main .results-summary .cert .box>div{ position:relative; }
.app-content .main .results-summary .cert .box .icn{ margin:0 auto 10px; }
.app-content .main .results-summary .cert .box .f-title{ font-size:24px; color:#fff; }
@media (max-width: 1279px) {
	.app-content .main .results-summary .content{ width:calc(100% - 200px); padding:0 0 0 50px; }
	.app-content .main .results-summary .cert{ width:100%; margin:40px 0 0; }
}
@media (max-width: 619px) {
	.app-content .main .exam-results .title .sm{ font-size:20px; }
	.app-content .main .exam-results .title h1{ font-size:35px; margin:0 0 40px; }
	.app-content .main .results-summary .content{ width:100%; padding:30px 0 0; font-size:14px; }
	.app-content .main .results-summary .content h2{ font-size:25px; }
}

.app-content .main .results-details{ margin:80px 0 0; }
.app-content .main .results-details .item{ background:var(--light); margin:10px 0 0; }
.app-content .main .results-details .item.top-row{ background:var(--dark); font-size:16px; font-weight:600; color:#fff; border-radius:20px 20px 0 0; }
.app-content .main .results-details .item:last-child{ border-radius:0 0 20px 20px; }
.app-content .main .results-details .item .sm-only{ display:none; }
.app-content .main .results-details .item .num{ width:100px; }
.app-content .main .results-details .item .num .fcenter{ width:42px; height:42px; border-radius:50%; border:2px solid var(--light3); display:flex; }
.app-content .main .results-details .item .question{ flex:1; padding:20px; line-height:1.2; font-weight:600; color:var(--dark); justify-content:center; }
.app-content .main .results-details .item .user-answer{ font-size: 0.7rem; }
.app-content .main .results-details .item.top-row .question{ padding:15px 20px; color:#fff; }
.app-content .main .results-details .item .answer{ width:120px; }
.app-content .main .results-details .item .answer .fcenter{ width:42px; height:42px; border-radius:50%; background:var(--light3); display:flex; }
.app-content .main .results-details .item .result{ width:230px; }
.app-content .main .results-details .item .result .fcenter{ width:42px; height:42px; border-radius:50%; border:2px solid #155724; display:flex; }
.app-content .main .results-details .item .result .fcenter.wrong{ border-color:#dd0000; }
.app-content .main .exam-results .back{ margin:60px 0 0; }
.app-content .main .exam-results .back .btn .circle img{transform:rotate(180deg)} 
@media (max-width: 1489px) {
	.app-content .main .results-details .item .question{ padding:20px 20px 20px 0; }
	.app-content .main .results-details .item.top-row .question{ padding:15px 20px 15px 0; }
	.app-content .main .results-details .item .result{ width:150px; }
}
@media (max-width: 1019px) {
	.app-content .main .results-details .item .num{ width:70px; }
	.app-content .main .results-details .item .answer{ width:90px; }
	.app-content .main .results-details .item .result{ width:130px; }
}
@media (max-width: 619px) {
	.app-content .main .results-details .item{ border-radius:20px; padding:30px; }
	.app-content .main .results-details .item.top-row{ display:none; }
	.app-content .main .results-details .item .sm-only{ display:block; }
	.app-content .main .results-details .item .num{ width:100%; }
	.app-content .main .results-details .item .question{ width:100%; padding:15px 0; text-align:center; }
	.app-content .main .results-details .item .answer{ width:100%; }
	.app-content .main .results-details .item .answer .fcenter{ display:none; }
	.app-content .main .results-details .item .result{ width:100%; padding:10px 0 0; }
}

.app-content .main .exam-progress{ padding:12px 60px; margin:60px 0; border-radius:100px; background:var(--light); }
.app-content .main .exam-progress .wrap{ align-items:center; }
.app-content .main .exam-progress .line{ width:calc(100% - 140px); height:15px; border-radius:100px; background:var(--light3); position:relative; }
.app-content .main .exam-progress .line .inner{ height:15px; border-radius:100px; background: linear-gradient(256deg, #F8C900 0%, #EE762E 33.85%, #E43251 65.1%, #76216A 100%); position:absolute; top:0; left:0; min-width:5%; }
.app-content .main .exam-progress .num{ font-size:40px; font-weight:600; width:140px; }
.app-content .main .exam-progress .num>div{ display:flex; }
.app-content .main .exam-progress .num sup{ font-size:18px; margin:7px 0 0 5px; }
.app-content .main .current-question .num{ width:80px; font-size:30px; font-weight:600; }
.app-content .main .current-question .num .fcenter{ width:80px; height:80px; border-radius:50%; border:2px solid var(--light3); display:flex; }
.app-content .main .current-question .content{ width:calc(100% - 80px); font-size:35px; padding:0 0 0 30px; justify-content:center; }
.app-content .main .current-answers{ margin:40px 0 0; }
.app-content .main .current-answers a{ display:block; padding:2px; margin:15px 0 0; /*border:2px solid var(--light);*/ background:var(--light); border-radius:100px;}
.app-content .main .current-answers a:hover{ background:var(--light3); }
.app-content .main .current-answers a.active{ background: linear-gradient(256deg, #EE762E 0%, #E43251 65.1%, #76216A 100%); }
.app-content .main .current-answers a .inner{ padding:6px; background:#fff; border-radius:100px; }
.app-content .main .current-answers .num{ width:100px; justify-content:center; }
.app-content .main .current-answers .num .fcenter{ width:60px; height:60px; border-radius:50%; background:var(--light); display:flex; font-size:25px; font-weight:600; color:var(--light5); }
.app-content .main .current-answers a:hover .num .fcenter{ background:var(--light3); }
.app-content .main .current-answers a.active .num .fcenter{ background: linear-gradient(256deg, #EE762E 0%, #E43251 65.1%, #76216A 100%); color:#fff; }
.app-content .main .current-answers .content{ width:calc(100% - 100px); padding:10px 50px 10px 0; justify-content:center; }
@media (max-width: 1489px) {
	.app-content .main .exam-progress{ padding:12px 0 12px 30px; }
}
@media (max-width: 1019px) {
	.app-content .main .current-question .content{ font-size:30px; }
}
@media (max-width: 619px) {
	.app-content .main .current-question .num{ width:60px; font-size:20px; }
	.app-content .main .current-question .num .fcenter{ width:60px; height:60px; }
	.app-content .main .current-question .content{ width:100%; font-size:22px; padding:20px 0 0; }
	.app-content .main .current-answers .num{ width:60px; }
	.app-content .main .current-answers .num .fcenter{ width:45px; height:45px; font-size:18px; }
	.app-content .main .current-answers .content{ width:calc(100% - 70px); padding:4px 20px 4px 0; }
}

.app-content .main .forum-1 .sm-col{ width:400px; padding:0 100px 0 0; }
.app-content .main .forum-1 .sm-col>div{ position:sticky; top:30px; }
.app-content .main .forum-1 .sm-col .new{ padding:0 0 30px; border-bottom:3px solid var(--light); margin:0 0 30px; }
.app-content .main .forum-1 .sm-col .new .btn{ width:100%; }
.app-content .main .forum-1 .sm-col .item{ margin:0 0 10px; }
.app-content .main .forum-1 .sm-col .item a{ display:flex; align-items:center; padding:15px 20px; color:var(--dark); font-size:18px; font-weight:600; border-radius:6px; }
.app-content .main .forum-1 .sm-col .item a:hover{ background:var(--light2); }
.app-content .main .forum-1 .sm-col .item a.active{ background:var(--dark); color:#fff; }
.app-content .main .forum-1 .sm-col .item.accordion { cursor:pointer; display:flex; align-items:center;  justify-content: space-between; padding:15px 20px; color:var(--dark); font-size:18px; font-weight:600; border-radius:6px; }
.app-content .main .forum-1 .sm-col .item.accordion:hover{ background:var(--light2); }
.app-content .main .forum-1 .sm-col .item.accordion.open{ background:var(--dark); color:#fff; }
.app-content .main .forum-1 .sm-col .item .icn{ margin:0 10px 0 0; }
.app-content .main .forum-1 .sm-col .item .icn svg{ width:20px; }
.app-content .main .forum-1 .sm-col .item.accordion .icn{ margin:0; }
.app-content .main .forum-1 .lg-col{ width:calc(100% - 400px); }
.app-content .main .forum-1 .lg-col.wide{ width:100%; }
.app-content .main .forum-1 .lg-col .top{ padding:0 0 50px; font-size:18px; }
.app-content .main .forum-1 .lg-col .items.pinned{ padding:0 0 30px; border-bottom:3px solid var(--light); margin:0 0 30px; }
.app-content .main .forum-1 .lg-col .item{ margin:0 0 10px; padding:15px 0;  border-radius:20px; background:var(--light); color:var(--light5); }
.app-content .main .forum-1 .lg-col .item>.wrap{ justify-content:space-between; }
.app-content .main .forum-1 .lg-col .item .title{ width:calc(100% - 240px); }
.app-content .main .forum-1 .lg-col .items.training .item .title{ width:100%; }
.app-content .main .forum-1 .lg-col .item .title a{ width:100%; padding:5px 30px; }
.app-content .main .forum-1 .lg-col .item .title a:hover{ opacity:0.6; }
.app-content .main .forum-1 .lg-col .item .title .inner{ padding:0 0 0 30px; position:relative; }
.app-content .main .forum-1 .lg-col .items.pinned .title .inner{ padding:0 0 0 50px; }
.app-content .main .forum-1 .lg-col .item .title .inner .dot{ width:10px; height:10px; border-radius:50%; position:absolute; top:8px; left:10px; background:var(--light5); display:none; }
.app-content .main .forum-1 .lg-col .items.pinned .title .inner .dot{ width:40px; height:40px; top:0; left:0; display:flex; }
.app-content .main .forum-1 .lg-col .item.new .title .inner .dot{ display:flex; background:linear-gradient(86deg, #76216A 0%, #C52D58 100%); }
.app-content .main .forum-1 .lg-col .item .title .f-title{ display:flex; gap: 5px; color:var(--light5); }
.app-content .main .forum-1 .lg-col .item.new .title .f-title{ color:var(--dark); }
.app-content .main .forum-1 .lg-col .item .title .date{ font-size:14px; color:var(--light5); }
.app-content .main .forum-1 .lg-col .item .right{ display:flex; }
.app-content .main .forum-1 .lg-col .item .user{ width:80px; border-right:2px solid var(--light3); }
.app-content .main .forum-1 .lg-col .item .user img{ width:40px; border-radius:50%; }
.app-content .main .forum-1 .lg-col .item .messages{ padding:0 15px; max-width:100px; min-width: 85px; font-size:16px; font-weight:600; border-right:2px solid var(--light3); }
.app-content .main .forum-1 .lg-col .item .messages .inner{ display:flex; }
.app-content .main .forum-1 .lg-col .item .messages img{ margin:0 7px 0 0; }
.app-content .main .forum-1 .lg-col .item .actions{ width:60px; position:relative; }
.app-content .main .forum-1 .lg-col .item .actions a:hover{ opacity:0.6; }
.app-content .main .forum-1 .lg-col .item .actions .menu{ position:absolute; top:100%; right:0; padding:10px 0; border-radius:10px; background:#fff; box-shadow:0 0 10px #00000020; width:120px; display:none; z-index:2; }
.app-content .main .forum-1 .lg-col .item .actions.open .menu{ display:block; }
.app-content .main .forum-1 .lg-col .item .actions .menu:before{ content:""; display:block; width:12px; height:12px; background:#fff; transform:rotate(45deg); position:absolute; top:-5px; right:23px; }
.app-content .main .forum-1 .lg-col .item .actions .menu a{ padding:5px 15px; font-size:14px; font-weight:600; display:flex; align-items:center; color:var(--text); }
.app-content .main .forum-1 .lg-col .item .actions .menu a img{ height:14px; margin:0 5px 0 0; }
@media (max-width: 1489px) {
	.app-content .main .forum-1 .sm-col{ width:340px; padding:0 60px 0 0; }
	.app-content .main .forum-1 .sm-col .item a{ font-size:16px; }
	.app-content .main .forum-1 .lg-col{ width:calc(100% - 340px); }
}
@media (max-width: 1019px) {
	.app-content .main .forum-1 .sm-col{ width:100%; /*max-width:400px;*/ padding:0 0 50px; }
	.app-content .main .forum-1 .sm-col .item a{ font-size:16px; }
	.app-content .main .forum-1 .lg-col{ width:100%; }
}
@media (max-width: 619px) {
	.app-content .main .forum-1 .lg-col .top{ padding:0 0 50px; font-size:13px; }
	.app-content .main .forum-1 .lg-col .top .new .btn .icn img{ width:16px; }
	.app-content .main .forum-1 .lg-col .item .title{ width:100%; margin:0 0 20px; }
	.app-content .main .forum-1 .lg-col .item .title a{ font-size:16px; padding:5px 20px; }
	.app-content .main .forum-1 .lg-col .item .title .inner{ padding:0 0 0 10px; }
	.app-content .main .forum-1 .lg-col .item.new .title .inner{ padding:0 0 0 25px; }
	.app-content .main .forum-1 .lg-col .items.pinned .item .title .inner{ padding:4px 0 0 40px; }
	.app-content .main .forum-1 .lg-col .item .title .inner .dot{ width:8px; height:8px; top:6px; }
	.app-content .main .forum-1 .lg-col .items.pinned .title .inner .dot{ width:30px; height:30px; }
	.app-content .main .forum-1 .lg-col .items.pinned .title .inner .dot img{ width:10px; }
	.app-content .main .forum-1 .lg-col .item .right{ justify-content:flex-end; width:100%; }
	.app-content .main .forum-1 .lg-col .item .user{ width:60px; }
	.app-content .main .forum-1 .lg-col .item .user img{ width:30px; }
	.app-content .main .forum-1 .lg-col .item .messages{ font-size:14px; }
	.app-content .main .forum-1 .lg-col .item .messages img{ width:14px;}
	.app-content .main .forum-1 .lg-col .item .actions{ width:50px; }
	.app-content .main .forum-1 .lg-col .item .actions .trigger>img{ width:20px; }
	.app-content .main .forum-1 .lg-col .item .actions .menu:before{ right:19px; }
}

.app-content .main .forum-2 .answers-title{ margin:100px 0 40px; font-size:30px; }
.app-content .main .forum-2 .post{ margin:0 0 40px; border-radius:40px; background:var(--light); overflow:hidden; }
.app-content .main .forum-2 .post.sub{ margin-left:100px; }
.app-content .main .forum-2 .post .sm-col{ width:300px; padding:50px; text-align:center; }
.app-content .main .forum-2 .post .sm-col .img img{ border-radius:20px; }
.app-content .main .forum-2 .post .sm-col .name{ margin:15px 0 5px; }
.app-content .main .forum-2 .post .sm-col .date{ font-size:14px; color:var(--light5); }
.app-content .main .forum-2 .post .lg-col{ width:calc(100% - 300px); border-left:10px solid #fff; font-size:18px;  }
.app-content .main .forum-2 .post .lg-col .notice{ padding:15px 60px; background:var(--dark); color:#fff; }
.app-content .main .forum-2 .post .lg-col .inner{ padding:50px 60px; }
.app-content .main .forum-2 .post .lg-col .notice+.inner{ padding:30px 60px 50px; }
.app-content .main .forum-2 .post .lg-col .top-post{ display:flex; justify-content:space-between; align-items:center; padding:0 0 20px; border-bottom:2px solid var(--light3); margin:0 0 20px; }
.app-content .main .forum-2 .post .lg-col .top-post .date{ font-size:14px; color:var(--light5); }
.app-content .main .forum-2 .post .lg-col .top-post .actions{ display:flex; }
.app-content .main .forum-2 .post .lg-col .top-post .actions a{ font-size:14px; font-weight:600; display:flex; padding:12px 20px; margin:0 0 0 10px; border-radius:100px; background:var(--light3); }
.app-content .main .forum-2 .post .lg-col .top-post .actions a:hover{ background:var(--light4); }
.app-content .main .forum-2 .post .lg-col .top-post .actions a img{ margin:0 5px 0 0; }
.app-content .main .forum-2 .answer-form{ padding:30px 0 0; border-top:3px solid var(--light); margin:60px 0 0; }
@media (max-width: 1489px) {
	.app-content .main .forum-2 .post .sm-col{ width:240px; padding:30px; }
	.app-content .main .forum-2 .post .lg-col{ width:calc(100% - 240px); }
}
@media (max-width: 1019px) {
	.app-content .main .forum-2 .post .sm-col{ width:100%; padding:30px; flex-direction:row; align-items:center; text-align:left; }
	.app-content .main .forum-2 .post .sm-col .img{ width:150px; padding:0 30px 0 0; }
	.app-content .main .forum-2 .post .sm-col .name{ margin:0 0 5px; }
	.app-content .main .forum-2 .post .lg-col{ width:100%; border-left:none; }
	.app-content .main .forum-2 .post .lg-col .notice{ padding:15px 30px; }
	.app-content .main .forum-2 .post .lg-col .inner{ padding:0 30px 50px; }
	.app-content .main .forum-2 .post .lg-col .notice+.inner{ padding:30px 30px 50px; }
}
@media (max-width: 619px) {
	.app-content .main .forum-2 .answers-title{ margin:60px 0 20px; font-size:20px; }
	.app-content .main .forum-2 .post{ margin:0 0 20px; border-radius:20px; }
	.app-content .main .forum-2 .post.sub{ margin-left:40px; }
	.app-content .main .forum-2 .post .sm-col{ padding:20px; }
	.app-content .main .forum-2 .post .sm-col .img{ width:80px; padding:0 15px 0 0; }
	.app-content .main .forum-2 .post .sm-col .img img{ border-radius:10px; }
	.app-content .main .forum-2 .post .sm-col .date{ font-size:12px; }
	.app-content .main .forum-2 .post .lg-col{ font-size:13px;  }
	.app-content .main .forum-2 .post .lg-col .notice{ padding:15px 20px; font-size:12px; }
	.app-content .main .forum-2 .post .lg-col .inner{ padding:0 20px 30px; }
	.app-content .main .forum-2 .post .lg-col .notice+.inner{ padding:30px 20px 30px; }
	.app-content .main .forum-2 .post .lg-col .top-post{ flex-wrap:wrap; }
	.app-content .main .forum-2 .post .lg-col .top-post .date{ font-size:12px; width:100%; flex-shrink:0; margin:0 0 15px; }
	.app-content .main .forum-2 .post .lg-col .top-post .actions a{ font-size:12px; padding:10px 15px; margin:0 10px 0 0; }
	.app-content .main .forum-2 .post .lg-col .top-post .actions a img{ width:14px; margin:0 5px 0 0; }
}

.app-content .main .shop .steps{ display:flex; align-items:center; }
.app-content .main .shop .step{ display:flex; font-size:18px; font-weight:600; }
.app-content .main .shop .step:hover{ opacity:0.6; }
.app-content .main .shop .step .num{ width:44px; height:44px; margin:0 10px 0 0; border-radius:50%; display:flex; background:var(--light3); }
.app-content .main .shop .step.active{ color:var(--dark); }
.app-content .main .shop .step.active:hover{ opacity:1; }
.app-content .main .shop .step.active .num{ background: linear-gradient(256deg, #EE762E 0%, #E43251 51.04%, #76216A 100%); color:#fff; }
.app-content .main .shop .steps .sep{ display:block; height:2px; width:60px; margin:0 20px; background:var(--light3); }
.app-content .main .shop h2{ font-size:30px; margin:80px 0 30px; }
.app-content .main .shop .items{ margin:0 -10px; }
.app-content .main .shop .item{ width:20%; padding:10px 10px 50px; }
.app-content .main .shop .item .img{ position:relative; }
.app-content .main .shop .item .img img{ border-radius:20px; width:100%; }
.app-content .main .shop .item .img .circle{ width:36px; height:36px; border-radius:50%; position:absolute; bottom:-18px; left:50%; margin:0 0 0 -18px; display:flex; box-shadow:inset 0px 0px 0px 2px var(--purple); background:#fff; color:var(--purple); overflow:hidden; }
.app-content .main .shop .item .img .circle:hover,
.app-content .main .shop .item .img.open .circle{ color:#fff; }
.app-content .main .shop .item .img .circle::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(86deg,#76216A 0%,#C52D58 100%);transition:all .25s ease-in-out;opacity:0}
.app-content .main .shop .item .img .circle:hover::before,
.app-content .main .shop .item .img.open .circle::before{ opacity:1; }
.app-content .main .shop .item .img .circle svg{ width:14px; position:relative; }
.app-content .main .shop .item .img .qty{ position:absolute; bottom:30px; left:50%; margin:0 0 0 -90px; width:180px; height:40px; border-radius:100px; background:#fff; display:none; font-size:16px; }
.app-content .main .shop .item .img.open .qty{ display:flex; }
.app-content .main .shop .item .img.open .qty .txt{ margin:0 10px 0 0; color:var(--light5); }
.app-content .main .shop .item .img.open .qty a{ padding:5px; opacity:0.5; }
.app-content .main .shop .item .img.open .qty a:hover{ opacity:0.3; }
.app-content .main .shop .item .img.open .qty a img{ width:10px; }
.app-content .main .shop .item .img.open .qty .num{ width:40px; font-weight:600; text-align:center; color:var(--dark); }
.app-content .main .shop .item h3{ font-size:18px; padding:25px 0 0; text-align:center; }
.app-content .main .shop .steps-nav{ padding:40px 0 0; border:none; background:none;}
@media (max-width: 1489px) {
	.app-content .main .shop .item{ width:25%; }
}
@media (max-width: 1019px) {
	.app-content .main .shop .item{ width:33.333333%; }
}
@media (max-width: 759px) {
	.app-content .main .shop .item{ width:50%; }
}
@media (max-width: 619px) {
	.app-content .main .shop .step{ font-size:13px; }
	.app-content .main .shop .step .num{ width:27px; height:27px; margin:0 5px 0 0; }
	.app-content .main .shop .steps .sep{ width:20px; margin:0 10px; }
	.app-content .main .shop h2{ font-size:20px; margin:50px 0 30px; }
	.app-content .main .shop .item{ width:50%; padding:10px 10px 30px; }
	.app-content .main .shop .item .img img{ border-radius:10px; }
	.app-content .main .shop .item .img .qty{ margin:0 0 0 -65px; width:130px; font-size:12px; }
	.app-content .main .shop .item .img.open .qty a img{ width:7px; }
	.app-content .main .shop .item .img.open .qty .num{ width:30px; }
	.app-content .main .shop .item h3{ font-size:14px; }
}

.app-content .main .shop .order-resume .items{ margin:0; }
.app-content .main .shop .order-resume .item{ border:3px solid var(--light); border-radius:20px; margin:0 0 20px; overflow:hidden; width:100%; padding:0; }
.app-content .main .shop .order-resume .item.top-row{ border-color:var(--light3); background:var(--light3); font-size:18px; font-weight:600; }
.app-content .main .shop .order-resume .item .sm-only{ display:none; }
.app-content .main .shop .order-resume .item .name{ width:calc(100% - 200px); padding:20px 40px; line-height:1.2; font-weight:600; color:var(--dark); justify-content:center; }
.app-content .main .shop .order-resume .item.top-row .name{ color:var(--text); }
.app-content .main .shop .order-resume .item .qty{ width:200px; justify-content:center; text-align:center; }
@media (max-width: 619px) {
	.app-content .main .shop .order-resume .item{ border:2px solid var(--light); border-radius:15px; margin:0 0 10px; }
	.app-content .main .shop .order-resume .item.top-row{ font-size:13px; }
	.app-content .main .shop .order-resume .item .name{ width:calc(100% - 100px); padding:15px 20px; }
	.app-content .main .shop .order-resume .item .qty{ width:100px; }
}

.app-content .main .shop-final-message{ max-width:900px; }
.app-content .main .shop-final-message h2{ font-size:30px; margin:0 0 30px; }
.app-content .main .shop-final-message .btns{  margin:40px 0 0; }
@media (max-width: 619px) {
	.app-content .main .shop-final-message h2{ font-size:20px; margin:0 0 20px; }
}

.dashboard .quick-menu a { color: #2563eb; }
.dashboard .quick-menu a:hover { text-decoration: underline; color: #1e40af; }

/* MODAL CA */
.clickable {
    cursor: pointer;
}
.modal { background: rgba(0, 0, 0, 0.5); position: fixed; height: 100%; width: 100%; z-index: 1072; display: block; overflow-y: auto; padding: 3em; top: 0; left: 0; right: 0; bottom: 0;}
.modal .close { position: absolute; top: 1em; right: 1em; font-size: 2rem; background: none; border: none; cursor: pointer;}
.modal-dialog { max-width: 1000px; margin-right: auto; margin-left: auto; position: relative; width: auto; pointer-events: none;}
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border-radius: 20px; outline: 0;}
.modal-body { display: flex; align-items: center; flex-wrap: wrap; gap: 2em; padding: 2em; justify-content: space-between; text-align: left;}
.modal-body>img { border-radius: 8px; }
.modal-body>.desc { flex: 1; }

@media(max-width: 740px) {
    .modal-body>img {
        max-width: 150px;
    }
    .modal .close { top: 0; right: 0;}
}
.mt-1{margin-top:1em;}
.quick-menu{font-size: 1rem; display:flex; gap: 1em; margin-bottom: 2em;}
.quick-menu a:hover{text-decoration: underline;}
.reply-to-row .lg{ display: flex; gap: 1em; }
.reply-to-row button{border:none; background:transparent;display:inline-block; cursor: pointer; font-size: 18px !important; margin: 0!important;}
.editor-toolbar {
    border-top: 2px solid var(--light) !important;
    border-left: 2px solid var(--light) !important;
    border-right: 2px solid var(--light) !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.CodeMirror {
    border: 2px solid var(--light) !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
/* LOADING */
.ld-ring{width:1em;height:1em;position:relative;color:inherit;display:inline-block;box-sizing:content-box}.ld-ring:after{content:" ";display:block;width:2em;height:2em;box-sizing:border-box;transform-origin:0 0;transform:translateZ(0) scale(.5);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;border:.3em solid currentColor;border-left-color:transparent}@-webkit-keyframes ld-spin{0%{-webkit-animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes ld-spin{0%{-webkit-animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);transform:rotate(0)}100%{transform:rotate(360deg)}}.ld.ld-spin{-webkit-animation:ld-spin 1s infinite linear;animation:ld-spin 1s infinite linear}

.small-modal{ display:flex; visibility:hidden; justify-content:center; align-items:center; position:fixed; top:0; bottom:0; left:0; right:0; background:#000000dd; z-index:10; overflow-x:clip; }
.small-modal.open{ visibility:visible; }
.small-modal .outer{ padding:60px; width:600px; max-width:90vw; border-radius:20px; background:#fff; transform:translateY(50px); opacity:0; }
.small-modal.open .outer{ transform:translateY(0); opacity:1; transition: all .5s ease-in-out; }
.small-modal .close-small-modal{ width:46px; height:46px; border-radius:50%; display:flex;  position:absolute; left:50%; margin:0 0 0 -23px; top:-23px;background:linear-gradient(86deg,#76216A 0%,#C52D58 100%);}
.small-modal .close-small-modal:hover{ transform:scale(0.9); }
.small-modal .close-small-modal img{ width:14px; }
.small-modal .content{ display:none; position:relative; text-align:center; }
.small-modal.open .content.open{ display:block; }
.small-modal .content .f-title{ font-size:30px; margin:0 0 20px; }
@media (max-width: 619px) {
    .small-modal .outer{ padding:50px 40px; }
    .small-modal .content .f-title{ font-size:20px; }
}