@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}
 .slick-loading .slick-list
{
background: #fff url(https://psihomag.com/wp-content/themes/psihomagia/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://psihomag.com/wp-content/themes/psihomagia/slick/fonts/slick.eot);
src: url(https://psihomag.com/wp-content/themes/psihomagia/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://psihomag.com/wp-content/themes/psihomagia/slick/fonts/slick.woff) format('woff'), url(https://psihomag.com/wp-content/themes/psihomagia/slick/fonts/slick.ttf) format('truetype'), url(https://psihomag.com/wp-content/themes/psihomagia/slick/fonts/slick.svg#slick) format('svg');
} .slick-arrow {
z-index: 1;
}
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}@font-face {
font-family: 'SFUIText-Bold';
src: url(//psihomag.com/wp-content/themes/psihomagia/fonts/SFUIText-Bold.ttf);
}
@font-face {
font-family: 'SFUIText-Light';
src: url(//psihomag.com/wp-content/themes/psihomagia/fonts/SFUIText-Light.ttf);
}
@font-face {
font-family: 'TrumpSoftPro-Bold';
src: url(//psihomag.com/wp-content/themes/psihomagia/fonts/TrumpSoftPro-Bold.otf);
} @media(min-width: 768px) {
::-webkit-scrollbar {
width: 15px;
height: 15px;
background-color: #fafafa;
border: 1px solid #eee;
}
::-webkit-scrollbar-thumb {
background-color: #44D2CD;
border-left: 1px solid #fff;
}
::-webkit-scrollbar-thumb:hover {
background-color: #44D2CD;
}
::-webkit-scrollbar-corner,
::-webkit-resizer {
display: none;
}
} *::selection {
background-color: #44D2CD;
}
::selection {
color: #fff;
}
input.error {
background: #ffeeee!important;
} .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex--wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex--top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.flex--bot {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex__col--1 {
flex-basis: 8.33%;
}
.flex__col--2 {
flex-basis: 16.66%;
}
.flex__col--3 {
flex-basis: 25%;
}
.flex__col--4 {
flex-basis: 33.33%;
}
.flex__col--5 {
flex-basis: 41.66%;
}
.flex__col--6 {
flex-basis: 50%;
}
.flex__col--7 {
flex-basis: 58.33%;
}
.flex__col--8 {
flex-basis: 66.66%;
}
.flex__col--9 {
flex-basis: 75%;
}
.flex__col--10 {
flex-basis: 83.33%;
}
.flex__col--11 {
flex-basis: 91.66%;
}
.flex__col--12 {
flex-basis: 100%;
}
.flex-1 {
flex: 1;
}
.flex-2 {
flex: 2;
}
.flex-3 {
flex: 3;
}
.flex-4 {
flex: 4;
}
.flex-5 {
flex: 5;
}
.flex-6 {
flex: 6;
}
.flex-7 {
flex: 7;
}
.flex-8 {
flex: 8;
}
.flex-9 {
flex: 9;
}
.flex-10 {
flex: 10;
}
.flex-11 {
flex: 11;
}
.flex-12 {
flex: 12;
} * {
font-family: 'SFUIText-Light';
padding: 0;
margin: 0;
outline: 0;
list-style: none;
text-decoration: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
s {
text-decoration: line-through;
}
strong,
b {
font-family: "SFUIText-Bold";
font-weight: normal;
}
img {
max-width: 100%;
height: auto;
} html,body {
position: relative;
overflow-x: hidden;
width: 100%;
margin: 0;
z-index: 0;
}
body {
background: #F5F6F7;
}
.content {
position: relative;
max-width: 1360px;
margin: 0 auto;
z-index: 0;
}
.glass {
width: 175px;
height: 175px;
position: absolute;
border-radius: 50%;
cursor: crosshair;
z-index: 99999999;
box-shadow:
0 0 0 2px rgba(250, 224, 175, 0.85),
0 0 7px 7px rgba(0, 0, 0, 0.25),
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
display: none;
} .page-wrapper {
position: relative;
min-height: 100vh;
max-width: 1920px;
margin: 0 auto;
padding-top: 95px;
background: #fff;
box-shadow: 0 16px 48px rgba(32,41,50,0.12);
} .page-content {
margin-top: 95px;
}
@media (max-width: 768px) {
.page-content {
margin-top: 75px;
}
} .contactbtn {
text-align: center;
z-index: 1;
}
.btn-soc_popup {
position: relative;
z-index: 1;
}
.btn-soc_popup .soc-popup-block {
line-height: 1;
position: absolute;
left: -300px;
right: -300px;
bottom: 80%;
width: 400px;
max-width: 90vw;
margin: 0 auto;
padding: 10px 0;
background: #fff;
box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
border: 1px solid #44D2CD;
cursor: default;
opacity: 0;
visibility: hidden;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.btn-soc_popup:hover .soc-popup-block {
bottom: 100%;
opacity: 1;
visibility: visible;
}
.btn-soc_popup .soc-popup-block .sp-title {
color: #222;
font-size: 22px;
font-family: 'SFUIText-Bold';
padding: 10px 20px;
}
.btn-soc_popup .soc-popup-block .sp-box {
display: inline-block;
vertical-align: middle;
padding: 10px 0;
margin: 0 10px;
border-bottom: 1px solid #eee;
}
.btn-soc_popup .soc-popup-block .sp-name {
color: #222;
font-size: 18px;
padding: 10px;
}
.btn-soc_popup .soc-popup-block .sp-box a {
display: inline-block;
vertical-align: middle;
margin: 10px;
height: 32px;
width: 32px;
overflow: hidden;
filter: grayscale(1);
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.btn-soc_popup .soc-popup-block .sp-box a:hover {
filter: grayscale(0);
background: #fff!important;
}
.btn-soc_popup .soc-popup-block .sp-box a img {
transform: translateY(-32px);
} header {
font-size: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
padding: 15px 0;
background: #F5F5F5;
z-index: 10;
}
header .logo {
display: flex;
}
header .logo__link {
padding: 0 10px;
display: flex;
align-items: center;
gap: 16px;
}
header .logo__link img {
height: 65px;
}
@media (max-width: 768px) {
header .logo__link img {
height: 45px;
}
}
header .logo__link p {
color: #222;
font-size: 20px;
letter-spacing: 1px;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
@media (max-width: 768px) {
header .logo__link p {
font-size: 16px;
}
}
header .logo__link:active p,
header .logo__link:hover p {
color: #9042C5;
}
header .nav {
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
height: 37px;
margin: auto;
}
header .menu-main-menu-container,
header li {
display: inline-block;
vertical-align: middle;
}
header li a {
color: #222;
padding: 10px 8px;
font-size: 14px;
display: block;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
header li.current-menu-item a,
header li a:active,
header li a:hover {
color: #9042C5;
}
header .nav .s-header__basket-wr {
display: inline-block;
vertical-align: middle;
}
header .nav .basket-btn {
display: flex;
align-items: center;
gap: 6px;
max-width: 100%;
font-family: sans-serif;
font-size: 16px;
color: #222;
font-weight: bold;
padding: 8px;
transition: 0.15s;
}
header .nav .basket-btn:hover {
color: #44D2CD;
}
header .nav .basket-btn svg {
fill: currentColor;
width: 20px;
}
header .nav .basket-btn span {
margin-top: 2px;
}
.lk-btn {
position: relative;
color: #fff;
font-size: 16px;
padding: 8px 12px;
border: 1px solid transparent;
border-radius: 8px;
margin: 0 8px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
z-index: 0;
overflow: hidden;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.lk-btn:hover {
color: #000;
border-color: #9042C5;
}
.lk-btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
border-radius: 8px;
background: linear-gradient(to bottom right, #44D2CD 10%, #9043C6 100%);
opacity: 1;
z-index: -1;
transition: 0.15s;
}
.lk-btn:hover:before {
height: 0;
opacity: 0;
}
.lk-btn.--mobile {
display: none;
} .sctn-comment {
padding: 20px 0;
}
.sctn-comment__title {
text-align: center;
} .sctn {
padding: 20px 0;
}
.sctn-woo #tab-additional_information,
.sctn-woo #tab-description,
.editor-content {
padding: 0 20px;
}
.sctn-woo #tab-additional_information > *,
.sctn-woo #tab-description > *,
.editor-content > * {
padding: 10px 0;
}
.editor-content hr {
padding: 0;
}
.sctn .content > .tabs {
display: flex;
flex-wrap: wrap;
}
.sctn-woo #tab-additional_information > ul,
.sctn-woo #tab-description > ul,
.editor-content > ul,
.sctn-woo #tab-additional_information > ol,
.sctn-woo #tab-description > ol,
.editor-content > ol {
padding: 10px 20px;
}
.sctn-woo #tab-additional_information > ol li,
.sctn-woo #tab-description > ol li,
.editor-content > ol li {
list-style: decimal;
}
.sctn-woo #tab-additional_information ul li,
.sctn-woo #tab-description ul li,
.editor-content ul li,
.sctn-woo #tab-additional_information ol li,
.sctn-woo #tab-description ol li,
.editor-content ol li {
line-height: 1.7;
position: relative;
padding: 5px 0;
margin-left: 15px;
}
.sctn-woo #tab-additional_information ul li:before,
.sctn-woo #tab-description ul li:before,
.editor-content ul li:before {
content: "";
position: absolute;
top: 20px;
width: 5px;
height: 5px;
left: -15px;
border-radius: 10px;
background: #44D2CD;
}
.blocks-gallery-item:before {
display: none;
}
.sctn-woo #tab-additional_information ul.wp-block-gallery,
.sctn-woo #tab-description ul.wp-block-gallery,
.editor-content ul.wp-block-gallery {
padding: 10px 20px;
}
.sctn-woo #tab-additional_information ul.wp-block-gallery li:before,
.sctn-woo #tab-description ul.wp-block-gallery li:before,
.editor-content ul.wp-block-gallery li:before {
display: none;
}
.sctn-woo #tab-additional_information h1,
.sctn-woo #tab-description h1,
.editor-content h1,
.sctn h1 {
color: #222;
font-size: 28px;
text-align: center;
font-family: "SFUIText-Bold";
display: block;
}
.sctn-woo #tab-additional_information h2,
.sctn-woo #tab-description h2,
.editor-content h2,
.sctn h2 {
color: #222;
font-size: 26px;
text-align: center;
font-family: "SFUIText-Bold";
display: block;
}
.sctn-woo #tab-additional_information h2.uniq,
.sctn-woo #tab-description h2.uniq,
.editor-content h2.uniq,
.sctn h2.uniq {
position: relative;
padding: 30px 20px;
border-top: 1px solid #44D2CD;
}
.sctn-woo #tab-additional_information h3,
.sctn-woo #tab-description h3,
.editor-content h3,
.sctn h3,
.sctn-woo #tab-additional_information h4,
.sctn-woo #tab-description h4,
.editor-content h4,
.sctn h4,
.sctn-woo #tab-additional_information h5,
.sctn-woo #tab-description h5,
.editor-content h5,
.sctn h5,
.sctn-woo #tab-additional_information h6,
.sctn-woo #tab-description h6,
.editor-content h6,
.sctn h6 {
color: #222;
text-align: center;
}
.sctn-woo #tab-additional_information p,
.sctn-woo #tab-description p,
.editor-content p,
.sctn p {
color: #222;
font-size: 18px;
line-height: 1.7;
text-align: justify;
}
.sctn-woo #tab-additional_information p a,
.sctn-woo #tab-description p a,
.editor-content p a,
.sctn p a {
color: #44D2CD;
}
.sctn-woo #tab-additional_information p a:hover,
.sctn-woo #tab-description p a:hover,
.editor-content p a:hover,
.sctn p a:hover {
text-decoration: underline;
}
.sctn-woo #tab-additional_information blockquote,
.sctn-woo #tab-description blockquote,
.editor-content blockquote {
padding: 16px;
border-left: 8px solid #53CEC6;
background: #eee;
font-size: 16px;
line-height: 145%;
}
.sctn-woo #tab-additional_information .attachment,
.sctn-woo #tab-description .attachment,
.editor-content .attachment {
background-position: center center;
background-attachment: fixed;
background-size: cover;
}
.sctn-woo #tab-additional_information .accordion-title,
.sctn-woo #tab-description .accordion-title,
.editor-content .accordion-title {
color: #222;
font-size: 18px;
line-height: 1.7;
text-align: left;
display: block;
position: relative;
padding: 10px 50px 10px 10px;
border: 1px solid #ccc;
z-index: 0;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo #tab-additional_information .accordion-title:hover,
.sctn-woo #tab-description .accordion-title:hover,
.editor-content .accordion-title:hover {
border: 1px solid #53CEC6;
}
.sctn-woo #tab-additional_information .accordion-title:before,
.sctn-woo #tab-description .accordion-title:before,
.editor-content .accordion-title:before,
.sctn-woo #tab-additional_information .accordion-title:after,
.sctn-woo #tab-description .accordion-title:after,
.editor-content .accordion-title:after {
content: "";
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto 0;
width: 20px;
height: 3px;
border-radius: 10px;
background: #ccc;
transform: rotate(-45deg);
z-index: -1;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo #tab-additional_information .accordion-title:after,
.sctn-woo #tab-description .accordion-title:after,
.editor-content .accordion-title:after {
transform: rotate(45deg);
right: 22px;
}
.sctn-woo #tab-additional_information .accordion-title:hover:befor,
.sctn-woo #tab-description .accordion-title:hover:befor,
.editor-content .accordion-title:hover:before,
.sctn-woo #tab-additional_information .accordion-title:hover:after,
.sctn-woo #tab-description .accordion-title:hover:after,
.editor-content .accordion-title:hover:after {
background: #53CEC6;
}
.sctn-woo #tab-additional_information .accordion-title.active:before,
.sctn-woo #tab-description .accordion-title.active:before,
.editor-content .accordion-title.active:before {
transform: rotate(45deg);
}
.sctn-woo #tab-additional_information .accordion-title.active:after,
.sctn-woo #tab-description .accordion-title.active:after,
.editor-content .accordion-title.active:after {
transform: rotate(-45deg);
}
.sctn-woo #tab-additional_information .accordion-box,
.sctn-woo #tab-description .accordion-box,
.editor-content .accordion-box {
line-height: 0;
margin-left: 20px;
padding: 0 20px;
border-left: 2px solid #53CEC6;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo #tab-additional_information .accordion-box.active,
.sctn-woo #tab-description .accordion-box.active,
.editor-content .accordion-box.active {
line-height: 27px;
margin: 0 0 20px 20px;
opacity: 1;
visibility: visible;
}
.sctn-woo #tab-additional_information .accordion-box li,
.sctn-woo #tab-description .accordion-box li,
.editor-content .accordion-box li {
line-height: 0;
padding: 0;
}
.sctn-woo #tab-additional_information .accordion-box.active li,
.sctn-woo #tab-description .accordion-box.active li,
.editor-content .accordion-box.active li {
line-height: 25px;
padding: 5px 0;
}
.sctn-woo #tab-additional_information p.has-text-align-center,
.sctn-woo #tab-description p.has-text-align-center,
.editor-content p.has-text-align-center,
.sctn p.has-text-align-center {
text-align: center;
}
.sctn-woo .back,
.sctn .back {
color: #777;
display: block;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo .back:hover,
.sctn .back:hover {
color: #44D2CD;
}
.sctn-woo .back a {
color: #777;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo .back a:hover {
color: #44D2CD;
}
.sctn-woo .back a:before {
content: "←";
color: #777;
padding-right: 5px;
position: relative;
right: 0;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo .back a:hover:before {
color: #44D2CD;
right: 5px;
}
.sctn .navigation.pagination {
text-align: center;
}
.sctn .navigation.pagination h2 {
color: #9042C5;
font-size: 18px;
padding: 10px 0;
background: linear-gradient(45deg, #9042C5 20%, #44D2CD 50%, #44D2CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sctn .nav-links {
font-size: 0;
position: relative;
padding: 20px 0;
margin-top: 30px;
border-top: 1px solid #222;
}
.sctn .nav-links .page-numbers {
color: #777;
font-size: 12px;
padding: 5px 0;
margin: 0 5px;
width: 30px;
display: inline-block;
vertical-align: middle;
}
.sctn .top_pag .nav-links {
padding: 0;
}
.sctn .top_pag .nav-links .page-numbers {
display: none;
}
.sctn .nav-links a.page-numbers {
border: 1px solid #ccc;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn .nav-links a.page-numbers:hover {
color: #222;
border: 1px solid #44D2CD;
}
.sctn .nav-links span {
color: #222;
font-size: 14px;
border-bottom: 1px solid #ccc;
}
.sctn .nav-links .current {
color: #fff;
border: 1px solid #44D2CD;
background: #44D2CD;
}
.sctn .nav-links a.page-numbers.prev,
.sctn .nav-links a.page-numbers.next {
display: inline-block;
position: absolute;
top: -35px;
width: auto;
padding: 5px;
border: 1px solid transparent;
}
.sctn .nav-links a.page-numbers.prev {
left: 0;
margin: 0;
padding: 5px 10px 5px 0;
}
.sctn .nav-links a.page-numbers.next {
right: 0;
margin: 0;
padding: 5px 0 5px 10px;
}
.sctn .nav-links a.prev:hover {
color: #222;
background: none;
border: 1px solid transparent;
border-right: 1px solid #44D2CD;
}
.sctn .nav-links a.next:hover {
color: #222;
background: none;
border: 1px solid transparent;
border-left: 1px solid #44D2CD;
}
.sctn-woo #tab-additional_information .inner-block,
.sctn-woo #tab-description .inner-block,
.editor-content .inner-block {
text-align: center;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
margin: 10px 20px;
padding: 10px;
}
.sctn-woo #tab-additional_information .price,
.sctn-woo #tab-description .price,
.editor-content .price {
font-size: 22px;
display: inline-block;
vertical-align: middle;
padding: 10px;
}
.sctn-woo #tab-additional_information .price-2,
.sctn-woo #tab-description .price-2,
.editor-content .price-2 {
color: #777;
font-size: 18px;
display: inline-block;
vertical-align: middle;
padding: 10px;
}
.sctn-woo #tab-additional_information .price-2,
.sctn-woo #tab-description .price-2,
.editor-content .price-2 {
color: #777;
font-size: 18px;
display: inline-block;
vertical-align: middle;
padding: 10px;
}
.sctn-woo #tab-additional_information .price-2 b,
.sctn-woo #tab-description .price-2 b,
.editor-content .price-2 b {
position: relative;
}
.sctn-woo #tab-additional_information .price-2 b:before,
.sctn-woo #tab-description .price-2 b:before,
.editor-content .price-2 b:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 2px;
margin: auto auto;
background: red;
}
.sctn-woo #tab-additional_information .btn,
.sctn-woo #tab-description .btn,
.editor-content .btn {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 10px 20px;
margin: 10px;
background: #9042C5;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo #tab-additional_information .btn:hover,
.sctn-woo #tab-description .btn:hover,
.editor-content .btn:hover {
background: #44D2CD;
}
.sctn-woo #tab-additional_information .main-img,
.sctn-woo #tab-description .main-img,
.editor-content .main-img {
text-align: center;
}
.sctn-woo #tab-additional_information .main-img img,
.sctn-woo #tab-description .main-img img,
.editor-content .main-img img {
max-height: 600px;
}
.sctn-woo #tab-additional_information .clmn-about,
.sctn-woo #tab-description .clmn-about,
.editor-content .clmn-about {
font-size: 0;
display: block;
padding-left: 10px;
padding-right: 10px;
}
.sctn-woo #tab-additional_information .clmn-about .wp-block-column,
.sctn-woo #tab-description .clmn-about .wp-block-column,
.editor-content .clmn-about .wp-block-column {
width: 60%;
display: inline-block;
vertical-align: top;
padding-left: 10px;
padding-right: 10px;
margin: 0;
}
.sctn-woo #tab-additional_information .clmn-about .wp-block-column:first-child,
.sctn-woo #tab-description .clmn-about .wp-block-column:first-child,
.editor-content .clmn-about .wp-block-column:first-child {
width: 40%;
} .sctn-1 {
color: #fff;
font-size: 0;
text-align: center;
position: relative;
padding: 20px 0 20px;
background: #9042C5;
z-index: 0;
overflow: hidden;
}
.sctn-1 .gradient-box {
position: absolute;
top: -50%;
left: -20%;
bottom: 0;
margin: auto auto;
width: 30%;
z-index: -1;
}
.sctn-1 .gradient-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #44D2CD;
box-shadow: 0 0 250px 350px #44D2CD;
transform: rotateZ(40deg);
}
.sctn-1 .content {
text-align: left;
display: inline-block;
vertical-align: middle;
}
.sctn-1 h1 {
font-size: 58px;
font-family: "SFUIText-Bold";
font-weight: normal;
padding: 20px;
}
.sctn-1 p {
font-size: 18px;
padding: 20px;
} .sctn-3 {
padding: 20px 0;
}
.sctn-3:before {
content: "";
display: block;
height: 25px;
padding: 20px;
background: url(//psihomag.com/wp-content/themes/psihomagia/img/quotes.png) no-repeat center center;
}
.sctn-3:after {
content: "";
display: block;
height: 25px;
padding: 20px;
background: url(//psihomag.com/wp-content/themes/psihomagia/img/quotes.png) no-repeat center center;
}
.sctn-3 p {
color: #222;
font-size: 18px;
font-family: 'SFUIText-Light';
text-align: center;
padding: 20px;
}
.sctn-3 .top-txt {
color: #777;
font-size: 12px;
text-align: center;
}
.sctn-3 .bot-txt {
color: #777;
font-size: 14px;
text-align: center;
}
.sctn-3 .slick-prev {
left: 0;
opacity: 0.4;
}
.sctn-3 .slick-next {
right: 0;
opacity: 0.4;
}
.sctn-3 .slick-prev:before,
.sctn-3 .slick-prev:after,
.sctn-3 .slick-next:before,
.sctn-3 .slick-next:after {
background: #44D2CD;
} .sctn-4 {
font-size: 0;
text-align: center;
padding: 30px 0;
background: #F5F5F5;
}
.sctn-4 .inner-box {
display: inline-block;
vertical-align: middle;
width: 50%;
padding: 10px;
}
.sctn-4 .inner-box .title {
color: #222;
font-size: 30px;
font-family: "SFUIText-Bold";
padding: 10px;
}
.sctn-4 .inner-box .title span {
color: #9042C5;
font-family: "SFUIText-Bold";
}
.sctn-4 .inner-box .t2 {
color: #222;
font-size: 25px;
padding: 10px;
}
.sctn-4 .inner-box input {
font-size: 14px;
width: 320px;
display: inline-block;
margin: 10px;
height: 48px;
line-height: 48px;
padding: 0 10px;
background: #FFFFFF;
border: none;
border-radius: 0;
transition: 0.25s;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
}
.sctn-4 .inner-box input:hover {
box-shadow: 0 2px 10px rgba(50,50,50,0.1);
}
.sctn-4 .inner-box input:focus {
box-shadow: 0 2px 10px rgba(50,50,50,0.2);
}
.sctn-4 .inner-box input[type="submit"] {
color: #fff;
font-family: 'SFUIText-Bold';
width: 200px;
display: block;
margin: 10px auto;
background: #9042C5;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-4 .inner-box input[type="submit"]:hover {
background: #44D2CD;
}
.sctn-4 .inner-box .s4-btnlink {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
line-height: 48px;
height: 48px;
width: 200px;
display: block;
padding: 0 10px;
margin: 10px auto;
background: #9042C5;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-4 .inner-box .s4-btnlink:hover {
background: #44D2CD;
}
.sctn-4 .book-form {
position: relative;
}
.sctn-4 .book-form p {
font-size: 18px;
padding: 60px 0 40px;
}
.sctn-4 .book-form .checkbox {
position: relative;
display: inline-block;
padding: 10px 10px 10px 40px;
}
.sctn-4 .book-form .checkbox .box {
position: absolute;
top: 0;
left: 10px;
bottom: 0;
width: 20px;
height: 20px;
margin: auto auto;
background: #fff;
border: 1px solid #222;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-4 .book-form .checkbox .box.active {
border-color: #9042C5;
}
.sctn-4 .book-form .checkbox .box:hover {
border-color: #44D2CD;
}
.sctn-4 .book-form .checkbox .box:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto auto;
width: 0;
height: 0;
background: #9042C5;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-4 .book-form .checkbox .box.active:before {
width: 15px;
height: 15px;
}
.sctn-4 .book-form .checkbox .box.active:hover:before {
background: #44D2CD;
}
.sctn-4 .book-form .checkbox a {
color: #222;
font-size: 14px;
text-decoration: underline;
}
.book__slider .slick-prev {
left: 10px;
}
.book__slider .slick-prev:before {
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.book__slider .slick-prev:after {
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.book__slider .slick-next {
right: 10px;
}
.book__slider .slick-next:before {
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.book__slider .slick-next:after {
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.book__slider .slick-dots {
bottom: -35px;
} .sctn-instruktor {
text-align: center;
padding: 20px 0 30px;
}
.sctn-instruktor h2 {
padding: 20px;
}
.sctn-instruktor a {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
text-transform: uppercase;
line-height: 48px;
height: 48px;
width: 85%;
display: block;
padding: 0 10px;
margin: 10px auto;
background: #9042C5;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-instruktor a:hover {
background: #44D2CD;
} .sctn-5 .s5-slider {
padding: 30px 60px;
}
.sctn-5 .slick-arrow:before,
.sctn-5 .slick-arrow:after {
background: #CCC;
}
.sctn-5 .slide {
padding: 10px;
}
.sctn-5 .img-box {
position: relative;
display: inline-block;
vertical-align: middle;
width: 136px;
height: 136px;
margin: 10px;
background: #CCC;
border: 2px solid #CCC;
background-size: cover;
}
.sctn-5 .img-box:after {
display: none;
content: "";
color: #ccc;
font-size: 30px;
position: absolute;
bottom: -25px;
left: 0;
right: 0;
}
.sctn-5 .inner-box {
text-align: left;
display: inline-block;
vertical-align: middle;
}
.sctn-5 .t1 {
color: #222;
font-size: 18px;
font-family: 'SFUIText-Bold';
padding: 2px 10px;
}
.sctn-5 .t2 {
color: #777;
font-size: 14px;
padding: 2px 10px;
}
.sctn-5 .t3 {
color: #222;
font-size: 16px;
padding: 2px 10px;
}
.sctn-5 .slide p {
color: #222;
font-size: 16px;
line-height: 1.5;
text-align: left;
margin: 10px;
}
.sctn-5 .slick-prev {
left: 20px;
}
.sctn-5 .slick-next {
right: 20px;
} .sctn-6 {
font-size: 0;
text-align: right;
padding: 170px 0;
background: url(//psihomag.com/wp-content/themes/psihomagia/img/s6-bg.png) no-repeat center center #f9f9f9;
}
.sctn-6 .inner-box {
text-align: center;
display: inline-block;
vertical-align: middle;
width: 50%;
padding: 10px;
}
.sctn-6 .inner-box .title {
color: #222;
font-size: 30px;
font-family: "SFUIText-Bold";
padding: 10px;
}
.sctn-6 .inner-box .title span {
color: #9042C5;
font-family: "SFUIText-Bold";
}
.sctn-6 .inner-box .t2 {
color: #222;
font-size: 25px;
padding: 10px;
}
.sctn-6 .dbtn {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
display: block;
margin: 20px auto;
height: 48px;
line-height: 48px;
width: 200px;
background: #9042C5;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-6 .dbtn:hover {
background: #44D2CD;
}
.sctn-6 .app-btn {
display: inline-block;
vertical-align: middle;
width: 50%;
max-width: 250px;
}
.sctn-6 .app-btn:hover {
opacity: 0.9;
}
.sctn-6 .app-btn img {
padding: 10px;
} .sctn-k {
font-size: 0;
padding: 20px 0;
}
.sctn-k .content {
padding: 0 10px;
}
.sctn-k .inner-box {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 10px;
} .sctn-boxes {
padding-top: 60px;
max-width: 100%;
overflow: hidden;
}
@media (max-width: 768px) {
.sctn-boxes {
padding-top: 40px;
}
}
.sctn-boxes__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sctn-boxes__head .title-group {
flex: 50%;
}
@media (max-width: 768px) {
.sctn-boxes__head .title-group {
flex: 100%;
}
}
.sctn-boxes__head .title-group .title {
font-weight: bold;
font-size: 48px;
line-height: 110%;
margin: 0;
padding: 15px 20px;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.sctn-boxes__head .title-group .title {
font-size: 34px;
padding-bottom: 5px;
margin-bottom: 0;
}
}
.sctn-boxes__head .title-group .subtitle {
color: #666666;
font-size: 19px;
line-height: 130%;
padding: 15px 20px;
max-width: 540px;
}
.sctn-boxes .slider {
padding: 60px 0 100px;
}
@media (max-width: 768px) {
.sctn-boxes .slider {
padding: 20px 0 40px;
}
}
.sctn-boxes .slider__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-transition: 0.35s ease-out;
-o-transition: 0.35s ease-out;
transition: 0.35s ease-out;
}
@media (max-width: 768px) {
.sctn-boxes .slider__list {
overflow: auto;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
}
}
.sctn-boxes .slider__list .slide {
min-width: 40%;
}
@media (max-width: 768px) {
.sctn-boxes .slider__list .slide {
min-width: 90%;
}
}
.sctn-boxes .slider__list .slide .img {
padding: 15px 20px;
}
.sctn-boxes .slider__list .slide .img img {
width: 100%;
border-radius: 13px;
-webkit-box-shadow: 10px 7px 40px rgba(29, 53, 71, 0.15);
box-shadow: 10px 7px 40px rgba(29, 53, 71, 0.15);
-webkit-transition: 0.35s ease-out;
-o-transition: 0.35s ease-out;
transition: 0.35s ease-out;
}
@media (min-width: 769px) {
.sctn-boxes .slider__list .slide__link:hover .img img {
-webkit-transform: scale(1.7);
-ms-transform: scale(1.7);
transform: scale(1.7);
-webkit-transition: 0.15s;
-o-transition: 0.15s;
transition: 0.15s;
}
}
.sctn-boxes .slider__list .slide span {
font-weight: bold;
font-size: 24px;
line-height: 140%;
padding: 15px 20px;
display: block;
font-family: "SFUIText-Bold";
background: linear-gradient(45deg, #9042C5 20%, #44D2CD 50%, #44D2CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #9042C5;
}
.sctn-boxes .slider__list .slide span :hover {
animation: shine 1s linear infinite;
}
@keyframes shine {
to {
background-position: 200% center;
}
}
@media (max-width: 768px) {
.sctn-boxes .slider__list .slide span {
font-size: 20px;
padding-top: 0;
}
}
.sctn-boxes .slider__list .slide:last-child {
margin: 0;
}
.sctn-boxes .slider__controls {
position: relative;
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index:  4;
}
@media (max-width: 768px) {
.sctn-boxes .slider__controls {
display: none;
}
}
.sctn-boxes .slider__controls .arrow {
color: #A8A8A8;
font-size: 18px;
line-height: 21px;
text-transform: capitalize;
position: relative;
padding: 15px 15px 25px;
cursor: pointer;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.sctn-boxes .slider__controls .arrow:before {
content: "";
position: absolute;
bottom: 0;
height: 2px;
background: #44D2CD;
-webkit-transition: 0.35s ease-out;
-o-transition: 0.35s ease-out;
transition: 0.35s ease-out;
}
.sctn-boxes .slider__controls .arrow:after {
content: "";
position: absolute;
bottom: 1px;
height: 20px;
width: 10px;
background: url(//psihomag.com/wp-content/themes/psihomagia/img/arrow-right.svg) no-repeat center center;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.sctn-boxes .slider__controls .arrow_left {
padding-right: 70px;
}
.sctn-boxes .slider__controls .arrow_left:before {
left: 15px;
width: 120px;
}
.sctn-boxes .slider__controls .arrow_left:after {
left: 12px;
-webkit-transform: translateY(50%) rotateZ(180deg);
-ms-transform: translateY(50%) rotateZ(180deg);
transform: translateY(50%) rotateZ(180deg);
}
.sctn-boxes .slider__controls .arrow_right {
padding-left: 70px;
}
.sctn-boxes .slider__controls .arrow_right:before {
right: 15px;
width: 110px;
}
.sctn-boxes .slider__controls .arrow_right:after {
right: 12px;
}
.sctn-boxes .slider__controls .arrow:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.sctn-boxes .slider__controls .arrow:hover:before {
width: 100%;
-webkit-transition: 0.15s ease;
-o-transition: 0.15s ease;
transition: 0.15s ease;
} .sctn-lp {
padding: 20px 0;
font-size: 0;
}
.sctn-lp .content {
padding: 0 10px;
}
.sctn-lp .title {
font-size: 32px;
font-family: "SFUIText-Bold";
text-align: center;
padding: 10px 0;
background: linear-gradient(45deg, #9042C5 20%, #44D2CD 50%, #44D2CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #9042C5;
}
.sctn-lp .img {
margin: 10px;
background-size: cover;
background-position: center center;
min-height: 400px;
}
.sctn-lp .inner-box {
padding: 0 10px;
}
.sctn-lp h2 {
color: #222;
font-size: 30px;
font-family: "SFUIText-Bold";
padding: 10px 0;
}
.sctn-lp p {
font-size: 18px;
line-height: 27px;
padding: 10px 0;
text-align: justify;
}
.sctn-lp .price {
font-size: 22px;
display: inline-block;
vertical-align: middle;
padding: 10px;
}
.sctn-lp .price-2 {
color: #777;
font-size: 18px;
display: inline-block;
vertical-align: middle;
padding: 10px;
}
.sctn-lp .price-2 b {
position: relative;
}
.sctn-lp .price-2 b:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 2px;
margin: auto auto;
background: red;
}
.sctn-lp .inner-box .btn {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
line-height: 48px;
text-align: center;
display: block;
width: 170px;
margin: 20px 0 10px;
background: #9042C5;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-lp .inner-box .btn:hover {
background: #44D2CD;
}
.sctn-lp .inner-box .btn.btn--deactivated {
background: gray;
cursor: default;
} .tabs {
display: flex;
text-align: center;
padding: 0 10px 10px;
}
.tabs .tab .box {
color: #222;
font-size: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 12px 16px;
margin: 0;
border: 1px solid #ccc;
cursor: pointer;
border-radius: 100px;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.tabs a {
color: #222;
font-size: 12px;
display: inline-block;
vertical-align: middle;
padding: 5px 10px;
margin: 5px;
border: 1px solid #ccc;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.tabs a:active,
.tabs a:hover,
.tabs .tab .box:active,
.tabs .tab .box:hover {
border: 1px solid #44D2CD;
}
.tabs li.current-cat a,
.tabs .tab .box.active {
color: #fff;
background: #44D2CD;
border: 1px solid #44D2CD;
}
.tabs .tab .box b {
font-size: 12px;
}
.tblock {
display: none;
}
.tblock.active {
display: block;
} .sctn-p {
padding: 20px 0;
font-size: 0;
}
.sctn-p .content {
padding: 0 10px;
}
.sctn-p .tabs {
flex-wrap: wrap;
justify-content: flex-start;
display: flex;
gap: 8px;
}
.sctn-p .big-title {
font-size: 35px;
font-family: "SFUIText-Bold";
text-align: center;
display: block;
padding: 10px;
}
.sctn-p.bthide .big-title {
display: none;
}
.sctn-p .big-title b {
background: linear-gradient(45deg, #9042C5 20%, #44D2CD 50%, #44D2CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #9042C5;
}
.sctn-p .inner-box {
position: relative;
display: inline-block;
vertical-align: top;
width: 33.33%;
padding: 10px;
}
.sctn-p .inner-box a {
color: #fff;
display: block;
}
.sctn-p .inner-box .skidka {
color: #fff;
font-size: 14px;
font-family: "SFUIText-Bold";
line-height: 50px;
text-align: center;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
border-radius: 100%;
background: red;
opacity: 0.9;
z-index: 1;
}
.sctn-p .inner-box .img-box {
display: block;
padding-top: 80%;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center center;
background-color: #eee;
border: 1px solid #eee;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-p .inner-box .img-box:hover {
filter: saturate(1.3);
}
.sctn-p .inner-box .title {
position: relative;
height: 82px;
padding: 10px 0 0;
cursor: pointer;
}
.sctn-p .inner-box .title:before {
content: "";
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle;
}
.sctn-p .inner-box .title > div {
font-size: 20px;
font-family: "SFUIText-Bold";
line-height: 24px;
display: inline-block;
vertical-align: middle;
width: 100%;
background: linear-gradient(45deg, #222 20%, #222 50%, #222);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #222;
}
.sctn-p .inner-box .title:hover > div {
background: linear-gradient(45deg, #9042C5 20%, #44D2CD 50%, #44D2CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #9042C5;
}
.sctn-p .inner-box .before-title {
color: #000;
font-size: 16px;
position: absolute;
left: 0;
bottom: 100%;
padding: 10px;
box-shadow: -2px 2px 6px rgba(0,0,0,0.2);
background: rgba(255,255,255,0.9);
}
.sctn-p .inner-box p {
color: #222;
font-size: 14px;
padding: 5px;
height: 100px;
overflow: hidden;
margin: 10px 0 0 0;
border-top: 1px solid #222;
}
.sctn-p .inner-box p a {
color: #9042C5;
font-size: 12px;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-p .inner-box p a:hover {
color: #44D2CD;
}
.sctn-p .inner-box .btn {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
display: block;
width: 100%;
text-align: center;
line-height: 40px;
background: #9042C5;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-p .inner-box .btn .btn-box {
font-family: 'SFUIText-Bold';
}
.sctn-p .inner-box .btn a {
font-family: 'SFUIText-Bold';
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-p .inner-box a.btn:hover,
.sctn-p .inner-box .btn a:hover {
background: #44D2CD;
}
.sctn-p .inner-box .btn.dis {
background: gray;
cursor: default;
}
.sctn-p .inner-box .inner {
text-align: center;
border-top: 1px solid #222;
}
.sctn-p .inner-box .inner .no-price {
font-size: 16px;
line-height: 51px;
}
.sctn-p .inner-box .inner .price {
font-size: 22px;
}
del {
padding-right: 8px;
}
del,
ins {
display: inline-block;
vertical-align: middle;
position: relative;
}
.sctn-p .inner-box .inner del,
.sctn-p .inner-box .inner ins {
width: 49%;
}
del:before {
content: "";
position: absolute;
top: 10px;
right: 0;
bottom: 10px;
width: 1px;
background: #ccc;
}
.woocommerce-Price-amount {
font-size: 22px;
font-family: 'SFUIText-Bold';
line-height: 30px;
margin: 10px;
display: inline-block;
position: relative;
}
del .woocommerce-Price-amount,
ins .woocommerce-Price-amount {
width: auto;
}
del .woocommerce-Price-amount {
font-size: 18px;
}
del .woocommerce-Price-amount:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 3px;
margin: auto auto;
border-radius: 10px;
background: red;
}
.woocommerce-Price-currencySymbol {
font-size: 20px;
}
del .woocommerce-Price-currencySymbol {
font-size: 16px;
}
.sctn-p .inner-box .inner .price b {
font-size: 18px;
}
.sctn-p .inner-box .inner .btn {
width: 50%;
margin: 10px auto;
display: inline-block;
vertical-align: middle;
}
.sctn-p .inner-box .more {
color: #ccc;
font-size: 14px;
text-align: center;
padding: 5px 10px;
box-shadow: 0 -6px 10px -6px #ccc;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-p .inner-box .more:hover {
background: #44D2CD;
color: #fff;
}
.sctn-p .product-filter {
color: #777;
font-size: 12px;
text-align: right;
padding: 10px 0;
margin: 0 10px;
border-top: 1px solid #222;
}
.sctn-p .product-filter > * {
display: inline-block;
vertical-align: middle;
}
.sctn-p .product-filter span {
text-decoration: underline;
padding: 0 5px;
cursor: pointer;
}
.sctn-p .product-filter span.active {
color: #44D2CD;
}
.sctn-p .product-filter span:hover {
text-decoration: none;
} .sctn-woo {
padding: 20px 0 40px;
}
.sctn-woo .back {
padding: 10px 20px;
}
.sctn-woo .onsale {
display: none;
}
.sctn-woo a {
color: #44D2CD;
}
.sctn-woo #wooswipe {
text-align: center;
padding: 10px 20px;
z-index: 1;
}
.sctn-woo #wooswipe .woocommerce-main-image img {
height: auto;
}
.pswp {
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.sctn-woo .summary {
text-align: center;
}
.sctn-woo h1 {
color: #222;
font-size: 30px;
text-align: center;
font-family: "SFUIText-Bold";
padding: 10px 0 20px;
margin: 0 20px 10px;
border-bottom: 2px solid #eee;
display: block;
}
.sctn-woo h2 {
color: #222;
font-size: 24px;
text-align: center;
font-family: "SFUIText-Bold";
padding: 20px 0 10px;
display: block;
}
.sctn-woo .summary .obertka {
padding: 0 20px;
}
.woocommerce-product-details__short-description p {
color: #777;
font-size: 14px;
line-height: 1.4;
padding-bottom: 10px;
}
.sctn-woo .summary .btn {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 10px 20px;
margin: 10px;
background: #9042C5;
border: none;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo .summary .btn:hover {
background: #44D2CD;
}
.sctn-woo .summary .btn.dis {
background: gray;
cursor: default;
}
.sctn-woo .summary .btn .btn-box {
font-family: 'SFUIText-Bold';
}
.sctn-woo .summary .price {
color: #222;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
}
.sctn-woo .summary .cart,
.sctn-woo .summary .cart .variations {
display: inline-block;
vertical-align: middle;
}
.sctn-woo .summary .cart .variations select {
color: #222;
font-size: 16px;
padding: 10px;
margin: 10px;
border: 2px solid #eee;
}
.sctn-woo .summary .cart .reset_variations {
display: none!important;
}
.sctn-woo .summary .cart .single_variation_wrap,
.sctn-woo .summary .cart .woocommerce-variation,
.sctn-woo .summary .cart .variations_button {
display: inline-block;
vertical-align: middle;
}
.sctn-woo .summary .quantity {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
}
.sctn-woo .summary .quantity input {
color: #222;
font-size: 16px;
line-height: 32px;
text-align: center;
width: 60px;
border: 2px solid #eee;
}
.sctn-woo .summary button {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 10px 20px;
margin: 10px;
background: #9042C5;
border: none;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo .summary button:hover {
background: #44D2CD;
}
.sctn-woo .product_meta {
font-size: 12px;
display: inline-block;
padding-top: 10px;
border-top: 1px solid #eee;
}
.sctn-woo .wc-tabs {
border-bottom: 2px solid #eee;
margin: 20px 20px 0;
padding: 0;
}
.sctn-woo .wc-tabs a {
color: #222;
font-size: 14px;
border: 2px solid #eee;
border-bottom: 0;
margin: 0 1px;
position: relative;
top: 0;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-woo .wc-tabs .active a {
font-size: 16px;
top: 2px;
}
.sctn-woo th {
text-align: left;
padding: 5px 20px 5px 0;
} .buy-btn {
color: #fff;
font-size: 14px;
font-family: 'SFUIText-Bold';
font-weight: bold;
text-align: center;
display: block;
padding: 10px 20px;
margin: 20px;
background: #9042C5;
border: none;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.buy-btn:hover {
background: #44D2CD;
} #shop-popup {
padding: 40px 20px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
opacity: 0;
visibility: hidden;
overflow: auto;
z-index: 999;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
}
#shop-popup.active {
opacity: 1;
visibility: visible;
}
#shop-popup:before {
content: "Загружается...";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto auto;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 24px;
height: 24px;
opacity: 0.7;
}
#shop-popup .sctn-woo {
max-width: 768px;
margin: auto auto;
background: #fff;
padding: 20px;
} .affiliate__input {
line-height: 32px;
height: 32px;
width: 100%;
display: block;
padding: 0 10px;
}
.affiliate__btn {
color: #fff;
font-family: "SFUIText-Bold";
padding: 10px;
display: inline-block;
background: #44D2CD;
border: 0;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.affiliate__btn:hover {
background: #9042C5;
}
.sctn .woocommerce form .form-row {
padding: 10px 0;
}
.woocommerce .product-name a {
color: #222;
}
.woocommerce .product-name a:hover {
color: #44D2CD;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #9042C5!important;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #44D2CD!important;
}
.woocommerce form .form-row input.input-text {
padding: 0 10px!important;
line-height: 30px!important;
height: 30px!important;
}
.woocommerce form .form-row textarea {
padding: 10px!important;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 1.5;
padding: 10px;
}
.woocommerce ul li:before {
display: none!important;
}
.woocommerce .woocommerce-order .woocommerce-notice {
color: #222;
font-size: 18px;
font-family: "SFUIText-Bold";
padding: 20px 0;
}
.woocommerce .woocommerce-order h2 {
padding: 20px 0;
} .wp-block-embed-youtube iframe {
width: 100%;
height: 600px;
} .sctn .content .translation-chat {
padding-bottom: 40px;
} #map {
height: 90vh;
max-height: 700px;
}
#map .gm-style-iw {
text-align: center;
padding: 10px!important;
}
#map .gm-style-iw-d {
overflow: visible!important;
}
#map .map_pp .img {
height: 100px;
width: 100px;
display: inline-block;
margin-bottom: 5px;
border-radius: 100%;
background-position: center center;
background-size: cover;
}
#map .map_pp .name {
color: #222;
background: #fff;
padding: 10px;
border: 2px solid #53CEC6;
}
#map .map_pp p {
color: #777;
font-size: 12px;
padding-top: 10px;
} .master {
display: flex;
flex-wrap: wrap;
background: #fff;
border: 1px solid #ccc;
border-radius: 20px;
padding: 0;
overflow: hidden;
}
.master__image {
max-height: 70vh;
min-height: 300px;
max-width: 50%;
object-fit: cover;
}
@media (max-width: 768px) {
.master__image {
flex: 100%;
max-width: 100%;
max-height: 60vh;
}
}
.master__info {
text-align: center;
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.master__title {
color: #222;
font-size: 26px;
text-align: center;
font-family: "SFUIText-Bold";
display: block;
}
.master__title span {
color: #777;
font-size: 14px;
display: block;
} footer.fixed {
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
footer .footer-block {
font-size: 0;
text-align: center;
padding-top: 20px;
background: #222;
}
footer.fixed .footer-block {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
footer .inner-box {
display: inline-block;
vertical-align: middle;
width: 33%;
padding: 10px;
}
footer .inner-box p {
color: #fff;
font-size: 16px;
padding: 10px;
}
footer .inner-box p a {
color: #fff;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
footer .inner-box p a:hover {
color: #44D2CD;
}
.social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-links a {
position: relative;
width: 48px;
display: block;
}
.social-links a:not(:last-child) {
margin-right: 16px;
}
.social-links a svg {
opacity: 0.7;
-webkit-transition: 0.35s ease-out;
-o-transition: 0.35s ease-out;
transition: 0.35s ease-out;
}
.social-links a:hover svg {
opacity: 1;
-webkit-transition: 0.15s;
-o-transition: 0.15s;
transition: 0.15s;
}
footer .inner-box .social-links {
justify-content: center;
}
footer .inner-box .social-links a {
margin: 5px;
width: 32px;
}
footer ul {
padding: 10px;
}
footer ul li {
display: inline-block;
vertical-align: middle;
width: 25%;
}
footer ul li a {
color: #fff;
font-size: 14px;
padding: 10px;
display: block;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
footer ul li a:hover {
color: #44D2CD;
}
footer .bot-box {
padding: 10px 20px;
border-top: 1px solid #fff;
}
footer .bot-box p {
color: #eee;
font-size: 16px;
} .questionnaire {
color: #fff;
font-size: 0;
background: #9042C5;
text-align: center;
}
.questionnaire * {
padding: 0;
margin: 0;
transition: 0.35s ease;
-webkit-transition: 0.35s ease;
-moz-transition: 0.35s ease;
-ms-transition: 0.35s ease;
-o-transition: 0.35s ease;
}
.questionnaire .content {
padding: 10px 10px 20px;
margin: 0 auto;
}
.questionnaire-full {
width: 100%;
display: inline-block;
}
.active .questionnaire-full {
padding: 10px;
}
.questionnaire-half {
width: 50%;
display: inline-block;
vertical-align: top;
}
.active .questionnaire-half {
padding: 10px;
}
.active .questionnaire-title {
font-size: 24px;
}
.active .questionnaire-title b {
font-size: 28px;
}
.questionnaire-btn {
color: #000;
font-size: 0;
font-weight: bold;
padding: 0;
margin: 0;
border: 0;
background: #fff;
cursor: pointer;
}
.active .questionnaire-btn {
font-size: 16px;
line-height: 40px;
}
.questionnaire-btn:hover {
color: #fff;
background: #44D2CD;
}
.active .questionnaire-form-title {
text-align: left;
font-size: 16px;
padding-bottom: 10px;
}
.questionnaire .telplus {
position: relative;
}
.questionnaire .telplus:before {
content: "+";
color: #000;
text-align: center;
position: absolute;
left: 10px;
bottom: 10px;
width: 40px;
background: #fafafa;
border-right: 1px solid #eee;
}
.questionnaire .active .telplus:before {
font-size: 20px;
line-height: 40px;
}
.questionnaire input,
.questionnaire textarea {
font-size: 0;
line-height: 0;
border: 0;
height: 0;
width: 100%;
}
.active input {
font-size: 18px;
line-height: 40px;
height: 40px;
border: 1px solid #fff;
padding: 0 10px;
}
.questionnaire input[type='submit'] {
border: 0px;
}
.questionnaire .telplus input {
padding-left: 50px;
}
.questionnaire textarea {
min-height: 0;
}
.active textarea {
font-size: 18px;
line-height: 1;
padding: 10px;
height: 200px;
min-height: 200px;
max-height: 200px;
min-width: 100%;
max-width: 100%;
border: 1px solid #fff;
}
.questionnaire input.error,
.questionnaire textarea.error {
background: rgba(255,0,0,0.2)!important;
}
.active .questionnaire-box {
height: 40px;
border: 1px solid #fff;
cursor: pointer;
}
.active .questionnaire-box:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.error .questionnaire-box {
background: rgba(255,0,0,0.2);
}
.questionnaire-box.added,
.questionnaire-box:hover {
background: #fff;
}
.active .questionnaire-text {
font-size: 16px;
line-height: 0.9;
display: inline-block;
vertical-align: middle;
}
.questionnaire-box.added .questionnaire-text,
.questionnaire-box:hover .questionnaire-text {
color: #000;
} @media(min-width: 768px) {
.goanim .an,
.goanim.an {
opacity: 0;
transform: translateY(100px);
}
.goanim.an.Tan,
.goanim .an.Tan {
transform: translateY(100px);
}
.goanim.an.Ban,
.goanim .an.Ban {
transform: translateY(-100px);
}
.goanim.an.Lan,
.goanim .an.Lan {
transform: translateX(-100px);
}
.goanim.an.Ran,
.goanim .an.Ran {
transform: translateX(100px);
}
.goanim.an.San,
.goanim .an.San {
transform: scale(0);
}
.goanim.an.RSan,
.goanim .an.RSan {
transform: scale(2);
}
.an {
transform: translate(0,0) scale(1);
opacity: 1;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.an.an-2 {
transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
}
.an.an-3 {
transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
}
.an.an-4 {
transition-delay: 0.35s;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
-ms-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
}
.an.an-5 {
transition-delay: 0.45s;
-webkit-transition-delay: 0.45s;
-moz-transition-delay: 0.45s;
-ms-transition-delay: 0.45s;
-o-transition-delay: 0.45s;
}
.an.an-6 {
transition-delay: 0.55s;
-webkit-transition-delay: 0.55s;
-moz-transition-delay: 0.55s;
-ms-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
}
} .sctn-lk {
padding: 20px 0;
}
.sctn-lk h2 {
text-align: center;
background: #fff;
border-radius: 8px;
padding: 20px;
}
.sctn-lk h3 {
color: #9042C5;
text-align: left;
padding: 32px 20px 0;
}
.sctn-lk .lk-head {
margin: 20px;
}
.sctn-lk .name {
font-size: 32px;
font-family: "SFUIText-Bold";
padding: 16px;
}
.sctn-lk .name span {
font-size: 16px;
font-weight: normal;
}
.sctn-lk .nav {
display: flex;
justify-content: flex-end;
border: 1px solid #44D2CD;
border-radius: 8px;
overflow: hidden;
}
.sctn-lk .nav li {
display: flex;
justify-content: center;
align-items: center;
}
.sctn-lk .nav li a {
color: #000;
font-size: 16px;
text-align: center;
padding: 10px 20px;
display: block;
border-left: 1px solid #eee;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-lk .nav li a:hover {
color: #44D2CD;
}
.sctn-lk .all-course {
padding: 10px;
}
.sctn-lk .all-course .inner-box {
padding: 10px;
}
.sctn-lk .all-course .title {
font-size: 22px;
font-family: "SFUIText-Bold";
text-align: center;
padding: 10px;
margin: 16px 0;
border-bottom: 1px solid #222;
display: flex;
justify-content: center;
align-items: flex-end;
height: 80px;
}
.sctn-lk .all-course .inner {
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-lk .all-course .inner:hover {
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.sctn-lk .all-course .imgs {
border-right: 1px solid #eee;
background-color: #F5F5F5;
overflow: hidden;
padding-top: 56%;
position: relative;
}
.sctn-lk .all-course .imgs .img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
transform: scale(1.2);
background-size: cover;
background-color: #bfbfbf;
background-position: center center;
opacity: 0;
visibility: hidden;
transition: 0.15s ease;
-webkit-transition: 0.15s ease;
-moz-transition: 0.15s ease;
-ms-transition: 0.15s ease;
-o-transition: 0.15s ease;
}
.sctn-lk .all-course .imgs .img.active {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.sctn-lk .all-course .imgs .img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto auto;
max-height: 100%;
max-width: 100%;
filter: contrast(0.5);
}
.sctn-lk .all-course .list {
text-align: left;
background: #fff;
overflow: auto;
}
.sctn-lk .all-course .list a {
color: #000;
font-size: 16px;
display: block;
padding: 16px;
border-bottom: 1px solid #eee;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.sctn-lk .all-course .list a:hover {
color: #44D2CD;
}
.sctn-lk .all-course-archive {
display: flex;
flex-wrap: wrap;
}
.sctn-lk .all-course-archive .inner-box {
flex-basis: 33.33%;
}
@media (max-width: 1000px) {
.sctn-lk .all-course-archive .inner-box {
flex-basis: 50%;
}
}
@media (max-width: 768px) {
.sctn-lk .all-course-archive .inner-box {
flex-basis: 100%;
}
} #getinfo {
padding: 20px;
}
#getinfo label {
max-width: 320px;
display: block;
margin: 0 auto;
}
#getinfo label.telplus {
position: relative;
}
#getinfo label.telplus:before {
content: "+";
color: #000;
font-size: 20px;
line-height: 40px;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
width: 40px;
background: #fafafa;
border-right: 1px solid #eee;
}
#getinfo input {
color: #000;
display: block;
line-height: 40px;
height: 40px;
width: 100%;
max-width: 320px;
margin: 10px auto;
padding: 0 10px;
border: 1px solid #fafafa;
-webkit-appearance: none;
}
#getinfo .telplus input {
padding-left: 50px;
}
#getinfo input[type="submit"] {
color: #fff;
padding: 0 20px;
background: #4aaeab;
border: 0;
margin: 20px auto;
cursor: pointer;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
#getinfo input[type="submit"]:hover {
background: #44D2CD;
} .soc-block {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.soc-block .soc-block__title {
text-align: center;
padding: 10px 0;
flex: 100%;
font-size: 16px;
}
.soc-block a {
color: #ccc;
display: inline-block;
vertical-align: middle;
padding: 10px;
width: 60px;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
.soc-block a:hover {
color: #000;
} @media(min-width: 1001px) {
.customize-support {
margin-top: 32px;
}
.customize-support header {
top: 32px;
}
}
#wpadminbar {
opacity: .6;
-webkit-transition: .15s;
transition: .15s;
}
#wpadminbar:hover {
opacity: 1;
}
html:root {
margin-top: 0!important
}
@media(max-width: 1000px) {
#wpadminbar {
display: none;
}
header .nav {
gap: 32px;
flex-direction: column-reverse;
position: fixed;
top: 0;
right: -320px;
bottom: 0;
width: 320px;
height: auto;
padding: 30px 10px;
background: #fff;
overflow: auto;
z-index: 1;
transition: 0.15s;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-ms-transition: 0.15s;
-o-transition: 0.15s;
}
header.active .nav {
right: 0;
}
header .nav li {
display: block;
}
.lk-btn.--mobile {
font-size: 14px;
position: absolute;
top: 0;
right: 72px;
bottom: 0;
height: 40px;
display: flex;
margin: auto 0;
} header .brgr {
display: block;
position: fixed;
top: 24px;
right: 10px;
padding: 10px;
width: 52px;
height: 48px;
margin: auto 0;
opacity: 0.8;
cursor: pointer;
z-index: 11;
}
@media (max-width: 768px) {
header .brgr {
top: 14px;
}
}
header .brgr:hover {
opacity: 1;
}
header .brgr .line {
position: relative;
height: 4px;
width: 100%;
margin: 8px auto;
background: #222;
border-radius: 15px;
transition: 0.35s;
-webkit-transition: 0.35s;
-moz-transition: 0.35s;
-ms-transition: 0.35s;
-o-transition: 0.35s;
}
header .brgr .line:first-child {
top: 0;
margin: 0;
transform: rotateZ(0deg);
}
header .brgr .line:last-child {
bottom: 0;
margin: 0;
transform: rotateZ(0deg);
}
header .brgr:active .line {
background: #9042C5;
}
header.active .brgr .line {
width: 0;
}
header.active .brgr .line:first-child {
width: 100%;
top: 12px;
transform: rotateZ(-45deg);
}
header.active .brgr .line:last-child {
width: 100%;
bottom: 12px;
transform: rotateZ(45deg);
}
.sctn-6 {
background-position: right center;
}
.sctn-lp .inner-box .title {
font-size: 36px;
}
.sctn-p .inner-box {
width: 50%;
}
.sctn-lp .inner-box .btn {
margin: 20px auto;
}
.wp-block-embed-youtube iframe,
.translation-block iframe {
height: 90vw;
}
.sctn-woo #tab-additional_information .clmn-about .wp-block-column,
.sctn-woo #tab-description .clmn-about .wp-block-column,
.editor-content .clmn-about .wp-block-column {
width: 100%;
}
.sctn-woo #tab-additional_information .clmn-about .wp-block-column:first-child,
.sctn-woo #tab-description .clmn-about .wp-block-column:first-child,
.editor-content .clmn-about .wp-block-column:first-child {
width: 100%;
padding-bottom: 20px;
}
}
@media(max-width: 768px) {
.bg-black {
background-size: 100% auto;
}
.tabs a {
font-size: 10px;
padding: 5px 5px;
margin: 3px;
}
.sctn-woo #tab-additional_information .attachment,
.sctn-woo #tab-description .attachment,
.editor-content .attachment {
background-attachment: unset;
}
.sctn-1 h1 {
font-size: 38px;
}
.sctn-4 {
padding: 10px 0;
}
.sctn-4 .inner-box {
width: 100%;
}
.sctn-4 .inner-box input {
width: 280px;
}
.sctn-4 .inner-box .title {
font-size: 20px;
}
.sctn-4 .inner-box .t2 {
font-size: 16px;
}
.sctn-5 .s5-slider {
padding: 0;
}
.sctn-5 .slide {
text-align: center;
}
.sctn-5 .slick-prev,
.sctn-5 .slick-next {
top: 90px;
}
.sctn-5 .slide p {
font-size: 14px;
}
.sctn-6 {
padding: 20px 0;
}
.sctn-6 .inner-box {
width: 100%;
}
.sctn-6 .inner-box .title {
font-size: 20px;
}
.sctn-6 .inner-box .t2 {
font-size: 16px;
}
.sctn-5 h2 {
font-size: 20px;
padding: 0 20px;
}
.sctn-k .inner-box {
width: 50%;
}
.tabs .tab .box {
font-size: 12px;
padding: 5px 20px;
}
.sctn-p .inner-box {
width: 100%;
}
.sctn-p .inner-box .title {
font-size: 18px;
line-height: 20px;
height: auto;
}
.sctn-lp .img {
flex-basis: 100%;
}
.sctn-lp p {
text-align: left;
}
#map {
max-height: 360px;
}
footer .inner-box {
width: 100%;
}
.sctn-lk .nav {
position: relative;
}
.sctn-lk .name {
font-size: 24px;
padding: 10px 0;
}
.sctn-lk .nav li {
padding: 5px 0;
}
.sctn-lk .nav li a {
padding: 5px 20px;
border: 1px solid #eee;
}
}
@media(max-width: 520px) {
.sctn .navigation.pagination {
padding-top: 40px;
}
.sctn .navigation.pagination h2 {
display: none;
}
.sctn-p .inner-box .inner .price {
font-size: 18px;
}
.tabs {
text-align: center;
}
.tabs .tab .box {
margin: 0;
width: 100%;
padding: 5px 10px;
}
.tabs .tab.big {
width: 100%;
}
.sctn-5 .inner-box {
width: 100%;
text-align: center;
}
.questionnaire-half {
width: 100%;
}
footer ul li {
width: 100%;
}
}
@media(max-width: 370px) {
#vk_comments {
padding-left: 0;
padding-right: 0;
}
} #wpadminbar ul li#wp-admin-bar-translation .ab-item {
padding-left: 30px;
position: relative;
}
#wp-admin-bar-translation .ab-item:before {
content: "";
position: absolute!important;
top: auto;
left: 12px;
bottom: 10px;
margin: auto 0;
padding: 0!important;
width: 9px;
height: 9px;
background: red;
border: 1px solid #fff;
border-radius: 100%;
}
#wp-admin-bar-translation .ab-item:after {
content: "";
position: absolute;
left: 15px;
bottom: 13px;
margin: auto 0;
width: 5px;
height: 5px;
background: #fff;
border-radius: 100%;
} #anycomment-root .anycomment-list .comment-single-body__actions ul li {
margin-right: 20px;
width: auto;
} .bg-black {
color: #fff;
padding-top: 20px;
background: url(//psihomag.com/wp-content/themes/psihomagia/img/bg-bp.png) center center #111;
background-size: 500px auto;
max-width: inherit;
}
.bg-black .page-content {
margin-top: 0;
}
.bg-black .sctn-woo #tab-additional_information h1,
.bg-black .sctn-woo #tab-description h1,
.bg-black .editor-content h1,
.bg-black .sctn h1,
.bg-black .sctn-woo #tab-additional_information h3,
.bg-black .sctn-woo #tab-description h3,
.bg-black .editor-content h3,
.bg-black .sctn h3,
.bg-black .sctn-woo #tab-additional_information h4,
.bg-black .sctn-woo #tab-description h4,
.bg-black .editor-content h4,
.bg-black .sctn h4,
.bg-black .sctn-woo #tab-additional_information h5,
.bg-black .sctn-woo #tab-description h5,
.bg-black .editor-content h5,
.bg-black .sctn h5,
.bg-black .sctn-woo #tab-additional_information h6,
.bg-black .sctn-woo #tab-description h6,
.bg-black .editor-content h6,
.bg-black .sctn h6,
.bg-black .sctn-woo #tab-additional_information p,
.bg-black .sctn-woo #tab-description p,
.bg-black .editor-content p,
.bg-black .sctn p,
.bg-black #anycomment-root .anycomment-list .comment-single-body__text-content,
.bg-black #anycomment-root .anycomment,
.bg-black .sctn-woo #tab-additional_information h2,
.bg-black .sctn-woo #tab-description h2,
.bg-black .editor-content h2,
.bg-black .sctn h2 {
color: #fff;
}
.bg-black h3 {
font-size: 20px;
}
.bg-black #anycomment-root .dropdown__content li a {
color: #000;
}
.bg-black footer .footer-block {
background: none;
}
.bg-black header {
display: none;
}
.request-count {
padding: 20px 0;
}
.request-count b {
font-size: 40px;
display: block;
padding-top: 20px;
}
.editor-content .wp-block-handpicked-products li:before {
content: none;
}
.wc-block-grid__product-title {
color: #44D2CD;
}
.editor-content .has-text-align-left {
text-align: left;
}
.editor-content .has-text-align-center {
text-align: center;
}
.editor-content .has-text-align-right {
text-align: right;
}
.page-wrapper .wp-block-audio audio {
min-width:  280px;
}
.gutenberg-blocks__wrapper {
background: #fff;
padding-top: 95px;
min-height: calc(100vh - 262px);
}
@media (max-width: 768px) {
.gutenberg-blocks__wrapper {
padding-top: 75px;
}
}
.gutenberg-blocks__wrapper .content {
max-width: 1360px;
}
.wp-block-embed {
padding: 8px;
border: 1px solid #222;
border-radius: 4px;
background: #eee;
}
.wp-block-embed .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
height: auto;
overflow: hidden;
max-width: 100%;
border-radius: 2px;
}
.wp-block-embed .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .sctn .woocommerce #payment #place_order { float: none; }