/*
@font-face {
  font-family: 'Jost Regular';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/jost-v9-latin_cyrillic-300.eot');
  src: local(''),
	   url('../fonts/jost-v9-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/jost-v9-latin_cyrillic-300.woff2') format('woff2'),
	   url('../fonts/jost-v9-latin_cyrillic-300.woff') format('woff'),
	   url('../fonts/jost-v9-latin_cyrillic-300.ttf') format('truetype'),
	   url('../fonts/jost-v9-latin_cyrillic-300.svg#Jost') format('svg');
}
*/

@font-face {
  font-family: 'montserratblack';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/montserratbold.woff') format('woff'),
       url('../fonts/montserratbold.woff2') format('woff2'),
       url('../fonts/montserratbold.ttf') format('truetype');
}

@font-face {
  font-family: 'helveticaneue';
  font-style: normal;
  font-weight: 300;
  src: local(''),
	   url('../fonts/HelveticaNeueLight.woff') format('woff'),
	   url('../fonts/HelveticaNeueLight.woff2') format('woff2'),
	   url('../fonts/HelveticaNeueLight.ttf') format('truetype');
}


/*
	
	GENERAL
	
*/
html,body {font-family: 'helveticaneue', Arial, serif !important;font-size: 14px;line-height: 32px;background: #eff0ef;letter-spacing: normal !important;}

b, strong {font-family: 'montserratblack'; font-weight: normal;}


.page {margin: 0 auto;max-width: 390px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: white;}
.page-wide {background: #fff; padding-top: 60px;margin-top: 60px;}
.page-wide .page .content:first-child {margin-top: 0;}

a.button {font-size: 20px;color: #000000 !important; background-color: white;line-height: 50px;text-align: center;border: 2px solid #000000;border-radius: 5px; text-decoration: none !important; background-position: 10px center;display: block; height: 50px;background-repeat: no-repeat; position: relative;margin-bottom: 15px;}
a.button:hover {background-color: #eff0ef;}
	a.button img {position: absolute;top: -31px;right: -10px; width: 60px !important;}

a.telegram {background-image: url("../img/telegram-24.png");}
a.insta {background-image: url("../img/insta-24.png");}
a.tiktok {background-image: url("../img/tiktok-24.png");}
a.youtube {background-image: url("../img/youtube-24.png");}

p.center {text-align: center;}
p.large {font-size: 20px !important;line-height: 23px !important;}

div#bookmark {text-align: center;padding-top: 10px;text-transform: uppercase;}
div#bookmark a {font-size: 14px; color: black;}
div#bookmark a:href {}


/*
	
	INTRO
	
*/

#intro {background: black; padding: 40px; background: no-repeat top center url("../img/HomeBg.png"); background-size: cover; height: 640px; position: relative;}
#intro h1 {color: white;font-family: 'montserratblack', 'Arial Bold'; display: none; font-weight: normal;}
#intro p {font-size: 14px;padding: 0;line-height: 25px;color: white;position: absolute;bottom: 80px;margin: 0;left: 40px;width: 250px;}
#intro ul {position: absolute; bottom: 0px; right: 40px;}
#intro ul li { list-style: none; display: inline-block; padding:0 0 0 20px;}
#intro ul li:before {content: none !important;}
#intro ul li a {color: white; text-decoration: underline;}
#intro ul li a:hover {text-decoration: none;}

/*
		
		FOOTER
		
*/
footer {text-align: center;padding: 60px 0 20px 0;max-width: 390px; background: white;}
footer p {line-height: 26px;margin: 0;}
footer img {width: 100%;}
footer ul {margin: 0 0 10px 0; padding: 0;}
	footer ul li { list-style: none;display: inline-block; font-size: 14px; padding: 0 20px;}
		footer ul li a {color: #000; text-decoration: underline;}
		footer ul li a:hover {text-decoration: none;}
footer p.payment {padding: 20px;margin: 0;}

/*
	
	HOME PAGE / ABOUT
	
*/


section.links {font-size: 20px;line-height: 23px; background: white;}
	section.links ul {margin: 0; padding: 0;border-top: 1px solid #000;}
		section.links ul li {list-style: none; display: block; border-bottom: 1px solid #000;}
		section.links ul li:before {display: none !important;}
			section.links ul li h2 {font-size: 52px; font-family: 'montserratblack', 'Arial Bold'; text-align: center; text-transform: uppercase; margin: 0; padding: 0; line-height: 90px; cursor: pointer; font-weight: normal;}
			section.links ul li p {width: 90%;}
			section.links ul li p.note {font-style: italic; font-weight: bold;}
			section.links ul li img {width: 100%;}
			
			section.links ul li div {padding: 0 20px 20px 20px;}
			section.links ul li.collapse div {display: none;}
	
		section.links ul li#bovzhe {background: #DFE6EC;}
			section.links ul li#bovzhe a.button {background-color: transparent !important;}
			section.links ul li#bovzhe h2 {text-align: right;}
				section.links ul li#bovzhe h2 span { display: none;}
			section.links ul li#bovzhe img {width: 96%;}
			section.links ul li#bovzhe div#banner {background: white; padding: 10px; display: block;border-radius: 5px;}
				section.links ul li#bovzhe div#banner img {width: 100%;border-radius: 5px;}
				section.links ul li#bovzhe div#banner a {margin: 0;}
	
/*
		
		SIMPLE PAGES
		
	*/

section.content {padding: 20px 35px;}
	section.content h1#title {font-family: 'montserratblack', 'Arial Bold'; text-align: center;font-size: 46px;letter-spacing: 1.38px;line-height: 48px;text-transform: uppercase;margin: 20px 0px;}
	section.content h1#title + p.note {text-align: center;}
	section.content h2 {font-size: 25px;letter-spacing: 0;text-transform: uppercase;}
	section.content p,
	section.content ul li {font-size: 14px;letter-spacing: 0;line-height: 16px;}
	section.content a {text-decoration: underline;}
	section.content a:hover {text-decoration: none;}
	section.content ul {margin-left: 0;padding-left: 0;}		
		section.content ul li {margin-bottom: 15px;list-style: none; padding-left: 20px;}
		section.content ul li:before{content:"\☛";margin-left: -20px;padding-right: 10px;}




/*

CHAT LANDING

*/
div.bovzhechat {background: #DFE6EC;color: black;}
div.bovzhechat section.content h1,
div.bovzhechat section.content h2,
div.bovzhechat section.content p,
div.bovzhechat section.content li,
div.bovzhechat section.content a,
div.bovzhechat div#bookmark a {color: black;}

div.bovzhechat section.content h1 span {display: none;}
div.bovzhechat section.content p.botlink {text-align: right;}





/*

CHAT FAQ

*/
section.faq {margin-top: -30px; padding-top: 0;}
section.faq ul {margin-left: 0;padding-left: 0;}
section.faq ul li {list-style: none;padding: 0; display: block; margin: 0;}
section.faq ul li:before {content: none;}
section.faq ul .title {text-transform: none; cursor: pointer;}
section.faq ul .text {display: none;}
section.faq a.button {margin-top: 40px;}


.imessage {  border: 1px solid #e5e5ea;border-radius: 0.25rem;display: flex;flex-direction: column;max-width: 320px;padding: 0.5rem 1.5rem; text-decoration: none !important;}
.imessage p {border-radius: 1.15rem;max-width: 75%;padding: 1rem 1rem;position: relative;word-wrap: break-word;margin: 0;font-size: 15px !important;line-height: 18px !important;}
.imessage p::before,
.imessage p::after {bottom: -0.1rem;content: "";height: 1rem;position: absolute;}
p.from-me {align-self: flex-end;background-color: black;color: white !important;}
p.from-me::before {border-bottom-left-radius: 0.8rem 0.7rem;border-right: 1rem solid black;right: -0.35rem;transform: translate(0, -0.1rem);}
p.from-me::after {border-bottom-left-radius: 0.5rem;right: -40px;transform:translate(-30px, -2px);width: 10px;background-color:#DFE6EC;}
p[class^="from-"] { margin: 0.5rem 0; width: fit-content;}

p.from-them {align-items: flex-start;background-color: white;color: #000;}
p.from-them:before {border-bottom-right-radius: 0.8rem 0.7rem;border-left: 1rem solid white;left: -0.35rem;transform: translate(0, -0.1rem);}
p.from-them::after {background-color: #DFE6EC;border-bottom-right-radius: 0.5rem;left: 20px;transform: translate(-30px, -2px);width: 10px;}