/* mixin */
/* base colors */
/* animate classes */
.delay-s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.delay-sl {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

/* general style */
body {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #3253a4;
    background-color: #fff;
    /*font-family: "Averta";*/
    /*font-family: elo;*/
    font-family: Arial,Helvetica,sans-serif;
}
pre{
    font-family: Arial,Helvetica,sans-serif;

}

button,
*[type="button"],
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; 
}

button:focus,
input:focus,
textarea:focus,
.btn:focus,
.btn-close:focus,
button:focus:not(:focus-visible) {
    outline: 0;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

a {
    color: #000;
    text-decoration: none;
}

.navbar-toggler {
    padding: 0;
}

.owl-nav.disabled,
.owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-stage-outer {
    margin-bottom: 0;
}

.custom-container {
    width: 1440px;
    max-width: 90%;
    margin: auto;
}

.rellax {
    -webkit-transition: 300ms all ease;
    transition: 300ms all ease;
}

.title {
    color: #3253a4;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}

.flexable {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.flexable p {
    margin-bottom: 0;
}

.flexable p a {
    font-size: 15px;
    color: #3253a4;
    position: relative;
    display: block;
}

.flexable p a::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #3253a4;
    display: block;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.flexable p a:hover::after {
    width: 0;
}

.desc {
    color: #3253a4;
    font-size: 16px;
    padding-bottom: 16px;
    margin-bottom: 0;
}

.more-btn {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #3253a4;
    padding: 8px 20px;
    margin-top: 18px;
    font-size: 11px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 100px;
    color: #fff;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

.more-btn:hover {
    background-color: #7ba5ff;
    color: #fff;
    -webkit-box-shadow: 0 12px 24px -6px rgba(103, 151, 255, 0.2);
    box-shadow: 0 12px 24px -6px rgba(103, 151, 255, 0.2);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.article-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 2.5%;
}

.custom-dropdown-menu-wrap {
    position: relative;
}

.custom-dropdown-menu-wrap svg {
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    right: 24px;
    top: 14px;
    -webkit-transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    fill: #ff4a9e;
    opacity: 0;
    cursor: pointer;
}

.custom-dropdown-menu {
    border-radius: 8px;
    padding: 24px;
    position: absolute;
    top: 54px;
    /*left: 24px;*/
    /*right: 24px;*/
    opacity: 0;
    transition: all 150ms ease-in-out;
    visibility: hidden;
    background-color: #fff;
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .2), 0 12px 90px 0 rgba(103, 151, 255, .2);
    min-width: 220px;
    left: 50%;
    transform: translateX(-50%);
}

.custom-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    background-color: #fff;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}

.custom-dropdown-menu li a {
    padding: 6px 0;
    /*font-size: 14px;*/
    font-size: 11px;
    color: #3354a4;
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 200ms ease-in-out;
}

.custom-dropdown-menu li a:hover {
    transform: translateX(5px);
}



/* whatsapp mobile */
.wp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #4f2cb7;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
    z-index: 99999999;
}

.wp a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.wp a svg {
    fill: #fff;
    width: 28px;
    height: 32px;
}

/* header */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 8px 0;
    background-color: #fff;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);
    box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);
}

/*header nav {*/
/*    align-items: flex-start !important;*/
/*}*/

header nav {
    position: static !important;
    align-items: center !important;
}

header .navbar-brand img {
    height: 60px;
}

header .menu-wrap {
    border-radius: 3px;
}

header .menu-wrap .line {
    background: #e72c94;
    width: 24px;
    height: 3px;
    border-radius: 3px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
}

header .menu-wrap .line:nth-child(2) {
    margin: 4px 0;
}

header .menu-wrap.closed .line:first-child {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
}

header .menu-wrap.closed .line:nth-child(2) {
    opacity: 0;
}

header .menu-wrap.closed .line:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

header #myMenu {
    justify-content: space-between;
}

/*header nav .navbar-nav {*/
/*    width: 100%;*/
/*    justify-content: space-between;*/
/*}*/

/*header nav .navbar-brand {*/
/*  padding: 0;*/
/*}*/

/*header nav .navbar-brand img {*/
/*  -webkit-filter: brightness(100) grayscale(100);*/
/*          filter: brightness(100) grayscale(100);*/
/*}*/

header nav .close-menu {
    display: none;
}

/*header nav .navbar-nav {*/
/*  padding-top: 15px;*/
/*}*/

header nav .nav-right {
    display: flex;
    align-items: center;
    position: relative;
}

header nav .nav-item {
    padding: 0 24px;
}

header nav .nav-item:first-child {
    padding-left: 0;
}

header nav .nav-item:last-child {
    padding-right: 0;
}

header nav .nav-item .nav-link {
    /*color: rgba(32, 41, 47, 0.6);*/
    color: #3253a4;
    letter-spacing: 2px;
    text-transform: uppercase;
    /*font-size: 12px;*/
    font-size: 11px;
    line-height: 48px;
    font-weight: 700;
    padding: 0 !important;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

header nav .nav-item .nav-link:not(.lang-link):hover,
header nav .nav-item.active .nav-link {
    color: #5224dc;
}

header nav .nav-item .consultation-btn {
    display: block;
    min-width: 160px;
    /*font-size: 15px;*/
    /*font-size: 14px;*/
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 12px 32px;
    /*margin-left: 12px;*/
    border-radius: 100px;
    color: #fff;
    background-color: #4f2cb7;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

header nav .nav-item .consultation-btn:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    /*-webkit-box-shadow: 0 12px 24px -6px rgba(255, 74, 158, 0.2);*/
    /*        box-shadow: 0 12px 24px -6px rgba(255, 74, 158, 0.2);*/
    -webkit-box-shadow: 0 12px 24px -6px rgba(103, 151, 255, 0.2);
    box-shadow: 0 12px 24px -6px rgba(103, 151, 255, 0.2);
}

header nav .nav-item.lang-item {
    padding: 0 12px;
    float: left;
}

header nav .nav-item.lang-item.lang-active {
    position: relative;
}

header nav .nav-item.lang-item.lang-active::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: rgba(32, 41, 47, 0.6);
}

header nav .nav-item.lang-item.lang-active .lang-link {
    color: #e72c94;
}

/*header.sticky {*/
/*  background: #fff;*/
/*padding: 4px 0;*/
/*  -webkit-box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);*/
/*          box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);*/
/*}*/

/*header.sticky nav {*/
/*  -webkit-box-align: center !important;*/
/*      -ms-flex-align: center !important;*/
/*          align-items: center !important;*/
/*}*/

header.sticky nav .navbar-brand img {
    height: 70px;
}

header.sticky nav .navbar-nav {
    padding: 0;
}

.search-bar-wrap {
    width: 52px;
}

.search-bar {
    width: 52px;
    height: 52px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px;
    overflow: hidden;
    transition: 0.5s;
    /*box-shadow: 5px 5px 15px #3253a4;*/
    box-shadow: 5px 5px 15px #3253a461;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
}

.search-bar__search-icon {
    padding-left: 9px;
    padding-right: 13px;
}

.search-bar__search-icon i {
    padding: 8px;
    border-radius: 50%;
    color: #3253a4;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: 0.5s;
}

.search-bar__search-input {
    height: 52px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-bar__search-input input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 18px;
    padding: 0 9px 0 0;
    border: none;
    color: #3253a4;
}

.search-bar__close-icon {
    position: relative;
    top: 3px;
}

.search-bar__close-icon i {
    margin-right: 12px;
    font-size: 18px;
    color: #3253a4;
}

.search-bar--active {
    width: 100%;
}

.search-bar--active i.fas {
    color: #fff;
    background: #3253a4;
}

header .custom-container,
#main .custom-container {
    width: 80%;
}

/*header.sticky nav .navbar-nav .nav-item .nav-link {*/
/*  color: rgba(32, 41, 47, 0.6);*/
/*}*/

/*header.sticky nav .navbar-nav .nav-item .consultation-btn {*/
/*  color: #fff;*/
/*  background-color: #e72c94;*/
/*}*/

/*header.sticky nav .navbar-nav .nav-item .consultation-btn:hover {*/
/*  -webkit-box-shadow: 0 12px 24px -6px rgba(103, 151, 255, 0.2);*/
/*          box-shadow: 0 12px 24px -6px rgba(103, 151, 255, 0.2);*/
/*}*/

/*header.sticky nav .navbar-nav .nav-item.lang-item.lang-active::after {*/
/*  background-color: rgba(32, 41, 47, 0.6);*/
/*}*/

/* main section */
#main {
    background-position-y: 66%;
    background-size: cover;
    padding: 0px 0 0px;
    /*-webkit-transform-origin: 50% 85%;*/
    /*transform-origin: 50% 85%;*/
    position: relative;
    margin-top: 86px;
    background-color: #ffffff;
    overflow: hidden;
    background-image: url(/img/EAwl5M.jpg);
}

#main .back-svg {
    position: absolute;
    top: 0;
    right: -14%;
    z-index: 1;
    width: 40%;
}

#main .content-text {
    position: relative;
    padding-right: 50px;
    z-index: 1;
    
}

#main .svg-shape {
    position: absolute;
    opacity: .5;
    width: 50%;
    left: 0;
    top: 80%;
    -webkit-transform: rotate(16deg) translateY(-50%);
    transform: rotate(16deg) translateY(-50%);
}

/*#main .custom-container {*/
/*  width: 960px;*/
/*}*/

#main .custom-container .main-content {
    font-weight: 700;
    color: #fff;
    /*padding: 0 2.5%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4% -2.5% 0% 0;
    /*max-width: 105%;*/
    width: 100%;
    display: flex;
    justify-content: right;
}

#main .custom-container .main-content .navbar-brand {
    display: block;
    margin-right: 0;
    position: relative;
    z-index: 1;
    top: -70px;
}

/*#main .custom-container .main-content .navbar-brand img {*/
    /*width: 330px;*/
/*    transform: rotate(6deg);*/
/*}*/

#main .custom-container .main-content h1 {
    font-size: 120px;
    margin-bottom: 24px;
    font-weight: 700;
}

#main .custom-container .main-content p {
    /*font-size: 34px;*/
    font-size: 36px;
    color: #3153a4;
    /*color: #f92c8b;*/
    line-height: 1.3;
    /*opacity: 0;*/
    /*padding-left: 24px;*/
}

#main .custom-container .main-content .anime-text p:nth-child(1) {
    -webkit-animation: show-text 6s infinite;
    animation: show-text 6s infinite;
}

#main .custom-container .main-content .anime-text p:nth-child(2) {
    -webkit-animation: show-text1 6s infinite;
    animation: show-text1 6s infinite;
}

#main .custom-container .main-content .anime-text p:last-child {
    margin-bottom: 0;
    -webkit-animation: show-text2 6s infinite;
    animation: show-text2 6s infinite;
}

@-webkit-keyframes show-text {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  40% {
    opacity: 0.8;
  }
  45% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.4;
  }
  55% {
    opacity: 0.2;
  }
  60% {
    opacity: 0;
  }
}

@keyframes show-text {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  40% {
    opacity: 0.8;
  }
  45% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.4;
  }
  55% {
    opacity: 0.2;
  }
  60% {
    opacity: 0;
  }
}

@-webkit-keyframes show-text1 {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  65% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.4;
  }
  75% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
}

@keyframes show-text1 {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  65% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.4;
  }
  75% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
}

@-webkit-keyframes show-text2 {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  85% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.4;
  }
  95% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes show-text2 {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  85% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.4;
  }
  95% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

#main .custom-container .main-content .anime-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#main .custom-container .main-content .video-flex,
#main .custom-container .main-content .anime-text{
    position: relative;
    top: -70px;
}

#main .custom-container .main-content .video-flex {
    height: max-content;
}


/*#main .custom-container .main-content .video-popup-wrapper {*/
    /*-webkit-box-flex: 1;*/
    /*-ms-flex: 1;*/
    /*flex: 1;*/
    /*width: 100%;*/
    /*padding-top: 150px;*/
/*}*/

#main .custom-container .main-content .video-popup-wrapper .video-popup {
    /*width: 280px;*/
    /*height: 270px;*/
    /*width: 380px;*/
    /*height: 380px;*/
    width: max-content;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);*/
    background: #e5ddfd;
    -webkit-box-shadow: 4px 30px 120px 0 #6eafef;
    box-shadow: 4px 30px 120px 0 #6eafef;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

#main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon {
    z-index: 2;
    width: 180px;
    height: 180px;
    /*width: 200px;*/
    /*height: 200px;*/
    border-radius: 50%;
    background-color: #fff;
    /*background: url('../img/video-bg.png') no-repeat;*/
    background-size: cover;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    background-position: 50%;
    /*border: 15px solid #2646ad;*/
    box-shadow: #002ab6 0px 0px 50px 70px;
    box-sizing: initial;
    /*background-size: 100% 65%;*/
}

#main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon svg {
    width: 37px;
    height: 34px;
    transform: scale(2.2);
    fill: #002ab6;
}

#main .custom-container .main-content .video-popup-wrapper .video-popup:hover {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
}

#main .custom-container .main-content .video-popup-wrapper .video-popup:hover .play-icon {
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
}

/*#main .video-popup::after {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 440px;*/
/*    height: 440px;*/
/*    border-radius: 2000px;*/
/*    background: #ffad00;*/
/*    right: 30px;*/
/*    bottom: 0;*/
/*}*/

/* video tabs */
#video-tabs {
    /*padding: 0 0 50px;*/
    padding: 50px 0;
}

#video-tabs .title {
    text-align: center;
}

#video-tabs p {
    text-align: center;
    max-width: 58.33%;
    margin: 0 auto 50px;
}

#video-tabs .video-content {
    position: relative;
}

#video-tabs .video-content::before,
#video-tabs .video-content::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 2000px;
    width: 96px;
    height: 96px;
}

#video-tabs .video-content::before {
    background: rgba(0, 181, 230, 0.5);
    left: -42px;
    top: 69%;
}

#video-tabs .video-content::after {
    background: rgba(143, 66, 236, 0.15);
    right: 20%;
    top: -20px;
}

#video-tabs .video-content .svg-shape {
    position: absolute;
    opacity: .5;
    width: 55%;
    bottom: -35%;
    left: 13%;
    z-index: -1;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

#video-tabs .tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 0 1.5%;
    margin-top: 0;
}

#video-tabs .tabs-wrapper .nav-tabs {
    border: none;
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item {
    width: 100%;
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item:not(:first-child) .nav-link {
    margin-top: 24px;
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: left;
    border-radius: 8px;
    background-color: #fff;
    /*padding: 16px;*/
    height: 60px;
    margin-bottom: 0;
    color: #3253a4;
    /*font-size: 11px;*/
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link svg {
    width: 28px;
    height: 28px;
    margin-right: 12px;
    fill: rgba(109, 124, 144, 0.5);
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link span {
    display: block;
    width: calc(100% - 40px);
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link:hover,
#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link.active {
    /*margin: 0 -6px;*/
    /*width: calc(100% + 12px);*/
    transform: scale(1.05);
    -webkit-box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
    box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link:hover span,
#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link.active span {
    will-change: transform;
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item:not(:first-child) .nav-link:hover,
#video-tabs .tabs-wrapper .nav-tabs .nav-item:not(:first-child) .nav-link.active {
    margin: 24px -6px 0;
    margin: 24px 0 0;
}

#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link:hover svg,
#video-tabs .tabs-wrapper .nav-tabs .nav-item .nav-link.active svg {
    fill: #3253a4;
}

#video-tabs .tab-content {
    padding: 0 1.5%;
}

#video-tabs .tab-content>.active {
    display: flex;
    align-items: center;
}

#video-tabs .tab-content video {
    border-radius: 8px;
    height: 454px;
    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
}

#video-tabs .tab-content .first-video {
    position: relative;
}

#video-tabs .tab-content .first-video video:first-child {
    object-fit: cover;
}

#video-tabs .tab-content .first-video video:last-child {
    width: max-content;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* advantages */
/*#advantages {*/
/*    margin: 4% 0 5%;*/
/*}*/

/*#advantages .advantage-wrap {*/
/*    border-radius: 8px;*/
/*    background-color: #fff;*/
/*    padding: 32px;*/
/*    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);*/
/*    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);*/
/*    position: relative;*/
/*}*/

/*#advantages .advantage-wrap .svg-shape {*/
/*    width: 100%;*/
/*    bottom: -20%;*/
/*    left: -10%;*/
/*    -webkit-transform: rotate(-10deg);*/
/*    transform: rotate(-10deg);*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*}*/

/*#advantages .advantage-wrap::after {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*    width: 800px;*/
/*    height: 800px;*/
/*    border-radius: 2000px;*/
/*    background: linear-gradient(120deg, rgba(255, 74, 158, 0) 45%, rgba(255, 74, 158, 0.4) 100%);*/
/*    right: -140px;*/
/*    top: -210px;*/
/*}*/

/*#advantages .advantage-wrap h4 {*/
/*    font-size: 30px;*/
/*    font-weight: 700;*/
/*    text-align: center;*/
/*    color: #20292f;*/
/*    margin: 4% -2.5% 2.5%;*/
/*}*/

/*#advantages .advantage-wrap .advantage-box {*/
/*    margin: 15px 0;*/
/*    padding: 0 2.5%;*/
/*    text-align: center;*/
/*}*/

/*#advantages .advantage-wrap .advantage-box .img-wrap {*/
/*    -webkit-box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);*/
/*    box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);*/
/*    border-radius: 100px;*/
/*    padding: 24px;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    width: -webkit-fit-content;*/
/*    width: -moz-fit-content;*/
/*    width: fit-content;*/
/*    margin: 0 auto 16px;*/
/*}*/

/*#advantages .advantage-wrap .advantage-box h5 {*/
/*    color: #20292f;*/
/*    font-size: 18px;*/
/*    font-weight: 700;*/
/*    margin: 4px 0 8px;*/
/*}*/

/* body-index */
#body-index {
    margin: 4% 0 5%;
}

#body-index pre {
    font-size: inherit;
}

#body-index .calc-wrapper {
    position: relative;
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#body-index .calc-wrapper::before,
#body-index .calc-wrapper::after {
    content: '';
    position: absolute;
}

#body-index .calc-wrapper::before {
    top: 14%;
    left: 20%;
    width: 8px;
    height: 8px;
    background-color: #bbe6fe;
    border-radius: 50%;
}

#body-index .calc-wrapper::after {
    display: block;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 45%, rgba(55, 118, 255, 0.1) 100%);
    right: 0;
    top: 0;
}

#body-index .calc-wrapper .calc-wrap {
    text-align: center;
    width: 100%;
}

#body-index .calc-wrapper .calc-wrap .result-wrap {
    text-align: left;
}

#body-index .calc-wrapper .calc-wrap img {
    margin-top: 10px;
    
}

#body-index .calc-wrapper label {
    width: 130px;
}

#body-index .calc-wrapper input {
    padding-left: 140px;
}

#body-index .calc-wrapper input:focus {
    padding-left: 10px;
}

/*#body-index .calc-wrapper .img-wrap {*/
/*    position: absolute;*/
/*    border-radius: 30px;*/
/*    background-color: #fff;*/
/*    width: 400px;*/
/*}*/

/*#body-index .calc-wrapper .img-wrap:first-child {*/
/*    top: -40%;*/
/*    right: 12%;*/
/*}*/

/*#body-index .calc-wrapper .img-wrap:first-child::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -100px;*/
/*    right: 10%;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background-color: #ff7935;*/
/*    border-radius: 50%;*/
/*}*/

/*#body-index .calc-wrapper .img-wrap:last-child {*/
/*    top: 100%;*/
/*    right: 40%;*/
/*}*/

/*#body-index .calc-wrapper .img-wrap img {*/
/*    width: 100%;*/
/*    border-radius: 30px;*/
/*}*/

/* article */
#article {
    /*padding: 60px 0;*/
    padding: 60px 0 140px;
    overflow: hidden;
}

#article .article-wrap {
    padding: 32px;
    border-radius: 8px;
    background: radial-gradient(circle at top left, #4a42ec 0%, #521d91 100%);
    background-color: #521d91;
    -webkit-box-shadow: 0 48px 48px -32px rgba(23, 16, 159, 0.2), 0 96px 96px -64px rgba(23, 16, 159, 0.4);
    box-shadow: 0 48px 48px -32px rgba(23, 16, 159, 0.2), 0 96px 96px -64px rgba(23, 16, 159, 0.4);
    color: #fff;
    position: relative;
}

#article .article-wrap h3 {
    font-size: 38px;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center;
}

#article .article-wrap h5 {
    font-size: 19px;
    margin-bottom: 8px;
    text-align: center;
}

#article .article-wrap article {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 30px;
}

#article .article-wrap article ul {
    list-style-type: disc;
    padding-left: 32px;
}

#article .article-wrap::before,
#article .article-wrap::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
}

#article .article-wrap::before {
    width: 32px;
    height: 32px;
    border-radius: 2000px;
    background: #ff4a9e;
    top: -16px;
    left: 64px;
}

#article .article-wrap::after {
    width: 440px;
    height: 440px;
    border-radius: 2000px;
    background: #e2ad17;
    right: -100px;
    bottom: -80px;
    box-shadow: #e2ad17 20px 22px 70px 4px;;    
}

/* connection */
#connection {
    margin: 4% 0 7%;
}

#connection .img-collage {
    position: relative;
}

#connection .img-collage .back-svg {
    width: 80%;
    margin-top: -15%;
    left: 15%;
    position: absolute;
    z-index: -1;
}

#connection .img-collage .subscribe {
    max-width: 66%;
    -webkit-box-shadow: 0 12px 58px 0 rgba(0, 136, 225, 0.4), 0 12px 90px 0 rgba(0, 136, 225, 0.09);
    box-shadow: 0 12px 58px 0 rgba(0, 136, 225, 0.4), 0 12px 90px 0 rgba(0, 136, 225, 0.09);
    background-color: #fff;
    border-radius: 8px;
    height: 300px;
    padding: 60px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

#connection .img-collage .subscribe h4 {
    color: #3b5998;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    text-transform: capitalize;
}

#connection .img-collage .subscribe .subscribe-link {
    border-radius: 8px;
    text-transform: uppercase;
    display: block;
    color: #fff;
    font-weight: 700;
    background-color: #3b5998;
    padding: 15px 0 9px;
    text-align: center;
}

#connection .img-collage .social-carousel-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#connection .img-collage .social-carousel-wrap::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0.9)), color-stop(20%, rgba(255, 255, 255, 0.8)), color-stop(60%, rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

#connection .img-collage .social-carousel-wrap::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(255, 173, 0, 0) 45%, rgba(255, 173, 0, 0.4) 100%);
    right: 20%;
    bottom: -50px;
}

#connection .img-collage .social-carousel-wrap .play-carousel {
    width: 84px;
    height: 84px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: linear-gradient(120deg, rgba(0, 136, 225, 0) 0%, #0088e1 100%);
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    left: 40px;
    z-index: 3;
}

#connection .img-collage .social-carousel-wrap .play-carousel .play-icon {
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

#connection .img-collage .social-carousel-wrap .play-carousel .play-icon svg {
    width: 26px;
    height: 26px;
    position: relative;
    top: 1px;
}

#connection .img-collage .social-carousel-wrap .play-carousel:hover {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
}

#connection .img-collage .social-carousel-wrap .play-carousel:hover .play-icon {
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
}

#connection .img-collage .social-carousel-wrap .social-carousel {
    width: 40%;
    margin: 20px auto 0 110px;
}

#connection .img-collage .social-carousel-wrap .social-carousel .owl-stage-outer {
    border-radius: 8px 0 0 8px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
}

#connection .img-collage .social-carousel-wrap .social-carousel .owl-stage-outer .item {
    height: 250px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
}

#connection .img-collage .social-carousel-wrap .social-carousel .owl-stage-outer .item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border-radius: 8px;
}

#connection .article-text .title {
    color: #e2ad17;
    margin-bottom: 10px;
}

#connection .article-text h4 {
    font-size: 30px;
    margin: 6px 0 12px;
}

#connection .article-text .social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-radius: 100px;
    padding: 8px 20px;
    margin-bottom: 16px;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

#connection .article-text .social-link i {
    font-size: 24px;
    margin-right: 12px;
}

#connection .article-text .social-link:nth-child(3) {
    background-color: #3b5998;
}

#connection .article-text .social-link:nth-child(4) {
    background: #f09433;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

#connection .article-text .social-link:nth-child(5) {
    background-color: #c4302b;
}

#connection .article-text .social-link:nth-child(6) {
    background-color: #0088cc;
}

#connection .article-text .social-link:hover {
    -webkit-box-shadow: 0 12px 24px -6px rgba(74, 66, 236, 0.2);
    box-shadow: 0 12px 24px -6px rgba(74, 66, 236, 0.2);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

/* article 3 */
#article3 {
    margin: 4% 0 13%;
}

#article3 .article-wrap {
    background: radial-gradient(circle at top left, #34dd87 0%, #34ddbf 100%);
    background-color: #34dd87;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    padding: 100px 32px;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

#article3 .article-wrap svg {
    width: 50%;
    bottom: -35%;
    margin-left: -8%;
    position: absolute;
    z-index: -1;
}

#article3 .article-wrap .article {
    width: 45%;
    padding: 0 2.5%;
}

#article3 .article-wrap .article .title,
#article3 .article-wrap .article .desc {
    color: #fff;
}

#article3 .article-wrap .see-more-wrap {
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    padding: 50px 32px 60px;
    width: 45%;
    position: absolute;
    right: 32px;
    bottom: -130px;
}

#article3 .article-wrap .see-more-wrap .title {
    color: #2655eb;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

#article3 .article-wrap .see-more-wrap .see-more {
    display: inline-block;
    background: linear-gradient(120deg, rgba(38, 46, 235, 0) 0%, #151de3 100%);
    background-color: #2655eb;
    font-size: 15px;
    padding: 12px 32px 8px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 100px;
}

/* article 4 */
#article4 {
    margin: 4% 0 5%;
    height: 540px;
}

#article4 img {
    margin-top: 160px;
    margin-left: -53%;
    width: 160%;
    max-width: 160%;
    padding: 0 2.5%;
}

#article4 .article-wrap {
    padding: 0 10%;
}

/* all-articles */
.article-box {
    margin: 15px 0;
}

.article-box a {
    display: block;
    padding: 24px 16px;
    border-radius: 8px;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

.article-box a img {
    margin-bottom: 16px;
    width: 32px;
}

.article-box a h5 {
    color: #3776ff;
    font-size: 18px;
    font-weight: 700;
    margin: 4px 0 8px;
    height: 43px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-box a .desc {
    padding-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.article-box a:hover {
    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
}

/* gallery */
#gallery {
    margin: 4% 0 5%;
}

/*#gallery .title {*/
/*    text-align: center;*/
/*}*/

.gallery-box {
    margin: 30px auto;
    max-width: 355px;
    /*min-width: 328px;*/
}

.gallery-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.gallery-box a .img-wrap {
    border-radius: 8px;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 10px 30px 0 rgba(103, 151, 255, 0.22), 0 15px 50px 0 rgba(103, 151, 255, 0.22);
    box-shadow: 0 10px 30px 0 rgba(103, 151, 255, 0.22), 0 15px 50px 0 rgba(103, 151, 255, 0.22);
    overflow: hidden;
    will-change: transform;
}

.gallery-box a .img-wrap img {
    max-width: 100%;
}

/*.gallery-box a .img-wrap:nth-child(1) {*/
    /*width: 220px;*/
    /*height: 240px;*/
/*    width: 170px;*/
/*    height: 210px;*/
/*    z-index: 3;*/
    /*background-color: #fff;*/
/*    background-color: #5074cb;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    align-items: center;*/
/*}*/

/*.gallery-box a .img-wrap:nth-child(1) img {*/
/*    filter: grayscale(100) brightness(100);*/
/*}*/

/*.gallery-box a .img-wrap:nth-child(2),*/
/*.gallery-box a .img-wrap:nth-child(3) {*/
/*    position: absolute;*/
/*    top: 12px;*/
    /*width: 180px;*/
/*    width: 200px;*/
    /*width: 50%;*/
    /*height: 200px;*/
/*    height: 184px;*/
/*    opacity: .8;*/
/*    z-index: 2;*/
/*}*/

/*.gallery-box a .img-wrap:nth-child(2) {*/
/*    left: 50px;*/
/*}*/

/*.gallery-box a .img-wrap:nth-child(3) {*/
/*    right: 50px;*/
/*}*/

/*.gallery-box a:hover .img-wrap:nth-child(1) {*/
/*    width: 160px;*/
/*}*/

/*.gallery-box a:hover .img-wrap:nth-child(2),*/
/*.gallery-box a:hover .img-wrap:nth-child(3) {*/
    /*width: 160px;*/
/*    width: 180px;*/
    /*width: 48%;*/
    /*height: 220px;*/
/*    height: 184px;*/
/*    opacity: 1;*/
/*}*/

/*.gallery-box a:hover .img-wrap:nth-child(2) {*/
/*    left: 25px;*/
/*    -webkit-transform: rotate(-5deg);*/
/*    transform: rotate(-5deg);*/
/*}*/

/*.gallery-box a:hover .img-wrap:nth-child(3) {*/
/*    right: 25px;*/
/*    -webkit-transform: rotate(5deg);*/
/*    transform: rotate(5deg);*/
/*}*/

.gallery-box {
    position: relative;
    height: 230px;
}

.gallery-box a .img-wrap {
    width: 130px;
    height: 230px;
    opacity: 1;
    position: absolute;
    top: 0;
}

/*.gallery-box a .img-wrap:nth-child(1) {*/
/*    -webkit-transform: rotate(-40deg);*/
/*    transform: rotate(-40deg);*/
/*}*/

/*.gallery-box a .img-wrap:nth-child(2) {*/
/*    -webkit-transform: rotate(40deg);*/
/*    transform: rotate(40deg);*/
/*}*/

.gallery-box a .img-wrap:nth-child(1) {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.gallery-box a .img-wrap:nth-child(2) {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

.gallery-box a:hover .img-wrap:nth-child(1) {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.gallery-box a:hover .img-wrap:nth-child(2) {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

/* about */
#about {
    margin: 4% 0 5%;
    position: relative;
    overflow: hidden;
}

#about .about-background-img {
    background: url("../img/about-background.jpg") no-repeat;
    background-size: 100% 80%;
    width: 100%;
    height: 900px;
    position: relative;
    overflow: hidden;
}

#about .figures-wrapper {
    position: absolute;
    top: 120px;
    left: 170px;
}

#about .about-background-img .figure-wrap:first-child {
   position: relative;
    z-index: 2;
    -webkit-animation: topAnime 1s ease-in-out infinite alternate;
    animation: topAnime 1s ease-in-out infinite alternate;
}

#about .about-background-img .figure-wrap:last-child {
    -webkit-animation: topAnime 1s ease-in-out infinite alternate;
    animation: bottomAnime 1s ease-in-out infinite alternate;
}

@-webkit-keyframes topAnime {
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(20px);
  }
}

@keyframes topAnime {
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(20px);
  }
}

@-webkit-keyframes bottomAnime {
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(-20px);
  }
}

@keyframes bottomAnime {
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(-20px);
  }
}

#about .about-background-img .figure,
#about .about-background-img .figure0 {
    width: 320px;
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}

#about .about-background-img .figure {
    border-radius: 30px;
    -webkit-transform: rotate(329deg) skew(28deg, 5deg);
    transform: rotate(329deg) skew(28deg, 5deg);
}

#about .about-background-img .figure0 {
    border-radius: 30px;
    -webkit-transform: rotate(336deg) skew(32deg, 359deg);
    transform: rotate(336deg) skew(32deg, 359deg);
}

#about .doctor-img {
    position: absolute;
    right: 0;
    top: 100px;
    height: 900px;
}
#about .about-text-wrap .about-text h4{
    transform: translateY(-100px);
}
#about .about-text-wrap .about-text h5{
    transform: translateY(-100px);
}
#about .about-text-wrap .about-text{
    padding-left: 15%;
    /*padding-right: 15%;*/
}
#about .about-text-wrap {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #6100d6), to(#330070));
    background: linear-gradient(180deg, #6100d6 20%, #330070 100%);
    -webkit-box-shadow: 150px -250px 200px #6100d6;
    box-shadow: 150px -250px 200px #6100d6;
    margin-top: -180px;
}
#about.about-ru .about-text-wrap{
    margin-top:-181px;
}
#about .about-text-wrap .about-text {
    color: #fff;
}

#about .about-text-wrap .about-text h4 {
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

#about .about-text-wrap .about-text h5 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center;
}

#about .about-text-wrap .about-text h6 {
    font-size: 25px;
    font-weight: 700;
    margin-top: 30px;
}

#about .about-text-wrap .about-text ul {
    list-style-type: disc;
    padding-left: 32px;
    font-size: 22px;
}

#about .about-text-wrap .about-text p {
    font-size: 19px;
    line-height: 2;
}

#about .about-text-wrap svg {
    max-height: 300px;
    fill: #fff;
}














.blueTxt{
    color:#3253a4;
}
/* comments */
#comments {
    padding: 4% 0 5%;
}

#comments .article-text h5 {
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}

#comments .comments-wrapper,
#comments .comments-wrap {
    position: relative;
}


/*#comments .comments-wrapper .comments-wrap {*/
/*    width: 75%;*/
/*    margin: 20px 0 0 auto;*/
/*}*/

/*#comments .comments-wrapper .comments-wrap .comment-box {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: justify;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*    text-transform: uppercase;*/
/*    padding: 40px 20px;*/
/*    border-radius: 8px;*/
/*    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);*/
/*    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);*/
/*    cursor: pointer;*/
/*}*/

/*#comments .comments-wrapper .comments-wrap .comment-box h6 {*/
/*    text-transform: uppercase;*/
/*    font-size: 18px;*/
/*    margin: 0 50px 0 0;*/
/*}*/

/*#comments .comments-wrapper .comments-wrap .comment-box .check-box {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*}*/

/*#comments .comments-wrapper .comments-wrap .comment-box .check-box svg {*/
/*    fill: #53ffba;*/
/*    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);*/
/*    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);*/
/*}*/

/*#comments .comments-wrapper .comments-wrap .comment-box:hover,*/
/*#comments .comments-wrapper .comments-wrap .comment-box.active {*/
/*    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);*/
/*    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);*/
/*}*/

/*#comments .comments-wrapper .comments-wrap .comment-box:hover svg,*/
/*#comments .comments-wrapper .comments-wrap .comment-box.active svg {*/
/*    fill: #3883f8;*/
/*}*/


#comments .comments-wrap {
    position: relative;
    width: max-content;
    margin-left: auto;
}

#comments .comments-wrap .carousel-navs {
    text-align: center;
    margin-top: 20px;
}

#comments .comments-wrap .carousel-navs button {
    border: none;
    background-color: #fff;
}

#comments .comments-wrap .carousel-navs button img {
    width: 32px;
}

#comments .comments-wrapper .comment-carousel {
    width: 400px;
    -webkit-box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
    box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
}

.comments-wrapper .comment-carousel .owl-stage-outer {
    border-radius: 8px;
}

.comments-wrapper .comment-carousel .owl-item  {
    border-radius: 8px;
}

.comments-wrapper .comment-carousel .owl-item div,
.page-content .comments-wrapper > div {
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
    margin-left: auto;
    border: 2px solid #fff;
    border-top: 5px solid #6c2dbb;
}

.gallery-wrapper .comment-carousel .owl-item div,
.page-content .gallery-wrapper > div {
    border: none;
}

.page-content .comments-wrapper > div {
    width: calc(33.33% - 30px);
    margin: 15px;
    padding: 0;
    -webkit-box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
    box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
}

.comments-wrapper .comment-carousel .owl-item div img,
.page-content .comments-wrapper > div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
}

/* slogan */
#slogan {
    margin: 15% 0 100px;
    padding: 15% 0 180px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#slogan .slogan-wrap {
    background: radial-gradient(circle at top left, #4a42ec 0%, #521d91 100%);
    background-color: #521d91;
    border-radius: 8px;
    padding: 32px;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 48px 48px -32px rgba(23, 16, 159, 0.2), 0 96px 96px -64px rgba(23, 16, 159, 0.4);
    box-shadow: 0 48px 48px -32px rgba(23, 16, 159, 0.2), 0 96px 96px -64px rgba(23, 16, 159, 0.4);
    position: relative;
}

/*#slogan .slogan-wrap::before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*    border-radius: 2000px;*/
/*}*/

#slogan .slogan-wrap::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 2000px;
}

/*#slogan .slogan-wrap::before {*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    background-color: rgba(255, 123, 43, 0.5);*/
/*    top: -32px;*/
    /*right: 22%;*/
/*    right: 260px;*/
/*}*/

#slogan .slogan-wrap::after {
    width: 440px;
    height: 440px;
    background-color: #34dd87;
    right: -100px;
    bottom: -80px;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

#slogan .slogan-wrap svg {
    width: 60%;
    margin: -20% 0 0 -15%;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    position: absolute;
    z-index: -1;
}

#slogan .slogan-wrap .slogan-text {
    color: #fff;
    text-align: center;
    padding: 0 2.5%;
}

#slogan .slogan-wrap .slogan-text h4 {
    font-size: 38px;
    font-weight: 700;
    margin: 4% 76px 15px;
}

#slogan .slogan-wrap .slogan-text .consultation-btn {
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 12px 32px;
    background-color: #fff;
    color: #e72c94;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    margin: 0 auto 4%;
}

#slogan .slogan-wrap .slogan-text .consultation-btn:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 12px 24px -6px rgba(255, 74, 158, 0.2);
    box-shadow: 0 12px 24px -6px rgba(255, 74, 158, 0.2);
}

#slogan .slogan-wrap .slogan-text p {
    font-size: 18px;
    margin: 4% -2.5%;
}

#slogan.active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 99999;
}

#slogan.active .slogan-wrap {
    -webkit-box-shadow: 0 48px 48px -32px rgba(23, 16, 159, 0.2), 0 96px 96px -64px rgba(3, 2, 20, 0.6);
    box-shadow: 0 48px 48px -32px rgba(23, 16, 159, 0.2), 0 96px 96px -64px rgba(3, 2, 20, 0.6);
}

#slogan.active .slogan-wrap::before {
    background-color: #ffad00;
}

#slogan.active .slogan-wrap::after {
    background-color: #60e4a1;
}

#slogan.active .slogan-wrap svg {
    opacity: .2;
}

.slogan-active-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(78, 47, 188, 0.8);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.slogan-active-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    z-index: 99998;
}

/* footer */
footer {
    background: -webkit-gradient(linear, left bottom, left top, from(#fafbfd), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, #fafbfd 0%, rgba(255, 255, 255, 0) 100%);
    position: relative;
    z-index: 7;
}

footer .row {
    margin: 4% 0;
}

footer .row .social-box a {
    display: block;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px 16px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(103, 151, 255, 0.09), 0 4px 32px 0 rgba(103, 151, 255, 0.09);
    box-shadow: 0 2px 8px 0 rgba(103, 151, 255, 0.09), 0 4px 32px 0 rgba(103, 151, 255, 0.09);
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-align: center;
}

footer .row .social-box i {
    font-size: 28px;
}

footer .row .social-box .follower {
    font-size: 14px;
    color: #3253a4;
}

footer .row .social-box .follower span {
    font-weight: 700;
    color: #3253a4;
    letter-spacing: 2.5px;
    display: block;
    margin: 5px 0;
}

footer .row .social-box a:hover {
    -webkit-box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);
    box-shadow: 0 4px 24px 0 rgba(103, 151, 255, 0.1), 0 12px 64px 0 rgba(103, 151, 255, 0.1);
}

footer .row .h6 {
    display: block;
    color: #3253a4;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

footer .row .content-center,
footer .row .content-right {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

footer .row .content-center {
    margin: 0 auto;
}

footer .row .content-right {
    margin-left: auto;
}

footer .row .footer-list li {
    margin-bottom: 5px;
}

footer .row .footer-list li a {
    color: #6d7c90;
    font-size: 15px;
    -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}

footer .row .footer-list li a:hover,
footer .row .footer-list li.active a {
    color: #3253a4;
}

footer .copyright-wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: #6d7c90;
}

footer .copyright-wrap p {
    margin-bottom: 0;
    font-size: 16px;
}

footer .copyright-wrap p a {
    color: #382f86;
    position: relative;
    margin-left: 5px;
    font-size: 16px;
    display: inline-block;
}

footer .copyright-wrap p a::after {
    content: '';
    height: 1px;
    width: 0;
    position: absolute;
    background-color: #382f86;
    display: block;
    bottom: 0;
    left: 0;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

footer .copyright-wrap p a:hover::after {
    width: 100%;
}


/* form */
.form-effect {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.textarea-effect {
    margin-bottom: 15px;
}

.form-effect input,
.form-effect textarea,
.form-effect select {
    width: 100%;
    height: 40px;
    padding: 10px 10px 10px 90px;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
}

.form-effect textarea {
    height: auto;
    padding: 50px 10px 10px 10px;
}

.form-effect select {
    padding: 10px;
    text-align: center;
    background-color: #3253a4;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.form-effect input+label,
.form-effect textarea+label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: bold;
    width: 80px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: white;
    background: #3253a4;
    border-radius: 3px 0 0 3px;
    transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
    transform: translateZ(0) translateX(0);
}

.form-effect textarea+label {
    width: 100%;
    border-radius: 3px 3px 0 0;
}

.form-effect input:focus {
    padding-left: 10px;
}

.form-effect textarea:focus {
    padding-top: 10px;
}

.form-effect input:focus+label {
    transform: translateZ(0) translateX(-100%);
}

.form-effect textarea:focus+label {
    transform: translateZ(0) translateY(-100%);
}

.submit-btn-wrap {
    display: inline-flex;
    border: #3253a4;
    background-color: #3253a4;
    color: #fff;
    padding: 0;
    height: auto;
    transition: 300ms all ease;
}

.submit-btn-wrap:hover {
    background-color: #587dcf;
}

.submit-btn-wrap .submit-btn {
    color: #fff;
    padding: 0 40px;
    height: 56px;
    width: 100%;
}

.modal-form .form-effect input+label,
.modal-form .form-effect textarea+label,
.modal-form .form-effect select {
    background: #3253a4;
}


/* modal */
.modal {
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-dialog {
    width: 500px;
}

.modal-content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding-top: 20px;
    position: relative;
}

.modal-header {
    margin: 0 40px 10px 40px;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #3253a4;
}

.modal-title {
    font-weight: 500;
}

.modal-content .btn-close {
    display: block;
    height: 20px;
    opacity: .5;
    position: absolute;
    right: 50px;
    top: 34px;
    width: 20px;
    z-index: 100;
    padding: 0;
    outline: transparent;
}

.modal-body {
    padding: 0 40px 40px;
}

.modal-open {
    overflow: hidden !important;
}


/* breadcrumb */
.breadcrumb {
    background-color: #dddfe0;
    margin-bottom: 0;
}

.breadcrumb-list {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0;
}

.breadcrumb-list li {
    float: left;
    color: #3354a4;
    font-size: 15px;
    padding: 2px 0;
}

.breadcrumb-list li:not(:last-child) {
    margin-right: 34px;
    position: relative;
}

.breadcrumb-list li:not(:last-child)::after {
    content: '';
    background: url('../img/right-arrow.png') no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
}

.breadcrumb-list li a {
    color: #3354a4;
    -webkit-transition: color 0.225s ease 0s;
    -moz-transition: color 0.225s ease 0s;
    -o-transition: color 0.225s ease 0s;
    transition: color 0.225s ease 0s;
}

.breadcrumb-list li a:hover {
    color: #e72c94;
}

.breadcrumb-list li.active {
    opacity: .7;
}


/* pagination */

.pagination {
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
}

.pagination .nav-icon, .pagination a:link, 
.pagination a:visited, .pagination a:active,
.pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 13px;
    margin: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    min-width: 35px;
    min-height: 30px;
}

.pagination .nav-icon {
    padding: 0;
}

.pagination .nav-icon span,
.pagination .nav-icon a {
    margin: 0;
    min-width: 100%;
    min-height: 100%;
}

.pagination span {
    background-color: #cbcbcb;
}

.pagination i {
    font-size: 13px;
}

.pagination a:link, .pagination a:visited, .pagination a:active {
    background-color: #ff915b;
    -webkit-transition: 500ms background ease;
	-moz-transition: 500ms background ease;
	-o-transition: 500ms background ease;
    transition: 500ms background ease;
}

.pagination a:hover {
    background-color: #ff7f41;
}


/* search result style */
.dpad.radial.infoblock, .dpad.radial .heading, .dpad.radial #searchtable {
    display: none;
}


/* inside pages */
.inside-pages {
    margin-top: 86px;
    overflow-x: hidden;
}

.inside-pages .page-content {
    padding: 50px 0;
    min-height: 250px;
}

.inside-pages .static-content {
    padding: 150px 0 50px;
}

.inside-pages .static-content .content-all {
    border-radius: 8px;
    background-color: #fff;
    padding: 60px;
    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    position: relative;
    font-size: 16px;
}

.inside-pages .static-content .content-all::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(132, 169, 255, .23) 30%, rgb(165, 171, 183) 100%);
    right: -170px;
    top: -80px;
    box-shadow: rgba(132 169 255 / 33%) 0px 1px 25px 60px, rgb(165 171 183) 20px 22px 70px 4px;
}

.inside-pages .page-content .page-title {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    /*color: #20292f;*/
    color: #3253a4;
    margin-bottom: 72px;
}

.inside-pages .static-content .content-all h4 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

.inside-pages .static-content .content-all h5 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center;
}

.inside-pages .static-content .content-all h6 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
}

.inside-pages .static-content .content-all ul {
    font-size: 16px;
}

.inside-pages .static-content .content-all ul li {
    background: url('../img/check.png') no-repeat;
    background-size: 16px;
    background-position: left 4px;
    padding-left: 32px;
    margin: 10px 0;
}

.inside-pages .static-content .content-all p {
    font-size: 16px;
    line-height: 2;
}

.inside-pages .about-page img {
  /*width: 80%;*/
  /*height: auto;*/
  height: 400px;
  padding: 10px;
  margin: 0 auto 30px;
  border: 3px solid #eceff4;
  object-fit: cover;
}

.inside-pages .news-page .content-all img {
    display: none;
}

.inside-pages .contact-content .contact-box {
    height: 100%;
    border-radius: 8px;
    background-color: #fff;
    padding: 32px;
    -webkit-box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
}

.inside-pages .contact-content .contact-box h6 {
    color: #3253a4;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.inside-pages .contact-content .contact-box .contact-list li {
    background-color: #f2f4f5;
    margin-bottom: 16px;
    border-radius: 100px;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
}

.inside-pages .contact-content .contact-box .contact-list li a,
.inside-pages .contact-content .contact-box .contact-list li address {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 8px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 28px;
    color: #3253a4;
    margin-bottom: 0;
}

.inside-pages .contact-content .contact-box .contact-list li:hover {
    background-color: #eceef1;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.inside-pages .contact-content .contact-box .social-media-list {
    display: flex;
    flex-wrap: wrap;
}

.inside-pages .contact-content .contact-box .social-media-list div {
    margin: 30px;
    width: calc(50% - 60px);
    display: flex;
    justify-content: center;
}

.inside-pages .contact-content .contact-box .social-media-list div a {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, .5);
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(0, 0);
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
}

.inside-pages .contact-content .contact-box .social-media-list div a i {
    font-size: 40px;
    color: #262626;
    line-height: 80px;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
}

.inside-pages .contact-content .contact-box .social-media-list div a::before,
.inside-pages .contact-content .contact-box .social-media-list div a::after {
    content: '';
    position: absolute;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
}

.inside-pages .contact-content .contact-box .social-media-list div a::before {
    top: 10px;
    left: -20px;
    height: 100%;
    width: 20px;
    transform: rotate(0deg) skewY(-45deg);
}

.inside-pages .contact-content .contact-box .social-media-list div a::after {
    bottom: -20px;
    left: -10px;
    height: 20px;
    width: 100%;
    transform: rotate(0deg) skewX(-45deg);
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(1) a {
    background-color: #1877f2;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(1) a::before {
    background-color: #0d6ae4;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(1) a::after {
    background-color: #2b82f3;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(2) a {
    background-color: #f09433;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(2) a::before {
    background-color: #f09433;
    background: linear-gradient(335deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(2) a::after {
    background-color: #f09433;
    background: linear-gradient(152deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(3) a {
    background-color: #ff0000;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(3) a::before {
    background-color: #e60000;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(3) a::after {
    background-color: #ff1414;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(4) a {
    background-color: #0088cc;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(4) a::before {
    background-color: #0577b1;
}

.inside-pages .contact-content .contact-box .social-media-list div:nth-child(4) a::after {
    background-color: #109ee5;
}

.inside-pages .contact-content .contact-box .social-media-list div a:hover {
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    box-shadow: -50px 50px 50px rgba(0, 0, 0, .5);
}

.inside-pages .contact-content .contact-box .social-media-list div a:hover i {
    color: #fff;
}

.inside-pages #map {
    width: 100%;
    height: 450px;
    margin-top: 50px;
}

.inside-pages .static-content .content-all.dif-colors {
    color: #002060;
}

.inside-pages .static-content .content-all.dif-colors b {
    color: #c00000;
}

.inside-pages .static-content .content-all.dif-colors b span {
    color: #0070c0;
}

.inside-pages .about-static-content img {
    display: none;
}

/* gallery fullstory before-after slider */

.before-after-images .before-img,
.before-after-images .after-img {
    position: relative;
}

.before-after-images a {
    display: inline-block; 
    height: 100%;
}

.before-after-images img {
    width: 100%;
}

.before-after-images span {
    position: absolute;
    display: block; 
    font-weight: 500;
    letter-spacing: 1px;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #725aca;
    padding: 6px 12px;
    font-size: 16px;
}

/*.before-after-slider {*/
/*    width: max-content;*/
/*    margin: 0 auto;*/
/*}*/

/*.cd-image-container {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  max-width: 366px;*/
/*  margin: 0 auto;*/
/*}*/

/*.cd-image-container img {*/
/*  display: block;*/
/*}*/

/*.cd-image-label {*/
/*  position: absolute;*/
/*  font-weight: 500;*/
/*  letter-spacing: 1px;*/
/*  top: 0;*/
/*  right: 0;*/
/*  color: #fff;*/
/*  background-color: #725aca;*/
/*  padding: 6px 12px;*/
/*  font-size: 16px;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*  opacity: 0;*/
/*  -webkit-transform: translateY(20px);*/
/*  -moz-transform: translateY(20px);*/
/*  -ms-transform: translateY(20px);*/
/*  -o-transform: translateY(20px);*/
/*  transform: translateY(20px);*/
/*  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;*/
/*  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;*/
/*  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;*/
/*}*/

/*.cd-image-label.is-hidden {*/
/*  visibility: hidden;*/
/*}*/

/*.is-visible .cd-image-label {*/
/*  opacity: 1;*/
/*  -webkit-transform: translateY(0);*/
/*  -moz-transform: translateY(0);*/
/*  -ms-transform: translateY(0);*/
/*  -o-transform: translateY(0);*/
/*  transform: translateY(0);*/
/*}*/

/*.cd-resize-img {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 0;*/
/*  height: 100%;*/
/*  overflow: hidden;*/
  /* Force Hardware Acceleration in WebKit */
/*  -webkit-transform: translateZ(0);*/
/*  -moz-transform: translateZ(0);*/
/*  -ms-transform: translateZ(0);*/
/*  -o-transform: translateZ(0);*/
/*  transform: translateZ(0);*/
/*  -webkit-backface-visibility: hidden;*/
/*  backface-visibility: hidden;*/
/*}*/

/*.cd-resize-img img {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  display: block;*/
/*  height: 100%;*/
/*  width: auto;*/
/*  max-width: none;*/
/*}*/

/*.cd-resize-img .cd-image-label {*/
/*  right: auto;*/
/*  left: 0;*/
/*}*/

/*.is-visible .cd-resize-img {*/
/*  width: 50%;*/
/*  -webkit-animation: cd-bounce-in 0.7s;*/
/*  -moz-animation: cd-bounce-in 0.7s;*/
/*  animation: cd-bounce-in 0.7s;*/
/*}*/

/*@-webkit-keyframes cd-bounce-in {*/
/*  0% {*/
/*    width: 0;*/
/*  }*/
/*  60% {*/
/*    width: 55%;*/
/*  }*/
/*  100% {*/
/*    width: 50%;*/
/*  }*/
/*}*/

/*@-moz-keyframes cd-bounce-in {*/
/*  0% {*/
/*    width: 0;*/
/*  }*/
/*  60% {*/
/*    width: 55%;*/
/*  }*/
/*  100% {*/
/*    width: 50%;*/
/*  }*/
/*}*/

/*@keyframes cd-bounce-in {*/
/*  0% {*/
/*    width: 0;*/
/*  }*/
/*  60% {*/
/*    width: 55%;*/
/*  }*/
/*  100% {*/
/*    width: 50%;*/
/*  }*/
/*}*/

/*.cd-handle {*/
/*  position: absolute;*/
/*  height: 44px;*/
/*  width: 44px;*/
  /* center the element */
/*  left: 50%;*/
/*  top: 50%;*/
/*  margin-left: -22px;*/
/*  margin-top: -22px;*/
/*  border-radius: 50%;*/
/*  background: #725aca url("https://images.clickfunnels.com/09/a714400d3211e7a0bd7d7140585054/cd-arrows.svg") no-repeat center center;*/
/*  cursor: move;*/
/*  box-shadow: 0 0 0 6px rgba(114, 90, 202, 0.2), 0 0 10px rgba(114, 90, 202, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);*/
/*  opacity: 0;*/
/*  -webkit-transform: translate3d(0, 0, 0) scale(0);*/
/*  -moz-transform: translate3d(0, 0, 0) scale(0);*/
/*  -ms-transform: translate3d(0, 0, 0) scale(0);*/
/*  -o-transform: translate3d(0, 0, 0) scale(0);*/
/*  transform: translate3d(0, 0, 0) scale(0);*/
/*}*/

/*.cd-handle.draggable {*/
  /* change background color when element is active */
/*  background-color: #533f9b;*/
/*}*/

/*.is-visible .cd-handle {*/
/*  opacity: 1;*/
/*  -webkit-transform: translate3d(0, 0, 0) scale(1);*/
/*  -moz-transform: translate3d(0, 0, 0) scale(1);*/
/*  -ms-transform: translate3d(0, 0, 0) scale(1);*/
/*  -o-transform: translate3d(0, 0, 0) scale(1);*/
/*  transform: translate3d(0, 0, 0) scale(1);*/
/*  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;*/
/*  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;*/
/*  transition: transform 0.3s 0.7s, opacity 0s 0.7s;*/
/*}*/



/* responsive */
@media screen and (max-width: 1800px) {
    header .custom-container,
    #main .custom-container {
        width: 90%;
    }
    
    #main .back-svg {
        width: 35%;
    }
}

@media screen and (max-width: 1670px) {
    header .custom-container,
    #main .custom-container {
        width: 95%;
        max-width: 95%;
    }
    .bg-animation{
        right: -24% !important;
    }
    #about .about-background-img::after {
        bottom: 85%;
    }

    #about .about-text-wrap .about-text {
        padding-right: 100px;
    }
}

@media screen and (max-width: 1560px) {
    header nav .nav-item {
        padding: 0 20px;
    }

    header nav .nav-item.lang-item.lang-active {
        padding-left: 20px;
    }

    /*.custom-dropdown-menu {*/
    /*    left: 20px;*/
    /*    right: 20px;*/
    /*}*/

}

@media screen and (max-width: 1500px) {
    header nav .nav-item {
        padding: 0 18px;
    }

    header nav .nav-item.lang-item.lang-active {
        padding-left: 18px;
    }

    /*.custom-dropdown-menu {*/
    /*    left: 18px;*/
    /*    right: 18px;*/
    /*}*/

    header nav .navbar-nav .nav-item .nav-link,
    header nav .nav-item .nav-link,
    .custom-dropdown-menu li a {
        font-size: 10px;
    }

    .title {
        font-size: 50px;
    }

    #about .about-background-img::after {
        bottom: 80%;
    }

    #about .about-text-wrap .about-text {
        padding-right: 50px;
    }
}

@media screen and (max-width: 1410px) {
    header nav .nav-item {
        padding: 0 15px;
    }

    header nav .nav-item.lang-item.lang-active {
        padding-left: 15px;
    }

    /*.custom-dropdown-menu {*/
    /*    left: 15px;*/
    /*    right: 15px;*/
    /*}*/

    header nav .nav-item .consultation-btn {
        margin-left: 0;
    }

    #connection .img-collage .social-carousel-wrap .social-carousel {
        width: 44%;
    }
    
    /*.gallery-box a .img-wrap:nth-child(2) {*/
    /*    left: 30px;*/
    /*}*/

    /*.gallery-box a .img-wrap:nth-child(3) {*/
    /*    right: 30px;*/
    /*}*/
}

@media screen and (max-width: 1370px) {
    header nav .navbar-nav .nav-item .nav-link,
    header nav .nav-item .nav-link,
    .custom-dropdown-menu li a {
        font-size: 9px;
    }
    
    .bg-animation{
        right: -34% !important;
    }
    #main {
        padding: 100px 0 0;
    }
    
    #main .back-svg {
        width: 45%;
    }
}
@media (min-width: 1300px) and (max-width: 1370px){
    #main .custom-container .main-content img{
        margin-top: -13% !important;
    }
}
@media (min-width: 860px) and (max-width: 1300px){
    #main .custom-container .main-content img{
        margin-top: -22% !important;
    }
}
@media (min-width: 493px) and (max-width: 860px){
    #main .custom-container .main-content img{
        margin-top: -40% !important;
    }
}
@media screen and (max-width: 1300px) {
    header nav .nav-item {
        padding: 0 10px;
    }

    header nav .nav-item.lang-item.lang-active {
        padding-left: 10px;
    }

    /*.custom-dropdown-menu {*/
    /*    left: 10px;*/
    /*    right: 10px;*/
    /*}*/
    
    header nav .nav-item .consultation-btn {
        min-width: 150px;
        padding: 12px 24px;
        font-size: 11px;
    }
    
    #main .custom-container .main-content p {
        font-size: 32px;
    }
    
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon{
        width: 260px;
        height: 250px;
    }
    
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon {
        width: 170px;
        height: 170px;
    }

    #connection .img-collage .social-carousel-wrap .social-carousel {
        width: 50%;
    }
    
    /*.gallery-box a .img-wrap:nth-child(2) {*/
    /*    left: 20px;*/
    /*}*/

    /*.gallery-box a .img-wrap:nth-child(3) {*/
    /*    right: 20px;*/
    /*}*/
    
    #slogan .slogan-wrap::before {
        right: 275px;
    }
}


@media screen and (min-width: 1199.99px) and (max-width: 1300px) {
    #body-index .calc-wrapper::after {
        border-radius: 50%;
    }
}


@media screen and (min-width: 1200px) {
    .custom-dropdown-menu-wrap:hover .custom-dropdown-menu {
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (max-width: 1199.99px) {
    /*#main .svg-shape {*/
    /*    width: 70%;*/
    /*}*/

    /*#main .custom-container .main-content .video-popup-wrapper {*/
    /*    padding-top: 130px;*/
    /*}*/
    
    #main .content-text {
        padding-right: 0;
    }
    
    /*#main .custom-container .main-content .video-popup-wrapper .video-popup {*/
    /*    background: #fff;*/
    /*}*/

    .service-box {
        margin-bottom: 15px;
    }
    
    #video-tabs p {
        max-width: 70%;
    }

    #video-tabs .col-xl-7 {
        order: 1;
    }

    #video-tabs .tabs-wrapper {
        margin-top: 30px;
    }

    #video-tabs .tabs-wrapper:first-child {
        order: 2;
    }

    #video-tabs .tabs-wrapper:last-child {
        order: 3;
    }

    #connection .title {
        font-size: 40px;
    }

    #connection .img-collage .social-carousel-wrap .social-carousel {
        margin: 20px auto 0 70px;
        width: 58%;
    }

    #connection .img-collage .subscribe {
        max-width: 80%;
    }
    
    #all-articles {
        margin-top: 10%;
    }
    
    #slogan .slogan-wrap .slogan-text h4 {
        margin: 4% 40px 15px;
    }
    
    #slogan .slogan-wrap::before {
        right: 300px;
    }
    
    #slogan .slogan-wrap::after {
        right: -80px;
    }
    
    .inside-pages {
        margin-top: 86px;
    }
    
    .page-content .comments-wrapper > div {
        width: calc(50% - 30px);
    }
    
    .inside-pages .contact-content .contact-box .contact-list li a, 
    .inside-pages .contact-content .contact-box .contact-list li address {
        font-size: 11px;
        padding: 8px 14px;
        line-height: 18px;
    }
    
    .inside-pages .contact-content .contact-box .social-media-list div a {
        width: 70px;
        height: 70px;
    }
    
    .inside-pages .contact-content .contact-box .social-media-list div a i {
        font-size: 32px;
        line-height: 70px;
    }
    
    #body-index .calc-wrapper {
        height: 500px;
    }
}


@media screen and (max-width: 1199px) {
    /*header nav {*/
    /*    position: static !important;*/
    /*    align-items: center !important;*/
    /*}*/
    
    header nav .nav-right {
        display: block;
    }

    header #myMenu {
        position: absolute;
        top: 86px;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #f2f4f5;
        padding: 24px 0;
    }

    header nav .nav-item,
    header nav .nav-item.lang-item.lang-active,
    header nav .nav-item.lang-item {
        padding: 0;
    }
    
    header nav .navbar-nav .nav-item .nav-link, 
    header nav .nav-item .nav-link, 
    .custom-dropdown-menu li a,
    header nav .nav-item .consultation-btn {
        font-size: 12px;
    }
    
    header nav .nav-item .nav-link {
        padding: 0 24px !important;
        height: 60px;
        line-height: 60px;
    }

    header nav .nav-right .nav-item:last-child {
        clear: both;
        height: 60px;
        line-height: 60px;
        padding: 0 24px !important;
    }

    header nav .nav-item .consultation-btn {
        width: 100%;
    }

    header .custom-dropdown-menu-wrap svg.menu-expand {
        opacity: 1;
    }

    .custom-dropdown-menu-wrap.open-drop svg.menu-expand {
        opacity: 0;
    }

    .custom-dropdown-menu-wrap.open-drop svg.menu-collapse {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .custom-dropdown-menu::before {
        content: none;
    }

    .custom-dropdown-menu {
        box-shadow: none;
        position: static;
        display: none;
        visibility: visible;
        opacity: 1;
        transition: none;
        transform: none;
    }
    
    .search-bar-wrap {
        padding: 0 24px;
        width: auto;
    }
    
    .search-bar {
        position: static;
    }
}


@media screen and (max-width: 990.99px) {
    /*#advantages .advantages-row .advantage-box {*/
    /*    width: calc(33.33% - 10px);*/
    /*}*/

    /*#slogan .slogan-title {*/
    /*    font-size: 40px;*/
    /*    margin-bottom: 50px;*/
    /*}*/

    /*#slogan .slogan-title span:not(.marked) span {*/
    /*    top: -32px;*/
    /*    font-size: 18px;*/
    /*}*/

    /*#slogan .slogan-title span:not(.marked) img {*/
    /*    top: -12px;*/
    /*}*/

    /*#slogan .people .person-box {*/
    /*    width: 130px;*/
    /*    height: 130px;*/
    /*}*/

    /*.fixed-nums {*/
    /*    display: block;*/
    /*}*/

    /*footer {*/
    /*    margin-bottom: 56px;*/
    /*}*/

    /*#main {*/
    /*    height: 890px;*/
    /*}*/

    /*#main .custom-container .main-content .video-popup-wrapper {*/
    /*    padding-top: 92px;*/
    /*}*/

    /*#main .custom-container .main-content .video-popup-wrapper .video-popup {*/
    /*    width: 164px;*/
    /*    height: 164px;*/
    /*}*/

    #main .custom-container .main-content p {
        font-size: 32px;
    }
    
    #main .custom-container .main-content .navbar-brand img {
        width: 162px;
    }
    
    #main .custom-container .main-content p {
        font-size: 26px;
    }
    
    /*#main .custom-container .main-content .video-popup-wrapper .video-popup {*/
    /*    width: 230px;*/
    /*    height: 220px;*/
    /*}*/
    
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon {
        width: 140px;
        height: 140px;
    }
    
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon svg {
        transform: scale(1.9);
    }

    .title {
        font-size: 40px;
    }

    #video-tabs p {
        max-width: 80%;
    }

    #connection .article-text {
        margin-top: 30px;
    }

    #connection .img-collage .social-carousel-wrap .social-carousel {
        width: 40%;
        margin: 20px auto 0 180px;
    }
    
    .gallery-box {
        min-width: auto
    }
    
    /*.gallery-box a .img-wrap:nth-child(1) {*/
    /*    width: 150px;*/
    /*}*/
    
    /*.gallery-box a .img-wrap:nth-child(2), */
    /*.gallery-box a .img-wrap:nth-child(3) {*/
    /*    width: 180px;*/
    /*}*/
    
    /*.gallery-box a .img-wrap:nth-child(2) {*/
    /*    left: 30px;*/
    /*}*/
    
    /*.gallery-box a .img-wrap:nth-child(3) {*/
    /*    right: 30px;*/
    /*}*/
    
    #about .doctor-img {
        bottom: 270px;
        height: 800px;
    }
    
    #about .about-background-img {
        background-size: 100% 50%;
    }
    
    #about .about-text-wrap {
        margin-top: -450px;
    }
    #about.about-ru .about-text-wrap {
        margin-top: -450px;
    }
    
    #about .figures-wrapper {
        top: 34px;
    }
    
    #slogan .slogan-wrap::after {
        width: 410px;
        height: 410px;
        bottom: -62px;
    }
    
    #slogan .slogan-wrap::before {
        right: 266px;
    }
    
    #slogan .slogan-wrap .slogan-text h4 {
        margin: 4% 0px 15px;
    }
    
    #comments .comments-wrapper .comment-carousel,
    #comments .comments-wrap {
        width: 100%;
    }
    
    /*.inside-pages .about-page img {*/
    /*    width: 100%;*/
    /*}*/
    
    .inside-pages .contact-content .col-lg-6:first-child {
        margin-bottom: 30px;
    }
    
    .inside-pages .contact-content .contact-box .social-media-list div {
        width: calc(25% - 60px);
    }
    
    #about .about-background-img .figure, 
    #about .about-background-img .figure0 {
        width: 270px;
    }
    
    /*#about .about-background-img .figure-wrap:first-child {*/
    /*    top: -60%;*/
    /*}*/
    
    /*#about .about-background-img .figure-wrap:last-child {*/
    /*    top: -66%;*/
    /*}*/
}

@media screen and (max-width: 767.99px) {
    /*#slogan .slogan-title {*/
    /*    font-size: 30px;*/
    /*    line-height: 50px;*/
    /*}*/

    /*#slogan .slogan-title span:not(.marked) span {*/
    /*    font-size: 16px;*/
    /*}*/

    /*#slogan .slogan-title span:not(.marked) img {*/
    /*    top: -14px;*/
    /*    right: -20px;*/
    /*    width: 40px;*/
    /*}*/

    /*#slogan .people .person-box {*/
    /*    width: 110px;*/
    /*    height: 110px;*/
    /*}*/

    /*#main {*/
    /*    height: 790px;*/
    /*}*/

    /*#main .custom-container .main-content .video-popup-wrapper {*/
    /*    padding-top: 0;*/
    /*    position: absolute;*/
    /*    top: 220px;*/
    /*    left: 56%;*/
    /*    -webkit-transform: scale(.8);*/
    /*    transform: scale(.8);*/
    /*    width: max-content;*/
    /*}*/

    /*#main .svg-shape {*/
    /*    width: 50%;*/
    /*}*/
    
    #main .custom-container .main-content .navbar-brand img {
        width: 122px;
    }
    
    #main .custom-container .main-content p {
        font-size: 24px;
    }
    
    /*#main .custom-container .main-content .video-popup-wrapper .video-popup {*/
    /*    width: 120px;*/
    /*    height: 110px;*/
    /*}*/
    
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon {
        width: 120px;
        height: 120px;
    }
    
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon svg {
        transform: scale(1.4);
    }

    #video-tabs p {
        max-width: 90%;
        margin: 0 auto 30px;
    }

    .title {
        font-size: 30px;
    }

    .desc,
    .inside-pages .static-content .content-all,
    .inside-pages .static-content .content-all ul {
        font-size: 16px;
    }

    #connection .img-collage .social-carousel-wrap .social-carousel {
        margin: 20px auto 0 90px;
    }
    
    #connection .img-collage .social-carousel-wrap::before {
        width: 40%;
    }
    
    /*.gallery-box a .img-wrap:nth-child(2) {*/
    /*    left: 10px;*/
    /*}*/
    
    /*.gallery-box a .img-wrap:nth-child(3) {*/
    /*    right: 10px;*/
    /*}*/
    
    #about .doctor-img {
        bottom: 200px;
        height: 600px;
    }
    
    #about .about-background-img {
        background-size: 100% 40%;
    }
    
    #about .about-text-wrap {
        margin-top: -540px;
    }
    #about.about-ru .about-text-wrap {
        margin-top: -541px;
    }
    
    #slogan .slogan-wrap::before {
        right: 200px;
    }
    
    #slogan .slogan-wrap::after {
        width: 350px;
        height: 350px;
    }
    
    #slogan .slogan-wrap svg {
        width: 50%;
    }
    
    #slogan .slogan-wrap .slogan-text h4 {
        font-size: 28px;
    }
    
    footer .row .social-box {
        margin-bottom: 15px;
    }
    
    footer .row .content-center,
    footer .row .content-right {
        margin: 0;
    }
    
    footer .row .content-right {
        margin-top: 24px;
    }
    
    #comments .comments-wrapper .comment-carousel {
        margin-top: 50px;
    }
    
    .inside-pages .static-content {
        padding: 100px 0 50px;
    }
    
    .inside-pages .static-content .content-all {
        padding: 30px;
    }
    
    .inside-pages .static-content .content-all::after {
        width: 400px;
        height: 400px;
        right: -60px;
        top: -130px;
    }
    
    .inside-pages .static-content .content-all h4 {
        font-size: 24px;
    }
    
    .inside-pages .static-content .content-all h5 {
        font-size: 18px;
    }
    
    .inside-pages .static-content .content-all h6 {
        font-size: 16px;
    }
    
    .page-content .comments-wrapper > div {
        width: calc(100% - 30px);
    }
    
    .inside-pages .contact-content .contact-box .social-media-list div {
        width: calc(50% - 60px);
    }
    
    .inside-pages #map {
        height: 400px;
    }
    
    #body-index .calc-wrapper {
        height: auto;
    }
    
    #body-index .calc-wrapper .calc-wrap img {
        width: 100%;
    }
    
    #body-index pre {
        margin-bottom: 0;
    }
    
    /*#about .about-background-img .figure-wrap {*/
    /*    left: 15%;*/
    /*}*/
    
    #about .about-background-img .figure, 
    #about .about-background-img .figure0 {
        width: 220px;
    }
    
    /*#about .about-background-img .figure-wrap:first-child {*/
    /*    top: -68%;*/
    /*}*/
    
    /*#about .about-background-img .figure-wrap:last-child {*/
    /*    top: -80%;*/
    /*}*/
}

@media screen and (max-width: 575.99px) {
    /*#slogan .slogan-title {*/
    /*    font-size: 22px;*/
    /*    line-height: 40px;*/
    /*}*/

    /*#slogan .people .person-box {*/
    /*    width: 110px;*/
    /*    height: 110px;*/
    /*}*/

    /*#main {*/
    /*    height: 700px;*/
    /*}*/

    /*#main .custom-container .main-content .navbar-brand img {*/
    /*    height: 300px;*/
    /*}*/

    /*#main .custom-container .main-content .video-popup-wrapper {*/
    /*    top: 186px;*/
    /*}*/
    
    #main .custom-container .main-content .navbar-brand {
        display: none;
    }
    
    #main .custom-container .main-content p {
        padding-left: 0;
    }

    #video-tabs .tabs-wrapper {
        -webkit-box-flex: auto;
        -ms-flex: auto;
        flex: auto;
        padding: 0 15px;
    }

    .title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    #article .article-wrap {
        padding: 16px;
    }

    #article .article-wrap h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    #article .article-wrap h5 {
        font-size: 18px;
    }

    #article .article-wrap article {
        font-size: 14px;
        margin-bottom: 0;
    }

    #connection .img-collage .social-carousel-wrap .play-carousel {
        left: 0;
    }

    #connection .img-collage .social-carousel-wrap .social-carousel {
        width: 50%;
        margin: 20px auto 0 20px;
    }
    
    #connection .title {
        font-size: 36px;
    }
    
    #connection .article-text h4 {
        font-size: 25px;
    }
    
    #connection .img-collage .social-carousel-wrap::before {
        content: none;
    }
    
    #all-articles {
        margin-top: 14%;
    }
    
    /*.gallery-box a .img-wrap:nth-child(2) {*/
    /*    left: 30px;*/
    /*}*/
    
    /*.gallery-box a .img-wrap:nth-child(3) {*/
    /*    right: 30px;*/
    /*}*/
    
    #about .doctor-img {
        top: 80px;
        bottom: auto;
    }
    
    #about .about-background-img {
        background-size: 100% 30%;
    }
    
    #about .about-text-wrap {
        margin-top: -630px;
    }
        #about.about-ru .about-text-wrap {
        margin-top: -630px;
    }
    
    #about .about-text-wrap .about-text {
        padding-right: 0;
        padding-top: 420px;
    }
    
    #about .about-text-wrap .about-text ul {
        font-size: 16px;
    }
    
    #about .figures-wrapper {
        top: 270px;
        left: 10%;
    }
    
    #slogan .slogan-wrap::after {
        right: -130px;
    }
    
    #slogan .slogan-wrap::before {
        right: 164px;
    }
    
    #slogan .slogan-wrap .slogan-text h4 {
        font-size: 25px;
    }
    
    #slogan {
        margin: 15% 0 70px;
        padding: 15% 0 140px;
    }
    
    footer .row .content-center {
        margin-top: 24px;
    }
    
    footer .copyright-wrap {
        padding: 10px 60px 0 0;
        display: block;
    }
    
    footer .copyright-wrap .copyright {
        display: block;
        margin-bottom: 5px;
    }
    
    .modal-dialog {
        width: 90%;
        margin: 0 auto;
    }
    
    .modal-body {
        padding: 0 20px 20px;
    }
    
    .modal-title {
        font-size: 18px;
    }
    
    .modal-header {
        padding: 24px 60px 10px;
        margin: 0 auto;
    }
    
    .inside-pages .page-content .page-title {
        font-size: 30px;
    }
    
    .inside-pages .static-content .content-all,
    .inside-pages .contact-content .contact-box {
        padding: 30px 15px;
    }
    
    .inside-pages .static-content .content-all::after {
        width: 300px;
        height: 300px;
    }
    
    .inside-pages .page-content .page-title,
    .inside-pages .static-content .content-all h4 {
        margin-bottom: 15px;
    }
    
    .inside-pages #map {
        height: 350px;
    }
    
    /*#about .about-background-img .figure-wrap:first-child {*/
    /*    top: -80%;*/
    /*}*/
    
    /*#about .about-background-img .figure-wrap:last-child {*/
    /*    top: -102%;*/
    /*}*/
    
    #about .about-background-img .figure, 
    #about .about-background-img .figure0 {
        width: 200px;
    }
    
    .before-after-images .before-img, 
    .before-after-images .after-img {
        width: max-content;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .before-after-images .after-img {
        margin-top: 30px;
    }
    
    .before-after-images a {
        width: 100%;
    }
    #main .custom-container .main-content .video-popup-wrapper .video-popup{
        margin: 0 auto;
    }
        
    
}

@media screen and (max-width: 500px) {
    /*#advantages .advantages-row .advantage-box {*/
    /*    width: calc(50% - 10px);*/
    /*}*/

    /*#main {*/
    /*    height: 600px;*/
    /*}*/

    /*#main .custom-container .main-content .video-popup-wrapper {*/
    /*    -webkit-transform: scale(.6);*/
    /*    transform: scale(.6);*/
    /*    left: 10%;*/
    /*    top: 10px;*/
    /*    width: 100%;*/
    /*}*/

    /*#main .custom-container .main-content .navbar-brand img {*/
    /*    height: 220px;*/
    /*}*/
    
    #connection .img-collage .social-carousel-wrap .social-carousel {
        width: 60%;
    }
    
    .flexable {
        display: block;
    }
    
    .flexable p {
        width: max-content;
        margin-top: 5px;
    }
    
    #slogan {
        margin: 30% 0 70px;
        padding: 30% 0 140px;
    }
    
    #slogan .slogan-wrap::after {
        right: -155px;
    }
    
    #slogan .slogan-wrap::before {
        width: 28px;
        height: 28px;
        top: -28px;
        right: 144px;
    }
    
    #slogan .slogan-wrap svg {
        margin: -40% 0 0 -15%;
    }
    
    #slogan .slogan-wrap .slogan-text h4 {
        margin: 0 0px 15px;
    }
    
    .inside-pages .contact-content .contact-box .social-media-list div a {
        width: 60px;
        height: 60px;
    }
    
    .inside-pages .contact-content .contact-box .social-media-list div a i {
        font-size: 28px;
        line-height: 60px;
    }
    
    .inside-pages .contact-content .contact-box .contact-list li a, 
    .inside-pages .contact-content .contact-box .contact-list li address {
        padding: 8px 20px;
    }
    
    .before-after-slider {
        width: auto;
    }
    
    .cd-image-container {
        max-width: 100%;
    }
    
    .cd-image-container img {
        width: 100%;
        object-fit: cover;
    }
    
    #about .figures-wrapper {
        left: 5%;
    }
    
    #about .about-background-img .figure, 
    #about .about-background-img .figure0 {
        -webkit-transform: none; 
        transform: none;
        width: 200px;
    }
}


@media screen and (max-width: 420px) {
    /*#main .custom-container .main-content p {*/
    /*    font-size: 16px;*/
    /*}*/
    
    #main .back-svg {
        width: 70%;
    }

    /*#about .about-background-img .figure-wrap:first-child {*/
    /*    top: -84%;*/
    /*}*/
}


@media screen and (max-width: 350px) {
    /*#advantages .advantages-row .advantage-box h5 {*/
    /*    font-size: 16px;*/
    /*}*/

    /*#main .custom-container .main-content .video-popup-wrapper {*/
    /*    left: 6%;*/
    /*}*/
    
    #slogan {
        margin: 30% 0 60px;
        padding: 30% 0 128px;
    }
    
    #slogan .slogan-wrap::after {
        width: 300px;
        height: 300px;
        bottom: -34px;
    }
    
    #slogan .slogan-wrap::before {
        right: 88px;
    }
    
    #about .figures-wrapper {
        top: 350px;
        left: 5px;
    }
    
    /*#about .about-background-img .figure-wrap:first-child {*/
    /*    top: -66%;*/
    /*}*/
    
    /*#about .about-background-img .figure-wrap:last-child {*/
    /*    top: -92%;*/
    /*}*/
    
    #about .about-background-img .figure, 
    #about .about-background-img .figure0 {
        width: 180px;
    }
    
    .inside-pages .about-page img {
        width: 100%;
        object-fit: cover;
    }
}

.bg-animation{
    position: absolute;
    top: 0;
    right: -14%;
    z-index: 1;
    width: 80%;
    background-image:linear-gradient(rgba(233,244,255,1) 5%,rgba(233,244,255,0) 95%);
    height: 100%;
    clip-path: polygon(100% 0, 0% 88%, 100% 88%);
}

.banner-title{
    width: 60%;
    text-align: center;
    /*transform: translateX(-150px);*/
    margin-bottom: 90px;
}

@media screen and (max-width: 1670px){
    .banner-title{
        width: 60%;
        text-align: center;
        /*transform: translateX(0px) !important;*/
        margin-bottom: 90px;
    }
    /*#main .main-content .video{*/
    /*    padding-left: 15% !important;*/
    /*}*/
}
#doctor-about>.col-xl-8:first-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#doctor-about>.order-1{
    text-align: center;
}
.gallery-wrapper div:nth-child(1) a,
.gallery-wrapper div:nth-child(2) a,
.gallery-wrapper div:nth-child(3) a,
.gallery-wrapper div:nth-child(4) a,
.gallery-wrapper div:nth-child(5) a,
.gallery-wrapper div:nth-child(6) a{
    position: relative;
    display: block;
    height: 100%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4f2db7;
}
.gallery-wrapper div:nth-child(1) a::before,
.gallery-wrapper div:nth-child(2) a::before,
.gallery-wrapper div:nth-child(3) a::before,
.gallery-wrapper div:nth-child(4) a::before,
.gallery-wrapper div:nth-child(5) a::before,
.gallery-wrapper div:nth-child(6) a::before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "\f04b";
    font-size: 44px;
}
@media (max-width: 992px){
    .about-text{
        padding-top: 15%;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}
@media (max-width: 350px){
    .about-text{
        padding-top: 450px !important;
    }
}
@media (min-width: 493px) and (max-width: 576px){
    #main .custom-container .main-content img{
        width: 200px;
        height: 400px;
        margin-top: -18% !important;
    }
    #main{
        padding-top: 20px !important;
    }
    #main .main-content .video{
        justify-content: center !important;
    }
}
@media (max-width: 493px){
    #main .custom-container .main-content img{
        width: 200px;
        height: 400px;
        margin-top: -18% !important;
    }
    #main .custom-container .main-content p{
        width: 100%;
    }
    #main{
        padding-top: 20px;
        padding-bottom: 100px;
    }
    #main .video{
        width: 60%;
    }
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon svg {
    transform: scale(0.9);
    }
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon {
    width: 80px;
    height: 80px;
    }
    #main .image{
        display: flex;
        width: 40%;
        justify-content: center;
        height: 200px;
        order: 3;
    }
    #main .video{
        order: 2;
        margin-left: -60px;
    }
    .banner-title{
        margin-bottom: -15px;
    }
    .video-popup-wrapper{
        margin-bottom: -30px;
    }
}

/*@media (max-width: 350px){*/
/*    #main .video{*/
/*        transform: translateY(-70px);*/
/*    }*/
/*    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon{*/
/*        box-shadow: none;*/
/*    }*/
/*}*/
@media (min-width: 1200px){
    /*#main .main-content .video{*/
    /*        transform: translate(-250px, -20px) !important;*/
    /*}*/
    /*#main .custom-container .main-content p{*/
    /*    transform: translate(-250px, -20px) !important;*/
    /*}*/
}
@media screen and (min-width: 1370px){
    /*#main .main-content .video{*/
    /*    transform: translateX(-80px) !important;*/
    /*}*/
}
@media screen and (min-width: 1670px){
    #main{
        background-position-y: 45% !important;
    }
    .video{
        padding-right: 100px !important;
    }
    #main .custom-container .main-content p{
        font-size: 60px;
    }
    .video-popup-wrapper{
        transform: translate(-40px, -75px);
    }
}
@media screen and (max-width: 1200px){
    #video-tabs .video-content::after{
        right: 0 !important;
    }
}
@media (min-width: 1369px) and (max-width: 1670px){
    #main .main-content .video{
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 576px){
    #main .custom-container .main-content img{
        width: 170px !important;
        height: 300px !important;
        margin-top: 20% !important;
    }
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon {
        width: 80px;
        height: 80px;
    }
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon svg{
        transform: scale(0.9);
    }
        
    #main .main-content .video{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    
    #slogan .slogan-wrap .slogan-text h4 span{
        display: inline-block;
        margin-top: 20px;
    }
    
}
@media (min-width: 992px) and (max-width: 1200px){
    .banner-title{
        font-size: 30px !important;
        transform: translateY(-75px);
        /*transform: translateX(-150px) !important;*/
    }
    #main .main-content .video{
        padding-left: 0 !important;
    }
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon{
        width: 140px;
        height: 140px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    /*.banner-title{*/
    /*    transform: translate(-120px, 10px) !important;*/
    /*    font-size: 22px !important;*/
    /*}*/
    #main .main-content .video{
        padding-left: 0 !important;
    }
}
/*@media screen and (min-width: 1670px){*/
    /*#main .main-content .video{*/
    /*    transform: translateX(-200px) !important;*/
    /*}*/
    /*#main .custom-container .main-content p{*/
    /*    transform: translate(-350px, -20px) !important;*/
    /*}*/
/*}*/
#about .about-text-wrap .about-text{
    padding-right: 0;
}
#about .about-text-wrap .about-text ul:first-of-type{
        margin-bottom: 100px;
}
/*@media screen and (max-width: 768px){*/
/*    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon{*/
/*        box-shadow: #002ab6 0px 0px 50px 37px;*/
/*    }*/
/*}*/
@media screen and (min-width: 576px){
    #main{
        background-position-y: 62%;
    }
}
.video{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (min-width: 576px) and (max-width: 768px){
    .video .video-popup-wrapper{
        display: flex;
        justify-content: center;
    }
    .banner-title{
        transform: translateY(-59px) !important;
    }
}
@media (min-width: 1201px) and (max-width: 1370px){
    .banner-title{
        transform: translateY(-60px) !important;
    }
    .video .video-popup-wrapper {
        display: flex;
        justify-content: left;
    }
}
@media (min-width: 768px) and (max-width: 861px){
    .video .video-popup-wrapper {
        display: flex;
        justify-content: center;
    }
    
}
@media (min-width: 768px) and (max-width: 992px){
    #main .custom-container .main-content p{
        transform: translateY(-100px);
        font-size: 30px;
    }
}
.image{
    text-align: right;
}
@media screen and (min-width: 1100px){
    #main .custom-container .main-content p
    {
        font-size: 50px;
    }
}
@media screen and (max-width: 576px){
    #main .custom-container .main-content .video-popup-wrapper .video-popup .play-icon{
        box-shadow: #002ab6 0px 0px 50px 37px;
    }
}
#myTabContent{
    position: relative;
}
#myTabContent::before{
    bottom: -10%;
    left: -5%;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 2000px;
    width: 96px;
    height: 96px;
    background-color: #CCFFFF;
}
@media screen and (max-width:576px){
    .sub-ru {
        max-width: 100% !important;
    }
    .sub-ru h4{
        font-size: 27px !important;
    }
    /*.about-ru .figure-wrap:first-child{*/
    /*    margin-top: 250px;*/
    /*}*/
}

/*# sourceMappingURL=style.css.map */