@font-face {
font-family: "Montserrat";
src: url(//applgiants.com/wp-content/themes/blak/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2");
font-style: normal;
font-weight: 400;
font-display: swap; }
* {
box-sizing: border-box; }
h1 {
margin-top: 0;
font-size: 32px;
line-height: 46px; }
@media (max-width: 575px) {
h1 {
font-size: 28px;
line-height: 42px; } }
h2 {
margin-top: 0;
font-size: 28px;
line-height: 42px; }
@media (max-width: 575px) {
h2 {
font-size: 20px;
line-height: 150%; } }
h3 {
margin-top: 0;
font-size: 24px;
line-height: 36px; }
@media (max-width: 575px) {
h3 {
font-size: 18px;
line-height: 150%; } }
h4 {
margin-top: 0;
font-size: 20px;
line-height: 30px; }
@media (max-width: 575px) {
h4 {
font-size: 16px;
line-height: 150%; } }
.wrapper {
display: flex;
flex-direction: column;
min-height: 100%; }
body {
font-size: 16px;
line-height: 170%;
color: #2b2b2b;
font-family: "Montserrat"; }
.img-fluid {
width: 100%; }
a {
color: #585858;
text-decoration: none; }
.section {
padding: 45px 0px; }
@media (max-width: 992px) {
.section {
padding: 35px 0; } }
@media (max-width: 576px) {
.section {
padding: 20px 0px; } }
.section-pattern {
background: linear-gradient(266.79deg, #6bc7f6 3%, #71a7f7 49.87%, #7690f8 107.32%); }
p {
font-weight: 400;
font-size: 16px;
line-height: 170%;
margin-top: 0;
margin-bottom: 20px; }
@media (max-width: 576px) {
p {
font-size: 16px; } }
blockquote {
border-left: 6px solid #73a7f8;
margin: 15px 15px;
padding: 30px 25px;
font-style: italic;
box-shadow: 0px 0px 2px 0px #ccc;
-webkit-text-fill-color: unset; }
blockquote p {
margin: 0;
-webkit-text-fill-color: unset; }
@media (max-width: 576px) {
ul li {
font-size: 16px; } }
@media (max-width: 576px) {
ol li {
font-size: 16px; } }
#tns2-iw {
margin-right: -15px !important; }
@media (max-width: 575px) {
#tns2-iw {
margin-right: 0 !important; } }
.button {
line-height: 1.5715;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
box-shadow: 0 2px #000 4;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: manipulation;
padding: 10px 22px;
font-size: 14px;
border-radius: 10px;
color: #000 d9;
border-color: #d9d9d9;
background: #fff;
text-shadow: 0 -1px 0 #000 1f;
box-shadow: 2px 2px 4px #000 20; }
.button--mobile {
display: none; }
.button:active, .button:focus {
outline: 0; }
.button:hover {
color: white; }
#menu-toggle {
opacity: 0; }
@media screen and (min-width: 767px) {
#menu-toggle {
display: none; } }
#menu-toggle:checked ~ .button-menu > .button-menu__line {
transform: rotate(45deg); }
#menu-toggle:checked ~ .button-menu > .button-menu__line::before {
top: 0;
transform: rotate(0); }
#menu-toggle:checked ~ .button-menu > .button-menu__line::after {
top: 0;
transform: rotate(90deg); }
#menu-toggle:checked ~ .navbar-menu {
visibility: visible;
left: 0; }
.button-menu {
display: flex;
align-items: center;
position: relative;
max-width: 100px;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 1;
margin-left: 15px; }
.button-menu__line, .button-menu__line::before, .button-menu__line::after {
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #616161;
transition-duration: 0.25s; }
.button-menu__line:before {
content: "";
top: -8px; }
.button-menu__line:after {
content: "";
top: 8px; }
@media screen and (min-width: 1220.2px) {
.button-menu {
display: none; } }
.button:hover {
box-shadow: none; }
.button-style-1 {
display: inline-block;
color: #fff;
background: linear-gradient(270.47deg, #9c72f7 20.23%, #5f2ad2 111.35%);
box-shadow: 5.878px 8.09px 45.08px rgba(153, 153, 153, 0.27);
border-radius: 100px;
font-weight: 400;
font-size: 18px;
line-height: 27px;
text-align: center;
text-transform: uppercase; }
.button-style-1:hover, .button-style-2:hover {
background: linear-gradient(180deg, #73a0f7 0%, #6cc4f7 100%); }
.button-style-2 {
position: relative;
padding: 13px 32px 13px 60px;
border: none;
background: linear-gradient(270.47deg, #9c72f7 20.23%, #5f2ad2 111.35%);
box-shadow: -5px 5px 10px rgba(225, 225, 225, 0.2), 5px -5px 10px rgba(225, 225, 225, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(225, 225, 225, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(225, 225, 225, 0.5);
border-radius: 100px;
font-weight: 500;
font-size: 18px;
line-height: 27px;
text-transform: uppercase;
color: #fff; }
.button-style-2:before {
content: '\25B6';
position: absolute;
font-size: 35px;
left: 24px;
top: 44%;
transform: translate(0px, -50%); }
.button-style-2:hover {
color: #fff;
box-shadow: none; }
.button-style-3 {
position: relative;
padding: 15px 30px 15px 73px;
background: linear-gradient(270.47deg, #9c72f7 20.23%, #5f2ad2 111.35%);
box-shadow: 5.878px 8.09px 45.08px rgba(153, 153, 153, 0.27);
border-radius: 100px;
border: none;
font-weight: 600;
font-size: 18px;
line-height: 27px;
text-transform: uppercase;
color: #f8f8f8; }
.button-style-3__icon {
position: absolute;
left: 0;
top: 50%;
transform: translate(0px, -50%);
padding: 14px 19px;
background: linear-gradient(270.47deg, #9c72f7 20.23%, #5f2ad2 111.35%);
border-radius: 47px;
font-size: 30px; }
@media (max-width: 575px) {
.button-style-3 {
padding: 14px 23px 14px 68px;
font-size: 16px;
line-height: 24px; } }
.button-style-3:hover {
box-shadow: 5.878px 8.09px 45.08px rgba(153, 153, 153, 0.27);
color: #fff; }
.button-style-3:hover .button-style-3__icon i {
animation-duration: 1.75s;
animation: phone-fn 1.75s infinite ease-in-out; }
@keyframes phone-fn {
0% {
-webkit-transform: rotate(0deg) scale(1) skew(1deg);
transform: rotate(0deg) scale(1) skew(1deg); }
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
transform: rotate(-25deg) scale(1) skew(1deg); }
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
transform: rotate(25deg) scale(1) skew(1deg); }
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
transform: rotate(-25deg) scale(1) skew(1deg); }
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
transform: rotate(25deg) scale(1) skew(1deg); }
100%, 50% {
-webkit-transform: rotate(0deg) scale(1) skew(1deg);
transform: rotate(0deg) scale(1) skew(1deg); } }
.button-style-4 {
border-radius: 10px;
color: #7c7c7c;
background: transparent; }
.button-style-4:hover {
color: #73a3f8; }
.btn-icon {
margin-right: 15px;
background: linear-gradient(180deg, #73a0f7 0%, #6cc4f7 100%);
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%; }
.more {
display: flex;
justify-content: flex-end;
align-items: flex-end;
height: 100%; }
@media (max-width: 576px) {
.more {
justify-content: flex-start; } }
.more__link {
margin-bottom: 40px;
font-weight: 700;
font-size: 18px;
line-height: 27px;
text-transform: uppercase;
background-image: linear-gradient(180deg, #6ebef7 0%, #749ef8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
color: transparent; }
.more__link:hover {
background-image: linear-gradient(270.47deg, #9c72f7 20.23%, #5f2ad2 111.35%); } form input, form textarea {
transition: 0.145s ease 0s;
border: 1px solid transparent; }
form input:hover, form textarea:hover, form input:focus, form textarea:focus, form input:target, form textarea:target, form input:focus-visible, form textarea:focus-visible {
border: 1px solid #a9a9a9; } .section-team-1 #tns5-iw {
margin-right: -11px;
margin-left: 17px; } .header__inner {
height: 80px; }
@media (max-width: 768px) {
.header__inner {
height: 112px; } }
.mobile {
display: none; }
.mobile__phone {
margin-bottom: 12px; }
@media screen and (max-width: 1220px) {
.mobile {
display: flex;
flex-direction: column;
padding: 0 15px;
font-size: 18px; } }
.topline {
display: none;
padding: 15px 0px;
background-color: #f5f5f6; }
@media (max-width: 1220.2px) {
.topline {
display: block; } }
.topline__wrapper {
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 768px) {
.topline__wrapper {
width: 100%; } }
.topline__info {
display: flex;
justify-content: flex-start;
list-style: none;
margin: 0;
padding: 0; }
@media (max-width: 768px) {
.topline__info {
width: 100%;
justify-content: unset; } }
.topline__info-item {
display: flex;
align-items: center; }
@media (max-width: 768px) {
.topline__info-item {
width: 100%;
justify-content: unset; } }
.topline__socials {
justify-content: flex-end; }
.topline__subitem {
display: flex;
flex-direction: row;
gap: 10px; }
@media (max-width: 768px) {
.topline__subitem {
width: 100%;
justify-content: space-between; } }
@media (max-width: 350px) {
.topline__subitem {
flex-direction: column;
gap: 0; } }
.topline__title {
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #535353; }
.topline__link {
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #2b2b2b; }
.list-socials {
display: flex;
padding: 0px 10px; }
.list-socials__item {
margin-right: 15px;
list-style: none; }
.list-socials__item:last-child {
margin-right: 0px; }
@media (max-width: 767px) {
.topline__socials {
display: none !important; } }
.logo img {
max-width: 180px;
padding: 10px 0px 0px 0px;
height: auto; }
.navbar {
background-color: #fff; }
.navbar--fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
padding-bottom: 12px; }
.navbar__button {
display: flex;
flex-basis: auto;
justify-content: center; }
.navbar__button .fa-phone {
display: none; }
@media screen and (max-width: 767px) {
.navbar__button .fa-phone {
display: block; } }
@media screen and (max-width: 767px) {
.navbar__button {
display: flex;
justify-content: center;
align-items: center;
height: 43px;
width: 43px;
padding: 0; } }
@media (min-width: 767px) and (max-width: 1220px) {
.navbar__button {
margin-right: 20px;
margin-left: 38%; } }
@media screen and (max-width: 767px) {
.navbar__button-text {
display: none; } }
@media screen and (max-width: 767px) {
.navbar .navbar-menu {
flex-basis: unset; } }
.navbar-container {
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
padding: 0px 15px; }
@media screen and (max-width: 767px) {
.navbar-container {
justify-content: space-between; } }
.navbar-menu__list {
list-style: none;
padding: 0;
margin: 0;
display: flex; }
@media (max-width: 1220px) {
.navbar-menu__list {
flex-direction: column;
margin-bottom: 15px; } }
.navbar-menu__link {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 25px; }
.navbar-menu__link span {
padding-right: 10px; }
.navbar-menu__link:hover {
color: #6cc1f7; }
.navbar-menu__link--hover:hover {
color: #2b2b2b; }
.navbar-menu__item {
padding: 25px 15px;
position: relative; }
.navbar-menu__item:hover .dropdown-menu {
display: flex; }
@media (max-width: 1220px) {
.navbar-menu__item {
margin-bottom: 5px;
padding: 7px 15px; } }
.navbar-menu__item-wrapper {
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 1220px) {
.navbar-menu {
transition-duration: 0.25s;
visibility: hidden;
position: absolute;
width: 100%;
top: 55px;
left: 0;
padding: 15px;
background: #ececec;
z-index: 999;
display: block;
position: fixed;
visibility: hidden;
top: 0;
left: -100%;
width: 330px;
height: 100%;
margin: 0;
padding: 40px 0;
list-style: none;
background-color: #eceff1;
box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.2);
transition-duration: 0.25s; } }
@media (max-width: 1220.2px) {
.navbar-buttons {
display: none; } }
.navbar-buttons__link {
padding-left: 45px;
font-size: 14px;
color: #7645e0;
text-decoration: underline; }
.mobile-buttons {
display: none; }
@media (max-width: 768px) {
.mobile-buttons {
display: flex; }
.mobile-buttons .mobile-button {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
margin: 0px 10px;
padding: 10px 12px;
box-sizing: border-box;
border-radius: 20px;
font-size: 14px;
line-height: 100%;
color: #fff; }
.mobile-buttons .mobile-button__left {
background: #71b3f2; }
.mobile-buttons .mobile-button__right {
background: linear-gradient(270.47deg, #00d414 20.23%, #129b14 111.35%); }
.mobile-buttons .mobile-button__right .online-indicator {
height: 8px;
width: 8px;
background-color: #59ff00;
display: block;
margin-right: 15px;
border-radius: 50%;
animation-name: blink;
animation-timing-function: linear;
animation-duration: 3s;
animation-iteration-count: infinite; } }
@keyframes blink {
80% {
opacity: 0.5; } }
.dropdown-menu {
display: none;
list-style: none;
padding: 0;
position: absolute;
top: 65px;
flex-direction: column;
opacity: 1;
width: fit-content;
background: #f8f8f8;
z-index: 999;
white-space: nowrap;
visibility: visible;
box-shadow: 0 10px 30px 10px #000 21;
border-radius: 10px;
overflow: hidden; }
.dropdown-menu__item {
font-size: 16px;
border-bottom: 1px solid #ebebeb; }
.dropdown-menu__item:last-child {
margin-bottom: 0;
border-bottom: none; }
.dropdown-menu__item-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 25px;
transition: all ease 0.3s; }
.dropdown-menu__item-link:hover {
background: #eeeded; }
.dropdown-menu__item-link span {
padding-right: 25px; }
@media screen and (max-width: 767px) {
.dropdown-menu__item-link {
padding: 15px; } }
@media (max-width: 1220px) {
.dropdown-menu {
display: flex;
height: 0;
position: relative;
top: 15px;
width: 100%;
background: rgba(255, 255, 255, 0.89);
box-shadow: unset;
white-space: unset;
transition: 0.145s ease 0s; }
.dropdown-menu i {
display: none; }
.dropdown-menu.active {
height: 175px;
overflow-y: scroll; }
.dropdown-menu:focus {
outline-style: none; } }
.fab {
color: #fff;
font-size: 17px; }
.fa-mobile, .fa-map-marker {
color: #fff;
font-size: 22px !important; } .footer {
background-color: #f5f5f6; }
.footer hr {
height: 1px;
width: 100%;
background: #dfdfe1;
border: none;
margin: 0; }
.footer__text {
display: block;
padding: 35px 0px;
font-size: 17px;
color: #151528; }
@media screen and (max-width: 576px) {
.footer__text {
padding: 15px 0px;
font-size: 14px; } }
.footer__info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 17px 0px 17px 0px;
margin-bottom: 40px;
border-bottom: 1px solid #dfdfe1; }
@media screen and (max-width: 576px) {
.footer__info {
padding: 15px 0px; } }
.footer__about {
color: #7c7c7c;
font-size: 14px;
line-height: 150%;
margin: 0; }
@media screen and (max-width: 767px) {
.footer__about {
font-size: 14px; } }
.footer__contacts {
display: flex;
flex-direction: column;
margin-bottom: 15px; }
.footer__phone, .footer__mail {
margin-bottom: 10px;
font-size: 18px;
color: #151528; }
.footer__subcontacts {
display: flex;
align-items: center; }
@media screen and (max-width: 767px) {
.footer__subcontacts {
width: 100%;
justify-content: space-between; } }
.footer__button {
margin-bottom: 15px;
margin-right: 15px; }
.footer__menu {
display: flex;
flex-direction: column;
margin: 0;
padding: 0px;
list-style: none; }
.footer__menu-item {
margin-bottom: 7px; }
@media (max-width: 576px) {
.footer__menu-item {
margin-bottom: 5px; } }
.footer__menu-item:first-child {
font-size: 18px;
color: #151528; }
.footer__menu-item a {
font-size: 14px;
color: #7c7c7c; }
.footer__menu-item a:hover {
color: #6cc1f7; }
@media screen and (max-width: 767px) {
.footer__menu-item a {
font-size: 12px; } }
.footer .footer-shedule {
display: flex;
justify-content: space-between; }
.footer .footer-shedule span {
font-size: 14px;
color: #7c7c7c; }
.footer-cities a {
font-size: 14px; }
.office-near .link {
font-size: 18px; }
.footer-form {
display: flex; }
.footer-form__input {
width: 60%;
padding: 10px 18px;
margin-right: 20px;
border-radius: 10px;
background: #fff;
font-size: 14px; }
.footer-form__input:focus {
outline: none; }
@media (max-width: 575px) {
.footer-form__input {
width: 100%;
box-sizing: border-box;
padding: 16px 18px;
margin-bottom: 12px;
border-radius: 30px;
margin-right: 0px; } }
@media screen and (max-width: 767px) {
.footer-form {
margin-bottom: 25px; } }
@media (max-width: 575px) {
.footer-form {
flex-direction: column; } }
.copyright-text {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
margin-bottom: 0;
padding: 15px 0px;
font-size: 14px;
color: #7c7c7c; }
@media screen and (max-width: 992px) {
.copyright-text {
flex-direction: column;
align-items: flex-start;
gap: 10px;
font-size: 12px; } }
.copyright-link {
font-size: 14px;
color: #7c7c7c; }
@media screen and (max-width: 992px) {
.copyright-link {
font-size: 12px; } }
a:hover {
color: #6cc1f7; }
.button-primary {
position: relative;
font-size: 26px;
font-weight: bold;
color: #000; }
.button-primary:hover {
color: #000; }
.button-primary .fa {
position: absolute;
left: -51px;
top: -5px;
width: 27px;
height: 26px;
background: #7cbaf7;
background: linear-gradient(45deg, #83d1fd, #6696ec);
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 50%;
font-size: 20px;
color: #fff; }
@media (max-width: 567px) {
.button-header {
display: none; } }
.button-slider {
position: relative;
display: flex;
flex-direction: column;
padding-left: 60px;
transition: all ease 0.3s; }
.button-slider:hover .fa {
transform: rotateZ(25deg); }
.button-slider .button-text {
color: #fff;
font-size: 18px; }
.button-slider .button-link {
font-size: 26px;
color: #7645e0;
font-weight: bold; }
@media (max-width: 576px) {
.button-slider .button-link {
color: #4e4e4e; } }
.button-slider .icon-phone {
position: absolute;
left: 0px;
top: 3px;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: #7645e0;
font-size: 24px;
color: #fff;
transition: all ease 0.3s; }
.button-slider .fa {
position: absolute;
left: 0px;
top: 3px;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: #7645e0;
font-size: 24px;
color: #fff;
transition: all ease 0.3s; }
.button-slider2 {
position: relative;
display: flex;
flex-direction: column;
padding-left: 50px;
transition: all ease 0.3s; }
@media (max-width: 575px) {
.button-slider2 {
display: none; } }
.button-slider2:hover .fa {
transform: rotateZ(25deg); }
.button-slider2 .button-text {
color: #4e4e4e;
font-size: 16px; }
.button-slider2 .button-link {
font-size: 18px;
color: #4e4e4e;
font-weight: bold; }
.button-slider2 .icon-phone {
position: absolute;
left: 0px;
top: 7px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: linear-gradient(180deg, #6ebef7 0%, #749ef8 100%);
font-size: 22px;
color: #fff;
transition: all ease 0.3s; }
.mb-1 {
margin-bottom: 10px; }
.mb-2 {
margin-bottom: 20px; }
.mb-3 {
margin-bottom: 30px; }
.mb-4 {
margin-bottom: 40px; }
.mb-5 {
margin-bottom: 50px; }
.author-section .author-wrapper {
background: #f5f5f5;
padding: 25px;
border-radius: 25px;
margin-bottom: 40px; }
.author-section .author-name {
margin-bottom: 20px;
font-size: 22px; }
.author-section .author-description {
font-size: 16px; }
.header-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 26px;
box-sizing: border-box;
border-radius: 20px;
font-size: 14px;
line-height: 100%;
color: #fff;
background: linear-gradient(270.47deg, #00d414 20.23%, #129b14 111.35%); 
@media(min-width: 1220px) and (max-width: 1330px) {
display: none;
}
}
.header-button-2 {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 26px;
box-sizing: border-box;
border-radius: 20px;
font-size: 14px;
line-height: 100%;
color: #fff;
text-transform: uppercase;
background: #71b3f2;
@media(max-width: 768px) {
display: none;
}
@media(min-width: 1220px) and (max-width: 1330px) {
display: none;
}
}
.header-button-2:hover {
color: #fff;
}
.header-button:hover {
color: #fff; }
.header-button .online-indicator {
height: 9px;
width: 9px;
background-color: #59ff00;
display: block;
margin-right: 15px;
border-radius: 50%;
animation-name: blink;
animation-timing-function: linear;
animation-duration: 3s;
animation-iteration-count: infinite; }
@media (max-width: 768px) {
.header-button .online-indicator {
display: none; } }
@media (max-width: 768px) {
.header-button {
display: none; } }