html, body
{
overflow-x: hidden;
position: relative;
}
.container-narrow-xs
{
max-width: 462px;
padding-inline: 16px;
padding-block: min(max(10px, calc(0.625rem + ((1vw - 8px) * 12.5))), 60px) min(max(20px, calc(1.25rem + ((1vw - 8px) * 10))), 60px) !important;
}
.container-narrow-x
{
max-width: 640px;
padding-inline: 16px;
padding-block: min(max(20px, calc(1.25rem + ((1vw - 8px) * 10))), 60px);
}
.blur-bg
{
position: relative;
}
.blur-bg::after
{
content: '';
position: absolute;
bottom: -590px;
left: -820px;
background-size: cover;
height: 1549.174px;
flex-shrink: 0;
opacity: 0.7;
z-index: -1;
}
.email-subscription-header
{
color: #407BF2;
text-align: center;
font-feature-settings: 'ss02' on, 'ss01' on;
font-family: "Work Sans", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 120%; /* 28.8px */
letter-spacing: -0.96px;
margin-bottom: 24px;
}
.email-subscription-wrapper
{
position: relative;
display: flex;
width: 100%;
padding: 16px;
flex-direction: column;
align-items: stretch;
gap: 16px;
border-radius: 20px;
border: 1px solid #EAECEE;
background: #FFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
z-index: 1;
}
.email-subscription-wrapper .text-a
{
color: #0C1116;
text-align: center;
font-feature-settings: 'ss02' on, 'ss01' on;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 19.2px */
}
.email-subscription-wrapper .text-b
{
color: #0C1116;
text-align: center;
font-feature-settings: 'ss02' on, 'ss01' on;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 19.6px */
letter-spacing: -0.28px;
}
.email-subscription-links-block
{
display: flex;
flex-direction: column;
align-items: stretch;
gap: 16px;
margin-top: 24px;
position: relative;
z-index: 1;
}
.link-block
{
display: flex;
padding: 12px;
align-items: center;
gap: 12px;
border-radius: 40px;
border: 1px solid #EAECEE;
background: #FFF;
color: #0C1116;
font-feature-settings: 'ss02' on, 'ss01' on;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: -0.72px;
text-decoration: none;
}
.link-block::before
{
content: '';
width: 40px;
height: 40px;
background: var(--the-icon);
-webkit-mask-size: cover;
mask-size: cover;
border-radius: 50%;
}
.link-block::after
{
content: '';
width: 24px;
height: 24px;
background: #717D8A;
-webkit-mask: url(images/Chevron.svg);
mask: url(images/Chevron.svg);
margin-left: auto;
}
.link-workshop
{
--the-icon: url(images/Google_Calendar_icon.svg);
}
.link-instagram
{
--the-icon: url(images/insta.svg);
}
.link-youtube
{
--the-icon: url(images/youtube.svg);
}
.link-download
{
--the-icon: url(images/download.svg);
}
.link-telegram
{
--the-icon: url(images/telegram.svg);
}
.form-subscription-thanks-wrapper
{
border-radius: 10px;
border: 1px solid #EAECEE;
background: #FFF;
display: flex;
padding: 48px;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch;
margin: 40px 0px;
position: relative;
z-index: 1;
}
.form-subscription-thanks-wrapper p
{
text-align: center;
color: var(#4F5B67);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: -0.32px;
}
.form-subscription-thanks-ttl
{
color: #0C1116;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 38.4px */
letter-spacing: -1.28px;
}
.form-subscription-thanks-wrapper span,
.home-register span,
.main-download-btn,
.top-main-btn span
{
min-width: 285px;
padding: 12px;
background: #407BF2;
border-radius: 100px;
font-weight: 500;
font-size: 18px;
line-height: 140%;
letter-spacing: -0.04em;
color: #ffffff;
text-decoration: none;
border: 1px solid #407BF2;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.form-subscription-thanks-wrapper a:hover,
.main-download-btn:hover,
.home-register span:hover,
.top-main-btn span:hover
{
color: #407BF2;
background: #ffffff;
}
.home-register span
{
min-width: 285px;
display: inline-block;
}
.get-btn.flex.justify-between.align-center.registration span
{
text-align: center;
}
header .get-btn
{
display: flex;
text-wrap: nowrap;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
}
@media only screen and (max-width: 450px)
{
.page-template-page-xbiz-th .footer-top-right,
.page-template-page-xbiz .footer-top-right,
.page-template-page-xbiz header .get-btn,
.page-template-page-xbiz-th header .get-btn
{
display: none !important;
}
}
.download-block
{
max-width: 846px !important;
}
.get-started.get-started-new .get-started-btn > span
{
min-width: 264px;
color: #fff;
}
.get-started .get-started-btn > span
{
padding: 12px 32px;
height: 60px;
border: 2px solid #e6eefe;
border-radius: 100px;
text-decoration: none;
margin: 0 10px;
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer;
}
.get-started .get-started-btn > span:hover
{
background: #407bf2;
}
.download-logo-wrap
{
width: 262px !important;
}
.download-text, .download-text-hidden
{
font-size: 16px !important;
letter-spacing: -0.32px !important;
}
header .header-menu .desktop-menu .menu-item-has-children:focus-within > .sub-menu
{
display: block !important;
}
.get-started-form-custom-users-list-wrapper .custom-users-forms-wrapper
{
display: grid;
max-width: 580px;
margin-inline: auto;
margin-top: 40px;
}
.get-started-form-custom-users-list-wrapper .custom-user-list-form
{
display: grid !important;
gap: 10px;
width: 100%;
}
/*.get-started-form-custom-users-list-wrapper .custom-users-forms-wrapper > form.custom-user-list-form > div.hidden-message*/
/*{*/
/* color: #fff !important;*/
/*}*/
.get-started-form-custom-users-list-wrapper .custom-user-list-form input[type=email]
{
text-align: center;
color: #717d8a;
font-size: 16px;
line-height: 140%;
letter-spacing: -.02em;
border: 1px solid #717D8A;
border-radius: 8px;
padding: 12px 24px;
height: 48px;
margin-bottom: 0 !important;
}
.get-started-form-custom-users-list-wrapper .custom-user-list-form button
{
height: 48px;
font-weight: 400;
}
.homepage .get-started.get-started-user-list
{
border: 1px solid #EAECEE;
background: #FFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
color: #0C1116;
width: min(100%, 730px);
}
@media only screen and (min-width: 730px)
{
.get-started-form-custom-users-list-wrapper .custom-users-forms-wrapper
{
grid-template-columns: 1fr 1fr;
}
.get-started-form-custom-users-list-wrapper .custom-user-list-form
{
grid-template-columns: 1fr 124px;
}
.get-started-form-custom-users-list-wrapper .custom-users-forms-wrapper > form.custom-user-list-form,
.get-started-form-custom-users-list-wrapper .custom-users-forms-wrapper > p,
.get-started-form-custom-users-list-wrapper .custom-users-forms-wrapper > form.custom-user-list-form > div.hidden-message
{
grid-column: span 2;
}
}
.blogtopwrap {
width:100% !important;
}
#s{
height: 50px;
}
.closeform {
cursor: pointer;
position: absolute;
right: 20px;
top: 12px;
#border: 1px solid;
#padding: 3px 8px 23px 6px;
width: 25px;
height: 25px;
border-radius: 90%;
}
.btn {
border: 0px !important;
background: #407BF2 !important;;
}
.btn:hover {
background: #0066d3 !important;;
}
/******************************AUTHORS***************************/
.page-author .page-header__wrapper-content {
width: 70%;
padding: 60px 0;
display: flex;
}
.page-author .page-header {
display: flex;
justify-content: center;
}
.page-author .page-header__inform {
text-align: left;
width: 80%;
margin-right: 60px;
}
.page-author .breadcrumbs-blog {
margin-bottom: 16px;
}
.page-author .page-header-title {
text-align: left;
margin-bottom: 8px;
}
.page-author .page-header-subtitle {
font-size: 18px;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 20px;
}
.page-author .page-header-description {
font-size: 16px;
font-weight: 400;
color: #888888;
white-space: pre-wrap;
}
.page-author .page-header__media {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
width: 20%;
}
.page-author .page-header__media .media-social {
display: flex;
justify-content: start;
align-items: start;
}
.media-social__link {
width: 75%;
}
.page-author .page-header__media .media-image img {
width: 100%;
border-radius: 20px;
margin-bottom: 15px;
}
.page-author .page-header__media .media-social img {
width: 100%;
}
.best-block.wraper-1240 {
text-align: center;
}
.best-block #mainblog {
margin-bottom: 20px;
}
.best-block #mainblog .blog-single .blog-single-text .blog-single-cat {
margin-bottom: 20px;
}
.best-block #mainblog .blog-single .blog-single-text h3 {
text-align: left;
margin-bottom: 20px;
}
.best-block #mainblog .blog-single .blog-single-text .blog-single-except {
text-align: left;
}
.best-title {
margin-top: 70px;
}
.best-block .top-main-btn.flex.justify-center {
flex-direction: column;
align-items: center;
}
.blog-button {
margin: 0 10px;
min-width: 285px;
padding: 12px;
background: #407BF2;
border-radius: 100px;
font-weight: 500;
font-size: 18px;
line-height: 140%;
letter-spacing: -0.04em;
color: #ffffff;
text-decoration: none;
border: 1px solid #407BF2;
text-align: center;
transition: all 0.3s;
}
.blog-button:hover {
color: #407BF2;
background: #ffffff;
}
.loading-animation {
font-size: 18px;
color: #333;
text-align: center;
margin: 20px 0;
animation: blink 1s infinite;
}
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
.article-post {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: 1px solid #FFFFFF1A;
margin-bottom: 60px;
}
.page-author .articles-title.gl-gallery-title {
margin-top: 60px;
}
.page-author .articles-title.gl-gallery-title::after {
background: none;
}
.article-post-title {
font-size: 32px;
font-weight: 700;
color: #fff;
margin-bottom: 14px;
width: 60%;
text-align: center;
}
.article-post-title a {
font-size: 32px;
font-weight: 700;
color: #fff;
margin-bottom: 14px;
width: 60%;
text-align: center;
}
.article-meta {
display: flex;
align-items: center;
padding-bottom: 20px;
}
.article-avatar {
display: flex;
align-items: center;
margin-right: 14px;
}
.article-avatar__img {
margin-right: 9px;
}
.page-author .articles-wrap .articles-block .article-flex .pagination {
margin-bottom: 60px;
}
.page-author .squad-title.gl-gallery-title {
margin:60px 0 40px;
font-weight: 700;
}
.page-author .squad-title.gl-gallery-title::after {
background: none;
}
.squad-title {
font-family: "Work Sans", sans-serif;
font-weight: 600;
font-size: 48px;
text-align: center;
color: #000000;
}
.squad-flex {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
margin-bottom: 100px;
}
.squad-post {
display: flex;
flex-direction: column;
text-decoration: none;
}
.inform-title {
font-family: "Work Sans", sans-serif;
font-weight: 700;
font-size: 24px;
color: #000000;
margin-bottom: 10px;
}
.inform-subtitle {
font-family: "Work Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color: #000000B2;
margin-bottom: 10px;
}
.inform-number {
font-family: "Work Sans", sans-serif;
font-weight: 400;
font-size: 18px;
color: #000000;
}
.squad-post__img {
width: 75%;
height: 60%;
margin-bottom: 10px;
}
.squad-post__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-author .breadcrumbs-blog {
color: #717D8A;
text-decoration: none;
font-size: 14px;
font-family: "Work Sans", sans-serif;
font-weight: 400;
}
.page-author .breadcrumbs-blog a {
color: #717D8A;
text-decoration: none;
font-size: 14px;
font-family: "Work Sans", sans-serif;
font-weight: 400;
}
.page-author .breadcrumbs-blog .home {
color: #407BF2;
}
.post-top-author {
text-decoration: none;
}
.get-btn.green-btn.flex.justify-between.align-center.registration p.mobile {
display: none;
margin-bottom: 0;
}
.get-btn.green-btn.flex.justify-between.align-center.registration p.desk {
display: flex;
margin-bottom: 0;
}
.table-button {
display: flex;
justify-content: center;
}
.container-md.terms.page .post-content .table-button .get-btn {
text-decoration: none;
background: #407BF2;
border-radius: 100px;
color: #ffffff;
transition: all 0.3s;
height: 44px;
letter-spacing: -0.02em;
cursor: pointer;
padding: 20px;
margin: 20px 0;
}
.container-md.terms.page .post-content .table-button .get-btn p {
color: #ffffff;
}
@media (max-width: 768px) {
.squad-flex {
gap: 20px;
grid-template-columns: 1fr;
width: 85%;
margin: 0 auto 40px;
}
.squad-post__img {
width: 100%;
height: 75%;
}
.page-author .page-header {
max-height: none;
}
.page-author .page-header__wrapper-content {
flex-direction: column-reverse;
width: 95%;
align-items: center;
}
.page-author .page-header__media {
width: fit-content;
align-items: start;
}
.media-social__link {
width: 20%;
}
.page-author .page-header__inform {
margin-right: 0;
width: 100%;
}
.article-post-title {
font-size: 26px;
}
.get-btn.green-btn.flex.justify-between.align-center.registration p.mobile {
display: flex;
margin-bottom: 0;
}
.get-btn.green-btn.flex.justify-between.align-center.registration p.desk {
display: none;
margin-bottom: 0;
}
.get-btn.green-btn.flex.justify-between.align-center.registration .mobile-icons {
margin-left: 0;
}
}
.top-blocks {
margin: 50px auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
max-width: 1100px;
}
.top-block {
width: 100%;
}
.top-branch {
position: relative;
width: 30%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.top-block::before,
.top-block::after {
content: '';
position: absolute;
background-size: contain;
background-repeat: no-repeat;
}
.top-block::before {
top: 0;
left: -3%;
width: 20%;
height: 100%;
}
.top-block::after {
top: 0;
right: -3%;
width: 20%;
height: 100%;
transform: scale(-1, 1);
}
.top-block h2 {
width: 75%;
font-family: "Work Sans", sans-serif;
font-weight: 600;
font-size: 30px;
color: #000000;
margin: 5px 0;
}
.top-block p {
font-family: "Work Sans", sans-serif;
font-weight: 600;
font-size: 17px;
color: #959B9E;
}
@media screen and (max-width: 768px) {
.top-blocks {
display: none;
}
.top-block {
width: 100%;
margin-bottom: 45px;
}
.top-block:last-child {
width: 100%;
margin-bottom: 0;
}
.top-block h2 {
font-size: 24px;
}
.top-block p {
font-size: 16px;
}
}
#custom-popup {
position: fixed;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 20px;
z-index: 1000000;
width: 25%;
text-align: center;
}
.popup-content {
display: flex;
flex-direction: column;
align-items: center;
}
.popup-row {
margin-bottom: 10px;
display: flex;
}
.popup-row.popup-btn-groupe {
justify-content: end;
}
.popup-image {
width: 35%;
height: auto;
margin-right: 10px;
}
.popup-text {
text-align: start;
}
.popup-button {
padding: 10px 20px;
border: none;
border-radius: 5px;
margin: 5px;
cursor: pointer;
}
#popup-close {
background: none;
color: #0078d1 !important;
font-size: 16px;
}
.popup-subscribe {
background: #0073aa;
color: #fff;
text-decoration: none;
}
@media screen and (max-width: 768px) {
#custom-popup {
top: 30%;
width: 95%;
}
}
.main-content main .giudes-part .giudes-items{
max-width:1200px;
margin:auto;
}
.guides-item-title {
margin-bottom: 12px;
display: block;
height: 80px;
overflow: hidden;
}
.guides-item-desc.flex-stretch {
font-size: 16px;
line-height: 140%;
letter-spacing: -.02em;
color: #4F5B67;
margin-bottom: 15px;
display: block;
height: 70px;
overflow: hidden;
}
.guides-item-icon.flex.justify-start.align-center span {
margin-left: 5px;
margin-right: 5px;
}
.main-content main .giudes-part .giudes-items .guides-item-wrap .guides-item .guides-item-title span{
min-height:80px !important;
}
.guides-item {
padding: 1px;
background: linear-gradient(rgba(102, 11, 125, 0.1), rgba(2, 118, 168, 0.1));
border-radius: 10px;
transition-duration: 0.3s;
}
.guides-item:hover{
box-shadow: 0 0 15px #002433;
transform: scale(1.02);
transition-duration: 0.3s;
}
.main-content main .giudes-part .giudes-items .guides-item-wrap .guides-item .guides-item-title span{
line-height:130% !important;
}
.stories-item-wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main-content main .giudes-part .giudes-items .guides-item-wrap .guides-item .guides-item-title span {
min-height: 93px !important;
}
.flex-blog {
display: flex;
flex-wrap: wrap !important;
gap: 10px;
justify-content: flex-start !important;
}
.top-block span {
width: 75%;
font-family: "Work Sans", sans-serif;
font-weight: 600;
font-size: 30px;
color: #000000;
margin: 5px 0;
}
/*footer xbiz fix*/
@media (min-width: 2000px){
footer.xth {
position: absolute;
width: 100%;
bottom: 0px;
}
}
@media (max-width: 1249px) {
.yt-embed-holder {
margin-bottom: 50px !important;
}
.top-main-btn.flex.justify-center {
margin-bottom: 0 !important;
}
.seoblock .seo-cont {
padding: 0px 10px;
}
.further-item-wrap {
width: 49%;
}
.btn-service-login {
font-size: 14px;
padding: 18px 12px;
}
.top-main-img.otf_block {
padding-top: 0;
}
}