body *{
	box-sizing: border-box;
}
body,html{
	margin:0px;
	padding:0px;
}
html{
	font-size:10px;
}
body{
	font-family:"Comfortaa" ,sans-serif;
	font-size:18px;
}
.left__header a img{
	max-width:100%;
	max-height:50px;
}
.right__header>ul{
	padding:0px;
	list-style-type: none;
	margin:0px;
}
.right__header ul li a{
	color:#575551;
	font-size:1.6rem;
}
.container{
	max-width:1230px;
	padding-left:15px;
	padding-right:15px;
	margin-left: auto;
	margin-right:auto;
}
header .left__header{
	display: flex;
	align-items:center;
}
header.float__header{
	background-color:#fff;
	padding:10px 0px;
	box-shadow:0 0 20px rgba(0,0,0,.1);
}
header{
	position: fixed;
	width:100%;
	left:0px;
	top:0px;
	transition:.4s ease all;
	padding:15px 0px;
	z-index:12;
}
header .outer__header{
	display: flex;
	align-items:center;
	justify-content:space-between;
}
.header__buttons a{
	font-size:1.6rem;
}
.header__buttons{
	display: flex;
	align-items: center;
}
.header__buttons>.login__button{
	border-radius:250px;
	min-width: 100px;
	border:1px solid #2D2A25;
	display: inline-flex;
	align-items:center;
	justify-content:center;
	color:#2D2A25;
	font-weight:bold;
	text-decoration:none;
	min-height:42px;
	transition:.4s ease all;
	margin-right:30px;
	font-size:1.6rem;
}
.header__buttons>.login__button:hover{
	opacity:.7;
}
.header__buttons>.free__button{
	min-height:42px;
	min-width:160px;
	display: inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:250px;
	background-color:#3F5DFF;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	transition:.4s ease all;
}
.header__buttons>.free__button:hover{
	opacity:.7;
}
.outer__header .right__header{
	display: flex;
	align-items:center;
	justify-content:center;
}
.outer__header .right__header>ul{
	display: flex;
	align-items:center;
	justify-content:center;
	margin-right:40px;
}
.outer__header .right__header>ul li{
	margin-right:25px;
}
.outer__header .right__header>ul li:last-child{
	margin-right:0px;
}
.outer__header .right__header>ul li a{
	text-decoration:none;
	font-weight:bold;
	transition:.4s ease all;
	position: relative;
}
.left__header>a{
	display: inline-flex;
	transition:.4s ease all;
}
.left__header>a:hover{
	opacity: .7;
}
.outer__header .right__header>ul li a:before{
	content:"";
	position: absolute;
	left:0px;
	bottom:-5px;
	height:2px;
	border-radius:50px;
	background-color:#3F5DFF;
	width:0px;
	transition:.4s ease all;
}
.outer__header .right__header>ul li a:hover{
	color:#3F5DFF;
}
.outer__header .right__header>ul li a:hover:before{
	width:100%;
}
.outer__first{
	min-height:580px;
	display: flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	padding-top:180px;
	padding-bottom:150px;
}
.outer__first .first__info{
	max-width:550px;
}
.outer__first .first__info>h1{
	font-size:3.5rem;
	margin-top:0px;
	margin-bottom:25px;
	color:#2D2A25;
}
.outer__first .first__info>h1 span{
	display: inline-flex;
	background-color:#C5C6FF;
	padding:10px 7px;
	border-radius:15px;
}
.outer__first .first__info>p{
	color:#575551;
	font-size:1.6rem;
	line-height:2.75rem;
	margin-bottom:35px;
}
.first__form {
	display: flex;
	align-items:center;
	justify-content:flex-start;
	width:100%;
}
.first__form .group__trial input[type="submit"]:hover{
	opacity:.7;
}
.outer__free>form>.group__form>input[type="text"]::-webkit-input-placeholder{
	color:#fff;
	font-weight:300;
}
.outer__free>form>.group__form>input[type="text"]::-moz-placeholder{
	color:#fff;
	font-weight:300;
}
.outer__free>form>.group__form>input[type="text"]:-ms-input-placeholder{
	color:#fff;
	font-weight:300;
}
.outer__free>form>.group__form>input[type="text"]:-moz-placeholder{
	color:#fff;
	font-weight:300;
}
.group__email>input::-webkit-input-placeholder  , .before__pricing>input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #BABABA;
}
.group__email>input::-moz-placeholder , .before__pricing>input::-moz-placeholder { /* Firefox 19+ */
  color: #BABABA;
}
.group__email>input:-ms-input-placeholder  , .before__pricing>input:-ms-input-placeholder{ /* IE 10+ */
  color: #BABABA;
}
.group__email>input:-moz-placeholder , .before__pricing>input:-moz-placeholder { /* Firefox 18- */
  color: #BABABA;
}
.first__form .group__trial input[type="submit"]{
    min-height: 53px;
    min-width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 250px;
    background-color: #3F5DFF;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    transition: .4s ease all;
    border:0px;
    outline:none;
    cursor:pointer;
    font-size:1.6rem;
    font-family:"Comfortaa" ,sans-serif;
}
.first__form .group__email{
	width:100%;
	margin-right:30px; 
}
.first__form .group__email input{
	min-height:49px;
	border: 1px solid rgba(51,51,51,.3)!important;
    color: #333;
    font-size:1.6rem;
    outline:none;
    border-radius:5px;
    padding: 1.2rem;
    width:100%;
}
.first__logotype{
	background:url("../img/firstback.png");
	background-position:bottom;
	background-repeat: no-repeat;
	background-size:cover;
}
.logo__wrapper .outer__logo{
	padding:50px 0px;
	display: grid;
	grid-column-gap:40px;
	grid-template-columns: repeat(5 , 1fr);
}
.outer__logo .elem__logo{
	display: flex;
	justify-content:center;
}
.outer__logo .elem__logo img{
	width:100%;
	max-width:150px;
	max-height: 70px;
}
.inner__personalized{
	display: grid;
	grid-template-columns: repeat(3 , 1fr);
	grid-column-gap: 30px;
}
.personalized__outer>h2{
	text-align:center;
	max-width:940px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top:0px;
	font-size:3rem;
	line-height:3.5rem;
	color:#2D2A25;
}
.personalized__info {
	padding:45px 0px;
}
.elem__personalized .personalized__image{
	display: flex;
	justify-content:center;
	align-items:center;
	margin-bottom:30px;
}
.elem__personalized .personalized__image img{
	max-height:225px;
}
.elem__personalized .personalized__text>h6{
	text-align:center;
	font-size:2rem;
	line-height:2.5rem;
	text-align:center;
	margin:0px;
	color: #2D2A25;
	margin-bottom:15px;
}
.elem__personalized .personalized__text>p{
	text-align:center;
	font-size: 1.65rem;
    line-height: 2.25rem;
    color: #575551;
}
.inner__pricing{
	grid-template-columns: repeat(2 , 440px);
	grid-column-gap: 100px;
	justify-content:center;
	width: 460px;
	margin: 0 auto;
}
.pricing__block{
	padding-top:50px;
	padding-bottom:50px;
}
.pricing__block .head__pricing>h2{
	text-align:center;
	margin:0px;
    font-size: 3rem;
    line-height: 3.5rem;
    color:#2D2A25;
}
.pricing__block .head__pricing{
	margin-bottom:40px;
}
.inner__pricing>.elem__pricing .head__pricing{
	min-height:130px;
	background: #3F5DFF;
	border-radius: 40px 40px 0px 0px;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	margin-bottom:0px;
}
.inner__pricing>.elem__pricing .head__pricing>p{
	font-size:2rem;
	line-height:2.5rem;
	margin-top:0px;
	margin-bottom:12px;
	color:#fff;
	font-weight:bold;
}
.inner__pricing>.elem__pricing .head__pricing ul{
	padding:0px;
	list-style-type: none;
	margin:0px;
	display: flex;
	align-items:center;
}
.inner__pricing>.elem__pricing .head__pricing ul li{
	margin-right:15px;
}
.inner__pricing>.elem__pricing .head__pricing ul li a{
	font-size:1.6rem;
	line-height:2.25rem;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	position: relative;
}
.elem__pricing .head__pricing ul li a:before{
	content:"";
	position: absolute;
	left:0px;
	bottom:-5px;
	width:0%;
	height:2px;
	background: #FFFFFF;
	border-radius: 100px;
	transition:.4s ease all;
}
.elem__pricing .head__pricing ul li a:hover:before{
	width:100%;
}
.elem__pricing .head__pricing ul li.active__pricing a:before{
	content:"";
	position: absolute;
	left:0px;
	bottom:-5px;
	width:100%;
	height:2px;
	background: #FFFFFF;
	border-radius: 100px;
	transition:.4s ease all;
}
.price__value{
	display: flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	text-align:center;
	padding:40px 0px;
	border-bottom:1px solid #A5A8AB;
	margin-bottom:40px;
}
.price__value>h6{
	font-size:2.5rem;
	font-weight:bold;
	color:#2D2A25;
	line-height:3.5rem;
	margin:0px;
	margin-bottom:10px;
}
.price__value>span{
	color:#575551;
	font-size:2rem;
}
.price__value .double__price{
	display: flex;
	align-items:center;
	justify-content:center;
}
.price__value .double__price h6{
	font-size:3rem;
	font-weight:bold;
	color:#2D2A25;
	line-height:3.5rem;
	margin:0px;
	margin-bottom:10px;
}
.price__value .double__price span{
	color:#575551;
	font-size:1.6rem;
}
.price__value .double__price>.spacer__price{
	margin:0px 50px;
	width:1px;
	height:30px;
	background-color:#A5A8AB;
}
.elem__advantage {
	display: flex;
	align-items:center;
	margin-bottom:15px;
}
.elem__advantage:last-child{
	margin-bottom:0px;
}
.content__pricing{
	padding-left:40px;
	padding-right:40px;
}
.elem__advantage p{
	color:#575551;
	font-size:1.6rem;
	line-height:2.25rem;
	margin:0px;
}
.elem__advantage  span{
	display: inline-flex;
	min-width:8px;
	min-height:8px;
	border-radius:250px;
	background-color:#3F5DFF;
	margin-right:20px;
}
.before__pricing{
	display: flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding-bottom:25px;
	padding-left:40px;
	padding-right:40px;
	min-height:65px;
}
.before__pricing p{
	margin:0px;
	color:#575551;
	font-size:1.6rem;
}
.before__pricing>input{
	width:100%;
	border:0px;
	text-align:center;
	padding-bottom:15px;
	font-size:1.6rem;
	outline:none;
	border-bottom:1px solid #A5A8AB;
}
.elem__pricing{
	border-bottom-left-radius:40px;
	border-bottom-right-radius:40px;
	padding-bottom:40px;
	box-shadow: 0px 25px 60px rgba(63, 93, 255, 0.06);
	border-top-left-radius:250px;
	border-top-right-radius: 250px;
}
.features__block{
	padding:50px 0px;
}
.inner__features--container>.head__features{
	text-align:center;
	margin-bottom:45px;
}
.inner__features--container>.head__features>h2{
    text-align: center;
    margin: 0px;
    font-size: 3rem;
    line-height: 3.5rem;
    color:#575551;
}
.inner__features--container .inner__features{
	display: flex;
	flex-direction:column;
}
.inner__features--container .inner__features{
	display: grid;
	grid-template-columns:repeat(4 , 1fr);
	grid-row-gap:40px;
	grid-column-gap:40px;
}
.inner__features--container .inner__features .elem__feature .image__feature{
	display: flex;
	justify-content:center;
	align-items:center;
}
.inner__features--container .inner__features .elem__feature .text__feature{
	text-align: center;
}
.inner__features--container .inner__features .elem__feature .text__feature p{
	font-size:1.625rem;
	line-height:2.25rem;
	color:#575551;
	margin:0px;
}
.inner__features--container .inner__features .elem__feature .image__feature{
	margin-bottom:20px;
}
footer{
	background-color:#3F5DFF;
	padding:50px 0px;
}
footer .copyright{
    margin: 0 auto;
    width: 375px;
    margin-top: 20px;
    color: white;
    font-size: small;
}
footer .column__footer .logo__footer{
	justify-content:center;
	align-items:center;
	transition:.4s ease all;
}
footer .column__footer .logo__footer:hover{
	opacity:.7;
}
footer .column__footer .logo__footer>img{
	max-width:120px;
}
footer .outer__footer{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
}
.logo__footer{
	display: inline-flex;
	transition:.4s ease all;
}
.logo__footer:hover{
	opacity:.7;
}
footer .outer__footer .column__footer>p{
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:0px;
}
footer .outer__footer .column__footer ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
footer .outer__footer .column__footer ul li{
	margin-bottom:12px;
}
footer .outer__footer .column__footer ul li:last-child{
	margin-right:0px;
}
footer .outer__footer .column__footer ul li a{
	font-size:1.6rem;
	font-weight:400;
	color:#fff;
	text-decoration:none;
	display: inline-flex;
	align-items:center;
	transition:.4s ease all;
}
footer .outer__footer .column__footer ul li a:hover{
	opacity:.7;
}
footer .outer__footer .column__footer ul li a span{
	display: inline-flex;
	margin-right:10px;
}
footer .outer__footer .send__message:hover{
	opacity:.7;
}
footer .outer__footer .send__message{
	margin-top:15px;
	display: inline-flex;
	height:45px;
	width:100%;
	text-decoration:none;
	border-radius:250px;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	font-size:1.6rem;
	background-color:#fff;
	color: #3F5DFF;
	transition:.4s ease all;
}
footer .outer__footer .contact__column{
	width:100%;
	max-width:230px;
}
footer .outer__footer .column__footer.review__column{
	max-width:210px;
}
footer .outer__footer .column__footer.review__column p {
	line-height:2.5rem;
}
footer .outer__footer .column__footer.socials__column{
	max-width:150px;
}
footer .outer__footer .column__footer.socials__column p{
	line-height:2.5rem;
}
footer .outer__footer .column__footer.socials__column ul{
	display: flex;
	align-items:center;
	justify-content:flex-start;
}
footer .outer__footer .column__footer.socials__column ul li{
	margin:0px;
	margin-top:0px;
	margin-right:25px;
}
footer .outer__footer .column__footer ul li:last-child{
	margin-right:0px;
}
.column__footer.review__column a{
	transition:.4s ease all;
	display: inline-flex;
	align-items:center;
	justify-content:center;
}
.column__footer.review__column a:hover{
	opacity:.7;
}
.free__block .outer__free .head__free>h2{
	text-align: center;
    margin: 0px;
    font-size: 3rem;
    line-height: 3.5rem;
    color: #575551;
}
.free__block{
	position: relative;
	padding:50px 0px;
}
.free__block .overlay__free{
	position: absolute;
	height:700px;
	bottom:0px;
	left:0px;
	width:100%;
	background: linear-gradient(to top, #3F5DFF 0.79%, rgba(63, 93, 255, 0) 86.15%);
}
.outer__free>form{
	position: absolute;
	bottom: 25px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:700px;
}
.outer__free>form>p{
	margin-bottom:30px;
	margin-top:0px;
	color: #FFFFFF;
	font-size:1.75rem;
	line-height:2.5rem;
}
.outer__free>form>.group__form{
	display: flex;
	justify-content:center;
	align-items:center;
}
.outer__free>form>.group__form>input[type="text"]{
    min-height: 49px;
    color: #333;
    max-width:350px;
    margin-right:30px;
    font-size:1.6rem;
    outline: none;
    border-radius: 5px;
    font-weight:300;
    padding: 1.2rem;
    width: 100%;
    background-color:transparent;
    color:#fff;
    border: 1px solid #A5A8AB;
    border-radius:15px;
}
.outer__free>form>.group__form>input[type="submit"]{
    min-height: 49px;
    min-width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 250px;
    background-color: #fff;
    color: #3F5DFF;
    font-weight: bold;
    text-decoration: none;
    transition: .4s ease all;
    border: 0px;
    outline: none;
    cursor: pointer;
    font-size:1.6rem;
    font-family: "Comfortaa" ,sans-serif;
}
.outer__free>form>.group__form>input[type="submit"]:hover{
	opacity:.7;
}
.free__container>img{
	width:100%;
}
.sign__in--block{
	position: static;
	top:0px;
	left:0px;
	height: auto;
	min-height:100vh;
	width:100%;
	display: flex;
	z-index:25;
}
.sign__in--block>.left__sign--in .inner__left{
	display: flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.sign__in--block>.left__sign--in{
	width:50%;
	background-color:#fff;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	min-height: 100vh;
	height: auto;
}
.sign__in--block>.right__sign--in{
	display: flex;
	align-items:center;
	justify-content:center;
	padding-left:50px;
	padding-right:50px;
}
.elem__sign--switch{
	max-width:540px;
}
.elem__sign--switch .sign__image{
	margin-bottom:15px;
}
.elem__sign--switch .sign__text span{
	display: inline-flex;
	font-size:1.6rem;
	line-height:2.4rem;
	font-weight:bold;
	color:#333;
}
.elem__sign--switch .sign__text p{
	margin:0px;
	font-size:1.6rem;
	line-height:2.4rem;
	margin-bottom:15px;
}
.sign__in--block>.right__sign--in{
	width:50%;
    background-color: #C5C6FF;
    opacity: 90%;
}
.sign__logo>img{
	max-width:110px;
}
.inner__left{
	max-width:540px;
	text-align:center;
	width:100%;
	padding-left:50px;
	padding-right:50px;
}
.inner__left>p{
	font-size:1.6rem;
	line-height:2.4rem;
	margin:0px;
	margin:10px 0px;
}
.inner__left .sign__in .group__sign--in.words__sign>span{
	right:0px;
	position: absolute;
}
.inner__left .sign__in .group__sign--in.words__sign>input{
	padding-right:115px;
}
.inner__left .group__sign--submit{
	margin-top:45px;
}
.inner__left .group__sign--submit>input:hover{
	opacity:.7;
}
.inner__left .group__sign--submit>input{
	min-height: 53px;
    min-width: 200px;
    padding-left:25px;
    padding-right:25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 250px;
    background-color: #3F5DFF;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    transition: .4s ease all;
    border: 0px;
    outline: none;
    cursor: pointer;
    font-size: 1.6rem;
    font-family: "Comfortaa" ,sans-serif;
}
.inner__left .sign__in .group__sign--in.words__sign{
	position: relative;
	display: flex;
	align-items:center;
}
.inner__left .sign__in .group__sign--in{
	margin-bottom:25px;
}
.inner__left .sign__in .group__sign--in>input:focus{
	border-color:#3F5DFF;
}
.inner__left .sign__in .group__sign--in>input{
	width:100%;
	height:40px;
	outline: none;
	border:0px;
	font-size:1.6rem;
	font-weight:400;
	transition:.4s ease all;
    border-bottom: 1px solid #ccc;
}
.inner__left .sign__in{
	width:100%;
	max-width:450px;
}
.inner__left>h2{
	margin:0px;
	font-size:3rem;
	font-weight:600;
	color:#333;
}
.inner__left>h2 span{
    display: inline-flex;
    background-color: #C5C6FF;
    padding:7px;
    border-radius: 15px;
}
.inner__left>.sign__logo{
	margin-bottom:20px;
}

.inner__left .sign__in .group__sign--in>input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #BABABA;
}
.inner__left .sign__in .group__sign--in>input::-moz-placeholder { /* Firefox 19+ */
  color: #BABABA;
}
.inner__left .sign__in .group__sign--in>input:-ms-input-placeholder{ /* IE 10+ */
  color: #BABABA;
}
.inner__left .sign__in .group__sign--in>input:-moz-placeholder { /* Firefox 18- */
  color: #BABABA;
}
.steps__inner{
	position: absolute;
	left:0px;
	bottom:0px;
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left:25px;
	padding-right: 25px;
	padding-bottom: 10px;
}

.step__wrap{
	display: flex;
	align-items:center;
	justify-content: center;
}
.step__wrap .elem__step.active__step span{
	background-color:#2666C6;
}
.step__wrap .elem__step{
	margin-right:8px;
}
.steps__inner>.prev__step{
	min-width:100px;
}
.steps__inner>.next__step{
	min-width:100px;
	text-align:right;
}
.step__wrap .elem__step:last-child{
	margin-right:0px;
}
.step__wrap .elem__step span{
	display:flex;
	align-items:center;
	justify-content: center;
	min-width: 8px;
	min-height: 8px;
	border-radius:250px;
	background-color:#C4C4C4;
}
.steps__inner a:hover{
	opacity:.7;
}
.steps__inner a span{
	display: inline-flex;
}
.prev__step a span{
	display: inline-flex;
	margin-right:10px;
}
.next__step a span{
	display: inline-flex;
	margin-left:10px;
}
.steps__inner .prev__step>a , .steps__inner .next__step>a{
	text-decoration:none;
	transition:.4s ease all;
	color:#000000;
	font-size:14px;
	font-weight: 400;
	display: flex;
	align-items:center;
}
.steps__inner .next__step>a{
	justify-content: flex-end;
}
.steps__inner a{
	text-decoration:none;
	transition:.4s ease all;
	color:#000000;
	font-size:14px;
	font-weight: 400;
	display: inline-flex;
	align-items:center;
}
.left__sign--in{
	position: relative;
}
#picker , #picker2 ,#picker3 , #picker4 ,#picker5{
	min-width:100px;
	min-height:40px;
	position: relative;
	display: flex;
	align-items:center;
}
#picker input , #picker2 input , #picker3 input ,#picker4 input , #picker5 input	{
	min-height:40px;
	padding-left:15px;
	padding-right:15px;
	border:1px solid #cecece;
    font-size: 1.6rem;
    font-weight: 400;
    transition: .4s ease all;
    border-right:0px;
    outline:none;
    max-width:180px;
    width:100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.color__picker{
	margin-top:20px;
	display: flex;
	flex-direction:column;
	width:100%;
	justify-content: space-between;
}
.color2, .color3, .color5{
	min-width:40px;
	min-height:40px;
	background-color:#20A8D8;
	border:1px solid #cecece;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.color1, .color4 {
	min-width:40px;
	min-height:40px;
	background-color:#FFFFFF;
	border:1px solid #cecece;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.elem__color{
	display: flex;
	align-items: center;
	cursor:pointer;
	margin-bottom:15px;
	justify-content: space-between;
}
.elem__color:last-child{
	margin-bottom:0px;
}
.elem__color>p{
	min-width:175px;
	text-align:left;
	color:#797777;
	margin-top:0px;
	font-size:16px;
	margin-bottom:0px;
	margin-right:30px;
}
.upload__wrapper{
	width:100%;
	margin-top:20px;
	border-radius:5px;
}
.upload__wrapper .inner__upload{
	min-height:150px;
	border:2px dashed #cecece;
	width:100%;
	display: inline-flex;
	align-items:center;
	justify-content: center;
	border-radius: 5px;
	cursor:pointer;
	transition:.4s ease all;
	position: relative;
}
.upload__wrapper>input{
	position: absolute;
	opacity:0;
	left:-2000px;
}
.inner__upload>img{
	max-height:110px;
	display: none;
	width:auto;
}
.upload__wrapper .inner__upload:hover{
	opacity:.7;
}
.sign__in--block.building__gif{
	background: #E3EEFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
	height:auto;
	min-height:100vh;
}
.building__gif>h6{
	margin-top:0px;
	margin-bottom:15px;
	color: #000000;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
}
.tutorial__video{
	position: relative;
	padding-bottom: 56.25%;
}
.tutorial__video>iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tutorial__block{
	padding-top:110px;
}
.tutorial__video{
	margin-top:25px;
}
.head__tutorial>a:hover{
	opacity:.7;
}
.head__tutorial>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color:#000000;
	font-size:14px;
	line-height:18px;
	transition:.4s ease all;
	text-decoration: none;
}
.head__tutorial>a>img{
	display: inline-flex;
	margin-right:8px;
}
.tutorial__info{
	margin-top:30px;
}
.tutorial__block{
	padding-bottom:60px;
}
.tutorial__info>p{
	margin:0px;
    color: #575551;
    font-size: 1.6rem;
    line-height: 2.75rem;
}
.tutorial__info>h2{
	margin-top:0px;
	margin-bottom: 10px;
	font-size:2.5rem;
}
.blog__block{
	padding-top:110px;
}
.blog__block .head__blog{
	margin-bottom:30px;
}
.blog__block .head__blog>h2{
	text-align:center;
	margin:0px;
	font-size:3rem;
}
.blog__block{
	padding-bottom:70px;
}
.blog__block .content__blog{
	margin-top:30px;
}
.blog__block .content__blog>h6{
	margin-top:0px;
	margin-bottom:15px;
	font-size:2rem;
	line-height: 2.5rem;
	font-weight:bold;
}
.blog__image>img{
	max-width:100%;
	width:auto;
}
.blog__block .content__blog>p{
	margin-top:0px;
	margin-bottom:15px;
	font-size: 1.6rem;
    line-height: 2.4rem;
}
.navigation__block{
	padding-top:140px;
	padding-bottom:120px;
}
.info__sliders *{
	outline:none!important;	
}
.slide__info{
	padding:20px 0px;
}
.play__button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition:.4s ease all;
}
.play__button:hover{
	opacity:.7;
}
.inner__slide--info{
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	/*height: 100%;*/
}
.head__info--slider>h6{
	color: #000000;
	font-size:2.25rem;
	margin-top:0px;
	margin-bottom:10px;
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
}
.elem__info--slider{
	margin-bottom:40px;
}
.elem__info--slider:last-child{
	margin-bottom:0px;
}
.info__slider--inner .slick-prev:before{
	content:none;
}
.info__slider--inner .slick-prev:hover{
	opacity:.7;
}
.info__slider--inner .slick-prev{
	min-width:45px;
	min-height:45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background:url("../img/leftarr.svg")!important;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	background-position:center!important;
	transition:.4s ease all;
	z-index:5;
}



.info__slider--inner .slick-next:hover{
	opacity:.7;
}
.info__slider--inner .slick-next{
	min-width:45px;
	z-index:8;
	min-height:45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background:url("../img/rightarr.svg")!important;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	background-position:center!important;
	transition:.4s ease all;
}
.info__sliders{
	padding-bottom: 80px;
}
.slide__info .slide__info--text>p{
    margin: 0px;
    font-size: 1.475rem;
    line-height: 1.625rem;
    color: #000;
}
.slide__info .slide__info--text>h6{
	margin-top:0px;
	color: #000000;
	font-size:1.875rem;
	line-height:2.25rem;
	margin-bottom:10px;
}
.slide__info .slide__info--text{
	padding:25px 20px;
}
.slide__info--video{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height:200px;
	background-repeat: no-repeat!important;
	background-size:cover!important;
	background-position: center!important;
}
/* the slides */
.slick-slide {
    margin: 0 35px;
}
/* the parent */
.slick-list {
    margin: 0 -35px;
}
.outer__navigation{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 940px;
	margin-left:auto;
	margin-right:auto;
}
.elem__navigation{
	min-width:120px;
}
.outer__navigation>.elem__navigation:hover{
	opacity:.7;
}
.outer__navigation>.elem__navigation>span{
	display: flex;
	width:100%;
	justify-content: 	center;
	align-items: center;
}
.elem__navigation>.navigation__text{
	margin-top: 15px;
}
.elem__navigation .navigation__image{
	min-width:90px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.navigation__text>p{
	margin:0px;
	font-size:1.75rem;
	color:#000;
}
.outer__navigation>.elem__navigation{
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	transition: .4s ease all;
}
.slide__info--video{
	transition:.4s ease all;
}
.slide__info--video:hover{
	opacity:.7;
}
@media (max-width:1340px){
	.elem__info--slider{
		max-width:1070px;
		margin-left:auto;
		margin-right:auto;
	}
	.head__info--slider>h6{
		max-width:940px;
	}
}
@media (max-width:1200px){
	.outer__navigation{
		max-width:770px;
	}
	/* the slides */
	.slick-slide {
	    margin: 0 15px;
	}
	/* the parent */
	.slick-list {
	    margin: 0 -15px;
	}
	.elem__info--slider{
		max-width:900px;
		margin-left:auto;
		margin-right:auto;
	}
	.navigation__block{
		padding-bottom:80px;
	}
	.head__info--slider>h6{
		font-size:2rem;
		max-width:840px;
	}
	.info__sliders{
		padding-bottom:50px;
	}
	.blog__block .head__blog>h2{
		font-size:2.5rem;
	}
	.blog__block .content__blog>h6{
		font-size:1.825rem;
		line-height:2.125rem;
	}
	.tutorial__info>h2{
		font-size:2.25rem;
	}
	.tutorial__info{
		margin-top:25px;
	}
	.building__gif>h6{
		font-size:2.25rem;
		margin-bottom:5px;
	}
	.inner__left>h2{
		font-size:2.5rem;
	}
	.free__block{
		padding-top:35px;
		padding-bottom:35px;
	}
	.pricing__block .head__pricing{
		margin-bottom:30px;
	}
	.elem__feature .image__feature img{
		max-width:125px;
	}
	.inner__pricing{
		grid-column-gap:40px;
		grid-template-columns: repeat(2 , 340px);
	}
	.pricing__block{
		padding-top:35px;
		padding-bottom:35px;
	}
	.elem__personalized .personalized__text>h6{
		font-size:1.75rem;
	}
	.elem__personalized .personalized__image img{
		max-height:190px;
	}
	.outer__first{
		padding-top:140px;
	}
	.outer__first .first__info>h1{
		font-size:3rem;
		margin-bottom:15px;
	}
	.first__form .group__trial input[type="submit"]{
		min-height:49px;
		min-width:180px;
	}
}
@media (max-width:991px){
	.mobile-only {
		display: inline;
	}
	.outer__navigation{
		max-width:540px;
	}
	.navigation__block{
		padding-bottom:70px;
		padding-top:110px;
	}
	.blog__block .head__blog>h2{
		font-size: 2.5rem;
	}
	.tutorial__info>h2{
		font-size:2rem;
	}
	.tutorial__info>p{
		line-height:2rem;
	}
	.tutorial__video{
		margin-top:15px;
	}
	.tutorial__info{
		margin-top:15px;
	}
	.tutorial__block{
		padding-top:90px;
		padding-bottom:45px;
	}
	.elem__color>p{
		font-size:15px;
		min-width:155px;
	}
	.sign__in--block{
		flex-direction:column;
		overflow-y: scroll;
		height:100%;
		padding-top:40px;
	}
	.sign__in--block>.left__sign--in{
		width:100%;
		padding:120px 0px;
	}
	.sign__in--block>.right__sign--in{
		width:100%;
		padding:120px 0px;
	}
	.menu__button{
		display: flex;
		flex-direction:column;
		align-items:center;
		margin-left:15px;
		position: relative;
		z-index:15;
	}
	.sign__in--block>.left__sign--in .inner__left{
		padding-left:20px;
		padding-right:20px;
	}
	.sign__in--block>.right__sign--in{
		padding-left:20px;
		padding-right:20px;
	}
	.menu__button.active__menu>span{
		background-color:#fff;
	}
	.menu__button.active__menu>span:nth-child(2){
		opacity:0;
	}
	.menu__button.active__menu>span:nth-child(1){
		transform:rotate(-45deg);
		top:10px;
	}
	.menu__button.active__menu>span:nth-child(3){
		transform:rotate(45deg);
		bottom:10px;
	}
	.menu__button>span:last-child{
		margin-bottom:0px;
	}
	.menu__button>span:last-child{
		bottom:0px;
		top:auto;
	}
	.menu__button>span{
		display: inline-flex;
		width:36px;
		height:4px;
		border-radius:50px;
		background-color:#3F5DFF;
		margin-bottom:6px;
		transition:.5s ease all;
		position: relative;
		top:0px;
	}
	footer .outer__footer .send__message{
		margin-top:0px;
	}
	footer .outer__footer{
		display: grid;
		grid-template-columns: repeat(2 ,230px);
		max-width:540px;
		grid-row-gap:40px;
		margin-left:auto;
		margin-right:auto;
		grid-column-gap: 40px;
	}
	footer{
		padding:35px 0px;
	}
	.free__block .outer__free .head__free>h2{
		font-size:2.5rem;
	}
	.outer__free>form>.group__form{
		display: flex;
		flex-direction:column;
	}
	.outer__free>form>.group__form>input[type="text"]{
		margin-right:0px;
		margin-bottom:15px;
	}
	.outer__free>form{
		bottom:110px;
	}
	.free__block .overlay__free{
		height:450px;
	}
	.outer__free>form>p{
		margin-bottom:20px;
	}
	.features__block{
		padding:35px 0px;
	}
	.inner__features--container>.head__features{
		margin-bottom:35px;
	}
	.inner__features--container .inner__features{
		grid-template-columns: repeat(2 , 1fr);
		justify-content:center;
		align-items:center;
		max-width:540px;
		margin-left:auto;
		margin-right:auto;
		grid-row-gap:30px;
		grid-column-gap:30px;
	}
	.inner__features--container>.head__features>h2{
		font-size:2.5rem;
	}
	.elem__personalized .personalized__image img{
		max-height:160px;
	}
	.elem__personalized .personalized__image{
		margin-bottom:20px;
	}
	.pricing__block .head__pricing>h2{
		font-size:2.5rem;
	}
	.personalized__outer>h2{
		font-size:2.5rem;
		max-width:640px;
	}
	.logo__wrapper .outer__logo{
		padding:35px 0px;
	}
	.outer__first .first__info{
		max-width:540px;
	}
	.outer__first{
		padding:90px 0px;
	}
	.outer__first .first__info>h1 span{
		padding:5px;
	}
	.outer__header .right__header ul li a{
		color:#fff;
		font-size:3rem;
	}
	.outer__header .right__header>ul li{
		margin-right:0px;
		margin-bottom:15px;
	}
	.outer__header .right__header ul{
		display: flex;
		justify-content:center;
		align-items:center;
		position: fixed;
		flex-direction:column;
		top:-100vh;
		left:0px;
		width:100%;
		z-index:14;
		height: 100vh;
		background-color:#3F5DFF;
		transition:.5s ease all;
	}
	.header__buttons>.login__button{
		margin-right:20px;
	}
	html{
		font-size:9px;
	}
	.header__buttons>.login__button{
		display: none;
	}
	header .outer__header{
		min-height:55px;
	}
	.pricing__block .head__pricing{
		margin-bottom:20px;
	}
	.elem__info--slider{
		max-width:700px;
	}
	.head__info--slider>h6{
		max-width:640px;
	}
}
@media (max-width:767px){
	.info__sliders{
		padding-bottom:35px;
	}
	.elem__info--slider{
		max-width:340px;
		width:100%;
	}
	.elem__info--slider{
		margin-bottom:30px;
	}
	.elem__info--slider:last-child{
		margin-bottom:0px;
	}
	.head__info--slider{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.blog__block .head__blog>h2{
		font-size:2.25rem;
	}
	.blog__block .head__blog{
		margin-bottom:20px;
	}
	.blog__block .content__blog{
		margin-top:20px;
	}
	footer .outer__footer .column__footer.review__column{
		max-width:100%;
	}
	footer .outer__footer .send__message{
		margin-top:5px;
	}
	footer .outer__footer{
		grid-template-columns: 230px;
		justify-content:center;	
		align-items:center;
		text-align:center;
		grid-row-gap: 25px;
	}
	footer .outer__footer .column__footer.socials__column{
		max-width:100%;
	}
	footer .outer__footer .column__footer.socials__column ul{
		justify-content:center;
	}
	.free__block .overlay__free{
		height:450px;
	}
	.outer__free>form{
		bottom:60px;
	}
	.pricing__block{
		padding-top:20px;
	}
	.price__value{
		padding:25px 0px;
		margin-bottom:25px;
	}
	.content__pricing{
		padding-left:25px;
		padding-right:25px;
	}
	.elem__pricing{
		padding-bottom: 25px;
	}
	.inner__pricing{
		grid-template-columns:minmax(250px , 440px);
		grid-row-gap:45px;
	}
	.before__pricing{
		padding-bottom:0px;
		min-height:55px;
	}
	.inner__personalized{
		justify-content:center;
		grid-row-gap:20px;
		grid-template-columns:minmax(200px , 340px);
	}
	.elem__personalized .personalized__text>h6{
		margin-bottom:10px;
	}
	.personalized__outer>h2{
		font-size:2.25rem;
		line-height:3rem;
		margin-bottom:20px;
	}
	.logo__wrapper .outer__logo{
		grid-template-columns:repeat(2 , 1fr);
		justify-content:center;
		grid-row-gap:30px;
	}
	.logo__wrapper .outer__logo>.elem__logo:last-child{
		grid-column-start:1;
		grid-column-end:3; 
	}
	.first__logotype{
		background-position:left;
	}
	.outer__first{
		padding-top:50px;
	}
	.left__header a img{
		max-height:40px;
	}
	.header__buttons>.free__button{
		min-width:140px;
	}
	.header__buttons>.login__button{
		min-width:85px;
	}
	header .outer__header{
		min-height:45px;
	}
	.first__form .group__email{
		margin-right:20px;
	}
	.first__form .group__email input{
		min-height: 45px;
	}
	.first__form .group__trial input[type="submit"]{
		min-height: 45px;
	}
}
@media (max-width:480px){
	.head__info--slider>h6{
		margin-bottom:0px;
	}
	.outer__navigation{
		flex-direction:column;
		justify-content: center;
		align-items: center;
	}
	.outer__navigation>.elem__navigation{
		margin-bottom:35px;
	}
	.outer__navigation>.elem__navigation:last-child{
		margin-bottom:0px;
	}
	.info__slider--inner .slick-prev{
		left:10px;
	}
	.info__slider--inner .slick-next{
		right:10px;
	}
	.tutorial__block{
		padding-bottom:25px;
	}
	.colorpicker{
		left:0px!important;
		right:0px!important;
		margin-left:auto;
		margin-right: auto;
		overflow-x: auto;
	}
	.elem__color{
		flex-direction: column;
		justify-content: center;
	}
	.elem__color>p{
		margin-right:0px;
		margin-bottom:7px;
		text-align:center;
	}
	.color__picker{
		margin-top:10px;
	}
	.elem__color{
		margin-bottom:20px;
	}
	.elem__color:last-child{
		margin-bottom:0px;
	}
	.steps__inner a{
		font-size:13px;
	}
	.steps__inner{
		padding-left:15px;
		padding-right:15px;
	}
	.sign__in--block{
		padding-top:60px;
	}
	.sign__in--block>.left__sign--in , .sign__in--block>.right__sign--in{
		padding:60px 20px;
	}
	.sign__in--block>.left__sign--in .inner__left{
		padding-left:0px;
		padding-right:0px;
	}
	.inner__left .group__sign--submit>input{
		min-width:0px;
		width: 100%;
		padding-left:15px;
		padding-right:15px;
	}
	footer .outer__footer .send__message{
		max-width:180px;
	}
	footer .outer__footer .column__footer>p{
		margin-bottom:15px;
	}
	.free__block .overlay__free{
		height:340px;
	}
	.inner__features--container .inner__features{
		grid-template-columns:minmax(240px , 340px);
	}
	.personalized__info{
		padding:30px 0px;
	}
	.logo__wrapper .outer__logo{
		grid-template-columns:1fr;
	}
	.logo__wrapper .outer__logo>.elem__logo:last-child{
		grid-column-start: 1;
		grid-column-end: 2;
	}
	.outer__first{
		min-height:0px;
		padding:0px;
		padding-top:90px;
		padding-bottom:70px;
	}
	.outer__logo .elem__logo img{
		max-width:130px;
	}
	.first__form .group__email{
		margin-right:15px;
	}
	.outer__first .first__info>p{
		margin-bottom:25px;
	}
	.first__form .group__trial input[type="submit"]{
		min-width:130px;
	}
	header .outer__header{
		min-height:0px;
	}
	html{
		font-size:8px;
	}
	.header__buttons>.free__button{
		min-width:130px;
	}
	.outer__free>form>.group__form>input[type="text"]{
		max-width:290px;
	}
	.outer__free>form{
		bottom:35px;
	}
}
@media (min-width:991px) {
    .mobile-only {
        display: none;
    }
}




.et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info