@font-face {
font-family: 'montserrat';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-light-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-light-webfont.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'montserrat';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-regular-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'montserrat';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-medium-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-medium-webfont.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'montserrat';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-semibold-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-semibold-webfont.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'montserrat';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-bold-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-bold-webfont.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'montserrat';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-extrabold-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/montserrat-extrabold-webfont.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'poppins';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-light-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-light-webfont.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'poppins';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-medium-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-medium-webfont.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'poppins';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-semibold-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-semibold-webfont.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'poppins';
src: url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-bold-webfont.woff2) format("woff2"), url(//www.mentor.ink/wp-content/themes/mentor/fonts/poppins-bold-webfont.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer
}
.slick-slider .slick-track, .slick-slider .slick-list {
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before, .slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.reviews-slider {
margin: 0 -20px 0 0
}
.reviews-slider .review-link {
display: block;
background: linear-gradient(98.82deg, #F3EADA 10.52%, #E3D4BD 135.74%);
border: 5px solid #faf5f0;
box-shadow: 0 0 20px -6px #C3BAAE;
border-radius: 5px;
padding: 0 10px 10px;
box-sizing: border-box;
margin: 15px 20px 20px 15px;
position: relative;
z-index: 1
}
.reviews-slider .review-link:hover {
text-decoration: none
}
.reviews-slider .review-link:hover:after {
opacity: 1
}
.reviews-slider .review-link:after {
content: '';
opacity: 0;
background: linear-gradient(98.82deg, #E3D4BD 10.52%, #F3EADA 135.74%);
border-radius: 5px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
transition: opacity .2s ease-in-out
}
.reviews-slider .review-link .review-header {
min-height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 0 46px;
margin: 0 0 10px
}
.reviews-slider .review-link .review-header .author-photo {
width: 66px;
height: 66px;
display: flex;
justify-content: center;
align-items: center;
background: #F3E7DB url(//www.mentor.ink/wp-content/themes/mentor/images/user-icon.svg) center no-repeat;
background-size: 60%;
border: 5px solid #faf5f0;
border-radius: 50%;
overflow: hidden;
box-sizing: border-box;
position: absolute;
top: -20px;
left: -20px
}
.reviews-slider .review-link .review-header .author-photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.reviews-slider .review-link .review-header .date {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500
}
.reviews-slider .review-link .review-header .date:before {
content: '';
background: url(//www.mentor.ink/wp-content/themes/mentor/images/calendar-icon.svg) center no-repeat;
background-size: contain;
width: 18px;
min-width: 18px;
height: 18px;
margin-right: 5px
}
.reviews-slider .review-link .author-name {
font-weight: 500;
font-family: "poppins", sans-serif
}
.reviews-slider .review-link .author-name .post {
display: block;
font-size: 10px;
font-weight: normal;
font-family: "montserrat", sans-serif
}
.reviews-slider .review-link p {
margin: 0
}
.reviews-slider .slick-arrow {
width: 30px;
height: 72px;
font-size: 0;
line-height: 0;
background: none;
border: none;
outline: none;
padding: 0;
margin-top: -36px;
position: absolute;
top: 50%;
right: calc(100% + 30px);
cursor: pointer
}
.reviews-slider .slick-arrow:hover:before {
left: 19px
}
.reviews-slider .slick-arrow:hover:after {
left: 0
}
.reviews-slider .slick-arrow:before, .reviews-slider .slick-arrow:after {
content: '';
width: 11px;
height: 40px;
background: url(//www.mentor.ink/wp-content/themes/mentor/images/slider-arrow.svg) center no-repeat;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
transition: left .2s ease-in-out
}
.reviews-slider .slick-arrow:after {
width: 19px;
height: 72px;
left: 11px
}
.reviews-slider .slick-next {
transform: scaleX(-1);
right: auto;
left: calc(100% + 10px)
}
.modal-window {
max-width: 1000px;
width: 100%;
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #faf5f0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 5px solid #faf5f0;
border-radius: 6px;
padding: 40px;
box-sizing: border-box;
position: absolute;
left: -9999px;
top: -9999px;
z-index: 3
}
.modal-window .close-window {
width: 30px;
height: 30px;
background: transparent url(//www.mentor.ink/wp-content/themes/mentor/images/close-modal-icon.svg) center no-repeat;
background-size: 65%;
border: none;
outline: none;
padding: 0;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 1
}
.modal-window .window-box {
max-width: 550px
}
.modal-window .window-box p:last-of-type {
margin: 0
}
.modal-window h2 {
text-align: left;
margin: 0 0 20px
}
.modal-window .subtitle {
font-weight: 500
}
.modal-window .window-hold {
position: relative
}
.modal-window .window-hold .modal-img {
float: right;
max-width: 400px;
margin: 0 0 10px 40px
}
.modal-window .window-hold .modal-img img {
display: block;
max-width: 100%;
max-height: 100%
}
.modal-window .window-hold .btn {
margin: 0
}
.modal-window ul {
list-style: disc;
padding: 0 0 0 14px;
margin: 0 0 20px
}
#header {
color: #fff;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2
}
#header.static-header {
position: static;
margin: 0 0 50px
}
#header.static-header .logo-header, #header.static-header .main-menu > li > a {
color: #3D3D3D
}
#header.static-header .lang-header {
color: #3D3D3D;
border-color: #3D3D3D
}
#header.static-header .toggle-menu > span {
background-color: #3D3D3D
}
.header-hold {
min-height: 64px;
display: flex;
justify-content: space-between;
align-items: center
}
.logo-header {
display: block;
font-size: 20px;
line-height: 1.15;
font-weight: 800;
color: #fff;
text-transform: uppercase;
position: relative;
z-index: 5;
transition: color .2s ease-in-out
}
.logo-header:hover {
text-decoration: none;
color: #3D3D3D
}
#check-menu {
display: none
}
#nav {
display: flex;
flex-direction: row-reverse;
align-items: center
}
#nav .main-menu {
display: flex;
align-items: center
}
#nav .main-menu > li {
padding: 0 40px 0 0
}
#nav .main-menu > li:last-of-type {
padding: 0;
}
#nav .main-menu > li > a {
display: block;
font-weight: 600;
color: #fff;
padding: 10px;
transition: color .2s ease-in-out
}
#nav .main-menu > li > a:hover {
text-decoration: none;
color: #3D3D3D
}
#nav .contacts-links {
display: none
}
.lang-header {
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
color: #fff;
text-transform: uppercase;
border: 1px solid #fff;
border-radius: 50%;
box-sizing: border-box;
margin: 0 0 0 10px;
transition: all .2s ease-in-out
}
.lang-header:hover {
text-decoration: none;
color: #3D3D3D;
border-color: #3D3D3D
}
.toggle-menu {
display: none;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 40px;
height: 40px;
box-sizing: border-box;
cursor: pointer;
position: relative;
z-index: 5
}
.toggle-menu > span {
display: block;
width: 40px;
height: 1px;
background-color: #fff;
border-radius: 1px;
margin: 4px 0;
transition: background .3s ease-in-out, transform .3s ease-in-out
}
#footer {
width: 100%;
overflow: hidden;
padding: 20px 0;
margin-top: auto
}
.footer-hold {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative
} .footer-hold .logo-hold {
width: calc(100%/3);
margin: 0;
}
.footer-hold .logo-footer {
display: block;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
margin: 0 0 10px
}
.footer-hold .logo-footer:hover {
text-decoration: none
}
.footer-hold .contacts-links {
justify-content: flex-start;
margin: 0 0 0 -10px;
}
.footer-hold .main-menu {
width: calc(100%/3);
display: flex;
align-items: flex-start;
justify-content: center;
column-gap: 40px
}
.footer-hold .sub-menu {
width: calc(100%/3);
display: flex;
flex-direction: column;
column-gap: 40px;
row-gap: 10px;
text-align: right;
}
html, body {
height: 100%;
margin: 0
}
html * {
max-height: 999999px
}
body {
min-width: 320px;
font-size: 16px;
line-height: 1.125;
font-family: "montserrat", sans-serif;
color: #3D3D3D;
background: #faf5f0;
margin: 0;
-webkit-text-size-adjust: 100%
}
* {
scroll-behavior: smooth
}
form, fieldset {
margin: 0;
padding: 0;
border-style: none
}
img {
border-style: none;
vertical-align: top
}
ul li {
vertical-align: top
}
input, select, textarea {
vertical-align: middle;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
a {
color: #3D3D3D;
text-decoration: none
}
a:hover {
text-decoration: underline;
outline: 0 none
}
.woocommerce a {
text-decoration: underline;
}
.woocommerce a:hover {
text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
figure {
margin: 0
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
#wrapper {
display: flex;
flex-direction: column;
overflow: hidden;
width: 100%;
min-height: 100%
}
.container {
max-width: 1270px;
margin: 0 auto;
padding: 0 12px
}
p {
margin: 0 0 20px
}
h1, h2, h3,
legend {
display: block;
font-size: 41px;
line-height: 1.12195;
font-family: "poppins", sans-serif;
font-weight: 300;
text-align: center;
margin: 0 0 30px
}
h3,
legend {
font-size: 20px;
line-height: 1.15;
font-weight: 700;
margin: 0 0 20px
}
strong, b {
font-weight: 600
}
ul {
list-style: none;
padding: 0;
margin: 0
}
.bullets-list li {
position: relative;
padding-left: 24px;
margin: 0 0 20px
}
.bullets-list li:before {
content: '';
width: 18px;
height: 18px;
background: url(//www.mentor.ink/wp-content/themes/mentor/images/check-double-solid.svg) center no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 0;
}
ol {
margin: 0;
padding: 0;
list-style: none;
counter-reset: item;
}
ol > li {
margin: 0 0 20px;
}
ol > li:before {
content: counters(item, ". ", decimal) ". ";
counter-increment: item;
}
.btn,
.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
width: 250px;
height: 50px;
font-family: "montserrat", sans-serif;
font-size: 18px;
line-height: 1.125;
font-weight: 500;
color: #3D3D3D;
text-align: center;
text-transform: lowercase;
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid #3D3D3D;
outline: 0 none;
box-shadow: 0 0 10px 0 #3D3D3D;
border-radius: 4px;
cursor: pointer;
margin: 0 auto;
position: relative;
padding: 0 10px;
box-sizing: border-box;
transition: all .2s ease-in-out
}
.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
width: 250px;
margin: 0;
}
.btn:hover,
.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover {
text-decoration: none;
color: inherit;
background-color: transparent;
box-shadow: none;
}
.btn.white-btn {
color: #fff;
border-color: #fff;
background-color: rgba(61, 61, 61, 0.3);
box-shadow: 0 0 10px 0 #fff;
}
.btn.white-btn:hover {
background-color: transparent;
box-shadow: none;
}
input[type="text"],
input[type="email"],
input[type="password"] {
width: 100%;
height: 40px;
font-family: "montserrat", sans-serif;
font-size: 16px;
line-height: 1.125;
color: #3D3D3D;
background-color: #fff;
border: 1px solid #F3E7DB;
outline: 0 none;
border-radius: 4px;
padding: 10px;
box-sizing: border-box;
margin: 0;
transition: border-color .2s ease-in-out;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
border-color: #3D3D3D;
}
.contacts-links {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 20px
}
.contacts-links > a {
width: 30px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: 0 10px;
transition: transform .2s ease-in-out
}
.contacts-links > a:hover {
transform: translateY(-3px)
}
.contacts-links .instagram-link {
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/instagram-icon-new.svg)
}
.contacts-links .whatsapp-link {
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/whatsapp-icon-new.svg)
}
.contacts-links .viber-link {
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/viber-icon-new.svg)
}
.circles-layer {
width: 200px;
height: 200px;
background: url(//www.mentor.ink/wp-content/themes/mentor/images/circles-img04.svg) center no-repeat;
background-size: contain;
position: absolute;
z-index: -1
}
.wave-layer {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: -2
}
#main {
width: 100%
}
.header-box {
min-height: 840px;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
position: relative;
z-index: 1;
box-sizing: border-box;
margin: 0 0 110px
}
.header-box .header-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1
}
.header-box .header-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.header-box .header-bg .mobile-bg {
display: none
}
.header-box .container {
width: 100%
}
.header-box .header-box-lines {
width: 176px;
height: 32px;
background: url(//www.mentor.ink/wp-content/themes/mentor/images/header-box-lines-img.svg) center no-repeat;
background-size: contain;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%)
}
.header-box .contacts-links {
justify-content: flex-start
}
.header-box .contacts-links > a {
margin: 0 20px 0 0
}
.header-box .contacts-links .instagram-link {
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/instagram-icon-white.svg)
}
.header-box .contacts-links .whatsapp-link {
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/whatsapp-icon-white.svg)
}
.header-box .contacts-links .viber-link {
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/viber-icon-white.svg)
}
.header-box h1 {
max-width: 550px;
font-size: 48px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
text-align: left;
margin: 0 0 20px
}
.header-box p {
max-width: 410px
}
.header-box .btn {
margin: 0
}
.after-course-box {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 230px
}
.after-course-box h2 {
text-align: left;
margin: 0 0 20px
}
.after-course-box .btn {
margin: 0
}
.after-course-info {
max-width: 340px;
width: 100%;
text-transform: none;
position: relative;
padding-top: 110px
}
.after-course-info:before {
content: '';
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/circles-img01.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 637px;
height: 803px;
position: absolute;
top: -270px;
right: -210px;
z-index: -1
}
.after-course-list {
max-width: 700px;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
row-gap: 76px;
text-align: center;
position: relative
}
.after-course-list:after {
content: '';
background: url(//www.mentor.ink/wp-content/themes/mentor/images/circles-img02.svg) center no-repeat;
background-size: contain;
width: 340px;
height: 340px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1
}
.after-course-list li {
width: calc(50% - 45px);
min-height: 116px;
background-color: #F3E7DB;
box-shadow: 0 40px 64px -6px #C3BAAE;
border-radius: 5px;
padding: 16px 16px 28px;
box-sizing: border-box;
position: relative
}
.after-course-list li:hover:before {
background-color: #3D3D3D
}
.after-course-list li:before {
content: '';
width: 20px;
height: 20px;
background-color: #D0C6BA;
border-radius: 50%;
position: absolute;
bottom: 8px;
left: 8px;
transition: background-color .2s ease-in-out
}
.after-course-list li:nth-child(3) {
margin-left: -70px
}
.after-course-list li:nth-child(4) {
margin-right: -70px
}
.for-whom-course {
display: flex;
align-items: center;
position: relative;
margin: 0 0 170px
}
.for-whom-course .wave-layer {
width: 3194px;
height: 1045px;
top: -110px;
left: -700px
}
.for-whom-course .for-whom-img {
width: 51.1811%;
box-shadow: 0 40px 64px -6px #C3BAAE
}
.for-whom-course .for-whom-img img {
display: block;
width: 100%;
height: auto
}
.for-whom-course .for-whom-about {
width: 48.8189%;
padding-left: 4.72441%;
box-sizing: border-box;
position: relative
}
.for-whom-course .for-whom-about:after {
content: '';
background: url(//www.mentor.ink/wp-content/themes/mentor/images/circles-img03.svg) center no-repeat;
background-size: contain;
width: 955px;
height: 803px;
position: absolute;
top: -30px;
right: -240px;
z-index: -3
}
.for-whom-course .for-whom-lines {
width: 176px;
height: 32px;
background: url(//www.mentor.ink/wp-content/themes/mentor/images/for-whom-lines.svg) 0 0 no-repeat;
background-size: contain;
margin: 0 0 30px
}
.for-whom-course h2 {
text-align: left;
margin: 0 0 20px
}
.benefits-box {
max-width: 1000px;
text-align: center;
position: relative;
margin: 0 auto 90px
}
.benefits-box > .circles-layer:nth-of-type(1) {
width: 230px;
height: 230px;
top: -10px;
right: -110px
}
.benefits-box > .circles-layer:nth-of-type(2) {
top: 220px;
left: -100px
}
.benefits-box > .circles-layer:nth-of-type(3) {
width: 290px;
height: 290px;
top: 190px;
right: 180px
}
.benefits-box > .circles-layer:nth-of-type(4) {
top: 310px;
left: calc(100% + 120px)
}
.benefits-hold {
display: flex;
flex-wrap: wrap;
row-gap: 30px;
-moz-column-gap: 40px;
column-gap: 40px
}
.benefits-hold .box {
width: calc(33.333% - (40px * 2 / 3));
background-color: #F3E7DB;
box-shadow: 0 40px 64px -6px #C3BAAE;
border-radius: 5px;
padding: 8px 16px 16px;
box-sizing: border-box;
position: relative
}
.benefits-hold .box:hover {
text-decoration: none
}
.benefits-hold .box:hover:before {
background-color: #3D3D3D
}
.benefits-hold .box:hover .btn {
background-color: transparent;
box-shadow: none;
}
.benefits-hold .box:before {
content: '';
width: 20px;
height: 20px;
background-color: #faf5f0;
border-radius: 50%;
position: absolute;
top: 8px;
right: 8px;
transition: background-color .2s ease-in-out
}
.benefits-hold .benefit-icon {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto
}
.benefits-hold .benefit-icon img {
max-width: 100%;
max-height: 100%
}
.benefits-hold .btn {
width: 200px;
}
.section {
text-align: center;
margin: 0 0 110px
}
.section p:not(:last-child) {
padding-bottom: 20px;
position: relative;
}
.section p:not(:last-child):after {
content: '';
height: 1px;
background: linear-gradient(45deg, rgba(61,61,61,0) 0%, #3D3D3D 35.79%, #3D3D3D 59.45%, rgba(61,61,61,0) 100%);
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.tariffs-box {
position: relative;
margin: 0 0 140px
}
.tariffs-box .wave-layer {
width: 3194px;
height: 1045px;
top: -510px;
left: -1350px
}
.tariffs-box > .circles-layer:nth-of-type(1) {
width: 400px;
height: 400px;
top: -110px;
left: 20px
}
.tariffs-box > .circles-layer:nth-of-type(2) {
width: 180px;
height: 180px;
top: -90px;
right: -160px
}
.tariffs-hold {
display: flex;
flex-wrap: wrap;
justify-content: center;
-moz-column-gap: 70px;
column-gap: 70px;
row-gap: 20px
}
.tariffs-hold .tariff-unit {
max-width: 380px;
width: 100%;
display: flex;
flex-direction: column;
background-color: #F3E7DB;
box-shadow: 0 40px 64px -6px #C3BAAE;
border-radius: 6px;
overflow: hidden;
padding: 24px 24px 0;
box-sizing: border-box
}
.tariffs-hold h3 {
font-weight: 700;
text-align: center;
border-bottom: 1px solid #3D3D3D;
padding: 0 0 15px;
box-sizing: border-box;
margin: 0 0 15px
}
.tariffs-hold ul {
list-style: disc;
padding-left: 15px;
margin: 0 0 20px
}
.tariffs-hold ul li {
margin: 0
}
.tariffs-hold .tariff-footer {
background-color: #CBC2B6;
padding: 20px 24px;
margin: auto -24px 0
}
.tariffs-hold .tariff-footer dl {
font-weight: 500;
color: #fff;
text-align: center;
padding: 0;
margin: 0 0 20px
}
.tariffs-hold .tariff-footer dt {
font-size: 16px;
line-height: 1.125;
margin: 0 0 10px
}
.tariffs-hold .tariff-footer dd {
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 1.15;
margin: 0
}
.tariffs-hold .tariff-footer dd s {
margin-right: 20px
}
.tariffs-hold .tariff-footer dd b {
font-weight: 800
}
.cases-box {
position: relative;
margin: 0 0 90px
}
.cases-box > .circles-layer:nth-of-type(1) {
width: 250px;
height: 250px;
top: -80px;
left: -150px
}
.cases-box > .circles-layer:nth-of-type(2) {
width: 140px;
height: 140px;
top: -20px;
left: 120px
}
.cases-box > .circles-layer:nth-of-type(3) {
width: 100px;
height: 100px;
bottom: calc(100% + 20px);
right: 170px
}
.cases-box > .circles-layer:nth-of-type(4) {
width: 330px;
height: 330px;
top: -270px;
right: -250px
}
.cases-hold {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 20px
}
.cases-hold .case-unit {
width: calc(25% - (20px * 3 / 4));
min-height: 350px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
color: #fff;
text-align: center;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 40px 64px -6px #C3BAAE;
padding: 16px;
box-sizing: border-box;
position: relative;
z-index: 1
}
.cases-hold .case-unit:hover {
text-decoration: none
}
.cases-hold .case-unit:hover:after {
height: 50%
}
.cases-hold .case-unit:hover .btn {
background-color: rgba(61, 61, 61, 0.3);
box-shadow: 0 0 10px 0 #fff
}
.cases-hold .case-unit:after {
content: '';
background: linear-gradient(0deg, rgba(182, 161, 133, 0.72) 46.97%, rgba(203, 194, 182, 0) 91.59%);
height: 45%;
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
transition: height .2s ease-in-out
}
.cases-hold .case-unit > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
position: absolute;
top: 0;
left: 0;
z-index: -2
}
.cases-hold h3 {
font-size: 20px;
line-height: 1.15;
font-family: "montserrat", sans-serif;
font-weight: 500;
margin: 0 0 10px;
position: relative
}
.reviews-box {
position: relative;
margin: 0 0 130px
}
.reviews-box .wave-layer {
width: 3201px;
height: 1082px;
bottom: 90px;
left: 50%;
transform: translateX(-50%)
}
.reviews-box > .circles-layer:nth-of-type(1) {
width: 70px;
height: 70px;
top: -20px;
left: 350px
}
.reviews-box > .circles-layer:nth-of-type(2) {
width: 120px;
height: 120px;
bottom: -70px;
left: 130px
}
.reviews-box > .circles-layer:nth-of-type(3) {
width: 140px;
height: 140px;
right: -90px;
bottom: -30px
}
.reviews-box .btn {
margin-top: 30px
}
.questions-box {
text-align: center;
position: relative;
margin: 0 0 80px
}
.questions-box .wave-layer {
width: 3201px;
height: 1082px;
top: -500px;
left: 50%;
transform: translateX(-50%)
}
.questions-box > .circles-layer:nth-of-type(1) {
width: 170px;
height: 170px;
top: 120px;
left: 330px
}
.questions-box > .circles-layer:nth-of-type(2) {
width: 240px;
height: 240px;
top: 210px;
right: -100px
}
.questions-box > .circles-layer:nth-of-type(3) {
width: 130px;
height: 130px;
right: calc(100% + 20px);
bottom: 0
}
.questions-hold {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
-moz-column-gap: 20px;
column-gap: 20px
}
.questions-hold .col {
width: calc(33.333% - (20px * 2 / 3))
}
.questions-hold .question-unit {
background: linear-gradient(98.82deg, #F3EADA 10.52%, #E3D4BD 135.74%);
box-shadow: 0 40px 64px -6px #C3BAAE;
border-radius: 5px;
padding: 10px 20px;
margin: 0 0 20px
}
.questions-hold .question-unit.open .arrows-hold {
font-size: 0;
line-height: 0
}
.questions-hold .question-unit.open .arrows-hold .arrows {
transform: rotate(180deg)
}
.questions-hold .question {
display: block;
font-weight: 600;
margin: 0 0 20px;
cursor: pointer
}
.questions-hold p:last-of-type {
margin: 0
}
.questions-hold .arrows-hold {
display: block;
font-size: 14px;
margin-top: 20px;
cursor: pointer
}
.questions-hold .arrows-hold:hover .arrows:before {
top: 7px
}
.questions-hold .arrows-hold:hover .arrows:after {
top: 0
}
.questions-hold .arrows-hold .arrows {
display: block;
width: 46px;
height: 20px;
margin: 0 auto;
position: relative;
transition: transform .2s ease-in-out
}
.questions-hold .arrows-hold .arrows:before, .questions-hold .arrows-hold .arrows:after {
content: '';
width: 46px;
height: 12px;
background: url(//www.mentor.ink/wp-content/themes/mentor/images/questions-arrow.svg) center no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
transition: top .2s ease-in-out
}
.questions-hold .arrows-hold .arrows:after {
width: 26px;
height: 7px;
top: 12px
}
.woocommerce {
text-align: left;
}
.woocommerce-info,
.woocommerce-checkout #payment {
background-color: #F3E7DB;
border: none;
box-shadow: 0 40px 64px -6px #C3BAAE;
border-radius: 5px;
}
.woocommerce-info:before {
content: '';
width: 20px;
height: 20px;
background-color: #D0C6BA;
border-radius: 50%;
}
.woocommerce-checkout #payment ul.payment_methods {
display: none;
}
.woocommerce-form-coupon-toggle {
max-width: 600px;
margin: 0 auto;
}
.woocommerce form.checkout_coupon {
max-width: 600px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0 0 20px;
}
fieldset {
margin: 0 0 20px;
}
.woocommerce form .form-row label {
line-height: inherit;
margin: 0 0 6px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
width: 100%;
max-width: 600px;
float: none;
margin: 0 auto;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
max-width: 600px;
margin: 0 auto;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: block;
position: relative;
padding-left: 28px;
cursor: pointer;
}
.woocommerce form .form-row label.checkbox:before,
.woocommerce-page form .form-row label.checkbox:before {
content: '';
width: 18px;
height: 18px;
border: 1px solid #3D3D3D;
border-radius: 4px;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.woocommerce form .form-row label.checkbox:after,
.woocommerce-page form .form-row label.checkbox:after {
content: '';
width: 10px;
height: 4px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: #3D3D3D;
position: absolute;
top: 4px;
left: 3px;
opacity: 0;
transition: all .2s ease-in-out;
}
.woocommerce form .form-row .input-checkbox {
margin-right: 0;
}
.woocommerce form .form-row.woocommerce-invalid label:before {
border-color: #a00;
}
.woocommerce-invalid #terms {
outline: none;
}
.woocommerce form .form-row.woocommerce-validated label:after {
transform: rotate(-45deg);
opacity: 1;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
margin: 0 auto;
}
@media only screen and (max-width: 1439px) {
.after-course-list {
margin-right: 60px
}
.reviews-slider .slick-arrow {
top: calc(100% + 50px);
right: auto;
left: 0
}
.reviews-slider .slick-next {
right: 20px;
left: auto
}
}
@media only screen and (max-width: 1279px) {
.after-course-list li:nth-child(3) {
margin-left: -12px
}
.after-course-list li:nth-child(4) {
margin-right: -12px
}
}
@media only screen and (max-width: 1023px) {
html.hidden, body.hidden {
overflow: hidden
}
body {
font-size: 18px;
}
h1, h2, .header-box h1 {
font-size: 32px;
line-height: 1.125;
margin: 0 0 20px
}
.modal-window {
max-width: calc(100% - 24px);
height: auto;
min-height: auto;
overflow-y: auto;
border: none;
border-radius: 0;
padding: 30px 12px
}
.modal-window .close-window {
top: 12px;
right: 12px;
background-color: rgba(255, 255, 255, 0.7)
}
#header {
color: #3D3D3D;
text-align: center
}
.header-hold {
min-height: 44px
}
.toggle-menu {
display: flex
}
#nav {
width: 100%;
display: block;
background: #faf5f0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 20vh;
z-index: 4;
overflow-y: auto;
transition: all .3s ease-in-out;
box-sizing: border-box;
transform: perspective(30rem) translateY(0.5rem) scaleX(0.75) rotateX(-37deg);
opacity: 0;
visibility: hidden
}
#nav .main-menu {
display: block;
font-size: 24px;
line-height: 1.125;
font-weight: 600;
margin: 0 0 90px
}
#nav .main-menu > li {
padding: 0;
margin: 0 0 40px
}
#nav .main-menu > li > a {
display: block;
color: #3D3D3D;
padding: 10px
}
#nav .contacts-links {
display: flex
}
#check-menu:checked ~ #nav {
transform: none;
opacity: 1;
visibility: visible
}
#check-menu:checked ~ .logo-header {
color: #3D3D3D
}
#check-menu:checked ~ .toggle-menu > span {
background-color: #3D3D3D;
position: absolute;
top: 50%;
left: 50%;
margin: -0.5px 0 0 -20px
}
#check-menu:checked ~ .toggle-menu .c {
opacity: 0
}
#check-menu:checked ~ .toggle-menu .t {
transform: rotate(45deg)
}
#check-menu:checked ~ .toggle-menu .b {
transform: rotate(-45deg)
}
.lang-header {
color: #3D3D3D;
border-color: #3D3D3D;
margin: 0 auto 30px
}
.header-box {
min-height: 850px;
justify-content: flex-start;
padding-top: 54px;
margin: 0 0 90px
}
.header-box .container {
box-sizing: border-box
}
.header-box .header-box-lines {
width: 136px;
height: 26px;
top: calc(100% - 2px);
bottom: auto
}
.after-course-box {
display: block;
margin: 0 0 90px
}
.after-course-box h2 {
text-align: center
}
.after-course-box .btn {
margin: 0 auto
}
.after-course-info {
max-width: 100%;
text-align: center;
padding-top: 0;
margin: 0 0 30px
}
.after-course-info:before {
background-image: url(//www.mentor.ink/wp-content/themes/mentor/images/circles-img05.svg);
width: 443px;
height: 383px;
top: auto;
right: 50%;
bottom: -190px;
transform: translateX(50%)
}
.after-course-list {
row-gap: 20px;
margin: 0 auto
}
.after-course-list:after {
width: 260px;
height: 260px
}
.for-whom-course {
margin: 0 0 90px
}
.for-whom-course .for-whom-lines {
margin: 0 0 20px
}
.for-whom-course .for-whom-about:after {
display: none
}
.benefits-box > .circles-layer:nth-of-type(1) {
width: 60px;
height: 60px;
top: auto;
right: 20px;
bottom: calc(100% + 50px)
}
.benefits-box > .circles-layer:nth-of-type(2) {
width: 150px;
height: 150px;
top: -130px;
left: -90px
}
.benefits-box > .circles-layer:nth-of-type(3) {
width: 150px;
height: 150px;
top: auto;
right: auto;
bottom: -60px;
left: -40px
}
.benefits-box > .circles-layer:nth-of-type(4) {
display: none
}
.benefits-hold {
row-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.benefits-hold .box {
width: calc(33.333% - (20px * 2 / 3))
}
.tariffs-box {
margin: 0 0 90px
}
.tariffs-box > .circles-layer:nth-of-type(1) {
display: none
}
.tariffs-box > .circles-layer:nth-of-type(2) {
width: 100px;
height: 100px;
top: -30px;
right: -60px
}
.tariffs-hold {
-moz-column-gap: 20px;
column-gap: 20px
}
.tariffs-hold .tariff-unit {
max-width: calc(50% - 10px);
padding: 15px 20px 0
}
.tariffs-hold .tariff-footer {
padding: 15px 20px;
margin: auto -20px 0
}
.cases-box > .circles-layer:nth-of-type(1) {
width: 50px;
height: 50px;
top: auto;
bottom: calc(100% + 20px);
left: 30px
}
.cases-box > .circles-layer:nth-of-type(2) {
width: 90px;
height: 90px;
top: auto;
bottom: -60px;
left: -20px
}
.cases-box > .circles-layer:nth-of-type(3) {
display: none
}
.cases-box > .circles-layer:nth-of-type(4) {
width: 100px;
height: 100px;
top: -80px;
right: -70px
}
.cases-hold .case-unit {
width: calc(50% - 10px)
}
.reviews-box {
margin: 0 0 90px
}
.reviews-box > .circles-layer:nth-of-type(1) {
width: 120px;
height: 120px;
right: -50px;
left: auto
}
.reviews-box > .circles-layer:nth-of-type(2) {
width: 80px;
height: 80px;
top: calc(100% + 10px);
bottom: auto;
left: 70px
}
.reviews-box > .circles-layer:nth-of-type(3) {
width: 70px;
height: 70px;
top: calc(100% + 20px);
right: -50px;
bottom: auto
}
.questions-box {
margin: 0 0 90px
}
.questions-box > .circles-layer:nth-of-type(1) {
width: 80px;
height: 80px;
top: auto;
bottom: -20px;
left: 130px
}
.questions-box > .circles-layer:nth-of-type(2) {
width: 80px;
height: 80px;
top: 100%;
right: -50px
}
.questions-box > .circles-layer:nth-of-type(3) {
width: 110px;
height: 110px;
top: 100%;
right: auto;
bottom: auto;
left: -70px
}
.questions-hold .col {
width: 100%
}
.footer-hold {
flex-direction: column;
align-items: center;
row-gap: 20px;
}
.footer-hold .logo-hold {
width: 100%;
text-align: center;
}
.footer-hold .logo-footer {
font-size: 24px;
}
.footer-hold .contacts-links {
justify-content: center;
margin: 0;
}
.footer-hold .main-menu {
width: 100%;
column-gap: 10px;
}
.footer-hold .sub-menu {
width: 100%;
flex-direction: row;
justify-content: center;
text-align: center;
}
}
@media only screen and (max-width: 719px) {
.header-box .header-bg .mobile-bg {
display: block
}
.header-box .header-bg .desktop-bg {
display: none
}
.header-box h1, .header-box p {
max-width: 100%
}
.after-course-list {
max-width: 100%
}
.after-course-list:after {
display: none
}
.after-course-list li {
width: 100%;
min-height: auto
}
.after-course-list li:nth-child(3), .after-course-list li:nth-child(4) {
margin: 0
}
.for-whom-course {
display: block
}
.for-whom-course .for-whom-img {
width: 100%;
margin: 0 0 30px
}
.for-whom-course .for-whom-about {
width: 100%;
padding-left: 0
}
.benefits-hold .box {
width: 100%
}
.tariffs-hold .tariff-unit {
max-width: 100%
}
.cases-hold .case-unit {
width: 100%
}
.modal-window {
display: block
}
.modal-window .window-hold .modal-img {
max-width: 100%;
width: 100%;
float: none;
margin: 0 0 20px
}
.modal-window .window-hold .modal-img img {
width: 100%;
height: auto
}
.footer-hold .sub-menu {
flex-direction: column;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
width: 100%;
float: none;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
margin-top: 20px;
}
}