html,
body,
h1, h2, h3, h4, h5, h6, p{
	font-family: 'Mulish', sans-serif;
	text-transform: inherit;
	font-weight: inherit
}

body:not(.home){
	padding-top: 63px
}

header.cpmlink-header{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: 8px
}

header.cpmlink-header .logo img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 40px
}

header.cpmlink-header .navbar{
	display: block;
	position: relative;
	text-align: center
}
header.cpmlink-header .navbar > ul{
	margin: 0;
	padding: 0;
	list-style-type: none
}
header.cpmlink-header .navbar > ul > li{
	display: inline-block;
	margin: 0 5px
}
header.cpmlink-header .navbar > ul > li a{
    display: inline-block;
    padding: 5px 14px;
    color: #222;
    font-weight: 700;
    font-size: 1em;
    line-height: normal;
    transition: .2s
}
header.cpmlink-header .navbar > ul > li a i{
    font-size: 14px;
    vertical-align: middle;
    margin-top: -3px;
	opacity: .6;
	transition: .05s
}

header.cpmlink-header .navbar > ul > li a:hover,
header.cpmlink-header .navbar > ul > li.selected a{
    color: #4788ff
}
header.cpmlink-header .navbar > ul > li a:hover i,
header.cpmlink-header .navbar > ul > li.selected a i{
    opacity: 1
}

header.cpmlink-header .navbar-toggle{
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #999!important;
	text-decoration: none
}
header.cpmlink-header .navbar-toggle > *{
	font-size: 1.8em;
	margin-top: 8px
}

header.cpmlink-header .navbar-toggle .navicon{
	display: block
}
header.cpmlink-header .navbar-toggle .close{
	display: none
}
header.cpmlink-header .navbar-toggle.on .navicon{
	display: none
}
header.cpmlink-header .navbar-toggle.on .close{
	display: block
}

header.cpmlink-header .navbar-toggle{
	display: none
}

header.cpmlink-header nav{
    text-align: right;
    margin-top: 6px
}
header.cpmlink-header nav ul{
	margin: 0!important
}
header.cpmlink-header nav ul li{
    display: inline-block;
    margin: 0 -2.5px
}

header.cpmlink-header nav ul li a{
    display: inline-block;
    padding: 5px 14px;
    color: #4788ff;
    border: 1px solid #4788ff;
    font-weight: 700;
    font-size: .9em;
    letter-spacing: .05rem;
    line-height: normal;
    transition: .2s
}

header.cpmlink-header nav ul li a:hover{
    color: #fff;
    background: #4788ff
}

header.cpmlink-header nav ul li:first-child a{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

header.cpmlink-header nav ul li:last-child a{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

header.cpmlink-header nav ul li a i{
    font-size: 12px;
    vertical-align: middle;
    margin-top: -3px
}

@media only screen and (max-width: 800px){
	
	body:not(.home){
		padding-top: 56px
	}
	
	header.cpmlink-header .navbar{
		position: fixed;
		width: 100%;
		top: 48px;
		left: 0;
		z-index: 3;
		text-align: center;
		background: #f9f9f9;
		border-bottom: solid 1px #ddd;
		padding: 20px;
		margin-top: 50px;
		display: block;
		opacity: 0;
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: all 200ms ease;
		box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06);
	}
	header.cpmlink-header .navbar.show{
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		display: block;
		margin-top: 0
	}
	
	header.cpmlink-header .navbar > ul > li{
		display: block
	}
	
	header.cpmlink-header .navbar-toggle{
		display: block
	}
	
	header.cpmlink-header nav{
		display: none;
		text-align: center;
		margin-top: 20px
	}
	
	header.cpmlink-header .navbar nav{
		display: block
	}
	
}

.section-intro .btn-play .material-symbols-outlined{
    font-size: 5em
}

footer .nav ul li:after{
	content: '·'
}


@media only screen and (max-width: 1368px){
	.section-table .table-content{
		margin-top: -220px
	}
}

@media only screen and (min-width:960px) and (max-width: 1100px){
	.section-intro{
		padding-top: 150px
	}
	.section-table .table-content{
		margin-top: -120px
	}
}

@media only screen and (max-width: 960px){
	.section-intro .content-inner{
		padding: 80px 20px 20px
	}
	.section-intro .image{
		display: none
	}
	.section-table .table-content{
		margin-top: 0
	}
}

.about__pic__item{
	opacity: 1!important
}

ul.checkmark{
	padding-left: .5rem
}
ul.checkmark li{
	font-size: 16px;
	margin-bottom: 1em;
	list-style-type: none;
	padding: 0.25em 0 0 2.5em;
	position: relative
}
ul.checkmark li:before{
	content: " ";
	display: block;
	border: solid 0.8em #70eabf;
	border-radius: 0.8em;
	height: 0;
	width: 0;
	position: absolute;
	left: 0.5em;
	top: 40%;
	margin-top: -0.5em
}
ul.checkmark li:after{
	content: " ";
	display: block;
	width: 0.3em;
	height: 0.6em;
	border: solid #fff;
	border-width: 0 0.2em 0.2em 0;
	position: absolute;
	left: 1.13em;
	top: 44%;
	margin-top: -0.2em;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.default-btn{
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 35px 11px;
    color: #222;
    letter-spacing: 2px;
    transition: .2s;
	border: solid 1px #4788ff;
	text-transform: uppercase;
	margin-left: -4px
}

.default-btn.border-btn:hover{
    color: #4788ff
}


@media only screen and (min-width: 800px){
	
	.why.spad{
		padding-bottom: 0
	}

	.why.spad .about__pic__item{
		margin-bottom: -60px
	}

	.about.spad{
		padding-bottom: 0
	}

	.about.spad .about__pic{
		overflow: inherit
	}
	.about.spad .about__pic__item{
		margin-top: -80px;
		position: relative;
		z-index: 2
	}
	
}

.chooseus__item.selected .chooseus__icon{
    background-image: url(../img/shape/shape-5.png)!important
}
.chooseus__item.selected .chooseus__icon span{
    color: #fff
}

@media only screen and (max-width: 800px){
	
	.primary-btn,
	.default-btn{
		padding-left: 16px;
		padding-right: 16px;
		font-size: 13px
	}
	
}

.payment-logo{
	display: flex;
	position: relative;
	flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
	margin-top: 20px!important
}
.payment-logo .item{
	flex: 1;
	padding: 10px
}
.payment-logo .item img{
	width: auto;
	height: auto;
	max-height: 30px;
	transition: all 200ms linear;
	filter: grayscale(1);
	opacity: .8
}
.payment-logo .item.volet img{
	opacity: .4;
	max-height: 25px
}
.payment-logo .item.payeer img{
	max-height: 28px
}
.payment-logo .item.pm img{
	max-height: 34px
}

.payment-logo .item:hover img{
	opacity: 1;
	filter: none
}