@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');


html, body{
font-family: Open Sans, 'Open Sans', sans-serif;
font-size: 14px;
line-height: 150%;
}


html {
/*    zoom: 0.9;*/
}	


.ctbold{
font-weight:bold;
}

.ctw{
color:#FFFFFF;
}

/*-- typography --*/

.mb80, .mbd{
margin-bottom:24px;
}

.pdd, .pd40{
padding:24px;
}

.ct88{
font-weight: 800;
font-size: 48px;
line-height: 100%;
}

.ct72, .ct-bigheading{
font-weight: 800;
font-size: 32px;
line-height: 125%;
}

.ct48, .ct-heading{
font-weight: 800;
font-size: 24px;
line-height: 125%;
}

.ct40, .ct-smallheading{
font-weight: 800;
font-size: 24px;
line-height: 125%;
}

.ct32, .ct-subheading{
font-weight: 800;
font-size: 16px;
line-height: 125%;
}

.ct24, .ct-descr, .ct-text{
font-size: 16px;
line-height: 150%;
}

.btn-main {
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	border-radius: 16px;
	padding:12px 24px;
}

.btn-small {
	font-weight: bold;
	font-size: 12px;
	line-height: 150%;
	border-radius: 16px;
	padding:11px 22px;
}

.btn-orange{
    color: #fff;
	background: linear-gradient(180deg, #F28521 0%, #F26E21 100%);
}

.btn-rouge{
    color: #5A2D8E;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFE5D6 100%);
}

.btn-violet{
	color:#FFFFFF;
	opacity: 0.2;	
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 100%);
}

.box-blue{
color:#fff;
background-color:#5A2D8E;
padding: 0;
}

.courses-chat .box-blue{
padding-top:0px;
padding-bottom:0px;
}

.btn-filt, .btn-filt-p{
padding:18px 24px;
font-weight: bold;
font-size: 16px;
line-height: 125%;
color:#5A2D8E;
background-color:#eee;
border-radius:16px;
margin-right:16px;
border:0px solid #000000;
margin-bottom:16px;
}

.btn-filt.actf, .btn-filt-p.actf{
color:#fff;
background-color:#5A2D8E;
}

.form-filter-book {
    margin-top: 16px;
}

.courses-chat .btn-filt, .courses-chat .btn-filt-p{
	background: linear-gradient(180deg, #5A2D8E -80%, rgba(255, 255, 255, 0.5) 160%);
	color:#fff;
}

.courses-chat .btn-filt.actf, .courses-chat .btn-filt-p.actf{
	background: #fff;
	color:#5A2D8E;
}

.filt-step, .filt-step.d-flex{

}

/*-- sm --*/
@media (min-width: 768px) { 

html, body{
font-size: 12px;
line-height: 150%;
}

.mb80, .mbd{
margin-bottom:32px;
}

.pdd, .pd40{
padding:24px;
}

.ct88{
font-weight: 800;
font-size: 48px;
line-height: 100%;
}

.ct72, .ct-bigheading{
font-weight: 800;
font-size: 40px;
line-height: 125%;
}

.ct48, .ct-heading{
font-weight: 800;
font-size: 32px;
line-height: 125%;
}

.ct40, .ct-smallheading{
font-weight: 800;
font-size: 24px;
line-height: 125%;
}

.ct32, .ct-subheading{
font-weight: 800;
font-size: 20px;
line-height: 125%;
}

.ct24, .ct-descr, .ct-text{
font-size: 16px;
line-height: 150%;
}

.btn-main {
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	border-radius: 16px;
	padding:16px 32px;
}

.btn-small {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	border-radius: 16px;
	padding:13px 26px;
}

}

/*-- md --*/
@media (min-width: 1024px) {

html, body{
font-size: 14px;
line-height: 150%;
}

.mb80, .mbd{
margin-bottom:32px;
}

.pdd, .pd40{
padding:40px;
}

.ct88{
font-weight: 800;
font-size: 48px;
line-height: 100%;
}

.ct72, .ct-bigheading{
font-weight: 800;
font-size: 56px;
line-height: 125%;
}

.ct48, .ct-heading{
font-weight: 800;
font-size: 32px;
line-height: 125%;
}

.ct40, .ct-smallheading{
font-weight: 800;
font-size: 24px;
line-height: 125%;
}

.ct32, .ct-subheading{
font-weight: 800;
font-size: 24px;
line-height: 125%;
}

.ct24, .ct-descr, .ct-text{
font-size: 24px;
line-height: 150%;
}

.btn-main {
	font-weight: bold;
	font-size: 24px;
	line-height: 150%;
	border-radius: 16px;
	padding:21px 40px;
}

.btn-small {
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	border-radius: 16px;
	padding:16px 25px;
}

}

/*-- lg --*/
@media (min-width: 1280px) {

html, body{
font-size: 16px;
line-height: 150%;
}

.mb80, .mbd{
margin-bottom:64px;
}

.pdd, .pd40{
padding:40px;
}

.ct88{
font-weight: 800;
font-size: 72px;
line-height: 100%;
}

.ct72, .ct-bigheading{
font-weight: 800;
font-size: 64px;
line-height: 125%;
}

.ct48, .ct-heading{
font-weight: 800;
font-size: 40px;
line-height: 125%;
}

.ct40, .ct-smallheading{
font-weight: 800;
font-size: 32px;
line-height: 125%;
}

.ct32, .ct-subheading{
font-weight: 800;
font-size: 24px;
line-height: 125%;
}

.ct24, .ct-descr, .ct-text{
font-size: 24px;
line-height: 150%;
}

.btn-main {
	font-weight: bold;
	font-size: 24px;
	line-height: 150%;
	border-radius: 16px;
	padding:22px 48px;
	margin-right:32px;	
}

.btn-main {
	font-weight: bold;
	font-size: 24px;
	line-height: 150%;
	border-radius: 16px;
	padding:22px 48px;
}

.btn-small {
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	border-radius: 16px;
	padding:16px 42px;
}

}

/*-- xl --*/
@media (min-width: 1680px) {
html, body{
font-size: 16px;
line-height: 150%;
}

.mb80, .mbd{
margin-bottom:80px;
}

.pdd, .pd40{
padding:40px;
}

.ct88{
font-weight: 800;
font-size: 88px;
line-height: 100%;
}

.ct72, .ct-bigheading{
font-weight: 800;
font-size: 72px;
line-height: 125%;
}

.ct48, .ct-heading{
font-weight: 800;
font-size: 48px;
line-height: 125%;
}

.ct40, .ct-smallheading{
font-weight: 800;
font-size: 40px;
line-height: 125%;
}

.ct32, .ct-subheading{
font-weight: 800;
font-size: 32px;
line-height: 125%;
}

.ct24, .ct-descr, .ct-text{
font-size: 24px;
line-height: 150%;
}

.btn-main {
	font-weight: bold;
	font-size: 24px;
	line-height: 150%;
	border-radius: 16px;
	padding:22px 48px;
}

.btn-small {
	font-weight: bold;
	font-size: 24px;
	line-height: 150%;
	border-radius: 16px;
	padding:14px 47px;
}

}


.mt32{
margin-top:32px;
}

.mb24{
margin-bottom:32px;
}

.mb32{
margin-bottom:32px;
}

.mb48{
margin-bottom:32px;
}

.mb64{
margin-bottom:64px;
}

.mb120{
margin-bottom:120px;
}

.heading{
font-weight: 800;
font-size: 40px;
line-height: 125%;
margin-bottom:48px;
}

.subheading{
font-weight: 800;
font-size: 24px;
line-height: 125%;
margin-bottom:16px;
}


/*-- figures-block --*/
.figures-block{
background: #F2F2F2;
}

.figures-block > div > div > p{
padding:20px;
}

.figures-block > div > div > p > b{
display:block;
margin-bottom:8px;
}

.figures-block > div > div > p > span{
display:block;
}

/*-- courses-box --*/

.courses-box{
background: #F2F2F2;
margin-bottom:64px;
padding:40px;
}

.courses-box .bage-v{
}

.courses-box .bage-v img{
margin-top:-80px;
}

.bage-chat{
margin-right:24px;
}

.courses-box a.course-box{
color:#000000;
text-decoration:none;
display:block;
padding-left:100px;
}

.courses-box a img{
position:absolute;
margin-left:-100px;
}

.courses-box a img.bage-o{
margin-left:-120px;
margin-top:-26px;
z-index:1;
}

.courses-box h3.heading{
margin-bottom:24px;
}

.course-box-desc{
font-weight: normal;
font-size: 24px;
line-height: 150%;
margin-bottom:50px;
}

.course-box h4{
font-weight: 800;
font-size: 24px;
line-height: 125%;
}

.course-box p{
font-size: 16px;
line-height: 150%;
}


/*-- box-process --*/

.box-process{
background-color: #5A2D8E;
padding:40px 0px;
color:#FFFFFF;
font-size: 16px;
line-height: 150%;
}

.process-list > div{
margin-bottom:40px;
}

.process-img{
text-align:center;
padding-top:40px;
}

.process-img img{
max-width:100%;
}

.process-img img.bage-p{
max-width:20%;
margin-right:0px;
position: absolute;
right:0;
margin-top:-40px;
}

/*-- proposal-box --*/

.proposal-box{
text-align:center;
color:#000000;
background-color:#FFFFFF;
border-radius:16px;
width:100%;
}

.proposal-box p{
margin:0 0 0 0;
padding:0 0 0 0;
}

.proposal-box .p-image{
margin-bottom:30px;
}

.proposal-box .p-name, .proposal-box .p-schedule{
margin-bottom:16px;
}

.proposal-box .btn-small{
padding-left:0px;
padding-right:0px;
width:100%;
margin-bottom:14px;
margin-top:50px;
}

.location-empty{
display:none;
}

/*-- nav --*/


.navbar{
background-color:#FFFFFF;
}

.navbar.tofix{
border-bottom:1px solid #eee;
}

.navbar.nottofix{
margin-bottom:90px;
}

.nav-link{
color:#000;
}

@media (min-width: 1024px) {
.navbar{
height:90px;
}
}

.nav-item.dropdown.show{
background-color:#FFFFFF;
color:#000;
border-left: 1px solid rgba(0, 0, 0, 0.15);
border-right: 1px solid rgba(0, 0, 0, 0.15);
border-top: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem 0.25rem 0 0;
}

.nav-item.dropdown.show a{
color:#000!important;
}

.dropdown-menu.show{
margin-top:-2px;
margin-left:-1px;
border-top:0px;
border-radius: 0 0.25rem 0.25rem 0.25rem;
}

/*-- news --*/

.box-tour{
display:block;
margin-bottom:48px;
}

.box-tour span{
display:block;
}

.box-tour-bg{
width:100%;
}

.box-tour-flag{
position:absolute;
top:10px;
right:20px;
}

.box-tour-new{
position:absolute;
top:10px;
left:25px;
}

.box-tour-date{
	font-size: 16px;	font-weight: 500;
	margin-top:20px;
}

.box-tour-big .box-tour-date{
line-height:48px;
font-size:24px;
margin-top:0px;
}

.box-tour-date-open{
	font-size: 16px;	font-weight: 500;
	margin-top:20px;
	color:#999999;
}

.future-tour .box-tour-date-open, .future-tour .box-tour-date{
	font-size: 32px;	font-weight: 900;	line-height: 48px;
}

.box-tour-name{
	font-size: 24px;	font-weight: bold;	line-height: 40px;
	margin-top:15px;
	margin-bottom:15px;
}

.box-tour-desc{
	font-size: 16px;	line-height: 26px;
}

.box-tour-big .box-tour-name{
	font-size: 32px;	font-weight: bold;	line-height: 48px;
	margin-top:24px;
	margin-bottom:24px;
}

.box-tour-pr{
	background-color: #FFCA00;
	padding:40px;
	margin-bottom:48px;
}

.box-tour-pr span{
	font-size: 80px;	font-weight: 900;	line-height: 76px;
	color:#FFFFFF;
	display:block;
}

.box-tour-pr b{
	font-size: 24px;	font-weight: bold;	line-height: 40px;
	display:block;
	margin-top:24px;
	margin-bottom:16px;	
}

.box-tour-pr p{
	font-size: 16px;	line-height: 28px;
	padding:0 0 0 0;
}

.step2, .step3, .step4{
display:none;
}

/*------ filter-tag -------------*/

.filter-tag a{
    border: 2px solid #5A2D8E;
	color:#5A2D8E;
    padding: 2px 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: block;
    float: left;
	border-radius:2px;
}

.filter-tag a.filter-tag-cur{
    border: 2px solid #5A2D8E;
	border-radius:2px;
	background-color:#5A2D8E;
	color:#fff;
    padding: 2px 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: block;
    float: left;
}