@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;}
a{text-decoration:none;color:#000;}

:root{
	--text-main: #171734;
	--text-secondary: #556;
	--text-light: #FFF;
	--color-pink: #FFAADD;
	--color-soft: #DDF;
	--color-banana: #FFF4D2;
	--color-columbia: #BFDCE5;
	--color-telegram: #229ED9;
	--color-instagram: #E1306C;
}
*::selection{background-color:var(--color-pink);color:var(--text-light);}

.icon-phone{background:#171734;width:1rem;height:1rem;-webkit-mask-image:url('img/phone.png');-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;}
.icon-telegram{background:#171734;width:1rem;height:1rem;-webkit-mask-image:url('img/telegram.png');-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;}
.icon-instagram{background:#171734;width:1rem;height:1rem;-webkit-mask-image:url('img/instagram.png');-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;}

body{background-color:#FFF;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden;}

header{display:flex;width:100%;height:5rem;background-color:#FFF;justify-content:space-between;padding:0 20rem;margin-bottom:1rem;position:relative;}
.header_itemContainer{display:flex;align-items:center;height:100%;}
.header_nav{display:flex;align-items:center;}
.header_nav-link{font-size:1rem;font-weight:400;color:var(--text-main);text-decoration:none;margin-left:2rem;}
.header_nav-link:hover{text-decoration:underline;}
.header_nav-open{width:3rem;height:3rem;position:relative;display:none;justify-content:center;align-items:center;}
.header_nav-open-BTN{display:flex;justify-content:center;align-items:center;width:100%;height:3px;background-color:#323232;position:relative;border-radius:2px;}
.header_nav-open-BTN::before,.header_nav-open-BTN::after{content:'';width:100%;height:3px;background-color:#323232;position:absolute;border-radius:2px;}
.header_nav-open-BTN::before{top:-8px;}.header_nav-open-BTN::after{bottom:-8px;}

.section-title{font-size:1.5rem;color:var(--text-main);font-weight:700;width:50%;text-align:center;margin-bottom:1rem;}

main, section{margin:1rem 0;display:flex;flex-direction:column;align-items:center;padding-left:10rem;padding-right:10rem;position:relative;width:100%;}

.text{font-size:1rem;color:var(--text-secondary);font-weight:400;margin-top:.25rem;margin-bottom:.25rem;}
.text.center{text-align:center;}
.text.w50{width:50%;}
.container{display:flex;margin:1rem 0;}
.container.h{flex-direction:row;}
.container.v{flex-direction:column;}
.button{margin:0 .5rem;transition:.1s;padding:0 2rem;height:3rem;color:var(--text-main);font-weight:700;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;background-color:#DDDDDD00;cursor:pointer;}
.button.empty{color:#556;}.button.empty:hover{text-decoration:underline;}
.button.pink:hover,.button.pink.active{background-color:var(--color-pink);color:#FFF;}
.button.soft:hover,.button.soft.active{background-color:var(--color-soft);color:#171734;}
.button.banana:hover,.button.banana.active{background-color:var(--color-banana);color:#171734;}
.button.columbia:hover,.button.columbia.active{background-color:var(--color-columbia);color:#171734;}
.image{min-width:100%;width:100%;min-height:100%;border-radius:1rem;position:absolute;}
.image.pink{background-color:var(--color-pink);}

.ss{flex-direction:row;}
.ss_infoContainer{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;}
.ss_imageContainer{display:flex;align-items:center;width:50%;justify-content:center;}
.ss_imageBox{display:flex;justify-content:center;align-items:center;position:relative;width:50%;height:50%;aspect-ratio: 3 / 4;overflow:hidden;border-radius:1rem;}
.ss_progressbars{display:flex;gap:0 .5rem;padding:1rem;position:absolute;width:100%;top:0;opacity:.8;z-index:1;}
.ss_progressbar{height:.5rem;width:100%;background-color:var(--text-main);position:relative;}
.ss_progressbar::before{content:'';position:absolute;left:0;top:0;height:100%;width:0%;background-color:#FAD;}
.ss_progressbar.active::before{width:100%;}
.ss_progressbar.current::before{animation-name:ss-progressbar;animation-duration:8s;width:100%;animation-timing-function:linear;}

@keyframes ss-progressbar{
	0%{width:0%;}
	100%{width:100%;}
}

.about_cards{display:flex;flex-direction:column;width:100%;align-items:center;}
.about_card{display:flex;justify-content:space-between;width:100%;}
.about_card:nth-child(0n+2) .about_card-itemContainer:last-child{order:-1;}
.about_card-itemContainer{width:50%;position:relative;display:flex;justify-content:center;align-items:center;}
.about_card-itemContainer:last-child{padding:2rem 4rem;}
.about_card-infoContainer{display:flex;flex-direction:column;align-items:flex-start;width:50%;}
.about_card-title{font-size:1.5rem;color:var(--text-main);font-weight:900;}
.about_card-text{font-size:1rem;color:var(--text-secondary);font-weight:400;margin-top:1rem;word-break:break-word;}
.about_card-imageContainer{position:relative;width:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;padding:2rem 4rem;aspect-ratio: 2 / 1;overflow:hidden;}
.about_card-image{width:100%;min-width:100%;min-height:100%;background-color:#AAA;border-radius:1rem;position:absolute;}
.about_cards-title{display:none;font-size:1.5rem;font-weight:700;color:var(--text-main);width:100%;text-align:center;background-color:#DDD;padding:2rem 0;margin:2rem 0;border-radius:.5rem;}
.about_cards-title.active{display:initial;}

.cs_menu{display:flex;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:1rem;}
.cs_menu-BTN{display:flex;align-items:center;padding:0 2rem;cursor:pointer;height:3rem;border-radius:1.5rem;color:var(--text-secondary);font-weight:700;font-size:1rem;}
.cs_menu-BTN.active:hover{opacity:.8;}
.cs_menu-BTN.active{background-color:#DDD;}
.cs_menu-BTN.pink.active{background-color:var(--color-pink);color:var(--text-light);}
.cs_menu-BTN.soft.active{background-color:var(--color-soft);color:var(--text-main);}
.cs_menu-BTN.banana.active{background-color:var(--color-banana);color:var(--text-main);}
.cs_menu-BTN.columbia.active{background-color:var(--color-columbia);color:var(--text-main);}
.cs_select{position:absolute;visibility:hidden;display:flex;max-width:100%;width:100%;height:3rem;border-radius:.5rem;border:0;background-color:var(--color-pink);color:var(--text-light);font-weight:700;padding:0 1rem;font-size:1rem;}
.cs_select option{background-color:var(--text-secondary);}
.cs_select option:selected,.cs_select option:hover{background-color:var(--text-main);}
.cs_info{display:flex;width:100%;justify-content:flex-start;align-items:center;position:relative;margin-top:2rem;}
.cs_infoContainer{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;}
.cs_info-title{font-size:1rem;color:var(--text-main);font-weight:700;}
.cs_info-text{font-size:1rem;color:var(--text-secondary);font-weight:400;}
.cs_info-age{display:flex;height:100%;}
.cs_info-age-BTN{display:flex;align-items:center;height:100%;margin-left:2rem;border-radius:1.5rem;padding:0 2rem;cursor:pointer;color:var(--text-secondary);font-weight:500;font-size:1rem;}
.cs_info-age-BTN.active{background-color:#DDD;}
.cs_info-age-BTN.active:hover{opacity:.8;}
.cs_info-age-BTN.soft.active{background-color:var(--color-soft);color:var(--text-main);}
.cs_info-age-BTN.banana.active{background-color:var(--color-banana);color:var(--text-main);}
.cs_cards{display:flex;width:100%;flex-wrap:wrap;gap:4rem;}
.cs_card{display:flex;width:50%;position:relative;margin:2rem 0;gap:0 4rem;}
.cs_card-itemContainer{display:flex;flex-direction:column;align-items:flex-start;width:50%;}
.cs_card-image{width:100%;background-color:#DDD;height:100%;border-radius:2rem;}
.cs_card-title{font-size:1.5rem;font-weight:500;color:var(--text-main);}
.cs_card-textContainer{margin:.5rem 0;}
.cs_card-text,.cs_card-text2{font-size:1rem;font-weight:400;color:var(--text-secondary);}
.cs_card-text2{color:var(--text-main);}
.cs_card-BTN{height:3rem;padding:0 2rem;display:flex;align-items:center;background-color:#DDD;border-radius:1.5rem;margin:.5rem 0;font-weight:700;font-size:1rem;cursor:pointer;}
.cs_card-BTN:hover{opacity:.8;}
.cs_card:nth-child(0n+1) .cs_card-image,.cs_card:nth-child(0n+1) .cs_card-BTN{background-color:var(--color-pink);color:var(--text-light);}
.cs_card:nth-child(0n+3) .cs_card-image,.cs_card:nth-child(0n+3) .cs_card-BTN{background-color:var(--color-soft);color:var(--text-main);}
.cs_card:nth-child(0n+2) .cs_card-image,.cs_card:nth-child(0n+2) .cs_card-BTN{background-color:var(--color-banana);color:var(--text-main);}
.cs_card:nth-child(0n+4) .cs_card-image,.cs_card:nth-child(0n+4) .cs_card-BTN{background-color:var(--color-columbia);color:var(--text-main);}
.cs_cards-title,.cs_cards-title2{display:none;font-size:1.5rem;font-weight:700;color:var(--text-main);width:100%;text-align:center;background-color:#DDD;padding:2rem 0;margin:2rem 0;border-radius:.5rem;}
.cs_cards-title.active,.cs_cards-title2.active{display:initial;}

.cs_container{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#00000080;justify-content:center;align-items:center;padding:10rem;z-index:101;}
.cs_container.active{display:flex;}
.cs_containerBox{overflow-y:auto;display:flex;width:50%;height:100%;background-color:#FFF;border-radius:1rem;padding:1rem;flex-wrap:wrap;gap:0rem 2rem;padding-top:3.5rem;position:relative;}
.cs_container-control{display:flex;justify-content:flex-end;width:100%;align-items:flex-start;height:1.5rem;position:absolute;left:0;top:0;padding:1rem;}
.cs_container-control-box{display:flex;gap:0 .5rem;cursor:pointer;align-items:center;}
.cs_container-control-box:hover p{color:var(--text-main);}
.cs_container-control-box img{width:1.5rem;height:1.5rem;}
.cs_container-control-box p{font-size:1rem;font-weight:700;color:var(--text-secondary);display:flex;}
.cs_container-itemContainer{display:flex;width:100%;flex-direction:column;gap:1rem 0;}
.cs_container-imageContainer{width:100%;}
.cs_container-image{width:100%;border-radius:1rem;}
.cs_container-contentBox{width:100%;flex-wrap:wrap;gap:1rem 2rem;display:flex;}
.cs_container-box-title{width:100%;text-align:left;font-size:1rem;font-weight:500;color:var(--text-main);}
.cs_container-box-text{width:100%;text-align:left;font-size:1rem;font-weight:400;color:var(--text-secondary);word-break:break-word;}
.cs_container-box{width:100%;background-color:transparent;padding:0 1rem;display:flex;align-items:center;gap:0 .5rem;}
.cs_container-box img{width:1rem;height:1rem;}
.cs_container-box.s{width:calc(50% - 1rem);}
.cs_container-box.soft{background-color:var(--color-soft);border-radius:.5rem;padding:1rem;}.cs_container-box.soft p{color:var(--text-main);font-weight:500;}
.cs_container-box.phone{opacity:.8;background-color:var(--color-columbia);border-radius:.5rem;padding:1rem;}.cs_container-box.phone p{color:var(--text-main);font-weight:700;}.cs_container-box.phone div{background:var(--text-main);}
.cs_container-box.telegram{opacity:.8;background-color:var(--color-telegram);border-radius:.5rem;padding:1rem;}.cs_container-box.telegram p{color:var(--text-light);font-weight:700;}.cs_container-box.telegram div{background:var(--text-light);}
.cs_container-box.instagram{opacity:.8;background-color:var(--color-instagram);border-radius:.5rem;padding:1rem;}.cs_container-box.instagram p{color:var(--text-light);font-weight:700;}.cs_container-box.instagram div{background:var(--text-light);}
.cs_container-box:hover{opacity:1;}

.faq_card{display:flex;width:50%;flex-direction:column;margin-bottom:1rem;}
.faq_card-title{font-size:1rem;font-weight:700;color:var(--text-main);background-color:var(--color-soft);height:3rem;width:100%;border-radius:.75rem;display:flex;align-items:center;padding:0 2rem;cursor:pointer;}
.faq_card-title:hover{opacity:.8;}
.faq_card-text{margin-top:1rem;color:var(--text-secondary);padding:0 2rem;font-size:1rem;font-weight:400;display:none;}
.faq_card.active .faq_card-title{background-color:var(--color-pink);color:var(--text-light);}
.faq_card.active .faq_card-text{display:initial;}

.af_content{display:flex;justify-content:space-between;position:relative;width:100%;height:100%;align-items:center;}
.af_button{transition:.1s;display:flex;visibility:hidden;justify-content:center;align-items:center;height:8rem;min-width:2rem;max-width:2rem;background-color:#DDD;position:relative;cursor:pointer;border-radius:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-main);}
.af_button.show{visibility:visible;}
.af_button.pink{background-color:var(--color-pink);color:var(--text-light);}
.af_button.soft{background-color:var(--color-soft);color:var(--text-main);}
.af_button:hover{opacity:.8;}
.af_cards{display:flex;justify-content:flex-start;width:calc(100% - 8rem);position:relative;overflow-x:hidden;gap:0 4rem;}
.af_card{min-width:calc(50% - 2rem);cursor:pointer;display:none;flex-direction:column;align-items:center;}
.af_card.active{display:flex;}
.af_card:hover .af_card-title{text-decoration:underline;}
.af_card-imageContainer{width:100%;aspect-ratio:2/1;display:flex;position:relative;justify-content:center;align-items:center;overflow:hidden;border-radius:1rem;}
.af_card-image{min-width:100%;width:100%;min-height:100%;position:absolute;border-radius:1rem;}
.af_card-title{font-size:1rem;font-weight:400;color:var(--text-main);margin-top:1rem;}

.af_container{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#00000080;justify-content:center;align-items:center;padding:10rem;z-index:101;}
.af_container.active{display:flex;}
.af_containerBox{overflow-y:auto;display:flex;width:100%;height:100%;background-color:#FFF;border-radius:1rem;padding:1rem;flex-wrap:wrap;gap:0rem 2rem;padding-top:3.5rem;position:relative;}
.af_container-control{display:flex;justify-content:flex-end;width:100%;align-items:flex-start;height:1.5rem;position:absolute;left:0;top:0;padding:1rem;}
.af_container-control-box{display:flex;gap:0 .5rem;cursor:pointer;align-items:center;}
.af_container-control-box:hover p{color:var(--text-main);}
.af_container-control-box img{width:1.5rem;height:1.5rem;}
.af_container-control-box p{font-size:1rem;font-weight:700;color:var(--text-secondary);display:flex;}
.af_container-itemContainer{display:flex;width:calc(50% - 1rem);flex-direction:column;gap:1rem 0;}
.af_container-imageContainer{width:100%;}
.af_container-image{width:100%;border-radius:1rem;}
.af_container-contentBox{width:100%;flex-wrap:wrap;gap:1rem 2rem;display:flex;}
.af_container-box-title{width:100%;text-align:left;font-size:1rem;font-weight:500;color:var(--text-main);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.af_container-box-text{width:100%;text-align:left;font-size:1rem;font-weight:400;color:var(--text-secondary);word-break:break-word;}
.af_container-box{width:100%;background-color:transparent;padding:0 1rem;display:flex;align-items:center;gap:0 .5rem;}
.af_container-box img{width:1rem;height:1rem;}
.af_container-box.s{width:calc(50% - 1rem);}
.af_container-box.soft{background-color:var(--color-soft);border-radius:.5rem;padding:1rem;}.af_container-box.soft p{color:var(--text-main);font-weight:500;}
.af_container-box.phone{opacity:.8;background-color:var(--color-columbia);border-radius:.5rem;padding:1rem;}.af_container-box.phone p{color:var(--text-main);font-weight:700;}.af_container-box.phone div{background:var(--text-main);}
.af_container-box.telegram{opacity:.8;background-color:var(--color-telegram);border-radius:.5rem;padding:1rem;}.af_container-box.telegram p{color:var(--text-light);font-weight:700;}.af_container-box.telegram div{background:var(--text-light);}
.af_container-box.instagram{opacity:.8;background-color:var(--color-instagram);border-radius:.5rem;padding:1rem;}.af_container-box.instagram p{color:var(--text-light);font-weight:700;}.af_container-box.instagram div{background:var(--text-light);}
.af_container-box:hover{opacity:1;}

.ct_container{display:flex;width:100%;justify-content:space-between;}
.ct_itemContainer{width:calc(50% - 1rem);display:flex;flex-direction:column;}
.ct_title{font-size:1.5rem;color:var(--text-main);font-weight:700;}
.ct_cards{width:100%;flex-wrap:wrap;justify-content:space-between;display:flex;}
.ct_card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:calc(50% - 1rem);margin-top:1rem;min-width:20rem;}
.ct_card-BTN{display:flex;align-items:center;padding:0 2rem;width:100%;background-color:#DDD;border-radius:1.5rem;font-weight:500;font-size:1rem;height:3rem;}
.ct_card-BTN div{margin-right:.6rem;}
.ct_card-BTN:hover{opacity:.8;}
.ct_card-infoContainer{display:flex;flex-direction:column;align-items:flex-start;padding:0 2rem;margin-top:1rem;}
.ct_card-title{font-size:1rem;color:var(--text-main);font-weight:700;}
.ct_card-role{font-size:1rem;color:var(--text-secondary);font-weight:400;}
.ct_card-text{font-size:1rem;color:var(--text-main);font-weight:500;}
.ct_card-BTN.phone{background-color:var(--color-soft);color:var(--text-main);}.ct_card-BTN.phone div{background:var(--text-main);}
.ct_card-BTN.soft{background-color:var(--color-soft);color:var(--text-main);}.ct_card-BTN.soft div{background:var(--text-main);}
.ct_card-BTN.telegram{background-color:var(--color-telegram);color:var(--text-light);opacity:.8;}.ct_card-BTN.telegram div{background:var(--text-light);}.ct_card-BTN.telegram:hover{opacity:1;}
.ct_card-BTN.instagram{background-color:var(--color-instagram);color:var(--text-light);opacity:.8;}.ct_card-BTN.instagram div{background:var(--text-light);}.ct_card-BTN.instagram:hover{opacity:1;}
.ct_map{width:100%;height:100%;border-radius:2rem;border:0;min-height:24rem;}
.ct_cards-title{display:none;font-size:1.5rem;font-weight:700;color:var(--text-main);width:100%;text-align:center;background-color:#DDD;padding:2rem 0;margin:2rem 0;border-radius:.5rem;}
.ct_cards-title.active{display:initial;}

footer{height:5rem;background-color:var(--color-soft);width:100%;margin-top:4rem;display:flex;align-items:center;padding:0 10rem;justify-content:space-between;}
.footer_text{font-size:1rem;color:var(--text-secondary);font-weight:400;}
.footer_link{font-size:1rem;color:var(--text-main);font-weight:500;}
.footer_link:hover{text-decoration:underline;}

@media(max-width:1540px){
	header{height:6rem;}
	html{font-size:14px;}
}
@media(max-width:1380px){
	main, section{padding-left:6rem;padding-right:6rem;}
}
@media(max-width:1260px){
	header{height:7rem;}
	html{font-size:12px;}
	.cs_containerBox{width:100%;}
}
@media(max-width:1080px){
	main, section{padding-left:2rem;padding-right:2rem;}
	header{padding:0 10rem;}
	.af_container-box.s,.cs_container-box.s{width:100%;}
}
@media(max-width:936px){
	.header_nav-open{display:flex;}
	.header_nav{display:none;border-top-left-radius:1rem;border-bottom-left-radius:1rem;position:absolute;right:0;top:100%;background-color:#556;width:50%;flex-direction:column;align-items:center;gap:2rem 0;z-index:100;padding:1rem 0;}
	.header_nav.active{display:flex;}
	.header_nav-link{font-size:1.2rem;font-weight:500;color:#FFF;}
	.ss{flex-direction:column;gap:2rem 0;}
	.ss_imageBox{width:75%;}
	.ss_imageContainer{order:-1;}
	.about_card-imageContainer{padding:2rem 4rem;}
	.about_card-itemContainer:last-child{order:-1;margin-bottom:2rem;}
	.about_card{flex-direction:column;align-items:center;margin-bottom:4rem;}
	.about_card .about_card-itemContainer{width:75%;}
	.image{width:75%;}
	.text{width:75%;font-size:1.2rem;}
	.button{font-size:1.2rem;height:3.6rem;border-radius:1.8rem;padding:0 2.4rem;}
	.about_card-infoContainer{width:75%;}
	.about_card-title{font-size:1.8rem;}
	.about_card-text{font-size:1.2rem;}
	.cs_infoContainer{margin-right:2rem;}
	.cs_info-name{font-size:1.2rem;}
	.cs_info-text{font-size:1.2rem;}
	.faq_card{width:75%;}
	.ct_container{flex-direction:column;align-items:center;}
	.ct_cards{justify-content:space-evenly;}
	.ct_itemContainer{margin-bottom:1rem;width:75%;}
	.ct_map{height:30rem;}
	.af_content{width:75%;}
	.af_card{min-width:100%;margin-right:0;}
	.af_card-imageContainer{width:100%;}
	.af_card-title{font-size:1.2rem;}
	.af_container-itemContainer,.cs_container-itemContainer{width:100%;}
	.af_container,.cs_container{padding:5rem 10rem;}
}
@media(max-width:728px){
	.cs_menu{visibility:hidden;position:absolute;}
	.cs_select{visibility:visible;position:relative;}
	.text{width:100%;}
	.ss_imageContainer,.ss_infoContainer{width:75%;}
	main, section{padding-left:2rem;padding-right:2rem;}
	.about_card-infoContainer{width:100%;}
	.about_card-imageContainer{padding:0rem;}
	.about_card .about_card-itemContainer{width:100%;}
	.ct_card{width:100%;}
	.ct_card-BTN{font-size:1.2rem;}
	.ct_card-BTN div{height:1.2rem;width:1.2rem;}
	.cs_card{width:100%;}
	.af_content{width:100%;}
	footer{flex-direction:column;padding:1rem 0;gap:1rem 0;}
	.af_container,.cs_container{padding:2rem 4rem;}
}
@media(max-width:556px){
	.ss_imageContainer,.ss_infoContainer{width:100%;}
	.about_card-imageContainer,.about_card-itemContainer:last-child{padding:0;}
	.about_card-image{width:100%;}
	.af_container,.cs_container{padding:0;}
	.ct_itemContainer{width:100%;}
}


.nav{display:flex;width:100%;}