/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1750px) {
	.how .col:first-child {
		width: 50%;
		margin-left: auto;
	}
}

@media only screen and (max-width : 1690px) {
	.tabs_content:nth-of-type(1) .overlay{
		background-size: cover;
	}
	
	.tabs_content:nth-of-type(2) .overlay{
		background-size: cover;
	}
}

/* @media only screen and (max-width : 1599px) {
	.how .inner{
		max-width: 1440px;
	}

	.slider_screen .pic{
		width: 230px;
		transform: translateX(-2px);
	}

	.how_phone{
		width: 261px;
	}

	.how .title_block{
		font-size: 48px;
	}
}


@media only screen and (max-width : 1440px) {
	.whom .subtitle,
	.whom p{
		max-width: 400px;
	}
	.work {
		max-width: 1200px;
	}
	.intro_bottom {
		padding-left: 50px;
		padding-right: 50px;
	}
	.order p {
		font-size: 20px;
	}
}

@media only screen and (max-width : 1439px){
	.how .inner{
		max-width: 1366px;
	}

	.slider_screen .pic{
		width: 219px;
		transform: translateX(-2px);
	}

	.how_phone{
		width: 250px;
	}

	.test .title_block{
		max-width: 500px;
	}

	.advantages .item{
		margin-bottom: 60px;
	}
}

@media only screen and (max-width : 1366px) {
	.title_block{
		font-size: 48px!important;
	}

	.intro h1{
		font-size: 38px;
	}

	.order{
		padding: 40px 30px;
	}

	.whom .subtitle,
	.whom p{
		max-width: 340px;
	}

	.tabs_content{
		min-height: 650px;
	}
}	

@media only screen and (max-width : 1365px){
	.how .inner{
		max-width: 1200px;
	}

	.slider_screen .pic{
		width: 183px;
		transform: translateX(-4px);
	}

	.how_phone{
		width: 210px;
	}

	.test .title_block,
	.test p{
		max-width: 420px;
	}
	.header .header_right .region_wrap{
		padding:0 50px;
	}
	.test .item:nth-of-type(2) .text{
		padding-left:200px;
	}
} */

@media only screen and (max-width : 1280px) {
	
	.tabs_content:nth-of-type(1) .overlay{
		background-size: cover;
	}
	
	.tabs_content:nth-of-type(2) .overlay{
		background-size: cover;
	}

	.how .col:first-child{
		width: 50%;
		margin-left: 0;
	}
	
	.role {
		display: none;
	}
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.header .header_right .region_wrap {
    	padding: 0 20px;
	}
}

@media only screen and (max-width : 1199px) {
	.test .item:nth-of-type(2) .text{
		padding-left:0px;
	}
	.header .inner{
		padding-top: 15px;
	}

	.tabs_content .text {
		padding-top: 0;
		padding-bottom: 30px;
	}

	.tabs_content:nth-of-type(2) .subtitle, .tabs_content:nth-of-type(2) p, .tabs_content:nth-of-type(2) .title_block {
		margin-left: auto;
	}

	.intro .inner{
		padding-top: 40px;
	}

	.intro--fest .inner--fest {
		padding-top: 0;
	}

	.intro .subtitle{
		font-size: 18px;
	}

	.about .inner{
		padding-top: 132px;
		padding-bottom: 45px;
	}

	.order{
		padding: 40px 15px;
	}

	.intro_bottom{
		padding-left: 0;
		padding-right: 0;
	}

	.intro .social{
		top: 0;
	}

	.intro_bottom{
		margin-top: 35px;
	}

	.tabs_caption li:first-child:before,
	.tabs_caption li:last-child:before{
		display: none;
	}

	.tabs_caption{
		top: 25px;
		transform: translate(-50%, 0);
	}

	.tabs_caption li{
		width: 140px;
		height: 80px;
		font-size: 26px;
	}

	.role:before{
		display: none;
	}

	.tabs_caption li span,
	.tabs_caption li:last-child span{
		transform: translateY(12px);
	}

	.tabs_caption li span{
		transition-delay: 0s;
	}

	.tabs_content{
		align-items: flex-start;
		padding-top: 170px;
		min-height: 550px;
	}

	.whom .title_block{
		font-size: 32px!important;
	}

	.how .inner{
		padding-top: 45px;
		padding-bottom: 30px;

	}

	.how_2 .inner{
		padding-top: 45px;
		padding-bottom: 60px;

	}

	.how .col:first-child{
		width: 50%;
		padding-bottom: 0;
	}

	.how .col:last-child{
		width: 50%;
		max-width: 768px;
		margin: 0 auto;
	}

	.slider_screen--adv .pic{
		width: 185px;
		transform: translateX(-5px);
	}

	.how_2 .how_phone{
		width: 210px;
		padding-top:50px;
		left: 0;
	}

	.slider_screen--adv .pic img{
		width: 183px;
		height: 324px;
	}

	.advantages .inner{
		padding-top: 45px;
		padding-bottom: 12px;
	}

	.gallery .inner{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.test_content.active .arrow_1,
	.test_content.active .arrow_2,
	.test_content.active .arrow_3,
	.test_content.active .arrow_4{
		display: none;
	}

	.test .screen{
		/* position: relative;
		bottom: auto;
		left: auto;
		transform: none;
		margin: -45px auto 0; */
		transform:  translateX(-50%) translateY(40%);
	}

	.test_content.active{
		padding-bottom: 25px;
	}

	.test{
		padding-bottom: 0;
	}

	.action{
		transform: none;
		margin-bottom: 15px;
	}

	.footer .inner{
		padding-top: 25px;
	}

	.test .item{
		align-items: flex-start;
		padding-top: 25px;
		padding-bottom: 150px;
		min-height: 0;
	}

	.test .title_block{
		font-size: 36px!important;
	}

	.test .subtitle{
		padding-top: 0;
	}

	.advantages .item{
		width: 50%;
	}

	.devide .col:first-child{
		width: 52%;
	}

	.devide .col:last-child{
		width: 48%;
	}

	.devide .pic:before{
		right: -65px;
		bottom: -60px;
	}

	.devide .text .title{
		font-size: 42px;
	}

	.devide .text p{
		font-size: 19px;
	}

	.devide .inner{
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.devide_item .name{
		padding-left: 15px;
		font-size: 14px;
	}

	.devide_item .photo{
		width: 60px;
		height: 60px;
	}

	.devide_item{
		padding: 12px;
	}

	.how_2 .slider_container{
	    margin-right: 0;
	}

	.plans .inner,
	.wait .inner,
	.steps .inner{
		padding-top: 25px;
		padding-bottom: 30px;
	}

	.plans_mob{
	    display: block;
	}

	.plans_des{
		display: none;
	}

	.plans .col{
		width: 100%;
	}

	.plans .pic{
		margin: 0 auto 35px;
	}

	.plans .right{
		padding-left: 0;
	}

	.steps .item{
		width: 33.33%;
	}

	.steps .item .num:before{
		display: none;
	}

	.steps_arrow:before{
		display: none;
	}

	.steps .buttons{
		padding-left: 0;
		justify-content: center;
	}
}/*1199*/

@media only screen and (max-width : 1070px) {
	.test .form .item_form {
		display: flex;
		justify-content: space-between;
		min-height: 110px;
		flex-direction: column;
		flex-wrap: wrap;
		margin: 0;
			/* margin: 40px -15px 0; */
	}

	.test .form .items_form {
		width: 300px;
	}

	.test .text {
		max-width: 300px;
	}

	.test .subtitle {
		max-width: 300px;
	}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.wait .text:before{
		display: none;
	}

	.wait .text{
		padding-right: 0;
	}

	.wait_form{
		padding: 35px 30px;
	}
}

@media only screen and (max-width : 991px) {
	.burger{
		display: block;
		margin-left: 15px;
	}

	.header .social{
		margin-left: 15px;
	}

	.lang{
		margin-left: 0;
		margin-right: 25px;
	}

	.nav{
		display: none;
		width: 200px;
	    padding: 15px;
	    background: #fff;
	    box-shadow: 4px 0px 31px #E5E0FF;
	    border-radius: 10px;
	    position: absolute;
	    top: 100%;
	    right: 0;
	    z-index: 9;
	    margin: 0;
	}

	.nav li{
		padding: 10px 0
	}
	
	
	.intro .cols{
		display: block;
	}

	.intro .col{
		width: 100%!important;
	}

	.intro .buttons > div{
		margin-bottom: 25px;
	}

	.footer .col .btn img{
		max-width:100%;
	}
	.footer .cols, .footer_nav {
		padding-bottom:20px;
	}
	.footer_nav {
		justify-content: center;
	}
	.footer .social {
		position:static;
		margin:0;
	}
	.footer_bottom{
		padding-top:0;
	}
	.header .header_right .region_wrap{
		padding:0;

	}
	.footer .social li {
		padding: 0 20px;
	}
	.footer .social li:last-child {
		padding-right: 0;
	}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    
}

@media only screen and (max-width : 767px) {
	.order{
		padding: 30px 15px;
	}

	.order .order_left{
		width: 100%;
		padding-bottom: 25px;
		padding-right: 0;
	}

	.order .order_right{
		width: 100%;
	}

	.order p{
		text-align: center;
	}

	.about .col{
		width: 100%!important;
	}

	.about .pic{
		text-align: center;
	}

	.about .text{
		max-width: none;
	}

	.tabs{

	}

	.tabs_content{
		width: 100%;
		min-height: 0;
		padding-bottom: 30px;
		display: none;
	}

	.tabs_content.active{
		display: block;
	}

	.whom .subtitle, .whom p{
		max-width: 100%;
	}

	.tabs_caption li:first-child span{
		right: 0;
		transform: translate(50%, 10px);
	}

	.tabs_caption li:last-child span{
		left: 0;
		transform: translate(-50%, 10px);
	}

	.whom .subtitle{
		font-size: 20px;
	}

	.slider_screen{
		padding-right: 0;
	}

	.how .col:last-child{
		width: 100%;
		max-width: 280px;
		margin: 0 auto;
		padding-top: 72px;
		padding-bottom: 40px;
		/*transform: translateY(-120px);*/
	}

	.slider_screen .item{
		padding: 0;
	}

	.slider_screen .pic{
		width: 228px;
		transform: translateX(3px);
	}

	.how_phone{
		left: 4px;
	}

	.how .col:first-child {
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}

	.slider_pag .in{
		padding-bottom: 15px;
	}

	.how .subtitle,
	.how .num{
		font-size: 20px;
	}

	.advantages .item{
		width: 100%;
		margin-bottom: 45px;
	}

	.advantages .item .in{
		padding-left: 0;
		text-align: center;
	}

	.advantages .item .icon{
		position: static;
		width: auto;
	}

	.advantages .item p{
		margin: 0 auto;
	}

	.gallery .pic{
		clip-path: none;
		transform: none;
	}

	.gallery .text{
		display: block;
	}

	.gallery .item{
		margin: 0;

	}

	.gallery .pic:before{
		display: none;
	}

	.test .title_block{
		font-size: 22px!important;
	}

	.test p{
		font-size: 16px;
	}

	.test .subtitle{
		font-size: 18px;
	}

	.test .screen{
		width: 280px;
		height: 507px;
		padding-top: 54px;
	}	

	.test .screen .pic{
		width: 210px;
		transform: translateX(3px);
	}

	.how .cols{
		display: block;
	}

	.slider_pag .in{
		max-width: 480px;
		margin: 0 auto;
		text-align: left;
	}

	.devide_des{
		display: none;
	}

	.devide_mob{
		display: block;
	}

	.devide .pic:before{
		display: none;
	}

	.devide .title_block{
		text-align: center;
	}

	.devide .pic{
		text-align: center;
		margin-bottom: 30px;
		padding: 0 20px;
	}

	.devide .pic img{
		width: 100%;
		max-width: 420px;
	}

	.devide_item:before{
		display: none;
	}

	.devide_item{
		border-radius: 95px;
		width: 100%;
		padding: 8px;
	}

	.devide_item .photo{
	    width: 55px;
	    height: 55px;
	}

	.devide_item .name{
		font-size: 16px;
		max-width: 100%;
	}

	.devide .text p{
		font-size: 16px;
	}

	.devide .text p.line:before{
		top: 12px;
	}

	.devide .text{
		margin-bottom: 20px;
		margin-left: 30px;
	}

	.plans_item{
		margin-bottom: 15px;
	}

	.plans_item .title{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.plans_item.active .title{
		color: inherit;
	}

	.plans_item p{

	}

	.plans_caption li{
		
	}

	.plans .pic{
		width: 280px;
	}

	.plans_caption li{
		width: 50px;
		height: 50px;
		padding: 5px;
	}

	.plans_caption li.active{
		background-color: transparent;
		box-shadow: none;
	}

	.plans_caption li:nth-child(1){
	    top: 28px;
    	left: 67px;
	}

	.plans_caption li:nth-child(2){
	    top: 128px;
    	right: 4px;
	}

	.plans_caption li:nth-child(3){
	    top: 183px;
    	left: 86px;
	}

	.plans_caption li .icon_1{
		background-size: 61%;
	}
	.plans_caption li.active .icon_1{
	    background-image: url(../img/plans/icon_1.svg);
	}

	.plans_caption li .icon_2{
	    background-size: 90%;
	}
	.plans_caption li.active .icon_2{
	    background-image: url(../img/plans/icon_2.svg);
	}

	.plans_caption li .icon_3{
	 	background-size: 78%;
	}
	.plans_caption li.active .icon_3{
	    background-image: url(../img/plans/icon_3.svg);
	}

	.wait_mob{
		display: block;
	}

	.wait_des{
		display: none;
	}

	.wait p{
		font-size: 16px;
		margin-bottom: 25px;
	}

	.wait_form{
		padding: 20px 15px;
	}

	.wait_form .col:first-child{
		width: 100%;
	}

	.wait_form .col:last-child{
		width: 100%;
		padding-top: 20px;
		text-align: center;
	}

	.wait_data{
		margin-right: auto;
		margin-left: auto;
	}

	.steps .item{
		width: 100%;
		margin-bottom: 70px;
		text-align: center;
	}

	.steps .item p{
		padding-left: 0;
	}

	.steps .item .num{
		width: 80px;
		height: 80px;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	.steps .item:before{
		content: "";
	    width: 1px;
	    height: 45px;
	    border-left: 1px dashed #000;
	    position: absolute;
	    top: 100%;
	    left: 50%;
	    transform: translateY(10px);
	}

	.steps .item:last-child:before{
		content: none;
	}


}/*767*/


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.title_block{
		font-size: 30px!important;
	}

	.intro h1,	.intro h1.en{
		font-size: 30px;
	}

	.slider_pag .in{
		max-width: 425px;
	}

	.slider_screen .pic img {
		width: 185px;
		height: 324px;
		transform: translateX(-5px);
	}

	.how .col:last-child{
		/*transform: translateY(-140px);*/
	}
	.mobile{
		display:block !important;
	}	
	.desktop{
		display:none !important;
	}
	.intro .buttons > div{
		width:50%;
		margin-bottom:0;
		float: left;
	}
	.intro .buttons > div:first-child{
		padding-right:5px;
	}
	.intro .buttons > div:last-child{
		padding-left:5px;
	}
	.intro .social{
		display:none;
	}
	.intro .order {
		transform: translateY(25px);
	}
	.intro h1, .intro .subtitle{
		text-align:center;
	}
	.intro .subtitle{
		margin-bottom:20px;
	}
	.order .form .item{
		display:block;
	}
	.order .form .items{
		margin:0 30px;
		display:block;
	}
	.order .form .item:first-child{
		margin-bottom:20px;
	}
	.order .form .item{
		width:100% !important;
	}
	.order .order_left{
		padding:0;
	}
	.order{
		padding:15px;
	}
	.title_block{
		text-align:center;
		font-size: 27px !important;
	}
	.about .inner{
		padding-top:70px;
		padding-bottom:20px;
	}
	.about .text{
		color:#6C7076;
		margin-top:10px;
	}
	.how .inner{
		padding-top:20px;
		padding-bottom:20px;
	}
	.how{
		background: #F9FAFE;		
	}
	.how .how_phone{
		width:209px;
		left: 0;
		top: 65%;
	}

	.how_2 .how_phone {
		width: 255px;
		padding-top: 50px;
		left: -7px;
		top: 38%;
	}

	.how_2 .how_phone img {
		width: 100%;
	}

	.how_phone--2{
		left: -8px;
	}
	.how .cols{
		display: flex;
		flex-flow: wrap-reverse;
	}	
	.how .title_block{
		margin-bottom:0;
	}
	.slider_screen .pic{
		width:183px;
	}

	.slider_screen--adv .pic img {
		width: 225px;
		height: 400px;
	}

	.how .slider_container{
		padding-left: 14px;
	}
	.how .col:last-child{
		margin:0;
		max-width:100%;
		padding-left:50%;
	}
	
	.how .col:last-child .slider_container{
		margin-left:-104px;
	}

	.how_2 .col:last-child .slider_container{
		margin-left:-120px;
	}
	.slider_screen .item{
		padding-right:40px;
	}

	.how_2 .slider_screen .item{
		padding-right: 60px;
	}
	.slider_screen .item .pic{
		box-shadow: -1px 3px 24px rgba(0, 0, 0, 0.27);
	}
	.how .num, .how .subtitle{
		display:inline;
		position:static;
		font-size: 18px;
		font-weight: 500;
	}	
	.how .in p{
		font-size: 14px;
		margin-top:10px;
		margin-bottom:0px;
	}
	.slider_pag .in{
		text-align:center;
		padding-top:20px;
		padding-left: 0;
	}

	.slider_pag .in--fest{
		text-align:left;
	}

	.slider_pag .slick-current.slick-active .subtitle, .slider_pag .slick-current.slick-active .num, .slider_pag .slick-current.slick-active p{
		color:inherit;
	}
	.slick-dots {
		position: absolute;
		bottom: -25px;
		display: flex;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 -15px;
		justify-content: space-between;
	}
	.slick-dots li{
		width:auto;
		height:3px;
		background: #F9FAFE;
		width: 22%;
	}
	.slick-dots li button{
		display:none;
	}
	.slick-dots .slick-active{
		background: #C4C4C4;
	}
	.advantages {
		background:#fff;
	}
	.advantages .inner{
		padding-top:20px;
	}
	.advantages .item{
		width:300px;
		margin-bottom:20px;
	}
	.advantages .title_block{
		margin-bottom:20px;
	}
	.advantages .item .subtitle{
		font-size: 20px;
		color: #4F4F4F;
		top: 16px;
		position: relative;
		left: 20px;
		text-align: left;
	}
	.advantages .item .icon{
		float:left;
	}
	.advantages .item p {
		margin-top: 57px;
		text-align:left;
	}
	.advantages .item .icon{
		height:75px;
	}
	.advantages .item .icon img{
		height:100%;
	}
	.gallery .pic{
		border-radius:48px;
	}
	.gallery .text{
		width: 274px;
		text-align:center;
		margin: 0 auto;
	}
	.gallery .text .subtitle{
		font-size:16px;
	}
	.gallery .title_block{
		margin-bottom:20px;
	}
	.gallery .item{
		padding-bottom:0;
		margin: 0 auto;
	}
	/* .tabs_caption li:last-child span{
		display:none;
	} */
	.tabs_content .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 70px;
		left: 15px;
		z-index: 2;
		opacity: 1;
		transition: .2s ease-in-out;
		pointer-events: none;
		width: 235px;
		height: 193px;
	}
	.tabs_content.active .overlay{
		opacity: 1;
	}
	.tabs_caption li {
		width: 106px;
		height: 55px;
		font-size: 18px;
	}
	.tabs_caption {
		top: 200px;
	}
	.tabs_caption {
		left: 250px;
	}
	.tabs_caption li.active:first-child {
		background: #FF851E;
	}
	.tabs_caption li.active:last-child {
		background: #7832A5;	
	}
	.whom .title_block {
		font-size: 27px !important;
		text-align:left;
		margin-bottom: 250px;
	}
	.tabs_content {
		padding-top: 23px;
	}
	.tabs_caption li span{
		font-size: 12px;
	}
	.whom .subtitle{
		margin-bottom:20px;
		line-height: 150%;
		font-size: 18px;
	}
	.tabs_caption li:first-child span {
		right: 0;
		transform: translate(50%, 20px);
	}
	.tabs_caption li:last-child span {
		right: 0;
		transform: translate(-100%, 20px);
	}
	.tabs_caption li:first-child:before,
	.tabs_caption li:last-child:before{
		display: block;
	}
	.tabs_caption li.active:first-child:before,
	.tabs_caption li.active:last-child::before {
		width: 134px;
		height: 0;
		left: -43px;
		background-size: contain;
		top: -175px;
		height: 193px;
		transform: rotate(-30deg);
	}
	.tabs_caption li.active:first-child::before {
		width: 105px;
		height: 0;
		left: 126px;
		background-size: contain;
		top: -159px;
		height: 155px;
		transform: rotate(-3deg) scale(-1, 1);
		background: url(../img/whom/arrow_left1.svg) no-repeat;
			background-size: auto;
		background-size: contain;
	}	
	.tabs_caption li.active:last-child::before {
		width: 128px;
		height: 0;
		left: 4px;
		background-size: contain;
		top: -166px;
		height: 188px;
		transform: rotate(-19deg) scale(1, 1);
		background: url(../img/whom/arrow_right1.svg) no-repeat;
			background-size: auto;
		background-size: auto;
		background-size: contain;
	}

	.social li{
		padding:0 15px;
	}

	.social{
		margin: 0;

			margin-top: 0px;

		margin-top: 20px;

		position: absolute;

		right: 20px;

		margin-top: 15px;
	}
	.social li{
		padding:0 5px;
	}
	.header .cols {
		align-items: center;
	}
	.header_right {
		
	}
	.header_right .region_wrap{
		position:static;
		top:0;
		left:0;
		display: block;
		padding-left:0px;
	}
	.burger {
		margin-left:20px;
		display: inline-block;

	}
	.gallery .inner {
		min-height: 700px;
	}
	.gallery .work{
		padding-left:0;
		padding-right:0;
	}
	.gallery .work .item{
		padding-left:15px;
		padding-right:15px;
	}
	.nav {
		top: 73%;
	}
	.mobile.social {
		list-style: none;
		display: flex !important;
		align-items: center;
		margin: 0 0px;
		position:static;
		right:auto;
	}

	.how_2 .slider_pag .in{
		padding-left: 0;
	}

	.steps .buttons > div{
		width:50%;
		margin-bottom:0;
		float: left;
	}
	.steps .buttons > div:first-child{
		padding-right:5px;
	}
	.steps .buttons > div:last-child{
		padding-left:5px;
	}

	.footer_bottom {
		width: auto;
	}
}

@media only screen and (max-width : 425px){
	.slider_pag .in{
		max-width: 320px;
	}

	.how .col:last-child{
		/*transform: translateY(-160px);*/
	}
}

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

@media only screen and (max-width : 360px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.footer p{
		font-size:10px;
	}
	.footer_nav {
		margin-bottom: 30px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 1920px) {

}