@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
/* 	font-family: 'Inter', sans-serif; */
html, body { min-height: 100%; padding: 0; margin: 0; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.5; color: #8F8F8F; font-weight: 500;}
body {
	position: relative; 
	background: #0D1117 url(../images/b1.jpg) top center no-repeat;
}
a { color: #8F8F8F; }
a:hover,
.highlighted:hover {  
	color: #8F8F8F; 
	background: linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%) no-repeat;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	text-decoration: none; 
}

p { margin: 0 0 12px; }

b, strong { font-weight: 700; }

i { font-style: italic; }

h1 {
	margin: 0 0 24px;
	font-size: 40px;
	line-height: 1.2;
	color: #fff;
	font-weight: 500; }

h2 {
	margin: 0 0 48px;
	font-size: 36px;
	line-height: 1.2;
	color: #fff;
	font-weight: 500; }
	
h3 {
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
	font-weight: 500; }

video {
	width: 100%;
  	height: auto;
  	max-height: 100%;
}

ul li {
	position: relative;
	list-style: none;
	margin-bottom: 10px; }

ul li:before {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	left: -23px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #343434; }

.btn {
	display: inline-block;
    padding: 0 32px;
	color: #fff;
    background: linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%) padding-box,
	linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%) border-box;
	border-radius: 8px;
	border: 1px solid transparent;
	transition: all .3s;
	font-size: 14px;
	line-height: 44px;
	outline: none; 
	white-space: normal;
}
.btn-lg {
	font-size: 16px;
}
  .btn:hover,
  .btn:focus,
  .btn:active {
	color: #fff;
	outline: none;
    box-shadow: none;
    background: linear-gradient(98.11deg, #0D1117 0%,  #0D1117 100%) padding-box,
	linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%) border-box no-repeat;
}

.btn.mobile {
	display: none; }

.center {
	text-align: center; }

.bold {
	font-weight: 700; }

.semibold {
	font-weight: 600; }


@media (min-width: 480px) {
	
	.container {
		width: 480px;
	}
	
}

@media (min-width: 768px) {
	
	.container {
		width: 708px;
	}
	
}

@media (min-width: 1024px) {
	
	.container {
		width: 1020px;
	}
	
}

@media (min-width: 1210px) {
	
	.container {
		width: 1210px;
	}
	
}
@media (min-width: 1400px) {
	
	.container {
		width: 1330px;
	}
	
}


@media (max-width: 767.98px) {
	
	body {
		background-position: top -120px left calc(50% + 220px);
	}
	h1 {
		margin: 0 0 16px;
		font-size: 28px;
	}
	h2 {
		margin: 0 0 40px;
		font-size: 24px;
	}	
	h3 {
		font-size: 18px;
	}
	
}

	

/* top */

#top {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	padding: 24px 0;
	background: linear-gradient(to bottom, #0e1118 0, #0e1118 50%, #10131c00 100%);
	z-index: 100;
}

#top .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#top .container:before,
#top .container:after {
	display: none;
}
#top .top-left {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu {
	margin-left: 112px;
}
.menu a {
	margin-right: 40px;
	font-size: 14px;
	line-height: 44px;
}
.menu a:focus {
	color: #8F8F8F;
}
.menu .btn {
	display: none;
	margin-top: 16px;
}

.lighten {
	position: relative;
	overflow: visible;
}
.lighten:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    display: block;
	background: url(../images/lighten.svg) top left repeat;
	z-index: -1;
	opacity: 0.5;
	filter: blur(32px);
	opacity: 0.24;
}
.topnav-toggle {
	width: 40px;
	height: 40px;
	display: none;
	background: url(../images/menu_toggle.svg) center no-repeat !important;
}

@media (max-width: 1209.98px) {
		
	.menu {
		margin-left: 89px;
	}
	

}

@media (max-width: 1023.98px) {

	#top {
		background: rgba(22, 29, 39, 0.65);
		border-bottom:  #202937;
		padding: 0;
	}
		
	#top .container {
		height: 64px;
	}		
	.menu {
		display: none;
		position: absolute;
		z-index: 100;
		width: 100%;
		background: #0D1117;
		padding: 0 calc(50% - 354px) 32px 0;
		top: 64px;
		right: 0;
		text-align: right;
	}

	.menu a {
		display: block;
		text-align: right;
		color: #fff;
	}

	.menu .btn {
		display: inline-block;
	}
	.top-right {
		display: none;
	}
	.top-left {
		flex-grow: 1;
	}
	
	.topnav-toggle {
		display: block;
	}
}


/* b1 */

.section-b1 {
	padding-top: 262px;
	margin-left: calc(50% + 10px);
	width: 440px;
}
.section-b1 p {
	font-size: 18px;
}
.section-b1 .btn {
	margin-top: 48px;
}

@media (max-width: 1209.98px) {

	.section-b1 {
		margin-left: calc(50% + 15px) ;
		width: 480px;
	}
	
}

@media (max-width: 1023.98px) {

	.section-b1 {
		margin-left: calc(50% - 88px) ;
		width: 442px;
	}
	
}

@media (max-width: 767.98px) {
	
	.section-b1 {
		margin-left: auto;
		margin-right: auto;
		padding-top: 256px;
		width: 446px;
		text-align: center;
	}
	.section-b1 .btn {
		margin-top: 38px;
	}
}

@media (max-width: 479.98px) {
	
	.section-b1 {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
	
}

/* card */

.section-card {
	padding-bottom: 192px;
}
.section-card .container {
	margin-top: 192px;
	padding: 80px 40px;
	max-width: 1300px;
	background: url(../images/card.jpg) top center /cover no-repeat;
	border-radius: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.section-card .container:before,
.section-card .container:after {
	display: none;
}
.section-card .card {
	width: 352px;
	padding-top: 160px;
	background-repeat: no-repeat;
	background-position: top left;
}
.section-card .card-view {
	background-image: url(../images/ico_view.png);
}
.section-card .card-money {
	background-image: url(../images/ico_money.png);
}
.section-card .card-lock {
	background-image: url(../images/ico_lock.png);
}
		
.section-card .card h3 {
	margin-bottom: 16px;
}
.section-card .sep {
	width: 1px;
	background: #334157;
}

@media (max-width: 1399.98px) {
	
	.section-card .container {
		max-width: 1180px;
	}
	
	.section-card .card {
		width: 312px;
	}
	
}

@media (max-width: 1209.98px) {
	
	.section-card .container {
		max-width: 990px;
	}
	
	.section-card .card {
		width: 249px;
	}
	
}

@media (max-width: 1023.98px) {
	
	.section-card .card {
		width: 258px;
	}
	.section-card .card-lock {
		width: 100%;
		padding-top: 0;
		padding-left: 160px;
		min-height: 112px;
	}	
	.section-card .card-money + .sep {
		margin: 40px 0;
		width: 100%;
		height: 1px;
	}
	
}

@media (max-width: 767.98px) {
		
	.section-card {
		padding-bottom: 80px;
	}
	.section-card .container {
		margin-top: 80px;
		padding: 40px;
		border-radius: 16px;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.section-card .card {
		width: 100%;
		padding: 136px 0 0;
	    background-position: top center;
		text-align: center;
	}	
	.section-card .sep {
		margin: 40px 0;
		width: 100%;
		height: 1px;
	}				
	.section-card .card h3 {
		margin-bottom: 8px;
	}
}

@media (max-width: 479.98px) {
	
	.section-card {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
	
}
/* section standart 2 column */
 
.section-2col .container  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.section-2col .container:before,
.section-2col .container:after {
	display: none;
}
.section-2col .col-left {
	width: 420px;
}
.section-2col .col-left h2 {
	margin-bottom: 48px;
}
.section-2col .col-left p {
	margin-bottom: 24px;
	font-size: 18px;
}
.section-2col .col-right {
	width: calc(100% - 420px);
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.section-border {
	position: relative;
}
.section-border:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(50% - 650px);
	width: 1300px;
	height: 1px;
	background: #334157;
}
.metka {
	margin-bottom: 24px;
	font-size: 16px !important;
}



@media (max-width: 1399.98px) {
	
	
	.section-2col .col-left {
		width: 380px;
	}
	.section-2col .col-right {
		width: calc(100% - 380px);
	}
	.section-border:after {
		left: calc(50% - 590px);
		width: 1180px;
	}
	
}


@media (max-width: 1209.98px) {

	.section-2col .col-left {
		width: 100%;
		margin-bottom: 88px;
	}
	.section-2col .col-left p,
	.section-2col .col-left h2 {
		max-width: 650px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.section-2col .col-right {
		width: 100%;
	}
	.section-border:after {
		left: calc(50% - 495px);
		width: 990px;
	}

}

@media (max-width: 1023.98px) {
	
	.section-border:after {
		left: calc(50% - 339px);
		width: 678px;
	}
	
}

@media (max-width: 767.98px) {
	
	.section-2col .col-left {
		margin-bottom: 28px;
	}		
	.section-2col .col-left p,
	.section-2col .col-left h2 {
		text-align: left;
	}	
	.section-border:after {
		left: calc(50% - 223px);
		width: 446px;
	}
	
}

@media (max-width: 479.98px) {
	
	.section-border:after {
		left: 15px;
		width: calc(100% - 30px);
	}
	
}

/* about */

.section-clients {
	position: relative;
	padding-bottom: 128px;
}
.section-clients .slick-list {
	width: 618px;
	margin-left: 66px;
	margin-right: 66px;
}
.section-clients .slick-slide { 
	margin: 0 20px;
}
.section-clients .slick-item .item {
	margin: 0 0 64px;
	width: 269px;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
}
.section-clients .slick-item .item img {
	border-radius: 100%;
	width: 112px;
	height: 112px;
	display: block;
	object-fit: cover;
	margin: 0 auto 24px;
}
.section-clients .slick-item .item .name {
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #FFFFFF;
}
.slide-nav {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: calc(50% - 23px);
	left: 0;
    background:	linear-gradient(98.11deg, #0D1117 0%,  #0D1117 100%) padding-box,
	linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%) border-box no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid transparent;
	border-radius: 8px;
}
.slide-nav:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
    background: url(../images/arrow_back.svg) center no-repeat;
}
.slide-nav:hover {
    background:	linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%) padding-box,
	linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%) border-box no-repeat;
	background-position: center;
	background-repeat: no-repeat;
}
.slide-nav:hover:after {
    background: url(../images/arrow_back_white.svg) center no-repeat;
}
.slide-nav.next {
	left: unset;
	right: 0;
}
.slide-nav.next:after {
	transform: rotate(180deg);
}
.slick-dots {
	display: flex;
	justify-content: center;
	padding: 0;
}
.slick-dots li {
	width: 16px;
}
.slick-dots li:before {
    top: 16px;
    left: 4px;
    width: 8px;
    height: 8px;
    background-color: #828282;
}
.slick-dots li.slick-active:before {
    background-color: #fff;
}
.slick-dots li:hover:before {
   background:	linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
}
.slick-dots li button {
	display: none;
}
	

@media (max-width: 1399.98px) {
	
	.section-clients .slick-list {
		width: 548px;
	}
	.section-clients .slick-item .item {
		width: 234px;
	}
	
}	

@media (max-width: 1209.98px) {
	
	.section-clients .slick-list {
		width: 848px;
	}
	.section-clients .slick-item .item {
		width: 172px;
		margin-bottom: 0;
	}
	
}

@media (max-width: 1023.98px) {
	
	.section-clients {
		overflow: hidden;
	}
	.section-clients .col-right {
		display: block;
	}

	.section-clients .slick-list {
		width: 212px;
		overflow: visible;
		margin: 0;
	}
	.section-clients .slide-nav {
		display: none;
	}
	
}

@media (max-width: 1023.98px) {
	
	.section-clients {	
		padding-bottom: 80px;
	}
	
}

/* for */

.section-for {
	padding-top: 192px;
	padding-bottom: 192px;
}
.section-for .card {
	padding: 235px 0 0 130px;
	width: 440px;
	background-repeat: no-repeat;
	background-position: top -21px left 66px;
}
.section-for .card h3 {
	margin-bottom: 16px;
}
.section-for .card-business {
	background-image: url(../images/ico_business.png);
}
.section-for .card-person {
	background-image: url(../images/ico_person.png);
}

@media (max-width: 1399.98px) {
	
	.section-for .card {
		padding-left: 120px;
		width: 400px;
	}
	
}

@media (max-width: 1209.98px) {

	.section-for .col-left {
		margin-bottom: 0;
	}
	.section-for .col-right {
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
		justify-content: space-between;
	}	
	.section-for .card {
		padding: 308px 60px 0 60px;
		width: 400px;
		background-position: top 52px left;
	}
	
}

@media (max-width: 1023.98px) {

	.section-for .col-right {
		width: 768px;
		margin-right: -44px;
		margin-left: -44px;
		justify-content: space-between;
	}	

	.section-for .card {
		padding: 232px 0 0 44px;
		width: 369px;		
		background-position: top -20px left -18px;
	}
	
}

@media (max-width: 767.98px) {
	
	.section-for {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.section-for .col-right {
		flex-wrap: wrap;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.section-for .card {
		padding: 216px 0 0 0;
		width: 100%;
		background-position: top -30px center;
		text-align: center;
	}	
}

/* reviews */

.section-reviews {
	padding-bottom: 192px;
}
.section-reviews .container {
	max-width: 640px; 
}
.section-reviews h2 {
	padding: 0 20px;
	text-align: center; 
}
.section-reviews .slick-reviews {
	width: 420px;
	margin: 0 auto;
}
.section-reviews .slick-reviews:after {
	filter: blur(126px); 
}
.section-reviews .slick-item img {
	border-radius: 16px;
	width: 100%;
}
.section-reviews .slide-nav {
	left: -110px;
}
.section-reviews .slide-nav.next {
	left: unset;
	right: -110px;
}	


@media (max-width: 1023.98px) {
	
	.section-reviews .slide-nav {
		display: none;
	}
	
}

@media (max-width: 1023.98px) {
	
	.section-reviews {
		padding-bottom: 80px;
	}
	.section-reviews .slick-reviews {
		width: 326px;
	}
	
}

@media (max-width: 1023.98px) {

	.section-reviews .slick-reviews {
		width: 100%;
	}
	
}

/* about */

.section-about {
	background: #0D1117 url(../images/b5.jpg) top center no-repeat;
	padding-bottom: 192px;
}
.section-about .col-right-narrow {
	padding-top: 43px;
	width: 420px;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
}
.section-about .col-right p {
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
}
.container-3col {
	padding-top: 253px;
	align-items: flex-end !important;
}
.container-3col > div {
	position: relative;
	width: 33.3333%;
	padding: 0 40px;
}
.container-3col .title {
	margin-bottom: 8px;
	font-size: 18px;
	color: #FFFFFF;
}
.container-3col > div:first-child:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 107px;
	background: #334157;
}
.container-3col > div:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 171px;
	background: #334157;
}

.container-3col > div:nth-child(2):after {
	height: 235px;
}
.container-3col > div:last-child:after {
	height: 299px;
}
.section-about .row-bottom {
	padding: 192px 0 0 33.3333%;
}
.section-about .row-bottom h2 {
	margin-bottom: 64px;
}

@media (max-width: 1209.98px) {
	
	.section-about {	
		background-position: top 50px center;
	}
	
	.section-about .col-left {
		margin-bottom: 0;
	}		
	.section-about .col-left p,	
	.section-about .col-left h2 {
		margin-left: 0;
		text-align: left;
	}
	.section-about .col-left h2 {
		max-width: 450px;
	}
	.section-about .col-right-narrow {
		padding-top: 0;
		width: 650px;
	}
	.container-3col {
		padding-top: 189px;
	}
	.section-about .row-bottom {
		padding-left: 0;
		width: 100%;
		text-align: center;
	}
	
}

@media (max-width: 1023.98px) {

	.section-about {	
		background-size: 160% auto;
		background-position: top 20% left 58%;
	}
	.container-3col {
		padding-top: 154px;
	}
	.container-3col > div {
		padding: 0 16px;
	}
	.container-3col > div:first-child:before {
		height: 155px;
	}
	.container-3col > div:after {
		height: 219px;
	}
	.container-3col > div:nth-child(2):after {
		height: 283px;
	}
	.container-3col > div:last-child:after {
		height: 347px;
	}
}

@media (max-width: 767.98px) {

	.section-about {
		background: none;
		padding-bottom: 80px;
	}
	.section-about .col-right-narrow {
		margin-bottom: 28px;
		padding-top: 0;
		width: 100%;
		font-size: 18px;
	}
	.container-3col {
		padding-top: 0;
		flex-wrap: wrap;
	}
	.container-3col > div {
		width: 100%;
		padding: 24px 0 12px;
	}
	.container-3col > div:first-child:before,
	.container-3col > div:after {
		height: 1px !important;
		width: 100%;
	}
	.container-3col > div:first-child:before {
		top: 0;
		bottom: unset;
	}
	.section-about .row-bottom {
		padding-top: 80px;
	}
	.section-about .row-bottom h2 {
		margin-bottom: 40px;
	}
	.section-about .btn {
		width: 100%;
	}
}

/* team */

.section-team {
	padding-top: 128px;
	padding-bottom: 128px;
}
.section-team .col-right {
	position: relative;
	overflow: visible;
}
.section-team .col-right:after {
	opacity: 0.08;
	filter: blur(32px);
    left: 100px;
    right: 100px;
}
.section-team .slick-list {
	width: 660px;
	margin-left: 100px;
	margin-right: 100px;
}
.section-team .slick-slide { 
	margin: 0 10px;
}
.section-team .slick-item .item {
	padding: 64px 24px 32px;
	width: 310px;
	height: 392px;
	background: #161D27;
	border-radius: 16px;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
}
.section-team .slick-item .item img {
	border-radius: 100%;
	display: block;
	width: 182px;
	height: 182px;
	object-fit: cover;
	object-position: center;
	margin: 0 auto 32px;
}
.section-team .slick-item .item-text {
	padding-top: 32px;
	border-top: 1px solid #334157;
}
.section-team .slick-item .item .name {
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #FFFFFF;
}

@media (max-width: 1399.98px) {
		
	.section-team .slick-list {
		width: 600px;
	}
	.section-team .slick-item .item {
		width: 280px;
	}
	
}

@media (max-width: 1209.98px) {
	
	.section-team .col-left {		
		margin-bottom: 0;
	}
	.section-team .col-left p,	
	.section-team .col-left h2 {
		margin-left: 0;
		text-align: left;
	}
	.section-team .col-left h2 {
		max-width: 480px;
	}
	.section-team .col-left h2 br {
		display: none;
	}
	.section-team .slick-list {
		width: 792px;
		margin-left: 99px;
		margin-right: 99px;
	}
	.section-team .slick-item .item {
		width: 248px;
		height: 346px;
		padding: 24px;
	}
	.section-team .slick-item .item img {
		margin-bottom: 24px;
	}
	.section-team .slick-item .item-text {
		padding-top: 24px;
	}	
}

@media (max-width: 1023.98px) {
	
	.section-team {
		overflow: hidden;
	}
	.section-team .col-right {
		display: block;
	}

	.section-team .slick-list {
		width: 264px;
		overflow: visible;
		margin: 0;
	}
	.section-team .slide-nav {
		display: none;
	}
	
}

@media (max-width: 1023.98px) {
	
	.section-team {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
}

/* questions */

.section-question {
	padding-top: 192px;
}
.section-question .container {
	max-width: 860px; 
	text-align: center;
}
.section-question h2 {
	margin-left: auto;
	margin-right: auto;
	max-width: 490px;
	text-align: center; 
}
.section-question .lighten:after {
	opacity: 0.11;
	filter: blur(175px);
}
.section-question .question {
	cursor: pointer;
	position: relative;
	margin-bottom: 16px;
	padding: 24px;
	background: rgba(22, 29, 39, 0.65);
	border-radius: 8px;
	text-align: left;
}
.section-question .question:after {
	content: '';
	display: block;
	position: absolute;
	top: 24px;
	right: 24px;
	width: 24px;
	height: 24px;
	background: url(../images/question_arrow.svg) center no-repeat;
}
.section-question .question:hover:after {
	background-image: url(../images/question_arrow_hover.svg);
}
.section-question .question .answer {
	display: none;
	margin-top: 24px;
}
.section-question .question.open .answer {
	display: inline-block;
}
.section-question .question.open:after {
	transform: rotate(180deg);
}
.section-question .question p {
	margin-bottom: 0;
}
.section-question .btn {
	margin-top: 32px;
}


@media (max-width: 1399.98px) {
		
	.section-question .container {
		max-width: 810px; 
	}	
}

@media (max-width: 1209.98px) {
		
	.section-question .container {
		max-width: 678px; 
	}
	
}

@media (max-width: 767.98px) {
		
	.section-question {
		padding-top: 80px;
	}
	
}

/* 2 variants */

.section-variant {
	padding-top: 192px;
	padding-bottom: 192px;
}
.section-variant .col-right {
	padding-left: 20px;
	justify-content: flex-start;
}
.section-variant .card {
	padding: 40px;
	width: 420px;
	background: rgba(22, 29, 39, 0.85);
	border-radius: 16px;
}
.section-variant .card:after {
	opacity: 0.08;
	filter: blur(32px);
}
.section-variant .tabs {
	display: flex;
}
.section-variant .tabs .item {
	position: relative;
	padding-bottom: 26px;
	width: 50%;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	cursor: pointer;
}
.section-variant .tabs .item:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #334157;
}
.section-variant .tabs .item.selected {
	color: #fff !important;
}
.section-variant .tabs .item.selected:after {
	background: linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
	border-radius: 1px 1px 0px 0px;
}
.section-variant .tab-panel {
	display: none;
	padding-top: 40px;
}
.section-variant .tab-panel.active {
	display: block;
}
.section-variant .tab-panel .item {
	margin-bottom: 24px;
	padding-left: 32px;
	background: url(../images/ico_list.svg) left top 4px no-repeat;
}
.section-variant .price {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid #334157;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
}
.section-variant .btn {
	width: 100%;
	margin-top: 40px;
}

@media (max-width: 1399.98px) {
		
	.section-variant .card {
		width: 380px;
	}
		
}

@media (max-width: 1209.98px) {
	
	.section-variant .col-left {
		margin-bottom: 24px;
	}	
	.section-variant .col-right {
		padding-left: 0;
		justify-content: center;
	}

}

@media (max-width: 767.98px) {
		
	.section-variant {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.section-variant .card {
		width: 100%;
		padding: 32px 16px;
	}
	.section-variant .price {
		margin-top: 24px;
	}
	
}

/* form */

.section-form {
	padding-top: 192px;
	padding-bottom: 192px;
}
.section-form .lighten {
	padding: 80px;
	background: rgba(22, 29, 39, 0.85);
	border-radius: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.section-form .lighten:after {
	opacity: 0.16;
	filter: blur(128px);
}

.section-form .col-left {
	width: 420px;
	margin-right: 40px;
}

.section-form .col-right {
	flex-grow: 1;
}
.form-set {
	display: flex;
	justify-content: space-between;
}
.form-set .form-input {
	margin-bottom: 24px;
	width: calc(50% - 8px);
}
.form-overall .error {
	margin-top: 1em;
	color: #DD5789;

}
label {
	display: block;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
input[type="text"] {
	width: 100%;
	padding: 0 16px;
	height: 46px;
	border: 1px solid #757575;
	border-radius: 4px;
	outline: none !important;
	background: transparent;
	color: #8F8F8F;
	line-height: 46px;	
	font-size: 14px;
	line-height: 16px;
	box-shadow: inset 0 0 0 1px rgba(22, 29, 39, 0), inset 0 0 0 100px rgba(22, 29, 39, 1) !important;
}
textarea {
	width: 100%;
	margin-bottom: 32px;
	padding: 16px;
	height: 128px;
	border: 1px solid #757575;
	border-radius: 4px;
	outline: none !important;
	background: transparent;
	color: #8F8F8F;
	font-size: 14px;
	line-height: 16px;
	box-shadow: inset 0 0 0 1px rgba(22, 29, 39, 0), inset 0 0 0 100px rgba(22, 29, 39, 1) !important;
}


@media (max-width: 1209.98px) {
		
	.section-form .col-left {
		width: 355px;
	}
	.section-form .lighten {
		padding: 80px 40px;
	}
	
}

@media (max-width: 1023.98px) {
		
	.section-form .col-left {
		width: 100%;
		margin-bottom: 32px;
		margin-right: 0;
	}
	.section-form .col-left p,
	.section-form .col-left h2 {
		text-align: center;
	}
	.section-form .lighten {
		padding: 80px 40px;
	}
	
}

@media (max-width: 767.98px) {
		
	.section-form {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.section-form .lighten {
		width: 100%;
		padding: 40px 16px;
		border-radius: 16px;
	}
	.section-form .col-left p,
	.section-form .col-left h2 {
		text-align: left;
	}
	.form-set {
		display:block;
	}
	.form-set .form-input {
		width: 100%;
	}
	.section-form .btn {
		width: 100%;
	}
	
}

	
/* footer */	

.section-footer {
	padding-top: 64px;
	padding-bottom: 64px;
}
.section-footer .container {
	display: flex;
	justify-content: space-between;
}
.section-footer .container:before,
.section-footer .container:after {
	display: none;
}
.section-footer .container > div {
	width: 33.3333%;
}
.section-footer .left {
	text-align: left;
}
.section-footer a {
	display: block;
	margin-bottom: 16px;
	line-height: 1;
}
.section-footer .middle {
	text-align: center;
}
.section-footer .right p  {
	display: block;
	float: right;
	line-height: 1.2;
	font-weight:400;
}
.section-footer .social {
	display: flex;
	justify-content: center;
}
.section-footer .social .item {
	margin: 32px 8px 0;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
}
.section-footer .social .item img {
	width: 32px;
	height: 32px;
}
.section-footer .social .item.tamtam {
	background-image: url(../images/tamtam.svg);
	background-position: top calc(50% + 1px) left calc(50% + 1px);
	background-color: #536BFF;
}
.section-footer .social .item.whatsapp {
	background-image: url(../images/whatsapp.svg);
	background-position: center;
	background-color: #25D366;
}
.section-footer .social .item.tamtam:hover {
	background-image: url(../images/tamtam.svg), linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
    background-clip: text;
    -webkit-background-clip: unset;
}
.section-footer .social .item.whatsapp:hover {
	background-image: url(../images/whatsapp.svg), linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
    background-clip: text;
    -webkit-background-clip: unset;
}


@media (max-width: 1023.98px) {

	.section-footer {
		padding-top: 48px;
		padding-bottom: 36px;
	}	
	.section-footer .container {
		flex-direction: column;
		align-items: center;
	}
	.section-footer .container > div {
		width: 100%;
	}
	.section-footer .middle {
		order: 0;
		margin-bottom: 48px;
	}
	.section-footer .left {
		order: 1;
		text-align: center;
		margin-bottom: 32px;
	}
	.section-footer .right {
		order: 2;
		text-align: center;
	}
	.section-footer .right p {
		float: none;
	}
}

@media (max-width: 767.98px) {

	.section-footer {
		padding-top: 40px;
		padding-bottom: 28px;
	}
	.section-footer .middle {
		margin-bottom: 40px;
	}
	.section-footer .left {
		margin-bottom: 24px;
	}
	.section-footer .social .item {
		margin-top: 32px  24px;
	}
}

/*

@media (max-width: 767.98px) {

	.front .logo {
		width: 17%;
		height: auto;
		padding: 20px 0;
	}

	.front .menu {
		font-size: 4vw; }
		
	.front .swiper-slide h2 {
		font-size: 50px;
	}
	
    .front .subtitle {
        font-size: 3.5vw; 
	}
	
    .front .subtitle br {
	}

    .front .btn {
        margin-top: 8%; }
		
		
	.fixed {
		display: none; }

	.front .title {
		position: static; 	}



}

/* Menu toggle*/

/* 404 */

html,	
 body.err404 {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.err404_content {
    position: relative;
    width: 100%;
    min-height: 100%;}
	
.error404 {
	padding: 40px 0;
	text-align: center; }
	
.clearfloat {
    clear: both;
}

.empty {
    height: 151px;
}

.err404_footer {
    position: relative;
    width: 100%;
    height: 151px;
    margin: -151px 0 0 0;
}