html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: 600;
}

*, *:after, *:before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:root {
	--White: #fff;
	--Brand: #893EFF;
	--Brand2: #9755FF;
	--Grl: #7300fe;
	--Grr: #9a00ff;
	--txt-0: #000;
	--txt-2: #222;
	--txt-3: #333;
	--txt-5: #555;
	--txt-light: #a6a6a6;
	--LineGray: #ebebeb;
}

::selection {
	background: #893EFF;
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

::-moz-selection {
	background: #893EFF;
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: #9755FF;
	border: 1px solid #893EFF;
	border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
	background: transparent;
}

html, body {
	width: 100%;
	min-height: 100%;
	background: #fff;
	-webkit-text-size-adjust: none;
}

html, body, textarea, input, button, select {
	font-size: 14px;
	font-family: 'Gilroy', sans-serif;
	color: #666;
	outline: 0px;
}

input[type=text], input[type=email], input[type=search], input[type=submit], textarea{
	-webkit-appearance: none;
} 

body {
	-webkit-overflow-scrolling: touch;
	min-height: 100vh;
	overflow: overlay;
	background: #222529;
}

body#tinymce {
	background: #fff;
	padding: 10px;
}

ul { 
	padding-left: 40px; 
	list-style: disc outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

ol { 
	padding-left: 40px;
	list-style: decimal outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

img {
	max-width: 100%;
	height: auto;
	border: 0px;
	vertical-align: bottom;
}

a {
	color: #893EFF;
	text-decoration: none;
}

@media (hover){
	a:hover, .link:hover {
		color: #000;
	}
}

.clr::after {
	content: '';
	display: block;
	clear: both;
}

ul.noli, ul.noli ul, ul.noli li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.max {
	display: block;
	position: relative;
	margin: 0px auto;
    max-width: 1200px;
    width: calc(100% - 40px);
}

h1, h2, h3 {
	display: block;
	font-weight: 600;
	color: #000;
	margin: 0px 0px 15px 0px;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 16px;
}


.wrapper {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-position: top center;
    background-repeat: repeat-y;
}








/******************************* header and main ****************************/
.mainActionBefore {
	display: block;
	position: relative;
	margin: 0px auto 100px;
	width: calc(100% - 100px);
	box-shadow: 0px 40px 100px 50px #1c2326;
	border-radius: 0 0 45px 45px;
}

.mainAction {
    display: flex !important;
    position: relative;
    width: 100%;
    min-height: calc(100vh - 200px);
    background: #F1F3F6;
    background-size: cover;
    border-radius: 0 0 45px 45px;
	background-attachment: fixed;
    overflow: hidden;
    flex-direction: column;
}

.mabBefore {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: calc(50% + 1px);
	height: auto;
}

.mabBefore[height], .mabAfter[height] {
	height: 0;
}

.mabAfter {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: calc(50% + 1px);
    height: auto;
	transform: scale(-1, 1);
}

img.boxsesmarket {
	display: block;
	position: absolute;
	left: -110px;
	bottom: -160px;
	transition: all .3s linear;
	opacity: 0;
	animation: fadeIn 1.5s forwards 0.3s;
}

.main_bg_after, .main_bg_after2 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 1.3s;
}

.main_bg_after2 {
	z-index: 3;
}




#header {
	position: relative;
	border-bottom: 1px solid rgb(163 137 189 / 18%);
	z-index: 100;
	box-shadow: 0px 1px 0px rgb(255 255 255 / 50%);
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
}

a.logo {
    display: flex;
    align-items: center;
    color: #252525;
    font-weight: 300;
    font-size: 13px;
}

a.logo> .podlogo {
	width: 64px;
	height: 64px;
	margin: 0 10px 0 0;
	border-radius: 100%;
	background: linear-gradient(90deg, #893EFF, #9755FF);
	align-items: center;
	justify-content: center;
	display: flex;
	padding: 2px;
	box-shadow: 0px 9px 30px -8px rgb(157 60 255 / 93%);
}

a.logo> .podlogo> svg {
	height: auto;
	width: 100%;
}

a.logo> span {
	display: flex;
	flex-direction: column;
	line-height: 18px;
	padding: 0 0 2px 0;
	font-size: 12px;
	font-weight: 500;
}

a.logo> span> b {
	font-size: 22px;
	font-weight: 700;
	display: block;
	position: relative;
	left: -1px;
	margin: 3px 0 0;
}



span.openNav {
	display: none;
}



.header nav {
    display: block;
    position: relative;
}

.header nav ul, .header nav ul li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header nav> ul {
    display: flex;
    align-items: center;
    margin: 0 -20px;
}

.header nav> ul> li {
    display: block;
    position: relative;
}

.header nav> ul> li> a {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: all 0.1s;
}

.header nav> ul> li> ul {
    display: block;
    position: absolute;
    width: 300px;
    background: #fff;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 20px);
    filter: drop-shadow(0px 10px 35px rgb(45 41 80 / 0.15)) opacity(0);
    transition: height 0.5s, transform 0.5s, overflow 0.5s, filter 0.5s;
    height: 0;
    overflow: hidden;
    top: 100%;
}

.header nav> ul> li:hover> ul {
	height: initial;
    overflow: visible;
	filter: drop-shadow(0px 10px 35px rgb(45 41 80 / 0.15)) opacity(1);
	padding: 20px 0;
	transform: translate(-50%, 0px);
}

.header nav> ul> li> ul> li> a {
    display: block;
    padding: 10px 30px;
    font-size: 16px;
    color: #333;
	font-weight: 400;
	transition: all 0.1s;
}

.header nav> ul> li> ul> li> a> span {
	display: inline-block;
	position: relative;
}

.header nav> ul> li> ul> li> a> span::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0px;
	height: 1px;
	background: #666;
	transition: all 0.3s;
}

.header nav> ul> li> ul> li> a:hover> span::before {
	width: 100%;
}

.header nav> ul> li> ul> li> a:hover {
	color: #000;
}


.header nav> ul> li> a ion-icon {
    position: relative;
    font-size: 14px;
    margin: 2px 0 -2px 5px;
}

.header nav> ul> li:hover> a {
    color: #9d3dff;
}

.button {
	border: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: linear-gradient(90deg, #893EFF, #9755FF);
	border-radius: 100px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-shadow: 0px 1px 3px rgb(0 0 0 / 21%);
	box-shadow: 0px 10px 20px -10px rgb(157 60 255 / 0%);
	transition: all 0.1s, box-shadow 0.3s;
	overflow: hidden;
	position: relative;
	min-height: 44px;
	padding: 0 30px;
}

.button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .28), rgba(255, 255, 255, .0)) no-repeat -2em 0;
	background-size: 4em 100%;
	transform: skewX(-50deg) translate(-100%, 0px);
	transition: 0s;
}

@media(hover) {
	.button:hover::after {
		background-position: 130% 0;
		transform: skewX(-50deg) translate(100%, 0px);
		transition: .5s linear;
	}
	
	.button:hover {
		box-shadow: 0px 20px 30px -15px rgb(157 60 255 / 50%);
		color: #fff;
	}
}

.button:active {
	filter: opacity(0.5);
}

.header a.button {
	width: 200px;
	height: 40px;
	padding: 0;
}

.button ion-icon {
	width: 20px;
	height: 20px;
}

.button ion-icon + span {
	margin: 0 0 0 5px;
}







#main {
    position: relative;
    display: flex;
    flex-grow: 1;
}

.main {
	position: relative;
	height: 100%;
	display: flex;
	align-items: CENTER;
	width: 100%;
	justify-content: space-between;
}

.mainInfo {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	background: #fff;
	border-radius: 40px;
	padding: 40px;
	margin: 120px 0 60px -40px;
	backdrop-filter: blur(5px);
	background: linear-gradient(90deg, rgb(255 255 255 / 78%) 0%, transparent 100%);
}

.mainInfo> p {
	position: relative;
	font-size: 16px;
	font-weight: 300;
	color: #777e85;
	display: flex;
	align-items: CENTER;
	margin: 0 0 40px;
}


.mainInfo> p ion-icon {
    position: relative;
    margin: 0 5px 0 0;
    font-size: 24px;
    color: #00A13D;
}

.mainInfo> h1 {
	display: block;
	line-height: 130%;
	font-weight: 900;
	font-size: 40px;
	margin: 0 0 5px;
}

.mainInfo> b {
	display: block;
	margin: 0;
	line-height: 130%;
	font-weight: 300;
	font-size: 33px;
	color: #000;
	margin: 0 0 40px;
}

.mainInfo> a.button {
	height: 54px;
	padding: 0 50px;
}

.mainInfo> a.button ion-icon {
    margin: 0 5px 0 0;
    font-size: 24px;
}

.mainInfo> .mini {
	display: block;
	padding: 80px 0 0;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	line-height: 23px;
}





/***** ellips *****/
.cricle {
    display: block;
    position: relative;
    width: 470px;
    height: 470px;
    border-radius: 100%;
    box-shadow: inset 0px 0px 0px 55px rgb(255 255 255 / 60%);
    filter: drop-shadow(0px 45px 54px rgb(45 41 80 / 0.05));
    display: flex;
    align-items: center;
    justify-content: center;
}
/***** END ellips *****/










.iphoneBefore {
	display: block;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.iphoneBefore.iphone_1 {
	animation: fadeInRight 1.2s forwards 0.3s;
}
.iphoneBefore.iphone_2 {
	animation: fadeInRight 1.2s forwards 0.4s;
}

@media screen and (min-width: 1080px) {
.iphoneBefore.iphone_3 {
	animation: fadeInRight 1.2s forwards 0.6s;
}
}
.iphoneBefore.iphone_4 {
	animation: fadeInRight 1.2s forwards 0.7s;
}

.iphoneBefore.iphone_5 {
	animation: fadeInRight 1.2s forwards 0.9s;
}
.iphoneBefore.iphone_6 {
	animation: fadeInRight 1.2s forwards 1.0s;
}



.iphoneBefore> img {
	z-index: 1;
}

.iphoneBefore> .iphone {
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url(../images/iphone.svg);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0 14px;
}

.iphonesMain {
	position: absolute;
	display: flex;
}

.iphonesMain.im_1 {
	right: -70px;
	top: 130px;
}

.iphonesMain.im_2 {
	top: 305px;
	right: -320px;
}

.iphoneBefore> .iphone> img {
	min-width: 100%;
}

.iphonesMain.im_3 {
	top: 589px;
	right: -260px;
}

.iphoneBefore> .iphone> video {
	position: absolute;
	width: 100%;
	top: 19px;
	height: calc(100% - 42px);
}



.helpBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: CENTER;
    padding: 0 0 60px;
    z-index: 10;
}

.helpBlock> a {
    display: inline-flex;
    line-height: 22px;
    font-weight: 300;
}




/******************************* END header and main ****************************/







/************************************************** Panels ************************************************/
.panelsClose {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 39%);
	z-index: 9998;
	backdrop-filter: blur(4px);
}

.panelsClose svg {
	width: 32px;
	height: initial;
	position: absolute;
	top: 15px;
	left: 335px;
	display: none;
	cursor: pointer;
}

.panelsClose.two svg {
	left: initial;
	right: 335px;
}


.leftPanel, .rightPanel {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 320px;
	background: #fff;
	z-index: 9999;
	box-shadow: 0px 0px 50px rgb(0 0 0 / 25%);
	padding: 15px;
	transform: translate(-400px, 0);
	transition: all 0.3s;
}

.rightPanel {
	left: initial;
	right: 0;
	transform: translate(400px, 0);
}

.leftPanel.active, .rightPanel.active {
	transform: translate(0, 0);
}

.maxPanel {
	display: block;
	position: relative;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: overlay;
	min-height: 100%;
	padding: 0 10px;
}

.maxPanel> .appendNav> nav {
	display: block;
	position: relative;
}

.maxPanel> .appendNav> nav> ul, .maxPanel> .appendNav> nav> ul> li {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.maxPanel> .appendNav> nav> ul> li> a {
	display: flex;
	margin: 0 0 10px;
	background: #fff;
	border: 1px solid #ededed;
	padding: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #222;
	border-radius: 10px;
}
/************************************************** END Panels ************************************************/






/******************************* Tariffs ****************************/
#mainTariffs {
	display: block;
	position: relative;
	margin: 0 0 100px;
}

h2.mainTitle {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	line-height: 45px;
	font-size: 33px;
	font-weight: 200;
	color: #fff;
	text-shadow: 0px 2px 5px rgb(0 0 0 / 41%), 0px 0px 15px rgb(0 153 255 / 49%);
	margin: 0 0 50px;
}

.mainTariffs {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 -20px;
	justify-content: center;
}

.mainTariffs> .item {
	display: flex;
	flex-direction: column;
	position: relative;
	width: calc(25% - 40px);
	margin: 0 20px;
	padding: 40px 20px;
	border-radius: 15px;
	align-items: flex-start;
	transition: all 0.3s;
}

.mainTariffs> .item:not(.osnovnoi):hover {
	background: rgb(0 0 0 / 20%);
}

.mainTariffs> .item> .name {
	display: inline-flex;
	margin: 0 auto 40px;
	background: linear-gradient(90deg, #893EFF, #9755FF);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	border-radius: 100px;
	padding: 0 20px;
	min-height: 42px;
	align-items: center;
	min-width: 170px;
	justify-content: center;
}

.mainTariffs> .item> .price {
	display: flex;
	width: 100%;
	justify-content: center;
	height: 50px;
	align-items: center;
	font-size: 50px;
	font-weight: 200;
	color: #fff;
	text-shadow: 0px 2px 5px rgb(0 0 0 / 41%), 0px 0px 15px rgb(0 153 255 / 49%);
	margin: 0 0 5px;
}

.mainTariffs> .item> .miniselect {
	margin: 0px auto 30px;
	z-index: 10;
	position: relative;
	width: 100%;
	align-items: center;
}

.miniselect {
	display: inline-flex;
	flex-direction: column;
	position: relative;
}

.miniselect> a {
	display: flex;
	align-items: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	padding: 5px 15px;
}

.miniselect> a> span {
	margin: 0 5px 0 0;
}

.miniselect> a> ion-icon {
	font-size: 14px;
	position: relative;
	bottom: -1px;
	transition: all 0.3s;
}

.miniselect> .dropdown {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	padding: 10px 0 0;
}

.miniselect> .dropdown> ul {
	display: FLEX;
	flex-direction: column;
	position: relative;
	background: #fff;
	border-radius: 15px;
}

.miniselect> .dropdown> ul> li {
	border-bottom: 1px dotted rgb(0 0 0 / 25%);
}

.miniselect> .dropdown> ul> li:last-child {
	border: 0;
}

.miniselect> .dropdown> ul> li> a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	text-transform: uppercase;
	padding: 10px;
	font-weight: 500;
}

.miniselect> .dropdown> ul> li.active> a {color: #999;}

.miniselect> .dropdown::before {
	content: '';
	display: inline-block;
	border: 8px solid transparent;
	border-bottom: 7px solid #fff;
	position: absolute;
	top: -5px;
	left: calc(50% - 8px);
}

.mainTariffs> .item> .description {
	display: block;
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #b2c1c8;
	font-weight: 300;
	margin: 0 0 15px;
	flex-grow: 1;
}

.mainTariffs> .item> a.button {
	display: flex;
	width: 100%;
	height: 50px;
	font-weight: 300;
}

.mainTariffs> .item.osnovnoi {
	background: linear-gradient(90deg, #893EFF, #9755FF);
}

.mainTariffs> .item.osnovnoi> .name {
	background: #fff;
	color: #893EFF;
}

.mainTariffs> .item.osnovnoi> .price {
	font-weight: 600;
	text-shadow: none;
}

.mainTariffs> .item.osnovnoi> .description {
	color: #fff;
}

.mainTariffs> .item.osnovnoi> a.button {
	background: #fff;
	font-weight: 600;
	color: #893EFF;
	text-shadow: none;
}


/******************************* END Tariffs ****************************/











/******************************* Fitchs ****************************/
#mainFitchs {
	display: block;
	position: relative;
	margin: 0 0 100px;
}

.mainFitchs {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 -20px -50px;
	padding: 50px 0 0;
}

.mainFitchs> .item {
	width: calc(33.333% - 40px);
	margin: 0 20px 50px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.mainFitchs> .item> .title {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 0 25px;
}

.mainFitchs> .item> .title> .icon {
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 30px 0 0;
	background: linear-gradient(90deg, #893EFF, #9755FF);
	border-radius: 100%;
	font-size: 50px;
	color: #fff;
	box-shadow: 0px 0px 50px rgb(137 62 255 / 19%), 0px 0px 100px rgb(137 62 255 / 35%);
	position: relative;
}

.mainFitchs> .item> .title> b {
	display: block;
	width: calc(100% - 120px);
	font-weight: 300;
	color: #fff;
	text-shadow: 0px 2px 5px rgb(0 0 0 / 41%), 0px 0px 15px rgb(0 153 255 / 49%);
	font-size: 22px;
	line-height: 34px;
}

.mainFitchs> .item> .title> .icon> ion-icon {
	filter: drop-shadow(3px 4px 6px rgb(0 0 0 / 31%));
}

.mainFitchs> .item> .title> .icon::before, .mainFitchs> .item> .title> .icon::after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	box-shadow: 0px 0px 0px 2px rgb(137 62 255 / 23%);
	border-radius: 100%;
	z-index: 1;
}

.mainFitchs> .item> .title> .icon::after {
	width: calc(100% + 28px);
	height: calc(100% + 28px);
	box-shadow: 0px 0px 0px 2px rgb(137 62 255 / 5%);
}

.mainFitchs> .item> .description {
	display: block;
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #b2c1c8;
	font-weight: 300;
	margin: 0 0 15px;
	flex-grow: 1;
}
/******************************* END Fitchs ****************************/











/******************************* MainCatalog Faq Referal ****************************/
#mainCatalog {
	display: block;
	position: relative;
	margin: 0px auto 100px;
	width: calc(100% - 100px);
	box-shadow: 0px 40px 100px 50px #1c2326;
	border-radius: 45px;
}

.mainCatalogBefore {
	display: flex !important;
	position: relative;
	width: 100%;
	background: #F1F3F6;
	background-size: cover;
	border-radius: 45px;
	background-attachment: fixed;
	overflow: hidden;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.mainCatalogBeforeImgAfter {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: calc(50% + 1px);
	height: auto;
	z-index: 10;
}

.mainCatalogAfterImgAfter {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: calc(50% + 1px);
	height: auto;
	transform: scale(-1, 1);
	z-index: 10;
}

.mainCatalogAfterImgBefore {
	position: absolute;
	top: -1px;
	right: -1px;
	width: calc(50% + 1px);
	height: auto;
	transform: scale(-1, 1) scale(1, -1);
	z-index: 5;
}

.mainCatalogBeforeImgBefore {
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(50% + 1px);
	height: auto;
	transform: scale(1, -1);
	z-index: 5;
}

.mainCatalog {
	display: block;
	position: relative;
	padding: 50px 0;
	width: 100%;
	z-index: 50;
}

#mainCatalog .max {
	z-index: 50;
}

img.boxsesmarket2 {
	display: block;
	position: absolute;
	right: -200px;
	bottom: -50px;
	transition: all .3s linear;
	opacity: 0;
	animation: fadeIn 1.5s forwards 0.3s;
	z-index: 9;
}

.mainCatalog h2.mainTitle:first-child {
	margin-top: 40px;
}

.mainCatalog h2.mainTitle {
	color: #222;
	text-shadow: 0px 1px 1px rgb(255 255 255 / 37%);
	font-weight: 300;
}


.mainProductsSlider {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 180px;
	margin: 0 0 20px;
}

.marquee {
	/* float: left; */
	width: auto;
	display: FLEX;
}

.marqueeBg {
	display: block;
	width: 6000px;
	height: 180px;
	position: absolute;
	overflow: hidden;
	/*animation: marquee 70s linear infinite;*/
	display: flex;
	justify-content: flex-start;
	align-items: CENTER;
}

.mainProductsSlider.mps1 .marqueeBg {
	animation: marquee1 70s linear infinite;
}

.mainProductsSlider.mps2 .marqueeBg {
	animation: marquee2 60s linear infinite;
}

.mainProductsSlider.mps3 .marqueeBg {
	animation: marquee3 50s linear infinite;
}

@keyframes marquee1 {
	0% { transform: translateX(0px);}
	100% { transform: translateX(-3000px); }
}
@keyframes marquee2 {
	0% { transform: translateX(0px);}
	100% { transform: translateX(-3000px); }
}
@keyframes marquee3 {
	0% { transform: translateX(0px);}
	100% { transform: translateX(-3000px); }
}

.mainProductsSlider:hover .marqueeBg {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.mpsItem {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: max-content;
	height: 180px;
	margin: 0 10px;
	min-width: 180px;
}


.mpsItem> a.image {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	border-radius: 10px;
	overflow: hidden;
}

.mpsItem> a.image> .info {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	text-shadow: 0px 2px 7px rgb(0 0 0 / 24%);
}

.mpsItem> a.image::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, transparent 60%);
}

.mpsItem> a.image> .info> .name {
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin: 6px 0 0;
}


.centerButton {
	display: flex;
	justify-content: center;
}

.mainAppsPadding {
	padding: 40px 0 140px;
}

.button.bigButton {
	height: 54px;
	font-size: 16px;
	font-weight: 300;
	padding: 0 40px;
}

.button.bigButton ion-icon {
	width: 24px;
	height: 24px;
}

.button.bigButton ion-icon + span {
	margin: 0 0 0 10px;
}








.faqsList {
	display: block;
	position: relative;
	margin: 0 0 100px;
}

.faqsList> .item {
	display: block;
	position: relative;
	border-bottom: 1px solid rgb(156 150 210 / 28%);
	box-shadow: 0px 1px 0px rgb(255 255 255 / 35%);
	transition: all 0.2s;
}

.faqsList> .item:first-child {
	border-top: 1px solid rgb(156 150 210 / 28%);
	box-shadow: 0px 1px 0px rgb(255 255 255 / 35%), inset 0px 1px 0px rgb(255 255 255 / 35%);
}

.faqsList> .item> .description {
	display: none;
	padding: 0 0 30px;
	font-size: 16px;
	font-weight: 400;
	color: #222;
	line-height: 26px;
}

.faqsList> .item> a {
	display: block;
	position: relative;
	font-size: 24px;
	font-weight: 500;
	/* color: #333; */
	padding: 30px 50px 30px 0;
	transition: all 0.15s;
}

.faqsList> .item:not(.active):hover {
	background: rgb(123 116 179 / 3%);
}

.faqsList> .item> a> ion-icon {
	width: 24px;
	height: 24px;
	position: absolute;
	top: calc(50% - 12px);
	right: 0;
	transition: all 0.3s;
}

.faqsList> .item.active> a {
	color: #000;
}

.faqsList> .item.active> a> ion-icon {
	transform: scale(1, -1);
}

.galleryBlock.gbMarginBottom {
	margin-bottom: 30px;
}

.galleryBlock {
	margin: 0 -10px;
	position: relative;
}

.galleryItem {
	display: flex;
	align-items: CENTER;
	justify-content: center;
	position: relative;
	margin: 0 10px;
}

.galleryBlock.gbMarginTop {
	margin-top: 30px;
}



.mainReferals {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 0 50px;
}

h2.mainTitle.alignLeft {
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
}

h2.mainTitle strong {
	font-size: 40px;
	font-weight: 800;
	margin: 0 0 10px;
}

.mainReferals .description {
	display: block;
	margin: 0 0 45px;
	font-size: 15px;
	line-height: 32px;
	color: #222;
}

.mainReferals h2.mainTitle {
	margin-bottom: 30px;
}
/******************************* END MainCatalog Faq Referal ****************************/











/******************************* Reviews ****************************/
#reviewsMain {
	display: block;
	position: relative;
	margin: 0 0 100px;
}

h2.mainTitle> span {
	display: BLOCK;
	font-size: 23px;
}

.reviewsMainList {
	display: block;
	position: relative;
	margin: 0 -20px 43px;
}


.reviewMainItem {
	display: flex;
	position: relative;
	background: #fff;
	border-radius: 15px;
	padding: 15px;
	margin: 0 20px;
	flex-direction: column;
	transition: all 0.3s;
}

.reviewsMainList ul.slick-dots {
	margin-top: 40px;
	padding: 0;
}

.reviewMainItem> .head {
	display: flex;
	align-items: center;
	position: relative;
}

.reviewMainItem> .head> .avatar {
	width: 60px;
	margin: 0 15px 0 0;
}

.reviewMainItem> .head> .avatar img {
	border-radius: 8px;
}

.reviewMainItem> .head> .name {
	display: flex;
	flex-direction: column;
	width: calc(100% - 75px);
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: #222;
}

.reviewMainItem> .head> .name> b {
	display: block;
	margin: 0 0 2px;
	font-weight: 600;
	font-size: 15px;
}

.reviewMainItem> .description {
	display: block;
	position: relative;
	padding: 20px 24px 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.reviewsMain {
	display: block;
	position: relative;
	max-width: 100%;
	overflow: hidden;
}

.slick-center .reviewMainItem {
	/* padding: 50px; */
	/* margin: -20px 0 0; */
	transform: scale(1.1);
}

.reviewsMainList .slick-list {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.reviewMainItem> .description::before, .reviewMainItem> .description::after {
	content: '';
	display: block;
	width: 15px;
	height: 11px;
	position: absolute;
	top: 25px;
	left: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpZD0icmlnaHRfeDVGX3F1b3RlX3g1Rl9hbHQiPjxnPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiM5NTUyRkY7IiBwb2ludHM9IjAsNCAwLDI4IDEyLDE2IDEyLDQiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojOTU1MkZGOyIgcG9pbnRzPSIyMCw0IDIwLDI4IDMyLDE2IDMyLDQiLz48L2c+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4K) center no-repeat;
	background-size: 18px;
}

.reviewMainItem> .description::after {
	left: initial;
	right: 0;
	top: initial;
	bottom: 4px;
	transform: scale(-1, 1) scale(1, -1);
}

/******************************* END Reviews ****************************/











/******************************* About News Subscribers ****************************/
.mainAbout {
	display: block;
	position: relative;
	margin: 0 0 55px;
	padding: 40px 0 60px;
	border-bottom: 1px solid rgb(156 150 210 / 28%);
	box-shadow: 0px 1px 0px rgb(255 255 255 / 35%);
}

.mainAboutFlex {
	display: flex;
	align-items: flex-start;
	position: relative;
	flex-wrap: wrap;
}

.mainAboutFlex> .mafLeft {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 330px;
	margin: 0 20px 0 0;
}

.mainAboutFlex> .mafRight {
	display: flex;
	flex-direction: COLUMN;
	position: relative;
	width: calc(100% - 350px);
	font-size: 16px;
	color: #222;
	line-height: 26px;
}

.mainAboutFlex> .mafLeft> .mapImage {
	display: block;
	margin: 0 0 30px;
}

.mainAboutFlex> .mafLeft> .button {
	font-weight: 500;
	padding: 18px 30px;
	border-radius: 15px;
	background: linear-gradient(0deg, #772ced, #9755FF);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(119 44 237 / 71%);
}

.mainAboutFlex> .mafLeft> .button:hover {
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -5px rgb(119 44 237);
}

.mainAboutFlex> .mafRight p:not(:last-child) {
	margin: 0 0 15px;
}

.mainAboutFlex> .mafRight> h2 {
	display: block;
	font-weight: 400;
	font-size: 42px;
	margin: 0 0 30px -3px;
}

.contentMainSlider {
	display: block;
	position: relative;
	margin: 0 -20px 20px;
}

.mainContentItem {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 20px;
}

.mainContentItem> .image {height: 180px;width: 100%;border-radius: 10px;overflow: hidden;position: relative;display: block;box-shadow: 0px 5px 15px rgb(0 0 0 / 12%);margin: 0 0 20px;}

.mainContentItem> .image> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	width: 0;
	min-width: 100%;
	min-height: 100%;
}

.mainContentItem> h3 {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}

.button.bigButton.ransparentButton {
	background: transparent;
	color: #893EFF;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none !important;
}

.button.bigButton.ransparentButton:hover {
	color: #000;
}

.mainSubscriberBlock {
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-wrap: wrap;
	border-radius: 15px;
	background: linear-gradient(0deg, #772ced, #9755FF);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(119 44 237 / 71%);
	margin: 0 0 30px;
	align-items: center;
	padding: 15px 30px;
}

.centerButton + .mainSubscriberBlock {
	margin-top: 45px;
}

.mainSubscriberBlock> .msbRight {
	display: block;
	position: relative;
	width: 440px;
	height: 48px;
	background: linear-gradient(0deg, #efefef 0%, #fff 100%);
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px #fff;
	box-shadow: 0px 5px 20px -5px rgb(0 0 0 / 32%);
	transition: all 0.3s, border-radius 1.5s;
}

.mainSubscriberBlock> .msbLeft {
	width: calc(100% - 500px);
	max-width: 570px;
	display: flex;
	align-items: center;
	position: relative;
	flex-wrap: wrap;
}

.mainSubscriberBlock> .msbLeft> .icon {
	display: flex;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 100%;
	position: relative;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 15px 40px -5px rgb(0 0 0 / 32%);
	margin: 0 20px 0 0;
}

.mainSubscriberBlock> .msbLeft> .info {
	display: flex;
	flex-direction: column;
	width: calc(100% - 100px);
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	text-shadow: 0px 1px 3px rgb(0 0 0 / 15%);
	line-height: 20px;
}

.mainSubscriberBlock> .msbLeft> .info> b {
	display: block;
	font-size: 21px;
	font-weight: 400;
	margin: 0 0 9px;
}

.mainSubscriberBlock> .msbRight.success {color: #19ab19;display: flex;align-items: center;padding: 0 15px;font-size: 16px;font-weight: 400;padding: 0 15px;border-radius: 100px;}

.mainSubscriberBlock> .msbRight> input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 300;
	padding: 0 calc(48px + 15px) 0 15px;
}

.mainSubscriberBlock> .msbRight> .msbSend {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: 24px;
	transition: all 0.15s;
}

.mainSubscriberBlock> .msbRight> .error {
	display: block;
	position: absolute;
	top: calc(100% + 5px);
	left: 15px;
	font-size: 14px;
	color: #ffbfbf;
	font-weight: 600;
}
/******************************* END About News Subscribers ****************************/













/******************************* Footer ****************************/
#footer {
	display: block;
	position: relative;
	z-index: 10;
	margin: -100px 0 0;
}

.footer {
	display: flex;
	justify-content: space-between;
	padding: 70px 0;
	color: #fff;
}

.footer> .info {
	display: flex;
	flex-direction: column;
	position: relative;
	font-size: 12px;
	color: rgb(255 255 255 / 42%);
}

.footer .logo> .sitename> b {
	color: var(--white);
}

.footer .logo {
	margin: 0 0 30px;
	color: #fff;
}

.footer .social {
	display: flex;
	align-items: center;
	margin: 0px -6px;
}

.footer .social> a {
	transition: all 0.15s;
	display: block;
	margin: 0 6px;
}

@media(hover) {
	.footer .social> a:hover {
		filter: opacity(0.7);
	}
}

.footer> .navs {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.footer> .navs> ul {
	display: flex;
	flex-direction: COLUMN;
	position: relative;
	margin: 0 30px;
}

.footer> .navs> ul> li {
	display: block;
	position: relative;
}

.footer> .navs> ul> li> a {
	display: block;
	padding: 7px 0 7px 20px;
	color: #fff;
	font-weight: 300;
	transition: all 0.15s;
	position: relative;
}

@media(hover) {
	.footer> .navs> ul> li> a:hover {
		color: #9e64f9;
	}
}

.footer> .navs> ul> li> a::before {
	content: '';
	width: 6px;
	height: 6px;
	background: #9e64f9;
	display: block;
	border-radius: 100%;
	position: absolute;
	top: calc(50% - 3px);
	left: 0;
	box-shadow: 0px 0px 10px #9e64f9, 0px 0px 3px #9e64f9, 0px 0px 7px #9e64f9;
}

.footer> .copy {
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: flex-end;
}

.footer> .copy> .payments {
	display: flex;
	margin: 0 -6px 12px;
}

.footer> .copy> .payments> span {
	display: flex;
	border-radius: 100%;
	background: #fff;
	align-items: center;
	justify-content: center;
	margin: 0 6px;
	padding: 3px;
	overflow: hidden;
	width: 34px;
}

.footer> .copy> .payments> span svg {width: 100%;height: auto;}

.footer> .copy> .info {
	display: block;
	text-align: right;
	font-size: 13px;
	line-height: 18px;
}

.footerMargin {
	display: block;
	clear: both;
	height: 50px;
}
/******************************* END Footer ****************************/











/************************************************** Modal ************************************************/
#modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgb(0 0 0 / 45%);
	z-index: 99999;
}

.modal {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 50px 0;
    max-height: 100vh;
    overflow-y: overlay;
    align-items: baseline;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
}

.modalContent {
	display: flex;
	width: calc(100% - 40px);
	max-width: 500px;
	background: #fff;
	margin: auto;
	padding: 50px;
	flex-direction: column;
	position: relative;
	box-shadow: 0px 30px 100px rgb(37 19 76 / 27%);
	align-items: center;
	border-radius: 15px;
	margin: auto 50px;
}

.maxModal {
	display: block;
	position: relative;
	min-width: 320px;
	line-height: 23px;
	color: #333;
}

.modal.Contact .maxModal {
    max-width: 360px;
    width: 100%;
}

a.modalClose {
	    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 1;
    border-radius: 100%;
    background-color: #e3e3e3;
    transition: background-color 0.1s;
    opacity: 0;
    animation: fadeIn .1s ease-in-out .2s forwards;
}

a.modalClose:hover {
    background-color: var(--Brand);
}

.modalContent> .maxModal> .title {
	display: block;
	font-weight: 500;
	font-size: 26px;
	color: #333;
	margin: 0 0 25px;
}


.form {
	display: flex;
	flex-direction: column;
	position: relative;
}

.form> .item, .form> .itemSwitcher, .form> .itemCheckbox, .form> .itemButton {
    display: flex;
    flex-direction: column;
    margin: 0 0 30px;
}

.form> .itemButton:last-child {
    margin: 0;
}

.form> .item:last-child {
    margin: 0;
}

.form> .item> label {
	display: block;
	font-weight: 600;
	font-size: 14px;
}

.form> .item> input[type="text"], .form> .item> input[type="number"], .form> .item> input[type="password"], .form> .item> input[type="email"] {
    width: 100%;
    height: 40px;
    border: 0px;
    border-bottom: 1px solid var(--LineGray);
    transition: border-color 0.15s;
    font-weight: 400;
    font-size: 16px;
}

.form> .item> input[type="text"]::placeholder, .form> .item> input[type="number"]::placeholder, .form> .item> input[type="password"]::placeholder, .form> .item> input[type="email"]::placeholder {
    color: var(--TxtSilver);
}

.form> .item> input[type="text"]:focus, .form> .item> input[type="number"]:focus, .form> .item> input[type="password"]:focus, .form> .item> input[type="email"]:focus {
    border-color: var(--Brand);
}

.form> .itemSwitcher {
    display: flex;
    width: 100%;
    background: #F3F7FC;
    border-radius: 6px;
    position: relative;
    padding: 2px;
    flex-direction: row;
    height: 40px;
    margin-top: -18px;
}

.form> .itemSwitcher> label {
    display: flex;
    width: 50%;
    cursor: pointer;
}

.form> .itemSwitcher> label> input {
    display: none;
}

.form> .itemSwitcher> label> span {
    font-size: 14px;
    color: var(--TxtSilver);
    transition: all 0.15s;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.form> .itemSwitcher> label:hover> input:not(:checked) + span {
    color: var(--Brand);
}

.form> .itemSwitcher> label> input:checked + span {
    background-color: #fff;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
    color: var(--txt-0);
}

.beforeSelect {
    width: 100%;
    height: 40px;
    border: 0px;
    border-bottom: 1px solid var(--LineGray);
    position: relative;
}

.beforeSelect::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
    background: url('../images/select.svg') center no-repeat;
}

.beforeSelect> select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: transparent;
    font-size: 16px;
    color: #8592A7;
}

.beforeSelect> select option {
    color: var(--txt-0);
}

.error_message, .success_message, .info_message {
	display: block;
	border-radius: 10px;
	background: #ffc6c6;
	margin: 0 0 20px;
	padding: 15px;
	font-weight: 500;
	color: #222;
}

.success_message {
	background: #d1f3c6;
}

.info_message {
	background: #d9ebff;
}

.form> .itemCheckbox> label {
    display: block;
    position: relative;
    cursor: pointer;
}

.form> .itemCheckbox> label> input {
    display: none;
}

.form> .itemCheckbox> label> span {
    display: block;
    position: relative;
    padding: 0 0 0 25px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
}

.form> .itemCheckbox> label> span::before, .form> .itemCheckbox> label> span::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid var(--LineGray);
    transition: all 0.15s;
}

.form> .itemCheckbox> label> span::after {
    border: 0px;
    background: url('../images/check.svg') center no-repeat;
    opacity: 0;
}

.form> .itemCheckbox> label> input:checked + span::before {
    border-color: transparent;
    background-color: var(--Brand);
}

.form> .itemCheckbox> label> input:checked + span::after {
    opacity: 1;
}

.form> .itemButton {
    align-items: center;
}

.form> .item.forgot {
    margin-top: -10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.form> .item.error {
	background: #ffd7d7;
	border-radius: 15px;
	padding: 15px;
	color: #222;
	font-weight: 500;
}

.form> .item.success {
	background: #dcffce;
	border-radius: 15px;
	padding: 15px;
	color: #325624;
	font-weight: 500;
}

.itemLineReg {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.itemLineReg a {
	border-bottom: 1px dotted;
}
/************************************************** END Modal ************************************************/



















/************************************************** END Pages Contents ************************************************/
#pageContent {
	display: block;
	position: relative;
	margin: 0 0 55px;
	padding: 50px 0 60px;
	border-bottom: 1px solid rgb(156 150 210 / 28%);
	box-shadow: 0px 1px 0px rgb(255 255 255 / 35%);
}

.pageContent {
	display: block;
	position: relative;
	font-size: 16px;
	color: #333;
}

#modulesNS {
	display: block;
	position: relative;
	padding: 0 0 50px;
}

#modulesNS h2.mainTitle {
	color: #222;
	text-shadow: 0px 1px 1px rgb(255 255 255 / 37%);
	font-weight: 300;
}

h1.pageHeader {
	display: block;
	position: relative;
	margin: 0 0 35px;
	font-size: 40px;
	font-weight: 500;
}

.pageBody {
	display: block;
	position: relative;
	margin: 0 0 50px;
}

.pageBody p {
	display: BLOCK;
	margin: 0 0 20px;
}

.pageBody p:last-child {
	margin: 0;
}
/************************************************** END Pages Contents ************************************************/


















/************************************************** Catalog ************************************************/
.productsList {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 -10px -20px;
}

.productsList> .item {
	display: flex;
	flex-direction: column;
	margin: 0 10px 20px;
	background: #fff;
	width: calc(20% - 20px);
	border-radius: 10px;
	box-shadow: 0px 10px 30px -15px rgb(0 0 0 / 14%);
	padding: 15px;
}

.productsList> .item> .image {
	display: block;
	position: relative;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 30px #3333331a;
	margin: 0 0 10px;
}

.productsList> .item> .image::before {
	content: '';
	display: block;
	padding-top: 100%;
}

.productsList> .item> .image> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	width: 0;
	min-width: 100%;
	min-height: 100%;
}

.productsList> .item> .info {
	display: flex;
	flex-direction: column;
	position: relative;
	flex-grow: 1;
}

.productsList> .item> .info> .categories {
	display: block;
	font-weight: 400;
	margin: 0 0 15px;
	font-size: 12px;
	color: #666;
	line-height: 16px;
	display: flex;
}

.productsList> .item> .info> a.name {
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-grow: 1;
}

.productsList> .item> .info> .price {
	font-weight: 600;
	font-size: 16px;
	display: block;
	margin: 0 0 15px;
}

.productsList> .item> .info> .tariffs {
	display: flex;
	font-size: 12px;
	flex-wrap: wrap;
	margin: 0 0 7px;
}

.productsList> .item> .info> .tariffs> b, .productsList> .item> .info> .tariffs> span {
	display: inline-flex;
	margin: 0 3px 3px 0;
	background: #f3f3f3;
	border-radius: 5px;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
}

.productsList> .item> .info> .tariffs:last-child {
	margin: 0 0 -3px;
}

.productsList> .item> .info> .tariffs> b {background: #893eff;color: #fff;background: linear-gradient(90deg, #772ced, #9755FF);}

#filterCatalog {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	border-radius: 15px;
	background: linear-gradient(0deg, #772ced, #9755FF);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(119 44 237 / 71%);
	margin: 45px 0 30px;
	align-items: center;
	padding: 20px 10px;
}

#filterCatalog> .item {
	display: block;
	position: relative;
	margin: 0 10px;
	border-radius: 8px;
	box-shadow: 0px 15px 40px -5px rgb(0 0 0 / 32%);
	background: #fff;
}

#filterCatalog> .item> .search {
	display: block;
    position: relative;
	margin: 0 10px;
	border-radius: 8px;
    height: 40px;
    background: transparent;
}
@media only screen and (min-width: 1280px) {
  .item> .search {
    width: 540px;
  }
}
@media only screen and (min-width: 1090px) and (max-width: 1280px) {
  .item> .search {
    width: 300px;
  }
}


#filterCatalog> .item> .search input{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    padding: 0 calc(48px + 15px) 0 1px;
}

#filterCatalog> .item> select {
	border: 0;
	background: #fff;
	padding: 0 40px 0 15px;
	height: 40px;
	border-radius: 8px;
	-webkit-appearance: none;
	cursor: pointer;
	background: transparent;
	position: relative;
	z-index: 3;
	width: 100%;
}

#filterCatalog> .item:not(.srch)::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/select.svg) center no-repeat;
	position: absolute;
	top: calc(50% - 10px);
	right: 10px;
}

#filterCatalog> .item.srch input[type=submit] {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/search.svg) center no-repeat;
	position: absolute;
	top: calc(50% - 10px);
	margin-left: 95%;
    padding: 0px;
}

#filterCatalog> .item.srch input[type=submit] {
	cursor:pointer;
}
/************************************************** END Catalog ************************************************/















/************************************************** Product Page ************************************************/
.productPage {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.productLeft {
	width: 360px;
	margin: 0 40px 0 0;
	position: relative;
	display: flex;
	flex-direction: column;
}


.productLeft> .image {
	display: block;
	position: relative;
	height: 360px;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 30px rgb(113 102 181 / 14%);
}

.productLeft> .image> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	width: 0;
	min-width: 100%;
	min-height: 100%;
}

.productlc {
	display: flex;
	position: relative;
	margin: -22px 0 40px;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.productlc> a {
	display: flex;
	align-items: center;
	background: rgb(255 255 255 / 90%);
	height: 44px;
	padding: 0 25px;
	border-radius: 10px;
	box-shadow: 0 5px 25px -5px var(--shadow2);
	backdrop-filter: blur(3px);
	font-size: 14px;
	font-weight: 600;
	color: var(--black);
}

.productRight {
	width: calc(100% - 400px);
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	box-shadow: 0 5px 50px rgb(0 0 0 / 10%);
	border-radius: 10px;
}

.productRight> .infoBlock {
	display: block;
	padding: 30px;
	border-bottom: 1px solid #e8e0ff;
}

.productRight> .infoBlock> .item {
	display: flex;
	margin: 0 0 20px;
	flex-wrap: wrap;
}

.productRight> .infoBlock> .item:last-child {
	margin: 0;
}

.productRight> .infoBlock> .item> b {
	margin: 0 5px 0 0;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.productRight> .infoBlock> .item> span, .productRight> .infoBlock> .item> a {
	display: inline-block;
	background: #eeebf7;
	border-radius: 100px;
	color: #333;
	font-size: 14px;
	color: #222;
	padding: 5px 10px;
	margin: 5px;
}

.productRight> .infoBlock> .item> a {
	background: linear-gradient(90deg, #893EFF, #9755FF);
	color: #fff;
	text-shadow: 0px 1px 3px rgb(0 0 0 / 21%);
	box-shadow: 0px 10px 20px -10px rgb(157 60 255 / 60%);
}
.productImgsSlider {
	display: block;
	position: relative;
	margin: 0 -5px;
}

a.pisItem {
	margin: 0 5px;
	display: block;
}
/************************************************** END Product Page ************************************************/








/************************************************** Contents Page ************************************************/
.contentsItems {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 -20px -40px;
}

.contentsItems .mainContentItem {
	margin: 0 20px 40px;
	width: calc(33.333% - 40px);
}

.construction {
	display: flex;
	position: relative;
	flex-wrap: wrap;
}

.construction> .conSidebar {
	width: 260px;
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 40px 0 0;
}

.construction> .conContent {
	display: block;
	position: relative;
	width: calc(100% - 300px);
}

/************************************************** Context class ************************************************/
.contextPage.context {
	display: BLOCK;
	position: relative;
	padding: 25px;
	background: #fff;
	font-size: 16px;
	border-radius: 10px;
	box-shadow: 0px 5px 50px -10px rgb(0 0 0 / 17%);
}

figcaption {
	font-size: 12px;
	color: #999;
}

.context {
	font-size: 16px;
	display: block;
	color: #444;
	position: relative;
	font-weight: 400;
}

.context p, .context ul, .context ol {
	font-size: 16px;
	line-height: 150%;
	font-weight: 500;
}

.context p {
	display: block;
	position: relative;
	padding: 0px 0px 15px;
	margin: 0px;
}

.context p:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.context p.start {
	font-size: 22px;
	line-height: 30px;
	color: #000;
}

.context p b {
	color: #222;
}

.context h2 {
	font-size: 22px;
	font-weight: 500;
	margin: 0px 0px 20px;
	line-height: 140%;
}

.context p + h2, .context div + h2, .context div + div> h2 {
	margin: 20px 0px 20px;
}

.context h3 {
	font-size: 19px;
	font-weight: 500;
	margin: 0px 0px 15px;
}

.context p + h3, .context div + h3, .context div + div> h3 {
	margin: 15px 0px 15px;
}

.context h4 {
	font-size: 19px;
	font-weight: 600;
	margin: 0px 0px 15px;
	display: block;
}

.context p + h4, .context div + h4, .context div + div> h4 {
	margin: 15px 0px 15px;
}

.context ul:not(.noli):not(.slick-dots) {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

.context h4 + ul:not(.noli):not(.slick-dots) {
	padding: 8px 0px 15px 0px;
}

.context ul:not(.noli):not(.slick-dots) li {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0 0 10px 20px;
}

.context ul:not(.noli):not(.slick-dots) li::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 6px;
	left: 0px;
	background: var(--Brand);
	border-radius: 100px;
}


.context ol {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	counter-reset: myCounter;
}

.context h4 + ol {
	padding: 8px 0px 15px 0px;
}

.context ol li {
	display: block;
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 15px 30px;
}

.context ol li::before {
	counter-increment: myCounter;
	content: counter(myCounter)'.';
	position: absolute;
	top: 0px;
	left: 0px;
	color: var(--Brand);
}


.context blockquote {
	display: block;
	position: relative;
	margin: 0 0 30px;
	padding: 30px 30px 32px;
	font-size: 22px;
	color: #fff;
	border-radius: 15px;
	background: linear-gradient(0deg, #772ced, #9755FF);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(119 44 237 / 71%);
	text-shadow: 0px 1px 3px rgb(0 0 0 / 31%);
}

.context blockquote a {
	color: #fff;
}

.context blockquote> p:last-child {
	padding: 0;
}

.context img {
	border-radius: var(--border-radius);
	width: auto;
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

.context img[align="left"] {
	float: left;
	margin: 0 15px 15px 0 !important;
	position: relative;
	bottom: -4px;
	max-width: 400px;
}

.content_slider {
	display: block;
	position: relative;
	margin: 0px 0px 30px;
}

button.white.conslider.slick-arrow {
	top: initial;
	bottom: 32px;
}

button.white.conslider.prev {
	left: 30px;
}

button.white.conslider.next {
	right: 30px;
}


.context center {
	display: block;
	padding: 0px 0px 15px;
}

.context table {
	width: 100%;
	min-width: 700px;
	position: relative;
	border-collapse: collapse;
}

.context table tr td, .context table tr th {
	border: 1px solid #DDDDDD;
	/* font-size: 16px; */
	/* font-weight: 400; */
	/* color: #666; */
	padding: 10px 15px;
}

.context table tr th {
	text-align: left;
	background: #F0F0F0;
	color: #333;
}

.stable {
	display: block;
	position: relative;
	margin: 0px 0px 30px;
	max-width: 100%;
	overflow-x: overlay;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.stable.scroll {
	padding: 0px 0px 20px;
}

.stable.scroll::-webkit-scrollbar {
	height: 10px;
	background: #F0F0F0;
}

.stable.scroll::-webkit-scrollbar-thumb {
	background: #CACACA;
}

.shadow_stable {
	display: block;
	position: relative;
}

.shadow_stable.scroll {
	overflow: hidden;
}

.shadow_stable.scroll::after {
	content: '';
	display: block;
	width: 15px;
	top: 0px;
	right: -15px;
	background: #f7f7f7;
	position: absolute;
	bottom: 50px;
	box-shadow: 0px 0px 40px 25px #f7f7f7;
	transition: all 0.2s;
	opacity: 1;
}

.shadow_stable.scroll.hidescroll::after {
	opacity: 0;
}


.hiddentext {
	display: block;
	position: relative;
	margin: 0px 0px 15px;
}

.hiddentext> p.hide {
	display: none;
}

.hiddentext> p.hide + a {
	display: inline-block;
	font-size: 19px;
	font-weight: 400;
	color: var(--Brand);
	border-bottom: 1px dotted;
	margin: -5px 0px 10px;
}

.slideshow {
	display: block;
	position: relative;
	margin: 0px -17px 30px;
}

.slideshow .item {
	margin: 0px 17px;
}

.slideshow .item> a {
	display: block;
	position: relative;
}

.slideshow .item> a> img {
	min-width: 100%;
	z-index: 1;
}

.slideshow .item> a::before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(107 12 81 / 81%);
	z-index: 2;
	transition: all 0.2s;
	opacity: 0;
}

.slideshow .item> a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/lupa.png) center no-repeat;
	z-index: 3;
	transition: all 0.2s;
	opacity: 0;
}

@media(hover) {
	.slideshow .item> a:hover::before, 
	.slideshow .item> a:hover::after {
		opacity: 1;
	}
}


button.sshow.prev, button.sshow.next {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA8CAMAAAA5W+hcAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMAARYaIjIzODlBQmJjbm9wdnd8fX6AgYKDiIqMjY6PkJiZmu7w8fL1/f5CplXwAAAAlklEQVR4Ad3WyQ6CUAyF4YPzPOOsqIhK3/8BNdGyuz0kornwr7+cVReFXQO04HLvcSOiyjIv1TXNWYSqrXy61tiOyKP/c3PKYaLCzcBpjtygqubgmdn/0YRq0qHT7AraCaIMjeBuLdoM4Aebjr/dyqlWpVbLTM0rq0Lv1cIrtVF0qxtq+jZxE2AqbgFMJW2wJkmHGn1DnsUbV8mrHxKIAAAAAElFTkSuQmCC') center no-repeat;
	background-size: 12px;
	display: block;
	position: absolute;
	background-color: #000;
	width: 27px;
	height: 38px;
	cursor: pointer;
	border: 0px;
	z-index: 1;
	transition: all 0.1s;
	opacity: 0.5;
	top: calc(50% - 19px);
}

button.sshow.prev {
	left: 27px;
}

button.sshow.next {
	right: 27px;
	transform: scale(-1, 1);
}

@media(hover) {
	button.sshow.prev:hover, 
	button.sshow.next:hover {
		opacity: 1;
	}
}
/************************************************** END Context class ************************************************/



.construction.userConstruction> .conSidebar> button.openUserNav {
	display: none;
}



.userBalance {
	display: flex;
	flex-direction: column;
	position: relative;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 50px -10px rgb(0 0 0 / 17%);
	margin: 0 0 20px;
}

.userBalance> b, .userBalance> span {
	padding: 15px 15px 12px;
	border-bottom: 1px solid #e3e8f1;
	font-weight: 600;
}

.userBalance> span {
	font-size: 13px;
	font-weight: 500;
	color: #999;
	padding: 12px 15px;
}

.userBalance> .buttons {
	display: flex;
	justify-content: space-between;
	padding: 15px;
}

.userBalance> .buttons> .button {
	padding: 0 15px;
	font-size: 13px;
	min-height: 38px;
	border-radius: 10px;
}

.userBalance> .buttons> .button> ion-icon {width: 16px;height: 16px;}

.userBalance> .buttons> .button.out {
	background: linear-gradient(90deg, #7e7e7e, #9d9d9d);
}



.conSidebar> nav.menu {
	display: flex;
	flex-direction: column;
	position: relative;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 50px -10px rgb(0 0 0 / 17%);
	overflow: hidden;
}

.conSidebar> nav.menu> a {
	display: flex;
	padding: 15px 15px;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #e9e5f0;
	box-shadow: 0px 1px 0px rgb(255 255 255 / 50%);
	transition: all 0.15s;
	align-items: CENTER;
}

.conSidebar> nav.menu> a.exit {
	color: #e74c4c;
}

.conSidebar> nav.menu> a> ion-icon {
	font-size: 18px;
	margin: 0 5px 0 0;
}

.conSidebar> nav.menu> a:last-child {
	border: 0;
	box-shadow: none;
}

.conSidebar> nav.menu> a:hover {
	background: rgb(194 178 237 / 15%);
}

.conSidebar> nav.menu> a.active {
	background: linear-gradient(0deg, #772ced, #9755FF);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(119 44 237 / 71%);
	color: #fff;
	border-color: #6a2bcc;
	text-shadow: 0px 1px 4px rgb(0 0 0 / 35%);
}



.reviewsItems {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 0 50px;
}

.reviewsItems .reviewMainItem {
	margin: 0 0 30px;
	box-shadow: 0px 9px 30px -8px rgb(0 0 0 / 10%);
}
/************************************************** END Contents Page ************************************************/











/************************************************** Users Pages ************************************************/
.userTariffInfo {
	display: block;
	position: relative;
	margin: 0 0 30px;
}

.userTariffInfo> div {
	display: block;
	position: relative;
	background: #000;
	border-radius: 10px;
	padding: 15px;
	font-size: 16px;
	font-weight: 400;
	background: linear-gradient(0deg, #14c91b, #64bb23);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(31 177 16 / 62%);
	color: #fff;
	text-shadow: 0px 1px 4px rgb(0 0 0 / 35%);
}

.userTariffInfo> div.warningT {
	background: linear-gradient(0deg, #c98a14, #ed8e17);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(177 90 16 / 62%);
}

.userBlockItem {
	display: block;
	position: relative;
	margin: 0 0 30px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 50px -10px rgb(0 0 0 / 17%);
}

.userBlockItem> h3 {
	font-size: 20px;
	padding: 15px;
	border-bottom: 1px solid #e9e5f0;
	margin: 0;
	font-weight: 500;
}

.userBlockContent {
	display: block;
	position: relative;
	padding: 15px;
}

.tablemob {
	display: block;
	position: relative;
	overflow-y: overlay;
	min-width: 500px;
	max-width: 100%;
}

table.table {
	width: 100%;
}

table.table th, table.table td {
	border: 1px solid #e9e5f0;
	padding: 10px;
	font-size: 14px;
}

table.table th {
	text-align: left;
	color: #fff;
	border-color: #6a2bcc;
	text-shadow: 0px 1px 4px rgb(0 0 0 / 35%);
	background: linear-gradient(0deg, #893EFF, #9755FF);
}


.refLink {
	display: block;
	margin: 0 0 20px;
	padding: 15px;
	background: #f1f1f1;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	position: relative;
}

.refLink span.getcopy {
	height: 38px;
	width: 38px;
	top: initial;
	bottom: 15px;
	right: 15px;
}

.refLink> b {
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 10px;
}

.refLink> input {
	border: 1px solid #d5d5d5;
	padding: 10px 15px;
	border-radius: 6px;
	padding-right: 40px;
}

.messageInfoAccountCount {
	display: block;
	position: relative;
	margin: 0 0 30px;
	background: linear-gradient(0deg, #772ced, #9755FF);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(119 44 237 / 71%);
	color: #fff;
	border-color: #6a2bcc;
	text-shadow: 0px 1px 4px rgb(0 0 0 / 35%);
	padding: 15px;
	border-radius: 10px;
}

.messageInfoAccountCount> span {
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 100%;
	margin: 0 5px;
	color: #000;
	font-weight: bold;
	text-shadow: none;
	box-shadow: 0px 5px 20px -7px rgb(0 0 0 / 93%);
}

.accountsList {
	display: flex;
	margin: 0 -20px -40px;
	position: relative;
	flex-wrap: wrap;
}

.accountsList> .accountItem {
	display: flex;
	flex-direction: column;
	background: #fff;
	margin: 0 20px 40px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 50px -10px rgb(0 0 0 / 17%);
	width: calc(33.333% - 40px);
	padding: 15px;
}

.accountsList> .accountItem> h3 {
	display: block;
	margin: 0 0 20px;
	flex-grow: 1;
}

.accountsList> .accountItem> .image {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: 1px solid #ededed;
	border-radius: 10px;
	margin: 0 0 15px;
}

.accountsList> .accountItem> .image> img {
	position: absolute;
	max-width: calc(100% - 30px);
	max-height: calc(100% - 30px);
}

.accountsList> .accountItem> .image::before {
	content: '';
	display: block;
	padding-top: 65%;
}

.accountsList> .accountItem> .image.noimg {
	background: #f1edff;
	border: 0;
}

.accountsList> .accountItem> .image.noimg> svg {
	width: 100%;
	height: auto;
	max-width: 100px;
}

.accountsList> .accountItem> .alogin, .accountsList> .accountItem> .apassword {
	display: block;
	margin: 0 0 15px;
	border: 1px solid #e3e3e3;
	padding: 12px 15px;
	border-radius: 6px;
	font-weight: 400;
	font-size: 14px;
	position: RELATIVE;
	padding-right: 50px;
	overflow: hidden;
}

span.getcopy {
	display: flex;
	align-items: CENTER;
	justify-content: center;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	color: var(--Brand);
	cursor: pointer;
	transition: all 0.05s;
}

span.getcopy:hover {
	color: #222;
}

.miniAlert {
	display: inline-flex;
	position: fixed;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%, 0);
	background: rgb(0 0 0 / 56%);
	color: #fff;
	padding: 10px 30px;
	z-index: 9999;
	border-radius: 100px;
	backdrop-filter: blur(2px);
	text-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.3px;
	max-width: 320px;
}

.accountsList> .accountItem> .button {
	margin: 5px 0 0;
}

.button.disabled {
	cursor: default;
	opacity: 0.5;
}


.payout_variants {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 -10px 30px;
}

.payout_variants> label.payout_variant {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 10px;
	width: calc(33.333% - 20px);
	border: 2px solid #dde0e5;
	border-radius: 10px;
	background: #fff;
	transition: all 0.15s;
	cursor: pointer;
}

.payout_variants> label.payout_variant.active {
	border-color: #904afe;
}

.payout_variants> label.payout_variant:not(.active):hover {
	border-color: #bfc5cf;
}

.payout_variants> label.payout_variant> input {
	display: none;
}

.payout_variants> label.payout_variant> .pi_block {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 15px;
}

.payout_variants> label.payout_variant> .pi_block> .pi_image {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 15px;
	height: 60px;
}

.payout_variants> label.payout_variant> .pi_block> .pi_info {
	display: flex;
	flex-direction: COLUMN;
	position: relative;
	font-size: 14px;
	color: #555;
}

.payout_variants> label.payout_variant> .pi_block> .pi_info> b {
	font-size: 14px;
	color: #222;
	font-weight: 600;
	margin: 0 0 10px;
}

.payout_results {
	display: none;
	margin: 0 0 30px;
}

.mainTariffs.profileTariffs {
	margin: 0 0 30px;
	padding: 0 0 1px;
	background-image: url('../images/blackbg.webp');
	background-size: cover;
	border-radius: 10px;
	padding: 10px 0;
}

.mainTariffs.profileTariffs> .item {
	width: calc(33.333% - 20px);
	margin: 0 10px 30px;
	padding: 15px;
}







.tasksList {
	display: block;
	position: relative;
}

.tasksList> .taskItem {
	display: block;
	position: relative;
	margin: 0 0 30px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 50px -10px rgb(0 0 0 / 17%);
	padding: 25px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.tasksList> .taskItem> h3 {
	display: block;
	position: relative;
	margin: -25px -25px 25px;
	padding: 25px 25px 22px;
	border-bottom: 1px solid #e7e6e9;
	font-size: 20px;
	font-weight: 600;
	color: #222;
	width: calc(100% + 50px);
}

.tasksList> .taskItem> .taskEndDate {
	display: inline-flex;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	background: #f2e9ff;
	padding: 8px 10px;
	margin: 0 0 20px;
	color: #222;
}

.tasksList> .taskItem> .description {
	display: block;
	position: relative;
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 20px;
}

.tasksList> .taskItem> .fulltext {
	display: none;
	width: 100%;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 20px;
}

.tasksList> .taskItem> .openDetailTask {
	margin: 0 0 20px;
	font-size: 14px;
	font-weight: 500;
	min-height: 38px;
	padding: 0 15px 0 10px;
	background: linear-gradient(90deg, #7e7e7e, #9d9d9d);
	font-size: 13px;
	border-radius: 10px;
}

.tasksList> .taskItem> .buttons {
	display: flex;
	align-items: center;
	width: calc(100% + 50px);
	margin: 0 -25px -25px;
	border-top: 1px solid #e7e6e9;
	padding: 20px 25px;
}

.tasksList> .taskItem> .fulltext p:not(:last-child) {
	margin: 0 0 20px;
}

span.taskActive {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 10px 0 10px;
	font-size: 14px;
	background: #8a3fff;
	padding: 8px 10px;
	margin: 0 0 20px;
	color: #fff;
	font-weight: bold;
}

span.taskActive.is_end {
	background: linear-gradient(0deg, #14c91b, #64bb23);
	box-shadow: inset 0px -3px 0px rgb(0 0 0 / 14%), inset 0px 37px 0px rgb(255 255 255 / 3%), inset 0px 15px 30px rgb(255 255 255 / 17%), 0px 15px 40px -10px rgb(31 177 16 / 62%);
	color: #fff;
	text-shadow: 0px 1px 4px rgb(0 0 0 / 35%);
}

.chatMessagesBody {
	display: block;
	position: relative;
	max-height: 360px;
	margin: 0 0 30px;
	border: 1px solid #dce0ed;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: overlay;
	width: 100%;
	border-radius: 10px;
	background-image: url(/design/default/images/white.svg);
	background-size: cover;
}

.chatMessages {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}

.chatMessages> .message_item {
	display: flex;
	align-items: flex-start;
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 0 0 0 20%;
	justify-content: end;
}

.chatMessages> .message_item.isadmin {
	justify-content: start;
	padding: 0 20% 0 0;
}

.chatMessages> .message_item> .message {
	background: #d3cfff;
	display: block;
	position: relative;
	padding: 15px;
	font-size: 14px;
	border-radius: 10px 10px 0 10px;
	box-shadow: 0px 0px 0px 2px #fff, 0px 5px 15px rgb(211 207 255 / 34%);
	font-weight: 500;
}

.chatMessages> .message_item:last-child {
	margin: 0;
}

.chatMessages> .message_item.isadmin> .message {
	background: #fff;
	border-radius: 10px 10px 10px 0;
}

.chatMessages> .message_item> .message> span.date {
	display: block;
	font-size: 12px;
	color: rgb(0 0 0 / 43%);
	margin: 7px 0 -6px;
}

.chatMessages> .message_item> .message ul, .chatMessages> .message_item> .message ol {
	margin: 0;
}

.chatMessages> .message_item> .message> blockquote {
	margin: 5px 0;
	background: #fff;
	padding: 8px 15px 8px 10px;
	border-left: 2px solid #893eff;
}

form.sendChat {
	display: block;
	position: relative;
}

form.sendChat> button.button {
	margin: 20px 0 0;
}


/************************************************** END Users Pages ************************************************/


















/************************************************** Main Accounts ************************************************/
.accountsList.mainAccountsList {
	display: flex;
	margin: 0 -20px 100px;
	justify-content: center;
}
/************************************************** END Main Accounts ************************************************/





























.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

button.slick-arrow {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    z-index: 10;
    border: 0px;
    cursor: pointer;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.14);
    font-size: 21px;
    line-height: 45px;
    color: #888;
}

button.slick-prev.slick-arrow {
    left: -10px;
    padding: 0px 5px 0px 0px;
}

button.slick-next.slick-arrow {
    right: -10px;
    padding: 0px 0px 0px 6px;
}

ul.slick-dots {
	display: flex !important;
	position: relative;
	margin: 10px 0px 0px 0px;
	z-index: 1;
	align-items: center;
	justify-content: center;
	padding: 0;
}

ul.slick-dots> li {
	display: flex;
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	align-items: center;
	justify-content: center;
}

ul.slick-dots> li> button {
	display: block;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin: 0px 4px;
	border-radius: 100px;
	cursor: pointer;
	background: #d6d6d6;
	border: 0px;
	transition: all 0.3s;
}

ul.slick-dots> li.slick-active> button {
	background: #8a40ff;
	width: 24px;
}







@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}










@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('../fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-RegularItalic.woff') format('woff'),
        url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('../fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-MediumItalic.woff') format('woff'),
        url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-UltraLight.woff') format('woff'),
        url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('../fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-BoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff'),
        url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}