summary:hover{
	background: -webkit-linear-gradient(left, #151722 0%, #0d111a 0%, #080c12e8 0%, #090d13cc 86%, #0d141cab 100%);
 }
summary {
  background-color: #1d1c1c;
  color: #ffffff;
  cursor: crosshair;
  user-select: none; 
  padding: 18px;
  font-size: 20px;
  margin-left: 50px auto;
  outline: none;
  z-index: 5;
  border-radius:10px;
}

details {
  box-sizing: border-box;
  margin-top: 15px;
}
details[open] > summary {
	background: -webkit-linear-gradient(left, #151722 0%, #0d111a 0%, #080c12e8 0%, #090d13cc 86%, #0d141cab 100%);
  box-shadow: 0px 10px 0px 0px rgba(25,26,30,1);
}
details summary::-webkit-details-marker {
  display:none;
}

.contint {
	border-top: none;
	background-color: #1d1c1c;
	border-radius: 0 0 10px 10px;
	color: #fff;
	padding: 10px;
	border: 2px solid #1d1c1c;
}
.contint ol {
	list-style: none;
	font-size: 15px;
	padding: 0;
	margin: 10px 0;
	counter-reset: num;
}
.contint li {
	margin: 0;
	padding: 0 0 10px 40px;
	position: relative;
	line-height: 38px;
	counter-increment: num;
}
.contint li::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background: #1d1c1c;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-size: 12px;
	border-radius: 50%;
	content: counter(num);
	border: 1px solid #6e8ba9;
}

.ves_block {
	display: flex;
	height: auto;
	align-items: stretch;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
}

.blok {
	padding: 0px 30px 15px 30px;
	flex: 1 1;
	align-self: stretch;
}
.tekst {
	text-align: center;
	font-size: 40px;
	user-select: none; 
	text-shadow: #7b2cc6 0 0 15px;
}

#routerpages {
	padding: 15px;
	height: auto;
	align-items: stretch;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
}

@media only screen and (max-width: 540px) {
    #routerpages {
        display: none !important;
	}
}

#help-popular {
    font-size:0;
    margin-top:6px!important;
    margin-left:8px;
    margin-bottom:0;
    margin-right:0
}

#help-popular h4 {
    font-size:12px!important;
    padding-top:0;
    padding-bottom:16px;
    padding-left:6px
}
#help-popular a {
    overflow:hidden;
    transition:.3s;
    opacity:.9;
    display:inline-block;
    width:23.9%;
    text-transform:none;
    text-align:left;
    box-shadow:0 2px 4px #172026;
    border-radius:8px;
    padding:8px 300px 15px 15px;
    color:#fff;
    font-family:var(--font-family-0);
    font-weight:700;
    font-size:18px;
    line-height:1.3;
    height:112px;
    margin:0 .5% 12px;
    text-decoration:none;
    vertical-align:top
}

@media only screen and (max-width: 1919px) {
    #help-popular a {
		padding:8px 200px 15px 15px;
		height: 90px;
	}
}

@media only screen and (max-width: 1024px) {
	#routerpages {
        display: flex;
	}

	#help-popular{
		flex: 1 1;
		align-self: stretch;
	}

    #help-popular a {
		padding:8px 300px 15px 15px;
		height: 113px;
    	width: 48.0%;
    	margin: 8px;
	}
}

@media only screen and (max-width: 768px) {
	#routerpages {
        display: flex;
	}

	#help-popular{
		flex: 1 1;
		align-self: stretch;
	}

    #help-popular a {
		padding:4px 200px 15px 5px;
		width: 47.9%;
    	height: 82px;
    	margin: 4px;
	}
}

#help-popular a:hover{
    opacity:1;
    transform:scale(1.05)!important;
    transition:.3s
}
#help-popular a img{
    position:absolute;
    bottom:-50px;
    left:-50px;
    height:168px;
    opacity:.1
}
#help-popular a:hover img{
    transform:scale(1.1);
    transition:.3s
}
#help-popular a:first-of-type{
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular a:first-of-type:hover{
	box-shadow:0 0 16px rgba(255, 75, 75, 0.2)!important;
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular a:nth-of-type(2){
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular a:nth-of-type(2):hover{
	box-shadow:0 0 16px rgba(255, 78, 78, 0.2)!important;
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular a:nth-of-type(3){
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular a:nth-of-type(3):hover{
	box-shadow:0 0 16px rgba(255, 75, 75, 0.2)!important;
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular a:nth-of-type(4){
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular a:nth-of-type(5) ion-icon{
	opacity:.02!important;
	background-image: url(/app/modules/module_page_faq/img/bg_sl0.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#help-popular ion-icon{
    position:absolute;
    bottom:-48px;
    left:-48px;
    font-size:160px;
    opacity:.1
}