body.overflow-y-hidden{
	/*overflow-y: hidden;*/
	height: 100vh;
}

.page-100vh{
	padding-top: 0 !important;
	height: 100vh !important;
}

.mobile-nav{
	display: none;
}

.footer-none{
	display: none !important;
}
.mobile-nav__wrapper{
	width: 225px;
}
button#sticks{
	display: none;
}
button#sticks {
	position: absolute;
	display: none;
	padding: 0;
	width: 40px;
	height: 40px;
	background: none;
	border: none;
	left: 15px;
	top: -3px;
}
button#sticks span {
	display: block;
	position: relative;
	width: 35px;
	height: 4px;
	background: #4ac7e9;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: .5s;
	transition: .5s;
}
button#sticks span:nth-of-type(2) {
	margin: 6px auto;
}

button#sticks.close span:nth-of-type(1) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

button#sticks.close span:nth-of-type(2) {
	display: none;
}

button#sticks.close span:nth-of-type(3) {
	margin-top: -4px;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#mask {
	opacity: 0;
	z-index: 50;
    background-color:rgba(0,0,0,.7);
    height:0;
    position:absolute;
    left: 231px;
    width:0;
    top:50px;
    /*transition: .3s*/
}
#mask.opacity1{
	opacity: 1;
	height: calc(100vh - 50px);
	width: 100%;
	width: calc(100% - 230px);
}
#mask.sliderToggle{
	/*transform: translate3d(230px,0,0);*/
	left: 230px;
}
.footer .hidden{
	display: block;
}
.footer .show{
	display: none;
}

@media screen and (max-width: 1000px) {
	.slider-tb {
		display: none;
	}
	.index-slider-image {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	body{
		overflow-x: hidden;
		touch-action: pan-y;
	}
	button#sticks{
		display: block;
	}
	.mobile-nav{
		z-index: 100;
		position: fixed;
		display: none;
		/*transform: translate3d(-230px,0,0);*/
		/*transition: transform 300ms ease;*/
		/*display: none;*/
		background: #F2F5F7;
		width: 229px;
		/*height: 100%;*/
		border-right: 1px solid #E6E9EB;
		overflow-y: auto;
		height: 100vh;
		left: 0;
		top: 0;
	}
	.mobile-nav.sliderToggle{
		display: block;
		/*transform: translate3d(0,0,0);*/
	}
	.mobile-nav .nav{
		float: none;
		/*padding-top: 10px;*/
	}
	.mobile-nav .nav li{
		float: none;
	}
	.mobile-nav .nav a, .nav-topline a, .nav .active a{
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 8px 10px;
		color: #1e2939;
		font-weight: normal;
		line-height: 20px;
		font-size: 15px;
		background: transparent;
		border-bottom: 1px solid #E6E9EB;
		height: auto;
		text-transform: lowercase;
	}
	.mobile-nav .nav li:first-of-type a, .nav-topline li:first-of-type a{
		border-top: 1px solid #E6E9EB;
	}
	.mobile-nav .nav a:first-letter, .nav-topline a:first-letter, .nav .active a:first-letter, .nav-topline li:nth-of-type(2) a{
		text-transform: uppercase;
	}
	.mobile-nav .topline-lang{
		float: none;
		text-align: center;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.mobile-nav .topline-lang li{
		display: inline-block;
		margin: 5px;
	}
	.mobile-nav .nav-topline{
		margin-top: 0;
		border-top: 2px solid #4ac7e9
	}
	.page{
		overflow-x: hidden;
		/*transition: transform 300ms ease;*/

	}
	.page.sliderToggle{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%
		/*transform: translate3d(230px,0,0);*/
	}

	.page{
		z-index: 20;
		width: 100%;
		min-width: 100%;
		padding-top: 25px;
	}
	.default, .footer{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	.topline, .header .nav, .header-notlogged{
		display: none
	}
	.header{
		height: 50px;
		z-index: 1000;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		border-bottom: 1px solid #E6E9EB;
	}
	.header.sliderToggle{
		left: 230px;
	}
	.header-logo{
		float: none;
		margin-left: auto !important;
		margin-right: 15px !important;
		margin: 9px 0
	}
	.index-slider, .bx-viewport{
		height: auto !important;
		margin-bottom: -15px
	}
	.index-slider dl{
		top: 0;
		margin-top: 35px;
	}
	.index-slider-image img{
		display: block;
		width: 90%;
		margin: 0 auto
	}
	.index-slider dl{
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.index-slider .bx-pager{
		position: relative;
		left: 0;
		/*text-align: center;*/
	}
	.index-slider li{
		padding: 0;
		margin: 0;
	}
	.index-slider .bx-pager-item{
		display: inline-block;
		float: none;
		margin-right: 6px;
		margin-left: 6px;
	}
	.index-sign form{
		height: auto;
		padding-top: 35px;
		padding-bottom: 35px;
		margin-left: 0;
		border-radius: 0
	}
	.index-sign form .button{
		width: auto !important;
		max-width: none !important;
	}
	.index-benefits ul, .index-benefits li + li + li{
		border-radius: 0
	}
	.index-sign b{
		display: block;
		line-height: 28px;
		margin-bottom: 10px;

	}
	.index-benefits li{
		width: 100% !important;
		height: auto;
		float: none;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.index-sign .button, .index-sign .input{
		margin-top: 0;
	}
	.index-benefits ul{
		margin-left: 0;
	}
	.index-sign, .index-benefits{
		/*margin-left: 15px;*/
		/*margin-right: 15px;*/
	}
	.index-plans-title, .w-plans{
		margin-left: 15px;
		margin-right: 15px;
		text-align: center;
	}
	.w-plans-item, .w-plans-item:first-child{
		display: inline-block;
		float: none;
		margin-left: 0;
		margin: 20px
	}
	.materials .grid-3 .column{
		width: 100%;
		padding-left: 0 !important;
		margin-bottom: 15px
	}
	.materials .grid-3 .column br{
		display: none;
	}
	.content{
		margin-right: 0;
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.content-title{
		text-align: center;
	}
	.content h1{
		width: 100% !important;
		text-align: center;
	}
	.content-title img{
		position: relative;
		margin: 0 auto 20px;
		max-width: 100%;
		height: auto;
	}
	.content-title img[src="/images/titles/corporate-customer-min.png"]{
		right: 75px;
	}
	.content-title-main .news{
		margin-bottom: 5px
	}
	.content-title-main{
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 0;
	}
	.grid-2 .knowledge {
		display: none;
		position: relative;
		width: 100%;
		text-align: left;
		height: auto;
		margin-bottom: 15px
	}
	.grid-2 {
		flex-direction: column;
	}
	.grid-2 .column {
		flex: 1 0 100%;
	}
	.grid-2 .column + .column{
		padding-left: 0;
	}
	.tags{
		text-align: center;
	}
	.tags br{
		display: none;
	}
	.how-item{

	}
	.item-page + .content-title-tipped + .text, .item-page + .content-title-tipped + .text + .content-title-tipped{
		display: none;
	}
	.how-item img{
		max-width: 100%;
		height: auto;
		display: block;
		float: none !important;
		margin: 0 auto 7px;
	}
	.solutions .grid-2{
		padding-bottom: 0;
	}
	.how-item:nth-child(2n-1) .text, .how-item:nth-child(2n) .text{
		margin-left: 0;
		margin-right: 0;
	}
	.w-tokens table{
		margin-left: 0;
		width: 100%
	}
	.w-tokens .photo{
		text-align: center;
		width: 30%;
	}
	.w-tokens th.description{
		text-align: center;
	}
	.w-tokens .description{
		display: table-cell;
		width: 70%;
		padding-right: 0;
	}
	.w-tokens .photo img{
		margin-left: 0;
	}
	.w-tokens td, .w-tokens th{
		display: none;
		box-sizing: border-box;
	}
	a[name="tokens"]{
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 200px
	}
	.w-tokens .photo{
		display: table-cell;
	}
	.content-title-tipped p br{
		display: none;
	}
	/*.content-title-tipped{
		display: none;
	}
	.content-title-tipped + .text{
		display: none;
	}*/
	.prices{
		display: none;
	}
	.w-tokens-try{
		margin: 0;
		padding: 0;
		text-align: center !important;
	}
	.w-tokens-try .w-try{

	}
	.advantages-leftcol{
		display: block;
		margin-bottom: 50px;
		width: 100%;
		padding-right: 0;
	}
	.advantages-leftcol .w-try{
		margin: 0 auto;
		width: 100%
	}
	.advantages-rightcol,.features-leftcol{
		width: 100%;
		padding-right: 0;
	}
	.features-rightcol{
		display: none;
	}
	.grid-2 .column h2{
		padding-bottom: 5px;
	}
	.grid-2 .column br{
		display: none;
	}
	.w-files{
		margin-bottom: 25px
	}
	.faq-leftcol, .faq-rightcol{
		width: 100%;
		display: block;
	}
	.faq-rightcol{
		padding-top: 30px;
	}
	.nav-left-faq{
		min-height: 0;
	}
	.contacts-rightcol{
		margin-top: 35px
	}
	.contacts-leftcol{
		width: 100%
	}
	.contacts-maillist dt{
		width: 50%
	}
	.token{
		margin-top: 0;
	}
	.token-about{
		height: auto;
		margin-bottom: 30px;
		/*background-image: none !important;*/
		background-color: white;
		/*padding-top: 35%;*/
		background-position: center 0;
		-webkit-background-size: 100%;
		background-size: 100%;
		margin-top: -20px
	}
	.token-about dt{
		padding-top: 16%;
		padding-bottom: 20%;
	}
	.token-about dl{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	.token-about-sub{
		margin-left: 0;
	}
	.grid-2u .column.wide{
		width: 100%
	}
	.grid-2u .column + .column{
		padding-left: 0;
		text-align: center;
		width: 100%;
		margin-top: 20px
	}
	.btn-group li{
		display: inline-block;
	}
	.btn-group li a{
		margin-right: 0;
	}
	.btn-group{
		margin-left: 0;
		text-align: center;
	}
	/*.token-about-sub*/
	.grid-3 .column{
		width: 100%
	}
	.grid-3 .column + .column{
		padding-left: 0;
	}
	.text img{
		margin-left: auto;
		margin-right: auto;
	}
	.footer{
		z-index: 50;
		height: auto;
		padding-bottom: 15px;
	}
	.footer .nav{
		display: none;
	}
	.footer-topline{
		margin-left: 0;
	}
	.footer-bottomline{
		text-align: center;
	}
	.footer-apps{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.footer-apps a{
		float: none;
		display: inline-block;
		margin-left: 15px;
	}
	.footer-social li{
		display: inline-block;
		float: none;
	}

	.footer-oath, .footer-paysystems, .footer-social, .footer-copy{
		float: none;
		text-align: center;
		padding: 15px 15px 5px
	}
	.footer-oath.hidden, .footer-oath a, .footer-paysystems.hidden{
		display: inline-block !important;
		text-align: center;
	}
	.footer-copy{
		/*padding-left: 0;*/
	}


	.w-try{

		margin-left: 20px;
	}


}
@media screen and (max-width: 800px){
	.index-slider-image{
		padding-top: 7rem;
		padding-bottom: 2rem;
	}
	.index-slider dl{
		margin-top: 12%
	}
}
@media screen and (max-width: 768px){
	form, form .button, .contacts-rightcol{
		width: 100% !important;
		max-width: 100%;
	}
	.content{
		padding-left: 20px;
		padding-right: 20px;
	}
	.content-title-main{
		margin-left: 20px;
		margin-right: 20px;
	}



}
@media screen and (max-width: 710px){
	#colorbox, #cboxWrapper{
		width: 100% !important
	}
	#cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight{
		display: none;
	}
	#cboxContent{
		float: none !important;
		width: 92% !important;
		margin: 0 auto;
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto !important;
	}
	#cboxLoadedContent{
		width: 95% !important;
		height: 300px !important	;
		margin: 0 auto
	}
}
@media screen and (max-width: 670px){
	.token-about dt{
		padding-top: 12%;
		padding-bottom: 20%;
	}
}
@media screen and (max-width: 600px){
	.index-slider-image{
		padding-top: 11rem;
	}
	.index-slider dl{
		margin-top: 18%
	}
}
@media screen and (max-width: 570px){
	.token-about{
		-ms-background-position-x: -70%;
		background-position-x: -70%;
	}
	.token-about dt{
		padding-top: 40%;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 535px){
	.index-slider dt{
		font-size: 32px;
		line-height: 40px;
	}
	.index-sign b{
		font-size: 20px
	}
	.contacts-maillist dt, .contacts-maillist dd{
		width: 100%
	}
	.contacts-maillist dd{
		margin-bottom: 15px
	}
}
@media screen and (max-width: 470px){


	.index-sign .input{
		width: 90%;
		margin-bottom: 	10px;
		margin-right: 0;
	}
	.index-sign form .button{
		width: 90% !important;
		max-width: 90% !important;
	}
	.button{
		width: 90%;


		margin-bottom: 10px;
	}
	.index-slider-image .i-play{
		left: 48%;
	}
	.index-slider-image{
		padding-top: 11rem;
	}
	.index-plans-title b{
		padding-left: 2px;
		padding-right: 2px;
	}
	.index-plans-title:after{
		background: none;
	}
	.w-try{
		display: block;





	}




}
@media screen and (max-width: 380px){
	.header-logo{
		padding-bottom: 0.2px;
	}
	.index-slider-image .i-play{
		top: 190px;
	}
	.index-slider dd, h1{
		font: 500 18px/18px "PF Square Sans Pro"
	}
}
@media screen and (max-width: 370px){
	.header-logo{
		margin-right: 15px !important
	}

}

@media screen and (max-width: 340px){
	.index-slider-image .i-play{
		top: 170px;
	}
}
@media screen and (max-height: 590px){
	.mobile-nav{
		position: absolute;
	}
	.mobile-nav::-webkit-scrollbar{
		background: #E6E9EB;
		width: 4px;
	}
	.mobile-nav::-webkit-scrollbar-thumb{
		background: #4AC7E9;
		border-radius: 5px
	}
	/*.mobile-nav__wrapper{
		position: relative;
		height: 570px;
		overflow-y: scroll;
	}*/
}