html * { max-height: 1000000px; }
* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 16px; width: 100%; height: 100%; line-height: 1}
li { list-style: none; }
img { display: block; height: auto; }
a img { border:none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { outline:none;
    font-family:  "Poppins", sans-serif; font-size: 16px; font-weight: 300;
    /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button { cursor: pointer; }
.container { max-width: 1040px; width: 100%; padding: 0 24px; margin: 0 auto; }

.page_wrapper { flex-direction: column; max-width: 375px; margin: auto; display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 100%; }
header,footer { width: 100%; flex: 0 0 auto; }
main { width: 100%; flex: 1 1 auto; overflow-x: hidden;}
.container2{flex-direction: column; max-width: 375px; margin: auto; display: flex; justify-content: space-between; align-items: center; width: 100%; }
html,body {color: #fff}
b{font-weight: 600}
main{padding: 20px;}
.pre_page_wrapper{background: linear-gradient(12.05deg, #66BAE2 0%, #EBA97C 100%);}
.btn{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;
    max-width:200px;background: linear-gradient(180deg, #FFFFFF 50%, #E1E1E1 100%);color:#259DD5;height: 46px;border-radius: 64px;font-size: 20px;font-weight: 400;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);}
.btn.small{font-size: 12px;height: 26px;max-width: 120px}
.block1{display: block;width: calc(100% + 40px);margin: -20px -20px 20px -20px}
.block1 img{display: block;width: auto;max-width:100%;height: auto;object-fit: cover;}
.block1 p{text-align: center;font-size: 20px;margin-top: -100px;line-height: 1.5;padding: 0 20px}
.block2{padding: 30px 0;display: flex;justify-content: center}
.block3 p{font-size: 12px;text-align: center;line-height: 1.5}
.block4{margin-top: 10px;position: relative}
.block4:before{content: '';background: url('../img/bg.png') no-repeat 50% 50% / contain;position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.3}
.block4 > div{position: relative;z-index: 1}
.block4 h2{text-align: center;font-weight: 600;font-size: 16px}
.block4 p{text-align: center;font-size: 12px;line-height: 1.5}
.block4 p.semi{font-weight: 500;margin-top: 15px;line-height: 1.5}

.block5 img{display: block;width: auto;max-width:100%;height: auto;object-fit: cover;margin-bottom: 20px}
.block5 p{text-align: center;line-height: 1.5}
.with_user{background: #fff;height: 56px;border-radius: 15px;color: #259DD5;font-size: 14px;margin-top: 20px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px}
.with_user:before{content: '';display: block;width: 21px;height: 21px;background: url('../img/person.png') no-repeat 50% 50% / contain;margin-right: 8px}
.block5_items{display: flex;justify-content: space-between}
.block5_items p{height: 34px;border-radius: 17px;background: #fff;color: #259DD5;display: flex;align-items: center;justify-content: center;
    padding: 0 10px;margin-top: 20px;font-weight: 400;font-size: 14px}

.block5_items p:before{content: '';display: block;width: 18px;height: 14px;background: url('../img/tick.svg') no-repeat 50% 50% / contain;margin-right: 8px}

.block6{margin-top: 30px}
.block6 img{display: block;width: auto;height: auto;object-fit: cover;margin:0 auto 20px;max-width: 250px}
.block6 p{font-size: 24px;font-weight: 400;text-align: center;line-height: 1.5}

footer{width: 100%;background: #fff;padding: 20px 20px}
.f_top{display: flex;justify-content: space-between;width: 100%}
.f_top p a{color: #42A2DA;font-weight: 400;font-size: 10px;text-decoration: none}
.f_rss{display: flex;justify-content: space-between;width: 100%}
.f_rss{margin-top: 10px}
.f_rss img{width: 20px;height: 20px}
footer p.copy{color: #000;text-align: center;margin-top: 10px;font-size: 8px;font-weight: 200;line-height: 1.2}

.block1_buy > div.mt220{margin-top: -210px}
.block1_buy p{font-size: 15px;font-weight: 400;margin-top: 10px;}

.buy_items{display: flex;align-items: center;justify-content: space-between;padding: 0 20px;margin-top: 15px}

.buy_item{background: #fff;width: 152px;height: 142px;border-radius: 15px}
.buy_item p:first-child{font-size: 16px;font-weight: 500;line-height: 1.5;color: #259DD5}
.buy_item p:nth-child(2){font-size: 13px;font-weight: 300;line-height: 1.5;color: #259DD5}
.buy_item p span.or{color:#E47C2D}
.text2{font-weight: 400}

.buy_items > span{font-size: 32px;font-weight: 600}
.btn2{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;
    max-width:120px;background: linear-gradient(0deg, #259DD5 25%, #66BAE2 100%);color:#fff;height: 26px;border-radius: 64px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);margin: 15px auto 0;font-size: 12px;font-weight: 300}
.footer_form{width: 100%;margin-bottom: 40px}
.footer_form > p{text-align: center;color:#259DD5;font-size: 32px;font-weight: 300}
.footer_form > p span{font-weight: 600}
.footer_form > p .strike{text-decoration: line-through;color: #E47C2D;font-weight: 600}
.buy_footer{border-radius: 15px 15px 0 0;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);}

.btn3{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;
    max-width:190px;background: linear-gradient(0deg, #259DD5 25%, #66BAE2 100%);color:#fff;height: 46px;border-radius: 64px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);margin: 30px auto 0;font-size: 20px;font-weight: 500;border: none}

.footer_form input,.footer_form select{width:100%;font-size:12px;background: #fff;border-radius: 50px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25) inset;padding: 4px 16px 4px 16px;border: none}
.row{display: flex;align-items: center;justify-content: space-between}
.row input{width: calc(50% - 10px)}
.input_item{margin-top: 10px}
.input_item p{color: #259DD5;font-size: 16px;line-height:1.5;font-weight: 400;}
