@import "../fonts/prostoone/stylesheet.css";.block { border: #a3b1bb 1px solid; border-radius: 20px; display: flex; flex-direction: column; gap: 20px; justify-content: center; margin-bottom: 20px; padding: 30px; width: 100% } .block p:last-child { margin-bottom: 0 } .block p:not(:last-child) { margin-bottom: 20px } .block ul { list-style: none; margin: 0 } .block ul li { position: relative } .block ul li:before { background: url(../img/circle-orange.svg) center no-repeat; background-size: contain; content: ""; display: block; height: 18px; left: -30px; position: absolute; top: 5px; width: 18px } .block ul li:not(:last-child) { margin-bottom: 20px } .block-border-gray { border: #A3B1BB 1px solid } .block-border-gray .block-title { color: #F08C47 } .block-border-orange { border: #F08C47 1px solid } .block-border-orange .block-title { color: #F08C47 } .block-gray { background: #A3B1BB; border: 0 } .block-gray .block-title { color: #fff; display: block; line-height: 1.3em; width: 100% } .block-gray ul li:before { background: url(../img/circle-white.svg) } .block-orange { background: #F08C47; border: 0 } .block-orange .block-text { color: #fff } .block-orange .block-title { color: #fff } .block-title { color: #A3B1BB; font-size: 32px; line-height: 1.3em; margin-bottom: 0 } .block-vertical-center { align-items: center; display: flex; justify-content: flex-start; text-align: left } .checkbox-group { display: grid; gap: 15px; grid-template-columns: 1fr 1fr 1fr } .contact_form { font-family: sans-serif } .contact_form header { background: #e9e9e9; border-radius: 10px; font-style: italic; margin-bottom: 10px; padding: 15px } .container { margin: 40px auto; max-width: 1200px!important } .form-group { display: flex; flex-direction: column; flex-wrap: wrap; gap: 5px } .formbuilder-checkbox label { font-weight: 400!important } .formbuilder-checkbox-group { display: flex; flex-direction: column; border-top: #bbb 1px solid; padding-top: 20px; } .gray-circle { background: url(../img/circle-gray.svg) center no-repeat; background-size: contain; bottom: 0; height: 60px; left: 10px; position: absolute; width: 60px } .img-circle { aspect-ratio: 1/1; border: #fff 1px solid; border-radius: 360px; max-width: 300px } .logo { display: block; max-width: 150px } .logo,.logo img,.section { width: 100% } .logo.text-center { margin: 0 auto } .orange-circle { background: url(../img/circle-orange.svg) center no-repeat; background-size: contain; bottom: 0; height: 60px; left: 10px; position: absolute; width: 60px } .orange-circle-relative { bottom: 0; left: 0; margin-bottom: 20px; position: relative; right: 0; top: 0 } .relative { position: relative } .row-stretch .block { height: 100% } .section { display: block; margin-bottom: 40px } .section-background .container { background: url(../img/section-bg.jpg) no-repeat; background-position: bottom left; background-size: max(45%, 450px); min-height: 630px; } .show-mobile { display: none } .text-big { font-size: 48px; line-height: 1.2em } .text-mid_big { font-size: 36px; line-height: 1.2em } .text-center { text-align: center } .text-gray { color: #A3B1BB } .text-medium { font-size: 26px; line-height: 1.2em } .text-orange { color: #F08C47 } .text-right { text-align: right } .text-right .logo { margin-left: auto } .text-right:has(.logo) { margin-top: 10px } .text-white { color: #fff } .text-white a { color: #fff; text-decoration: underline } .text-white a:hover { text-decoration: none } .text-grey { color: #5E5E5E } .text-grey a { color: #373737; text-decoration: underline } .text-grey a:hover { text-decoration: none } .title { font-size: 28px; font-weight: 400; line-height: 1.5em } .title-big,.title-medium { font-size: 28px; line-height: 1.3em; margin-bottom: 10px } .title-medium { font-size: 22px } :has(input[type=checkbox]) { flex-direction: row; flex-wrap: wrap } body,html { font-family: "Prosto One","sans-serif"; font-size: 18=4px; line-height: 1.5em; margin: 0; overflow-x: hidden } button,input[type=reset],input[type=submit] { background: #A3B1BB; border: 0; border-radius: 20px; color: #fff; cursor: pointer; font-size: 18px; padding: 15px 20px; text-align: center; transition: all .2s ease-in-out } button:hover,input[type=reset]:hover,input[type=submit]:hover { background: #4a57bb } input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=date],select { border: #373737 1px solid; border-radius: 10px; font-size: 16px; outline: 0; padding: 15px 25px } label { font-weight: 700!important } p { margin-top: 0 } @media screen and (max-width: 767px) { .section-background .container { min-height: auto; } .text-medium { font-size: 18px } .img-circle { max-width: 200px } .checkbox-group { display: grid; gap: 10px; grid-template-columns: 1fr 1fr } .container { margin: 20px auto } .hide-mobile { display: none } .logo { margin: 0 auto } .row-stretch .block { height: auto } .section-background .container { background: none } .show-mobile { display: block } .show-mobile .logo { margin-bottom: 20px } .text-big { font-size: 28px } .title { text-align: center } .title-big,.title-medium { text-align: center } } @media screen and (max-width: 450px) { .checkbox-group { display:grid; gap: 10px; grid-template-columns: 1fr } }