html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}

html{overflow-x: hidden;}

/*font-family: 'Montserrat';*/

body{
	font-family: 'Noto Sans',sans-serif;
	background: #fff;
    font-size: 16px;
    line-height: 150%;
	color: #26210D;
	min-width: 320px;
    font-weight: normal;
	overflow-x: hidden;
}

.container{width: 1448px; margin: 0 auto; box-sizing: border-box;}




header{padding: 15px 0; border-bottom: 1px solid #EAE9EA;}
    header .flex{align-items: center;}
    header .container{width: 100%; max-width: 1760px; padding: 0 20px}
    header nav li{display: inline-block; margin-left: 60px;}
        header nav li a{display: block; color: #26210D; font-size: 15px;}
            header nav li a:hover{color: #A800C7}
    header .lang{margin-left: 20px; position: relative; cursor: pointer; box-sizing: border-box; border-radius: 8px; border: 1px solid #EAE9EA; padding: 11px 30px 11px 14px; background: url("../img/arr_d.svg") calc(100% - 14px) 50% no-repeat; font-size: 14px; font-weight: 500;}
        header .lang ul li{display: flex; align-items: center;}
        header .lang ul li svg{margin-right: 6px}
            header .lang.open{color: #fff; background: #A800C7 url("../img/arr_dw.svg") calc(100% - 14px) 50% no-repeat;}
            header .lang.open ul li svg path{fill: #fff;}
        header .lang ul ul{display: none; overflow: hidden; position: absolute; top: 100%; margin-top: 10px; text-align: right; right: 0; width: 160px; background: #fff; border-radius: 8px; box-sizing: border-box; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);}
            header .lang.open ul ul{display: block;}
            header .lang ul ul li{display: block;}
            header .lang ul ul li a{display: block; padding: 13px 15px; border-bottom: 1px solid rgba(38, 33, 13, 0.1); font-size: 13px; font-weight: 500; color: rgba(38, 33, 13, 0.5)}
                header .lang ul ul li a:hover{color: #26210D}
            header .lang ul ul li:last-child a{border: none;}





#navigation{display: none;}




#promo{padding: 260px 0 200px; background: url("../img/bg_promo.jpg") calc(50% - 480px) 50% no-repeat; background-size: auto 100%;}
    #promo .flex{justify-content: flex-end;}
    #promo .text{max-width: 580px}
    #promo h1{font-weight: 300; font-size: 72px; line-height: 110%; font-family: 'Noto Serif';word-wrap: anywhere;}
    #promo p{padding: 25px 0 40px; font-size: 18px; line-height: 110%}
    #promo .btn{width: 280px;}





#advantages{padding: 140px 0;}
    #advantages .item{width: calc(100% / 4 - 20px); box-sizing: border-box; padding: 20px; border-radius: 12px; background: #FBF2FC;}
    #advantages .image{overflow: hidden;}
    #advantages img{width: 100%; border-radius: 12px;}
    #advantages h2{padding: 20px 0 10px; font-size: 19px; font-weight: 500; line-height: 120%;}
    #advantages p{font-size: 14px;}





#become{padding: 0 0 125px}
    #become .section__title.flex{align-items: flex-start;}
        #become .section__title .text p{margin-bottom: 20px;}
    #become .filters{padding: 8px; max-width: 580px; box-sizing: border-box; margin: 0 auto 40px; width: 100%; border-radius: 100px; border: 1px solid #EAE9EA;}
    #become .filters li{cursor: pointer; text-align: center; width: 49%; padding: 16px; font-size: 15px; font-weight: 500; line-height: 160%; box-sizing: border-box; border-radius: 100px; transition: all 0.25s ease-out;}
        #become .filters li.active,#become .filters li:hover{color: #fff; background: #A800C7;}
    #become .tabs li{box-sizing: border-box; display: flex; align-items: center; padding: 30px 30px 30px 106px; position: relative; width: calc(100% / 3 - 8px); margin-bottom: 16px; border-radius: 12px; border: 1px solid #EAE9EA;}
        #become .tabs li span{position: absolute; top: calc(50% - 28px); left: 30px; width: 56px; line-height: 56px; line-height: 56px; text-align: center; border-radius: 50%; background: #FBF2FC; font-size: 32px; font-weight: 400; color: #A800C7;}
    #become .tab{display: none;}
        #become .tab.tab1{display: block;}





#quote{padding: 0 0 140px}
    #quote .container{padding: 200px 120px 80px; color: #fff; background: #A800C7 url("../img/quote.svg") 50% 80px no-repeat; font-size: 30px; border-radius: 24px; text-align: center; line-height: 160%;}
    #quote p{margin-bottom: 60px;}





#fertilization{padding: 0 0 140px; position: relative;}
    #fertilization .etaps{padding: 60px; border-radius: 24px; background: #FBF2FC; position: relative;}
    #fertilization .item{align-items: center;}
        #fertilization .item .image{width: 480px;}
        #fertilization .item .text{width: calc(100% - 600px); margin-right: 40px;}
        #fertilization .item .title{font-size: 32px; font-family: Noto Serif; font-weight: 500; line-height: 120%; margin-bottom: 30px;}
    .for__nav{position: absolute; width: 108px; height: 56px; border-radius: 100px; background: #F6E6F9; bottom: 60px; right: 60px;}
    #fertilization .filters{padding: 8px; box-sizing: border-box; margin: 0 auto 40px; width: 100%; border-radius: 100px; background: #F6E6F9}
    #fertilization .filters li{cursor: pointer; text-align: center; width: 24%; padding: 16px; font-size: 15px; font-weight: 500; line-height: 160%; box-sizing: border-box; border-radius: 100px; transition: all 0.25s ease-out;}
        #fertilization .filters li.active,#fertilization .filters li:hover{color: #fff; background: #A800C7;}





#review{background: #A800C7 url("../img/bg_review.jpg") calc(50% + 480px) 50% no-repeat; color: #fff; padding: 180px 0;}
    #review .text{max-width: 580px;}
    #review p{margin-bottom: 40px; font-size: 16px;}






#services{padding: 140px 0 125px}
    #services li{box-sizing: border-box; display: flex; align-items: center; padding: 30px 30px 30px 120px; position: relative; width: calc(100% / 4 - 12px); margin-bottom: 16px; border-radius: 12px; border: 1px solid #EAE9EA; min-height: 120px;}
        #services li span{position: absolute; top: calc(50% - 40px); left: 20px; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; background: #FBF2FC; display: flex; align-items: center; justify-content: center;}





#about{position: relative;}
    #about .text{box-sizing: border-box; padding: 40px; border-radius: 12px; background: rgba(255, 255, 255, 0.85); width: 100%; max-width: 830px; margin: 575px 0 40px}
    #about .swiper-pagination{display: none;}
    #about .swiper-button-prev,#about .swiper-button-next{top: 630px; margin-top: 0}
    #about .swiper-button-prev{left: calc(50% - 40px);}
    #about .swiper-button-next{right: calc(50% - 60px);}





#guarantee{padding: 140px 0;}
    #guarantee li{box-sizing: border-box; padding: 30px; position: relative; width: calc(100% / 3 - 8px); margin-bottom: 16px; border-radius: 12px; border: 1px solid #EAE9EA; min-height: 120px;}
        #guarantee li span{width: 80px; height: 80px; text-align: center; border-radius: 50%; background: #FBF2FC; display: flex; align-items: center; justify-content: center;}
    #guarantee h3{padding: 15px 0 5px; font-size: 18px; font-weight: 500; line-height: 120%;}
    #guarantee p{font-size: 15px;}
    #guarantee li:last-child{text-align: center; background: #F6E6F9; border-color: #F6E6F9}
        #guarantee li:last-child h3{font-size: 28px; font-family: Noto Serif; font-weight: 500; line-height: 120%;}
        #guarantee li:last-child p{padding: 10px 0 15px}
        #guarantee li .btn{width: 220px;}





#faq{padding: 0 0 140px;}
    #faq .bt{text-align: center; margin-bottom: 60px;}
    #faq h3{position: relative; padding: 30px 100px 30px 30px; font-size: 18px; font-weight: 600; line-height: 120%; border-bottom: 1px solid #EAE9EA; cursor: pointer;}
        #faq h3:after{position: absolute; top: calc(50% - 12px); right: 30px; width: 24px; height: 24px; content: ''; background: url("../img/plus.svg") 50% 50% no-repeat;}
        #faq h3.active{border-color: transparent;}
        #faq h3.active:after{background: url("../img/minus.svg") 50% 50% no-repeat;}
    #faq .answer{padding: 0 30px 30px 30px; border-bottom: 1px solid #EAE9EA; display: none;}





#request{padding: 0 0 140px; text-align: center;}
    #request .container{padding: 200px 0 80px; background: #FBF2FC url("../img/quotep.svg") 50% 80px no-repeat; border-radius: 24px;}
    #request p{margin-bottom: 60px}
    #request .btn{width: 280px; padding: 18px; text-transform: uppercase; font-weight: 500; font-size: 15px;}





footer{padding: 80px 0 20px; color: #fff; background: #A800C7}
    footer .copyright{text-align: center; width: 100%; padding: 20px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 60px; font-size: 14px;}
    footer a{color: #fff; border-bottom: 1px solid transparent;}
        footer a:hover{border-color: #fff;}
    footer .title{font-weight: 700; line-height: 110%; margin-bottom: 20px;}
    footer p{margin-bottom: 10px;}
    footer .item{max-width: 340px; margin-right: 80px;}
    footer .socials a{margin-left: 30px; display: block; padding: 3px 0 3px 30px; background: url("../img/facebook.svg") 0 50% no-repeat; font-size: 14px;}
        footer .socials a:first-child{margin-left: 0}
        footer .socials a.instagram{background: url("../img/instagram.svg") 0 50% no-repeat;}
        footer .socials a.whatsapp{background: url("../img/whatsapp.svg") 0 50% no-repeat;}
        footer .socials a.viber{background: url("../img/viber.svg") 0 50% no-repeat;}








.iti__country-list{width: 300px; overflow-x: hidden;}
.iti--separate-dial-code .iti__selected-flag{background-color: transparent!important; font-size: 13px!important}
.iti{width: 100%;}





.swiper-button-next, .swiper-button-prev{width: 40px; height: 40px; border-radius: 50%; background: url("../img/arr_l.svg") 50% 50% no-repeat; top: 100%; margin-top: -48px; transition: all 0.25s ease-out;}
.swiper-button-next:hover, .swiper-button-prev:hover{background: #A800C7 url("../img/arr_lw.svg") 50% 50% no-repeat;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}


.swiper-button-prev{left: calc(100% - 100px)}
.swiper-button-next{transform: rotate(180deg);}








.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}



.bt{font-size: 48px; margin-bottom: 20px; font-family: Noto Serif; font-weight: normal; line-height: 120%;}

.section__title.flex{align-items: center; margin-bottom: 60px;}
.section__title .bt{margin-bottom: 0; max-width: 540px;}
.section__title .text{max-width: 48%; width: 100%;}


.compensate-for-scrollbar{margin-right: 0!important}



input[type="text"],input[type="email"],input[type="tel"],input[type="date"],input[type="time"],textarea,select{width: 100%; min-height: 60px; margin-bottom: 12px; padding: 0 15px; border-radius: 6px; border: 1px solid #EAE9EA; font-weight: normal; font-size: 14px; color: #000}
.flex .wpcf7-form-control-wrap{width: calc(50% - 6px)}
textarea{resize: none; height: 105px; padding: 12px 15px;}
select{background: #fff url("../img/arr_s.svg") calc(100% - 16px) 50% no-repeat; line-height: 60px;}
input[type="checkbox"],input[type="radio"]{display:none;}
/* input[type="date"]{background: url("../img/calendar.svg") calc(100% - 16px) 50% no-repeat;} */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
label{transition: all 0.25s ease-out;}


.lity {
	background: rgba(0, 0, 0, 0.8);
}



button{background: transparent;}



.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}


a{text-decoration: none; transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	a:hover{transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: all 0.25s ease-out;}
div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.btn,.btn:after{display: inline-block; position: relative; text-align: center; cursor: pointer; border: none; transition: all 0.25s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.btn:hover{transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}





.btn-purple{border-radius: 8px; background: #A800C7; color: #fff; padding: 11px 26px; font-size: 15px; font-weight: 600; border: 1px solid #A800C7}
    .btn-purple:hover{background: #fff; color: #A800C7}





.btn-purple-tr{padding: 17px 25px; background: #fff; border-radius: 8px; color: #A800C7; border: 1px solid #A800C7; text-transform: uppercase; font-size: 15px; font-weight: 500; line-height: 160%;}
    .btn-purple-tr:hover{background: #F6E6F9; border-color: #F6E6F9;}
    .btn-purple-tr:active{background: #A800C7; border-color: #A800C7; color: #fff;}




.btn-white{background: #fff; border: 1px solid #fff; color: #A800C7; font-size: 15px; font-weight: 500; text-transform: uppercase; border-radius: 8px; width: 280px; padding: 17px; line-height: 160%;}
    .btn-white:hover{background: transparent; color: #fff;}
    .btn-white:active{background: #F6E6F9; border-color: #F6E6F9; color: #A800C7}




input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: 'Noto Sans';}
.wpcf7-spinner, .wpcf7-not-valid-tip {
	display: none;
}
input.wpcf7-not-valid {
	border: 1px solid #ff0000;
}