@font-face{font-family:'Roboto';src:url(/seo/font/id/roboto_regular_400.woff2) format('woff2'),url(/seo/font/id/roboto_regular_400.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Roboto';src:url(/seo/font/id/roboto_medium_500.woff2) format('woff2'),url(/seo/font/id/roboto_medium_500.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Material Icons';src:url(/seo/font/id/MaterialIcons.woff2) format('woff2'),url(/seo/font/id/MaterialIcons.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:focus{outline:0}img{border:none;max-width:100%;display:block}ul,ol{list-style:none}a{text-decoration:none;color:rgba(0,0,0,.85);transition:var(--transition)}:root{--primary:#00B1E9;--accent:#00B1E9;--header:#1B1B1B;--success:#81CC31;--danger:#F13300;--warning:#FF9C09;--primary-hover:#00bdf8;--transition:all 0.25s cubic-bezier(.39,0,.17,.99)}.select-item[value=""],.select-item[value="default"]{display:none}option[disabled]{display:none}:invalid{box-shadow:none}html,body,.wrapper{height:100%}body{font:14px/1.45 "Roboto","Arial",sans-serif;color:rgba(0,0,0,.85);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;-webkit-text-size-adjust:none;text-size-adjust:none}body.mobile-nav-visible{overflow:hidden}section{padding:40px 0}.center{max-width:980px;margin:0 auto;padding:0 20px}input::-webkit-input-placeholder{color:transparent}input::-moz-placeholder{color:transparent}input:-ms-input-placeholder{color:transparent}input::-ms-input-placeholder{color:transparent}input::placeholder{color:transparent}.btn,.btn-secondary,.section-btn{font:500 14px/20px "Roboto",Arial,Helvetica,sans-serif;width:100%;display:block;color:rgba(255,255,255,.9);text-transform:uppercase;padding:12px 10px;background:var(--primary);box-shadow:0 2px 2px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.1);border-radius:4px;border:none;cursor:pointer;line-height:1.2;transition:var(--transition);text-align:center}.btn:hover,.btn-secondary:hover,.section-btn:hover{box-shadow:none}.section-btn{margin-top:20px}.btn-secondary{background:#ebebeb;color:rgba(0,0,0,.85)}.popular-title{display:block;font-size:24px;line-height:1.5;font-weight:400;color:var(--primary);text-align:center;max-width:505px;margin:20px auto 20px}.links-list{display:flex;flex-wrap:wrap;justify-content:center}.links-list li{display:block;margin:5px;text-align:center;background-color:rgba(0,177,233,.12);border-radius:4px}.links-list a{display:block;font-weight:500;color:rgba(0,0,0,.85);text-transform:uppercase;text-decoration:none;padding:12px 20px;transition:var(--transition)}.links-list a:hover{text-decoration:underline}.page-title{font-size:24px;margin-bottom:10px;font-weight:500}.description{font-size:16px;color:rgba(0,0,0,.5);margin-bottom:22px}header{padding:10px 0;background:var(--header);text-align:center;height:60px}header .logo{display:inline-block}header .center{display:flex;justify-content:center;align-items:center;height:100%;position:relative}.header-mobile-btn-inner{display:flex;flex-flow:column;justify-content:space-between;height:14px;width:24px;position:absolute;left:0;top:0;bottom:0;margin:auto;cursor:pointer;margin-left:20px}.header-mobile-btn-inner .mobile-btn-item{background:#fff;width:100%;height:2px;transition:var(--transition);z-index:1}.mobile-nav-visible .header-mobile-btn-inner{width:24px;height:24px;transform:rotate(-270deg);left:-10px}.mobile-nav-visible .header-mobile-btn-inner .icon-line-1{transform:rotate(-45deg)}.mobile-nav-visible .header-mobile-btn-inner .icon-line-2{transform:rotate(45deg)}.mobile-nav-visible .header-mobile-btn-inner .icon-line-3{display:none}.mobile-nav-visible .header-mobile-btn-inner .mobile-btn-item{background:#fff;position:absolute}.header-page-nav{opacity:0;visibility:hidden;position:fixed;overflow-y:scroll;bottom:0;left:0;right:0;margin-top:60px;top:0;background:rgba(0,0,0,.73);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:var(--transition);transform:translateX(100%);padding:30px 20px 20px;pointer-events:none;z-index:1}.mobile-nav-visible .header-page-nav{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}.nav-item{display:block;font-size:14px;color:#fff;margin-bottom:26px;transition:var(--transition);text-transform:uppercase;font-weight:500}.breadcrumbs-section{position:relative;padding:20px 0;box-shadow:0 0 4px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.2)}.breadcrumbs-block{display:flex;align-items:center;flex-wrap:wrap}.breadcrumbs-item{font-size:16px;color:rgba(0,0,0,.5);margin:2px 0}.breadcrumbs-item a{position:relative;padding-right:32px;display:inline-block;margin-right:10px;color:rgba(0,0,0,.85)}.breadcrumbs-item a:hover{color:var(--accent)}.breadcrumbs-link:hover::before{color:var(--accent)}.breadcrumbs-item a::after{font:22px/1 "Material Icons";content:"\e911";position:absolute;right:0;top:1px;color:rgba(0,0,0,.5);transition:var(--transition)}.photo-section{background:#f2f2f2;padding:0 0 20px}.photo-section .photo-block{width:calc(100% + 40px);margin-left:-20px}.photo-section .slogan{font-size:24px;color:rgba(255,255,255,.9);font-weight:500;margin-top:-70px;background:var(--primary);padding:20px;min-height:134px;display:flex;position:relative}.photo-section .slogan span{margin:auto;text-align:center}.text-section p{margin-bottom:10px}.text-section p:last-child{margin-bottom:0}.text-section .page-title{margin-top:20px;font-size:16px}.text-section .page-title:first-child{margin-top:0}.popular-section{padding-top:0}.popular-title{display:block;font-size:24px;line-height:1.5;font-weight:400;color:var(--primary);text-align:center;max-width:505px;margin:20px auto 20px}.popular-block .popular-item:first-child{margin-top:0}.popular-block .popular-item{margin-top:20px;display:block}.popular-block .popular-item p{text-align:center}.popular-block .popular-item:hover p{color:var(--primary)}.popular-block .popular-item img{width:100%}.popular-block .popular-item p{font-size:16px;margin-top:10px;transition:var(--transition)}.reg-form-block{border-radius:4px}.reg-form-block .page-title{margin-bottom:20px}.form-section{padding-top:0;background:linear-gradient(0deg,rgba(255,255,255,.88),rgba(255,255,255,.88)),#0280d7}.form-photo{width:calc(100% + 40px);margin-left:-20px;height:320px;background:url(https://www.maturexmatch.com/seo/resource/id/cd1d1b2fa816349055dbc2f299b02aa4.jpg) no-repeat center top / cover;margin-bottom:30px}.form-item{position:relative;margin-bottom:29px;margin-top:15px}.form-field-block .is-active .form-input::before{right:0;left:0;background:var(--primary)}.form-label-block{position:absolute;top:0;right:0;left:0;display:flex;padding:10px 0;line-height:20px;transition:var(--transition);font-size:14px}.is-focused .form-label-block{padding:0;font-size:12px;-webkit-transform:translateY(-14px);transform:translateY(-14px)}.form-label-block label{color:#b2b2b2}.form-input,.form-select{position:relative;border-bottom:1px solid rgba(0,0,0,.15)}.select-value{display:none}.select-dropdown{display:none}input,select{font:14px "Roboto",Arial;width:100%;padding:10px 5px;color:inherit;background:inherit;border-radius:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::before,.form-select::before{content:"";position:absolute;right:50%;bottom:-1px;left:50%;height:2px;background:var(--primary);transition:var(--transition)}[data-form-item="password"] input{padding-right:30px}.form-select::after{content:"";position:absolute;top:48%;right:6px;width:0;height:0;margin-left:-4px;border:solid transparent;border-width:4px;border-color:transparent;border-top-color:#7f7f7f;transition:var(--transition);pointer-events:none}.form-error-block{margin-top:3px;-webkit-transform:translateY(20px);transform:translateY(20px);color:var(--danger);font-size:12px;opacity:0;visibility:hidden;transition:var(--transition)}.error-field .form-input::before,.error-field .form-select::before{right:0;left:0;background:var(--danger)}.error-field .form-error-block{visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.form-error-block a{text-decoration:underline;color:var(--danger)}.form-success-block{margin-top:3px;-webkit-transform:translateY(20px);transform:translateY(20px);font-size:12px;color:var(--success);opacity:0;visibility:hidden;transition:var(--transition)}.valid-field .form-success-block{visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.valid-field .form-input::before,.valid-field .form-select::before{background:var(--success)}.submit-btn-block{margin:10px auto}.form-terms{margin:15px auto;font-size:11px;text-align:center}.form-terms a{color:var(--primary)}.form-terms a:hover{text-decoration:underline}.password-icon{position:absolute;top:8px;right:0;width:24px;height:24px;cursor:pointer}.password-icon::before{font:25px/1 "Material Icons";content:"\e945";display:inline-block;vertical-align:top;color:#7f7f7f;transition:var(--transition)}.password-icon.active::before{content:"\e946"}footer{background:var(--header);margin-top:20px;padding:20px}.footer-links{display:grid;grid-template-columns:auto auto auto auto;grid-gap:10px;font-size:12px;justify-content:space-evenly}.footer-links a{color:rgba(255,255,255,.9)}.footer-links a:hover{color:var(--accent)}.copyright-block{font-size:12px;text-align:center;margin-top:20px;color:rgba(255,255,255,.5)}@media screen and (min-width:660px){.popular-block{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}.popular-block .popular-item{max-width:300px;width:98%}.popular-block .popular-item p{margin-top:16px}}@media screen and (min-width:980px){body{font-size:14px}header{box-shadow:0 0 4px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.2)}header .center{justify-content:space-between}.header-mobile-btn{display:none}.header-page-nav{display:flex;transform:none;opacity:1;visibility:visible;position:static;margin-top:0;overflow:initial;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;box-shadow:none;pointer-events:auto;grid-column-start:1;grid-column-end:-1;justify-self:center}.nav-item{font-size:12px;display:inline-flex;padding:9px 9px 9px 12px;color:#fff;border-radius:4px;cursor:pointer;margin-bottom:0;position:relative;margin-right:5px}.nav-item:last-child{margin-right:0}.nav-item.is-active,.nav-item:hover{background-color:rgba(255,255,255,.2);color:#fff}.nav-item a{color:rgba(0,0,0,.85);padding:8px 10px}.nav-item a:hover{background:#f7f7f7}.nav-item span{font-weight:500}.main{display:flex;flex-direction:column}.breadcrumbs-section{position:static;box-shadow:none;padding:30px 0}.photo-section{padding:40px 0;order:-1}.photo-section .center{display:flex;align-items:center}.photo-section .photo-block{margin-left:0;width:auto}.photo-section .slogan{font-size:32px;margin-top:0;margin-left:-150px;flex:1;min-height:280px;padding:20px 50px}.popular-block .popular-item{margin-top:0}.padding-disable{padding-top:20px}.text-section{max-width:780px;margin:auto}.text-section p{margin-bottom:20px}.text-section .page-title{margin-top:40px;margin-bottom:20px;font-size:24px}.form-section{background:transparent;padding:0}.form-section .center{display:flex;justify-content:space-between}.form-slogan{flex:1;margin-top:70px;margin-right:40px;background:url(https://www.maturexmatch.com/seo/resource/id/981d04c41726ff28d2448d28bfcbbcc2.jpg) no-repeat right center / auto}.form-photo{flex:1;width:100%;height:auto;margin-left:0;margin-bottom:0}.reg-form-block{width:460px;padding:44px 70px;background:linear-gradient(0deg,rgba(255,255,255,.88),rgba(255,255,255,.88)),#0280d7}select{visibility:hidden;opacity:0}.select-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:auto;padding-right:8%;font-size:14px;line-height:20px;cursor:pointer}.select-dropdown{display:block;position:absolute;z-index:10;top:100%;right:-20px;left:-20px;max-height:212px;padding:10px 0;-webkit-transform:translateY(-20px);transform:translateY(-20px);background:#fff;border-radius:3px;box-shadow:0 0 4px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.2);transition:var(--transition);visibility:hidden;opacity:0;overflow-y:auto}.form-field-block .is-visible .select-dropdown{visibility:visible;-webkit-transform:translateY(-1px);transform:translateY(-1px);opacity:1}.select-item{position:relative;display:block;padding:6px 20px;font-size:13px;line-height:2;font-family:"Roboto","Arial",sans-serif;cursor:pointer;color:#000}.select-item:hover,.select-item:focus{background:rgba(0,0,0,.06)}footer{padding:30px 0}footer .footer-links{font-size:14px}}.text-section a{color:var(--primary);}.block a{color:var(--primary);}