html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
:focus {
outline: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
body.hide-scroll {
overflow-y: hidden;
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical
}
audio,
canvas,
video {
display: inline-block;
display: inline;
zoom: 1;
max-width: 100%
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
img {
border: 0;
-ms-interpolation-mode: bicubic
}
figure {
margin: 0
}
form {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0;
white-space: normal;
margin-left: -7px
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
vertical-align: middle
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
overflow: visible
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
height: 13px;
width: 13px
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
html,
button,
input,
select,
textarea {
color: #222
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
img {
vertical-align: middle
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
.chromeframe {
margin: .2em 0;
background: #ccc;
color: #000;
padding: .2em 0
}
@font-face {
font-family: "Inter";
src: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/fonts/inter/static/Inter-Regular.ttf);
font-display: swap;
font-weight: 400;
font-style: normal; 
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/fonts/inter/static/Inter-Medium.ttf);
font-display: swap;
font-weight: 600;
font-style: normal font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/fonts/inter/static/Inter-Bold.ttf);
font-display: swap;
font-weight: 700;
font-style: normal font-display: swap;
}
* {
transition: all 0.3s;
}
.block.cities *{
transition: none;
}
body {
font-family: "Inter", sans-serif;
font-size: 20px;
line-height: 140%;
color: #1f2124;
margin: 0 !important
}
::-webkit-scrollbar {
width: 8px;
height: 8px
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3)
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600
}
* {
outline: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
i,
em {
font-style: italic
}
.owl-stage,
.flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.flex.nowrap {
flex-wrap: nowrap;
}
.space {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.flex.center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.text-center {
text-align: center
}
.wrap {
width: 100%;
max-width: 100%;
overflow: hidden
}
.wrap.testers-wrap {
color: #4D4D55;
background-color: #f1f1f2;
}
p {
margin-bottom: 24px
}
p:last-child {
margin-bottom: 0
}
.block .inner {
max-width: 1230px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
.lyte .ctrl,
.lyte .Rctrl,
.lyte .Lctrl,
.lyte .play {
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/play-button.svg) no-repeat center center !important;
width: 72px !important;
height: 72px !important
}
.content-area ul {
list-style: disc;
padding-left: 17px
}
.content-area ol {
list-style: decimal;
padding-left: 17px
}
.admin-bar .header {
top: 32px
}
.header {
padding: 8px 0;
position: fixed;
left: 0;
right: 0;
top: 0;
margin: auto;
z-index: 9;
background: #f1f1f2
}
.header .logo {
position: relative;
z-index: 2
}
.header .nav {
padding: 12px 0 0
}
.header .nav ul:not(.langs) li a {
padding: 0 7px;
font-size: 16px;
line-height: 36px;
color: #1f2124;
text-decoration: none;
display: block;
font-weight: 600
}
.header .nav ul:not(.langs) li:last-child a {
border-radius: 20px;
border: 2px solid #1f2124;
color: #fff;
background: #1f2124;
margin-left: 12px;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease
}
.header .nav ul:not(.langs) li:last-child a:hover {
background: #f1f1f2;
color: #1f2124
}
.header .nav .langs {
margin-left: 24px
}
.header .nav .langs li {
padding: 0 8px
}
.header .nav .langs li a {
font-size: 16px;
line-height: 36px;
color: #1f2124;
text-decoration: none
}
.header .nav .langs li.current-lang a {
border-bottom: 1px solid #1f2124
}
.header #nav-t {
display: none
}
.header #nav-t+.nav-trigger {
cursor: pointer;
position: relative;
z-index: 2;
display: none;
width: 30px;
height: 30px;
margin: 40px 5px 0 0
}
.top {
position: relative;
min-height: 720px;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/main-honcharenko.gif) no-repeat center center;
-webkit-background-size: auto 80%;
-moz-background-size: auto 80%;
-o-background-size: auto 80%;
background-size: auto 80%
}
.top:before {
z-index: -1;
position: absolute;
display: block;
content: "";
border-radius: 50%;
width: 250vw;
padding-bottom: 100%;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #f1f1f2
}
.top .inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1230px;
max-width: 100%;
padding: 0 15px
}
.media .page-title,
.top .page-title {
font-weight: 700;
font-size: 60px;
line-height: 72px;
margin-bottom: 24px
}
.top .sub {
font-size: 20px;
line-height: 28px;
max-width: 550px
}
.section-title {
font-weight: 600;
font-size: 44px;
line-height: 54px;
margin-bottom: 40px
}
body.page h1.entry-title,
h1.section-title{
font-size: 60px ;
font-weight: bold;
}
.bg-1 {
background: #f1f1f2
}
.block.cities {
padding-top: 170px;
padding-bottom: 110px
}
.block.about {
padding-top: 120px;
padding-bottom: 60px
}
.cities .map {
position: relative;
width: 990px;
max-width: 100%;
margin: 0 auto
}
.cities .map svg {
max-width: 100%;
height: auto
}
.cities .map .img {
display: block;
margin: 0 auto;
position: relative;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/map.svg) no-repeat center top;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
width: 990px;
max-width: 100%;
padding-bottom: 67%;
max-height: 663px
}
.cities .city-marker {
cursor: pointer;
position: absolute;
z-index: 1;
-webkit-transform: translate(-75%, -75%);
-moz-transform: translate(-75%, -75%);
-ms-transform: translate(-75%, -75%);
transform: translate(-75%, -75%)
}
.cities .city-marker mask path {
fill: #fff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.cities .city-desc {
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
text-align: left;
position: absolute;
top: 39%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
border-radius: 5px;
padding: 15px 24px;
max-width: 90%;
width: 370px;
background: #fff
}
.cities .city-desc.active {
pointer-events: auto;
opacity: 1;
visibility: visible
}
.cities .city-desc p:not(.name) {
font-size: 16px;
line-height: 22px
}
.cities .city-desc a.link {
font-size: 16px;
line-height: 22px;
text-decoration: none;
color: #1f2124;
padding: 8px 0;
display: inline-block;
position: relative
}
.cities .city-desc a.link:after {
content: "";
position: absolute;
height: 2px;
width: 0;
background: #1f2124;
display: block;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.cities .city-desc a.link:hover:after {
width: 100%
}
.cities .city-desc .social {
padding-top: 22px
}
.about {
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-2.png);
background-repeat: no-repeat;
background-position: right 33px
}
.about .inner {
padding-bottom: 60px;
padding-right: 29%
}
.about .inner p {
margin-bottom: 40px
}
.education {
position: relative;
z-index: 2;
padding-top: 60px
}
.education .section-title {
margin-bottom: 70px
}
.education .program {
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-3.png) no-repeat center bottom;
-webkit-background-size: auto 85%;
-moz-background-size: auto 85%;
-o-background-size: auto 85%;
background-size: auto 85%;
padding-bottom: 120px
}
.education .item {
background: #fff;
border-radius: 62px;
min-height: 124px;
padding: 25px;
text-align: center;
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
margin-bottom: 60px;
font-weight: 600
}
.education .item:last-child {
font-weight: 600;
font-size: 44px;
line-height: 54px;
background: none;
padding: 0;
text-align: left
}
.education .item:last-child img {
display: none
}
.education .item .img {
margin-bottom: 8px
}
.welcome {
position: relative;
z-index: 2;
padding-top: 60px;
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-4.png);
background-repeat: no-repeat;
background-position: left 45px
}
.welcome .inner {
padding-top: 40px;
padding-left: 29%;
padding-bottom: 60px
}
.centers {
position: relative;
z-index: 2;
padding-top: 120px;
padding-bottom: 180px
}
.centers.centers-1 {
padding-bottom: 40px
}
.centers:not(.centers-1) {
padding-top: 20px
}
.centers .list {
margin-left: -30px;
margin-right: -30px;
padding-top: 54px
}
.centers .item {
border-radius: 28px;
background: #fff;
padding: 10px 24px;
width: -webkit-calc(25% - 60px);
width: calc(25% - 60px);
text-align: center;
margin: 0 30px 60px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.centers .item a {
text-decoration: underline;
color: #000;
}
.connect {
position: relative;
z-index: 2;
margin-top: -50px;
margin-bottom: 120px;
}
.connect .inner {
color: #fff;
background: #8281e7;
padding: 56px 40px;
border-radius: 0px 90px;
max-width: 1200px
}
.connect .inner a {
color: #fff;
text-decoration: none
}
.connect .section-title {
margin-bottom: 24px
}
.gallery {
position: relative;
z-index: 2;
padding-bottom: 120px
}
.gallery .owl-item {
position: relative
}
.gallery .owl-item>.item {
cursor: pointer;
}
.gallery .owl-item>.item:not(.grouped) {
display: block;
position: relative;
height: 100%
}
.gallery .owl-item>.grouped img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover
}
.gallery .owl-item>.grouped .col-7 {
width: 57%;
position: relative;
overflow: hidden;
padding-bottom: 38%
}
.gallery .owl-item>.grouped .col-5 {
width: 47.5%;
margin-top: 5%;
position: relative;
overflow: hidden;
padding-bottom: 31.668%
}
.gallery .owl-item>.grouped .col-3 {
width: 38%;
position: relative;
overflow: hidden;
padding-bottom: 38%
}
#videoContainer {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
z-index: -99;
transition: opacity 0.3s;
}
#videoContainer.active {
opacity: 1;
z-index: 12;
}
#videoContainer .sl-close {
position: absolute;
right: 25px;
top: 25px;
position: fixed;
right: 30px;
top: 30px;
color: #000;
font-size: 3rem;
cursor: pointer;
border: 0 none;
background: none;
padding: 0;
}
#video .item {
margin: 0 auto;
}
.hover-video {
display: flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.3s;
}
#video .item:hover .hover-video {
background-color: rgba(255, 255, 255, 0.7);
}
.icon-play {
display: inline-flex;
width: 80px;
height: 60px;
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/youtube-play-button-computer-icons-clip-art-youtube-829793c02292dfb0eee14bcdb9ae520b.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#video .item img {
object-fit: contain;
margin: 0 auto;
}
.team {
position: relative;
z-index: 2;
padding-bottom: 120px
}
.team .section-title {
margin-bottom: 70px
}
.team .item .photo {
position: relative;
padding-bottom: 100%;
border-radius: 50%;
background: #f1f1f2;
overflow: hidden;
margin-bottom: 24px
}
.team .item .photo img {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover
}
.team .item .name {
margin-bottom: 8px
}
.team .item .position {
font-weight: 400;
font-size: 16px;
line-height: 22px;
margin-bottom: 12px
}
.social {
text-align: center
}
.social li {
display: inline-block
}
.social .ico {
width: 24px;
height: 24px;
display: block
}
.social .ico.fb {
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/fb.svg)
}
.social .ico.mail {
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/mail.svg)
}
.sponsors {
position: relative;
z-index: 1;
padding-bottom: 160px
}
.sponsors .section-title {
margin-bottom: 70px
}
.sponsors .item .img {
height: 80px
}
.sponsors .item img {
width: auto;
max-height: 80px;
max-width: 100%;
display: block;
margin: 0 auto
}
.sponsors .item .name {
padding-top: 20px;
font-weight: 600
}
.sponsors .item .code {
font-size: 16px;
line-height: 22px
}
.support_us {
padding-top: 200px;
padding-bottom: 130px;
background: #f1f1f2 url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-support.png) no-repeat right 65%;
overflow: hidden;
position: relative
}
.support_us:before {
z-index: 0;
position: absolute;
display: block;
content: "";
border-radius: 50%;
width: 250vw;
padding-bottom: 100%;
bottom: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
margin-bottom: -120px
}
.support_us h2 {
margin-bottom: 40px
}
.support_us .support {
background: #8281e7;
position: relative;
padding: 24px 75px;
line-height: 24px;
border-radius: 36px;
color: #fff;
border: 0;
margin-bottom: 40px
}
.support_us .support:after {
content: "";
display: inline-block;
vertical-align: middle;
position: relative;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/support-btn.png) no-repeat center center;
width: 110px;
height: 24px;
margin-left: 8px
}
.support_us strong {
font-weight: 700
}
.mecenats {
padding-top: 100px;
padding-bottom: 270px;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/mecenat-1.svg) no-repeat right 130px top 80px, url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/mecenat-1.svg) no-repeat left 130px bottom 80px, url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/mecenat-2.svg) no-repeat right bottom
}
.mecenats strong {
font-weight: 700
}
.mecenats h2 {
margin-bottom: 109px
}
.mecenats .text {
column-count: 4;
column-gap: 20px
}
.mecenats .text>* {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 4px
}
body .site-main {
width: 100%;
margin: 0 auto
}
body.archive .site-main,
body.category .site-main,
body.blog .site-main {
max-width: 1230px;
padding: 150px 15px 0
}
body.page .site-main,
body.single-post .site-main {
max-width: 810px;
padding: 150px 15px 0;
}
body.page .entry-title,
body.single-post .entry-title {
font-weight: 600;
font-size: 44px;
line-height: 54px;
margin-bottom: 60px
}
body.page .entry-meta,
body.single-post .entry-meta {
color: #585866
}
body.page .entry-meta .category,
body.single-post .entry-meta .category {
margin-bottom: 8px;
}
body.page .entry-meta .category a,
body.single-post .entry-meta .category a {
font-weight: 600;
font-size: 13px;
line-height: 16px;
letter-spacing: .1em;
text-transform: uppercase;
text-decoration: none
}
body.page .entry-meta .date,
body.single-post .entry-meta .date {
font-size: 16px;
line-height: 140%;
margin-bottom: 16px
}
.lessons,
.infografik{
padding-bottom: 50px;
}
.lessons{
padding: 50px 0;
}
.infografik{
padding-top: 50px;
margin: 0 -15px;
}
ul.infografik-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
padding: 0;
margin: 0;
gap: 34px;
}
.infografi-item *{
box-sizing: border-box;
}
.infografi-item {
list-style-type: none;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
flex-direction: column;
width: 25%;
}
.infografi-item-title {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
font-weight: 600;
font-size: 18px;
line-height: 21px;
margin-bottom: 0;
height: 40px;
color: #1F2124;
}
.infografi-item-content {
font-size: 16px;
line-height: 19px;
}
.infografi-icon {
display: inline-block;
object-fit: fill;
}
.header-info{
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.lesson-wrapper{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap; 
gap: 30px;
}
.lesson-wrapper-item{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 48%;
padding: 30px;
border-radius: 30px;
gap: 20px;
background-color: #f1f1f2;
max-height: 338px;
height: 100vh;
}
.lesson-wrapper-item p{
margin-bottom: 0;
}
.lesson-wrapper-item .btn-wrap {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.lesson-wrapper-item .btn-wrap .btn {
width: 257px;
}
.lesson-number{
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #47d4c6;
color: white;
border-radius: 60px;
font-weight: 600;
font-size: 20px;
}
.post {
font-size: 16px;
line-height: 22px
}
.post strong {
font-weight: 700
}
.post p {
line-height: 22px
}
.post p>img {
margin-bottom: 36px
}
.post p>img.alignright,
.post p>img.alignleft {
margin-top: 0;
margin-bottom: 10px
}
.post p+p>img {
margin-top: 60px
}
.post .gallery {
padding-bottom: 0;
margin-top: 60px;
margin-bottom: 60px
}
.post .gallery .wp-caption-text .sub {
display: block
}
.post .gallery.gallery-columns-5 .gallery-item {
width: 100%;
max-width: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.post .gallery.gallery-columns-5 .gallery-item .gallery-icon {
width: 53.847%
}
.post .gallery.gallery-columns-5 .gallery-item .wp-caption-text {
width: 46.153%;
font-size: 16px;
line-height: 22px;
text-align: left;
padding: 0 0 0 30px
}
.post .gallery.gallery-columns-5 .gallery-item .wp-caption-text .sub {
font-weight: 500;
font-size: 20px;
line-height: 24px;
margin-bottom: 12px
}
.post .gallery .owl-nav {
top: auto;
bottom: 0
}
.post .gallery:not(.gallery-columns-2, .gallery-columns-5) {
margin-left: -5px;
margin-right: -5px
}
.post .gallery:not(.gallery-columns-2, .gallery-columns-5) .gallery-item {
padding: 0 5px
}
.post .wp-caption {
margin-top: 60px;
margin-bottom: 60px
}
.post .wp-caption .wp-caption-text {
font-size: 14px;
margin: 5px 0 0;
text-align: left
}
.post .lyte-wrapper {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.archive .header,
.category .header,
.blog .header,
.single-post .header {
background-color: #fff
}
.archive #primary,
.category #primary,
.blog #primary,
.single-post #primary {
background: #fff
}
.archive .page-title,
.category .page-title,
.blog .page-title,
.single-post .page-title {
font-weight: bold;
font-size: 60px;
line-height: 72px;
margin-bottom: 40px
}
.cats-list {
clear: both;
margin-bottom: 40px
}
.cats-list a {
font-weight: 500;
font-size: 16px;
text-decoration: none;
margin-bottom: 20px;
background: #fff;
border: 1px solid #cbcbcc;
border-radius: 20px;
line-height: 20px;
padding: 10px 40px;
display: inline-block;
color: #585866
}
.cats-list a:not(:last-child) {
margin-right: 20px
}
.cats-list a.current {
border-color: #1f2124;
color: #1f2124
}
.gallery-columns-2 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.gallery-columns-2 .gallery-item {
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px)
}
.gallery-columns-2 .gallery-item img {
width: 100%
}
.article-list {
margin-left: -30px;
margin-right: -30px
}
.entry-content h1,
.entry-content h2,
.entry-content h3{
font-size: 44px;
line-height: 54px;
}
.entry-content strong,
.entry-content b,
.text strong,
.text b{
font-weight: bold;
}
.article-list .blog-article {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 60px
}
.article-list .blog-article:first-child {
width: 100%;
padding: 0
}
.article-list .blog-article:first-child .img {
padding-left: 30px;
width: 66.66666%;
padding-right: 30px
}
.article-list .blog-article:first-child .img .inner {
padding-bottom: 49%
}
.article-list .blog-article:first-child .entry-content {
width: 33.33333%;
padding-left: 30px;
padding-right: 30px
}
.article-list .blog-article:not(:first-child) {
width: 33.33333%
}
.article-list .blog-article:not(:first-child) .img {
margin-bottom: 16px
}
.article-list .blog-article:not(:first-child) .img .inner {
padding-bottom: 49%
}
.article-list .blog-article:not(:first-child) .entry-content {
min-height: 60%
}
.article-list .blog-article .img {
width: 100%
}
.article-list .blog-article .img .inner {
position: relative;
height: 100%
}
.article-list .blog-article .img .inner img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.article-list .blog-article .entry-content {
margin: 0;
font-size: 16px;
line-height: 22px
}
.article-list .blog-article .entry-content .category {
margin-bottom: 8px;
font-weight: 600;
font-size: 13px;
line-height: 16px;
letter-spacing: .1em;
text-transform: uppercase
}
.article-list .blog-article .entry-content .category a {
text-decoration: none
}
.article-list .blog-article .entry-content .date {
margin-bottom: 16px;
font-size: 16px;
line-height: 140%;
color: #585866
}
.article-list .blog-article .entry-content .entry-title {
font-weight: 600;
font-size: 24px;
line-height: 29px;
margin-bottom: 16px
}
.article-list .btn-wrap {
text-align: center;
width: 100%;
margin-bottom: 80px;
}
.btn-2,
.article-list .btn-wrap * {
cursor: pointer;
padding: 10px 24px;
width: 360px;
max-width: 100%;
margin: 0 auto;
line-height: 20px;
color: #fff;
background: #1f2124;
border-radius: 20px;
font-weight: 500;
font-size: 16px;
text-align: center;
}
.pagination {
padding-left: 30px;
padding-right: 30px
} .page-template-page-center .header,
.page-template-page-center {
background: #E5E5E5
}
.c-top {
padding-top: 160px;
margin-bottom: 120px;
}
.c-top .cols {
flex-wrap: nowrap;
}
.media .page-title,
.c-top .page-title {
font-weight: 700;
font-size: 60px;
margin-bottom: 40px;
line-height: 120%;
}
.c-top .address .el:not(:last-child) {
margin-bottom: 32px;
}
.c-top .address .title {
font-size: 16px;
line-height: 140%;
margin-bottom: 4px;
}
.c-top .address .text {
font-weight: 600;
}
.c-top .img img {
max-width: 100%;
display: block;
border-radius: 50%;
}
.courses {
padding-bottom: 60px;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/c-decor-1.svg) no-repeat left top, url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/c-decor-2.svg) no-repeat right 70%
}
.courses .list {
gap: 60px
}
.courses .list .el {
width: -webkit-calc(33.33333% - 120px / 3);
width: calc(33.33333% - 120px / 3);
background: #FFFFFF;
border-radius: 8px;
padding: 32px;
}
.courses .list .title {
margin-bottom: 12px;
font-weight: 600;
font-size: 24px;
line-height: 29px;
}
.courses .list .text {
margin-bottom: 24px;
}
.courses .list .btn-wrap {
width: 100%;
margin-top: auto;
}
.c-story {
padding-top: 120px;
max-width: -webkit-calc(66.66666% - 20px);
max-width: calc(66.66666% - 20px);
}
.c-story ul,
.c-story ol{
padding-left: 20px;
}
.c-story ul{
list-style-type: disc;
}
.c-story ol {
list-style-type: decimal;
}
.c-story .text > h2,
.c-story .text > h3,
.c-story .text > h4{
font-size: 44px;
line-height: 54px;
}
.c-team {
background: #fff;
padding-top: 120px;
}
.c-gallery {
background: #fff;
margin-bottom: 0;
}  .page-template-page-media .header {
background: #fff;
}
.block.media {
padding-top: 140px;
margin-bottom: 120px;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/c-decor-3.svg) no-repeat left 290px, url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/c-decor-4.svg) no-repeat right bottom 20px;
}
.block.media .el {
background: #F1F1F2;
border-radius: 8px;
padding: 32px;
margin-bottom: 16px;
align-items: end;
}
.block.media .date {
font-size: 16px;
line-height: 140%;
color: #585866;
margin-bottom: 8px;
}
.block.media .title {
font-weight: 600;
font-size: 24px;
line-height: 29px;
}
.block.media .readmore {
color: #1F2124;
font-weight: 500;
font-size: 16px;
line-height: 125%;
padding: 10px 0;
border-bottom: 2px solid #1F2124;
text-decoration: none;
display: inline-block;
white-space: nowrap;
}
.block.media .btn-wrap {
padding-top: 24px;
}
.block.media .list.hidden .el:nth-child(8)~.el {
display: none;
} .footer {
background: #f1f1f2;
padding-top: 110px;
position: relative;
overflow: hidden;
clear: both
}
.footer .row {
margin-left: -15px;
margin-right: -15px
}
.footer .row .col {
width: 50%;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px
}
.footer .bg {
-webkit-transform: translate(-15%, 0);
-moz-transform: translate(-15%, 0);
-ms-transform: translate(-15%, 0);
transform: translate(-15%, 0);
max-width: 100%
}
.footer p {
margin-bottom: 40px
}
.footer a {
color: #1f2124;
text-decoration: none;
font-weight: 600
}
.footer .col .flex {
flex-wrap: nowrap;
}
.footer .col .flex .img {
flex: 0 0 50px;
}
.footer .col .flex img {
width: 50px;
}
.footer .col .flex .text {
padding-left: 12px;
}
.footer .col .flex:not(:last-child) {
margin-bottom: 40px;
}
.footer .copy {
font-size: 14px;
margin-top: 10px;
}
.footer .copy a {
color: #585866;
font-weight: 700;
font-size: 20px;
text-transform: lowercase;
}
.footer .copy a span {
color: #838800
}
.owl-dots {
text-align: center;
padding-top: 20px
}
.owl-dots button {
display: inline-block;
height: 2px;
width: 16px;
background: #cbcbcc !important;
margin: 0 16px
}
.owl-dots button.active {
background: #1f2124 !important
}
.owl-nav {
position: absolute;
z-index: 1;
pointer-events: none;
bottom: -5px;
left: 0;
right: 0
}
.owl-nav>* {
pointer-events: auto;
width: 20px;
height: 20px;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/arrow.svg) no-repeat center center !important
}
.owl-nav>*.disabled {
opacity: .4
}
.owl-nav>*.owl-prev {
float: left
}
.owl-nav>*.owl-next {
float: right;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.acf-map {
width: 100%;
height: 622px;
border: #ccc solid 1px;
margin: 0 auto;
overflow: hidden;
color: transparent;
}
.acf-map a {
color: transparent;
}
.acf-map .gm-style-iw-t,
.acf-map .gm-style-iw-t a {
color: #000;
} .acf-map img {
max-width: inherit !important;
}
#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 99999;
width: 100%;
height: 100%;
overflow: visible;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.preload_icon {
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/Iphone-spinner-2.gif);
width: 75px;
height: 75px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.offer-wrapper-slide{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.offer-wrapper-slide .image-wrapper{
border-radius: 100%;
display: block;
overflow: hidden;
}
.offer-wrapper-slide a{
display: inline-block;
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-align: center;
}
.offer-wrapper-title{
display: inline-block;
font-size: 44px;
font-weight: 500;
line-height: 52px;
text-align: left;
margin: 50px 0 70px;
}
.offer-bg{
background: white;
padding-bottom: 30px;
}
.owl-nav button span,
.owl-dots{
display: none;
}
@media screen and (min-width: 769px) {
.gallery .owl-nav {
position: absolute;
top: -75px;
bottom: auto;
right: 0;
left: auto
}
.gallery .owl-nav .owl-prev {
margin-right: 50px;
position: relative
}
.gallery .owl-nav .owl-prev:before {
content: "/";
position: absolute;
display: block;
right: -28px;
top: 0;
line-height: 21px;
font-size: 16px;
bottom: 0;
font-weight: 600
}
}
.cursi-form-poopap {
display: none;
justify-content: flex-start;
align-items: center;
flex-direction: row;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
opacity: 0;
}
.cursi-form-poopap-title {
font-weight: 400;
font-size: 36px;
line-height: 43px;
display: inline-block;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
position: relative;
color: #1F2124;
}
.cursi-form-poopap.open {
opacity: 1;
display: flex;
transition: all 0.2s;
}
.cursi-form-poopap-position {
display: block;
max-width: 616px;
position: absolute;
left: calc(50% - 313px);
top: 1%;
border-radius: 30px;
overflow: hidden;
}
.cursi-form-poopap form {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
z-index: 999999999999;
background-color: #EEEEEE;
color: white;
flex-wrap: wrap;
padding: 33px 55px 50px;
position: relative;
height: 70vh;
max-height: 468px;
overflow-y: auto;
}
.cursi-form-poopap form * {
border: none;
}
.cursi-form-poopap form>* {
width: 100%;
}
.cursi-form-poopap form .close-form {
width: 15px;
height: 15px;
display: inline-block;
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/math-multiplication-icon.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
right: -45px;
top: 0;
cursor: pointer;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
margin: 0;
}
.select2-container .select2-selection--single {
display: inline-flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 48px;
padding: 0 0 0 30px;
}
.select2-container--custom-select24,
.select2-container--custom-select23,
.cursi-form-poopap form #age,
.cursi-form-poopap form #phone-input,
.cursi-form-poopap form #name,
.cursi-form-poopap form #email {
max-width: 235px;
width: 100% !important;
color: #4D4D55;
margin: 0;
margin-bottom: 20px;
}
.select2-container.select2-container--custom-select24 .select2-selection--single .select2-selection__rendered,
.select2-container--custom-select24 {
max-width: 100%;
}
.select2-container--custom-select24 {
max-width: 481px !important;
}
.select2-container--open .select2-dropdown--below {
padding: 20px 15px;
border: none;
border-radius: 0 0 30px 30px;
}
.select2-container--custom-select24.select2-container--open,
.select2-container--custom-select23.select2-container--open {
border-radius: 30px 30px 0 0;
}
.select2-container--custom-select24,
.select2-container--custom-select23 {
border-radius: 30px;
color: #4D4D55;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 300;
background-color: #FFF;
max-height: 48px;
}
.select2-results {
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.select2-search__field {
display: none;
}
.cursi-form-poopap form select {
appearance: none;
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/arrow-to-select.svg);
background-repeat: no-repeat;
background-position: right 20px center;
}
.cursi-form-poopap form select,
.cursi-form-poopap form input {
line-height: 46px;
border-radius: 30px;
color: #4D4D55;
padding: 0 20px 0 30px;
font-size: 16px;
font-weight: 300;
}
.cursi-form-poopap form #phone-input,
.cursi-form-poopap form #name {
margin-right: 10px;
}
.cursi-form-poopap form>label {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.cursi-form-poopap form>label p {
font-size: 14px;
font-weight: 500;
display: inline-block;
color: #1F2124;
}
.cursi-form-poopap form input[type="checkbox"] {
padding: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px; height: 16px; background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/not-active.svg) no-repeat; background-size: contain;
background-position: center;
}
.cursi-form-poopap form .btn-form {
display: inline-flex;
justify-content: center;
align-items: center;
color: white;
max-width: 242px;
width: 100%;
background-color: #FF7900;
border: 2px solid transparent;
outline: none;
border-radius: 30px;
font-size: 16px;
font-weight: 400;
padding: 15px 0;
text-transform: capitalize;
box-sizing: border-box;
margin-top: 30px;
}
.cursi-form-poopap form .btn-form:hover {
background-color: #FC8A24;
border-color: transparent;
}
.cursi-form-poopap form input[type="checkbox"]:checked {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px; height: 16px; background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/active-checkout-icon.svg) no-repeat; background-size: contain;
background-position: center;
}
.cursi-form-poopap form select option {
font-size: 14px;
font-weight: 300;
line-height: 17px;
text-align: left;
}
.cursi-form-poopap form select option:last-child {
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.cursi-form-poopap form select {
line-height: 1;
height: 48px;
}
.tests-wrapper {
text-align: left;
padding: 50px;
background-color: white;
margin-top: 20px;
border-radius: 30px;
box-shadow: 2px 2px 27px 0px #4D4D5533;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
.tests-wrapper label {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 15px;
font-size: 16px;
font-weight: 300;
}
.tests-wrapper input {
margin-left: 15px;
}
.tests-wrapper input:first-child {
margin: 0;
}
.tests-wrapper .question-question {
font-size: 24px;
font-weight: 600;
line-height: 29px;
display: inline-block;
}
.level-title {
margin: 50px 0 30px;
background-color: #FF7900;
color: white;
padding: 0 150px;
font-size: 40px;
font-weight: 500;
line-height: 48px;
display: inline-block;
border-radius: 30px;
text-transform: uppercase;
}  .select2-container--custom-select24,
.select2-container--custom-select23 {
color: #757575;
margin-bottom: 20px;
}
.select2-results__options {
max-height: 32vh;
overflow-y: auto;
}
.block.tests-page {
max-width: 1072px;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0 15px;
}
.form-banner {
background-color: #ffd900;
}
.form-banner img {
width: 100%;
margin: 0 auto;
}
.form-content-top h1 {
font-size: 40px;
font-weight: 400;
line-height: 48px;
letter-spacing: 0em;
text-align: center;
text-transform: uppercase;
max-width: 740px;
margin: 33px auto 50px;
text-align: center;
;
}
.form-content-top p {
font-size: 20px;
font-weight: 400;
text-align: center;
}
.input-wrapper {
margin-bottom: 20px;
}
.input-wrapper input[type="radio"]:checked+label::before {
content: '';
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/radio-btn-active.svg);
width: 15px;
height: 15px;
display: inline-block;
}
.wrong-answer .input-wrapper input[type="radio"]:checked+label::before {
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/wrong-answer.svg);
}
.correct-answer .input-wrapper input[type="radio"]:checked+label::before {
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/correct-answer.svg);
} .input-wrapper label::before {
content: '';
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/radio-btn.svg);
width: 15px;
height: 15px;
display: inline-block;
}
.hidden {
position: absolute;
left: -99999px;
}
.tests-price {
display: inline-block;
position: absolute;
right: 50px;
top: 50px;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.send-result {
display: inline-block;
margin: 50px 0 100px;
font-size: 16px;
font-weight: 400;
line-height: 19px;
padding: 15px 45px;
background: #1F2124;
border-radius: 30px;
color: white;
}
.results-tests {
display: inline-block;
color: #1F2124;
font-size: 48px;
font-weight: 600;
line-height: 58px;
margin: 50px 0;
display: none;
margin: 50px 0 30px;
}
.explanation-wrapper {
max-width: 700px;
margin: 0 auto;
display: none;
}
.explanation-wrapper p,
.explanation-wrapper h3 {
line-height: 24px;
display: inline-block;
font-size: 20px;
}
.explanation-wrapper h3 {
font-weight: 600;
}
.explanation-wrapper p {
font-weight: 300;
}
.question-main {
font-size: 20px;
font-weight: 400;
margin-bottom: 20px;
}
.select2-selection__arrow {
position: absolute;
top: calc(50% - 11px);
right: 25px;
}
.select2-selection__arrow b {
display: inline-block;
width: 14px;
height: 14px;
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/arrow-to-select.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.helper-icon {
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/helper-icon.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: -25px;
top: calc(50% - 10px);
background-size: contain;
cursor: pointer;
}
.hide_text {
max-width: 182px;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
padding: 16px;
display: none;
position: absolute;
right: -15px;
top: calc(50% - 107px);
background-size: contain;
font-size: 10px;
font-style: italic;
font-weight: 300;
line-height: 12px;
color: #4D4D55;
background-color: #FFFFFF;
box-shadow: 0px 4px 4px 0px #E5E5E533;
z-index: 9;
border-radius: 20px 20px 0 20px;
}
.open-help-text {
display: flex;
}
.error-input {
border: 2px solid red !important;
}
.error {
color: red !important;
}
.custom-select2 {
top: 10px;
left: 10px;
}
.select2-container--custom-select24 {
position: relative;
}
.tnx-poop {
display: none;
padding: 135px 0;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #EEEEEE;
height: 70vh;
max-height: 468px;
overflow-y: auto;
}
.tnx-poop-title {
display: inline-block;
font-size: 36px;
font-weight: 400;
line-height: 44px;
text-align: center;
text-transform: uppercase;
}
.tnx-poop-link {
text-decoration: none;
color: white;
padding: 15px 25px;
font-size: 16px;
font-weight: 400;
line-height: 19px;
background: #FF7900;
border-radius: 30px;
margin-top: 50px;
}
.select2-container--open .select2-dropdown--above {
border: none;
}
.btn-all-projects,
.donat-btn {
border-radius: 20px;
border: 2px solid #1f2124;
color: #fff;
background: #1f2124;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
text-decoration: none;
display: block;
font-weight: 600;
padding: 5px 20px;
font-size: 16px;
display: inline-block;
cursor: pointer;
transition: all 0.2s;
}
.btn-all-projects:hover,
.donat-btn:hover {
color: black !important;
background-color: transparent;
}
.btn-all-projects {
margin: 0 auto;
}
.block.block_our_mission {
padding: 110px 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.block.block_poject .section-title,
.block.block_our_mission .section-title {
text-align: center;
}
.block.block_our_mission .inner {
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row;
position: relative;
}
.block.block_our_mission::before {
content: '';
position: absolute;
background-image: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-6.png);
width: 570px;
height: 570px;
left: -88px;
top: calc(50% - 285px);
}
.our_mission-left {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: left;
}
.our_mission-left p {
max-width: 80%;
}
.wrapper-proiekti {
display: flex;
flex-direction: row;
gap: 25px;
justify-content: center;
align-items: flex-start;
margin-bottom: 25px;
}
.proiekti-item {
max-width: 570px;
width: 100%;
text-align: left;
}
.proiekti-item a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-decoration: none;
color: black;
}
.proiekti-item .proiekti-item-img {
border-radius: 30px;
object-fit: contain;
height: 340px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 25px;
}
.btn-all-projects {
text-decoration: none;
}
.block.block_poject .inner {
text-align: center;
}
.block.block-blog {
padding: 0 0 120px;
}
.block.block-blog .inner {
text-align: center;
}
.block.support_us .donat-btn {
margin-top: 25px;
}
.block.contact-page {
padding: 0 0 120px;
}
.block.politic {
padding: 120px 0;
}
.footer a.politik-link {
font-size: 14px;
line-height: 22px;
cursor: pointer;
font-weight: 400;
}
.block.cities h1,
.block.politic h1 {
text-align: center;
font-size: 31px;
font-weight: 600;
font-size: 44px;
line-height: 54px;
margin-bottom: 40px;
}
.contact-page-list {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 14px;
gap: 10px;
}
.contact-page-list-item {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.contact-page-list-item span {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 20%;
align-items: center;
justify-content: space-around;
}
.contact-page-list-item p {
display: flex;
width: 100%;
margin: 0;
}
.contact-list-name {
font-weight: 600;
}
.contact-page-list-item a {
color: #000;
word-break: break-all;
}
.connect .inner a {
text-decoration: underline;
}
.donat-btn {
text-decoration: none !important;
}
.block.block_poject {
padding-bottom: 50px;
}
@media screen and (max-width: 1100px) {
.article-list {
margin-left: -15px;
margin-right: -15px
}
.article-list .blog-article {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px
}
.article-list .blog-article:first-child .img {
padding: 0 15px
}
.article-list .blog-article:first-child .entry-content {
padding: 0 15px
}
}
@media screen and (max-width: 1024px){
.lesson-wrapper-item{
width: 87%;
margin: 0 auto;
max-height: 311px;
}
ul.infografik-wrapper{
flex-wrap: wrap;
}
.infografik{
margin: 0;
}
.infografi-item{
width: 47%;
}
}
@media screen and (max-width: 992px) {
.infografik-wrapper{
flex-wrap: wrap;
gap: 0;
}
.block.block_our_mission .inner {
flex-direction: column-reverse;
}
.our_mission-left {
margin-top: 25px;
justify-content: center;
align-items: center;
}
.our_mission-left p {
max-width: 100%;
}
.block.block_our_mission::before {
display: none;
}
.cursi-form-poopap form>label {
margin-top: 25px;
}
.level-title {
padding: 0;
width: 100%;
text-align: center;
}
.header .nav {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #fff;
z-index: 0;
padding-top: 100px;
display: none
}
.header .nav:before {
display: block;
content: "";
position: absolute;
z-index: -1;
background: #fff;
border-radius: 50%;
width: 175vw;
bottom: 0;
left: 50%;
padding-bottom: 100%;
-webkit-transform: translate(-50%, 10%);
-moz-transform: translate(-50%, 10%);
-ms-transform: translate(-50%, 10%);
transform: translate(-50%, 10%)
}
.header .nav li {
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px
}
.header .nav li:last-child {
padding-top: 10px
}
.header .nav li a {
margin: 0 !important;
display: inline-block !important
}
.header .nav .langs {
margin-left: 0;
text-align: center;
display: block
}
.header .nav .langs li {
display: inline-block;
width: auto
}
#nav-t+.nav-trigger {
display: block !important;
position: relative
}
#nav-t+.nav-trigger:before {
content: "";
display: block;
height: 2px;
width: 24px;
left: 0;
right: 0;
margin: auto;
top: 50%;
background: #1f2124;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: 0 6px 0 #1f2124, 0 -6px 0 #1f2124
}
#nav-t:checked+.nav-trigger+.nav {
display: block
}
body {
font-size: 16px;
line-height: 22px
}
.top {
min-height: 540px;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/main-honcharenko.gif) no-repeat 520% 60%;
-webkit-background-size: 90% 70%;
-moz-background-size: 90% 70%;
-o-background-size: 90% 70%;
background-size: 90% 70%
}
.top:before {
padding-bottom: 150%;
min-height: 100%
}
.top .inner {
top: -webkit-calc(50% + 50px);
top: calc(50% + 50px);
}
.media .page-title,
.top .page-title {
font-size: 36px;
line-height: 36px
}
.top .sub {
font-size: 16px;
line-height: 22px
}
.section-title {
font-size: 28px;
line-height: 30px;
font-weight: 700
}
.cities {
padding-bottom: 40px !important
}
.cities .map {
padding-bottom: 140px
}
.cities .city-desc {
top: auto;
bottom: 0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
max-width: 95%;
}
.cities .city-desc .name {
font-size: 16px;
margin-bottom: 12px
}
.cities .city-desc p:not(.name) {
font-size: 14px;
margin-bottom: 12px
}
.cities .city-desc .link {
font-size: 14px !important
}
.block.about {
padding-top: 60px;
padding-bottom: 0;
background-position: right -75px top 10px;
-webkit-background-size: auto 343px;
-moz-background-size: auto 343px;
-o-background-size: auto 343px;
background-size: auto 343px
}
.block.about .inner {
padding-top: 0;
padding-right: 15px;
font-size: 16px;
line-height: 22px;
padding-bottom: 10px
}
.block.about .inner p {
margin-bottom: 24px
}
.block.education .section-title {
margin-bottom: 40px
}
.block.education .program {
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-3.png) no-repeat center bottom;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
padding-bottom: 10px
}
.block.education .item {
width: 100%;
margin-bottom: 16px;
font-size: 16px;
line-height: 22px;
border-radius: 70px;
min-height: 140px
}
.block.education .item:last-child {
padding: 120px 0;
font-size: 28px;
line-height: 30px;
text-align: center;
font-weight: 700
}
.block.welcome {
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-4.png) no-repeat -40px bottom;
-webkit-background-size: 343px auto;
-moz-background-size: 343px auto;
-o-background-size: 343px auto;
background-size: 343px auto
}
.block.welcome .section-title {
margin-bottom: 24px
}
.block.welcome .inner {
padding-left: 15px;
font-size: 16px;
line-height: 22px;
padding-bottom: 120px
}
.block.welcome .inner p {
margin-bottom: 16px
}
.block.centers {
padding-top: 60px
}
.block.centers p {
font-size: 16px;
line-height: 22px
}
.block.centers .list {
padding-top: 20px;
padding-bottom: 20px;
margin-left: -8px;
margin-right: -8px
}
.block.centers .list .item {
padding: 10px 10px;
width: -webkit-calc(25% - 16px);
width: calc(50% - 16px);
margin: 0 8px 16px;
font-size: 16px;
line-height: 22px;
font-weight: 600
}
.block.connect {
padding: 0 15px;
margin-bottom: 60px
}
.block.connect .inner {
padding: 28px 20px 20px
}
.block.connect .inner p {
font-size: 16px
}
.block.gallery .owl-nav {
top: -62px
}
.block.gallery .owl-item>* {
padding-bottom: 69%;
position: relative
}
.block.gallery .owl-item>* img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.block.team .section-title {
margin-bottom: 40px
}
.block.team .item .photo {
width: 255px;
height: 255px;
padding-bottom: 0;
margin: 0 auto 24px
}
.block.sponsors {
padding-bottom: 80px
}
.block.sponsors .section-title {
margin-bottom: 40px
}
.block.support_us {
background: #f1f1f2 url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-support.png) no-repeat right -130px top 65%;
-webkit-background-size: 60% auto;
-moz-background-size: 60% auto;
-o-background-size: 60% auto;
background-size: 60% auto
}
.block.mecenats {
padding-top: 208px;
padding-bottom: 208px;
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/mecenat-1.svg) no-repeat left 80px top 64px, url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/mecenat-1.svg) no-repeat right 80px bottom 64px
}
.block.mecenats h2 {
margin-bottom: 24px
}
.block.mecenats .text {
column-count: 1;
column-gap: 0
}
.block.media {
-webkit-background-size: auto 343px;
-moz-background-size: auto 343px;
-o-background-size: auto 343px;
background-size: auto 343px;
}
.block.media,
.c-top {
padding-top: 120px;
margin-bottom: 80px;
}
.block.media .el {
flex-wrap: wrap;
}
.media .page-title,
.c-top .page-title {
font-size: 36px;
line-height: 100%;
margin-bottom: 24px;
}
.media .list {
flex-wrap: wrap;
}
.media .list .col {
flex: 0 0 100%;
}
.media .list .col:nth-child(2) {
padding-top: 8px;
}
.c-top .address .el:not(:last-child) {
margin-bottom: 16px;
}
.c-top .img img {
margin: 0 auto;
}
.courses {
-webkit-background-size: auto 343px;
-moz-background-size: auto 343px;
-o-background-size: auto 343px;
background-size: auto 343px;
background-position: left 30px, right -57px top 72%;
padding-bottom: 80px;
}
.c-story {
padding-top: 80px;
max-width: 100%;
}
.courses .list {
gap: 16px;
}
.courses .list .el {
width: 100%;
padding: 16px;
}
.c-team {
padding-top: 80px;
padding-bottom: 80px;
}
.c-gallery {
padding-bottom: 80px;
}
.footer .inner {
background: url(//goncharenkocentre.com.ua/wp-content/themes/goncharenko/img/bg-6.png) no-repeat -155px 100px;
-webkit-background-size: 383px auto;
-moz-background-size: 383px auto;
-o-background-size: 383px auto;
background-size: 383px auto
}
.footer .row .col {
width: 100%;
padding-bottom: 50px
}
.footer .row .col:last-child {
padding-left: 16px
}
.footer .row .col .bg {
display: none
}
.acf-map {
height: 345px;
}
}
@media screen and (max-width: 768px) {
.offer-wrapper-title{
font-size: 20px;
}
.offer-wrapper-slide a{
font-size: 16px;
}
.offer-wrapper-slide{
align-items: center;
}
.contact-page-list-item span {
max-width: 100%;
}
.lesson-wrapper-item{
width: 98%;
height: fit-content;
}
.support_us {
padding-top: 120px;
}
.about {
background-image: none;
}
.block.support_us,
.block.welcome {
background: none;
}
#videoContainer .sl-close {
top: 0;
}
.top {
background: none;
background-repeat: no-repeat;
background-size: auto;
}
.wrapper-proiekti {
flex-direction: column;
justify-content: center;
}
.tnx-poop,
.cursi-form-poopap form {
height: 74vh;
max-height: 540px;
}
.results-tests {
font-size: 48px;
font-weight: 600;
line-height: 58px;
}
.explanation-wrapper p,
.explanation-wrapper h3 {
font-size: 12px;
}
.tests-wrapper {
padding: 60px 20px 40px;
}
.question-question {
font-size: 18px;
font-weight: 600;
line-height: 22px;
}
.tests-price {
font-size: 16px;
font-weight: 400;
line-height: 19px;
top: 20px;
right: 20px;
}
.question-main {
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
.tests-wrapper label {
font-size: 16px;
font-weight: 300;
line-height: 19px;
}
.form-content-top h1 {
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.form-content-top p {
font-size: 12px;
font-weight: 400;
line-height: 15px;
}
.level-title {
font-size: 18px;
font-weight: 600;
padding: 6px 0;
line-height: 22px;
}
body .site-main {
width: 100%;
margin: 0 auto
}
body.archive .site-main,
body.category .site-main,
body.blog .site-main,
body.single-post .site-main {
padding-top: 120px
}
body.single-post .entry-meta .category a {
font-size: 11px;
line-height: 14px;
margin-bottom: 4px
}
body.single-post .entry-meta .date {
font-size: 14px;
line-height: 18px;
margin-bottom: 12px
}
body.single-post .entry-title {
font-size: 28px;
line-height: 31px;
margin-bottom: 40px
}
.gallery .owl-nav {
top: auto !important
}
.gallery .owl-dots {
padding-top: 30px
}
.article-list .blog-article {
padding-bottom: 28px;
border-bottom: 1px solid #f1f1f2;
margin-bottom: 32px
}
.article-list .blog-article:first-child .img {
width: 100%;
margin-bottom: 16px
}
.article-list .blog-article:first-child .img .inner {
padding-bottom: 49%
}
.article-list .blog-article:first-child .entry-content {
width: 100%
}
.article-list .blog-article:not(:first-child) {
width: 100%
}
.article-list .blog-article .entry-content {
font-size: 14px;
line-height: 18px
}
.article-list .blog-article .entry-content .category {
margin-bottom: 4px;
font-size: 11px;
line-height: 14px
}
.article-list .blog-article .entry-content .date {
margin-bottom: 12px;
font-size: 14px;
line-height: 18px
}
.article-list .blog-article .entry-content .entry-title {
font-size: 20px;
line-height: 24px
}
.cat-scroll {
overflow-y: auto;
min-width: 100%;
margin-left: -15px;
margin-right: -15px;
padding: 0 15px
}
.cat-scroll::-webkit-scrollbar {
display: none
}
.cat-scroll .cats-list {
margin-bottom: 30px;
min-width: 500px
}
.cat-scroll .cats-list a {
margin-bottom: 10px;
padding: 10px 16px
}
.cat-scroll .cats-list a:not(:last-child) {
margin-right: 12px
}
.archive .page-title,
.category .page-title,
.blog .page-title,
.single-post .page-title {
font-weight: bold;
font-size: 36px;
line-height: 36px;
margin-bottom: 24px
}
.post p>img {
margin-bottom: 16px
}
.post .lyte-wrapper {
margin-top: 40px !important;
margin-bottom: 40px !important
}
.post .wp-caption {
margin-top: 40px;
margin-bottom: 40px
}
.post .gallery {
margin-top: 40px;
margin-bottom: 40px
}
.post .gallery.gallery-columns-5 .gallery-item .gallery-icon {
width: 100%;
margin-bottom: 16px
}
.post .gallery.gallery-columns-5 .gallery-item .wp-caption-text {
width: 100%;
padding: 0;
font-size: 14px;
line-height: 18px
}
.post .gallery.gallery-columns-5 .gallery-item .wp-caption-text .sub {
font-size: 16px;
line-height: 140%;
margin-bottom: 8px
}
.support_us h2 {
margin-bottom: 24px
}
.support_us .support {
text-align: center;
padding: 24px 28px;
margin-bottom: 24px;
font-size: 16px
}
.c-top .cols {
flex-wrap: wrap;
}
.c-top .cols>* {
width: 100%;
}
.c-top .img {
padding-top: 24px;
}
}
@media screen and (max-width: 602px) {
.infografi-item{
width: 100%;
gap: 0;
}
.cursi-form-poopap-position {
top: 5%;
}
.cursi-form-poopap-position {
left: 0;
}
.select2-container--custom-select24,
.select2-container--custom-select23,
.cursi-form-poopap form #age,
.cursi-form-poopap form #phone-input,
.cursi-form-poopap form #name,
.cursi-form-poopap form #email {
max-width: 375px !important;
margin-bottom: 15px;
}
.cursi-form-poopap form #phone-input,
.cursi-form-poopap form #name {
margin-right: 0;
}
.cursi-form-poopap form {
padding: 20px 45px;
}
.cursi-form-poopap-title {
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
}
.cursi-form-poopap form .close-form {
right: -25px;
}
.cursi-form-poopap form>label p {
font-size: 12px;
line-height: 15px;
}
.cursi-form-poopap form .btn-form {
margin-top: 15px;
max-width: 375px;
}
.tnx-poop-title {
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.tnx-poop-link {
font-size: 16px;
font-weight: 400;
}
}
@media screen and (max-width: 375px) {
.top{
min-height: 720px;
}
}