@charset "UTF-8";

/*
Theme Name: Amazon vasilenko
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress teams
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } body, input, button, textarea {font-family: 'Montserrat', sans-serif;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
body a { color: #7f7e79; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
html input,
html button,
html *,
html {font-family: 'Montserrat', sans-serif; scroll-behavior: smooth;}
#amazon__body div, #amazon__body ul, #amazon__body li, #amazon__body p, #amazon__body span, 
#amazon__body {font-family: 'Montserrat', sans-serif;}
body {font-family: 'Montserrat', sans-serif; color:#fff; background:#1a1447;}
:root {font-family: 'Montserrat', sans-serif;}
.main__overflow-conteiner {position:relative; overflow:hidden;}
.main__overflow-conteiner:before,
.main__overflow-conteiner:after {display:inline-block;position:fixed; left:0px; top:20px; width:190px; height:480px;  content:''; z-index:-2;  background:url('images/left__light.png') center center no-repeat;  background-size:100%;}
.main__overflow-conteiner:after {left:auto; right:0px; background:url('images/right__light.png') center right no-repeat; background-size:90%; height:500px;}
	.main__topline {padding:35px 0 20px 0; position:relative;}
	.mobile__button {width:50px; height:50px; position:absolute; right:20px; top:20px;  border:0;cursor:pointer; z-index:20; background:url('images/menu-outline.svg') center/35px no-repeat; display:none;}
.mobile__nav-view .mobile__button {background:url('images/close-outline.svg') center/35px no-repeat;}
	.mobile__button:focus {outline:none;}
		.topline__article {max-width:1260px; margin-left:auto; margin-right:auto; display:flex; flex-flow:column; align-items:center;}
		.topline__article a {display:inline-flex; text-decoration:none; margin-bottom:12px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
		.topline__article.aos-animate a {visibility: inherit; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
		.topline__article a img {height:40px;}
		.topline__article p {font-weight:300; color:#fff; line-height:1.3; font-size:12px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
		.topline__article.aos-animate p {visibility: inherit; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.main__section { border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; max-width:1260px; margin-left:auto; margin-right:auto;     background: rgba(13, 7, 58, .4);
    -webkit-backdrop-filter: blur(45px);
	 backdrop-filter: blur(45px);
}		 
	.article__conteiner {overflow:hidden; position:relative;}
	.main__layer {display:block; width:100%; margin-left:auto; margin-right:auto;  height:260px; position:absolute; left:0; right:0; overflow:hidden;} 
	.layer__fixed {display:inline-block; max-width:1260px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative; }
 
	.layer__shadow { 
    display: inline-block;
	transition: all 300ms ease-in-out 0s; 
	max-width:1260px; margin-left:auto; margin-right:auto;  
position:fixed;
    left: 0px;
    top: 124px;
    right: 0px;
  width:100%;
    height: 260px;
    background: rgb(253,229,198);
    background: linear-gradient(90deg, rgba(253,229,198,1) 0%, rgba(198,159,229,1) 50%, rgba(71,211,253,1) 100%);
    z-index: -10;
 -webkit-border-radius: 42px; -webkit-border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius: 42px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px; border-radius: 42px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } 	
		.header__conteiner {padding:15px; position:relative; overflow:hidden; z-index:29; }  
			.header__nav {display:flex; align-items:center;     justify-content: center; position:relative; z-index:10;}
				.navigation__list {display:flex;     justify-content: center;}
					.navigation__item {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
.header__conteiner.aos-animate .navigation__item {visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.header__conteiner.aos-animate .navigation__item:nth-child(2) {animation-delay: .25s;}
.header__conteiner.aos-animate .navigation__item:nth-child(3) {animation-delay: .45s;}
.header__conteiner.aos-animate .navigation__item:nth-child(4) {animation-delay: .55s;}
.header__conteiner.aos-animate .navigation__item:nth-child(5) {animation-delay: .65s;}
					.navigation__item a {color:#fff; text-decoration:none; display:block; line-height:24px; font-weight:500; margin:0 15px; transition: all 300ms ease-in-out 0s;}
					.navigation__item.select a,
					.navigation__item a:hover {color:#130c3e;}
.article__body-conteiner {overflow: hidden;position:relative; z-index:10;  -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px;
 }
	.article__body-inner {}
	.meeting__block {display: flex; align-items: center; justify-content: center; padding-top:80px; padding-bottom:120px;}
		.hello_Itsme {position:relative;}
		.hello_Itsme img {position:relative; vertical-align:bottom; z-index:10; max-width:400px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;} 
	.meeting__block.aos-animate .hello_Itsme img {visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
	.meeting__block.aos-animate .hello_Itsme:before {visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
		.hello_Itsme:before {content:''; display:inline-block; height:380px; width:140%; background:url('images/spot_pic.webp') center bottom no-repeat; position:absolute; left:-20%; top:0; background-size:contain; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
 
		.meeting__text {padding:20px;}
		.meeting__text h1 {position:relative; font-size:32px; font-weight:700; line-height:1.3; padding-bottom:25px; margin-bottom:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
	.meeting__block.aos-animate .meeting__text h1 {visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}

		.meeting__text h1 span {width:115px; height:22px; background:url('images/arrow__down-text.png') center center no-repeat; background-size:contain; z-index:-1; position:absolute; left:30px; top:40px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
	.meeting__block.aos-animate .meeting__text h1 span {-webkit-animation-name: fadeIn; animation-name: fadeIn; visibility: inherit; }		
		.meeting__text p {line-height:1.4; font-size:22px; margin-bottom:30px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
	.meeting__block.aos-animate .meeting__text p {visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
		.meeting__text p strong {color:#ff9800;}
		.meeting__bottom {display:flex; flex-flow:column; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
	.meeting__block.aos-animate .meeting__bottom {visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
		.meeting__bottom button {text-transform:uppercase; color:#fff; font-weight:600; font-size:18px; line-height:55px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background:#6D7BFF; -webkit-box-shadow: 0px 20px 53px 0px rgba(109,123,255,1);-moz-box-shadow: 0px 20px 53px 0px rgba(109,123,255,1);box-shadow: 0px 20px 53px 0px rgba(109,123,255,1); transition: all 300ms ease-in-out 0s; border:0; cursor:pointer; max-width:80%;}
		.meeting__bottom button:hover {background:#ff9800; -webkit-box-shadow: 0px 20px 53px 0px rgba(255,152,0,1); -moz-box-shadow: 0px 20px 53px 0px rgba(255,152,0,1); box-shadow: 0px 20px 53px 0px rgba(255,152,0,1); }
		.meeting__bottom button:focus {outline:none;}
		.meeting__date-run {padding-top:20px; text-align:center; font-size:14px; max-width:100%;}
body.scrolled {}
 
body.scrolled .layer__shadow {    border-radius: 0px;      filter: blur(44px);}
body.scrolled .layer__fixed { position:fixed; height:300px; width:1260px; overflow:hidden; left:50%; margin-left:-630px;}
body.scrolled .header__conteiner{position:fixed; top:0; z-index:33; left:0; right:0;    padding:0; }
body.scrolled .header__conteiner .header__nav {max-width:1260px; margin-left:auto; margin-right:auto; background: rgba(13, 7, 58, .7);
    backdrop-filter: blur(45px); -webkit-border-radius: 25px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 25px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-radius: 25px;
border-top-left-radius: 0px;
border-top-right-radius: 0px; padding:15px;}
body.scrolled .header__conteiner .header__nav .navigation__item.select a,
body.scrolled .header__conteiner .header__nav .navigation__item a:hover {color:#ff9800;}



/** Animation **/
.modal__auth-body.visible,
.overflow__modal-container.visible,
.header__section.fixed-header,
.language__section.checked .language__drop-list {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.overflow__modal-container.visible,.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.modal__auth-body.visible,.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }
 @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
/** Animation End**/



 

.playpause {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 30;
	background: url(svg__images/play-fill.svg) center/200px no-repeat;
	cursor: pointer;
	height: 130px;
	width: 130px;
	margin: -50px 0 0 -100px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.lenses__video-section img {
	position: absolute;
	left: 1px;
	bottom: 0;
	object-fit: cover;
	width: 100%;
}

.lenses__video-section {
	position: relative;
	overflow: hidden;
	padding-top: 60%;
}

.lenses__video-section button {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
	height: 80px;
	width: 80px;
	margin: -40px 0px 0px -40px;
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-image: initial;
	background: url(images/play_button.png) center center / contain no-repeat;
	z-index: 13;
}

#video {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 12;
	width: 100%;
	height: 100%;
}

.article__conteiner.blot {
	position: relative;
}

.article__conteiner.blot:before {
	content: '';
	position: absolute;
	top: 122px;
	left: -11px;
	right: 0px;
	bottom: 0;
	background: url(images/blot.png) center center no-repeat;
	background-size: contain;
	animation: spin 60s linear infinite;
	width: 200px;
	height: 200px;
	z-index: 100; 
}

.article__conteiner.blot:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	bottom: 0;
	background: url(images/blot2.png) center center no-repeat;
	background-size: contain;
	animation: spin 60s linear infinite;
	width: 200px;
	height: 200px;
	z-index: 100;
}

.article__body-inner {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.title__amazon {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
	text-transform: uppercase;
	font-size: 20px;
}

/***course***/
.course__content {
	padding-top: 100px;
}

.cours__container {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FFFFFF1A;
	opacity: 1;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	background: #262053;
	border-radius: 15px;
}
.meeting__bottom .link{
	display:inline-block;
	margin: 0 auto;
    color: #fff;
    font-weight: 600;
	text-align:center;
    font-size: 18px;
    line-height: 55px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #6D7BFF;
    -webkit-box-shadow: 0px 20px 53px 0px rgba(109,123,255,1);
    -moz-box-shadow: 0px 20px 53px 0px rgba(109,123,255,1);
    box-shadow: 0px 20px 53px 0px rgba(109,123,255,1);
    transition: all 300ms ease-in-out 0s;
    border: 0;
    cursor: pointer;
    width: 100%;
	max-width:350px;
}
.course__list {
	display: flex;
	flex-wrap: nowrap;
}

.cur__item {
	width: 25%;
}

.cur__item__body {
	text-align: center;
	margin: 32px 10px;
}

.cur__item__icon {
	margin-bottom: 30px;
}

.cur__item__icon img {
	max-width: 50px;
}

.cur__item__title {
	font-size: 16px;
	padding-bottom: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.cur__item__details {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
}
/***courseEnd***/
/***course__program***/
.course__program {
	padding-top: 50px;
}

.program__container {
	padding-bottom: 150px;
}

.content-container {
	display: none;
}
.program__content__box {
	display: flex;
}
.item__box__left {
	width: 35%;
	height:615px;
	overflow:auto;
}
.item__box__left::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #262053;}
.item__box__left::-webkit-scrollbar{width: 6px;background-color: #262053; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.item__box__left::-webkit-scrollbar-thumb{background-color: #ff9800; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.program__content {
	display: flex;
	padding-bottom: 30px;
}
.search__steps {
	padding: 0 25px;
 
} 
.step {
	margin-bottom: 30px;
}
.step__name {
	cursor:pointer;
	border-radius: 35px;
	padding: 30px;
	/** backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px); **/
	background: #262053;
}
.step__name p {
	font-size: 17px;
	font-weight: 600;
	color: #fff;
}
.background__rigth__content {
	margin: 0 20px;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	background: #262053;
	border-radius: 15px;
	min-height: 615px;
}
.step__name:hover {
	color: #ffff;
	background-color: #ff9800;
}
.step.active .step__name {
	cursor:pointer;
	color: #ffff;
	background-color: #ff9800;
}
.item__box__rigth {
	width: 65%;
}
.content__lessons {
	width: 50%;
}
.lessons__overflow {
	padding: 40px 0px 0px 57px;
}
.lessons__title {
	font-size: 25px;
	color: #ff9800;
	padding-bottom: 20px;
}
.lessons li {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom:5px;
}
.content__materials {
	width: 50%;
}
.materials__overflow {
	padding: 40px 37px 0px 57px;

}
.materials__title {
	color: #6D7BFF;
	padding-bottom: 20px;
	font-size: 25px;
}
.materials__row {
	display: flex;
	padding-bottom: 10px;
	    align-items: center;
 
}
.brown__fox__img {
	padding-right: 10px;
}
.brown__fox__img img {
	max-width: 65px;
}
.brow__fox__text p {
	font-size: 14px;
}
.personality__litle__images {
	padding-top: 25px;
}
.photo__overflow {
	display: flex;
	justify-content: center;
}

.images__left img,
.images__right img {
	max-width: 250px;
	width: 100%;
	border-radius: 10px;
	transition: all 300ms ease-in-out 0s;
	cursor: pointer;
}
.images__left img:hover {transform: scale(1.05); }
.images__right img:hover {transform: scale(1.05); }
.images__left {
	width: 50%;
	text-align: center;
}
.images__right {
	width: 50%;
	text-align: center;
}
.personality__btn {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}
.personality__btn button,
.personality__btn span,
.personality__btn a {
	color: #fff;
	font-weight: 600;
	border: 0;
	background: #6D7BFF;
	border-radius: 40px;
	cursor: pointer;
	padding: 30px 150px;
	display: inline-block;
	transition: all 300ms ease-in-out 0s;
}
.personality__btn button:hover,
.personality__btn span:hover,
.personality__btn a:hover {
	-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
	background: #ff9800;
}
.personality__btn button {font-size:19px;}
.personality__btn button:focus {outline:none;}
/***course__programEnd***/
/***footer***/
.footer__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-bottom: 40px;
	padding-top: 20px;
}
.foooter__section {
	padding-bottom: 50px;
	position:relative; z-index:11;
}
.footer__container {
	background: #0d073a;
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
.footer__content {
	text-align: center;
}
.footer__title {
	padding-top: 50px;
	font-size: 30px;
	font-weight: 600;
}
.footer__subtitle {
	font-size: 14px;
	color: #a5a2b5;
	font-weight: 300;
}
.footer__navigation__list {
	display: flex;
}
.footer__navigation__item a {
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 24px;
	font-weight: 600;
	margin: 0 15px;
	transition: all 300ms ease-in-out 0s;
}
.footer__navigation__item {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: hidden;
}
.form__box {
	display: flex;
	justify-content: center;
	padding-bottom: 50px;
}
.form-wrapper {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 255px;
	border-radius: 35px;
}
.input-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
 
.form-wrapper form[data-form-id="1"] .es-form-field-container .gjs-row {margin:0;}
.form-wrapper .emaillist {width:100%; position:relative;}
.form-wrapper .es-form-field-container {position:relative;}
.form-wrapper .es-form-field-container .gjs-row:first-child{display:none;}
.form-wrapper form[data-form-id="1"] .es-form-field-container label.es-field-label,
.form-wrapper .gjs-row .es-field-label,
.form-wrapper .gjs-row .gjs-cell label{display:none;}
.form-wrapper input[type="email"] {border: none; padding: 10px; width: 100%; background: none; outline: none;     line-height: 25px;}
.form-wrapper input[type="submit"] {background-image: linear-gradient(to right, rgba(255, 160, 122, 0.7) 0%, rgba(255, 160, 122, 0.4) 10%, rgba(238, 130, 238, 0.4) 30%, rgba(238, 130, 238, 0.7) 70%, rgba(173, 216, 230, 0.7) 90%, rgba(173, 216, 230, 0.4) 100%); border: none; color: white; padding: 6px 11px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 25px; position:absolute; right:10px; top:4px;}
 
#email-input {
	border: none;
	padding: 10px;
	width: 75%;
	background: none;
	outline: none;
}
::placeholder {
	color: #c8c8c8;
}
#send-button {
	background-image: linear-gradient(to right, rgba(255, 160, 122, 0.7) 0%, rgba(255, 160, 122, 0.4) 10%, rgba(238, 130, 238, 0.4) 30%, rgba(238, 130, 238, 0.7) 70%, rgba(173, 216, 230, 0.7) 90%, rgba(173, 216, 230, 0.4) 100%);
	border: none;
	color: white;
	padding: 6px 11px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 25px;
}
.social__media {margin-bottom:20px;}
.social__media,
.social__media__contacts {
	display: flex;
	justify-content: center;
}
.social__media li a,
.social__media__contacts li a {
	width: 35px;
	height: 35px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
}
.social__media li a.youtube_icon {
	background: #fff url(images/svg__img/social__footer/footer__yotube.svg) center/20px no-repeat;
}
.social__media li a.tiktok_icon {
	background: #fff url(images/svg__img/social__footer/footer__tiktok.svg) center/20px no-repeat;
}
.social__media li a.twitter_icon {
	background: #fff url(images/svg__img/social__footer/footer__twitter.svg) center/20px no-repeat;
}
.social__media li a.discord_icon {
	background: #fff url(images/svg__img/social__footer/footer__discord.svg) center/20px no-repeat;
}
.social__media li a.instagram_icon {
	background: #fff url(images/svg__img/social__footer/footer__instagram.svg) center/17px no-repeat;
}
.social__media li a.telegram_icon {
	background: #fff url(images/svg__img/social__footer/footer__telegram.svg) center/20px no-repeat;
}
.social__media__contacts li a.instagram_icon {
	background: #fff url(images/svg__img/social__footer/footer__instagram.svg) center/17px no-repeat;
}
.social__media__contacts li a.telegram_icon {
	background: #fff url(images/svg__img/social__footer/footer__telegram.svg) center/20px no-repeat;
}
.social__media li,
.social__media__contacts li {
	margin: 0 15px;
}
.conditions {
	display: flex;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 10px;
}
.terms {
	padding-right: 10px;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
}
.privacy {
	padding-left: 10px;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
}
.copyright {
	font-size: 15px;
	color: #fff;
	padding-bottom: 50px;
}
/***footerEnd***/
/***form***/
.order__block__inner {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.order__table {
	display: flex;
	flex-wrap: wrap;
}
.order__item__row {
	width: 50%;
	position: relative;
}
.order__item__row input {
	width: 100%;
	font-size: 16px;
	padding: 10px 20px;
	text-decoration: none;
	transition: all 300ms ease-in-out 0s;
	border-radius: 35px;
	color: #FFF;
	background: #64639a;
	backdrop-filter: blur(74px);
	border: none;
	outline: none;
}
.order__button {
	text-align: center;
	padding-bottom: 20px;
}
.order__button input,
.order__button button {
	color: #fff;
	font-weight: 600;
	border: 0;
	background: #6D7BFF;
	border-radius: 40px;
	cursor: pointer;
	padding: 20px 100px;
	display: inline-block;
	transition: all 300ms ease-in-out 0s;
}
.order__button p {display: flex; flex-flow: column; justify-content: center; align-items: center; margin-top:25px;}

.order__button input:hover,
.order__button button:hover {
	-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
	background: #ff9800;
}
.order__button input {display:inline-flex;}
.order__button input:focus {outline:none;}
.order__list__body {
 
	background: #64639a;
	backdrop-filter: blur(74px);
	border-radius: 35px;
	margin-top: 5px;
}
.order__list__body textarea {min-height:200px;background:none; border:0; width:100%; color:#fff; box-sizing: border-box;     font-family: 'Montserrat', sans-serif;}
.order__list__body textarea:focus {outline:none;}
.order__list-text {
	padding-left: 20px;
	margin-bottom: 10px;
}
.order__item__row.text {
	padding: 15px 10px 0 10px;
}
.order__item__row__content {
	padding: 10px;
}
.order__item__container {
	position: relative;
	padding-top: 10px;
}
label {
	padding-left: 20px;
}
/***dropdown***/
.order__item__row {
	position: relative;
}
.order__item__row .list-text {
	position: relative;
	z-index: 2;
	font-size: 14px;
}
.order__item__row .list-arrow {
	position: absolute;
	top: 7px;
	right: 20px;
	z-index: 3;
	background: url(images/svg__img/dropdown.svg) center/14px no-repeat;
	width: 20px;
	height: 20px;
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	display: inline-block;
	cursor: pointer;
	/* Добавляем курсор указателя */
}
.order__item__row.open .list-arrow {
	transform: rotate(180deg);
}
.order__item__row .list {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	background-color: #64639a;
	border-radius: 35px;
	transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
	overflow: hidden;
}
.order__item__row:focus-within .list {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease-in-out, visibility 0s linear 0s;
}
.order__item__row .list-item {
	display: block;
	padding: 10px;
	color: #fff;
	transition: background-color 0.3s ease-in-out;
}
.order__item__row .list-item:hover {
	background-color: #46467f;
}
.dropdown__contents__box {
	padding: 35px 10px 0 10px;
}
.dropdown__contents__box .wpcf7-form-control  {line-height:30px; background:#64639a; color:#fff; border:0; width:100%;}
.dropdown__contents__box .wpcf7-form-control:focus {outline:none;}
.wpcf7-form div.wpcf7-response-output{visibility:hidden; opacity:0; z-index:-1; overflow:hidden; height:0px; position:absolute;}
.wpcf7 form.sent .wpcf7-response-output {
    display: inline-block;
    border-color: #46b450;
    background: #46b450;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; padding:20px;
}
.dropdown__contents__box .wpcf7-form-control  {margin-left:-4px; cursor:pointer;}
.dropdown__contents {
	background: #64639a;
	backdrop-filter: blur(74px);
	border-radius: 35px;
	padding: 10px 20px;
}
.dropdown-list li {
	padding: 0 0 5px;
}
.dropdown-list {
	display: none;
	font-size: 14px;
	padding-top: 5px;
}
/***dropdown***/
/***formEnd***/
/***lower__block***/
.lower__block {
	padding-top: 50px;
}
.social__item__lower {
	margin: 0 15px;
}
.lower__text {
	text-align: center;
}
.lower__title {
	font-size: 16px;
	padding-top: 20px;
}
.lower__email a {
	color: #fff;
	font-size: 14px;
}
.lower__email {
	padding-top: 5px;
	padding-bottom: 5px;
}
.contacts a {
	color: #fff;
	font-size: 14px;
}
.number__two {
	padding-top: 5px;
	padding-bottom: 40px;
}
/***lower__blockEnd***/
/***may__Way***/
.my__way__container {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.may__way__content {
	display: flex;
}
.my__way__text {
	width: 50%;
}
.my__way__title {
	font-size: 20px;
	color: #fff;
	padding-bottom: 30px;
	font-weight: 600;
}
.enother__size {
	font-weight: 500;
}
.my__way__subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}
.appeal {
	padding-bottom: 10px;
}
.my__way__image img {
	max-width: 355px;
	width: 100%;
}
.my__way__image {
	text-align: center;
	width: 50%;
}
.arrow__long__img {
	padding: 50px 0px 50px 50px;
}
.arrow__long__img img {
	max-width: 600px;
	width: 100%;
}
.images__way__content {
	display: flex;
	flex-flow: column;
}
.way__name {
	padding-top: 20px;
}
/***may__WayEnd***/
/***promoted***/
.promoted__container {
	display: flex;
}
.promoted__left {
	width: 50%;
}
.promoted__photo img {
	max-width: 440px;
	width: 100%;
}
.work__and__travel {
	padding: 20px  0;
	text-align: center;
}
.promoted__content__left {
	display: flex;
	flex-flow: column;
}
.promoted__right {
	width: 50%;
}
.promoted__title {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	padding-bottom: 40px;
}
.promoted__subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: 100px;
}
.promoted__subtitle span {
	font-weight: 600;
}
.arrow__long__promoted__img {
	display: flex;
	justify-content: start;
}
.arrow__long__promoted__img img {
	max-width: 500px;
	width: 100%;
}
/***promotedEnd***/
/***wy__amazon***/
.amazon__box {
	display: flex;
	align-items: center;
}
.amazon__left {
	width: 50%;
}
.amazon__text {
	padding: 50px 85px 0 0px;
}
.amazon__title {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	padding-bottom: 40px;
}
.amazon__subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: 100px;
}
.amazon__right {
	width: 50%;
}
.amazon__img img {
	max-width: 450px;
	width: 100%;
}
.amazon__subtitle span {
	font-weight: 600;
}
.amazon__points {
	line-height: 2;
	font-weight: 600;
}
.amazon__points.first__item {
	padding-top: 10px;
}
/***wy__amazonEnd***/
/***road***/
.road__box {
	display: flex;
}
.road__left {
	width: 50%;
}
.road__left__content {
	display: flex;
	flex-flow: column;
	 
}
.road__overflow__img img {
	max-width: 440px;
	width: 100%;
}
.first__product {
	padding: 20px 0;
	text-align: center;
}
.road__right {
	width: 50%;
}
.promoted__text,
.road__right .road__overflow__text {padding-left:30px;}
.road__title {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	padding-bottom: 40px;
}
.road__subtitle {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}
.road__subtitle p {margin-bottom:3px;}
.road__subtitle span {
	font-weight: 600;
}
.product,
.friends {
	padding-bottom: 15px;
	display: inline-block;
}
/***roadEnd***/
/***history***/
.history__title {
	text-align: center;
	padding-bottom: 30px;
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	padding-top: 50px;
}
.history__subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}
.history__subtitle span {
	font-weight: 600;
}
.first__difficulties {
	padding-bottom: 50px;
}
.first__results {
	padding-bottom: 50px;
}
.just__now {
	padding-bottom: 50px;
}
.why__me {
	padding-bottom: 50px;
}
.enroll__btn {
	text-align: center;
	padding-top: 22px;
	padding-bottom: 40px;
}
.enroll__btn a {
	color: #fff;
	font-weight: 600;
	border: 0;
	background: #6D7BFF;
	border-radius: 40px;
	cursor: pointer;
	padding: 25px 150px;
	display: inline-block;
	transition: all 300ms ease-in-out 0s;
}
.enroll__btn a:hover {
	-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
	background: #ff9800;
}
/***historyEnd***/
/***advanteg***/
.main__advantages {
	position: relative;
	z-index: 1;
}
.main__advantages:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: -200px;
	top: 50px;
	right: 0;
	height: 450px;
	background:rgba(26,20,71, .5);
/* 	background: rgb(253, 229, 198);
	background: linear-gradient(90deg, rgba(253, 229, 198, 1) 0%, rgba(198, 159, 229, 1) 50%, rgba(71, 211, 253, 1) 100%); */
	z-index: -2;
	filter: blur(54px);
	width: 1280px;
}
.title__main__amazon {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding-bottom: 40px;
}
.advanteges__list {
	display: flex;
}
.advanteges__item {
	width: 33.333%;
}
.advantege__body.one {
	background: rgb(162, 126, 134);
	background: linear-gradient(90deg, rgba(162, 126, 134, 1) 35%, rgba(150, 107, 140, 1) 100%);
}
.advantege__body.two {
	background: rgb(145, 96, 146);
	background: linear-gradient(90deg, rgba(145, 96, 146, 1) 35%, rgba(136, 85, 149, 1) 100%);
}
.advantege__body.three {
	background: rgb(116, 88, 156);
	background: linear-gradient(90deg, rgba(116, 88, 156, 1) 35%, rgba(107, 91, 158, 1) 100%);
}
.advantege__body.four {
	background: rgb(71, 106, 165);
	background: linear-gradient(90deg, rgba(71, 106, 165, 1) 35%, rgba(41, 115, 168, 1) 100%);
}
.advantege__body {
	opacity: 1;
 
	background: #262053;
	border-radius: 15px;
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 25px 17px;
	margin: 3px;
	min-height: 300px;
}
.advantege__image {
	width: 70px;
	height: 120px;
	background: url(images/main__amazon/support.svg) center center no-repeat;
	background-size: contain;
	position: relative;
}
.advantege__image.two {
	background: url(images/main__amazon/materials.svg) center center no-repeat;
	width: 100%;
}
.advantege__image.three {
	background: url(images/main__amazon/people.svg) center center no-repeat;
	width: 100%;
}
.advantege__image.four {
	background: url(images/main__amazon/academic__cap.svg) center center no-repeat;
	width: 100%;
}
.advantege__title {
	padding-bottom: 20px;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
}
.advantege__subtitle {
	font-size: 13px;
	font-weight: 400;
	line-height:1.3;
	color: #fff;
}
.course__title {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height:1.4;
}
.course__btn a {
	color: #fff;
	font-weight: 600;
	border: 0;
	border-radius: 40px;
	cursor: pointer;
	padding: 20px 90px;
	display: inline-block;
	transition: all 300ms ease-in-out 0s;
	background: #6D7BFF;
	-webkit-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
}
.course__btn {
	text-align: center;
	padding-top: 22px;
	padding-bottom: 40px;
}
.course__btn a:hover {
	-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
	background: #ff9800;
}
/***advantegEnd***/
/***about__me***/
.about__me {
	padding-top: 100px;
}
.about__title {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.about__content {
	display: flex;
	align-items: center;
	position: relative;
}
.ab_content__left {
	width: 50%;
}
.social__list {
	display: flex;
	padding-bottom: 30px;
	flex-wrap: nowrap;
}
.social__list img {
	max-width: 40px;
	z-index: -1;
}
.social__list li {
	margin: 0 10px;
}
.social__list li:nth-child(1) {
	padding-left: 40px;
}
.telegram {
	filter: grayscale(100%) sepia(90%) hue-rotate(213deg);
	transition: all 0.3s ease-out;
}
.telegram:hover {
	filter: grayscale(0%) sepia(0%) hue-rotate(0deg);
	background-color: transparent;
}
.instagram {
	filter: grayscale(100%) sepia(90%) hue-rotate(213deg);
	transition: all 0.3s ease-out;
}
.instagram:hover {
	filter: grayscale(0%) sepia(0%) hue-rotate(0deg);
	background-color: transparent;
}
.youtube {
	filter: grayscale(100%) sepia(90%) hue-rotate(213deg);
	transition: all 0.3s ease-out;
}
.youtube:hover {
	filter: grayscale(0%) sepia(0%) hue-rotate(0deg);
	background-color: transparent;
}
.achievements {
	display: flex;
	flex-flow: column;
}
.achievements__text p {line-height:1.3;}
.achievements__row {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
.achievements__img {
	padding-right: 30px;
}
.achievements__img img {
	max-width: 30px;
}
.ab_content__right {
	width: 50%;
}
.ab__images img {
	max-width: 440px;
	position: absolute;
	left: 20px;
	bottom: -50px;
	object-fit: cover;
	width: 100%;
}
 
.my__name {
	position: absolute;
	right: 50px;
	top: 0px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}
.my__surname {
	position: absolute;
	right: 0px;
	top: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}
.ab__images {
	position: relative;
	padding-top: 100%;
}
.achievements__btn:before {
	content: '';
	width: 56px;
	height: 84px;
	background: url(images/svg__img/curved__line.svg) center/55px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.achievements__btn {
	position: relative;
	padding-right: 68px;
	margin-bottom: 50px;
	padding-top: 30px;
	text-align: center;
}
.achievements__btn a {
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	padding: 18px 55px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #6D7BFF;
	-webkit-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	transition: all 300ms ease-in-out 0s;
	display: inline-block;
}
.achievements__btn a:hover {
	-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
	background: #ff9800;
}
/***about__meEnd***/
/***tariffs***/
.tariffs {margin-top:120px;}
h3 {
	padding-bottom: 15px;
	z-index: 1;
}
.tariffs__list {
	display: flex;
	flex-wrap: nowrap;
}
.tariffs__item {
	width: 50%;
}
.tariffs__item:first-child .tariffs__description-bottom{padding-top:55px;}
.tariffs__body {
	background: #fff;
	padding: 0px 30px 50px 30px;
	margin: 20px;
	border: 3px solid transparent;
	border-radius: 15px;
	min-height: 900px;
	border: 5px solid #6D7BFF;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.tariffs__body.yellow {
	border: 5px solid #ff9800;
}
.tariffs__tittle {
	text-align: center;
	font-size: 30px;
	color: #434343;
	padding: 30px 0;
	font-weight: 700;
}
.items__center {
	z-index: 1;
}
.item__text {
	font-size: 14px;
	color: #434343;
	font-weight: 700;
	line-height:1.3;
}
.item__bot p {
	font-size: 14px;
	color: #cbcbcb;
	padding-bottom: 10px;
	opacity: 1;
}
.item__bot {
	padding-top: 15px;
}
.tariffs__description-bottom {
	padding-top: 20px;
}
.tariffs__description-bottom.yellow {
	padding-top: 45px;
}
.item__text {
	position: relative;
	padding-right: 80px;
	margin-bottom: 10px;
}
.item__text:before {
	content: '';
	width: 18px;
	height: 13px;
	background: url(images/svg__img/check__mark.svg) center/16px no-repeat;
	position: absolute;
	top: 0;
	right: 23px;
}
.price {
	color: #434343;
	font-size: 45px;
	text-align: center;
	font-weight: 700px;
}
.price__btn {
	text-align: center;
	padding-top: 10px;
}
.price__btn button,
.price__btn a {
	color: #fff;
	font-weight: 600;
	border: 0;
	border-radius: 40px;
	cursor: pointer;
	padding: 18px 90px;
	display: inline-block;
	transition: all 300ms ease-in-out 0s;
	background: #6D7BFF;
	-webkit-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	border: 2px solid #fff;
}
.price__btn.yellow button,
.price__btn.yellow a {
	-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
	background: #ff9800;
}
.price__btn:hover button,
.price__btn a:hover {
	padding: 18px 40px;
}
/***tariffsEnd***/
/***reviews***/
.reviews__slider__overflow {
	padding-bottom: 100px;
	width:auto; margin-left:-120px; margin-right:-120px;
}
.reviews__slider { height:250px;}
.reviews__slider a {display:block; position:relative; padding-top:265px; overflow:hidden; width:300px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:0 10px; max-height:260px;}
.reviews__slider a.slick-slide img {position:absolute; left:0; top:0; right:0; width:100%; height:100%;  object-fit: cover; }
.reviews {
	position: relative;
	padding-top: 200px;
}
/*** Slick Slider Style ***/
/* Стилизация точек в слайдере */
.slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 9px;
	height: 9px;
	padding: 3px;
	border-radius: 50%;
	border: none;
	outline: none;
	background-color: #cccccc;
	margin: 20px;
	cursor: pointer;
	transition: background-color 0.5s;
}
.slick-dots li.slick-active button {
	background-color: #6D7BFF;
	/* цвет активной точки */
}
.slick-dots li:nth-child(n+4) {
	display: none;
}
.slick-prev {
	display: none !important;
}
/* Одна большая стрелка справа */
.slick-next {

	background: url(images/main__amazon/arrow-right.svg) center center no-repeat;
	background-size: contain;
	left: auto;
	right: 45px;
	margin-left: 0;
	margin-right: -104px;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-top: -18px;
	z-index: 1;
	border: 0;
 background-size:50px;
}
/* Показываем стрелку при наведении на слайдер */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	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;
	cursor: hand;
}
.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;
	margin-left: auto;
	margin-right: auto;
}
.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-slide.dragging img {
	pointer-events: 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;
}
/*** Slick Slider Style End***/
.recalls {
	margin: 5px;
}
.recalls__images {
	position: relative;
	overflow: hidden;
	padding-top: 98%;
}
.recalls__images img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
/***reviewsEnd***/
/***buble***/
.ball {
	display:none;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #3fa9f5;
	animation: rotateBall 10s linear infinite;
	z-index: -1;
}
#ball1 {
	width: 20px;
	height: 20px;
	top: 50%;
	left: 10%;
}
#ball2 {
	width: 30px;
	height: 30px;
	top: 70%;
	left: 20%;
}

#ball3 {
	width: 25px;
	height: 25px;
	top: 90%;
	left: 60%;
}
#ball4 {
	width: 22px;
	height: 22px;
	top: 50%;
	left: 70%;
}
#ball5 {
	width: 28px;
	height: 28px;
	top: 60%;
	left: 100%;
}
#ball6 {
	width: 24px;
	height: 24px;
	top: 70%;
	left: 20%;
}
#ball7 {
	width: 24px;
	height: 24px;
	top: 30%;
	right: 100%;
}
#ball8 {
	width: 24px;
	height: 24px;
	top: 50%;
	left: 100%;
}
#ball9 {
	width: 24px;
	height: 24px;
	top: 50%;
	left: 20%;
}
#ball10 {
	width: 28px;
	height: 28px;
	top: 86%;
	left: 88%;
}
@keyframes rotateBall {
	0% {
		transform: rotate(0deg) translateX(200px) rotate(0deg);
	}

	25% {
		transform: rotate(90deg) translateX(200px) rotate(-90deg);
	}

	50% {
		transform: rotate(180deg) translateX(0px) rotate(-180deg);
	}

	75% {
		transform: rotate(270deg) translateX(-200px) rotate(-270deg);
	}

	100% {
		transform: rotate(360deg) translateX(-200px) rotate(-360deg);
	}
}
/***bubleEnd***/
/***checkbox***/
.checkbox-container {
	display: flex;
	align-items: center;
	font-size: 24px;
	color: white;
	justify-content: center;
	padding-bottom: 40px;
}
.checkbox-label {
	margin-right: 20px;
}
.checkbox-input {
	position: relative;
	width: 80px;
	height: 40px;
	-webkit-appearance: none;
	appearance: none;
	background: linear-gradient(to right, rgba(255, 160, 122, 0.7) 0%, rgba(255, 160, 122, 0.4) 10%, rgba(238, 130, 238, 0.4) 30%, rgba(238, 130, 238, 0.7) 70%, rgba(173, 216, 230, 0.7) 90%, rgba(173, 216, 230, 0.4) 100%);
	outline: none;
	border-radius: 2rem;
	cursor: pointer;
	box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}
.checkbox-input::before {
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.5s;
}
.checkbox-input:checked::before {
	transform: translateX(100%);
	background: #fff;
}
.checkbox-input:checked+.checkbox-label-left {
	color: #ccc;
}
.checkbox-input:checked+.checkbox-label-right {
	color: white;
}
/***checkboxEnd***/
/***services***/
.services__block {
	padding-top: 100px;
}
.services__list {
	display: flex;
	flex-wrap: wrap;
}
.services__item {
	width: 33.333%;
}
.services__body {
	opacity: 1;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	background: #0f266a;
	border-radius: 15px;
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 20px 10px 30px 10px;
	margin: 10px;
	min-height: 300px;
	text-align: center;
	border: 1px solid #fff;
	overflow: hidden;
}
 .services__body  {position:relative; padding-top:140px;}
.services__image {position:absolute; left:0; top:0; right:0; height:120px; overflow:hidden;  -webkit-border-radius: 15px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius: 15px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-radius: 15px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; }
.services__image:before {content:''; display:inline-block; left:0; bottom:0; right:0; height:60px;background: rgb(141,231,255);
background: linear-gradient(360deg, rgba(141,231,255,1) 0%, rgba(141,231,255,0) 100%);position:absolute;}
.services__item:nth-child(2) .services__image:before {background: rgb(239,186,255);
background: linear-gradient(360deg, rgba(239,186,255,1) 0%, rgba(239,186,255,0) 100%);}
.services__item:nth-child(3) .services__image:before {background: rgb(255,233,196);
background: linear-gradient(360deg, rgba(255,233,196,1) 0%, rgba(255,233,196,0) 100%);}
.services__image img{    width: 100%;
    height: 100%;
    object-fit: cover;}
.services__title {
	color: #000000;
	font-weight: 700;
	line-height: 1.2;
	height: 2rem;
	position: relative;
	font-size: 18px;
}
.services__subtitle {
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	padding-top: 20px;
	line-height: 1.3;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}
.services__btn {
	padding: 20px 0;
}
.services__btn span,
.services__btn a {
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #6D7BFF;
	-webkit-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	transition: all 300ms ease-in-out 0s;
	border: 0;
	cursor: pointer;
	padding: 15px 55px;
}
.services__btn span:hover,
.services__btn a:hover {
	padding: 15px 30px;
}
.greetings__text {
	background: rgba(13, 7, 58, 0.5);
	border-radius: 30px;
	padding: 31px;
	font-size: 14px;
	line-height: 1.2;
}
.price__services {
	color: #6D7BFF;
	padding-top: 30px;
	font-size: 25px;
	font-weight: 700;
}
.services__body.one {
	background: #8DE7FF;
}
.services__body.two {
	background: #EFBAFF;
}
.services__body.three {
	background: #FFE9C4;
}
.services__body.four {
	background: #8DE7FF;
}
.services__body.five {
	background: #EFBAFF;
}
.services__body.six {
	background: #FFE9C4;
}
.article__body-conteiner.services {
	padding-bottom: 40px;
}
/***servicesEnd***/
/***modal***/
.modal__close {position:absolute; right:20px; top:20px; height:40px; width:40px; background:url('images/close-outline.svg') center/30px no-repeat; cursor:pointer;}
.title__modal {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 9px;
	text-transform: uppercase;
	font-size: 20px;
}
.form__overflow {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
	background: rgba(0, 0, 0, .4);
	display: none;
	backdrop-filter: blur(12px);
	display: none;
	overflow: auto;
	
}
.form__overflow.visible {
	display: block;
}
.form__services,
.form__plan,
.form__modal {
	display: none;
}
.order__item__row__content.hidden {visibility:hidden; opacity:0; height:0;}
.form__services.visible,
.form__plan.visible,
.form__modal.visible {
	width: 480px;
	margin-left: -240px;
	position: fixed;
	left: 50%;
	top: 120px;
	right: 0;
 
	z-index: 30;
	overflow: auto;
	display: block;
}
.form__modal.visible {z-index:31;}
.modal__block__inner {
	z-index: 10;
	background: rgba(13, 7, 58, 0.5);
	backdrop-filter: blur(74px);
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 30px;
	padding: 40px;
	overflow: auto;
}
 .modal__block__inner::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5; display:none;
}

 .modal__block__inner::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5; display:none;
}

 .modal__block__inner::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555; display:none;
}
body.limitation {
	overflow: hidden;
}
.modal__table {
	display: flex;
	flex-flow: column;
}
.order__item__row.modal {
	width: 100%;
}
.order__item__row.dropdown {position:relative;}
.order__item__row.dropdown .list-text {position:absolute; left:23px; top:12px;  font-size:16px;}
.order__btn {
	text-align: center;
	padding-top: 22px;
	padding-bottom: 40px;
}
.order__btn input,
.order__btn a {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	border: 0;
	border-radius: 40px;
	cursor: pointer;
	padding: 20px 90px;
	display: inline-block;
	transition: all 300ms ease-in-out 0s;
	background: #6D7BFF;
	-webkit-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
	box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
}
.order__btn input:hover,
.order__btn a:hover {
	-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
	box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
	background: #ff9800;
}
.order__btn input:focus {outline:none;}
/***modalEnd***/
/** Road map **/
.road__map-section {position:relative;}
.road__map-section:before {    content: '';
    display: inline-block;
    position: absolute;
    left: -200px;
    top:150px;
    right: 0;
    height: 45%;
	background:rgba(26,20,71, .5);
/*     background: rgb(253, 229, 198);
    background: linear-gradient(90deg, rgba(253, 229, 198, 1) 0%, rgba(198, 159, 229, 1) 50%, rgba(71, 211, 253, 1) 100%); */
    z-index: -2;
    filter: blur(54px);
    width: 1280px;}
.road__map-section .title__main__amazon {margin-bottom:120px;}
	.road__sector {height:980px;  background:url('images/road_map.svg') center/contain no-repeat; position:relative;   background-position-y: -17px;}
	.road__man {position:absolute; right:50%; top:0px; height:40px; width:40px; background:url('images/man_road1.png') center/contain no-repeat; margin-right:-129px; z-index:10; transition: all 300ms ease-in-out 0s; opacity:1;}
	.road__man.active {background:url('images/man_road2.png') center/contain no-repeat; opacity:1;}
	.road__zone {position:absolute; left:0; top:0; right:0; width:100%;}
	.road__zone.zona_a {height:140px;}
	.road__zone.zona_a .road__zone-text  {right:380px; top:-70px; z-index:9;}
	.road__zone.zona_a .road__zone-text:after {content:''; display:inline-block; position:absolute; right:0; top:0; height:50px; width:50px; background:url('images/step_icon1.svg') center/contain no-repeat; top:50%; margin:-25px -65px 0 0;}
	.road__zone.zona_b .road__zone-text:after {content:''; display:inline-block; position:absolute; right:0; top:0; height:50px; width:50px; background:url('images/step_icon2.svg') center/contain no-repeat; top:50%; margin:-25px -65px 0 0;}
	.road__zone.zona_d .road__zone-text:after {content:''; display:inline-block; position:absolute; right:0; top:0; height:50px; width:50px; background:url('images/step_icon4.svg') center/contain no-repeat; top:50%; margin:-25px -65px 0 0;}
	.road__zone.zona_c .road__zone-text,
	.road__zone.zona_b .road__zone-text,
	.road__zone.zona_a .road__zone-text  {background:rgba(21,16,66,.1);opacity: 1;backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);}
	.road__zone.zona_b .road__zone-text  {right:50%; top:21px; margin-right:70px;}
.aos-animate  .road__zone-text  { visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
	.road__zone.zona_c .road__zone-text  {right:0%; top:30px; margin-right:65px; background: rgb(164,138,191);
background: linear-gradient(90deg, rgba(164,138,191,1) 0%, rgba(117,120,178,1) 53%, rgba(97,124,180,1) 100%);}
.road__zone.zona_c .road__zone-text:after {content:''; display:inline-block; position:absolute; left:0; top:0; height:50px; width:50px; background:url('images/step_icon3.svg') center/contain no-repeat;top:50%; margin:-25px 0 0 -65px;}
	.road__zone.zona_c .road__zone-text:before {border-color: rgba(164,138,191,1) transparent;}
	.road__zone.zona_d .road__zone-text  {right:50%; top:21px; margin-right:175px; background: rgb(27,16,59); background: linear-gradient(90deg, rgba(27,16,59,1) 0%, rgba(20,11,57,1) 53%, rgba(90,74,129,1) 100%);}
	.road__zone.zona_d .road__zone-text:before {border-color: rgba(90,74,129,1) transparent;}
	.road__zone.zona_e .road__zone-text  {left: 50%; top: 21px; margin-left: 84px; background: rgb(0,0,39); background: linear-gradient(270deg, rgba(0,0,39,1) 0%, rgba(0,0,39,1) 53%, rgba(50,57,101,1) 100%);}
	.road__zone.zona_e .road__zone-text:after {content:''; display:inline-block; position:absolute; left:0; top:0; height:50px; width:50px; background:url('images/step_icon5.svg') center/contain no-repeat; top:50%; margin:-25px 0 0 -65px;}
	.road__zone.zona_e .road__zone-text:before {    border-color: rgba(49,56,100,1) transparent;}
	.road__zone.zona_f .road__zone-text  {top:20px; left:50%; margin-left:-200px; background: rgb(0,2,34); background: linear-gradient(0deg, rgba(0,2,34,1) 0%, rgba(0,2,34,1) 53%, rgba(11,46,81,1) 100%);}
	.road__zone.zona_f .road__zone-text:after {content:''; display:inline-block; position:absolute; left:50%; top:-65px; height:50px; width:50px; background:url('images/step_icon6.svg') center/contain no-repeat;margin:0 0 0 -33px;}
	.road__zone.zona_f .road__zone-text:before {border-color: rgba(11,46,81,1) transparent;}
	.road__zone.zona_b {height:124px;  top:140px;}
	.road__zone.zona_c {height:121px; top:263px;}
	.road__zone.zona_d {height:140px;   top:385px;}
	.road__zone.zona_e {height:140px;  top:525px;}
	.road__zone.zona_f {height:140px;  top:870px;}
		.road__zone-text {backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); background:rgba(255,255,255,.1); color:#fff; position:absolute;  text-align:center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; max-width:230px; padding:15px 18px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:hidden;}
.road__zone.aos-animate .road__zone-text  {visibility: inherit; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.road__zone-text.right__corner:before {border: solid; border-color:rgba(21,16,66,.1) transparent; border-width: 12px 12px 0 12px; content: "";     left: calc(100% - 6px); bottom: 50%; position: absolute;   transform: rotate(270deg) translate(0px, 0px); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);  }
		.road__zone-text.left__corner:before  {border: solid; border-color:rgba(21,16,66,.1) transparent; border-width: 12px 12px 0 12px; content: "";     right: calc(100% - 6px); bottom: 50%; position: absolute;   transform: rotate(90deg) translate(0px, 0px); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);  }
		.road__zone-text.top__corner:before {border: solid; border-color: rgba(21,16,66,.1) transparent; border-width: 12px 12px 0 12px; content: "";     right: calc(50% - 6px); top:-12px; position: absolute;   transform: rotate(180deg) translate(0px, 0px); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
	.road__zone.zona_a.road__zone-text {left:0; top:0;}
		.road__zone-text strong {font-weight:600; margin-bottom:8px; display:block;}
		.road__zone-text p {color:#fff; font-size:13px; line-height:1.3; font-weight:300;} 
@media screen and (max-width:960px) { 	
.road__sector {background: url(images/road_map.svg) center/915px no-repeat;     background-position-y: 0px;}
}
@media screen and (max-width:750px) { 		
 
}
/** Road map end**/
/***remain***/
.remain__text{
  padding: 20px; /* add some padding to create some space around the text */
  position: relative; /* set the position to relative to allow the absolute positioning of the SVG image */
  z-index: 1; /* set a higher z-index to make sure the text appears above the image */
}
.remain__text::before {
	content: '';
	background: url(images/thought-bubble.png);
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.2;
	position: absolute;
	top: -159px;
	left: -19px;
	right: 0px;
	bottom: 0;
	z-index: -1;
	height: 420px;
	width: 500px;
	transform: rotate(166deg) rotateY(180deg);
}	
.questions__remain {
	padding: 100px 0;
}
.remain__content {
	display: flex;
	align-items: center;
}
.remain__left {
	width: 50%;
}
.remain__images{
	position: relative;
}
.remain__images img{	
	vertical-align: bottom;
	z-index: 10;
	max-width: 400px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: hidden;
}
 
.remain__container.aos-animate .remain__images img{
	visibility: inherit;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.remain__container.aos-animate .remain__text p{
	visibility: inherit;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
} 
.remain__container.aos-animate .remain__btn{
	visibility: inherit;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.remain__right {
	width: 50%;
}
.remain__text p{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
		font-size: 16px;
		padding-top: 5px;
}
.remain__text{
	text-align: center;
}
.remain__title {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}	
.remain__btn button{
    color: #fff;
    font-weight: 600;
    border: 0;
    border-radius: 40px;
    cursor: pointer;
		padding: 18px 50px;
    display: inline-block;
    transition: all 300ms ease-in-out 0s;
    background: #6D7BFF;
    -webkit-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
    -moz-box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
    box-shadow: 0px 20px 53px 0px rgba(109, 123, 255, 1);
}
	 .remain__btn button:hover{
		-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
		-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
		box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
		background: #ff9800;
	 }
.remain__btn {
	padding-top: 20px;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
}
/***remainEnd***/
.video__insert {width:100%;}
/***animated***/
.footer__navigation__item.aos-animate {
	visibility: inherit;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.footer__navigation__item.select a,
.footer__navigation__item a:hover {color:#ff9800;}
.footer__navigation__item.aos-animate:nth-child(2) {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.footer__navigation__item.aos-animate:nth-child(3) {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.footer__navigation__item.aos-animate:nth-child(4) {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}
.footer__navigation__item.aos-animate:nth-child(5) {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.footer__navigation__item.aos-animate:nth-child(6) {
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
}
/***animatedEnd***/
@media screen and (max-width:1170px) {
	.article__conteiner.blot:before,
	.article__conteiner.blot:after {
		display: none;
	}
}

@media screen and (max-width:1050px) {
	.layer__shadow {left:10px; right:10px; width:calc(100% - 20px); }
	.header__nav {
		display: none;
	}
	.mobile__button {display:inline-block;}
.mobile__nav-view {overflow:hidden;}
.mobile__nav-view .header__nav {position:fixed; left:0; top:0; bottom:0; right:0; z-index:29; background: rgba(13, 7, 58, .65); backdrop-filter: blur(45px);  display:flex; width:100vw; height:100vh; overflow:auto;}
.mobile__nav-view .main__topline {position:static;}
.mobile__button {z-index:112;}
@media only screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
.mobile__nav-view .header__nav {background: rgba(13, 7, 58, .95); }
}
.navigation__item.select a, .navigation__item a:hover {color:#ff9800;}
.navigation__item a {line-height:60px;}
.mobile__nav-view .header__nav .navigation__list {flex-flow:column;}
	.main__overflow-conteiner,
	.article__conteiner,
	.advantages__container,
	.about__container,
	.article__body-inner,
	.title__amazon {padding-left: 10px;padding-right: 10px;}}
	
	.step__content  {display:none;}
	.program__container {padding-bottom:60px;}
@media screen and (max-width:1000px) {
	.lessons__overflow {padding-top:0;}
	.step__content {display:none; transition: all 300ms ease-in-out 0s;  visibility:hidden; overflow:hidden; max-height:0px;}
	.lessons__overflow {padding-left:0;}
	.active .step__content {display:block; padding-top:25px; visibility: inherit;  max-height:6500px; overflow:inherit;}
	.item__box__rigth {display:none;}
	.road__overflow__img,
	.promoted__photo,
	.text__overflow {
		padding-right: 20px;
	}
	.program__content__box {
		display: flex;
		flex-flow: column;
	}
	.item__box__rigth {
		padding-top: 40px;
	}
	.item__box__rigth,
	.item__box__left {
		width: 100%;
	}
.item__box__left  {height:auto; overflow:inherit;}
	.my__way__container {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width:950px) {
	.achievements__btn {
		position: relative;
		padding-left: 68px;
		margin-bottom: 50px;
		padding-top: 30px;
		text-align: inherit;
		padding-right:0;
	}
	
	.achievements__btn:before {
		background: url(images/svg__img/curved__line.svg) center/40px no-repeat;
	}
.achievements__btn a {
    padding: 12px 0;
    display: block;
    text-align: center;
    font-size: 15px;
}
	.meeting__bottom button,
	.meeting__date-run {
		max-width: 100%;
	}
	.ab__images img {
		left: 0;
	}
	.ab__images {
		margin: 200px 0;
	}
	.meeting__block {
		flex-flow: column;
	}
	.about__content {
		flex-flow: column-reverse;
	}
	.ab_content__left {
		width: 100%;
	}
}
@media screen and (max-width:900px) {
	.remain__text::before {
    top: -167px;
    left: -45px;
    right: -1px;
    height: 447px;
    width: 511px;
}
}
@media screen and (max-width:860px) {
	.road__zone.zona_a .road__zone-text {right:292px;}
}
@media screen and (max-width:850px) {
	.services__item {
		width: 50%;
	}
	.tariffs__list {
		flex-flow: column;
	}
	.tariffs__item {
		width: 100%;
		
	}

}
@media screen and (max-width:760px) {

.program__container {padding-bottom:30px;}	
	.personality__btn {}
	.personality__btn a,
	.personality__btn button {padding:30px 30px; width:80%;}
	.advanteges__list {
		flex-wrap: wrap;
	}
	.advanteges__item {
		width: 50%;
	}
	.main__advantages:before {
		height: 100%;
	}
}
@media screen and (max-width:750px) {
	.remain__left {
    width: 100%;
}
	.remain__text::before {
		display: none;
	}
	.remain__text{
		padding-top: 50px;
	}
	.remain__images{
		display: flex;
		justify-content: center;
	}
	.remain__right{
		width: 100%;
	}
	.remain__content{
		flex-flow: column;
	}
	.ab__images {
		margin: 150px 0;
	}
	.my__name {
		right: 0;
	}
	.my__surname {
		right: -40px;
	}
	.arrow__long__promoted__img {
		justify-content: end;
	}
	.amazon__img__overflow {
		text-align: center;
		padding-top: 50px;
	}
	.amazon__text {
		padding: 50px 0px 0 0px;
	}
	.arrow__long__promoted__img img {
		max-width: 330px;
		width: 100%;
	}
	.road__overflow__img,
	.promoted__photo,
	.text__overflow {
		padding-right: 0;
	}
	.work__and__travel {
		padding: 20px 0 20px 0px;
	}
	.may__way__content,
	.amazon__box {
		flex-direction: column-reverse;
	}
	.my__way__text,
	.my__way__image,
	.amazon__left,
	.amazon__right,
	.road__left,
	.road__right {
		width: 100%;
	}
	.my__way__image {
		padding-bottom: 40px;
	}
	.arrow__long__img img {
		max-width: 330px;
	}
	.promoted__container,
	.road__box {
		flex-direction: column;
	}
	.promoted__left,
	.promoted__right {
		width: 100%;
	}
	.promoted__text, .road__right .road__overflow__text {padding-left:0;}
	.promoted__left {
		text-align: center;
	}
}
@media screen and (max-height:720px) {
	.form__plan.visible, .form__modal.visible {top:20px;}
}
@media screen and (max-width:720px) {
	.ab__images:after {display:none;}
 
		.advanteges__item {width:50%; min-width:50%;}
		.reviews {padding-top:80px;}
}
@media screen and (max-width:680px) {
	.road__zone.zona_a .road__zone-text {right: 230px;}
	.road__zone.zona_c .road__zone-text {margin-right:0;}
}
@media screen and (max-width:650px) {
	.video__insert {max-height:560px;}
	.step__name {
		font-size: 14px;
	}
	.personality__btn span,
	.personality__btn a,
	.enroll__btn a {
		padding: 15px 50px;
		font-size: 14px;
	}
	.personality__btn span:hover,
	.personality__btn a:hover,
	.enroll__btn a:hover {
		padding: 15px 20px;
	}

	.images__left img {
		padding-bottom: 20px;
	}
	.images__left img,
	.images__right img {
		max-width: inherit
	}
	.photo__overflow {
		flex-flow: column;
	}
	.lessons__overflow {
		padding: 40px 10px 0px 10px;
	}
	.materials__overflow {
		padding: 38px 10px 0px 10px;
	}
	.content__lessons,
	.content__materials,
	.images__left,
	.images__right {
		width: 100%;
	}
	.program__content {
		flex-flow: column;
	}
	.course__list {
		flex-flow: column;
		flex-wrap: wrap;
		align-items: center;
	}
	.cur__item {
		width: 100%;
	}
	.cur__item__body {
		margin: 32px 50px;
	}
	.footer__navigation__list {
		flex-flow: column;
	}
	.footer__navigation__item {
		padding-bottom: 20px;
	}

}
@media screen and (max-width:580px) {
	.road__zone.zona_a .road__zone-text {right: 183px;}
	.road__zone.zona_e .road__zone-text {margin-left:-70px; margin-top:125px;}
	.road__zone-text.left__corner:before {    transform: rotate(180deg) translate(0px, 0px); bottom:auto;     top:-12px; right: calc(50% - 6px);}
	.road__zone.zona_e .road__zone-text:after {top:0; left:50%; margin-left:-25px; margin-top:-70px;}
	.road__zone.zona_c .road__zone-text.left__corner:before {top:auto; bottom:-12px;     transform: rotate(360deg) translate(0px, 0px);     right: calc(50% - 12px);     border-color: rgb(123 122 180) transparent;}
	.road__zone.zona_c .road__zone-text:after {left:50%; top:auto; bottom:-50px; margin-left:-19px;}
	.road__zone.zona_c .road__zone-text {top:-40px; right:50px;}
	.road__zone.zona_e .road__zone-text:before {border-color: rgb(1 1 40) transparent;}
	.road__zone.zona_d .road__zone-text {right:0; margin-right:112px;}
	.road__zone.zona_d .road__zone-text {top:81px;}
	.road__zone.zona_d .road__zone-text:before {transform: rotate(90deg) translate(0px, 0px); left:0; margin-left:-18px;      border-color: rgb(149 124 171) transparent;} 
	.road__zone.zona_d .road__zone-text:after {right:auto; left:0; margin-left:-80px; margin-right:0;}
	.road__zone.zona_d .road__zone-text {background: rgb(150,125,171); background: linear-gradient(90deg, rgba(150,125,171,1) 0%, rgba(98,113,170,1) 53%, rgba(39,85,136,1) 100%);}
#post-45 iframe.video__insert {max-height:320px!important;}
}
@media screen and (max-width:540px) {
	.meeting__text h1 {
		font-size: 26px;
	}
	.services__item {
		width: 100%;
	}
	.advantege__body{
		padding: 25px 30px;
	}
	.road__zone.zona_b .road__zone-text{
		  right: 37%;
          top: -20px;
	}
	.road__zone.zona_c .road__zone-text {
		right:0 !important;
		top: 40px !important;}

	


}
@media screen and (max-width:520px) {
	.road__zone.zona_a .road__zone-text {right: 159px;}
	.road__zone.zona_c .road__zone-text {right:19px;}
	.road__zone.zona_d .road__zone-text {margin-right:84px;}
}
@media screen and (max-width:480px) {
	.form__services.visible, .form__plan.visible, .form__modal.visible {width:90%; margin-left:0; left:5%;}
	.order__item__row input {    backdrop-filter: none;}
	.road__zone.zona_a .road__zone-text {right: 136px;}
	.road__zone.zona_c .road__zone-text {right:4px;}
	.road__zone.zona_d .road__zone-text {margin-right:64px;}
}
@media screen and (max-width:460px) {
	.advantege__subtitle {text-align:center;}
}
@media screen and (max-width:450px) {

	.remain__left {width: 100%;}
	.order__btn a{font-size: 14px;padding: 17px 50px}
	.form__modal.visible{min-width: auto;max-width: 90%;margin-left: 0;left: 5%;width: 90%;}
	.modal__block__inner {padding-left:15px; padding-right:15px; padding-bottom:0;}
	.order__btn input {padding-left:0; padding-right:0; display:block; text-align:center;}
	.hello_Itsme:after {
		content: '';
		display: inline-block;
		position: absolute;
		left: 15%;
		right: 0;
		bottom: -1px;
		z-index: 11;
		background: rgb(12, 6, 58);
		background: linear-gradient(0deg, rgba(12, 6, 58, 1) 0%, rgba(12, 6, 58, 0) 100%);
		height: 26px;
		width: 70%;
	}
	.hello_Itsme:before {
		height: 319px;
		width: 112%;
		left: 0%;
		top: -86px;
	}
	.hello_Itsme img {
		width: 100%;
	}
	.title__amazon {
		font-size: 15px;
	}
	.tariffs__tittle {
		font-size: 25px;
	}
	.price__btn a {
		padding: 18px 40px;
	}
	.price__btn a:hover {
		padding: 18px 30px;
	}
	.course__btn a {
		padding: 17px 50px;
		font-size: 14px;
	}
	.course__btn a:hover {
		padding: 17px 20px;
		-webkit-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
		-moz-box-shadow: 0px 20px 53px 0px rgba(255, 152, 0, 1);
		box-shadow: 0px 20px -21px 0px rgba(255, 152, 0, 1);
		background: #ff9800;
	}
	.advanteges__item {
		width: 100%;
	}
	.meeting__text h1 span {
		width: 75px;
		top: 30px;
	}
	.meeting__text h1 {
		font-size: 20px;
	}
	.ab_content__right {
		width: 100%;
	}
	.my__name {
		right: 20px;
		font-size: 13px;
	}
	.my__surname {
		right: -7px;
		font-size: 13px;
	}
	.first__results,
	.first__difficulties,
	.first__difficulties,
	.just__now {
		padding-bottom: 0;
	}
	.arrow__long__img img {
		transform: rotate(15deg);
		max-width: 200px;
	}
	.arrow__long__promoted__img img {
		max-width: 204px;
		width: 100%;
		transform: rotate(-15deg);
		padding-bottom: 25px;
	}
	.order__table {
		flex-flow: column;
	}
	.order__item__row {
		width: 100%;
	}
}
@media screen and (max-width:430px) {
	.road__zone.zona_a .road__zone-text {right: 109px;}
	.road__zone.zona_d .road__zone-text {
    margin-right: 37px;
}
}
@media screen and (max-width:400px) {
	.road__zone.zona_b .road__zone-text {margin-right:50px;}
	.road__zone.zona_c .road__zone-text {top:3px;}
	.road__zone.zona_d .road__zone-text {margin-right: 23px;}
	.road__zone.zona_f .road__zone-text {margin-left:-130px;}
	.road__zone-text.top__corner:before {right:auto; left:24px;}
	.road__zone.zona_f .road__zone-text:after {margin-left:-100px;}
}
@media screen and (max-width:380px) {
	.personality__btn a, .personality__btn button {width:100%; padding:30px 0;}
	.step__name p {font-size:15px;}
	.lessons__overflow {padding-top:20px;}
	.remain__text p{
		font-size: 14px;
	}
	.remain__text {
		padding: 30px 0 0;
	}
	.remain__images:after {
    left: -4%;
    height: 33px;
    width: 121%;
}
	.title__main__amazon{
		font-size: 15px;
	}
	.remain__btn button {
		font-size: 14px;
		padding: 17px 15px;
	}
	.remain__title{
		font-size: 14px;
	}
	.services__title {
		font-size: 15px;
	}
	.services__subtitle,
	.services__btn a {
		font-size: 14px;
	}
	.tariffs__body {
		background: #fff;
		padding: 0px 10px 50px 10px;
		margin: 20px 0;
	}
	.item__text:before {
		width: 13px;
		background: url(images/svg__img/check__mark.svg) center/14px no-repeat;
	}

	.item__text {
		padding-right: 60px;
	}
}
@media screen and (max-width:365px) {
	.advanteges__item {width: auto; max-width: 250px; min-width: 250px; }
	.meeting__text h1 {
		font-size: 16px;
	}
	.meeting__text p,
	.meeting__bottom button {
		font-size: 14px;
	}
}
@media screen and (max-width:340px) {
	.price {
		font-size: 30px;
	}
	.item__text {
		padding-right: 39px;
	}
	.copyright {font-size:13px; line-height:1.5; padding-left:12px; padding-right:12px;}
}
@media (max-width: 320px) {
body form[data-form-id="1"] .es-form-field-container {
    padding:0;
}
}
.card {
	background-color: #fff;
	
	width: 100%;
	min-height: 200px;
	display: flex;
	overflow: auto;
}

.card::-webkit-scrollbar {
	display: none;
}

.card--content {
	width: 300px;
	margin: 5px;
	max-height: 700px;
	display: flex;
	align-items: center;
}

.card--content img {
	width: 100%;
	max-width:300px;
	display: inline-block;
	border-radius: 8px;
	height: 100%;
}