/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1440px) {

.block1 h1 {
	font-weight: bold;
	font-size: 64px;
	line-height: 77px;
}

.block1 .headtext {
	font-weight: 600;
	font-size: 28px;
	line-height: 130%;
}
.calc .calc-header-title {
	font-weight: 900;
	font-size: 36px;
	line-height: 43px;
}
.calc .calc-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	padding-top: 32px;
}

.block1 .airpods {
	position: absolute;
	width: 80px;
    height: 161px;
    left: 0px;
    top: 160px;
    background: url(../img/airpodsw.png) no-repeat;
    background-size: contain;
}

.block1 .applewatch {
	position: absolute;
	width: 150px;
    height: 140px;
    left: 450px;
    top: 20px;
    background: url(../img/applewatchw.png) no-repeat;
    background-size: contain;
}

.block1 .iphone {
	position: absolute;
	width: 278px;
    height: 310px;
    left: 450px;
    top: 200px;
    background: url(../img/iphonew.png) no-repeat;
    background-size: contain;
}

.block1 .baby1 {
	padding: 70px 20px 50px 90px;
}

.block1 .baby1 img {
	max-width: 350px;
}

.block1 h2 {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
	padding-bottom: 32px;
}

.block1 .step-title {
	font-size: 26px;
	line-height: 31px;
	padding-left: 80px;
	padding-bottom: 14px;
}

.block1 .step-descr {
	font-size: 18px;
	line-height: 22px;
	padding-left: 80px;
}

.block1 .imgphone img {
    max-width: 244px;
    padding-top: 65px;
}


.block1 .how-icon1, .block1 .how-icon2, .block1 .how-icon3 {
    background-size: 80px; 
}

.block1 .data-protection {
	display:  block;
}

.block2 {
	margin-top: 80px;
    padding-bottom: 80px;
}

.block2 h2 {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
	padding-bottom: 32px;
}

.block2 .block2-text {
	font-size: 26px;
	line-height: 31px;
}

.block2 .imgbaby img {
	max-width: 405px;
}

.block2 .whycards {
    margin-top: -230px;
}

.block2 .whycard {
	font-size: 18px;
	line-height: 22px;
	padding: 16px;
}

.block2 .whycard-icon {

}

.block3 {
	padding-top: 80px;
    padding-bottom: 80px;
}

.block3 h2 {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
}

.block3 .question {
	padding: 18px;
}

.block3 .quest-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
}

.block3 .quest-text {
	font-size: 18px;
	line-height: 22px;
}

.block4 .uppost {
	max-width:32px;
}

.block4 .review-text {
	font-size: 16px;
	line-height: 24px;
}

.block4 .review-author {
	font-size: 16px;
	line-height: 19px;
}

.block4 .review-img img{
 	max-width: 80px
}

.block5 h3 {
	font-size: 32px;
	line-height: 38px;
}

.block5 .payment-img img {
     max-height: 60px;
}

.block6 .data-protection {
	display: block;
}

.block6 {
	font-size: 16px;
	line-height: 24px;
}


.btn-green {
	width:auto;
	background: linear-gradient(180deg, #00FF66 0%, #2CCA75 100%);
	box-shadow: 0px 4px 12px rgba(0, 255, 102, 0.25);
	border-radius: 16px;
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	color: #FFFFFF;	
	padding: 18px 120px;
    border: none;
    margin-top: 20px;
}

.steppage .stepcard {
	padding: 60px;
}

.stepcard h1 {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 32px;
}

.stepcard label {
	font-size: 24px;
	line-height: 29px;
}


.form-control {
	border: 1px solid #E0E4E7;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 18px 20px;
	font-size: 20px;
	line-height: 24px;
	height: auto;
}

.steppage .payment-img img {
     max-height: 60px;
}

h1.vitrina-title {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
}

.vitrina-text {
	font-size: 22px;
	line-height: 26px;
}


.offer-item--title {
	font-size: 32px;
	line-height: 38px;
}

.offer-item-data--val {
	font-size: 32px;
	line-height: 38px;
}
.offer-item-data--label {
	font-size: 18px;
	line-height: 22px;	
}

.offer-list--item a.btn-red {
	font-size: 24px;
	line-height: 35px;
}


}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

.block1 h1 {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
}

.block1 .headtext {
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	margin-bottom: 20px;
}
.calc .calc-header-title {
	font-weight: 900;
	font-size: 30px;
	line-height: 36px;
	padding: 16px 24px 16px 80px;
}
.calc .calc-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	padding-top: 24px;
}

.calc .calc-zaim-text {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-zaim-summ {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}
.calc .calc-shkala-ot {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-shkala-do {
	font-size: 20px;
line-height: 24px;
}

.calc .calc-zaim {
    padding: 12px 24px 24px 24px;
}

.btn-red {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}

.block1 .airpods {
	position: absolute;
	width: 80px;
    height: 161px;
    left: -90px;
    top: 160px;
    background: url(../img/airpodsw.png) no-repeat;
    background-size: contain;
}

.block1 .applewatch {
	position: absolute;
	width: 150px;
    height: 140px;
    left: 350px;
    top: 20px;
    background: url(../img/applewatchw.png) no-repeat;
    background-size: contain;
}

.block1 .iphone {
	position: absolute;
	width: 278px;
    height: 309px;
	left: 350px;
    top: 160px;
    background: url(../img/iphonew.png) no-repeat;
    background-size: contain;
}

.block1 .baby1 {
	padding: 40px 10px 20px 0px;
}

.block1 .baby1 img {
	max-width: 350px;
}
.block1 .howget {
	margin-top: 50px;
    padding-bottom: 40px;
}

.block1 h2 {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	padding-bottom: 24px;
}

.block1 .step {
	padding: 21px;
}

.block1 .step-title {
	font-size: 22px;
	line-height: 26px;
	padding-left: 70px;
	padding-bottom: 8px;
}

.block1 .step-descr {
	font-size: 16px;
	line-height: 19px;
	padding-left: 70px;
}

.block1 .imgphone img {
    max-width: 200px;
    padding-top: 30px;
}


.block1 .how-icon1, .block1 .how-icon2, .block1 .how-icon3 {
    background-size: 64px; 
}

.block1 .data-protection {
	display: block;
}	

.block2 {
	margin-top: 80px;
    padding-bottom: 80px;
}

.block2 h2 {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	padding-bottom: 24px;
}

.block2 .block2-text {
	font-size: 22px;
	line-height: 26px;
}

.block2 .imgbaby img {
	max-width: 340px;
}

.block2 .whycards {
    margin-top: -180px;
}

.block2 .whycard {
	font-size: 14px;
	line-height: 17px;
	padding: 16px;
	min-height: 100px;
}

.block2 .whycard-icon {
	padding-right: 15px;
}

.block2 .whycard-icon img{
	width: 64px;
	height: 64px;
}

.block3 {
	padding-top: 80px;
    padding-bottom: 50px;
}

.block3 h2 {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
}

.block3 .question {
	padding: 18px;
	margin-bottom: 16px;
}

.block3 .quest-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}

.block3 .quest-text {
	font-size: 16px;
	line-height: 19px;
}

.block3 .quest-title.minus, .block3 .quest-title.plus {
background-size: 24px;
padding-right: 24px;
}

.block3 .imgquest {
	padding-top: 90px;
}


.block4 .uppost {
	max-width:32px;
}

.block4 .review-text {
	font-size: 14px;
	line-height: 21px;
}

.block4 .review-author {
	font-size: 12px;
	line-height: 14px;
}

.block4 .review-img img{
 	max-width: 64px
}

.block5 {
	min-height:inherit;
	padding-top: 64px;
}

.block5 h3 {
	font-size: 28px;
	line-height: 34px;
}

.block5 .payment-img {
    min-height: 65px;
}

.block5 .payment-img img {
     max-height: 50px;
}

.block6 .data-protection {
	display: none;
}

.block5 .payment-name {
	font-size: 16px;
	line-height: 18px;
}

.block6 {
	font-size: 14px;
	line-height: 21px;
}


.btn-green {
	width:100%;
	padding:18px;
	font-size: 24px;
	line-height: 29px;
}

.stepcard h1 {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 32px;
}

.stepcard label {
	font-size: 22px;
	line-height: 26px;
}


.form-control {
	border: 1px solid #E0E4E7;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 18px 20px;
	font-size: 18px;
	line-height: 22px;
	height: auto;
}

.steppage .payment-img {
    min-height: 65px;
}

.steppage .payment-img img {
     max-height: 50px;
}

.stepfooter {
	font-size: 22px;
	line-height: 26px;
}

h1.vitrina-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
}

.vitrina-text {
	font-size: 20px;
	line-height: 24px;
}


.offer-item--title {
	font-size: 26px;
	line-height: 31px;
}

.offer-item-data--val {
	font-size: 26px;
	line-height: 31px;
}
.offer-item-data--label {
	font-size: 18px;
	line-height: 22px;
}

.offer-list--item a.btn-red {
	font-size: 24px;
	line-height: 35px;
}


.v2-offer-params-title {
	font-size: 26px;
    line-height: 31px;
}
.v2-offer-param-title {
	font-size: 18px;
    line-height: 22px;
}
.v2-offer-param-value {
	font-size: 26px;
    line-height: 31px;
}
.v2-offer-param {
	gap: inherit;
	justify-content: space-between;
}

a.v2-offer-btn {
	padding: 14px;
    font-size: 18px;
    line-height: 21px;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.mainmenu .navbar-brand img {
	width:138px;
}

.block1 h1 {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
}

.block1 .headtext {
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	margin-bottom: 20px;
}
.calc {
    margin-top: -30px;
}    
.calc .calc-header-title {
	font-weight: 900;
	font-size: 30px;
	line-height: 36px;
	padding: 16px 24px 16px 80px;
}
.calc .calc-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	padding-top: 24px;
}

.calc .calc-zaim-text {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-zaim-summ {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}
.calc .calc-shkala-ot {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-shkala-do {
	font-size: 20px;
line-height: 24px;
}

.calc .calc-zaim {
    padding: 12px 24px 24px 24px;
}

.btn-red {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}

.block1 .bgr-img {
	position: relative;
}

.block1 .airpods {
	position: absolute;
	width: 80px;
    height: 161px;
	left: 70px;
    top: 100px;
    background: url(../img/airpodsw.png) no-repeat;
    background-size: contain;
}

.block1 .applewatch {
	position: absolute;
	width: 150px;
    height: 140px;
    left: 500px;
    top: 0px;
    background: url(../img/applewatchw.png) no-repeat;
    background-size: contain;
}

.block1 .iphone {
	position: absolute;
	width: 220px;
    height: 309px;
    left: 500px;
    top: 170px;
    background: url(../img/iphonew.png) no-repeat;
    background-size: contain;
}

.block1 .baby1 {
    padding: 0;
    text-align: center;
}

.block1 .baby1 img {
	max-width: 350px;
}
.block1 .howget {
	margin-top: 50px;
    padding-bottom: 40px;
}

.block1 h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	padding-bottom: 285px;
}

.block1 .step {
	padding: 16px;
	margin-bottom: 16px;
}

.block1 .step-title {
	font-size: 22px;
	line-height: 26px;
	padding-left: 70px;
	padding-bottom: 8px;
}

.block1 .step-descr {
	font-size: 16px;
	line-height: 19px;
	padding-left: 70px;
}

.block1 .phoneatom {
	/* max-height: 376px; */
    overflow: hidden;
    background: url(../img/phoneatom2-min.png) no-repeat 50% 70px;
    background-size: 400px;

}

.block1 .atom {
	display: none;
}

.block1 .imgphone {
	display: none;
}


.block1 .how-icon1, .block1 .how-icon2, .block1 .how-icon3 {
    background-size: 64px; 
}

.block1 .data-protection {
	display: none;
}

.whywe {
	background: #ffffff url(../img/block21-min.jpg) no-repeat 15% 100%;
    background-size: 140%;
}    

.block2 {
	margin-top: 80px;
    padding-bottom: 0px;
}

.block2 h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	padding-bottom: 24px;
	text-align: center;
}

.block2 .block2-text {
	font-size: 22px;
	line-height: 26px;
	text-align: center;
}
.block2 .imgbaby {
	display:none;
}
.block2 .imgbaby img {
	max-width: 340px;
}

.block2 .imgbaby2d {
	display: block;
}

.block2 .imgbaby2 {
	text-align: center;
}
.block2 .imgbaby2 img {
	max-width: 250px;
}

.block2 .whycards {
    margin-top: 32px;
}

.block2 .whycard {
	font-size: 18px;
	line-height: 22px;
	padding: 16px;
	min-height: inherit;
	margin-bottom: 16px;
}

.block2 .whycard-icon {
	padding-right: 15px;
}

.block2 .whycard-icon img{
	width: 64px;
	height: 64px;
}

.block3 {
	padding-top: 80px;
    padding-bottom: 50px;
}

.block3 h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
}

.block3 .question {
	padding: 18px;
	margin-bottom: 16px;
}

.block3 .quest-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}

.block3 .quest-text {
	font-size: 16px;
	line-height: 19px;
}

.block3 .quest-title.minus, .block3 .quest-title.plus {
background-size: 24px;
padding-right: 24px;
}

.block3 .imgquest {
	display: none;
}


.block4 .uppost {
	max-width:32px;
}

.block4 .review-text {
	font-size: 14px;
	line-height: 21px;
}

.block4 .review-author {
	font-size: 12px;
	line-height: 14px;
}

.block4 .review-img img{
 	max-width: 64px
}

.block5 {
	min-height:inherit;
	padding-top: 64px;
}

.block5 h3 {
	font-size: 28px;
	line-height: 34px;
}

.block5 .payment-img {
    min-height: 65px;
}

.block5 .payment-img img {
     max-height: 50px;
}

.block6 .data-protection {
	display: none;
}

.block6 .data-protection-button {
	font-size: 18px;
    line-height: 26px;
    padding: 8px 12px 6px 12px;
}
.block6 .dp-icon {
	width: 24px;
    height: 24px;
    background-size: 24px;
}

.block6 .data-protection-descr {
	font-size: 12px;
}

.block5 .payment-name {
	font-size: 16px;
	line-height: 18px;
}

.block6 {
	font-size: 14px;
	line-height: 21px;
}

.steppage .stepcard {
	padding: 32px;
}

.stepcard h1 {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 32px;
}

.stepcard label {
	font-size: 20px;
	line-height: 24px;
}


.form-control {
	border: 1px solid #E0E4E7;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 18px 20px;
	font-size: 18px;
	line-height: 22px;
	height: auto;
}

.steppage .payment-img {
    min-height: 65px;
}

.steppage .payment-img img {
     max-height: 50px;
}

.stepfooter {
	font-size: 20px;
	line-height: 24px;
}

h1.vitrina-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
}

.vitrina-text {
	font-size: 18px;
	line-height: 22px;
}

.offer-item--title {
	font-size: 21px;
	line-height: 26px;
}

.offer-item-data--val {
	font-size: 21px;
	line-height: 26px;
}
.offer-item-data--label {
	font-size: 13px;
	line-height: 21px;
}

.offer-list--item a.btn-red {
	font-size: 21px;
	line-height: 26px;
}

.v2-offer-params-title {
	font-size: 21px;
	line-height: 26px;
}
.v2-offer-param-title {
	font-size: 13px;
	line-height: 21px;
}
.v2-offer-param-value {
	font-size: 21px;
	line-height: 26px;
}
.v2-offer-param {
	gap: inherit;
	justify-content: space-between;
}
a.v2-offer-btn {
	font-size: 21px;
	line-height: 26px;
}
.v2-offer-img {
    flex: 0 0 20%;
    text-align: center;
}

a.v2-offer-btn {
	padding: 14px;
    font-size: 16px;
    line-height: 21px;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
.toogleopen {
	background: #FFFFFF;
	box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(32px);
	border-radius: 0px 0px 16px 16px;
}
.toogleopen .nav-link {
	text-align: center;
	background: #F0F6FF;
	border-radius: 8px;	
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #222222!important;
	padding: 12px 0;
	margin: 6px 0;
}

.mainmenu .navbar-brand img {
	width:138px;
}

.block1 {
    margin-top: 20px;
}

.block1 h1 {
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	text-align: right;
}

.block1 .headtext {
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	margin-bottom: 20px;
}

.calc {
    margin-top: -30px;
}    
.calc .calc-header-title {
	font-weight: 900;
	font-size: 26px;
    line-height: 50px;
	padding: 16px 24px 16px 80px;
	background: url(../img/zero.svg) no-repeat 30px 50%;
	background-size: 3.5em;
}
.calc .calc-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	padding-top: 24px;
}

.calc .calc-zaim-text {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-zaim-summ {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}
.calc .calc-shkala-ot {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-shkala-do {
	font-size: 20px;
line-height: 24px;
}

.calc .calc-zaim {
    padding: 12px 24px 24px 24px;
}

.btn-red {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}

.block1 .airpods {
	position: absolute;
	width: 60px;
    height: 161px;
    left: 30px;
    top: 100px;
    background: url(../img/airpodsw.png) no-repeat;
    background-size: contain;
}

.block1 .applewatch {
	position: absolute;
    width: 100px;
    height: 140px;
    left: 370px;
    top: 0px;
    background: url(../img/applewatchw.png) no-repeat;
    background-size: contain;
}

.block1 .iphone {
	position: absolute;
	width: 220px;
    height: 309px;
    left: 320px;
    top: 170px;
    background: url(../img/iphonew.png) no-repeat;
    background-size: contain;
}

.block1 .baby1 {
    padding: 0;
    text-align: center;
}

.block1 .baby1 img {
	max-width: 350px;
}
.block1 .howget {
	margin-top: 50px;
    padding-bottom: 40px;
}

.block1 h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	padding-bottom: 285px;
}

.block1 .step {
	padding: 16px;
	margin-bottom: 16px;
}

.block1 .step-title {
	font-size: 22px;
	line-height: 26px;
	padding-left: 70px;
	padding-bottom: 8px;
}

.block1 .step-descr {
	font-size: 16px;
	line-height: 19px;
	padding-left: 70px;
}

.block1 .phoneatom {
	/* max-height: 376px; */
    overflow: hidden;
    background: url(../img/phoneatom2-min.png) no-repeat 50% 70px;
    background-size: 400px;

}

.block1 .atom {
	display: none;
}

.block1 .imgphone {
	display: none;
}


.block1 .how-icon1, .block1 .how-icon2, .block1 .how-icon3 {
    background-size: 64px; 
}

.block1 .data-protection {
	display: none;
}

.whywe {
	background: #ffffff url(../img/block21-min.jpg) no-repeat 15% 100%;
    background-size: 140%;
}    

.block2 {
	margin-top: 80px;
    padding-bottom: 0px;
}

.block2 h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	padding-bottom: 24px;
	text-align: center;
}

.block2 .block2-text {
	font-size: 22px;
	line-height: 26px;
	text-align: center;
}
.block2 .imgbaby {
	display:none;
}
.block2 .imgbaby img {
	max-width: 340px;
}

.block2 .imgbaby2d {
	display: block;
}

.block2 .imgbaby2 {
	text-align: center;
}
.block2 .imgbaby2 img {
	max-width: 250px;
}

.block2 .whycards {
    margin-top: 32px;
}

.block2 .whycard {
	font-size: 18px;
	line-height: 22px;
	padding: 16px;
	min-height: inherit;
	margin-bottom: 16px;
}

.block2 .whycard-icon {
	padding-right: 15px;
}

.block2 .whycard-icon img{
	width: 64px;
	height: 64px;
}

.block3 {
	padding-top: 80px;
    padding-bottom: 50px;
}

.block3 h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
}

.block3 .question {
	padding: 18px;
	margin-bottom: 16px;
}

.block3 .quest-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}

.block3 .quest-text {
	font-size: 16px;
	line-height: 19px;
}

.block3 .quest-title.minus, .block3 .quest-title.plus {
background-size: 24px;
padding-right: 24px;
}

.block3 .imgquest {
	display: none;
}


.block4 .uppost {
	max-width:32px;
}

.block4 .review-text {
	font-size: 14px;
	line-height: 21px;
}

.block4 .review-author {
	font-size: 12px;
	line-height: 14px;
}

.block4 .review-img img{
 	max-width: 64px
}

.block5 {
	min-height:inherit;
	padding-top: 64px;
}

.block5 h3 {
	font-size: 28px;
	line-height: 34px;
}

.block5 .payment-img {
    min-height: 65px;
}

.block5 .payment-img img {
     max-height: 50px;
}

.block6 .data-protection {
	display: none;
}

.block6 .data-protection-button {
	font-size: 18px;
    line-height: 26px;
    padding: 8px 12px 6px 12px;
}
.block6 .dp-icon {
	width: 24px;
    height: 24px;
    background-size: 24px;
}

.block6 .data-protection-descr {
	font-size: 12px;
}

.block5 .payment-name {
	font-size: 16px;
	line-height: 18px;
}

.block6 {
	font-size: 14px;
	line-height: 21px;
	text-align: center;
}

.block6 .navbar-collapse {
	display: none;
}

.block6 .navbar-brand{
	margin: 0 auto;
}

.stepcard h1 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 32px;
}

.stepcard label {
	font-size: 18px;
	line-height: 22px;
}


.form-control {
	border: 1px solid #E0E4E7;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 18px 20px;
	font-size: 16px;
	line-height: 19px;
	height: auto;
}

.stepfooter {
	font-size: 18px;
	line-height: 22px;
}

h1.vitrina-title {
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
}

.vitrina-text {
	font-size: 14px;
	line-height: 17px;
}


.offer-item--title {
	font-size: 21px;
	line-height: 26px;
	text-align: center;
}

.offer-item-data--val {
	font-size: 21px;
	line-height: 26px;
	width:50%;
	text-align: right;
}
.offer-item-data--label {
	font-size: 21px;
	line-height: 26px;
	width:50%;
}

.offer-list--item a.btn-red {
	font-size: 21px;
	line-height: 26px;
}
img.offer-img {
	max-width: 250px;
}

.v2-offers-list {
	flex-direction: row;
	flex-wrap: wrap;
}
.v2-offer {
	flex-direction: column;
	width: 50%;
	gap: 0px;
}

.v2-offer:nth-child(2n+1) {
	border-right: 1px dotted rgba(0, 0, 0, 0.1);
	padding-right: 15px;
}
.v2-offer:nth-child(2n) {
	padding-left: 15px;
}

/*
.v2-offer + .v2-offer { 
	border-left: 1px dotted rgba(0, 0, 0, 0.1); 
	margin-left: 15px;
	padding-left: 15px;
}
*/
.v2-offer-params-title {
	text-align: center;
}
.v2-offer-param {
	flex-direction: column;
}

.v2-offer-param-block {
	flex-direction: row;
	justify-content: space-between;
    align-items: center;	
}
.v2-offer-param-title {
	font-size: 14px;
	margin-bottom: 3px;
}
.v2-offer-param-value {
	font-size: 14px;
}
a.v2-offer-btn {
	padding: 10px;
    font-size: 16px;
    line-height: 21px;
}

.title-napprove {
	font-size: 22px;
    margin-top: 51px;
    margin-bottom: 20px;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
.block1 {
    margin-top: 20px;
}

.block1 h1 {
	font-weight: bold;
	font-size: 28px;
	line-height: 34px;
	text-align: right;
}

.block1 .headtext {
	font-weight: 600;
	font-size: 14px;
	line-height: 130%;
	margin-bottom: 20px;
}

.calc {
    margin-top: -30px;
}    
.calc .calc-header-title {
	font-weight: 900;
	font-size: 21px;
    line-height: 31px;
    padding: 16px 24px 16px 110px;
}
.calc .calc-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	padding-top: 24px;
}

.calc .calc-zaim-text {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-zaim-summ {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}
.calc .calc-shkala-ot {
	font-size: 20px;
	line-height: 24px;
}
.calc .calc-shkala-do {
	font-size: 20px;
line-height: 24px;
}

.calc .calc-zaim {
    padding: 12px 24px 24px 24px;
}

.btn-red {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
}

.block1 .airpods {
	position: absolute;
	width: 40px;
    height: 161px;
    left: 250px;
    top: -15px;
    background: url(../img/airpodsw.png) no-repeat;
    background-size: contain;
}

.block1 .applewatch {
	position: absolute;
	width: 70px;
    height: 140px;
    left: 190px;
    top: 70px;
    background: url(../img/applewatchw.png) no-repeat;
    background-size: contain;
}

.block1 .iphone {
	position: absolute;
	width: 110px;
    height: 309px;
    left: 270px;
    top: 40px;
    background: url(../img/iphonew.png) no-repeat;
    background-size: contain;
}

.block1 .airpods, .block1 .iphone, .block1 .applewatch {
 /*	display: none; */
}

.block1 .baby1 {
	display: none;
}

.block1 .baby2 {
	display: block;
    padding: 0;
    text-align: left;
    margin-top: -130px;
}

.block1 .baby2 img {
	max-width: 150px;
}
.block1 .howget {
	margin-top: 50px;
    padding-bottom: 40px;
}

.block1 h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	padding-bottom: 285px;
}

.block1 .step {
	padding: 16px;
	margin-bottom: 16px;
}

.block1 .step-title {
	font-size: 18px;
	line-height: 22px;
	padding-left: 70px;
	padding-bottom: 8px;
}

.block1 .step-descr {
	font-size: 16px;
	line-height: 19px;
	padding-left: 70px;
}

.block1 .phoneatom {
	/* max-height: 376px; */
    overflow: hidden;
    background: url(../img/phoneatom2-min.png) no-repeat 50% 70px;
    background-size: 400px;

}

.block1 .atom {
	display: none;
}

.block1 .imgphone {
	display: none;
}


.block1 .how-icon1, .block1 .how-icon2, .block1 .how-icon3 {
    background-size: 64px; 
}

.block1 .data-protection {
	display: none;
}

.whywe {
	background: #ffffff url(../img/block21-min.jpg) no-repeat 15% 100%;
    background-size: 140%;
}    

.block2 {
	margin-top: 80px;
    padding-bottom: 0px;
}

.block2 h2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 24px;
	text-align: center;
}

.block2 .block2-text {
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}
.block2 .imgbaby {
	display:none;
}
.block2 .imgbaby img {
	max-width: 340px;
}

.block2 .imgbaby2d {
	display: block;
}

.block2 .imgbaby2 {
	text-align: center;
}
.block2 .imgbaby2 img {
	max-width: 250px;
}

.block2 .whycards {
    margin-top: 32px;
}

.block2 .whycard {
	font-size: 18px;
	line-height: 22px;
	padding: 16px;
	min-height: inherit;
	margin-bottom: 16px;
}

.block2 .whycard-icon {
	padding-right: 15px;
}

.block2 .whycard-icon img{
	width: 64px;
	height: 64px;
}

.block3 {
	padding-top: 80px;
    padding-bottom: 50px;
}

.block3 h2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}

.block3 .question {
	padding: 18px;
	margin-bottom: 16px;
}

.block3 .quest-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}

.block3 .quest-text {
	font-size: 16px;
	line-height: 19px;
}

.block3 .quest-title.minus, .block3 .quest-title.plus {
background-size: 24px;
padding-right: 24px;
}

.block3 .imgquest {
	display: none;
}


.block4 .uppost {
	max-width:32px;
}

.block4 .review-text {
	font-size: 14px;
	line-height: 21px;
}

.block4 .review-author {
	font-size: 12px;
	line-height: 14px;
}

.block4 .review-img img{
 	max-width: 64px
}

.block5 {
	min-height:inherit;
	padding-top: 64px;
}

.block5 h3 {
	font-size: 28px;
	line-height: 34px;
}

.block5 .payment-img {
    min-height: 65px;
}

.block5 .payment-img img {
     max-height: 50px;
}

.block6 .data-protection {
	display: none;
}

.block6 .data-protection-button {
	font-size: 18px;
    line-height: 26px;
    padding: 8px 12px 6px 12px;
}
.block6 .dp-icon {
	width: 24px;
    height: 24px;
    background-size: 24px;
}

.block6 .data-protection-descr {
	font-size: 12px;
}

.block5 .payment-name {
	font-size: 16px;
	line-height: 18px;
}

.block6 {
	font-size: 14px;
	line-height: 21px;
}


.stepcard h1 {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 32px;
}

.stepcard label {
	font-size: 24px;
	line-height: 29px;
}


.form-control {
	border: 1px solid #E0E4E7;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 18px 20px;
	font-size: 20px;
	line-height: 24px;
	height: auto;
}


.stepcard h1 {
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 32px;
}

.stepcard label {
	font-size: 18px;
	line-height: 22px;
}


.form-control {
	border: 1px solid #E0E4E7;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 18px 20px;
	font-size: 16px;
	line-height: 19px;
	height: auto;
}

.stepfooter {
	font-size: 14px;
	line-height: 17px;
}

h1.vitrina-title {
	font-weight: bold;
    font-size: 21px;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 15px;
}

.vitrina-text {
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	margin-bottom: 10px;
}

.steppage .stepcard {
    padding: 20px;
} 

.v2-offer-param-title {
	font-size: 13px;
	margin-bottom: 3px;
}
.v2-offer-param-value {
	font-size: 13px;
}

.v2-offer-params-title {
	display:none;
}
.v2-offers-list {
	margin-top: 10px;
}

.v2-offers-list.approved-block {
	justify-content: space-between;
	gap: 3%;
}
.approved-block .v2-offer {
	border: none;
    /* box-shadow: 0px 0px 10px 0px rgb(255 204 0 / 80%); */
    box-shadow: 0px 0px 15px 10px rgb(255 204 0 / 100%);
    border-radius: 10px;
    padding: 15px;
    width: 48%;
    margin: 0 auto;
}
a.v2-offer-btn {
	padding: 6px;
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px;
    border-radius: 8px;
}
.title-napprove {
	font-size: 21px;
	margin-top: 51px;
	margin-bottom: 20px;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 400px) {
.block1 .airpods {
	position: absolute;
	width: 40px;
    height: 161px;
    left: 170px;
    top: -15px;
    background: url(../img/airpodsw.png) no-repeat;
    background-size: contain;
}

.block1 .iphone {
	position: absolute;
	width: 110px;
    height: 309px;
    left: 190px;
    top: 0px;
    background: url(../img/iphonew.png) no-repeat;
    background-size: contain;
}

.block1 .applewatch {
	display:none;
}

.calc .calc-header-title {
	font-size: 18px;
	line-height: 22px;
}


.v2-offer-img {
    flex: 0 0 10%;
}
.v2-offer-params-title {
	display: none;
}
a.v2-offer-btn {
	padding: 6px;
    font-size: 12px;
    line-height: 21px;
    margin-top: 10px;
    border-radius: 8px;
}
.v2-offer-param-block {
	flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px;
}
.v2-offer-param-title {
	font-size: 13px;
	line-height: 1em;
}
.v2-offer-param-value {
	font-size: 16px;
	line-height: 1em;
}
.v2-offer-rating img {
	height: 12px;
}
.v2-offer-rating span {
	font-size: 12px;
}



}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.mainmenu {
	background-color: #fff;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
}

.mainmenu .nav-link, .footer .nav-link{
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #222222!important;
}

.footer .nav-link { 
color:#fff!important;
}


}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.mainmenu .nav-link, .footer .nav-link {
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	color: #222222!important;
}

.footer .nav-link { 
color:#fff!important;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.container { max-width: 1440px; } 
}