/*
Theme Name: site "WebAcademy"
Author: Polishchuk Vladymyr Petrovich
Author URI: https://webacademy.com.ua/
Description: site "WebAcademy"
Version: 2.0.0
Tags: defuault theme webacademy
Text Domain: webacademy
*/

html,body{font-family:'Poppins', sans-serif;font-weight:300;color:#3b4273;font-size:18px;line-height:1.5;-webkit-text-size-adjust:100%}
h1,h2,h3,h4,h5,h6{font-family:'Poppins', sans-serif;color:#232a52;font-weight:400;line-height:1.2}
h3{margin-bottom:15px}
*,*::after {box-sizing: border-box}
img{max-width:100%;height:auto;box-sizing:border-box}

:root {
--bg-icon-default:#ee45a5;
--bg-icon-telegram: #0088cc;
--bg-icon-facebook: #1877f2;
--bg-icon-phone: #4caf50;
--icon-item-size: 48px;
--icon-item-spacing: 12px;
--transition-duration: 0.3s;
}
.block-highlight{font-size:24px!important}
.highlight{background-color:#fce8cc;padding:2px 5px;border-radius:4px;font-weight:600}

.txt-color-1{color:#5468ff}
.link-content{color:#6071f5!important}
.link-content:hover{color:#0e2aff;text-decoration:underline}
.link-content:focus,.link-content:active{color:#5465ec}
.header-main{height:70px;position:relative;z-index:100;background:#fff;box-shadow:0 5px 15px 0 rgba(79, 85, 146, 0.15), 0 2px 4px 0 rgba(88, 95, 141, 0.15)}
.nav-main{width:100%;height:inherit}
.nav-main .link-logo{display:inline-block}
.header{min-height:300px;padding:30px 15px 30px;background-color:#a079e0;color:#fff;text-align:center}
.header .txt-head{font-size:38px;font-weight:600}
.top-header h1{color:#fff;margin-top:5px}

.wrap-social-link{margin-top:20px}
.wrap-social-link a:nth-child(n+2){margin-left:15px}
.bg-1{background-image:linear-gradient(90.04deg, #f0f0fd 8.88%, #f9f9ff 56.62%, #ebebf7 97.88%);}


/* START FRAMEWORK CSS*/
a{text-decoration:none;color:initial}
a:focus{outline:none}
a:active{color:inherit}
img{max-width:100%;height:auto}
.wa-in-block{display:inline-block}
.wa-container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.wa-container::before, .wa-container::after{content:"";display:table}
.wa-content{max-width:960px;margin-left:auto;margin-right:auto}
.wa-flex-container{display:flex;flex-wrap:wrap}
.wa-col-2{width:50%}
.wa-col-3{width:33%}
.wa-flex{display:flex}
.wa-flex-middle{align-items:center}
.wa-flex-center{justify-content:center}
.wa-flex-between{justify-content:space-between}
.wa-flex-end{justify-content:flex-end}
.wa-flex-column{flex-direction:column}
.wa-btn-blue{background:#5468ff}
.wa-btn-pressed{display:inline-block;font-size:15px;padding:5px 15px 7px;cursor:pointer;outline:none;text-align:center;font-weight:400;border:none;color:#fff!important;transition:background-color 0.5s ease}
.wa-btn-pressed:hover,.wa-btn-pressed:active,.wa-btn-pressed:focus{background-color:#3f51b5}
.wa-btn-gr-blue{background:radial-gradient(100% 100% at 100% 0%,#21ceff 0%,#5468ff 100%);box-shadow:0px 2px 4px rgba(43,33,65,0.4), 0px 7px 13px -3px rgba(43, 34, 65, 0.3), inset 0px -3px 0px rgba(57, 64, 112, 0.5)}
.wa-btn-gr-blue:hover{box-shadow:rgba(45,35,66,0.4) 0px 4px 8px, rgba(45,35,66,0.3) 0px 7px 13px -3px, rgb(59,69,195) 0px -3px 0px inset;transform: translateY(-2px);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);-webkit-transition-duration: 0.3s;transition-duration:0.3s}
.wa-btn-gr-blue:active,.wa-btn-gr-blue:focus{box-shadow: #3f51b5 0px 3px 7px inset;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
.wa-btn-gr-pink{transition: box-shadow 0.15s ease 0s, transform 0.15s ease 0s;transition: box-shadow 0.15s ease 0s, transform 0.15s ease 0s;background: radial-gradient(100% 100% at 100% 0%, rgb(245,128,197) 0%, rgb(234 0 147) 100%);box-shadow: rgb(47,37,70, 0.4) 0px 2px 4px, rgb(46,35,70,0.3) 0px 7px 13px -3px, rgb(183,6,119) 0px -3px 0px inset;text-shadow: rgba(0,0,0,0.5) 0px 1px}
.wa-btn-gr-pink:hover{box-shadow:rgba(45,35,66,0.4) 0px 4px 8px, rgba(45,35,66,0.3) 0px 7px 13px -3px, rgb(184,9,121) 0px -3px 0px inset;transform: translateY(-2px);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);-webkit-transition-duration: 0.3s;transition-duration:0.3s}
.wa-btn-gr-pink:active,.wa-btn-gr-pink:focus{box-shadow: rgb(184, 9, 121) 0px 3px 7px inset;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
.wa-btn-grey{background-image:linear-gradient(to bottom,#fff,#dcdce6);box-shadow:0 7px 11px -3px rgb(45 35 66 / 22%), 0 2px 4px 0 rgb(45 35 66 / 42%), inset 0 -3px 0 0 #cbcde2;color:#3b4273!important}
.wa-bdr-6{border-radius:6px}
.wa-bdr-100{border-radius:99999px}
.txt-pink{color:#b80979}
.wa-pt-sm{padding-top:30px}
/* END FRAMEWORK CSS */


/* START NEW STYLE */
ul.navbar-top{gap:10px;padding:0;text-align:center}
ul.navbar-top .current-menu-item a{color:#5367fb}
ul.navbar-top > li{padding:0;text-align:center}

ul.navbar-top > li{display:inline-block;list-style:none}
ul.navbar-top > li a{display:inline-block;padding:10px 5px;text-decoration:none;color:#5b6292;font-size:14px;font-weight:400;text-transform:uppercase}
ul.navbar-top > li a:hover{color:#5367fb}
ul.navbar-top .lang-item{display:inline-block!important}
ul.navbar-top .lang-item a{padding:0 5px}
ul.navbar-top .current-lang{background:#e1e4f9;border-radius:6px}
ul.navbar-top .nav-cta{display:flex;align-items:center;gap:6px;background:linear-gradient(90deg, #ffb300, #ff6600);color:#fff;padding:10px 20px;font-weight:600;border-radius:30px;text-decoration:none;transition:0.3s}
ul.navbar-top .nav-cta:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(255, 165, 0, 0.8);color:#fff!important}
ul.navbar-top .star-emoji{animation:brightPulse 1.3s infinite}
@keyframes brightPulse {
  0% { transform: scale(1); filter: drop-shadow(0 0 0px #fff); }
  50% { transform: scale(1.4); filter: drop-shadow(0 0 12px #ffcc33); }
  100% { transform: scale(1); filter: drop-shadow(0 0 0px #fff); }
}

.login-link, 
.registration-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    height:34px;
}

/* Кнопка Входу (Вторинна) */
.login-link {
    padding:4px 15px 6px;
    color: #5b6292;
    background-color:#f0f2ff;
}

.login-link svg {
    stroke: #5b6292;
    transition: transform 0.3s ease;
}

.login-link:hover {
    background-color: #f0f2ff;
    color: #a079e0;
}

.login-link:hover svg {
    stroke: #a079e0;
    transform: translateX(-3px); /* Легкий рух іконки вліво */
}

/* Кнопка Реєстрації (Головна) */
.registration-link {
    padding: 12px 24px;
    background-color: #a079e0!important; /* Ваш основний колір */
    color: #ffffff;
     transform: translateY(0);
     transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     will-change: transform, box-shadow;
    box-shadow: 0 4px 12px rgba(160, 121, 224, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.registration-link svg {
    stroke: #ffffff;
}

.registration-link:hover {
    background-color: #8e64d1;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(160, 121, 224, 0.35);
}

.registration-link:active {
     transform: translateY(-1px);
    transition: all 0.1s ease;
}

/* Адаптивність (якщо потрібно приховати на малих екранах) */
@media (max-width: 768px) {
   
    .registration-link {
        padding: 10px 16px;
    }
}

.current-lang a{color:#5367fb!important}
.account-link img{width:40px;margin:auto}
.account-link{display:flex;flex-direction:column}
.account-link span{font-size:14px;line-height:1}


.icon-navbar{display:none;z-index:100;position:relative;cursor:pointer;float:right;margin-top:5px;margin-right:5px}
.line-icon1,.line-icon2,.line-icon3{width:35px;height:5px;background-color:#656da0;margin:6px 0;transition:0.4s}
.change-icon .line-icon1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px)}
.change-icon .line-icon2{opacity:0}
.change-icon .line-icon3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px)}

.down-navbar{height:0%;width:100%;position:fixed;z-index:10;top:0;left:0;background-color:#f6f6fb;overflow-y:hidden;transition:0.8s}
.active-down{height:100%}
.down-navbar ul.navbar-top > li{display:block}
#menu-down{display:none}

/*START DROPDOWN MENU*/
.dropdown{position:relative;display:inline-block}
.dropdown-btn{padding:10px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:40px;margin-right:15px}
.dropdown-btn::after{content:"▼";position:absolute;right:0;top:20px;font-size:14px;margin-left:5px;color:#999;transition:transform 0.3s}
.dropdown-btn.active::after{transform:rotate(0deg);content:"▲"}
.dropdown-content{height:0;opacity:0;overflow:hidden;position:absolute;background-color:#f9f9f9;width:220px;right:0;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;transition:height 0.5s ease, opacity 0.5s ease}

.dropdown-content a{width:220px!important;padding:7px 15px!important;text-align:left!important;font-size:16px!important;text-decoration:none;display:block;transition:background-color 0.2s ease;border-bottom:1px solid #ddd}
.dropdown-content .name-user{padding:10px 15px 15px;border-bottom:1px solid #ddd}
.dropdown-content .name-user .name{font-weight:500}
.dropdown-content .name-user .email{font-size:14px}
.dropdown-content a:last-of-type {border-bottom: none !important;}
.dropdown-content a:hover{background-color:#ddd}
.dropdown-content.show{opacity:1;min-height:50px}
/*END DROPDOWN MENU*/

.wrap-loadmore{width:100%;text-align:center}


.notificate{width:auto}
.notificate .dropdown-btn::after{content:none}
.notificate .count{position:absolute;right:0;font-weight:500;color:red;line-height:1}
.notificate .dropdown-btn{padding:0;width:45px;height:45px;background:rgba(123, 130, 179, 0.1);justify-content:center}
.notificate .dropdown-content{width:250px;right:-10px}
.notificate .dropdown-content .title{padding:7px 15px;text-align:left;background-color:#e4e4e4;font-size:14px;text-transform:uppercase}
.notificate .dropdown-content a{width:inherit!important;text-align:left;font-weight:400;line-height:1.25}
.notificate .info-notify{height:inherit;font-size:16px;text-align:center}

.wrap-login{padding-left:15px;padding-right:15px}
.wrap-login a{text-align:center}
.login-link{margin-left:15px}
.registration-link{margin-left:20px;padding:4px 15px 6px;background:#f5f5f5;box-shadow:0px 0px 6px 2px rgba(0, 61, 255, 0.12);border:1px solid rgb(29 58 147 / 39%);font-size:15px;transition:background-color 0.5s ease}

/*START FORM ST1*/
.form-st1{background-color:#fff;margin:auto;padding:20px;width:100%;max-width:650px;background-image: linear-gradient(#fff,#f3f3fa);box-shadow:0 5px 15px 0 rgb(36 43 95 / 15%), 0 2px 4px 0 rgb(92 100 149 / 20%)}
.form-st1 h1{text-align:center;margin:0 0 5px}
.form-st1 h3{font-size:16px;text-align:center;margin-top:0;font-weight:400;color:rgba(59, 66, 115, 0.7)}
.form-st1 .wa-btn-pressed{text-align:center}
.form-st1 .wrap-btn{margin-top:35px;text-align:center}
.form-st1 .wrap-input:nth-child(n+2){margin-bottom:20px}
.form-st1 label{font-size:14px}
.form-st1 input.input-form{width:100%;color:#7b82b3;font-size:16px;border:none;background-color:transparent;box-sizing:border-box; height:40px; padding:1px 0.4em 0;display:inline-block;margin:0;vertical-align:top;border-bottom: 1px dotted}
.form-st1 input.input-form::-webkit-input-placeholder{color:#3b4273}
.form-st1 input.input-form:-ms-input-placeholder {color:#3b4273}
.form-st1 input.input-form::placeholder{color:#3b4273}
.form-st1 input.input-form{outline:none}
.form-st1 .checkbox-form{width:18px;color:#7b82b3;font-size:16px;height:20px;display:inline-block;margin-right:10px;vertical-align:top;cursor:pointer}
/*END FORM ST1*/

.page-login{height:100vh}
.page-login .form-st1{max-width:350px}
.form-login .txt-danger{font-size:14px}
.form-login .forgot-password-link{color:#3490dc; text-decoration:none;font-size:14px;display:inline-block;margin-top:10px}
.form-login .forgot-password-link:hover{text-decoration:underline}

/*START FORGOT PASSWORD*/
.forgot-password .auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f6f9}
.forgot-password .auth-card{background-color:white;padding:40px;border-radius:10px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);width:100%;max-width:400px;text-align:center}
.forgot-password h1{font-size:24px;margin-bottom:20px;color:#333}
.forgot-password .input-group{margin-bottom:20px;text-align:left}
.forgot-password .input-group label{display:block;margin-bottom:8px;color:#555;font-size:14px}
.forgot-password .input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}
.forgot-password .input-group input:focus{border-color:#007bff;outline:none}
.forgot-password .btn-primary{background-color:#007bff;color:#fff;border:none;padding:12px;width:100%;border-radius:5px;font-size:16px;cursor:pointer}
.forgot-password .btn-primary:hover{background-color:#0056b3}
.forgot-password .alert-success{background-color:#d4edda;color:#155724;padding:10px;margin-bottom:20px;border-radius:5px}
.forgot-password .alert-danger{background-color:#f8d7da;color:#721c24;padding:10px;margin-bottom:20px;border-radius:5px;text-align:left}
.forgot-password .alert-danger ul{list-style-type:none;padding-left:0}
/*END FORGOT PASSWORD*/

.page-register{height:100vh}
.page-register .form-st1,.page-verify .form-st1{max-width:350px}

.badge-personal{position:absolute;top:0;right:0;background-color:#ff6f61;color:#fff;padding:5px 10px;border-radius:0 0 0 5px;font-size:12px;font-weight:bold;text-transform:uppercase;z-index:10;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}
.lesson-status{display:inline-block;padding:5px 10px;font-size:14px;text-align:center;border-radius:4px;line-height:1}
.lesson-status.completed{border:1px solid #28a745;color:#28a745}
.lesson-status.in-progress{border:1px solid #ffac11;color:#ffac11}
.lesson-status.not-started{background-color:#6c757d}

.avatar-default{background:#fff}
.current-avatar span{overflow:hidden;height:40px;width:40px;padding:2px;background:radial-gradient(100% 100% at 100% 0%,#21ceff 0%,#5468ff 100%)}
.current-avatar span img{width:100%;height:100%}

.alert{position:absolute;right:15px;top:100px}
.alert-success{background:#0fc962;padding:15px;border-radius:8px;font-weight:500;color:#fff;opacity:1;transition:opacity 0.5s}
.progress-bar{position:absolute;bottom:0;left:0;height:5px;background:transparent;overflow:hidden;width:100%}
.progress-bar-inner{height:100%;background:rgba(0, 0, 0, 0.3);animation:progressBar 3s linear}
@keyframes progressBar{
    from{width:100%}
    to{width:0%}
}

.wrap-alert-box{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);margin:40px auto}
.wrap-alert-box h1{font-size:24px;color:#333;text-align:center;margin-bottom:20px}
.wrap-alert-box p{font-size:16px;color:#555;text-align:center;margin-bottom:20px}
.wrap-alert-box button{display:block;width:100%;padding:12px 20px;background-color:#4CAF50;color:#fff;border:none;cursor:pointer;font-size:16px;transition: background-color 0.3s ease}
.wrap-alert-box button:hover{background-color:#45a049}
.alert-box{padding:15px;margin-bottom:20px;position:relative;border:1px solid #d6e9c6;line-height:1.4}
.alert-box-success{background-color:#dff0d8;color:#3c763d}
.alert-box .close{position:absolute;top:-18px;right:-10px;color:#000;font-size:36px;cursor:pointer;line-height:1;transition:color 0.3s ease}
.alert-box .close svg:hover{fill:#7b82b3}

.txt-info{color:#16b1ff}
.txt-danger{color:#ff4c51}
.txt-success{color:#0fc962}
.txt-warning{color:#ffb400}

.favorite-course{position:relative;display:inline-block;cursor:pointer;transition:color 0.3s ease}
.favorite-course .icon-container{display:flex;align-items:center}
.favorite-course .favorite-icon{transition:fill 0.3s ease}
.favorite-course .favorite-icon.not-favorite{fill:gray}
.favorite-course .favorite-icon.in-favorite{fill:orange}
.favorite-course.favorite-active .favorite-text{color:#fff}
.favorite-course .favorite-text{visibility:hidden;background-color:#555;color:#fff;text-align:center;padding:5px 15px;position:absolute;z-index:1;line-height:1.3;bottom:125%;font-size:14px;left:50%;margin-left:-55px;min-width:110px;opacity:0;transition:opacity 0.3s}
.favorite-course .favorite-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}
.favorite-course:hover .favorite-text{visibility:visible;opacity:1}

.posts{padding:50px 0}
.posts .wa-content{max-width:700px}
.header-title{text-align:center;margin-bottom:20px}
.block-title h1{margin-bottom:5px}
.block-title span{max-width:400px;margin:auto;}

.news .wrap-btn{padding-top:20px;text-align:center}
.news_article .card-blog{position:relative;overflow:hidden;margin:20px 10px 0;background:#fff;transition:transform 0.3s ease;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);border-radius:8px}
.news_article .card-blog:hover{transform:scale(1.03)}
.news_article .card-blog a{text-decoration:none}
.news_article .card-blog .date-blog-post{display:none;/*OLD_display:inline-block;*/font-size:12px;padding-bottom:4px;color:#7e8892;font-weight:400}
.news_article .card-blog .card-content{padding:15px 15px 10px}
.news_article .card-blog .card-header{font-size:20px;margin:0;color:#5468ff}
.news_article .card-blog .card-desc{font-size:16px;color:#171c3d;margin:5px 0}
.news_article .card-blog .card-avatar{height:auto;color:rgba(59, 66, 115, 0.7)}
.news_article .card-blog .avtor-desc{font-weight:600;padding-left:15px}




.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 4px;border-radius:50%;text-decoration:none;color:#333;background-color:#f1f1f1;border:1px solid #ddd;font-size:14px;font-weight:600;transition:background-color 0.3s, color 0.3s, border-color 0.3s}
.pagination a:hover,.pagination .active span{background-color:#007bff;color:#fff;border-color:#007bff}
.pagination .active span{background-color:#007bff;color:#fff;border-color:#007bff}
.pagination .prev,.pagination .next{width:36px;height:36px;border-radius:50%;background-color:#007bff;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0 4px;border:none;transition:background-color 0.3s;cursor:pointer}
.pagination .prev:hover,.pagination .next:hover{background-color:#0056b3}


/*START SUCCESS FORM*/
.wa-modal{position:fixed;padding-top:100px;padding-left:15px;padding-right:15px;left:0;top:0;width:100%;height:100%;overflow:auto;background-image:linear-gradient(90.04deg,#f0f0fd 8.88%,#f9f9ff 56.62%,#ebebf7 97.88%);opacity:0;z-index:-100;transform:scale(0.5)}
.wa-modal-content{background-color:#fff;margin:auto;padding:20px;width:100%;max-width:450px;background-image: linear-gradient(#fff,#f3f3fa);box-shadow:0 5px 15px 0 rgb(36 43 95 / 15%), 0 2px 4px 0 rgb(92 100 149 / 20%)}
#alert-success{opacity:0;z-index:-100;transform:scale(0.5);transition:all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);text-align:center}
.success-close{color:#aaaaaa;float:right;font-size:38px;line-height:0}
.success-close:hover,.success-close:focus{color:#000;text-decoration:none;cursor:pointer}
/*END SUCCESS FORM*/

@media (max-width:960px){
    .header-main{height:90px}		
    .wrap-login{padding-left:0;}
    .login-link{margin-left:0;margin-bottom:10px}
    .wrap-login a{font-size:14px;width:135px}
    .wrap-registration{flex-direction:column}
    .registration-link{margin-left:0}

}
@media(max-width: 820px){
    .news_article .card-blog{margin:20px 0}
}
@media(max-width: 560px){
    #menu-top{display:none}
    #menu-down{display:block}
    .icon-navbar{display:block;margin-top:0}
    ul.navbar-top{margin-top:80px}
	ul.navbar-top > li a{font-size:16px}

    .news_article .card-blog .card-header{font-size:18px}
    .news_article .card-blog .card-desc{font-size:14px}
    .news_article .card-blog p{font-size:16px}
}
@media (max-width:450px){
	h2{font-size:22px}
}

/* START FOOTER */
.bg-footer{padding-bottom:17.5%;bottom:calc(100% - 2px);background-size:100% 100%;background-image:url('assets/img/footer-bg2.svg')}
.footer-main{background:#2c3a4b;color:#fff;padding:30px 0}
.footer-main .webacademy-link, .footer-main .copyright{height:25px}
.footer-main .webacademy-link a::before{content:'';display:inline-block;background-image:url("../images/webacademy_logo.png");width:18px;height:18px;background-size:contain;background-repeat:no-repeat;margin-top:3px;margin-left:10px;margin-right:5px}
.footer-main .webacademy-link a:hover{color:#0e2aff}
.footer-main .bk-top{padding-bottom:20px}
.footer-main .bk-top .title{font-size:14px;text-transform:uppercase;color:#51588c;font-weight:600;margin-bottom:5px}
.footer-main .wrap-content {width:100%;padding-top:10px}
.footer-main ul.navbar-footer{margin-top:0;margin-bottom:5px;padding:0}
.footer-main ul.navbar-footer .current-menu-item a{color:#5367fb}
.footer-main ul.navbar-footer > li{padding:0;display:block;list-style:none}
.footer-main ul.navbar-footer > li a{display:inline-block;padding:5px 0;text-decoration:none;color:#5b6292}
.footer-main ul.navbar-footer > li a:hover{color:#5367fb}
.footer-main .title-link{font-size:14px}
.footer-main .social-link img{width:12px}
.footer-main ul.menu-blog{margin-top:0;margin-bottom:5px;padding:0}
.footer-main ul.menu-blog li.current-cat a{color:#5367fb!important}
.footer-main ul.menu-blog > li.categories > ul{padding:0}
.footer-main ul.menu-blog > li{display:inline-block;list-style:none}
.footer-main ul.menu-blog > li.categories > ul > li{display:block;list-style:none}
.footer-main ul.menu-blog > li a{display:inline-block;padding:5px 0;color:#5b6292;text-decoration:none;line-height:21px}
.footer-main ul.menu-blog > li a:hover{color:#5468ff}
.signup-form{position:relative;margin-top:25px}
.wrap-signup{max-width:600px;margin:auto;background:#fff;border-radius:9999px;padding:12px 25px;box-shadow:0 5px 15px 0 rgb(31 38 86 / 15%), 0 2px 4px 0 rgba(82 89 138 / 15%)}
.wrap-signup img{vertical-align:middle}
#mc_embed_signup form {text-align:center}
.mc-field-group { display: inline-block; }
#mc_embed_signup input.email{width:380px!important;color:#7b82b3;font-size:16px;border:none;background-color:#fff; box-sizing:border-box; height:40px; padding: 0px 0.4em; display: inline-block; margin: 0;vertical-align:top;}
#mc_embed_signup input.email::-webkit-input-placeholder{color:#0275d8}
#mc_embed_signup input.email:-ms-input-placeholder {color:#3b4273}
#mc_embed_signup input.email::placeholder{color:#3b4273}
#mc_embed_signup input.email{outline:none}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:400}
#mc_embed_signup .clear {display:inline-block} 
#mc_embed_signup .button {cursor:pointer;background: radial-gradient( 100% 100% at 100% 0%,#21ceff 0%,#5468ff 100%);
    box-shadow: 0px 2px 4px rgba(43, 33, 65, 0.4), 0px 7px 13px -3px rgba(43, 34, 65, 0.3), inset 0px -3px 0px rgba(57, 64, 112, 0.5);
    border-radius: 9999px;font-size:16px;border:none;color:#fff;height:40px;padding:0 18px;display:inline-block;margin:0;transition: all 0.23s ease-in-out 0s}
#mc_embed_signup .button{outline:none}
#mc_embed_signup .button:hover {box-shadow: 0px 4px 8px rgba(45,35,66,0.4), 0px 7px 13px -3px rgba(45,35,66,0.3), inset 0px -3px 0px #3C4FE0}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

/*START SUPPORT WIDGET*/
.support-widget-wrapper{position:fixed;bottom:65px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;}
.support-trigger-icon {display:flex;align-items:center;justify-content:center;width:var(--icon-item-size);height:var(--icon-item-size);border-radius:50%;background-color:var(--bg-icon-default);color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);cursor:pointer;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;margin-top: var(--icon-item-spacing);}
.support-trigger-icon.hidden{opacity:0;transform:scale(0.8);pointer-events:none;margin-top:0;}
.support-channels-block{display:flex;flex-direction:column;gap:var(--icon-item-spacing);opacity:0;transform:translateY(20px);transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;pointer-events:none;order:-1;}
.support-channels-block.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.support-channel-item{display:flex;align-items:center;justify-content:center;width:var(--icon-item-size);height:var(--icon-item-size);border-radius:50%;color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);text-decoration:none;transition:transform 0.1s ease-out, box-shadow 0.1s ease-out;}
.support-channel-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0, 0, 0, 0.3);}
.support-channel-item.telegram{background-color:var(--bg-icon-telegram);}
.support-channel-item.facebook{background-color:var(--bg-icon-facebook);}
.support-channel-item.phone{background-color:var(--bg-icon-phone);}

@media (max-width:767px){
    .signup-form{background:#fff;border-radius:20px;box-shadow:0 5px 15px 0 rgb(31 38 86 / 15%), 0 2px 4px 0 rgba(82 89 138 / 15%)}
    #mc_embed_signup{width:100%;padding:15px}
    .wrap-signup{min-width:initial;box-shadow:none}
    #mc_embed_signup label::after{content:'';display:block;width:80px;height:1px;margin:10px auto 0;background-color:#7b82b3}
    .wrap-signup img{padding-top:11px}
    #mc_embed_signup input.email{width:90%!important;max-width:285px;margin-bottom:20px;border-bottom:1px dotted}
    #mc_embed_signup .clear{display: block; width: 100% }
    #mc_embed_signup .button{width:100%;max-width:300px;margin:0}
    .footer-main .wa-col-3{width:50%} 
    .footer-main .wa-col-3:nth-child(n+2){margin-top:15px}   
}
@media (max-width:560px){    
    .footer-main .bk-bottom{flex-direction:column}
    .footer-main .copyright{margin-bottom:5px}
    .footer-main .wa-col-3{width:100%} 
    .footer-main .wrap-content{padding-top:5px}
}

/*END FOOTER*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace, monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:600}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,[type="button"],[type="reset"],[type="submit"]{appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0.35em 0.75em 0.625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{appearance:none}
::-webkit-file-upload-button{appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
/* END normalize.css v8.0.1 */


.bg-color{height:100%;width:100%;z-index:-1;position:absolute;top:0;left:0}
.wa-border-100{border-radius:100px!important}
.btn-violent{background-color:#604c8d;border-color:#604c8d;color:#fff}
.btn-violent:hover,.btn-violent:active,.btn-violent:focus{background-color:#3e315b!important;border-color:#3e315b!important;color:#fff!important;box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.5)}
.wa-btn{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-weight:500;border-width:2px;font-style:normal;letter-spacing:1px;
    margin: .4rem .8rem;white-space:normal;padding:1rem 3rem;display:inline-flex;align-items:center;justify-content:center;word-break:break-word}
.wa-btn:focus,.wa-btn:active{outline:0;box-shadow:0 0 0 3px rgba(0,123,255,.5)}
.text-upper{text-transform:uppercase}
.red-color{color:#e5658a}
.yellow-color{color:#ffcc46}
.mr-0{margin:0}
/* -- MAIN --*/
.bg-main{position:relative;padding-top:5rem;padding-bottom:3rem;min-height:100vh;background-size:cover;z-index:0}
.bg-main .bg-color{background-color:rgba(68, 0, 240, 0.8)}
.bg-main h1{font-size:4.45rem;text-align:center;color:#fff}
.bg-main p{color:#f7ed4a;font-size:2.6rem;margin-bottom:0}
.header-main .btn-depth{min-width:310px;}
.block-2-main{padding-bottom:60px;background:linear-gradient(40deg,#037eb7,#30079a)}
.block-2-main header h2,.block-3-main header h2{font-size:2.7rem}
.block-2-main header{color:#fff;text-align:center;padding:50px 0}
.block-3-main{padding-bottom:60px;background-color:#f5f5fa;}
.block-3-main header{text-align:center;padding:50px 0}
.block-3-main a.card-uslugi{display:block;text-decoration:initial}
.card-line-top{position:absolute;top:0;left:0;height:5px;width:100%}
.line-color-landing{background:linear-gradient(45deg, #fbac7f, #e5658a)}
.line-color-visitka{background:linear-gradient(256deg, rgba(1, 19, 62, 0.9), rgba(0, 16, 53, 0.9))}
.card-uslugi{position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5fa));
    background-image: linear-gradient(#fff, #f5f5fa);
    -webkit-transition: -webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    -webkit-box-shadow: 0 5px 15px 0 rgba(37,44,97,0.15), 0 2px 4px 0 rgba(93,100,148,0.2);
    box-shadow: 0 5px 15px 0 rgba(37,44,97,0.15), 0 2px 4px 0 rgba(93,100,148,0.2);
    padding:2rem;margin: 0 2rem 1rem;
}
.card-uslugi:hover{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform:translateY(-5px);-webkit-box-shadow: 0 10px 30px 0 rgba(37,44,97,0.15), 0 4px 18px 0 rgba(93,100,148,0.2);box-shadow: 0 10px 30px 0 rgba(37,44,97,0.15), 0 4px 18px 0 rgba(93,100,148,0.2)}
.card-uslugi h4{text-align:center;font-size:36px}
.timeline{position:relative;margin:0 auto}
.timeline .content h4{font-weight:700;margin:0;font-size:2rem}
.timeline::after{content: '';position:absolute;width:6px;background-color:white;top:17px;bottom:0;left:50%;margin-left:-3px;height:calc(100% - 1.7rem)}
.container{padding:10px 40px;position:relative;background-color:inherit;width:50%}
.container::after{content:'';position:absolute;width:25px;height:25px;right:-13px;background-color:white;border:4px solid #FF9F55;top:15px;border-radius:50%;z-index:1}
.left{left:0}
.right{left:50%}
.left::before{content:" ";height:0;position:absolute;top:17px;width:0;z-index:1;right:30px;border:medium solid white;border-width:10px 0 10px 10px;border-color:transparent transparent transparent white}
.right::before{content:" ";height:0;position:absolute;top:17px;width:0;z-index:1;left:30px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}
.right::after{left:-13px}
.timeline .content{padding:20px 30px;background-color:white;position:relative;border-radius:6px}
.portfolio-main{background:url('image/bg/fon-portfolio.png') center no-repeat;background-color:#798cd7;background-size:cover;background-attachment:fixed;height:789px;}
.portfolio-main .btn-gr-1{font-size:36px;margin-top:0;padding:4px 65px 11px!important}
/* -- SERVISE --*/ 
.page-template-page-service .bg-main{padding-top:120px;padding-bottom:50px;background:linear-gradient(45deg, #fbac7f, #e5658a);}
.page-template-page-service .w3-content{max-width:1200px}
.page-template-page-service .bg-main span{display:block;padding:1rem 0 3rem;font-style:italic;letter-spacing:0.4rem;font-size:1.6rem;color:#fff;font-weight:700}
.page-template-page-service .bg-main p{font-size:1.6rem;color:#fff}
.price-uslugi{background:rgba(109, 91, 151, 0.20)}
.price-uslugi .w3-ul{border-radius:8px}
.price-uslugi .w3-ul .wa-title{color:#e5658a;border-bottom:none;font-size:2.0rem;padding:8px 0 6px!important;line-height:1}
.price-uslugi .w3-ul .wa-title-price{font-weight:700;color:#232323;font-size:4.0rem;border-bottom:none}
.price-uslugi .w3-ul .wa-price-term{font-size:1.4rem;color:#767676}
.price-uslugi .w3-ul li{padding:8px 12px}
.price-uslugi .w3-ul li span{font-weight:600}
.price-uslugi #start-price,.price-uslugi #premium-price{background:rgba(255, 255, 255, 0.35);box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.08)}
.price-uslugi #buisiness-price{background:#fff;box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.5)}
/* -- LANDING --*/ 
.page-template-page-landing main, .page-id-2 main{height:auto}
.top-block .bg-color{background:linear-gradient(256deg, rgba(1, 19, 62, 0.9), rgba(0, 16, 53, 0.9))}
.work-block .bg-color{background:linear-gradient(rgb(39, 47, 78), rgba(0, 0, 0, 0))}
.top-block header{max-width:1200px}
.top-block,.price-block,.advantage-block,.work-block{position:relative}
.top-block{background-size:cover;background-position:50%;border-bottom:1px solid #404b74;padding-bottom:12%;padding-top:3%;z-index:100}
.top-block h1{font-size:55px;color:#d43465;font-weight:600;text-transform:uppercase;line-height:1.2}
.top-block h1 span{font-size:75px;color:#fff}
.top-block .text{color: #a5adc7;padding-top:2%;text-align:justify;word-spacing:-0.5px}
.bgimg{background-color:#455eea;height:100%}
.price-block .w3-ul li{border-bottom: 1px solid #d0d0d0}
.price-block .w3-ul li:last-child{border-bottom: 1px solid #d0d0d0}
.w3-select{color:#393f4c}
.bar-icon{position:fixed;right:0;top:0;display:inline-block;z-index:1000;cursor:pointer;margin:25px 40px 20px 0;padding:10px 15px;border:1px solid rgba(80, 92, 132, 0.62);border-radius:10px;background:rgba(42, 52, 86, 0.42);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)}
.bar-icon:hover{box-shadow:initial;border: 1px solid rgba(114, 126, 165, 0.62);transform: perspective(1px) scale(0.9) translateZ(0);
    transition: box-shadow .2s ease, background 0.6s ease, transform 0.6s ease !important}
.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#a5adc7;margin:6px 0;transition:0.4s}
.bar-icon:hover .bar1,.bar-icon:hover .bar2,.bar-icon:hover .bar3{background-color:#fff}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px)}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px)}
.change .bar-icon{position:fixed}
.change #sideNav{display:block!important;}
.page-id-32 .bar-icon{background:rgba(229, 101, 138, 0.42);border:none;}
.page-id-32 .bar-icon:hover{border:1px solid rgba(251, 172, 127, 0.62)}
.page-id-32 .bar1, .page-id-32 .bar2, .page-id-32 .bar3{background-color:#fbac7f}
#sideNav{display:none}
.top-right-sidenav .w3-sidebar{z-index:999;background:#2a3456;right:0;top:0;width:350px;padding-top:8%;padding-left:20px;padding-right:10px}
.top-right-sidenav .w3-sidebar span{font-style:italic;font-size:18px;margin-top:21px;margin-bottom:1%;color:#ffcc46;text-align:left;display:block;border-bottom: 1px dashed #495581;}
/*.w3-sidebar h4{text-align:left;color:#34c43b;font-style:italic}*/
.w3-sidebar .home-link{font-size:20px;text-transform:initial}
.w3-sidebar a{margin:5px 0;padding:3px 0;text-decoration:none;font-size:18px;text-transform:uppercase;color:#fff;display:block;transition:0.3s;text-align:left}
.w3-sidebar a:hover{color:#a0c754;transition:0.5s;}
#BtnScroll{display:none;position:fixed;bottom:10px;right:20px;z-index:100;border:none;outline-style:none;background-color:rgb(84 104 255 / 65%);color:white;cursor:pointer;border-radius:100px;height:48px;width:48px;transform:rotate(180deg);-webkit-transform: rotate(180deg)}
#BtnScroll:hover{background:rgba(42, 52, 86, 1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)}
#BtnScroll i:before{content:'';position:absolute;height:40%;top:25%;background:#fff;width:2px;left:calc(50% - 1px)}
#BtnScroll i:after{content:'';position:absolute;display:block;border-top:2px solid #fff;border-right:2px solid #fff;width:40%;height:40%;left:30%;bottom:30%;transform:rotate(135deg)}
.btn-depth { display: inline-block;text-decoration: none;margin-top:30px;text-align: center;padding:1rem 3rem;
    -webkit-transition: color .1s ease-in-out,background-color .1s ease-in-out;
    transition: color .1s ease-in-out,background-color .1s ease-in-out;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.0125), 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.0125), 0 1px 1px rgba(0,0,0,.05);
    border-top-width: .0625rem;font-size: 1.95312rem;
    border-bottom-width: 0.2625rem; border-style:solid;color: #f8f9fa;}
.btn-depth .fa-trophy{color:#ffe066}
.bg-gray{background-color:#495057}
.br3{border-radius:.5rem}
.br-black{border-color:rgba(0,0,0,.2)}
.btn-depth.active,.btn-depth:active{border-top-width:0.2625rem;border-bottom-width:.0625rem}
.hover-black:focus,.hover-black:hover{border-color:#27292c;outline-style:none!important}
.hover-gray:focus,.hover-gray:hover{background-color:#343a40;outline: 1px dotted currentColor}
.ld-block-2{margin-top:15px}
.ld-block-2 .wrap h4{color: #f8f9fa;font-weight: 600;font-size:24px}
.ld-block-2 .wrap svg{color:#ffe066}
.landing-block-1{margin-top:54px}
.block-card-1{min-height:180px;margin:10px 10px 30px;padding:1.5rem;background-color:#1862ab;border-radius:0.5rem;position:relative}
.block-card-1 .swing-wrap{display:inline-block;position:absolute;top:0}
.block-card-1 h3{font-weight:700;color:#fff;line-height:1.2;font-size:30px;margin-top:20px}
.block-card-1 .bg-blue{color:#4dadf7;padding:18px;width:80px;height:80px;border-radius:50%;text-align:center;top:-28px}
.bg-blue-wrap{top:-28px;background-color:#1862ab;width:80px;height:80px;border-radius:50%}
.bg-blue-dark{background-color:#272f4e;border-bottom:1px solid #303959;border-top:1px solid #303959}
.bg-blue-light{background-color:#2a3456}
.price-block,.advantage-block,.solution-block{position:relative;padding-bottom:5%;padding-top:4%}
.price-block header h2{text-align:center;font-weight:600;color:#a5adc7;line-height:1.2}
.price-block header p,.advantage-block header p, .work-block header p{font-size:18px;line-height:1.3;font-style:italic;color:#a5adc7;text-align:center;word-spacing:-0.5px;padding-bottom:2%}
.link-text-green{color:#8dbc48}
.link-text-green:hover{color:#a0c754}
.table-price{display:table;width: 100%}
.table-price .w3-third{display:table-cell;float:none}
.table-price .w3-ul .li-first-1{color:#d43465;font-weight:600}
.table-price .w3-ul .li-first sup{color:#d43465;font-weight:600}
.table-price .w3-ul .fa-check{color:#a0c754;font-size:24px}
.table-price .w3-ul .fa-times{font-size:24px}
.column-1{border-radius:4px 0 0 4px}
.column-2{background-color:#eff1f8}
.column-3{background-color:#e0e4f1;border-radius:0 4px 4px 0}
.table-price .w3-ul li{min-height:45px}
.btn{border:none;outline:none;padding:12px 16px;cursor:pointer}
.btn-green{border:1px solid #8dbc48!important;line-height:25px;font-weight:600;background-color:#8dbc48;box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);font-size:22px;color:#fff}
.btn-green:hover{background-color:#a0c754!important;color:#fff!important}
.btn-green:hover, .btn-green:focus{border:1px solid transparent}
.btn:active, .btn.active{background-image:none;outline-style:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125)}
.btn .desc{margin-top:10px;display:block;font-size:24px;color: #f5f509;word-spacing:-2.5px}
.dl-horizontal{position:relative}
.advantage-block{border-bottom:1px solid #303959}
.advantage-block header, .solution-block header{margin-bottom:50px}
.advantage-block header h2,.solution-block header h2,.work-block header h2{text-align:center;color:#fff;text-transform:uppercase;font-weight:600;line-height:1.3}
.advantage-block header hr{width:100px;margin:auto;color:#6a739a;border-top:4px double #6a739a}
.advantage-block .dl-horizontal dd h3,.solution-block .dl-horizontal dd h3{font-size:30px;color:#fff}
.advantage-block .wrap-desc p,.solution-block .wrap-desc p{color:#fff;opacity:0.8;margin-top:0}
.advantage-block .dl-horizontal dt{width:50px}
.advantage-block .dl-horizontal dd{margin-left:50px;color:#fff;font-size:30px;margin-top:0}
.advantage-block .big-num{font-size:88px;color:#06d6a0;margin-top:-25px;margin-right:15px;font-weight:700}
.solution-block .wrap-desc{margin-bottom:40px}
.big-num{width:100px;height:100px;text-align:center;background:rgba(49, 61, 100, 0.62);font-size:88px;color:#06d6a0;margin-top:-10px;margin-right:15px;font-weight:700;line-height:88px;border-radius:5px}
.solution-block .wrap-desc .dl-horizontal dd{margin-left:115px}
.dl-horizontal dt{float:left;overflow:hidden;clear:left;text-overflow:ellipsis;white-space:nowrap}
@keyframes arrowdown{
    0% {transform:translateY(0px);-webkit-transform:translateY(0px)}
    50%{transform:translateY(-5px);-webkit-transform:translateY(-5px)}
    100%{transform:translateY(0px);-webkit-transform:translateY(0px)}
}
.angle-down-animate{bottom:-19px!important;z-index:1;width:35px;height:35px;background-color:#27304e;border:2px solid #6a739a}
.fa-angle-down{-webkit-animation: arrowdown 1.7s ease-in-out infinite;animation: arrowdown 1.7s ease-in-out infinite;color:#a5adc7}
.price-block .fa-angle-down,.advantage-block .fa-angle-down,.solution-block .fa-angle-down{margin-left:8px}
.work-block{background-position:center -18%;background-size: cover;color:#fff;min-height:600px;background-repeat:no-repeat;background-color:#2a3456;z-index:0}
.btn-gr-1{outline-style:none;color:white;border:none!important;border-radius:50px;background-image:linear-gradient(80deg, #00aeff, #3369e7);padding:0 65px!important;line-height: 67px;text-transform:lowercase;margin-top:50px;font-size:30px}
.btn-gr-1:hover{transform: perspective(1px) scale(1.05) translateZ(0);will-change: background,transform;color:white!important;-webkit-backface-visibility: hidden;backface-visibility:hidden;transition: box-shadow .2s ease, background 0.6s ease, transform 0.6s ease !important;}
.btn-gr-1:hover, .btn-gr-1:focus{box-shadow:0 4px 12px rgba(51,105,231,0.4)}
.w3-modal{z-index:1000;padding:50px 0 60px;background-color:#2a3456}
.w3-modal-content{width:auto!important;background-color:transparent}
.workSlider{display:none}
.workSlider img{width:100%}
.slideshow-container{max-width:1000px;position:relative;margin:auto}
.prev,.next{color:initial;cursor:pointer;position:fixed;top:50%;width:60px;padding:16px;margin-top:-22px;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:50%;
  background: rgba(255, 255, 255, 0.38);box-shadow: 0 10px 40px 0 rgba(62,57,107,0.2), 0 2px 9px 0 rgba(62,57,107,0.2);text-align:center}
.next{right:10%}
.prev{left:10%}
.prev:hover,.next:hover{background-color:rgb(255, 255, 255)}
.text{color:#fff;font-size:15px;padding:12px;position:fixed;bottom:0;width:100%;text-align:center;background:rgba(0, 0, 0, 0.7);left:0;min-height:50px}
.numbertext{padding:8px 12px;position:fixed;top:0;left:50%;background-color:rgba(0, 0, 0, 0.32)}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}
@-webkit-keyframes fade{from{opacity:.4}to{opacity:1}}
@keyframes fade{from{opacity:.4}to{opacity:1}}
.close{position:fixed;top:10px;right:45px;font-size:45px;z-index:101;background-color:rgba(212, 53, 101, 0.83);color:white;cursor:pointer;border-radius:5px;
    height:45px;width:45px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);text-align:center;line-height:33px}
.close:hover,.close:focus{color:#fff;cursor:pointer;transform:perspective(1px) scale(0.9) translateZ(0);transition: box-shadow .2s ease, background 0.6s ease, transform 0.6s ease !important}
.order-block{background-color:#202946;padding-top:5%;padding-bottom:5%}
.address-box ul{margin:0;padding:20px 0 0;list-style-type:none}
.address-box{border-radius:0 4px 4px 0;background:#798cd7;background:-webkit-linear-gradient(to right, #555d83, #798cd7);background:linear-gradient(to right, #555d83, #798cd7);color:#fff}
.address-box li{width:100%;display:inline-block;vertical-align:middle;margin-bottom:20px}
.address-box ul li .bg-color{position:relative;z-index:0;padding:8px;width:40px;height:40px;border-radius:50%;float:left;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    background:-webkit-linear-gradient(to right, #555d83, #798cd7);background: linear-gradient(to right, #555d83, #798cd7)}
.address-box li p{overflow:hidden;margin:0;padding:7px 0 0 10px;font-size:18px}
.address-box a{text-decoration:initial}
.contact-box .w3-container{padding:0 16px}
.contact-box form{padding:0.01em 16px}
.contact-box form .w3-rest{position: relative}
.contact-box form label{position:absolute;display:block;color:#4c5d9e}
.order-block .w3-twothird,.order-block .w3-third{display:table-cell;float:none}
.order-block .w3-third{border-radius:0 4px 4px 0;background:-webkit-linear-gradient(to right, #555d83, #798cd7);background: linear-gradient(to right, #555d83, #798cd7)}
.order-block .contact-box{color:#798cd7;}
.order-block .contact-box h4{margin:0;padding:10px 0;color:#fff;font-weight:600;border-top-left-radius:4px;background-color:#4d5578}
.order-block .contact-box form{background:#fff;border-radius:0 0 0 4px}
input:focus, select:focus,textarea:focus{border-color:#798cd7!important}
.order-block .contact-box form .fa-user,.order-block .contact-box form .fa-phone,.order-block .contact-box form .fa-pencil-alt{padding-left:5px}
.order-block .contact-box .w3-section .w3-col{width:50px}
.order-block .contact-box .fa-list{margin-top:2px}
.order-block .contact-box .w3-button{color:#4c5d9e;font-weight:600;display:block;margin:auto;background-color:#f6f6f6}
.order-block .contact-box .w3-button:hover{color:#fff!important;background-color:#798cd7!important;transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s}
.order-block .contact-box input[type=submit].w3-border{border: 2px solid #798cd7!important;border-radius:20px;font-size:18px}
.footer-main .social-link{border-radius:6px;margin:10px auto 10px;width:35px;height:35px;text-align:center;line-height:35px;color:#fff;background:#4d5f76;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease}
.footer-main .social-link:hover,.footer-main .social-link:focus{background:-webkit-linear-gradient(to right, #555d83, #798cd7);background:linear-gradient(to right, #555d83, #798cd7);color:#fff}
.order-block .wpcf7-mail-sent-ok{border:1px solid #06d6a0;border-radius:5px;background-color:#d4fff4;color:#393f4c;font-weight:600;text-align:center}
/* PORTFOLIO */
.portfolio{background:#f5f5f5}
.btn-card{-webkit-box-shadow:0 5px 15px 0 rgba(37,44,97,0.15), 0 2px 4px 0 rgba(93,100,148,0.2);
    box-shadow: 0 5px 15px 0 rgba(37,44,97,0.15), 0 2px 4px 0 rgba(93,100,148,0.2)}
.bg-btn-gr-1{background-image:linear-gradient(#fff, #f5f5fa)}
.bg-btn-gr-2{background-image:linear-gradient(#ff3378, #e91e63);color:#fff}
.bg-btn-gr-2:hover{background-image:linear-gradient(#e61f62, #d40c50)}
#BtnWrapPortfolio{margin:5px 15px;text-align:center}
#BtnWrapPortfolio button{margin:5px 15px}
#BtnWrapPortfolio .btn:focus,#BtnWrapPortfolio .btn:active{background-color:#5468ff;color:#fff}
#BtnWrapPortfolio button.active{background-color:#5468ff;color:#fff}
.show{display:block!important}
.colwrap{display:none;background:#fff;min-width:300px}
.page-template-page-portfolio .w3-content{max-width:1200px}
.card-wrap{position:relative;cursor:pointer;margin:10px 5px 0}
.card-wrap .bg-color{z-index:1;background:rgba(0, 0, 0, 0.35)}
.image{display:block;width:100%;height:auto}
.overlay-card{position: absolute;z-index:1;bottom:0;left:0;right:0;background-color: rgba(84, 104, 255, 0.65);overflow:hidden;width:100%;height:0;transition:.5s ease}
.btn-bottom{position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center}
.card-wrap:hover .overlay-card{height:100%}
.card-wrap .btn{min-width:250px}
.img-middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%, -50%)}
.portfolio .card-wrap .desc{position: absolute;bottom:0;min-height:60px;background: rgba(0, 0, 0, 0.2);width:100%;color:#fff;padding:0 16px;text-align:center}
#portfolioModal figure{margin-top:2rem}
#portfolioModal .desc-work{height:100vh;margin-top:2rem;background:#3c4977;color:#f5f5f5;padding:1rem 20px;border-radius:6px;-webkit-box-shadow:0 5px 15px 0 rgba(37,44,97,0.15), 0 2px 4px 0 rgba(93,100,148,0.2);
    box-shadow: 0 5px 15px 0 rgba(37,44,97,0.15), 0 2px 4px 0 rgba(93,100,148,0.2)}
#portfolioModal .prev{left:1%}
#portfolioModal .next{right:1%}
.page-template-page-portfolio .order-block{padding-top:3%}
.order-block header{margin-bottom:32px}
.order-block header h2.yellow-color{font-size:64px}
.order-block header p{font-style: italic;color:#fff}
.number-work{margin-top:6%}
.wrap-numb{margin-bottom:3rem}
.number-work .wrap-numb .big-num{width:130px;height:130px;margin:auto;line-height:initial;color:#ffcc46}
.number-work .wrap-numb .title{color:#ffcc46;font-size:24px;font-weight:600;line-height:1.2}
@media (max-width:902px){
    .table-price .w3-ul li{padding:0 3px 0 7px;line-height:1.3}
    .order-block, .price-block, .advantage-block{padding-top:60px;padding-bottom:60px}
	.price-uslugi .w3-ul li{padding:8px 0}
}
@media (max-width:601px) and (min-width:401px){
    .top-block h1{font-size:50px;}
    .top-block h1 span{font-size:64px}
}
@media (max-width: 768px) {
    .bg-main{padding-top:3rem}
    .bg-main h1{font-size: 3.4rem;
    font-size: calc( 2.1374999999999997rem + (3.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (2.1374999999999997rem + (3.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20))))}
	.bg-main p,.page-template-page-service .bg-main p{font-size: calc( 1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20))));text-align: center}
    .page-template-page-service .bg-main span{font-size: calc( 1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.21rem + (1.6 - 1.21) * ((100vw - 20rem) / (48 - 20))));text-align: center}
    .order-block header h2.yellow-color{font-size: 3.4rem;
        font-size: calc( 2.1374999999999997rem + (3.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (2.1374999999999997rem + (3.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20))))}
}
@media only screen and (max-width:600px) {
    .top-block{padding-top:18%}
    .table-price .w3-third,.order-block .w3-third, .order-block .w3-twothird{float:left}
    .table-price .w3-ul li {padding:8px 16px;text-align:left}
	.table-price .w3-ul li sup.li-first{color:#d43465;font-weight:600}
    .table-price .w3-ul li span{float:left;width:280px;overflow:hidden;clear:left;text-overflow:ellipsis;white-space:nowrap}
    .table-price .w3-ul .fa-check,.table-price .w3-ul .fa-times{vertical-align:middle;margin-left:300px;margin-top:-2px;display:inherit}
    .order-block .contact-box h4{border-top-right-radius:4px}
    .order-block .contact-box form{border-radius:0}
    .address-box{border-radius:0 0 4px 4px}
    .order-block .w3-third{border-radius:0 0 4px 4px}
    .top-right-sidenav .w3-sidebar{padding-top:21%}
    .timeline::after{left:31px}
    .container{width:100%;padding-left:70px;padding-right:25px}
    .container::before{left:60px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}
    .left::after,.right::after{left:18px}
    .right{left:0%}
    #portfolioModal .desc-work{height:initial}
}
@media(max-width:540px){
    .header h1{font-size:26px}
    #BtnWrapPortfolio{display:flex;flex-wrap:wrap;justify-content:start}
    #BtnWrapPortfolio button{margin:5px}
    #BtnWrapPortfolio .btn{padding:12px;font-size:14px}

}
@media (max-width:400px){
    .bg-main h1{font-size: 3.0rem;font-size: calc( 2.1374999999999997rem + (1.0 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20)))}
    .block-2-main header{text-align:left} 
    .btn-depth{padding:1rem 0}   
    .work-block .w3-button{white-space:pre-line}
	.top-right-sidenav .w3-sidebar{width:100%}
    .top-block h1, .top-block h1 span{font-size:36px}
    .top-block p{text-align:left}
    .table-price{display:block}
    .table-price .w3-ul li span{width:250px;white-space:initial}
    .table-price .w3-ul li span.wd{width:200px}
    .table-price .w3-ul .fa-check, .table-price .w3-ul .fa-times{margin-left:270px;margin-top:0}
    .price-block header p, .advantage-block header p{text-align:left}
    .price-block, .advantage-block{padding-top:10%;padding-bottom:10%}
    .numbertext{font-size:18px;left:40%}
    .close{font-size:50px;line-height:42px;right:25px}
	.address-box p{font-size:18px}
    .address-box li p{font-size:20px}
    .portfolio-main .btn-gr-1{padding:4px 18px 11px!important}
}