/* ======================== UIkit bootstrap-ecommerce.com ===================== */
/* ==================== INCLUDE FONTS ======================= */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,800,900&subset=cyrillic");
@import url("../fonts/intro/font.css");
@font-face {
  font-family: Monsterrat;
  src: url(../fonts/montserrat/Montserrat-Light.otf);
  font-weight: 300; }
@font-face {
  font-family: Monsterrat;
  src: url(../fonts/montserrat/Montserrat-Regular.otf);
  font-weight: 400; }
@font-face {
  font-family: Monsterrat;
  src: url(../fonts/montserrat/Montserrat-Bold.otf);
  font-weight: 500; }
@font-face {
  font-family: Monsterrat;
  src: url(../fonts/montserrat/Montserrat-SemiBold.otf);
  font-weight: 600; }
@font-face {
  font-family: Monsterrat;
  src: url(../fonts/montserrat/Montserrat-Bold.ttf);
  font-weight: 800; }
html {
  font-size: 15px; }

body {
  font-family: 'Monsterrat', sans-serif; }

/* ================== HELPERS  =================== */
a:hover {
  text-decoration: none; }

.img-wrap {
  text-align: center;
  display: block; }
  .img-wrap img {
    max-width: 100%; }

.zoom-in {
  transition: transform ease .3s; }

.zoom-wrap:hover .zoom-in {
  transform: scale(1.1);
  transition: transform ease .3s; }

/* =================  DEFINED VARIABLES =================== */
.icon-xs, .icon-sm, .icon-md, .icon-lg {
  display: inline-block;
  text-align: center; }

.icon-xs {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px; }

.icon-sm {
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 22px; }

.icon-md {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 32px; }

.icon-lg {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 42px; }

.img-xs, .img-sm, .img-md, .img-lg {
  object-fit: cover; }

.img-xs {
  width: 40px;
  height: 40px; }

.img-sm {
  width: 80px;
  height: 80px; }

.img-md {
  width: 160px;
  height: 160px; }

.img-lg {
  width: 400px;
  height: 300px; }

.center-xy {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%); }

.center-y {
  top: 50%;
  position: absolute;
  transform: translateY(-50%); }

.center-x {
  left: 50%;
  position: absolute;
  transform: translateX(-50%); }

.center {
  margin-left: auto;
  margin-right: auto; }

.overflow-h {
  overflow: hidden; }

.flip-h {
  transform: scaleX(-1); }

.card-body-lg {
  padding: 2rem; }

.shadow-in {
  box-shadow: inset 0 2px 4px rgba(51, 51, 51, 0.4); }

.vh-100 {
  height: 100vh; }

.vh-90 {
  height: 90vh; }

.vh-80 {
  height: 80vh; }

.vh-70 {
  height: 70vh; }

.vh-60 {
  height: 60vh; }

.vh-50 {
  height: 50vh; }

[class*="hover-"] {
  transition: .5s; }

.hover-shadow:hover {
  box-shadow: 0 4px 15px rgba(51, 51, 51, 0.5);
  transition: .5s; }

.hover-bg:hover {
  background: #2855AF;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #2855AF, #2855AF);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #2855AF, #2855AF);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #2855AF, #2855AF);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #2855AF, #2855AF);
  /* Standard syntax */
  transition: .5s; }

.hover-zoom:hover {
  transition: .5s;
  transform: scaleX(1); }

/* ========== input with icon ==========  */
.input-icon {
  position: relative; }
  .input-icon i + input, .input-icon i + select {
    padding-left: 36px; }
  .input-icon i {
    position: absolute;
    color: #ccc;
    z-index: 9;
    left: 7px;
    top: 4px;
    width: 24px;
    text-align: center;
    padding: 7px 0; }

.form-inline .form-control-sm[type="number"] {
  max-width: 100px; }

/* ========== borders ========== */
.border {
  border: 1px solid #dee2e6; }

.border-left-white {
  border-left: 1px solid rgba(255, 255, 255, 0.3); }

.border-right-white {
  border-right: 1px solid rgba(255, 255, 255, 0.3); }

.border-top-white {
  border-top: 1px solid rgba(255, 255, 255, 0.3); }

.border-bottom-white {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.circle {
  border-radius: 100%; }

.round {
  border-radius: 200px; }

/* ============== spacing ============== */
.padding-y {
  padding-top: 40px;
  padding-bottom: 40px; }

.padding-top {
  padding-top: 40px; }

.padding-bottom {
  padding-bottom: 40px; }

.padding-y-lg {
  padding-top: 70px;
  padding-bottom: 70px; }

.padding-top-lg {
  padding-top: 60px; }

.padding-bottom-lg {
  padding-bottom: 60px; }

.padding-y-sm {
  padding-top: 16px;
  padding-bottom: 16px; }

.padding-top-sm {
  padding-top: 16px; }

.padding-bottom-sm {
  padding-bottom: 16px; }

.nopadding {
  padding: 0px; }

.p0 {
  padding: 0px; }

.p5 {
  padding: 5px; }

.p7 {
  padding: 7px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }

.p30 {
  padding: 30px; }

.p40 {
  padding: 40px; }

.p50 {
  padding: 50px; }

.p60 {
  padding: 60px; }

.nomargin {
  margin: 0px; }

.m0 {
  margin: 0px; }

.m5 {
  margin: 5px; }

.m7 {
  margin: 7px; }

.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m30 {
  margin: 30px; }

.m40 {
  margin: 40px; }

.m50 {
  margin: 50px; }

.m60 {
  margin: 60px; }

.relative {
  position: relative;
  z-index: 3; }

.absolute {
  position: absolute; }

var {
  font-style: normal; }

figure {
  margin-bottom: 0; }

.form-noborder input, .form-noborder select, .form-noborder .btn {
  border: none; }
.form-noborder select.form-control-lg:not([size]):not([multiple]) {
  height: 2.875rem; }

/* all clearfix */
article:after,
.form-group:after {
  display: block;
  clear: both;
  content: ""; }

.border-cols:not(:last-child) {
  border-bottom: 1px solid #dee2e6; }

.border-cols > [class*="col-"] {
  overflow: hidden;
  border-color: #dee2e6;
  border-width: 0 0 0 1px;
  border-style: solid; }

/* -------------------- small grid gutter --------------------- */
.row-sm {
  margin-right: -7px;
  margin-left: -7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row-sm > [class^="col"] {
  padding-left: 7px;
  padding-right: 7px; }

/* -------------------- colors and gradients --------------------- */
.opacity_01 {
  opacity: 0.1 !important; }

.new_blue {
  color: #2855AF !important; }

.bg-contact {
  background: url(../images/bg/bg-contact.png) no-repeat;
  background-position: bottom left;
  background-size: 550px; }

.bg-mailbox {
  background: url(../images/bg/mailbox.png) no-repeat;
  background-position: bottom left;
  background-size: 470px; }

.bg-anim-item {
  animation: floating 15s linear infinite;
  position: absolute;
  max-width: 40px;
  opacity: 0.6; }

.bg-pattern {
  background-image: url(../images/bg/bg-pattern.svg);
  background-position: center center; }

.bg-dots {
  background-image: url(../images/bg/dots.svg);
  background-position: center center; }

.bg-pattern2 {
  background-image: url(../images/bg/bg-pattern2.svg);
  background-position: center center; }

.bg-wave {
  background: url(../images/bg/bg-wave.svg) no-repeat;
  background-size: cover;
  background-position: center 120px; }

.bg-wave2 {
  background: url(../images/bg/bg-wave2.svg) no-repeat;
  background-size: cover;
  background-position: center 20px; }

.bg-wave3 {
  background: url(../images/bg/bg-wave.svg) no-repeat;
  background-size: cover;
  background-position: center 500px; }

.bg-wave4 {
  background: url(../images/bg/bg-wave2.svg) no-repeat;
  background-size: cover;
  background-position: center 120px; }

.bg-wave-dark-bottom {
  background: url(../images/bg/bg-wave-dark.png) no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  min-height: 870px; }

.bg-wave-bottom {
  background: url(../images/bg/bg-wave-bottom.svg);
  background-size: cover;
  background-position: center bottom; }

.bg-wave-dark2 {
  background: #0F1F39 url(../images/bg/wave-dark2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.bg-lines-bottom {
  background: url(../images/bg/lines-bottom.svg) repeat-x;
  background-position: center bottom; }

.bg-lines-bottom-dark {
  background: url(../images/bg/lines-bottom-dark.svg) repeat-x;
  background-position: center bottom; }

.bg-wave-dark {
  background: url(../images/bg/bg-dark.png) no-repeat;
  background-size: 100% 100%;
  background-position: center; }

.bg-pattern-bottom {
  background: url(../images/bg/pattern-bottom.svg) repeat-x;
  background-position: center bottom;
  background-size: cover; }

.bg-white {
  background-color: #fff !important; }

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.bg-dark-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-grad-primary {
  background: #386bd2;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #1f4185, #386bd2);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #1f4185, #386bd2);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #1f4185, #386bd2);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #1f4185, #386bd2);
  /* Standard syntax */ }

.bg {
  background-color: #f8f8f8 !important; }

.bg2 {
  background-color: #eceded !important; }

.bg-purple {
  background-color: #6f42c1; }

.bg-orange {
  background-color: #fd7e14; }

.bg-green {
  background-color: #28a745; }

.bg-blue {
  background-color: #2855AF !important; }

.bg-grey {
  background: #2E406C !important; }

.bg-grey_e5 {
  background: #E5E5E5 !important; }

.bg-grey_e5_after_top200 {
  position: relative; }
  .bg-grey_e5_after_top200:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 200px;
    background: #E5E5E5 !important; }

.bg-gradient_top-bottom {
  position: relative; }
  .bg-gradient_top-bottom:after, .bg-gradient_top-bottom:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; }
  .bg-gradient_top-bottom:before {
    top: 16rem;
    background: linear-gradient(0deg, #E9EEF7 -1.36%, #FFFFFF 95.27%); }
  .bg-gradient_top-bottom:after {
    top: 20rem;
    background: linear-gradient(0deg, #E9EEF7 -1.36%, #FFFFFF 90.44%);
    opacity: 0.5; }
  .bg-gradient_top-bottom > section, .bg-gradient_top-bottom > div {
    position: relative;
    z-index: 1; }

.bg-gradient_bottom-top_lg {
  position: relative; }
  .bg-gradient_bottom-top_lg:after, .bg-gradient_bottom-top_lg:before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0; }
  .bg-gradient_bottom-top_lg:before {
    height: calc( 100% - 30rem );
    top: 30rem;
    background: linear-gradient(180deg, #E9EEF7 -1.36%, #FFFFFF 90.44%);
    opacity: 0.5; }
  .bg-gradient_bottom-top_lg:after {
    height: calc( 100% - 34rem );
    top: 34rem;
    background: linear-gradient(180deg, #E9EEF7 -1.36%, #FFFFFF 95.27%); }
  .bg-gradient_bottom-top_lg > section, .bg-gradient_bottom-top_lg > div {
    position: relative;
    z-index: 1; }

.bg-gradient_bottom-top {
  position: relative; }
  .bg-gradient_bottom-top:after, .bg-gradient_bottom-top:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; }
  .bg-gradient_bottom-top:before {
    top: 6rem;
    background: linear-gradient(180deg, #E9EEF7 -1.36%, #FFFFFF 90.44%);
    opacity: 0.5; }
  .bg-gradient_bottom-top:after {
    top: 10rem;
    background: linear-gradient(180deg, #E9EEF7 -1.36%, #FFFFFF 95.27%); }
  .bg-gradient_bottom-top > section, .bg-gradient_bottom-top > div {
    position: relative;
    z-index: 1; }

/* --------------------- titles ---------------------- */
.title-section {
  font-weight: bold;
  position: relative;
  z-index: 9;
  font-size: 36px;
  color: #2855AF; }

article ul {
  margin-left: 0;
  padding-left: 20px; }

.section-heading {
  margin-bottom: 50px;
  margin-top: 10px;
  position: relative; }
  .section-heading .bg-num {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 120px;
    color: rgba(40, 85, 175, 0.1);
    margin-top: -50%;
    display: inline-block;
    line-height: 1; }
    .section-heading .bg-num.white {
      color: rgba(255, 255, 255, 0.1); }
  .section-heading .lead {
    font-size: 26px;
    font-weight: normal;
    color: #6c757d;
    line-height: 1.2; }

.section-heading2 {
  margin-bottom: 50px;
  margin-top: 10px;
  position: relative; }
  .section-heading2 .bg-num {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 120px;
    color: #E8E8E8;
    margin-top: -20px;
    display: inline-block;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%); }
  .section-heading2 .lead {
    font-size: 26px;
    font-weight: normal;
    color: #6c757d;
    line-height: 1.2; }

.section-heading-aside {
  margin-bottom: 30px;
  margin-top: 10px;
  display: block;
  position: relative; }
  .section-heading-aside .bg-num {
    opacity: .6;
    padding-right: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 160px;
    color: rgba(224, 221, 248, 0.7);
    display: inline-block;
    line-height: 1;
    position: absolute;
    right: 100%;
    top: -20px; }
  .section-heading-aside .title-section {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 0; }
  .section-heading-aside .subtitle {
    font-size: 32px;
    margin: 0; }

.white-opacity {
  color: rgba(255, 255, 255, 0.15) !important; }

.title-text {
  margin-top: 45px;
  margin-bottom: 20px; }

.title-category {
  margin: 0;
  padding: 1rem 1rem; }

.title-bg {
  padding: 7px 15px;
  color: #fff; }

.font-title {
  font-family: "Roboto", sans-serif; }

.text-lg {
  font-size: 125%; }

/* ==================  title element ================ */
.b {
  font-weight: 600; }

.wight-700 {
  font-weight: 700; }

strong {
  font-weight: 800; }

.white {
  color: #fff; }

.black, .dark {
  color: #000; }

/* ==================  title helpers ================ */
.rtl {
  direction: rtl; }

.ltr {
  direction: ltr; }

.lh-sm {
  line-height: 1.2; }

.lh-lg {
  line-height: 1.6; }

/*! 
 * grid for 24 of 1 
 * made by bootstrap-ecommerce.com
*/
.col-1-24 {
  flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%; }

.col-2-24 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%; }

.col-3-24 {
  flex: 0 0 12.5%;
  max-width: 12.5%; }

.col-4-24 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }

.col-5-24 {
  flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%; }

.col-6-24 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-7-24 {
  flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%; }

.col-8-24 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }

.col-9-24 {
  flex: 0 0 37.5%;
  max-width: 37.5%; }

.col-10-24 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%; }

.col-11-24 {
  flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%; }

.col-12-24 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-13-24 {
  flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%; }

.col-14-24 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%; }

.col-15-24 {
  flex: 0 0 62.5%;
  max-width: 62.5%; }

.col-16-24 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%; }

.col-17-24 {
  flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%; }

.col-18-24 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-19-24 {
  flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%; }

.col-20-24 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%; }

.col-21-24 {
  flex: 0 0 87.5%;
  max-width: 87.5%; }

.col-22-24 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%; }

.col-23-24 {
  flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%; }

.col-24, .col-24-24 {
  flex: 0 0 100%;
  max-width: 100%; }

.offset-1-24 {
  margin-left: 4.1666666667%; }

.offset-2-24 {
  margin-left: 8.3333333333%; }

.offset-3-24 {
  margin-left: 12.5%; }

.offset-4-24 {
  margin-left: 16.6666666667%; }

.offset-5-24 {
  margin-left: 20.8333333333%; }

.offset-6-24 {
  margin-left: 25%; }

.offset-7-24 {
  margin-left: 29.1666666667%; }

.offset-8-24 {
  margin-left: 33.3333333333%; }

.offset-9-24 {
  margin-left: 37.5%; }

.offset-10-24 {
  margin-left: 41.6666666667%; }

.offset-11-24 {
  margin-left: 45.8333333333%; }

.offset-12-24 {
  margin-left: 50%; }

.offset-13-24 {
  margin-left: 54.1666666667%; }

.offset-14-24 {
  margin-left: 58.3333333333%; }

.offset-15-24 {
  margin-left: 62.5%; }

.offset-16-24 {
  margin-left: 66.6666666667%; }

.offset-17-24 {
  margin-left: 70.8333333333%; }

.offset-18-24 {
  margin-left: 75%; }

.offset-19-24 {
  margin-left: 79.1666666667%; }

.offset-20-24 {
  margin-left: 83.3333333333%; }

.offset-21-24 {
  margin-left: 87.5%; }

.offset-22-24 {
  margin-left: 91.6666666667%; }

.offset-23-24 {
  margin-left: 95.8333333333%; }

@media (min-width: 576px) {
  .col-sm-1-24 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-sm-2-24 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-sm-3-24 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-sm-4-24 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-sm-5-24 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-sm-6-24 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-7-24 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-sm-8-24 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-sm-9-24 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-sm-10-24 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-sm-11-24 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-sm-12-24 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-13-24 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-sm-14-24 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-sm-15-24 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-sm-16-24 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-sm-17-24 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-sm-18-24 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-19-24 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-sm-20-24 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-sm-21-24 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-sm-22-24 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-sm-23-24 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-sm-24, .col-sm-24-24 {
    flex: 0 0 100%;
    max-width: 100%; }

  .offset-sm-1-24 {
    margin-left: 4.1666666667%; }

  .offset-sm-2-24 {
    margin-left: 8.3333333333%; }

  .offset-sm-3-24 {
    margin-left: 12.5%; }

  .offset-sm-4-24 {
    margin-left: 16.6666666667%; }

  .offset-sm-5-24 {
    margin-left: 20.8333333333%; }

  .offset-sm-6-24 {
    margin-left: 25%; }

  .offset-sm-7-24 {
    margin-left: 29.1666666667%; }

  .offset-sm-8-24 {
    margin-left: 33.3333333333%; }

  .offset-sm-9-24 {
    margin-left: 37.5%; }

  .offset-sm-10-24 {
    margin-left: 41.6666666667%; }

  .offset-sm-11-24 {
    margin-left: 45.8333333333%; }

  .offset-sm-12-24 {
    margin-left: 50%; }

  .offset-sm-13-24 {
    margin-left: 54.1666666667%; }

  .offset-sm-14-24 {
    margin-left: 58.3333333333%; }

  .offset-sm-15-24 {
    margin-left: 62.5%; }

  .offset-sm-16-24 {
    margin-left: 66.6666666667%; }

  .offset-sm-17-24 {
    margin-left: 70.8333333333%; }

  .offset-sm-18-24 {
    margin-left: 75%; }

  .offset-sm-19-24 {
    margin-left: 79.1666666667%; }

  .offset-sm-20-24 {
    margin-left: 83.3333333333%; }

  .offset-sm-21-24 {
    margin-left: 87.5%; }

  .offset-sm-22-24 {
    margin-left: 91.6666666667%; }

  .offset-sm-23-24 {
    margin-left: 95.8333333333%; } }
@media (min-width: 768px) {
  .col-md-1-24 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-md-2-24 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-md-3-24 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-md-4-24 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-md-5-24 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-md-6-24 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-7-24 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-md-8-24 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-md-9-24 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-md-10-24 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-md-11-24 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-md-12-24 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-13-24 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-md-14-24 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-md-15-24 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-md-16-24 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-md-17-24 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-md-18-24 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-19-24 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-md-20-24 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-md-21-24 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-md-22-24 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-md-23-24 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-md-24, .col-md-24-24 {
    flex: 0 0 100%;
    max-width: 100%; }

  .offset-md-1-24 {
    margin-left: 4.1666666667%; }

  .offset-md-2-24 {
    margin-left: 8.3333333333%; }

  .offset-md-3-24 {
    margin-left: 12.5%; }

  .offset-md-4-24 {
    margin-left: 16.6666666667%; }

  .offset-md-5-24 {
    margin-left: 20.8333333333%; }

  .offset-md-6-24 {
    margin-left: 25%; }

  .offset-md-7-24 {
    margin-left: 29.1666666667%; }

  .offset-md-8-24 {
    margin-left: 33.3333333333%; }

  .offset-md-9-24 {
    margin-left: 37.5%; }

  .offset-md-10-24 {
    margin-left: 41.6666666667%; }

  .offset-md-11-24 {
    margin-left: 45.8333333333%; }

  .offset-md-12-24 {
    margin-left: 50%; }

  .offset-md-13-24 {
    margin-left: 54.1666666667%; }

  .offset-md-14-24 {
    margin-left: 58.3333333333%; }

  .offset-md-15-24 {
    margin-left: 62.5%; }

  .offset-md-16-24 {
    margin-left: 66.6666666667%; }

  .offset-md-17-24 {
    margin-left: 70.8333333333%; }

  .offset-md-18-24 {
    margin-left: 75%; }

  .offset-md-19-24 {
    margin-left: 79.1666666667%; }

  .offset-md-20-24 {
    margin-left: 83.3333333333%; }

  .offset-md-21-24 {
    margin-left: 87.5%; }

  .offset-md-22-24 {
    margin-left: 91.6666666667%; }

  .offset-md-23-24 {
    margin-left: 95.8333333333%; } }
@media (min-width: 992px) {
  .col-lg-1-24 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-lg-2-24 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-lg-3-24 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-lg-4-24 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-lg-5-24 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-lg-6-24 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-7-24 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-lg-8-24 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-lg-9-24 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-lg-10-24 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-lg-11-24 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-lg-12-24 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-13-24 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-lg-14-24 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-lg-15-24 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-lg-16-24 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-lg-17-24 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-lg-18-24 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-19-24 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-lg-20-24 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-lg-21-24 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-lg-22-24 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-lg-23-24 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-lg-24, .col-lg-24-24 {
    flex: 0 0 100%;
    max-width: 100%; }

  .offset-lg-1-24 {
    margin-left: 4.1666666667%; }

  .offset-lg-2-24 {
    margin-left: 8.3333333333%; }

  .offset-lg-3-24 {
    margin-left: 12.5%; }

  .offset-lg-4-24 {
    margin-left: 16.6666666667%; }

  .offset-lg-5-24 {
    margin-left: 20.8333333333%; }

  .offset-lg-6-24 {
    margin-left: 25%; }

  .offset-lg-7-24 {
    margin-left: 29.1666666667%; }

  .offset-lg-8-24 {
    margin-left: 33.3333333333%; }

  .offset-lg-9-24 {
    margin-left: 37.5%; }

  .offset-lg-10-24 {
    margin-left: 41.6666666667%; }

  .offset-lg-11-24 {
    margin-left: 45.8333333333%; }

  .offset-lg-12-24 {
    margin-left: 50%; }

  .offset-lg-13-24 {
    margin-left: 54.1666666667%; }

  .offset-lg-14-24 {
    margin-left: 58.3333333333%; }

  .offset-lg-15-24 {
    margin-left: 62.5%; }

  .offset-lg-16-24 {
    margin-left: 66.6666666667%; }

  .offset-lg-17-24 {
    margin-left: 70.8333333333%; }

  .offset-lg-18-24 {
    margin-left: 75%; }

  .offset-lg-19-24 {
    margin-left: 79.1666666667%; }

  .offset-lg-20-24 {
    margin-left: 83.3333333333%; }

  .offset-lg-21-24 {
    margin-left: 87.5%; }

  .offset-lg-22-24 {
    margin-left: 91.6666666667%; }

  .offset-lg-23-24 {
    margin-left: 95.8333333333%; } }
@media (min-width: 1200px) {
  .col-xl-1-24 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-xl-2-24 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-xl-3-24 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-xl-4-24 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-xl-5-24 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-xl-6-24 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xl-7-24 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-xl-8-24 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-xl-9-24 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-xl-10-24 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-xl-11-24 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-xl-12-24 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xl-13-24 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-xl-14-24 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-xl-15-24 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-xl-16-24 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-xl-17-24 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-xl-18-24 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xl-19-24 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-xl-20-24 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-xl-21-24 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-xl-22-24 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-xl-23-24 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-xl-24, .col-xl-24-24 {
    flex: 0 0 100%;
    max-width: 100%; }

  .offset-xl-1-24 {
    margin-left: 4.1666666667%; }

  .offset-xl-2-24 {
    margin-left: 8.3333333333%; }

  .offset-xl-3-24 {
    margin-left: 12.5%; }

  .offset-xl-4-24 {
    margin-left: 16.6666666667%; }

  .offset-xl-5-24 {
    margin-left: 20.8333333333%; }

  .offset-xl-6-24 {
    margin-left: 25%; }

  .offset-xl-7-24 {
    margin-left: 29.1666666667%; }

  .offset-xl-8-24 {
    margin-left: 33.3333333333%; }

  .offset-xl-9-24 {
    margin-left: 37.5%; }

  .offset-xl-10-24 {
    margin-left: 41.6666666667%; }

  .offset-xl-11-24 {
    margin-left: 45.8333333333%; }

  .offset-xl-12-24 {
    margin-left: 50%; }

  .offset-xl-13-24 {
    margin-left: 54.1666666667%; }

  .offset-xl-14-24 {
    margin-left: 58.3333333333%; }

  .offset-xl-15-24 {
    margin-left: 62.5%; }

  .offset-xl-16-24 {
    margin-left: 66.6666666667%; }

  .offset-xl-17-24 {
    margin-left: 70.8333333333%; }

  .offset-xl-18-24 {
    margin-left: 75%; }

  .offset-xl-19-24 {
    margin-left: 79.1666666667%; }

  .offset-xl-20-24 {
    margin-left: 83.3333333333%; }

  .offset-xl-21-24 {
    margin-left: 87.5%; }

  .offset-xl-22-24 {
    margin-left: 91.6666666667%; }

  .offset-xl-23-24 {
    margin-left: 95.8333333333%; } }
/* by default 24 grid cols full width */
[class^="col-"][class*="-24"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/* nogutter for 24 grid cols */
.no-gutters > [class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/* ================== SECTIONS =================== */
.navbar {
  position: relative;
  z-index: 999; }
  .navbar .nav-link {
    font-size: 18px;
    font-weight: bold; }
  .navbar .nav-item {
    margin-left: 20px; }
  .navbar .dropdown-menu {
    min-width: 5rem;
    transform: translateX(-20%); }
    .navbar .dropdown-menu a:active {
      color: #fff; }

.navbar-brand .logo {
  margin-right: 7px;
  max-height: 60px;
  display: inline-block; }

.section-intro {
  position: relative;
  padding-bottom: 15px;
  background-image: url(../images/bg/bg-main.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 90%; }
  .section-intro.section-intro-v2 {
    overflow: hidden;
    background: #00091F;
    min-height: 100vh; }
    .section-intro.section-intro-v2 .particles-js-canvas-el {
      position: absolute;
      left: 0;
      top: 0; }
    .section-intro.section-intro-v2 > .container {
      min-height: calc( 100vh - 80px - 1rem ); }
      .section-intro.section-intro-v2 > .container > .row {
        position: relative;
        z-index: 3;
        width: 100%; }
      .section-intro.section-intro-v2 > .container .bg-icons-v2 {
        position: absolute;
        top: 0;
        width: 100%;
        bottom: 0;
        z-index: 1; }
        .section-intro.section-intro-v2 > .container .bg-icons-v2 img {
          position: absolute;
          max-width: 100%;
          max-height: 100%; }
        .section-intro.section-intro-v2 > .container .bg-icons-v2 img:nth-child(1) {
          top: 41%;
          right: 30%;
          animation: rotate-float 15s linear infinite; }
        .section-intro.section-intro-v2 > .container .bg-icons-v2 img:nth-child(2) {
          top: 20%;
          right: 5%;
          animation: rotate-float  30s linear infinite; }
        .section-intro.section-intro-v2 > .container .bg-icons-v2 img:nth-child(3) {
          top: 26%;
          right: 5%;
          animation: rotate-float 30s linear infinite reverse; }
        .section-intro.section-intro-v2 > .container .bg-icons-v2 img:nth-child(4) {
          top: 21%;
          right: 30%;
          animation: rotate 10s linear infinite; }
  .section-intro .title-intro {
    /*font-family: 'Intro Bold';*/
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 60px;
    margin-bottom: 50px; }
  .section-intro .container {
    position: relative;
    z-index: 3; }
  .section-intro .bg-icons {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    z-index: 1; }
    .section-intro .bg-icons img {
      position: absolute;
      max-width: 40px;
      max-height: 40px; }
    .section-intro .bg-icons img:nth-child(1) {
      top: 41%;
      left: 4%;
      animation: rotate-float 15s linear infinite; }
    .section-intro .bg-icons img:nth-child(2) {
      top: 20%;
      left: 33%;
      animation: rotate-float 30s linear infinite; }
    .section-intro .bg-icons img:nth-child(3) {
      top: 26%;
      left: 90%;
      animation: rotate-float 30s linear infinite reverse; }
    .section-intro .bg-icons img:nth-child(4) {
      top: 21%;
      left: 61%;
      opacity: .3;
      animation: rotate 10s linear infinite; }
    .section-intro .bg-icons img:nth-child(5) {
      top: 68%;
      left: -6%;
      opacity: .3;
      animation: floating 15s linear infinite; }
    .section-intro .bg-icons img:nth-child(6) {
      top: 55%;
      left: 89%;
      animation: rotate-float 20s linear infinite; }
    .section-intro .bg-icons img:nth-child(7) {
      top: 54%;
      left: 34%;
      animation: rotate 30s linear infinite; }

.img-intro {
  max-width: 100%;
  margin-top: 100px; }

.section-intro-page {
  position: relative;
  padding-bottom: 15px; }
  .section-intro-page.section-intro-page_v2 {
    overflow: hidden; }
    .section-intro-page.section-intro-page_v2 > .container {
      position: relative;
      z-index: 2;
      min-height: calc( 100vh - 80px - 1rem ); }
      .section-intro-page.section-intro-page_v2 > .container .intro-wrap {
        padding-top: 0; }
        .section-intro-page.section-intro-page_v2 > .container .intro-wrap .intro-center {
          margin-bottom: 42px; }
        .section-intro-page.section-intro-page_v2 > .container .intro-wrap .intro-bottom {
          cursor: pointer;
          user-select: none;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
  .section-intro-page canvas {
    width: 100%;
    top: 0;
    height: 100%;
    position: absolute; }
  .section-intro-page .intro-wrap {
    padding-top: 140px;
    margin-bottom: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .section-intro-page .title-intro {
    position: relative;
    z-index: 2;
    font-family: 'Intro';
    letter-spacing: 5px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 70px; }
  .section-intro-page .intro-center {
    position: relative; }
  .section-intro-page .bg-icons-page {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }
    .section-intro-page .bg-icons-page img {
      position: absolute;
      animation-name: rotate-float;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
    .section-intro-page .bg-icons-page img:nth-child(1) {
      top: 12%;
      left: -7%;
      animation-duration: 31s; }
    .section-intro-page .bg-icons-page img:nth-child(2) {
      top: 0%;
      left: -58%;
      animation-duration: 25s;
      animation-direction: reverse; }
    .section-intro-page .bg-icons-page img:nth-child(3) {
      top: -12%;
      left: 133%;
      animation-duration: 28s; }
    .section-intro-page .bg-icons-page img:nth-child(4) {
      top: 50%;
      left: 71%;
      animation-duration: 38s;
      animation-direction: reverse; }
    .section-intro-page .bg-icons-page img:nth-child(5) {
      top: -71%;
      left: 79%;
      animation-duration: 18s; }
    .section-intro-page .bg-icons-page img:nth-child(6) {
      top: -40%;
      left: -15%;
      animation-duration: 35s;
      animation-direction: reverse; }
    .section-intro-page .bg-icons-page img:nth-child(7) {
      top: 0%;
      left: 120%;
      animation-duration: 30s; }

.animation_duration_10 {
  animation-duration: 10s; }

.animation_duration_20 {
  animation-duration: 20s; }

.animation_duration_30 {
  animation-duration: 30s; }

.animation_duration_40 {
  animation-duration: 40s; }

.animation_direction_reverse {
  animation-direction: reverse; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
.animate-rotate {
  animation-name: rotate;
  animation-duration: 30s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

@keyframes rotate-float {
  0% {
    transform: rotate(0deg) translate(-70px); }
  100% {
    transform: rotate(-359deg) translate(-70px); } }
.rotate-float {
  animation-name: rotate-float;
  animation-duration: 30s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes floating {
  0% {
    transform: rotate(0deg) translate(-40px); }
  100% {
    transform: rotate(-360deg) translate(-40px); } }
@keyframes floating2 {
  0% {
    transform: rotate(0deg) translate(-40px); }
  50% {
    transform: rotate(-180deg) translate(-40px); }
  100% {
    transform: rotate(-360deg) translate(-40px); } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }
.animate-pulse {
  animation-name: pulse;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

@keyframes rubberBand {
  0% {
    transform: scale(1); }
  30% {
    transform: scaleX(1.25) scaleY(0.75); }
  40% {
    transform: scaleX(0.75) scaleY(1.25); }
  60% {
    transform: scaleX(1.15) scaleY(0.85); }
  100% {
    transform: scale(1); } }
.rubberBand {
  animation-name: rubberBand;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in; } }
.animate-flip {
  backface-visibility: visible;
  animation-name: flip;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }
.animate-wobble {
  animation-name: wobble;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

.intro-bottom {
  color: #fff;
  position: relative;
  z-index: 5;
  margin-top: 0; }
  .intro-bottom a {
    color: inherit;
    display: block;
    animation: bounce_down 2s ease-in-out infinite; }
    .intro-bottom a:hover {
      color: #2855AF; }
  .intro-bottom i {
    font-size: 36px; }
  .intro-bottom .down-btn-wrap {
    margin-top: 0;
    margin-bottom: 3%; }

@keyframes bounce_down {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0); }
  40% {
    transform: translateY(30px); }
  60% {
    transform: translateY(15px); } }
@keyframes bounce_up {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
.bounce-1 {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce-1;
  animation-timing-function: linear; }

@keyframes bounce-1 {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-50px); }
  100% {
    transform: translateY(0); } }
/* ================== header main ==================  */
body.active-menu .section-intro-page, body.active-menu .section-intro {
  padding-top: 84px; }
body.active-menu .navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
button:focus {
  outline: 0 !important; }

.hamburger {
  outline: 0;
  padding: 10px 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 36px;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -12px;
  width: 60%; }

.hamburger-inner::after {
  bottom: -12px; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s; }

.hamburger--slider .hamburger-inner::after {
  top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.down-btn-wrap {
  margin-top: 5%;
  margin-bottom: 3%; }

/* desktop only */
/* desktop only .end */
/* ================ SECTION-FOOTER ==================  */
.section-footer a {
  color: inherit; }
.section-footer p {
  margin-top: 10px;
  margin-bottom: 10px; }

.footer-bottom {
  padding: 15px 0; }

.logo-footer {
  height: 50px; }

.social-wrap a {
  font-size: 18px;
  display: inline-block;
  margin: 3px; }

.phone {
  font-size: 16px;
  color: #FF068A;
  font-weight: bold; }

/* ====================== NEW FOOTER ==================== */
.overflow-visible {
  overflow: visible !important; }

.new_footer {
  position: relative;
  overflow: hidden; }
  .new_footer.overflow-visible:before, .new_footer.overflow-visible:after {
    content: none; }
  .new_footer:before, .new_footer:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; }
  .new_footer:before {
    top: 50px;
    background: linear-gradient(180deg, #E9EEF7 -0.65%, #FFFFFF 84.42%);
    opacity: 0.5; }
  .new_footer:after {
    top: 100px;
    background: linear-gradient(180deg, #E9EEF7 -0.65%, #FFFFFF 97.75%); }
  .new_footer > section,
  .new_footer > div,
  .new_footer > p,
  .new_footer > footer {
    position: relative;
    z-index: 1; }
  .new_footer .seo-text-slider_arrows {
    text-align: center; }
    .new_footer .seo-text-slider_arrows span {
      cursor: pointer;
      display: inline-block; }
      .new_footer .seo-text-slider_arrows span.prev {
        margin-right: 15px; }
      .new_footer .seo-text-slider_arrows span img {
        display: block; }
  .new_footer .section-shape .for_shape:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 700%;
    height: 100%;
    background: #2855AF;
    border-radius: 0px 20px 20px 0px; }
  .new_footer .section-shape .for_shape .section-heading {
    position: relative;
    z-index: 2;
    min-height: 120px; }
    .new_footer .section-shape .for_shape .section-heading .bg-num {
      color: rgba(255, 255, 255, 0.1);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-top: auto; }
  .new_footer .new_carusel_style .heading-types-mobile h2 {
    color: #2855AF; }
  .new_footer .new_carusel_style .text {
    right: 0;
    color: rgba(40, 85, 175, 0.05); }
  .new_footer .new_carusel_style .shape-bg-aud {
    background: #2855AF; }
  .new_footer .new_carusel_style .item-type-mobile:after {
    background-color: #3FA6D7; }
  .new_footer .seo-text-site {
    margin-top: 2rem;
    margin-left: 20%;
    margin-right: 20%;
    text-align: justify;
    line-height: 25px;
    font-size: 15px; }
  .new_footer .new-index-bottom .footer_bubbles {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .new_footer .new-index-bottom .footer_bubbles img {
      position: absolute;
      animation-name: rotate-float;
      animation-fill-mode: both;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
      .new_footer .new-index-bottom .footer_bubbles img:nth-child(1) {
        bottom: 0;
        left: 0;
        animation-duration: 20s; }
      .new_footer .new-index-bottom .footer_bubbles img:nth-child(2) {
        top: 0;
        left: 0;
        animation-duration: 25s;
        animation-direction: reverse; }
      .new_footer .new-index-bottom .footer_bubbles img:nth-child(3) {
        bottom: 0;
        right: 35%;
        animation-duration: 25s; }
      .new_footer .new-index-bottom .footer_bubbles img:nth-child(4) {
        top: 0;
        right: 35%;
        animation-duration: 30s;
        animation-direction: reverse; }
      .new_footer .new-index-bottom .footer_bubbles img:nth-child(5) {
        bottom: 0;
        right: 0;
        animation-duration: 30s; }
      .new_footer .new-index-bottom .footer_bubbles img:nth-child(6) {
        top: 50px;
        right: 0;
        animation-duration: 20s;
        animation-direction: reverse; }
  .new_footer .section-footer .phone {
    color: #2855AF; }

/* ================== PAGES =================== */
.section-intro.no-bg {
  background-image: none; }

.portfolio-temporary {
  position: relative;
  margin-top: -100px; }
  .portfolio-temporary img {
    max-width: 100%;
    width: 100%;
    display: block; }
  .portfolio-temporary a.portfolio-temporary-link {
    position: absolute;
    z-index: 5;
    padding: 5px 10px 10px 5px;
    display: inline-block;
    font-size: 16px; }
  .portfolio-temporary a.portfolio-temporary-link:before {
    position: absolute;
    content: "";
    bottom: 5px;
    right: 0;
    height: 2px;
    width: 50%;
    transition: all 0.3s; }
  .portfolio-temporary a.portfolio-temporary-link:after {
    position: absolute;
    content: "";
    bottom: 1px;
    right: 0;
    height: 10px;
    width: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    transition: all 0.3s; }
  .portfolio-temporary a.portfolio-temporary-link:hover::before,
  .portfolio-temporary a.portfolio-temporary-link:hover::after {
    right: -5px; }
  .portfolio-temporary a.link-white {
    color: #ffffff;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%); }
  .portfolio-temporary a.link-white:before {
    background: #ffffff; }
  .portfolio-temporary a.link-white:after {
    border-color: #ffffff; }
  .portfolio-temporary a.link-black {
    color: #000000;
    right: 100px;
    bottom: 30px; }
  .portfolio-temporary a.link-black:before {
    background: #000000; }
  .portfolio-temporary a.link-black:after {
    border-color: #000000; }

.portfolio-temporary-bottom-slide .slide .item:focus {
  outline: none; }
.portfolio-temporary-bottom-slide .slide .item a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #ffffff; }
  .portfolio-temporary-bottom-slide .slide .item a > div {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 9, 31, 0.95);
    transition: all .3s; }
    .portfolio-temporary-bottom-slide .slide .item a > div > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; }
      .portfolio-temporary-bottom-slide .slide .item a > div > div h3 {
        font-family: 'Intro', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 38px;
        margin-bottom: 18px; }
      .portfolio-temporary-bottom-slide .slide .item a > div > div p {
        font-family: 'Intro', sans-serif;
        font-size: 20px;
        margin-bottom: 90px; }
      .portfolio-temporary-bottom-slide .slide .item a > div > div span {
        display: inline-block;
        text-indent: -999px;
        position: relative;
        width: 76px;
        height: 10px; }
        .portfolio-temporary-bottom-slide .slide .item a > div > div span:before {
          background: #ffffff;
          position: absolute;
          content: "";
          bottom: 5px;
          right: 0;
          height: 2px;
          width: 100%;
          transition: all 0.3s; }
        .portfolio-temporary-bottom-slide .slide .item a > div > div span:after {
          position: absolute;
          content: "";
          bottom: 1px;
          right: 0;
          height: 10px;
          width: 10px;
          border-top: 2px solid;
          border-right: 2px solid;
          transform: rotate(45deg);
          transition: all 0.3s; }
  .portfolio-temporary-bottom-slide .slide .item a img {
    width: 100%;
    height: 100%;
    max-height: 380px;
    min-height: 380px;
    object-fit: cover; }
  .portfolio-temporary-bottom-slide .slide .item a:hover div {
    opacity: 1; }

.nav {
  /* display: none; */
  position: fixed;
  z-index: -1;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  padding: 30px;
  transition: all .2s ease-in-out;
  color: #fff;
  background: #00091F;
  overflow: hidden; }
  .nav .container {
    position: relative;
    z-index: 2; }
  .nav:before {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    left: -254px;
    top: -147px;
    background: url(../images/bg-bubbles/bubble_blue_344.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
    animation: floating 10s linear infinite; }
  .nav:after {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    right: -254px;
    bottom: -147px;
    background: url(../images/bg-bubbles/bubble_blue_light_413.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
    animation: floating 15s linear infinite; }

.nav a {
  color: #fff;
  text-decoration: none; }

.nav a:hover {
  color: #2855AF; }

.nav.active {
  display: block;
  z-index: 200;
  left: 0; }

.nav .col-md-4 {
  padding-top: 50px;
  margin: 0;
  margin-top: 50px; }
  .nav .col-md-4 ul {
    list-style: none;
    padding-left: 0; }
  .nav .col-md-4.nav-services h2 {
    padding: 15px 0;
    font-size: 2.225rem;
    cursor: pointer; }
  .nav .col-md-4.nav-services a {
    word-break: break-word;
    font-size: 15px;
    padding: 5px 0;
    margin-bottom: 10px;
    font-family: 'Montserrat';
    font-weight: 400; }
  .nav .col-md-4.nav-contact h2 {
    padding: 15px 0;
    font-size: 2.225rem;
    cursor: pointer; }
  .nav .col-md-4.nav-contact p {
    font-size: 15px;
    padding: 5px 0;
    margin-bottom: 25px;
    font-family: 'Montserrat';
    font-weight: 600; }
  .nav .col-md-4.nav-contact a {
    font-size: 15px;
    padding: 5px 0;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #FF068A; }

.nav ul li a {
  display: block;
  padding: 15px 0;
  font-weight: 600;
  font-size: 36px; }

.nav-footer {
  /*position:absolute; bottom:0; left:0; right:0;*/
  padding: 10px;
  text-align: center; }

.item-feature {
  margin-bottom: 30px;
  margin-top: 30px; }
  .item-feature img {
    height: 46px; }
  .item-feature p {
    margin-top: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px; }

.icon-download {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 5px; }

.section-shape .section-heading {
  margin-bottom: 10px; }

.nav-portfolio {
  margin-bottom: 45px !important; }
  .nav-portfolio li {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
    font-size: 28px;
    margin-right: 15px; }
    .nav-portfolio li a {
      padding: 10px;
      color: #071D31; }
      .nav-portfolio li a:hover {
        color: #2855AF; }
  .nav-portfolio li.active a {
    border-bottom: 3px solid #2855AF; }

.box-request .step {
  display: none; }
.box-request .step.active {
  display: block;
  animation-name: move_block;
  animation-duration: .2s; }

.box-request.box-request_v2 {
  box-shadow: 10px 10px 70px rgba(40, 85, 175, 0.05);
  border-radius: 2rem !important;
  border: 0;
  padding: 3.3rem; }
  .box-request.box-request_v2 h3 {
    font-size: 1.8rem;
    line-height: 2.15rem;
    margin-bottom: 3.3rem;
    max-width: 90%;
    color: #2855AF; }
  .box-request.box-request_v2 .dots > span {
    background-color: transparent;
    border: 2px solid #2855AF; }
    .box-request.box-request_v2 .dots > span.active, .box-request.box-request_v2 .dots > span.done {
      border-color: #2855AF !important;
      background-color: #2855AF !important; }
      .box-request.box-request_v2 .dots > span.active i, .box-request.box-request_v2 .dots > span.done i {
        color: #ffffff;
        opacity: 1; }
    .box-request.box-request_v2 .dots > span i {
      opacity: 0; }

@keyframes move_block {
  from {
    transform: translateX(200px);
    opacity: 0; }
  to {
    transform: translateX(0px);
    opacity: 1; } }
.slider-wrap div:focus, .slider-wrap div:active {
  outline: 0 !important; }
.slider-wrap .slick-track {
  outline: 0; }
.slider-wrap .stat-wrap {
  font-size: 20px; }

.box-request {
  border-radius: 10px !important; }
  .box-request form {
    max-width: 500px;
    display: block;
    margin-top: 30px; }
  .box-request .dots {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px; }
    .box-request .dots > span {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      border: 1px solid #2855AF; }
    .box-request .dots > span.active {
      background: #2855AF; }

.item-portfolio strong {
  color: #2855AF; }
.item-portfolio img {
  max-width: 520px;
  max-height: 520px;
  display: block;
  margin: 0 auto; }

.form-group label {
  color: #333;
  font-size: 18px; }
.form-group .form-control {
  border: 0;
  border-bottom: 1px solid #ccc;
  padding-left: 0; }
  .form-group .form-control:focus {
    border-bottom: 1px solid #2855AF; }

.item-portfolio .row {
  align-items: center; }
.item-portfolio article {
  transform: translateY(200px);
  opacity: 0;
  transition: all .6s ease-in; }

.item-portfolio.slick-center article {
  transition: all .6s ease-in;
  transform: translateY(0);
  opacity: 1; }

.dots-form span {
  line-height: 18px;
  font-size: 12px;
  background: #54A6D3;
  border-color: #54A6D3;
  position: relative;
  margin-left: 26px; }
  .dots-form span:after {
    content: "";
    width: 20px;
    height: 1px;
    display: block;
    background: #858586;
    position: absolute;
    top: 45%;
    left: 23px; }
  .dots-form span:last-child:after {
    display: none; }
.dots-form span i {
  color: #54A6D3; }
.dots-form span.done i {
  color: #fff; }
.dots-form span.done {
  background: #2855AF; }
.dots-form span.active i {
  opacity: 0; }
.dots-form span.active {
  background: #fff !important;
  border-color: #2855AF !important; }

.shape-bg-why {
  display: block;
  position: absolute;
  width: 70%;
  height: 212px;
  left: 0px;
  top: 0px;
  background: #2855AF;
  opacity: 0.9;
  z-index: -1;
  border-radius: 0px 20px 20px 0px; }

.shape-right {
  left: auto;
  right: 0;
  border-radius: 20px 0px 0px 20px; }

.item-pricing {
  border-radius: 20px;
  overflow: hidden;
  border: 0;
  width: 90%;
  transition: 0.2s;
  box-shadow: 4px 4px 30px rgba(62, 102, 183, 0.2), 0 20px 0 -10px #fff, 4px 4px 30px rgba(62, 102, 183, 0.2); }
  .item-pricing ul {
    line-height: 1.8;
    padding-left: 20px; }
  .item-pricing ul {
    min-height: 200px; }
  .item-pricing:hover {
    transform: scale(1.1);
    transition: 0.2s; }
  .item-pricing .card-header {
    background: #2855AF;
    opacity: 0.9;
    padding-top: 17px;
    padding-bottom: 17px; }
  .item-pricing .card-header.bg-dark {
    background: none; }

.partners-wrap img {
  max-width: 100%;
  box-shadow: 4px 4px 30px rgba(62, 102, 183, 0.2); }

.bottom-box-contact-wrap {
  justify-content: center;
  display: flex; }
  .bottom-box-contact-wrap .box {
    max-width: 360px;
    width: 100%; }

.slide-shape-wrap {
  position: relative;
  user-select: none; }
  .slide-shape-wrap a {
    position: absolute;
    top: 38%; }
  .slide-shape-wrap .slick-prev-shape {
    left: -40px; }
  .slide-shape-wrap .slick-next-shape {
    right: -40px; }
  .slide-shape-wrap .item-slide {
    padding-left: 10px;
    user-select: none;
    padding-right: 10px;
    padding-bottom: 20px;
    outline: none; }

.envelopes {
  width: 600px;
  height: 600px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block; }
  .envelopes img {
    position: absolute;
    transform: rotate(6deg) scale(0.7, 0.5);
    left: 155px;
    top: 262px;
    transition: all .5s; }
  .envelopes.spread .envelope:nth-child(1) {
    left: 181px;
    top: 243px;
    transform: rotate(-65deg) scale(0.8); }
  .envelopes.spread .envelope:nth-child(2) {
    left: 476px;
    top: 294px;
    transform: rotate(16deg) scale(0.6); }
  .envelopes.spread .envelope:nth-child(3) {
    left: 453px;
    top: 187px;
    transform: rotate(-76deg) scale(0.6); }
  .envelopes.spread .envelope:nth-child(4) {
    left: 512px;
    top: 88px;
    transform: rotateZ(67deg) scale(0.4); }
  .envelopes.spread .envelope:nth-child(5) {
    left: 427px;
    top: 105px;
    transform: rotate(-26deg) scale(0.5); }
  .envelopes.spread .envelope:nth-child(6) {
    left: 246px;
    top: 355px;
    transform: rotate(35deg) scale(0.7); }
  .envelopes.spread .envelope:nth-child(7) {
    left: 379px;
    top: 337px;
    transform: rotate(1deg) scale(0.7); }
  .envelopes.spread .envelope:nth-child(8) {
    left: 396px;
    top: 242px;
    transform: rotate(-55deg) scale(0.7); }
  .envelopes.spread .envelope:nth-child(9) {
    left: 361px;
    top: 181px;
    transform: rotate(-25deg); }
  .envelopes.spread .envelope:nth-child(10) {
    left: 318px;
    top: 279px;
    transform: rotate(-16deg); }
  .envelopes.spread .envelope:nth-child(11) {
    left: 274px;
    top: 218px;
    transform: rotate(-62deg) scale(0.8); }
  .envelopes.spread .envelope:nth-child(12) {
    left: 236px;
    top: 128px;
    transform: rotate(-66deg) scale(0.7); }

.pulse-play {
  position: absolute;
  left: -60px;
  top: 40%;
  display: block;
  z-index: 99;
  user-select: none; }
  .pulse-play:hover {
    transform: scale(1.2);
    transition: .3s; }
  .pulse-play:focus {
    outline: 0 !important;
    border: 0; }

.pulse-round {
  position: absolute;
  border: 5px solid #2855AF;
  left: -15px;
  top: -15px;
  border-radius: 100%;
  display: block;
  animation: pulse 1.5s ease-out;
  animation-iteration-count: infinite;
  height: 150px;
  width: 150px; }
  .pulse-round:focus {
    outline: 0 !important; }

@keyframes move-shake {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0); }
  40% {
    -webkit-transform: translateX(30px) rotate(3deg);
    transform: translateX(30px) rotate(3deg); }
  60% {
    -webkit-transform: translateX(15px) rotate(-3deg);
    transform: translateX(15px) rotate(-3deg); } }
@keyframes pulse {
  0% {
    transform: scale(0.7);
    opacity: .9; }
  50% {
    transform: scale(1.2);
    opacity: 0; }
  51% {
    transform: scale(0.7);
    opacity: 0; }
  52% {
    transform: scale(0.7);
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }
.section-steps-reklama .arrow-next img {
  max-width: 20px;
  margin-top: -30px; }

.shape-bg-why-red {
  background: linear-gradient(90deg, #FF068A 0%, #E62753 100%);
  display: block;
  position: absolute;
  width: 70%;
  height: 212px;
  left: 0px;
  top: 0px;
  opacity: 0.9;
  z-index: -1;
  border-radius: 0px 5px 5px 0px; }

.showcase-reklama .float-right {
  max-width: 80%; }

.img-showcase-reklama {
  position: relative;
  margin-top: 70px;
  background: #5377BF;
  box-shadow: 4px 4px 25px rgba(40, 85, 175, 0.2);
  border-radius: 20px;
  width: 470px;
  height: 260px; }
  .img-showcase-reklama img {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%); }
  .img-showcase-reklama .title {
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: calc(100% - 60px); }
  .img-showcase-reklama .num {
    float: right;
    color: #fff; }

.item-benefit-reklama {
  border-radius: 10px;
  background: #FFFFFF;
  display: flex;
  box-shadow: 4px 4px 30px rgba(49, 22, 248, 0.3);
  margin-bottom: 30px;
  height: 120px;
  position: relative; }
  .item-benefit-reklama img {
    margin-left: 7px; }
  .item-benefit-reklama p {
    margin-bottom: 0;
    font-weight: bold; }
  .item-benefit-reklama .hover {
    transition: .3s;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0%;
    opacity: 0;
    transform: scale(0.1);
    width: 100%;
    bottom: 0;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    background: #2855AF; }
  .item-benefit-reklama:hover .hover {
    opacity: 1;
    transition: .3s;
    transform: scale(1);
    font-size: 18px; }

.items-tool-reklama-wrap p {
  font-size: 20px;
  margin-top: 20px;
  font-weight: bold; }

.item-step-reklama {
  margin-bottom: 50px;
  min-height: 180px;
  border: 0;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(40, 85, 175, 0.1);
  border-radius: 10px;
  margin-right: 15px;
  margin-left: 15px; }
  .item-step-reklama .card-title {
    position: relative;
    padding-left: 25px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 2;
    color: #444F60;
    margin-top: 10px;
    font-weight: bold; }
    .item-step-reklama .card-title:after {
      content: "";
      height: 3px;
      width: 50px;
      display: block;
      position: absolute;
      bottom: -5px;
      background: #2855AF; }
  .item-step-reklama ul {
    margin: 0;
    padding-left: 20px;
    font-size: 14px; }
  .item-step-reklama .corner {
    position: absolute;
    width: 45px;
    height: 45px;
    font-size: 20px;
    padding-top: 5px;
    padding-left: 12px;
    color: #fff;
    font-weight: bold;
    left: 0;
    top: 0;
    background: #2855AF;
    border-radius: 5px 0px 100px; }

.img-arrow {
  max-width: 16px;
  position: absolute;
  top: 35%;
  right: -10px; }

.order-tarif {
  display: flex;
  background: #fff;
  align-items: stretch;
  margin-top: 70px; }
  .order-tarif .icon {
    padding: 20px;
    display: flex;
    align-items: center; }
  .order-tarif .text {
    padding: 30px;
    display: flex;
    align-items: center; }
  .order-tarif .action {
    padding: 30px;
    display: flex;
    align-items: center;
    margin-left: auto; }

.item-why-reklama {
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(62, 102, 183, 0.2);
  border-radius: 5px;
  padding: 15px 10px;
  display: flex;
  height: 100%; }
  .item-why-reklama .iconbox img {
    height: 46px; }

.section-steps-seo .arrow-next img {
  max-width: 15px;
  margin-top: -30px; }

.arrow-wrap {
  position: absolute;
  width: 180px;
  top: 0px;
  color: #2855AF; }
  .arrow-wrap img {
    left: -20px;
    top: 5px;
    position: absolute; }

.btn-action-wrap-seo .btn {
  min-width: 200px;
  margin-left: 5px;
  margin-right: 5px; }
.btn-action-wrap-seo .btn:hover {
  transform: translateY(-4px);
  transition: .2s;
  box-shadow: 1px 8px 15px rgba(0, 0, 0, 0.3);
  color: #fff; }
.btn-action-wrap-seo .btn-primary:after {
  display: none; }
.btn-action-wrap-seo .btn-primary:before {
  display: none; }

.item-serv-seo {
  margin-bottom: 30px;
  height: 120px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(40, 85, 175, 0.15);
  border-radius: 10px;
  display: flex; }
  .item-serv-seo img {
    margin-left: 7px;
    width: 50px;
    height: 50px; }
  .item-serv-seo p {
    margin-bottom: 0;
    font-weight: bold; }
  .item-serv-seo .hover {
    transition: .3s;
    text-align: center;
    position: absolute;
    top: -7%;
    height: 114%;
    left: -5%;
    opacity: 0;
    transform: scale(0.1);
    width: 110%;
    bottom: 0;
    background: linear-gradient(90deg, #3FA6D7 0%, #2855AF 100%);
    padding: 30px;
    border-radius: 0.25rem;
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center; }
  .item-serv-seo:hover .hover {
    opacity: 1;
    transition: .3s;
    transform: scale(1); }

.text-slide-portfolio {
  font-size: 19px; }
  .text-slide-portfolio .btn {
    margin-top: 20px; }

.item-step-seo {
  margin-bottom: 30px;
  border: 0;
  overflow: hidden; }
  .item-step-seo .card-body {
    border-left: 15px solid;
    overflow: hidden;
    border-color: #2855AF; }
  .item-step-seo .card-title {
    position: relative;
    padding-left: 15px;
    line-height: 2;
    color: #444F60;
    z-index: 3;
    font-weight: bold; }
    .item-step-seo .card-title:before {
      position: absolute;
      z-index: -1;
      content: attr(data-num);
      color: #E8F0FF;
      left: -7px;
      top: -5px;
      font-size: 60px;
      font-weight: bold;
      line-height: 1; }
  .item-step-seo ul {
    margin: 0;
    padding-left: 20px;
    font-size: 12px;
    color: #858586; }

.tools-seo-wrap p {
  font-size: 20px;
  margin-top: 20px;
  font-weight: bold; }

.item-tool-seo {
  padding: 7px;
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding-top: 15px; }

.line-tool-seo {
  height: 5px;
  width: 70px;
  background: #2855AF;
  display: inline-block;
  transform: translateY(-30px); }

.item-why-seo {
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(62, 102, 183, 0.2);
  border-radius: 5px;
  padding: 15px 10px;
  display: flex;
  height: 100%; }
  .item-why-seo .iconbox {
    width: 100%; }
    .item-why-seo .iconbox img {
      height: 46px; }

.page-seo_result .img_content .positio_absolute {
  position: absolute;
  left: 50%;
  top: 0;
  width: 320px;
  height: 100%;
  margin-left: -160px; }
  .page-seo_result .img_content .positio_absolute img {
    position: absolute;
    top: 0;
    left: 0; }
    .page-seo_result .img_content .positio_absolute img.table_animate {
      animation-iteration-count: infinite;
      animation-name: bounce-1;
      animation-timing-function: linear; }
      .page-seo_result .img_content .positio_absolute img.table_animate:nth-child(2) {
        animation-duration: 13s; }
      .page-seo_result .img_content .positio_absolute img.table_animate:nth-child(3) {
        animation-duration: 12s; }
      .page-seo_result .img_content .positio_absolute img.table_animate:nth-child(4) {
        animation-duration: 15s; }
      .page-seo_result .img_content .positio_absolute img.table_animate:nth-child(5) {
        animation-duration: 16s; }
.page-seo_result .img_content > img {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

.item-feature-smm img {
  height: 46px; }
.item-feature-smm p {
  margin-top: 20px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px; }

.img-intro-smm {
  max-width: 580px;
  margin-top: 80px; }

.item-why-smm {
  margin-bottom: 30px; }
  .item-why-smm .icon {
    text-align: center; }
  .item-why-smm img {
    max-width: 150px;
    margin-left: -40px; }
  .item-why-smm p {
    padding-left: 30px;
    margin-left: 23%;
    font-weight: bold;
    font-size: 16px; }

.img-step-site + .animate-rotate {
  left: 10%;
  top: 0;
  max-width: 80%; }

.step-smm {
  position: relative;
  margin-bottom: 60px;
  margin-left: 45px; }
  .step-smm .num {
    font-size: 110px;
    line-height: 1;
    opacity: 0.1;
    color: #2855AF;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -40%); }
  .step-smm .title {
    font-size: 32px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px; }

.item-tool-smm .img-wrap {
  padding: 7px;
  width: 100px;
  height: 100px;
  display: inline-block;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: 15px; }
.item-tool-smm p {
  font-weight: bold;
  font-size: 18px; }

.line-tool-smm {
  height: 5px;
  width: 70px;
  background: #2855AF;
  display: inline-block;
  position: relative;
  top: -25px; }

.item-whyus-smm {
  margin-bottom: 45px;
  margin-top: 45px; }
  .item-whyus-smm .icon {
    text-align: center; }
  .item-whyus-smm img {
    max-width: 130px;
    margin-left: -40px; }
  .item-whyus-smm p {
    padding-left: 30px;
    margin-left: 16%;
    font-weight: normal;
    font-size: 18px; }

.block-cert-smm {
  border-radius: 7px;
  color: #fff;
  position: relative;
  z-index: 10;
  background: #0782bd;
  padding: 60px 30px;
  min-height: 410px;
  background-image: linear-gradient(to right, #0782bd, #2b26ef); }

.block-cert-wrap-smm {
  position: relative;
  margin-left: 30px;
  margin-right: 30px; }
  .block-cert-wrap-smm .stack1 {
    display: block;
    position: absolute;
    height: 90%;
    width: 110%;
    top: 5%;
    left: -5%;
    background: linear-gradient(90deg, rgba(12, 154, 184, 0.2) 0%, rgba(69, 45, 248, 0.2) 100%);
    border-radius: 5px; }
  .block-cert-wrap-smm .stack2 {
    display: block;
    position: absolute;
    height: 95%;
    width: 105%;
    top: 2.5%;
    left: -2.5%;
    background: linear-gradient(90deg, rgba(12, 154, 184, 0.6) 0%, rgba(69, 45, 248, 0.6) 100%);
    border-radius: 5px; }

.smm_bottom_content .retangle_shape .retangle_shape_content {
  padding-right: 4rem; }
  .smm_bottom_content .retangle_shape .retangle_shape_content .section-heading {
    margin-bottom: 20px; }
    .smm_bottom_content .retangle_shape .retangle_shape_content .section-heading .bg-num {
      color: #fff;
      opacity: .1; }
.smm_bottom_content img {
  display: block;
  margin: 0 auto 4rem auto;
  max-width: 100%; }

.section-works-foto {
  overflow: hidden; }
  .section-works-foto .slick-next {
    right: 45%; }
  .section-works-foto .slick-prev {
    left: 45%; }
  .section-works-foto .slick-prev, .section-works-foto .slick-next {
    top: 90%; }

.accordion {
  max-width: 90%; }

.accordion-heading {
  cursor: pointer;
  margin-bottom: 30px;
  display: block; }
  .accordion-heading img:first-child {
    margin-right: 20px; }
  .accordion-heading .icon {
    float: right;
    width: 20px; }
  .accordion-heading .title {
    font-weight: bold;
    font-size: 24px; }

.accordion-content {
  display: none;
  padding-left: 55px;
  padding-bottom: 10px; }

.accordion-heading.active + .accordion-content {
  display: block; }

.accordion-heading .icon {
  transform: rotate(0deg);
  transition: 0.3s; }

.accordion-heading.active .icon {
  transform: rotate(180deg); }

.item-serv-foto {
  text-align: center;
  margin-bottom: 30px;
  min-height: 200px;
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(49, 22, 248, 0.3);
  border-radius: 5px; }
  .item-serv-foto img {
    height: 54px;
    width: auto; }
  .item-serv-foto .num {
    padding-top: 7px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: #2855AF;
    width: 100px;
    height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 0 0 100px 100px;
    margin-bottom: 15px;
    transition: all .2s; }
  .item-serv-foto p {
    margin-top: 15px;
    font-weight: bold; }
  .item-serv-foto:hover {
    background: #2855AF;
    transition: all .2s;
    color: #fff; }
    .item-serv-foto:hover .num {
      background: #fff;
      color: #2855AF; }
    .item-serv-foto:hover img {
      filter: brightness(0) invert(1); }

.step-foto {
  position: relative;
  margin-top: 40px; }
  .step-foto .num {
    font-size: 110px;
    color: #DBE7FC;
    font-weight: bold;
    position: absolute;
    z-index: -1;
    z-index: -1;
    top: -40px;
    line-height: 1;
    left: -40px; }

.item-work-foto {
  position: relative; }
  .item-work-foto .pulse-play {
    position: absolute;
    left: -60px;
    top: 40%;
    display: block; }
    .item-work-foto .pulse-play:hover {
      transform: scale(1.2);
      transition: .3s; }

.col-img-step-fotomoto {
  position: relative; }
  .col-img-step-fotomoto .img-fluid {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .col-img-step-fotomoto .animate-rotate {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -150px;
    width: 300px; }

.bg-shape-foto {
  position: absolute;
  top: -70px;
  right: -200px;
  z-index: -1;
  width: 600px;
  height: 600px;
  border-radius: 100%;
  display: block;
  background: #2855AF; }

.img-why-foto {
  float: right; }

.why-wrap-fotomoto {
  margin-top: -20px; }

.item-why-fotomoto {
  background: #FFFFFF;
  box-shadow: 4px 4px 7px rgba(60, 101, 182, 0.2);
  border-radius: 5px;
  padding: 15px 10px;
  display: flex;
  height: 180px; }
  .item-why-fotomoto .iconbox {
    width: 100%; }
    .item-why-fotomoto .iconbox img {
      height: 70px; }

.section-order-bot .box-request {
  margin-top: 200px; }

.card-bot-about {
  position: relative;
  background: #2855AF;
  border-radius: 5px;
  padding: 30px;
  color: #fff;
  margin-left: 30px;
  margin-right: 30px;
  height: 85%;
  margin-top: 3%; }
  .card-bot-about .section-heading {
    margin-top: 0;
    margin-bottom: 0; }
    .card-bot-about .section-heading .bg-num {
      transform: translateY(-20px); }
  .card-bot-about .stack1 {
    display: block;
    position: absolute;
    height: 10px;
    width: 95%;
    top: -10px;
    left: 2.5%;
    background: rgba(40, 85, 175, 0.5);
    border-radius: 5px 5px 0px 0px; }
  .card-bot-about .stack2 {
    display: block;
    position: absolute;
    height: 10px;
    width: 90%;
    top: -20px;
    left: 5%;
    background: rgba(40, 85, 175, 0.2);
    border-radius: 5px 5px 0px 0px; }

.card-bot-what-wrap {
  position: relative; }
  .card-bot-what-wrap .backside {
    text-align: center;
    font-size: 14px;
    padding: 15px;
    overflow: hidden;
    display: block;
    position: absolute;
    height: 100%;
    width: 90%;
    top: -10px;
    left: 5%;
    background: #FFFFFF;
    border: 1px solid #E5E3FF;
    box-sizing: border-box;
    box-shadow: 4px 4px 20px rgba(49, 22, 248, 0.1);
    border-radius: 10px;
    z-index: 1; }
  .card-bot-what-wrap:hover .card-bot-what {
    transition: all .3s;
    transform: translate(100%);
    opacity: 0;
    visibility: hidden; }

.card-bot-what {
  position: relative;
  z-index: 5;
  transition: all .3s;
  transform: translate(0);
  opacity: 1;
  margin-bottom: 45px;
  padding: 10px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #E5E3FF;
  box-sizing: border-box;
  box-shadow: 4px 4px 20px rgba(49, 22, 248, 0.1);
  border-radius: 10px; }
  .card-bot-what img {
    margin-top: 15px;
    margin-bottom: 15px; }
  .card-bot-what p {
    font-weight: bold; }

.list-steps-bot li {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 20px;
  list-style: none; }
  .list-steps-bot li i {
    background: #7CCCDB;
    display: inline-block;
    width: 27px;
    height: 27px;
    opacity: 0.9;
    font-style: normal;
    line-height: 27px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    margin-right: 20px; }

.img-step-bot {
  position: relative; }
  .img-step-bot img {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto;
    max-width: 100%; }
    .img-step-bot img.animate-table {
      position: absolute;
      top: 80px;
      left: 22%;
      max-width: 51%;
      animation-duration: 16s;
      animation-iteration-count: infinite;
      animation-name: bounce-1;
      animation-timing-function: linear;
      z-index: 1; }
    .img-step-bot img.animate-rotate {
      z-index: 0;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -160px;
      width: 320px; }

.slider-controls-bottype {
  position: absolute;
  top: 23px;
  right: 60px; }
  .slider-controls-bottype a {
    margin: 5px; }

.icon-bot-why {
  margin-bottom: 20px; }
  .icon-bot-why .icon {
    margin-bottom: 10px; }
  .icon-bot-why .title {
    color: #2855AF; }
  .icon-bot-why p {
    color: #444F60;
    max-width: 310px; }

.img-bot-why {
  position: relative; }
  .img-bot-why .animate-rotate {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -96px;
    width: 192px; }
  .img-bot-why .img-robot {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -48px;
    width: 96px;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-name: bounce-1;
    animation-timing-function: linear; }
  .img-bot-why .img-fluid {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .img-bot-why .gear_contetnt {
    position: absolute;
    left: 15%;
    top: 50px;
    width: 80px;
    height: 70px; }
    .img-bot-why .gear_contetnt img {
      position: absolute;
      animation-name: rotate;
      animation-duration: 30s;
      animation-fill-mode: both;
      animation-iteration-count: infinite; }
      .img-bot-why .gear_contetnt img:nth-child(1) {
        top: 21px;
        left: 0; }
      .img-bot-why .gear_contetnt img:nth-child(2) {
        top: 0;
        left: 27px; }
      .img-bot-why .gear_contetnt img:nth-child(3) {
        bottom: 0;
        right: 0; }

.bot_keys_slider.box {
  box-shadow: 10px 10px 40px rgba(40, 85, 175, 0.1), 0 20px 0 -10px #fff, 10px 10px 40px rgba(40, 85, 175, 0.1); }

.order-tarif-bot {
  box-shadow: 4px 4px 35px rgba(40, 85, 175, 0.1), 0 20px 0 -10px #fff, 4px 4px 35px rgba(40, 85, 175, 0.1);
  display: flex;
  background: #fff;
  align-items: stretch; }
  .order-tarif-bot .icon {
    padding: 20px;
    display: flex;
    align-items: center; }
  .order-tarif-bot .text {
    padding: 45px;
    padding-right: 0;
    display: flex;
    align-items: center; }
  .order-tarif-bot h4 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 0; }
  .order-tarif-bot .action {
    padding: 30px;
    display: flex;
    align-items: center;
    margin-left: auto; }

.items-type-bot-wrap {
  margin-top: -20px; }

.item-type-bot {
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(49, 22, 248, 0.3);
  border-radius: 5px;
  padding: 15px 10px;
  display: flex;
  height: 100%; }
  .item-type-bot .iconbox {
    width: 100%; }
    .item-type-bot .iconbox img {
      height: 46px; }

.item-type-mobile {
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(49, 22, 248, 0.3);
  border-radius: 5px;
  padding: 15px 10px;
  display: flex;
  height: 140px; }
  .item-type-mobile .iconbox {
    width: 100%; }
    .item-type-mobile .iconbox p {
      word-break: break-word; }
    .item-type-mobile .iconbox img {
      height: 46px; }

.heading-types-mobile {
  margin-top: -50px;
  max-width: 60%; }

.heading-step-mobile {
  margin-left: -90px; }

.mobile-portfolio .slick-prev {
  left: 0; }
.mobile-portfolio .slick-next {
  right: 0; }

.mobile-portfolio .item-portfolio article {
  margin: 30px; }

.mobile-portfolio .item-portfolio img {
  max-width: 750px;
  max-height: 575px; }

.slider-controls-types-mobile a {
  margin: 5px; }

.item-step-mobile {
  margin-bottom: 50px; }
  .item-step-mobile .icon-num {
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 40px;
    display: block;
    background: #2855AF;
    text-align: center;
    line-height: 40px;
    margin-bottom: 15px; }
  .item-step-mobile .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px; }

.section-steps-mobile {
  background-repeat-y: no-repeat; }

.item-mobile-method {
  margin-bottom: 70px;
  position: relative; }
  .item-mobile-method .num {
    width: 80px;
    height: 80px;
    display: block;
    border: 6px solid #2855AF;
    text-align: center;
    line-height: 70px;
    margin-bottom: 10px;
    color: #E1E0E9;
    font-size: 36px;
    font-weight: 800;
    border-radius: 50%; }
  .item-mobile-method .line {
    width: 100px;
    height: 2px;
    background-color: #ddd;
    display: inline-block;
    position: absolute;
    top: 35px;
    left: 52%; }

.mobile-method-wrap {
  transform: translateX(-50px); }
  .mobile-method-wrap .backside {
    background: #3FA6D7;
    border-radius: 120px 5px 5px 5px;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: -80px;
    top: -80px;
    padding-left: 30px;
    padding-top: 30px; }

.block-method-about-mobile {
  position: relative;
  z-index: 3;
  background: #2855AF;
  border-radius: 5px 5px 120px 5px;
  color: #fff;
  padding: 60px; }
  .block-method-about-mobile .title {
    margin-bottom: 20px;
    margin-top: 20px; }

.icon-mobile-why {
  margin-top: 30px; }
  .icon-mobile-why .title {
    font-weight: bold; }
  .icon-mobile-why .icon {
    margin-bottom: 20px; }

.item-why-mobile {
  text-align: center;
  margin-bottom: 50px; }
  .item-why-mobile .icon-shape {
    border-radius: 100%;
    margin-bottom: 20px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    display: inline-block;
    background: #2855AF;
    box-shadow: 2px 4px 8px rgba(47, 87, 223, 0.4); }
  .item-why-mobile .title {
    font-weight: bold; }

.slider-controls-areas-mobile {
  position: absolute;
  top: 23px;
  left: 60px; }
  .slider-controls-areas-mobile a {
    margin: 5px; }

.new_carusel_style {
  padding-top: 130px; }
  .new_carusel_style .text {
    position: absolute;
    right: 10%;
    top: 0;
    color: #F8F7FC;
    font-size: 150px;
    line-height: .5;
    font-weight: 800; }
  .new_carusel_style .shape-bg-aud {
    top: 70px;
    z-index: 0;
    background: #00091F; }
  .new_carusel_style .bg-icons {
    position: absolute;
    right: 0;
    top: 70px;
    height: 70px;
    width: 71%; }
    .new_carusel_style .bg-icons img {
      position: absolute; }
      .new_carusel_style .bg-icons img:nth-child(1) {
        top: 10px;
        left: 0;
        animation: floating 20s linear infinite; }
      .new_carusel_style .bg-icons img:nth-child(2) {
        bottom: 0;
        left: 25%;
        animation: anime-top-bottom 20s linear infinite; }
      .new_carusel_style .bg-icons img:nth-child(3) {
        top: -10px;
        left: 45%;
        animation: rotate-float 20s linear infinite reverse; }
      .new_carusel_style .bg-icons img:nth-child(4) {
        bottom: 0;
        left: 67%;
        animation: anime-left-right 20s linear infinite; }
      .new_carusel_style .bg-icons img:nth-child(5) {
        top: 5px;
        right: 10px;
        animation: floating 20s linear infinite; }
  .new_carusel_style .heading-types-mobile {
    margin-top: -15px; }
    .new_carusel_style .heading-types-mobile h2 {
      color: #072A50; }
  .new_carusel_style .item-type-mobile {
    position: relative;
    overflow: hidden;
    transition: all .3s;
    height: 150px;
    box-shadow: 4px 4px 16px -3px rgba(49, 22, 248, 0.3); }
    .new_carusel_style .item-type-mobile:after {
      content: "";
      width: 100%;
      height: 0;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      background: #2834DF;
      transition: height .3s; }
    .new_carusel_style .item-type-mobile:hover:after {
      height: 120%; }
    .new_carusel_style .item-type-mobile:hover .iconbox span img.default {
      opacity: 0; }
    .new_carusel_style .item-type-mobile:hover .iconbox span img.hover {
      opacity: 1; }
    .new_carusel_style .item-type-mobile:hover .iconbox p {
      color: #ffffff; }
    .new_carusel_style .item-type-mobile a {
      position: relative;
      top: auto;
      left: auto;
      display: block;
      width: 100%;
      height: 100%; }
      .new_carusel_style .item-type-mobile a:focus, .new_carusel_style .item-type-mobile a:active, .new_carusel_style .item-type-mobile a:hover {
        outline: none;
        text-decoration: none; }
    .new_carusel_style .item-type-mobile .iconbox {
      position: relative;
      z-index: 2; }
      .new_carusel_style .item-type-mobile .iconbox span {
        position: relative;
        width: 40px;
        height: 40px;
        display: block;
        margin: 0 auto 15px auto; }
        .new_carusel_style .item-type-mobile .iconbox span img {
          position: absolute;
          left: 0;
          top: 0;
          max-width: 100%;
          max-height: 100%;
          margin-bottom: 0;
          transition: all .3s; }
          .new_carusel_style .item-type-mobile .iconbox span img.default {
            opacity: 1; }
          .new_carusel_style .item-type-mobile .iconbox span img.hover {
            opacity: 0; }
      .new_carusel_style .item-type-mobile .iconbox p {
        color: #1A2236;
        transition: all .3s; }

.contentn_video_w100 {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #2855AF;
  border: 10px solid #2855AF;
  border-radius: 0 55px;
  line-height: 0; }
  .contentn_video_w100:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: white;
    border-radius: 0 50px;
    opacity: .4;
    visibility: visible;
    transition: all .3s; }
  .contentn_video_w100 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 55px;
    visibility: visible;
    opacity: 1; }
  .contentn_video_w100 svg {
    cursor: pointer;
    max-width: 50px;
    max-height: 50px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    transform: translateX(75px);
    opacity: 0;
    visibility: hidden;
    transition: all .3s; }
  .contentn_video_w100.active:after {
    visibility: hidden;
    opacity: 0; }
  .contentn_video_w100.active > a {
    opacity: 0 !important;
    visibility: hidden !important; }
  .contentn_video_w100.active img {
    visibility: hidden;
    opacity: 0; }
  .contentn_video_w100.active svg {
    z-index: 2;
    transform: translateX(0);
    visibility: visible;
    opacity: 1; }
  .contentn_video_w100 > a.pulse-play {
    transition: all .3s;
    visibility: visible;
    opacity: 1;
    z-index: 2;
    top: 50%;
    left: 50%;
    height: 130px;
    width: 130px;
    margin-top: -65px;
    margin-left: -65px; }
  .contentn_video_w100 > a.circle-ripple {
    background: url(../images/my-warehouse/play.svg) no-repeat 24px center;
    background-size: 2.2rem;
    background-color: #2855AF;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    animation: ripple 0.7s linear infinite;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transition: all .3s; }
    .contentn_video_w100 > a.circle-ripple:focus, .contentn_video_w100 > a.circle-ripple:hover {
      outline: none;
      text-decoration: none; }
  .contentn_video_w100 video {
    width: 100%;
    height: 100%;
    border-radius: 0 50px; }

.card-brand-what {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  background: #FFFFFF;
  border: 1px solid #E5E3FF;
  box-sizing: border-box;
  box-shadow: 4px 4px 30px rgba(40, 85, 175, 0.1);
  border-radius: 10px;
  padding: 20px; }
  .card-brand-what:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 10px;
    border: 1px solid #E5E3FF;
    border-bottom: 0;
    top: -11px;
    left: 5%;
    border-radius: 10px 10px 0 0;
    box-shadow: 4px 4px 30px rgba(40, 85, 175, 0.1);
    background-color: rgba(255, 255, 255, 0.4); }
  .card-brand-what .icon-wrap {
    margin-bottom: 15px; }
  .card-brand-what p {
    margin-bottom: 0;
    font-size: 12px; }

.box-request.brand {
  border-color: #1aa8af; }

.slide-control-portfolio-brand {
  width: 80px;
  position: absolute;
  right: 25%;
  top: 100%; }
  .slide-control-portfolio-brand + .slick-slider .item-portfolio .row {
    align-items: inherit; }
    .slide-control-portfolio-brand + .slick-slider .item-portfolio .row .content_img {
      position: relative;
      display: table; }
      .slide-control-portfolio-brand + .slick-slider .item-portfolio .row .content_img img {
        position: relative;
        z-index: 2; }
      .slide-control-portfolio-brand + .slick-slider .item-portfolio .row .content_img:after {
        content: "";
        position: absolute;
        width: 70%;
        height: calc( 100% - 15px );
        right: -23px;
        top: 28px;
        background: #7CCCDB;
        box-shadow: 4px 4px 25px rgba(124, 204, 219, 0.2);
        border-radius: 20px; }

.img-stepline-brand {
  margin-top: -120px;
  max-width: 100%; }

.step-wrapper {
  top: -100px; }
  .step-wrapper .icon-finish {
    position: absolute;
    right: 3%;
    bottom: 3%;
    opacity: 0;
    visibility: hidden; }

.linestep {
  visibility: hidden;
  opacity: 0;
  text-align: center;
  max-width: 250px;
  position: absolute; }
  .linestep .num {
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    background: #2855AF; }
  .linestep p {
    width: 250px;
    position: absolute;
    margin-top: 7px;
    font-weight: 500;
    line-height: normal;
    font-size: 18px; }
  .linestep p.top {
    bottom: 50px;
    left: -110px; }
  .linestep p.bottom {
    left: -110px; }
  .linestep p.left {
    width: 200px;
    right: 34px;
    top: -17px; }
  .linestep p.right {
    width: 200px;
    left: 34px;
    top: -17px; }

.path {
  visibility: hidden; }

.move-line .path {
  visibility: visible;
  stroke-dasharray: 3700;
  stroke-dashoffset: 3700;
  animation: moveline 2.5s linear forwards; }
@keyframes moveline {
  to {
    stroke-dashoffset: 0; } }
.move-line .linestep,
.move-line .icon-finish {
  visibility: hidden;
  opacity: 0;
  animation-name: showstepline;
  animation-duration: .2s;
  animation-fill-mode: forwards; }
.move-line .linestep1 {
  animation-delay: .3s; }
.move-line .linestep2 {
  animation-delay: .5s; }
.move-line .linestep3 {
  animation-delay: .7s; }
.move-line .linestep4 {
  animation-delay: .9s; }
.move-line .linestep5 {
  animation-delay: 1.1s; }
.move-line .linestep6 {
  animation-delay: 1.5s; }
.move-line .linestep7 {
  animation-delay: 1.7s; }
.move-line .linestep8 {
  animation-delay: 1.9s; }
.move-line .icon-finish {
  animation-delay: 2.1s; }

@keyframes showstepline {
  from {
    transform: scale(0.2);
    opacity: 0; }
  to {
    visibility: visible;
    transform: scale(1);
    opacity: 1; } }
.item-dev-brand {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  margin-right: 20px;
  background: #FFFFFF;
  border: 1px solid #E5E3FF;
  box-shadow: 4px 4px 7px rgba(40, 85, 175, 0.1);
  border-radius: 10px; }
  .item-dev-brand .card-body {
    padding: 15px 10px; }
  .item-dev-brand .title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px; }
  .item-dev-brand .circle {
    line-height: 90px;
    width: 90px;
    height: 90px;
    display: inline-block;
    background: #ECEBFF; }
  .item-dev-brand p {
    font-size: 14px; }
  .item-dev-brand .btn {
    border-radius: 30px;
    line-height: 50px;
    min-width: auto;
    width: 50px;
    height: 50px;
    padding: 0;
    transition: all .2s;
    background: #ECEBFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    margin-bottom: -50px;
    position: relative;
    z-index: 10; }
    .item-dev-brand .btn span {
      display: none; }
    .item-dev-brand .btn:hover {
      width: auto;
      padding: 0 20px;
      transition: all .2s;
      background: #2855AF;
      color: #fff; }
    .item-dev-brand .btn:hover span {
      display: block; }
    .item-dev-brand .btn:hover i {
      display: none; }
  .item-dev-brand .layer {
    position: absolute;
    top: 100%;
    width: 90%;
    left: 5%;
    height: 10px;
    border-radius: 0 0 10px 10px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #E5E3FF;
    box-shadow: 4px 4px 30px rgba(40, 85, 175, 0.1);
    display: block;
    z-index: 1; }

.heading-why-brand {
  padding-top: 70%;
  max-width: 300px;
  position: relative;
  z-index: 20; }

.icon-brand-why {
  margin-bottom: 50px;
  position: relative;
  width: 250px; }
  .icon-brand-why .num {
    font-size: 80px;
    color: #7CCCDB;
    opacity: 0.1;
    position: absolute;
    top: 20px;
    left: -60px;
    z-index: 1;
    font-weight: bold; }
  .icon-brand-why .icon {
    margin-bottom: 10px; }
  .icon-brand-why .title {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    z-index: 3; }
  .icon-brand-why p {
    position: relative;
    z-index: 3; }

.bg-circle-brand {
  position: absolute;
  right: -100px;
  top: -70px;
  background-image: url("../images/brand/circle.png");
  background-repeat: no-repeat;
  width: 900px;
  height: 900px; }

.control-slide-dev {
  margin-top: 45%;
  font-size: 36px; }

.section-intro.kunuz .title-intro {
  font-size: 45px; }

.tooltip-text {
  display: none; }

.mytip {
  display: block;
  text-align: center;
  padding: 20px;
  max-width: 400px;
  z-index: 10;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #E5E3FF;
  box-shadow: 4px 4px 20px rgba(49, 22, 248, 0.2);
  border-radius: 10px; }

.heading-serv-kunuz {
  position: relative;
  margin-top: -20px; }
  .heading-serv-kunuz .title-section {
    font-size: 24px;
    color: #444F60;
    font-weight: 300 !important; }
  .heading-serv-kunuz .bg-num {
    position: absolute;
    top: 0;
    margin-top: -10%;
    left: 40%; }

.mobile-kunuz-wrap {
  text-align: center; }
  .mobile-kunuz-wrap .mobile {
    margin-bottom: 15px;
    margin-top: 15px; }
  .mobile-kunuz-wrap .info {
    border: 2px dashed #ccc;
    padding: 10px;
    max-width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .mobile-kunuz-wrap .info big {
      font-size: 26px;
      color: #2855AF;
      font-weight: 800; }

.item-social-wrap {
  text-align: center; }
  .item-social-wrap img {
    margin-bottom: 15px; }
  .item-social-wrap big {
    font-size: 24px;
    font-weight: bold;
    color: #2855AF; }
  .item-social-wrap p {
    margin-bottom: 0; }
  .item-social-wrap a {
    font-size: 13px;
    color: #2855AF;
    padding-right: 32px;
    background: url(../images/kunuz/arrow-right_blue.svg) no-repeat right center;
    background-size: 26px; }

.item-social-wrap:nth-child(1),
.item-social-wrap:nth-child(5) {
  margin-top: -150px; }

.item-social-wrap:nth-child(2),
.item-social-wrap:nth-child(4) {
  margin-top: -60px; }

.item-social-wrap:nth-child(3) {
  margin-top: -35px; }

.line-social-kunuz {
  max-width: 85%;
  margin-right: auto;
  margin-left: auto; }
  .line-social-kunuz img {
    max-width: 100%; }

.block-info-social {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  background: #FFFFFF;
  width: 180px;
  height: 120px;
  border-radius: 10px;
  box-shadow: 2px 2px 6px rgba(46, 64, 108, 0.3);
  padding: 15px; }
  .block-info-social:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px; }

.items-serv-wrap-kunuz {
  margin-top: 70px; }

.shape-bg-aud {
  display: block;
  position: absolute;
  width: 70%;
  height: 175px;
  right: 0px;
  top: 0px;
  background: #2855AF;
  opacity: 0.9;
  z-index: -1;
  border-radius: 5px 0 0 5px; }

.heading-aud-kunuz {
  margin-top: -70px;
  max-width: 60%; }

.item-aud-kunuz {
  margin-top: -20px; }
  .item-aud-kunuz .card {
    height: 100%;
    border: 0;
    background: #FFFFFF;
    box-shadow: 4px 4px 30px rgba(49, 22, 248, 0.3);
    border-radius: 5px; }
  .item-aud-kunuz .num {
    font-weight: bold;
    line-height: normal;
    font-size: 32px;
    color: #fff; }
  .item-aud-kunuz .iconbox img {
    height: 46px; }

.heading-mobile-kunuz {
  margin-top: 150px; }

.pricing-top-wrap-kunuz {
  text-align: center;
  margin-bottom: 50px; }
  .pricing-top-wrap-kunuz .btn-group {
    background: #FFFFFF;
    box-shadow: 0px 2px 30px rgba(49, 22, 248, 0.3);
    border-radius: 30px; }
    .pricing-top-wrap-kunuz .btn-group b {
      padding-top: 10px;
      display: block; }
    .pricing-top-wrap-kunuz .btn-group .btn {
      border: 0;
      min-width: 200px; }
    .pricing-top-wrap-kunuz .btn-group .btn:first-child {
      border-radius: 20px 0 0 20px; }
    .pricing-top-wrap-kunuz .btn-group .btn:last-child {
      border-radius: 0 20px 20px 0; }

.item-serv-kunuz {
  margin-bottom: 30px; }
  .item-serv-kunuz .icon-num {
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 40px;
    display: block;
    background: #2855AF;
    text-align: center;
    line-height: 40px;
    margin-bottom: 15px; }
  .item-serv-kunuz .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px; }
  .item-serv-kunuz p {
    font-size: 16px; }

.list-award-kunuz {
  list-style: none; }
  .list-award-kunuz li {
    margin-bottom: 20px; }
  .list-award-kunuz .icon {
    float: left;
    margin-right: 20px; }
  .list-award-kunuz p {
    font-size: 20px;
    font-weight: bold;
    color: #2855AF; }

.clients-wrap-kunuz {
  text-align: center; }
  .clients-wrap-kunuz a {
    opacity: 0.3;
    transition: all 0.4s; }
    .clients-wrap-kunuz a:hover {
      opacity: 1; }
  .clients-wrap-kunuz img {
    margin: 30px;
    max-height: 50px; }

.section-pricing-kunuz .item-pricing-kunuz {
  width: 100%; }

.card-kunuz-stat {
  position: relative;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
  background: #FFFFFF;
  border: 1px solid #E5E3FF;
  box-sizing: border-box;
  box-shadow: 4px 4px 20px rgba(49, 22, 248, 0.1);
  border-radius: 10px; }
  .card-kunuz-stat p {
    margin: 0; }
  .card-kunuz-stat .title {
    font-size: 26px;
    color: #2855AF; }
  .card-kunuz-stat img {
    width: 60px;
    height: 60px;
    margin-bottom: 20px; }
  .card-kunuz-stat.last {
    margin-top: 80px; }
  .card-kunuz-stat:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 12px;
    border: 1px solid #E5E3FF;
    border-bottom: 0;
    top: -12px;
    left: 5%;
    border-radius: 10px 10px 0 0;
    background-color: rgba(221, 221, 221, 0.1); }

.section-pricing-kunuz .btn:after {
  display: none; }
.section-pricing-kunuz .item-pricing-kunuz {
  border-radius: 10px;
  overflow: hidden;
  border: 0;
  box-shadow: 5px 0px 40px 5px rgba(66, 52, 244, 0.2), 0 20px 0 -10px #fff, 0 25px 40px -10px rgba(66, 52, 244, 0.2); }
  .section-pricing-kunuz .item-pricing-kunuz .card-header {
    transition: all .3s;
    padding: 1.5rem .5rem; }
  .section-pricing-kunuz .item-pricing-kunuz .card-body {
    transition: all .3s; }
    .section-pricing-kunuz .item-pricing-kunuz .card-body .btn {
      border-radius: 0; }
  .section-pricing-kunuz .item-pricing-kunuz ul {
    line-height: 1.8;
    padding-left: 20px; }
  .section-pricing-kunuz .item-pricing-kunuz ul {
    min-height: 280px; }
  .section-pricing-kunuz .item-pricing-kunuz:hover .card-body {
    background: #2855AF;
    color: #fff; }
  .section-pricing-kunuz .item-pricing-kunuz:hover .btn {
    background: #fff;
    color: #2855AF; }
    .section-pricing-kunuz .item-pricing-kunuz:hover .btn:hover {
      color: #fff; }
  .section-pricing-kunuz .item-pricing-kunuz:hover .card-header {
    background: #fff !important;
    color: #2855AF; }
  .section-pricing-kunuz .item-pricing-kunuz .card-header.bg-dark {
    background: none; }

.item-feature-site img {
  height: 46px; }
.item-feature-site p {
  margin-top: 20px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 16px; }

.img-intro-site {
  max-width: 580px;
  margin-top: 100px; }

.step-site {
  margin-bottom: 60px;
  margin-left: 45px;
  position: relative;
  padding-top: 2.5rem; }
  .step-site .num {
    position: absolute;
    left: -3rem;
    top: 0;
    font-weight: bold;
    font-size: 7.33rem;
    line-height: 5.5rem;
    color: #2855AF;
    opacity: 0.1; }
  .step-site .title {
    font-size: 32px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px; }
    .step-site .title:after {
      position: absolute;
      display: block;
      height: 5px;
      width: 100px;
      bottom: 0;
      left: 0;
      background: #0c9ab8;
      background: -moz-linear-gradient(left, #0c9ab8 0%, #452df8 100%);
      background: -webkit-linear-gradient(left, #0c9ab8 0%, #452df8 100%);
      background: linear-gradient(to right, #0c9ab8 0%, #452df8 100%); }

.item-serv-site {
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  min-height: 280px;
  background: #FFFFFF;
  padding: 0 15px;
  padding-bottom: 10px;
  box-shadow: 4px 4px 30px rgba(59, 100, 183, 0.2);
  border-radius: 10px; }
  .item-serv-site img {
    margin-top: 15px;
    margin-bottom: 15px; }
  .item-serv-site .num {
    padding-top: 7px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: #2855AF;
    width: 100px;
    height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 0 0 100px 100px;
    margin-bottom: 15px; }
  .item-serv-site p {
    margin-top: 15px;
    font-weight: bold; }
  .item-serv-site:hover {
    background: #2855AF;
    transition: all .2s;
    color: #fff; }
    .item-serv-site:hover .num {
      background: #fff;
      color: #2855AF; }
    .item-serv-site:hover img {
      filter: brightness(0) invert(1); }

.img-step-site {
  max-width: 100%;
  margin-bottom: 60px; }

.item-tool-site .img-wrap {
  padding: 7px;
  width: 100px;
  height: 100px;
  display: inline-block;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: 15px; }
.item-tool-site p {
  font-weight: bold;
  font-size: 18px; }

.line-tool-site {
  height: 5px;
  width: 70px;
  background: #2855AF;
  display: inline-block;
  position: relative;
  top: -25px; }

.btn-tabs-tools-site {
  margin-bottom: 45px; }

.block-why-site-wrap {
  transform: translateX(-50px); }
  .block-why-site-wrap .backside {
    background: linear-gradient(90deg, rgba(12, 154, 184, 0.3) 0%, rgba(69, 45, 248, 0.3) 100%);
    border-radius: 5px;
    display: block;
    height: 94%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 3%; }

.block-why-site {
  position: relative;
  z-index: 3;
  min-height: 450px;
  background: linear-gradient(90deg, #0c9ab8 0%, #452df8 100%);
  border-radius: 5px;
  color: #fff;
  padding: 60px; }
  .block-why-site .title {
    margin-bottom: 20px;
    margin-top: 20px; }
  .block-why-site p {
    font-size: 18px;
    text-align: center; }

.items-why-site-wrap {
  margin-top: 50px; }

.item-site-why {
  margin-top: 30px;
  margin-bottom: 30px; }
  .item-site-why .icon-wrap {
    margin-bottom: 20px; }
  .item-site-why p {
    padding-left: 50px;
    font-size: 18px; }

.item-pricing-main-wrap {
  margin-top: 70px;
  width: 95%;
  position: relative; }
  .item-pricing-main-wrap .backside {
    position: absolute;
    display: block;
    height: 10px;
    width: 90%;
    top: -10px;
    border-radius: 15px 15px 0 0;
    left: 5%;
    background: #2855AF;
    box-shadow: 4px 4px 22px rgba(62, 102, 183, 0.12); }
  .item-pricing-main-wrap .icon-shape {
    display: block;
    border-radius: 100%;
    background-color: white;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    z-index: 100;
    left: calc(50% - 50px);
    line-height: 100px;
    text-align: center;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px #e0e0e0; }

.item-pricing-main {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 7px 30px #b5cff5;
  width: 100%;
  padding-top: 50px;
  border: 0;
  box-shadow: 4px 4px 22px rgba(62, 102, 183, 0.12);
  border-radius: 15px; }
  .item-pricing-main .title,
  .item-pricing-main .price {
    text-align: center; }
  .item-pricing-main .title {
    font-weight: bold; }
  .item-pricing-main .price {
    font-size: 26px;
    font-weight: 300; }
  .item-pricing-main ul {
    padding-left: 20px; }
  .item-pricing-main ul {
    min-height: 200px; }

/* SECTIOn REVIEW ABOUT */
.item-review-about {
  padding-left: 60px;
  position: relative; }
  .item-review-about .icon-play {
    position: absolute;
    left: 0px;
    top: 32%; }
  .item-review-about .img-work {
    border-radius: 50%; }

.bg-shape-portfolio-about {
  position: absolute;
  top: -50px;
  right: -200px;
  z-index: -1;
  width: 600px;
  height: 600px;
  border-radius: 100%;
  display: block;
  background: #FF5722;
  box-shadow: 4px 4px 15px rgba(35, 26, 100, 0.4); }

.info-review-about {
  color: #fff; }
  .info-review-about .name {
    font-size: 34px;
    font-weight: bold; }
  .info-review-about .job {
    font-size: 22px; }

.section-review-about .controllers {
  z-index: 10;
  position: absolute;
  bottom: 0; }
  .section-review-about .controllers img {
    margin: 5px; }

.slide-team .item-slide {
  padding: 7px; }
  .slide-team .item-slide:focus {
    outline: 0; }
  .slide-team .item-slide .name {
    font-size: 16px;
    font-weight: bold;
    color: #2855AF;
    margin-bottom: 0; }
.slide-team .img-wrap {
  text-align: left;
  margin-bottom: 10px; }
.slide-team .item-slide:nth-child(odd) {
  margin-top: 40px; }
.slide-team .item-team-add {
  height: 280px;
  padding: 30px;
  text-align: center;
  padding-top: 45%;
  border-radius: 0;
  font-size: 20px;
  color: #2855AF; }

.partners-wrap-about {
  text-align: center; }
  .partners-wrap-about .item-partner-about {
    margin-bottom: 40px;
    opacity: .6;
    display: inline-block;
    max-height: 60px; }
    .partners-wrap-about .item-partner-about:hover {
      opacity: 1;
      transition: 0.3s; }

.link-team.page-scroll {
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 20;
  padding-bottom: 10px;
  padding-right: 15px; }
  .link-team.page-scroll:before {
    position: absolute;
    content: "";
    bottom: 5px;
    right: 0;
    height: 2px;
    width: 40%;
    transition: all 0.3s;
    background: #2834DF; }
  .link-team.page-scroll:after {
    position: absolute;
    content: "";
    bottom: 1px;
    right: 0;
    height: 10px;
    width: 10px;
    border-top: 2px solid;
    border-right: 2px solid #2834DF;
    transform: rotate(45deg);
    transition: all 0.3s; }

/* ==== CONTACT ==== */
.map-viewport {
  position: relative;
  width: 100%;
  height: 500px; }

.map-viewport .map {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.map-viewport .btn {
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  background-color: white;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out; }

.map-viewport .btn.zoom {
  position: absolute;
  left: 20px;
  color: #1647ff;
  font-size: 20px;
  padding: 5px 8px; }

.map-viewport .btn.zoom.in {
  top: 50%;
  margin-top: -37px; }

.map-viewport .btn.zoom.out {
  bottom: 50%;
  margin-bottom: -37px; }

.map-viewport .btn.zoom.center {
  top: 50%;
  margin-top: -87px; }

.map-viewport .btn.zoom:hover,
.map-viewport .btn.zoom:active {
  color: white;
  background-color: #1647ff; }

.map-viewport .btn.zoom:active {
  opacity: 0.75; }

.map img[src*='marker'] {
  animation-name: pulse_marker;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

@keyframes pulse_marker {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
.section-page-contact {
  min-height: 600px; }

.block-contact {
  padding: 45px; }
  .block-contact .title {
    font-weight: bold;
    color: #2855AF;
    font-size: 38px;
    margin-bottom: 20px; }

.block-contact {
  background: #FFFFFF;
  border: 10px solid #2855AF;
  box-shadow: 2px -2px 10px rgba(3, 28, 45, 0.2);
  border-radius: 6px; }
  .block-contact .form-group {
    max-width: 300px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto; }
    .block-contact .form-group label {
      margin-bottom: 0; }
  .block-contact .success-content {
    transition: transform 0.3s, opacity 0.3s;
    transform: scale(0.1);
    visibility: hidden;
    opacity: 0;
    height: 1px;
    text-align: center; }
  .block-contact.active .success-content {
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin: 50px 0; }
  .block-contact.active > h4, .block-contact.active > form, .block-contact.active > div.form-group, .block-contact.active > div.text-center {
    display: none; }

.contact-info {
  padding: 45px;
  padding-left: 60px; }
  .contact-info .title {
    color: #2855AF;
    font-weight: bold;
    margin-top: 20px; }
  .contact-info p {
    margin-bottom: 20px; }

#map_wrapper {
  position: relative; }
  #map_wrapper .container {
    position: relative;
    z-index: 5; }
    #map_wrapper .container .contact-info {
      position: absolute;
      top: 55px;
      right: 0;
      z-index: 5;
      background: #fff;
      box-shadow: 10px 10px 70px rgba(40, 85, 175, 0.1);
      border-radius: 20px; }

.slide-clients-home {
  overflow: hidden; }

.intro-home {
  height: 100vh; }
  .intro-home .bg-icons-page img:nth-child(6) {
    top: -5%;
    left: 66%;
    height: 10px; }
  .intro-home .bg-icons-page img:nth-child(7) {
    top: 90%;
    left: 15%;
    height: 7px; }
  .intro-home .bg-icons-page img:nth-child(4) {
    top: 74%;
    left: 118%; }
  .intro-home .bg-icons-page img:nth-child(1) {
    top: 63%;
    left: -22%;
    -webkit-animation: rotate-float 30s linear infinite reverse;
    animation: rotate-float 30s linear infinite reverse; }
  .intro-home .bg-icons-page img:nth-child(2) {
    top: 9%;
    left: 86%; }
  .intro-home .bg-icons-page img:nth-child(3) {
    top: 56%;
    left: 108%; }
  .intro-home .bg-icons-page img:nth-child(5) {
    top: 93%;
    left: 88%; }
  .intro-home .bg-icons-page img:nth-child(8) {
    position: absolute;
    top: -18px;
    left: -25px;
    height: 150px;
    animation: move-shake 2s linear infinite; }
  .intro-home .bg-icons-page img:nth-child(9) {
    position: absolute;
    top: -71px;
    left: -131px;
    height: 210px; }
  .intro-home .bg-icons-page img:nth-child(10) {
    position: absolute;
    top: -71px;
    left: -131px;
    height: 210px; }

.intro-center-home {
  position: relative; }
  .intro-center-home .title-sm {
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    position: relative;
    z-index: 2;
    line-height: 1; }
  .intro-center-home .title-intro {
    font-size: 100px;
    font-family: 'Intro';
    font-weight: 900;
    position: relative;
    z-index: 2;
    line-height: 1;
    letter-spacing: normal; }

.title-section-home {
  font-size: 50px; }

.bg-home-portfolio {
  background: #071D31;
  height: 500px;
  width: 100%;
  top: 300px;
  display: block;
  position: absolute;
  z-index: 0; }

.link-about-home i {
  vertical-align: middle;
  margin-left: 10px; }

.homepage-stat {
  display: inline-flex;
  vertical-align: middle;
  align-items: center; }
  .homepage-stat .num {
    font-size: 50px;
    color: #2855AF;
    font-weight: bold;
    padding: 10px; }
  .homepage-stat .text {
    font-size: 12px; }

.item-serv-home {
  position: relative; }
  .item-serv-home .hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
  .item-serv-home:hover .hover {
    z-index: 10;
    display: block; }
  .item-serv-home .btn {
    min-width: auto;
    margin-top: 30%; }

.main-item-work {
  opacity: 1;
  transition: opacity 0.5s, max-width 0.5s, padding 0.5s, height 1.5s; }

.main-item-work.width-zero {
  height: 0;
  opacity: 0;
  max-width: 0;
  padding: 0; }

.item-work-home {
  border: 1px solid #E5E3FF;
  border-radius: 10px;
  height: 400px; }
  .item-work-home .img-wrap {
    border-radius: 10px;
    overflow: hidden;
    height: 100%; }
  .item-work-home:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 10px;
    border: 1px solid #E5E3FF;
    border-bottom: 0;
    top: -11px;
    left: 5%;
    border-radius: 8px 8px 0 0;
    background-color: #fefefe; }
  .item-work-home img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .item-work-home.item-sm {
    height: calc( 50% - 15px);
    margin-bottom: 30px; }
  .item-work-home.item-sm:last-child {
    margin-bottom: 0; }

.serv-home-wrap {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px; }

.item-serv-home {
  width: 25%;
  float: left;
  padding: 20px 15px;
  background-color: #2855AF;
  color: #fff;
  height: 150px;
  outline: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center; }
  .item-serv-home .icon {
    width: 40px;
    height: 40px; }
  .item-serv-home p {
    font-size: 12px;
    margin-top: 15px; }

.title-clients-home {
  margin-top: 120px; }

.section-review-home .section-heading {
  position: absolute;
  top: 100px; }
.section-review-home .controllers-home-review {
  position: absolute;
  bottom: 100px;
  z-index: 20; }
.section-review-home .item-video-slide {
  margin-top: 30px;
  margin-bottom: 45px; }

.info-review-home {
  color: #fff;
  margin-top: 200px; }
  .info-review-home .name {
    font-size: 34px;
    font-weight: bold; }
  .info-review-home .job {
    font-size: 22px; }

.item-review-home {
  position: relative; }
  .item-review-home .pulse-play {
    left: 0;
    top: 42%; }
  .item-review-home .img-video {
    max-width: 500px; }

.blog-wrap-home {
  margin-top: 30px; }

.img-blog-aside {
  width: 480px;
  height: 420px;
  margin-top: 50px;
  margin-bottom: -100px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.bg-video-home {
  width: 40%;
  position: absolute;
  right: 0;
  top: 0;
  height: 500px;
  background: #2855AF; }

.bg-blog-home {
  width: 40%;
  position: absolute;
  left: 0;
  bottom: -30px;
  height: 470px;
  background: #2855AF; }

.social-wrap-blog-home a {
  padding: 7px;
  margin-top: 30px;
  color: #fff;
  font-size: 120%; }

.clients-wrap-home {
  text-align: center; }
  .clients-wrap-home img {
    max-height: 70px;
    max-width: 100%;
    margin: 30px 7px;
    filter: grayscale(100%);
    opacity: 0.7; }
  .clients-wrap-home .slide-item:hover img {
    filter: none;
    opacity: 1; }
  .clients-wrap-home .slide-item:focus {
    outline: 0; }

body {
  overflow-x: hidden; }

.section-intro-page > .container .intro-wrap {
  min-height: calc( 100vh - 80px - 1rem );
  padding-top: 0;
  margin-bottom: 0; }
  .section-intro-page > .container .intro-wrap .intro-center-home {
    margin-bottom: 45px; }
.section-intro-page > .container .bg-home-intro-bubbles {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .section-intro-page > .container .bg-home-intro-bubbles span {
    position: absolute;
    border-radius: 50%;
    overflow: hidden; }
    .section-intro-page > .container .bg-home-intro-bubbles span:nth-child(1) {
      animation: floating2 25s linear infinite;
      left: -50px;
      top: -50px;
      width: 168px;
      height: 168px;
      background: radial-gradient(47.95% 47.95% at 33.29% 21.11%, #62A2E7 0%, #202CD7 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1); }
    .section-intro-page > .container .bg-home-intro-bubbles span:nth-child(2) {
      animation: floating2 15s linear infinite;
      top: -70px;
      left: 33%;
      width: 29px;
      height: 29px;
      background: radial-gradient(52.39% 53.26% at 63.74% 14.37%, #FFFFFF 0%, #C9D0D0 53.31%, #8F9998 100%); }
    .section-intro-page > .container .bg-home-intro-bubbles span:nth-child(3) {
      animation: floating2 25s linear infinite reverse;
      top: -90px;
      left: 60%;
      width: 73px;
      height: 73px;
      background: radial-gradient(43.47% 46.61% at 29.82% 22.46%, #CFF4FF 0%, #7CCCDB 48.62%, #53B1C2 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1); }
    .section-intro-page > .container .bg-home-intro-bubbles span:nth-child(4) {
      animation: floating2 25s linear infinite;
      top: 0;
      left: 105%;
      width: 37px;
      height: 37px;
      background: radial-gradient(46.63% 50% at 35.09% 27.12%, #59ABFF 2.77%, #2E7FD2 46.7%, #0959AC 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1); }
    .section-intro-page > .container .bg-home-intro-bubbles span:nth-child(5) {
      animation: floating2 20s linear infinite reverse;
      top: 105%;
      left: 10%;
      width: 29px;
      height: 29px;
      background: radial-gradient(52.44% 52.44% at 33.29% 21.11%, #00D8FF 0%, #357AD7 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1); }
    .section-intro-page > .container .bg-home-intro-bubbles span:nth-child(6) {
      animation: floating2 20s linear infinite;
      top: 85%;
      left: 45%;
      width: 60px;
      height: 61px;
      background: radial-gradient(52.44% 52.44% at 33.29% 21.11%, #8AAEF4 0%, #2855AF 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1); }
    .section-intro-page > .container .bg-home-intro-bubbles span:nth-child(7) {
      animation: floating2 30s linear infinite reverse;
      top: 45%;
      left: 90%;
      width: 125px;
      height: 125px;
      background: radial-gradient(52.44% 52.44% at 33.29% 21.11%, #8AAEF4 0%, #2855AF 100%);
      box-shadow: -10px 0px 20px rgba(9, 51, 136, 0.4); }

.intro-wrap .btn.btn-primary,
.navbar .btn.btn-primary {
  background: #2855AF;
  border-radius: 36px;
  overflow: visible; }
  .intro-wrap .btn.btn-primary:after,
  .navbar .btn.btn-primary:after {
    content: none; }
  .intro-wrap .btn.btn-primary:before,
  .navbar .btn.btn-primary:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 60px;
    border: 2px solid #2855AF;
    background-color: transparent;
    animation-name: bt;
    animation-duration: 1.5s;
    /*animation-fill-mode: both;*/
    animation-iteration-count: infinite;
    z-index: 0; }
  .intro-wrap .btn.btn-primary:hover,
  .navbar .btn.btn-primary:hover {
    color: #ffffff; }

.new-index-bg {
  background: #00091F; }
  .new-index-bg .title-intro img {
    display: none; }
  .new-index-bg .title-sm span {
    display: none; }
  .new-index-bg .bg-icons-mobile {
    position: absolute;
    left: 40px;
    right: 40px;
    top: 180px;
    bottom: 100px;
    display: none; }

@keyframes bt {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(1.2, 1.5);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }
.index-about-section {
  background: #00091F;
  padding-bottom: 135px; }
  .index-about-section .section-heading h2 {
    font-size: 4.375rem;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #2855AF !important; }
  .index-about-section .section-heading p {
    color: #ffffff;
    font-size: 1.125rem; }
  .index-about-section .homepage-stat {
    display: block;
    text-align: center; }
    .index-about-section .homepage-stat .num-text {
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: #2855AF;
      box-shadow: 0px 0px 40px rgba(40, 52, 223, 0.5);
      display: table;
      margin: 0 auto 25px auto; }
      .index-about-section .homepage-stat .num-text .num-text-main {
        display: table-cell;
        vertical-align: middle; }
      .index-about-section .homepage-stat .num-text .text {
        display: block;
        color: #ffffff;
        font-size: 1rem;
        line-height: normal; }
      .index-about-section .homepage-stat .num-text .num {
        display: block;
        color: #ffffff;
        font-size: 3.125rem;
        padding: 0;
        line-height: normal; }
    .index-about-section .homepage-stat > .text {
      font-size: 1rem;
      color: #ffffff;
      text-transform: uppercase; }

.index-new-portfolio {
  position: relative;
  background: #00091F;
  padding-top: 185px;
  padding-bottom: 200px; }
  .index-new-portfolio .bg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    max-width: 1600px;
    z-index: 1;
    background-color: transparent !important; }
    .index-new-portfolio .bg .bg-text {
      text-transform: uppercase;
      font-family: 'Intro';
      font-size: 18.75rem;
      color: rgba(255, 255, 255, 0.1);
      line-height: 0.75;
      cursor: default;
      position: absolute;
      display: inline-block;
      z-index: 1;
      font-weight: 900;
      white-space: nowrap; }
      .index-new-portfolio .bg .bg-text::selection {
        background: transparent; }
      .index-new-portfolio .bg .bg-text.top {
        top: 20px;
        right: 0; }
      .index-new-portfolio .bg .bg-text.bottom {
        bottom: 20px;
        right: 0; }
      .index-new-portfolio .bg .bg-text.right {
        color: rgba(66, 52, 244, 0.2);
        top: 50%;
        left: 100%;
        transform: rotate(90deg) translateY(-50%); }
    .index-new-portfolio .bg .bg-circle-animation {
      position: absolute;
      background: radial-gradient(52.44% 52.44% at 33.29% 21.11%, #8AAEF4 0%, #2855AF 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
      border-radius: 50%;
      animation: floating 15s linear infinite; }
      .index-new-portfolio .bg .bg-circle-animation.top {
        background: radial-gradient(52.44% 52.44% at 33.29% 21.11%, #8AAEF4 0%, #2855AF 100%);
        box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
        width: 616px;
        height: 616px;
        right: -250px;
        top: -75px; }
      .index-new-portfolio .bg .bg-circle-animation.left {
        background: radial-gradient(47.95% 47.95% at 33.29% 21.11%, #62A2E7 0%, #202CD7 100%);
        box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
        width: 408px;
        height: 408px;
        left: 81px;
        top: 50%;
        margin-top: -200px; }
      .index-new-portfolio .bg .bg-circle-animation.bottom-one {
        background: radial-gradient(77.52% 77.52% at 9.69% 9.69%, #64CDFF 24.12%, #0B6996 83.33%);
        box-shadow: 0px 60px 70px rgba(40, 85, 175, 0.05);
        width: 498px;
        height: 498px;
        left: 50%;
        bottom: 15px;
        margin-left: -200px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 4px 4px 15px rgba(35, 26, 100, 0.4); }
  .index-new-portfolio .container {
    background: #EBEBEB;
    border-radius: 200px 0px 0px 200px;
    position: relative;
    z-index: 5;
    padding-top: 100px;
    padding-bottom: 200px; }
    .index-new-portfolio .container .title-section-home {
      margin-bottom: 150px;
      text-align: center;
      font-size: 4.375rem;
      color: #2855AF !important; }
    .index-new-portfolio .container .bg-text {
      position: absolute;
      left: 45%;
      top: 45%;
      transform: rotate(90deg);
      text-transform: uppercase;
      font-family: 'Intro';
      font-size: 14rem;
      color: rgba(66, 52, 244, 0.2);
      line-height: 0.75;
      cursor: default;
      display: inline-block;
      z-index: 2;
      white-space: nowrap;
      font-weight: 900; }
      .index-new-portfolio .container .bg-text::selection {
        background: transparent; }
    .index-new-portfolio .container::after {
      content: "";
      position: absolute;
      width: 500%;
      height: 100%;
      left: 99%;
      top: 0;
      background: #EBEBEB; }
    .index-new-portfolio .container .article-row {
      position: relative;
      z-index: 2; }
      .index-new-portfolio .container .article-row::after {
        content: "";
        display: table;
        clear: both; }
      .index-new-portfolio .container .article-row .article {
        width: 50%;
        position: relative; }
        .index-new-portfolio .container .article-row .article img {
          height: 100%;
          position: relative;
          display: block;
          margin: 0 auto; }
      .index-new-portfolio .container .article-row .article:nth-child(1) {
        height: 444px; }
      .index-new-portfolio .container .article-row .article:nth-child(2),
      .index-new-portfolio .container .article-row .article:nth-child(3) {
        height: 220px; }
      .index-new-portfolio .container .article-row.one .article {
        float: right; }
      .index-new-portfolio .container .article-row.second .article {
        float: left; }
    .index-new-portfolio .container .index-new-portfolio-more-link {
      display: table;
      margin: 0 auto;
      font-size: 1rem;
      color: #ffffff;
      min-width: 180px;
      text-align: center;
      background: #2855AF;
      box-shadow: 0px 0px 10px rgba(40, 52, 223, 0.5);
      border-radius: 41px;
      padding: 10px;
      font-weight: 600;
      position: relative;
      top: 100px; }

.index-services {
  padding-top: 120px;
  padding-bottom: 350px;
  background: #00091F; }
  .index-services .container {
    position: relative; }
    .index-services .container .bg-circle-animation {
      position: absolute;
      width: 94px;
      height: 94px;
      right: 0;
      top: 0;
      background: radial-gradient(46.63% 50% at 35.09% 27.12%, #4FA3FB 2.77%, #2E7FD2 46.7%, #0959AC 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
      border-radius: 50%;
      animation: floating 15s linear infinite; }
  .index-services .section-heading {
    margin-bottom: 95px; }
    .index-services .section-heading .title-section-home {
      font-size: 4.375rem;
      color: #2855AF !important; }
  .index-services .info-serv-home {
    color: #ffffff; }
    .index-services .info-serv-home .btn.btn-primary {
      border-radius: 41px;
      font-size: 1rem;
      background: #2855AF !important;
      box-shadow: 0px 0px 10px rgba(40, 52, 223, 0.5);
      border-radius: 41px;
      font-weight: 600;
      overflow: visible; }
      .index-services .info-serv-home .btn.btn-primary:after {
        content: none; }
      .index-services .info-serv-home .btn.btn-primary:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 60px;
        border: 2px solid #2855AF;
        background-color: transparent;
        animation-name: bt;
        animation-duration: 1.5s;
        /*animation-fill-mode: both;*/
        animation-iteration-count: infinite;
        z-index: 0; }
      .index-services .info-serv-home .btn.btn-primary:hover {
        color: #ffffff; }
    .index-services .info-serv-home .btn.btn-light {
      background-color: transparent;
      border: none;
      color: #ffffff;
      font-size: 1rem;
      position: relative;
      min-width: auto;
      margin-left: 15px; }
      .index-services .info-serv-home .btn.btn-light::before {
        position: absolute;
        content: "";
        bottom: 5px;
        right: 0;
        height: 2px;
        width: 40%;
        transition: all 0.3s;
        background: #ffffff; }
      .index-services .info-serv-home .btn.btn-light::after {
        position: absolute;
        content: "";
        bottom: 1px;
        right: 0;
        height: 10px;
        width: 10px;
        border-top: 2px solid;
        border-right: 2px solid #ffffff;
        transform: rotate(45deg);
        transition: all 0.3s; }
      .index-services .info-serv-home .btn.btn-light:hover, .index-services .info-serv-home .btn.btn-light:focus {
        border: none;
        box-shadow: none; }
        .index-services .info-serv-home .btn.btn-light:hover::before, .index-services .info-serv-home .btn.btn-light:hover::after, .index-services .info-serv-home .btn.btn-light:focus::before, .index-services .info-serv-home .btn.btn-light:focus::after {
          right: -3px; }
  .index-services .item-serv-home {
    background-color: transparent;
    outline: none; }
    .index-services .item-serv-home.active {
      background: #2855AF;
      box-shadow: 0px 0px 20px rgba(40, 52, 223, 0.5);
      border-radius: 5px; }
    .index-services .item-serv-home:hover {
      cursor: pointer; }
    .index-services .item-serv-home img, .index-services .item-serv-home p {
      cursor: pointer; }
      .index-services .item-serv-home img::selection, .index-services .item-serv-home p::selection {
        background: transparent; }

.index-review {
  background: #00091F;
  padding-top: 270px; }
  .index-review:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #EBEBEB;
    border-radius: 0px 300px 0px 0px;
    overflow: hidden;
    z-index: 1; }
  .index-review .bg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    max-width: 1600px;
    z-index: 2;
    background-color: transparent !important; }
    .index-review .bg .bg-circle-animation.top {
      width: 540px;
      height: 540px;
      border-radius: 50%;
      position: absolute;
      left: -270px;
      top: -270px;
      background: radial-gradient(46.63% 50% at 35.09% 27.12%, #59ABFF 2.77%, #2E7FD2 46.7%, #0959AC 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
      animation: floating 15s linear infinite; }
    .index-review .bg .bg-circle-animation.middle {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      position: absolute;
      left: 10%;
      top: 50%;
      margin-top: -50px;
      background: radial-gradient(46.63% 50% at 35.09% 27.12%, #4FA3FB 2.77%, #2E7FD2 46.7%, #0959AC 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
      animation: floating 15s linear infinite reverse; }
    .index-review .bg .bg-circle-animation.bottom-left {
      width: 440px;
      height: 440px;
      border-radius: 50%;
      position: absolute;
      left: -220px;
      bottom: -220px;
      animation: floating 15s linear infinite; }
    .index-review .bg .bg-circle-animation.bottom-right {
      width: 320px;
      height: 320px;
      border-radius: 50%;
      position: absolute;
      right: -160px;
      bottom: -160px;
      padding: 50px;
      background: radial-gradient(77.52% 77.52% at 9.69% 9.69%, #64CDFF 24.12%, #1D7DAB 83.33%);
      box-shadow: 0px 60px 70px rgba(40, 85, 175, 0.05);
      animation: floating 15s linear infinite; }
  .index-review .container {
    position: relative;
    z-index: 3; }
    .index-review .container .index-review-titile {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -80%);
      font-size: 12.5rem;
      line-height: 12.5rem;
      color: #2855AF;
      opacity: 0.1;
      font-weight: 900;
      white-space: nowrap; }
    .index-review .container .bg-video-home {
      height: 400px;
      width: 350px;
      border-radius: 0px 15px;
      top: 20%;
      right: 8.3%;
      bottom: auto; }
    .index-review .container .item-video-slide {
      margin-top: 0;
      margin-bottom: 0; }
      .index-review .container .item-video-slide .video-content {
        border: 10px solid #ffffff;
        border-radius: 0px 15px;
        position: relative;
        overflow: hidden; }
        .index-review .container .item-video-slide .video-content:after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          background: rgba(255, 255, 255, 0.45); }
        .index-review .container .item-video-slide .video-content .pulse-play {
          z-index: 2;
          left: 50%;
          top: 50%;
          margin-top: -55px;
          margin-left: -65px; }
      .index-review .container .item-video-slide .info-review-home {
        margin-top: 35px;
        margin-left: 10%; }
        .index-review .container .item-video-slide .info-review-home .name {
          font-size: 1.875rem;
          color: #2855AF;
          margin-bottom: 0.8125rem; }
        .index-review .container .item-video-slide .info-review-home .job {
          font-size: 1.125rem;
          color: #071D31; }
    .index-review .container .slick-dots {
      position: absolute;
      right: 10%;
      top: 35%;
      bottom: auto;
      width: auto;
      z-index: 9; }
      .index-review .container .slick-dots li {
        display: block;
        width: auto;
        height: auto;
        margin-bottom: 35px; }
        .index-review .container .slick-dots li button {
          font-size: 1.125rem;
          line-height: 1.125rem;
          color: #ffffff;
          width: auto;
          height: auto;
          background: transparent;
          opacity: 1;
          font-weight: 300; }
        .index-review .container .slick-dots li.slick-active button {
          font-weight: 600; }
    .index-review .container .controllers-home-review {
      right: 24%;
      bottom: 75px; }
      .index-review .container .controllers-home-review a:first-child {
        margin-right: 30px; }

.index-bottom-slider {
  background: #EBEBEB; }
  .index-bottom-slider .title-section-home {
    font-size: 4.375rem;
    color: #2855AF !important;
    text-align: center;
    margin-bottom: 100px; }
  .index-bottom-slider .clients-content img {
    max-width: 100%;
    padding: 5px 12px;
    opacity: .7; }
  .index-bottom-slider .clients-content img:hover {
    cursor: pointer;
    filter: grayscale(0);
    opacity: 1; }
  .index-bottom-slider img {
    filter: grayscale(100%);
    opacity: .7;
    display: block;
    margin: 0 auto;
    transition: all 0.3s; }
    .index-bottom-slider img:first-child {
      margin-bottom: 100px; }
  .index-bottom-slider .clients-wrap-home .slide-item:hover img {
    opacity: 0.7;
    filter: grayscale(100%); }
    .index-bottom-slider .clients-wrap-home .slide-item:hover img:hover {
      filter: grayscale(0%);
      opacity: 1; }

.new-index-bottom {
  background: #00091F;
  height: 240px; }
  .new-index-bottom .container,
  .new-index-bottom .col-md-6 {
    height: 100%; }
  .new-index-bottom .button-container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    left: 0;
    top: 0; }
    .new-index-bottom .button-container a {
      display: table;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 3.125rem;
      color: #ffffff;
      transition: all 0.5s;
      font-family: Montserrat;
      font-weight: 600;
      white-space: nowrap; }
      .new-index-bottom .button-container a:hover {
        letter-spacing: 2px;
        color: #ffffff; }
  .new-index-bottom .bg-icons-page {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%; }
    .new-index-bottom .bg-icons-page img {
      position: absolute; }
      .new-index-bottom .bg-icons-page img:nth-child(1) {
        bottom: 30px;
        left: 55%; }
      .new-index-bottom .bg-icons-page img:nth-child(2) {
        bottom: 20px;
        right: 20px; }
      .new-index-bottom .bg-icons-page img:nth-child(3) {
        top: 50px;
        left: 45%; }
      .new-index-bottom .bg-icons-page img:nth-child(4) {
        top: 55px;
        right: 0; }
      .new-index-bottom .bg-icons-page img:nth-child(5) {
        bottom: 40px;
        left: 0; }
      .new-index-bottom .bg-icons-page img:nth-child(6) {
        top: 31%;
        left: 16%;
        animation: move-shake 2s linear infinite; }

/* PAGE BLOG */
#blogs {
  background: #E5E5E5;
  padding: 100px 0 50px 0;
  overflow: hidden; }
  #blogs > .container {
    position: relative; }
    #blogs > .container > .row {
      position: relative;
      z-index: 3; }
      #blogs > .container > .row .item {
        margin-bottom: 100px; }
        #blogs > .container > .row .item .row {
          align-items: center; }
          #blogs > .container > .row .item .row img {
            border-radius: 5px;
            max-width: 100%;
            display: block;
            margin: 0 auto; }
          #blogs > .container > .row .item .row h2 {
            font-size: 2.7rem;
            color: #00091F;
            margin-bottom: 30px; }
          #blogs > .container > .row .item .row a {
            color: #00091F;
            position: relative;
            margin-left: 15px; }
            #blogs > .container > .row .item .row a:hover::after {
              left: 20%; }
            #blogs > .container > .row .item .row a:after {
              content: "";
              width: 100%;
              height: 16px;
              position: absolute;
              left: 15%;
              bottom: -16px;
              background: url(../images/blog/arrow-right-black.svg) no-repeat right center;
              background-size: contain;
              transition: all 0.3s; }
    #blogs > .container:before {
      content: "";
      position: absolute;
      width: 530px;
      height: 530px;
      background: radial-gradient(43.47% 46.61% at 29.82% 22.46%, #CFF4FF 0%, #7CCCDB 48.62%, #53B1C2 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
      border-radius: 50%;
      top: 3%;
      left: 80%;
      animation: floating 15s linear infinite; }
    #blogs > .container:after {
      content: "";
      position: absolute;
      width: 266px;
      height: 266px;
      background: radial-gradient(43.47% 46.61% at 29.82% 22.46%, #CFF4FF 0%, #7CCCDB 48.62%, #53B1C2 100%);
      box-shadow: 0px 10px 40px rgba(40, 85, 175, 0.1);
      border-radius: 50%;
      top: 41%;
      right: 91%;
      animation: floating 10s linear infinite; }

#blog_content {
  overflow: hidden;
  padding: 100px 0 50px 0;
  background: #E5E5E5; }
  #blog_content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 700px;
    top: 0;
    left: 0;
    right: 0;
    background: #00091F; }
  #blog_content header {
    position: relative;
    margin-bottom: 85px; }
    #blog_content header:after {
      content: "";
      position: absolute;
      width: 363px;
      height: 363px;
      background: #2855AF;
      box-shadow: 0px 0px 40px rgba(40, 52, 223, 0.5);
      border-radius: 50%;
      top: 8%;
      right: -12%;
      animation: floating 10s linear infinite;
      max-width: 100%; }
    #blog_content header h1 {
      position: relative;
      z-index: 2;
      color: #ffffff;
      margin-bottom: 70px;
      font-size: 2.7rem;
      text-align: center; }
    #blog_content header img {
      position: relative;
      z-index: 2;
      border: 10px solid #ffffff;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      margin: 0 auto;
      display: block;
      max-width: 100%; }
  #blog_content main p {
    font-family: Montserrat;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0.05em;
    color: #071D31;
    margin-bottom: 30px; }
  #blog_content main img {
    display: block;
    margin: 70px auto 90px auto;
    max-width: 100%; }
  #blog_content footer > a {
    font-size: 18px;
    line-height: 22px;
    color: #2855AF;
    position: relative; }
    #blog_content footer > a:after {
      content: "";
      width: 100%;
      height: 16px;
      position: absolute;
      left: 15%;
      bottom: -16px;
      background: url(../images/blog/arrow-right-blue.svg) no-repeat right center;
      background-size: contain;
      transition: all 0.3s; }
    #blog_content footer > a:hover::after {
      left: 20%; }
  #blog_content footer > p {
    display: inline-block;
    margin-left: 60px; }
    #blog_content footer > p a {
      font-size: 22px;
      color: #2855AF;
      margin: 0 10px; }
  #blog_content .another-posts {
    margin-top: 80px; }
    #blog_content .another-posts h2 {
      font-size: 2.7rem;
      color: #00091F;
      margin-bottom: 40px; }
    #blog_content .another-posts .col-md-4 a {
      display: table;
      position: relative;
      border-radius: 5px;
      overflow: hidden;
      height: 300px;
      margin: 0 auto; }
      #blog_content .another-posts .col-md-4 a img {
        max-width: 100%;
        height: 300px;
        object-fit: cover;
        transition: all 0.3s; }
      #blog_content .another-posts .col-md-4 a:hover img {
        transform: scale(1.1); }
      #blog_content .another-posts .col-md-4 a p {
        transition: all 0.3s;
        padding: 5px;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #00091F;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100px;
        display: table;
        margin-bottom: 0; }
        #blog_content .another-posts .col-md-4 a p span {
          display: table-cell;
          vertical-align: middle; }
      #blog_content .another-posts .col-md-4 a:hover p {
        height: 100%; }

.bg_dark_blue2 {
  background-color: #00174c;
  overflow: hidden; }

.bg_dark_blue2_img_right_top {
  background-image: url(../images/kompleks-marketing/bg-dark_right-top.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain; }

.bg_dark_blue2_img_right_bottom {
  background-image: url(../images/kompleks-marketing/bg-dark_right-bottom.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain; }

.bg_dark_blue2_img_left_top {
  background-image: url(../images/kompleks-marketing/bg-dark_left-top.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }

.bg_dark_blue_light2 {
  background-color: #26A1C1 !important; }

.color_blue_light2 {
  color: #21B1C9 !important; }

.box-shadow_color_blue_light2 {
  box-shadow: 0px 5px 50px rgba(33, 177, 201, 0.5); }

.integrated-marketing_intro {
  background-color: #00174c;
  background-image: url(../images/kompleks-marketing/bg-intro.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
  overflow: hidden; }
  .integrated-marketing_intro .section-intro {
    background-image: url(../images/kompleks-marketing/intro_top_right.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain; }
    .integrated-marketing_intro .section-intro .img-fluid {
      animation: anime-top-bottom 5s linear infinite; }
    .integrated-marketing_intro .section-intro .intro-icons {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      max-width: 400px; }
      .integrated-marketing_intro .section-intro .intro-icons img {
        position: absolute;
        max-width: 100%; }
        .integrated-marketing_intro .section-intro .intro-icons img:nth-child(1) {
          top: 5%;
          right: 0; }
        .integrated-marketing_intro .section-intro .intro-icons img:nth-child(2) {
          top: 15%;
          right: 5%;
          animation: rotate-float 25s linear infinite reverse; }
        .integrated-marketing_intro .section-intro .intro-icons img:nth-child(3) {
          top: 25%;
          left: 5%;
          animation: anime-top-bottom 15s linear infinite; }
        .integrated-marketing_intro .section-intro .intro-icons img:nth-child(4) {
          top: 45%;
          right: 25%;
          animation: anime-left-right 20s linear infinite; }
        .integrated-marketing_intro .section-intro .intro-icons img:nth-child(5) {
          top: 45%;
          left: 0;
          animation: rotate-float 50s linear infinite; }
        .integrated-marketing_intro .section-intro .intro-icons img:nth-child(6) {
          top: 75%;
          right: 55%;
          animation: rotate-float 50s linear infinite reverse; }

.slider_hover_blue .item-slide .item-dev-brand {
  border: none; }
  .slider_hover_blue .item-slide .item-dev-brand .card-body {
    transition: all .3s;
    border-radius: 10px; }
    .slider_hover_blue .item-slide .item-dev-brand .card-body .img-wrap {
      position: relative;
      border-radius: 50%;
      width: 80px;
      height: 80px;
      background: rgba(33, 177, 201, 0.1);
      margin: 15px auto 0 auto;
      transition: all .3s; }
      .slider_hover_blue .item-slide .item-dev-brand .card-body .img-wrap img {
        max-width: 52px;
        max-height: 52px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s; }
        .slider_hover_blue .item-slide .item-dev-brand .card-body .img-wrap img.default {
          opacity: 1; }
        .slider_hover_blue .item-slide .item-dev-brand .card-body .img-wrap img.hover {
          opacity: 0; }
    .slider_hover_blue .item-slide .item-dev-brand .card-body p {
      transition: all .3s; }
    .slider_hover_blue .item-slide .item-dev-brand .card-body .btn {
      transition: all .3s; }
  .slider_hover_blue .item-slide .item-dev-brand .layer {
    transition: all .3s; }
  .slider_hover_blue .item-slide .item-dev-brand:hover .card-body {
    background: #21B1C9;
    border: none; }
    .slider_hover_blue .item-slide .item-dev-brand:hover .card-body .img-wrap {
      background-color: rgba(255, 255, 255, 0.1); }
      .slider_hover_blue .item-slide .item-dev-brand:hover .card-body .img-wrap img.default {
        opacity: 0; }
      .slider_hover_blue .item-slide .item-dev-brand:hover .card-body .img-wrap img.hover {
        opacity: 1; }
    .slider_hover_blue .item-slide .item-dev-brand:hover .card-body p {
      color: #ffffff; }
    .slider_hover_blue .item-slide .item-dev-brand:hover .card-body .btn {
      background: #DA0F60;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
      color: #ffffff; }
  .slider_hover_blue .item-slide .item-dev-brand:hover .layer {
    background-color: #0D4770; }

.marketing_steps_section .row {
  position: relative; }
  .marketing_steps_section .row:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-right: -3px;
    width: 6px;
    height: 100%;
    background: url(../images/kompleks-marketing/steps_line.svg) no-repeat center;
    background-size: 100% 100%; }
  .marketing_steps_section .row > div {
    position: relative; }
    .marketing_steps_section .row > div span {
      position: absolute;
      left: -15px;
      top: 50%;
      width: 34px;
      height: 34px;
      margin-top: -17px;
      background: #21B1C9;
      box-shadow: 0px 5px 50px rgba(33, 177, 201, 0.5);
      line-height: 34px;
      color: #ffffff;
      border-radius: 50%;
      text-align: center; }
    .marketing_steps_section .row > div h6 {
      font-size: 18px; }
    .marketing_steps_section .row > div.text-md-right span {
      left: auto;
      right: -20px; }

.komplecks_marketing-cases header {
  position: relative; }
  .komplecks_marketing-cases header .bg-num {
    font-size: 530px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    transform: translate(-45%, -32%);
    color: rgba(38, 161, 193, 0.1); }
.komplecks_marketing-cases .slide-control-portfolio-brand {
  top: 105%;
  right: auto;
  left: 25%; }
.komplecks_marketing-cases .item-portfolio img {
  max-width: 650px; }

.kompleks-marketing_section-six {
  padding-bottom: 1000px; }
  .kompleks-marketing_section-six .bg_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .kompleks-marketing_section-six .anime-img-content {
    max-width: 815px;
    width: 51%;
    height: 900px;
    position: absolute;
    left: 20px;
    top: 20%;
    z-index: 2; }
    .kompleks-marketing_section-six .anime-img-content img {
      position: absolute;
      max-width: 100%;
      /*animation: anime-top-bottom 5s linear infinite;*/ }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(1) {
        left: 0;
        top: 0;
        animation: anime-top-bottom 15s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(2) {
        left: 15%;
        bottom: 0;
        animation: anime-top-bottom 30s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(3) {
        left: 12%;
        top: 20%;
        z-index: 1;
        animation: anime-top-bottom 20s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(4) {
        left: 48%;
        top: 45%;
        z-index: 1;
        animation: anime-top-bottom 10s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(5) {
        left: 45%;
        top: 23%;
        animation: anime-top-bottom 25s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(6) {
        left: 27%;
        top: 47%;
        animation: anime-left-right 15s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(7) {
        left: 5%;
        top: 37%;
        animation: anime-left-right 10s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(8) {
        left: 40%;
        top: 60%;
        animation: anime-left-right 20s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(9) {
        right: -50px;
        top: 62%;
        animation: anime-left-right 30s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(10) {
        left: 10%;
        top: 5%;
        animation: anime-top-bottom 15s linear infinite; }
      .kompleks-marketing_section-six .anime-img-content img:nth-child(11) {
        right: 0;
        top: 80%;
        animation: anime-top-bottom 15s linear infinite;
        animation-direction: reverse; }
  .kompleks-marketing_section-six .container {
    position: relative;
    z-index: 3; }
    .kompleks-marketing_section-six .container .icon-brand-why .num {
      top: -35px;
      line-height: 1;
      color: #07315B; }

.modal-content-price {
  margin-top: 85px; }
  .modal-content-price:before {
    content: "";
    position: absolute;
    left: 5%;
    bottom: -20px;
    height: 50%;
    width: 90%;
    background: #26A1C1;
    opacity: 0.2;
    border-radius: 15px;
    z-index: 1; }
  .modal-content-price div {
    position: relative;
    z-index: 3;
    border-radius: 15px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 4px 4px 30px rgba(38, 161, 193, 0.5); }
    .modal-content-price div header {
      background: linear-gradient(99.29deg, #21B1C9 0%, #176F93 100%);
      padding: 22px 0; }
    .modal-content-price div p {
      color: #565D69;
      font-size: 25px;
      padding: 35px 0;
      position: relative;
      max-width: 410px;
      display: block;
      margin: 0 auto; }
      .modal-content-price div p:after {
        content: "";
        position: absolute;
        width: 84%;
        left: 7%;
        bottom: 0;
        border: 1px solid #D8D5ED; }
    .modal-content-price div a {
      margin-top: 35px;
      margin-bottom: 50px; }
      .modal-content-price div a:hover, .modal-content-price div a:focus, .modal-content-price div a:active {
        box-shadow: none; }

@keyframes anime-top-bottom {
  0% {
    transform: translate(0, 0); }
  33% {
    transform: translate(-15px, 30px); }
  66% {
    transform: translate(15px, -30px); }
  100% {
    transform: translate(0, 0); } }
@keyframes anime-left-right {
  0% {
    transform: translate(0, 0); }
  33% {
    transform: translate(-30px, 10px); }
  66% {
    transform: translate(30px, -10px); }
  100% {
    transform: translate(0, 0); } }
@media (max-width: 1599px) {
  .kompleks-marketing_section-six {
    padding-bottom: 500px !important; }
    .kompleks-marketing_section-six .anime-img-content {
      height: 800px; } }
@media (max-width: 1200px) {
  .komplecks_marketing-cases .item-portfolio img {
    max-width: 100%; } }
@media (max-width: 992px) {
  .integrated-marketing_intro .section-intro .intro-icons {
    width: 100%;
    max-width: 100%; } }
@media (max-width: 768px) {
  .marketing_steps_section .row > div span,
  .marketing_steps_section .row > div.text-md-right span {
    margin-top: 0;
    top: 0;
    right: auto;
    left: 0; }

  .komplecks_marketing-cases .slide-control-portfolio-brand {
    top: 95%;
    left: 100%; }

  .kompleks-marketing_section-six {
    padding-bottom: 300px !important; }
    .kompleks-marketing_section-six .anime-img-content {
      top: 0;
      left: 0;
      height: 500px;
      max-width: 100%;
      width: 100%;
      overflow: hidden; }
      .kompleks-marketing_section-six .anime-img-content img {
        animation: none !important; }
    .kompleks-marketing_section-six .icon-brand-why {
      padding: 15px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 10px; } }
.color_darkturquoise {
  color: #339DC7; }

.color_darkturquoise_light_03 {
  color: rgba(51, 157, 199, 0.3) !important; }

.color_dark {
  color: #072A50; }

.color_white {
  color: #ffffff; }

.bg-dark-blue-img {
  background: url(../images/amo-crm/bg-dark-blue.png) no-repeat center -50%;
  background-size: 100% 1000px; }

.bg-dark-blue-color {
  position: relative;
  background: #002650; }
  .bg-dark-blue-color:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2px;
    background: #002650; }

.bg-dark-blue-color_before-50 {
  position: relative; }
  .bg-dark-blue-color_before-50 .bg-anim-item {
    z-index: 3; }
  .bg-dark-blue-color_before-50 .container {
    position: relative;
    z-index: 2; }
  .bg-dark-blue-color_before-50:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 50%;
    background: #002650; }

.overflow-hidden {
  overflow: hidden; }

.section-amo_crm-opportunities .col-md-5 {
  position: relative; }
.section-amo_crm-opportunities .section-heading {
  margin-bottom: 100px; }
.section-amo_crm-opportunities .bg-anim-item {
  width: 326px;
  max-width: 100%;
  display: block !important; }
.section-amo_crm-opportunities .img-step-site {
  position: relative;
  z-index: 2; }
.section-amo_crm-opportunities .step-smm {
  margin-bottom: 100px; }
  .section-amo_crm-opportunities .step-smm h4 {
    color: #2855AF;
    margin-bottom: 30px; }
  .section-amo_crm-opportunities .step-smm ul {
    padding-left: 0;
    list-style: none; }
    .section-amo_crm-opportunities .step-smm ul li {
      position: relative;
      padding-left: 30px;
      margin-bottom: 15px; }
      .section-amo_crm-opportunities .step-smm ul li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #2855AF; }

.section-amo_crm-benefit {
  overflow: hidden; }
  .section-amo_crm-benefit header.section-heading {
    margin-top: 60px;
    margin-bottom: 200px; }
  .section-amo_crm-benefit .circle_lines img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    .section-amo_crm-benefit .circle_lines img:nth-child(1) {
      top: 85px; }
    .section-amo_crm-benefit .circle_lines img:nth-child(2) {
      top: 100px; }
    .section-amo_crm-benefit .circle_lines img:nth-child(3) {
      top: 105px; }
  .section-amo_crm-benefit .icons_content {
    position: relative;
    z-index: 3; }
    .section-amo_crm-benefit .icons_content .line {
      display: flex;
      text-align: center;
      justify-content: center; }
      .section-amo_crm-benefit .icons_content .line .article {
        cursor: pointer;
        display: inline-block;
        width: 180px;
        margin-left: 35px;
        margin-right: 35px; }
        .section-amo_crm-benefit .icons_content .line .article .img {
          width: 80px;
          height: 80px;
          display: block;
          margin: 0 auto 10px auto;
          background: #F1FBFF;
          box-shadow: 0px 0px 20px rgba(55, 160, 202, 0.5);
          border-radius: 50%;
          position: relative;
          transition: all .3s; }
          .section-amo_crm-benefit .icons_content .line .article .img img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 42px;
            transition: all .3s; }
            .section-amo_crm-benefit .icons_content .line .article .img img.default {
              opacity: 1; }
            .section-amo_crm-benefit .icons_content .line .article .img img.hover {
              opacity: 0; }
        .section-amo_crm-benefit .icons_content .line .article p {
          color: #ffffff; }
        .section-amo_crm-benefit .icons_content .line .article:hover .img {
          background: #37A0CA;
          box-shadow: 0px 0px 30px rgba(95, 198, 239, 0.5); }
          .section-amo_crm-benefit .icons_content .line .article:hover .img img.default {
            opacity: 0; }
          .section-amo_crm-benefit .icons_content .line .article:hover .img img.hover {
            opacity: 1; }
      .section-amo_crm-benefit .icons_content .line.line1 {
        margin-bottom: 140px; }
        .section-amo_crm-benefit .icons_content .line.line1 .article:first-child,
        .section-amo_crm-benefit .icons_content .line.line1 .article:last-child {
          margin-top: -70px; }
      .section-amo_crm-benefit .icons_content .line.line2 {
        margin-bottom: 140px; }
        .section-amo_crm-benefit .icons_content .line.line2 .article:first-child,
        .section-amo_crm-benefit .icons_content .line.line2 .article:last-child {
          margin-top: -100px; }
      .section-amo_crm-benefit .icons_content .line.line3 .article:nth-child(2),
      .section-amo_crm-benefit .icons_content .line.line3 .article:nth-child(4) {
        margin-top: -30px; }
      .section-amo_crm-benefit .icons_content .line.line3 .article:first-child,
      .section-amo_crm-benefit .icons_content .line.line3 .article:last-child {
        margin-top: -115px; }

.form_steps_blue-light {
  position: relative;
  padding: 10px;
  border-radius: 6px;
  background: linear-gradient(180deg, #5743F8 0%, #25A3C0 100%);
  box-shadow: 2px -2px 10px rgba(51, 157, 199, 0.2); }
  .form_steps_blue-light.border-style2 {
    background: linear-gradient(180deg, #21A9C3 0%, #0B3E69 100%); }
  .form_steps_blue-light .box {
    border: 0;
    border-radius: 0 !important; }
    .form_steps_blue-light .box .dots-form > span {
      background: #fff;
      border-color: #339DC7 !important; }
      .form_steps_blue-light .box .dots-form > span.done, .form_steps_blue-light .box .dots-form > span.active {
        background: #339DC7 !important; }
        .form_steps_blue-light .box .dots-form > span.done i, .form_steps_blue-light .box .dots-form > span.active i {
          opacity: 1; }
      .form_steps_blue-light .box .dots-form > span i {
        color: #ffffff; }
    .form_steps_blue-light .box button {
      background: #339DC7;
      border-radius: 0;
      border: 0; }
      .form_steps_blue-light .box button:hover, .form_steps_blue-light .box button:focus, .form_steps_blue-light .box button:active {
        box-shadow: none;
        background-color: #339DC7 !important; }

.section-steps-amo_crm .title-section {
  max-height: 55px; }
.section-steps-amo_crm .card {
  height: 155px;
  box-shadow: 0px 0px 20px rgba(51, 157, 199, 0.15);
  margin-right: 0;
  margin-left: 0; }
  .section-steps-amo_crm .card .corner {
    width: 60px;
    height: 60px;
    font-size: 24px;
    padding-top: 7px;
    padding-left: 10px;
    background: #2855AF; }
  .section-steps-amo_crm .card .card-body .card-title {
    font-size: 12px;
    margin-top: 55px;
    padding-left: 5px; }
    .section-steps-amo_crm .card .card-body .card-title:after {
      content: none; }
  .section-steps-amo_crm .card:hover {
    background: #2855AF; }
    .section-steps-amo_crm .card:hover .corner {
      background: #ffffff;
      color: #2855AF; }
    .section-steps-amo_crm .card:hover h4 {
      color: #ffffff; }
.section-steps-amo_crm .img-arrow {
  top: 32%; }

.amo-crm-certificate img {
  max-width: 100%; }
.amo-crm-certificate p {
  font-size: 20px; }

.section-amo_crm-advantages .shape-bg_amo-crm {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 580px; }
  .section-amo_crm-advantages .shape-bg_amo-crm:after {
    content: "";
    position: absolute;
    width: 83%;
    height: 86%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #072A50;
    border-radius: 0 5px 5px 0; }
  .section-amo_crm-advantages .shape-bg_amo-crm:before {
    content: "";
    position: absolute;
    width: 83%;
    height: 86%;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(46.89deg, #072A50 3.86%, #1F83A8 100.06%);
    opacity: 0.9;
    border-radius: 5px; }
  .section-amo_crm-advantages .shape-bg_amo-crm span {
    position: absolute;
    top: 10%;
    right: 50%;
    z-index: 2;
    font-weight: 600;
    font-size: 400px;
    line-height: 1;
    color: #71C7EA;
    opacity: 0.4; }
  .section-amo_crm-advantages .shape-bg_amo-crm img {
    position: absolute;
    z-index: 4; }
.section-amo_crm-advantages .container {
  position: relative;
  z-index: 5; }
  .section-amo_crm-advantages .container .title-section {
    max-width: 310px; }
  .section-amo_crm-advantages .container .article {
    position: relative; }
    .section-amo_crm-advantages .container .article:before {
      content: "";
      position: absolute;
      right: 20%;
      top: 55px;
      width: 20%;
      height: 2px;
      background: transparent; }
    .section-amo_crm-advantages .container .article:nth-child(1), .section-amo_crm-advantages .container .article:nth-child(2) {
      margin-bottom: 70px; }
    .section-amo_crm-advantages .container .article:nth-child(1):before, .section-amo_crm-advantages .container .article:nth-child(3):before {
      background: #7CCCDB; }
    .section-amo_crm-advantages .container .article .number {
      position: relative;
      width: 110px;
      height: 110px;
      text-align: center;
      margin-bottom: 25px; }
      .section-amo_crm-advantages .container .article .number span {
        position: relative;
        z-index: 2;
        line-height: 110px;
        display: inline-block;
        font-size: 40px;
        font-weight: bold;
        color: #2855AF; }
      .section-amo_crm-advantages .container .article .number img {
        position: absolute;
        max-width: 110px;
        max-height: 110px;
        left: 0;
        top: 0;
        animation: rotate 5s linear infinite;
        user-select: none; }
    .section-amo_crm-advantages .container .article p {
      max-width: 290px; }

.amo-crm_second_section header p {
  max-width: 465px;
  color: #505050;
  font-size: 18px;
  margin-bottom: 65px;
  margin: 0 auto 65px auto; }
.amo-crm_second_section .col-md-3 .progress-circle {
  border-radius: 50%;
  display: block;
  width: 126px;
  height: 126px;
  position: relative;
  z-index: auto;
  margin: 0 auto 20px auto; }
  .amo-crm_second_section .col-md-3 .progress-circle .outer {
    background: #93A9D6;
    width: 126px;
    height: 126px;
    overflow: hidden;
    z-index: 100; }
  .amo-crm_second_section .col-md-3 .progress-circle .outer .mask {
    background: #93A9D6;
    border-radius: 87px 0 0 87px;
    position: absolute;
    width: 63px;
    height: 126px;
    top: 0;
    left: 0;
    z-index: 120; }
  .amo-crm_second_section .col-md-3 .progress-circle .outer .half {
    background: #2855AF;
    position: absolute;
    width: 63px;
    height: 126px;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .amo-crm_second_section .col-md-3 .progress-circle .outer .half.spinner {
    border-radius: 0 63px 63px 0;
    right: 0;
    z-index: 10;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    z-index: 110; }
  .amo-crm_second_section .col-md-3 .progress-circle .outer .half.filler {
    border-radius: 63px 0 0 63px;
    left: 0;
    z-index: 5;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    z-index: 130; }
  .amo-crm_second_section .col-md-3 .progress-circle .inner {
    background: #ffffff;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 106px;
    height: 106px;
    z-index: 300; }
  .amo-crm_second_section .col-md-3 .progress-circle .percentage {
    color: #2855AF;
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 25px;
    font-weight: bold;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: -0.05em;
    overflow: hidden;
    line-height: 1em;
    z-index: 400; }
  .amo-crm_second_section .col-md-3 .progress-circle .percentage1 {
    display: none; }
  .amo-crm_second_section .col-md-3 .progress-circle .inner,
  .amo-crm_second_section .col-md-3 .progress-circle .outer {
    display: inline-block;
    border-radius: 50%; }
.amo-crm_second_section .col-md-3 h4 {
  color: #444F60;
  font-size: 16px;
  font-weight: bold;
  max-width: 220px;
  text-align: center;
  display: block;
  margin: 0 auto 15px auto; }
.amo-crm_second_section .col-md-3 p {
  font-size: 14px;
  max-width: 220px;
  text-align: center;
  display: block;
  margin: 0 auto 50px auto; }

#popup_calculator .modal-dialog {
  max-width: 920px;
  width: calc(100% - 15px); }
  #popup_calculator .modal-dialog h2 {
    font-size: 25px; }
  #popup_calculator .modal-dialog h5 {
    font-size: 16px; }
  #popup_calculator .modal-dialog .form-group-oval input {
    background: #EEF9FE;
    border-radius: 50px;
    padding: 13px 40px;
    color: #072A50;
    font-size: 16px;
    font-weight: 600;
    border: none !important; }
    #popup_calculator .modal-dialog .form-group-oval input::-webkit-input-placeholder {
      /* Edge */
      color: #072A50; }
    #popup_calculator .modal-dialog .form-group-oval input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #072A50; }
    #popup_calculator .modal-dialog .form-group-oval input::placeholder {
      color: #072A50; }
  #popup_calculator .modal-dialog .range-container .box-minmax {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    color: #8395A8; }
    #popup_calculator .modal-dialog .range-container .box-minmax span:first-child {
      margin-left: 10px; }
    #popup_calculator .modal-dialog .range-container .box-minmax span:last-child {
      margin-right: 10px; }
  #popup_calculator .modal-dialog .range-container .rs-range {
    margin-top: 29px;
    width: 100%;
    -webkit-appearance: none; }
    #popup_calculator .modal-dialog .range-container .rs-range:focus {
      outline: none; }
    #popup_calculator .modal-dialog .range-container .rs-range::-webkit-slider-runnable-track {
      width: 100%;
      height: 8px;
      cursor: pointer;
      box-shadow: none;
      background: #EEF9FE;
      border-radius: 50px;
      border: 0px solid #010101; }
    #popup_calculator .modal-dialog .range-container .rs-range::-moz-range-track {
      width: 100%;
      height: 8px;
      cursor: pointer;
      box-shadow: none;
      background: #EEF9FE;
      border-radius: 50px;
      border: 0px solid #010101; }
    #popup_calculator .modal-dialog .range-container .rs-range::-webkit-slider-thumb {
      box-shadow: none;
      border: 0px solid #ffffff;
      box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background: linear-gradient(180deg, #339DC7 0%, #5FB6DA 100%);
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -12px; }
    #popup_calculator .modal-dialog .range-container .rs-range::-moz-range-thumb {
      box-shadow: none;
      border: 0px solid #ffffff;
      box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background: linear-gradient(180deg, #339DC7 0%, #5FB6DA 100%);
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -12px; }
    #popup_calculator .modal-dialog .range-container .rs-range::-moz-focus-outer {
      border: 0; }
  #popup_calculator .modal-dialog .range-container .rs-label {
    position: relative;
    transform-origin: center center;
    display: block;
    width: 90px;
    background: transparent;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    margin-left: -30px;
    left: attr(value);
    color: #072A50;
    font-size: 18px; }
  #popup_calculator .modal-dialog .checkbox-content label {
    display: table;
    margin-bottom: 20px; }
    #popup_calculator .modal-dialog .checkbox-content label span {
      font-size: 14px;
      padding-left: 50px;
      font-weight: 600;
      color: #8395A8;
      padding-left: 50px;
      position: relative;
      cursor: pointer;
      user-select: none;
      display: block; }
      #popup_calculator .modal-dialog .checkbox-content label span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -5px;
        width: 30px;
        height: 30px;
        border: 2px solid #349DC7;
        border-radius: 50%; }
    #popup_calculator .modal-dialog .checkbox-content label input:checked + span:before {
      border: none;
      background: linear-gradient(180deg, #339DC7 0%, #5FB6DA 100%); }

@media (max-width: 767px) {
  .bg-dark-blue-img {
    background-size: cover; }

  .amo-crm_second_section .col-md-3 .progress-circle {
    margin-bottom: 20px; }
  .amo-crm_second_section .col-md-3 p {
    margin-bottom: 75px; }

  .section-amo_crm-benefit header.section-heading {
    margin-top: 0;
    margin-bottom: 70px; }
  .section-amo_crm-benefit .circle_lines {
    display: none; }
  .section-amo_crm-benefit .icons_content .line {
    display: block;
    margin-bottom: 0 !important; }
    .section-amo_crm-benefit .icons_content .line .article {
      position: relative;
      display: block;
      margin: 0 auto 30px auto !important; }
      .section-amo_crm-benefit .icons_content .line .article:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -105px;
        width: 400px;
        height: 150px;
        background: url(../images/amo-crm/circle_line1.svg);
        background-size: 100% 100%; }
      .section-amo_crm-benefit .icons_content .line .article .img,
      .section-amo_crm-benefit .icons_content .line .article p {
        position: relative;
        z-index: 2; }

  .section-steps-amo_crm .img-arrow {
    top: auto;
    right: 50%;
    margin-right: -10px;
    bottom: 15px;
    transform: rotate(90deg); }

  .section-amo_crm-advantages .shape-bg_amo-crm {
    width: 90%;
    height: 180px; }
    .section-amo_crm-advantages .shape-bg_amo-crm span {
      font-size: 120px; }
  .section-amo_crm-advantages .container .title-section {
    margin-bottom: 80px; }
  .section-amo_crm-advantages .container .article {
    margin-bottom: 50px !important; }
    .section-amo_crm-advantages .container .article:before {
      background: #339DC7; } }
.my-warehouse_intro {
  background-color: #00091f;
  background-image: url(../images/my-warehouse/intro.png);
  overflow: hidden; }
  .my-warehouse_intro .navbar {
    margin-bottom: 8rem; }
  .my-warehouse_intro .col-md-6 {
    position: relative; }
    .my-warehouse_intro .col-md-6 .btn-primary {
      background-color: #2855AF; }
      .my-warehouse_intro .col-md-6 .btn-primary:after {
        border-color: #2855AF; }
    .my-warehouse_intro .col-md-6 .img_anime {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .my-warehouse_intro .col-md-6 .img_anime img {
        position: absolute; }
        .my-warehouse_intro .col-md-6 .img_anime img.top_center {
          top: -10%;
          left: 25%;
          animation: floating 15s linear infinite; }
        .my-warehouse_intro .col-md-6 .img_anime img.top_right {
          top: -10%;
          right: -10%;
          animation: floating 25s linear infinite; }
        .my-warehouse_intro .col-md-6 .img_anime img.bottom_right {
          bottom: -10%;
          right: -10%;
          animation: floating 35s linear infinite; }
        .my-warehouse_intro .col-md-6 .img_anime img.bottom_left {
          bottom: -10%;
          left: -15%;
          animation: floating 45s linear infinite; }
    .my-warehouse_intro .col-md-6 .contentn_video_w100 {
      background-color: #2855AF;
      border-color: #2855AF;
      overflow: hidden; }
      .my-warehouse_intro .col-md-6 .contentn_video_w100:before {
        content: none; }
      .my-warehouse_intro .col-md-6 .contentn_video_w100:after {
        opacity: 1;
        background: #fff url(../images/my-warehouse/logo.svg) no-repeat center;
        background-size: 60%; }
      .my-warehouse_intro .col-md-6 .contentn_video_w100.active > a {
        opacity: 0;
        visibility: hidden; }
      .my-warehouse_intro .col-md-6 .contentn_video_w100 .circle-ripple {
        background: url(../images/my-warehouse/play.svg) no-repeat 24px center;
        background-size: 2.2rem;
        background-color: #2855AF;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        animation: ripple 0.7s linear infinite;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
        z-index: 1;
        visibility: visible;
        opacity: 1;
        transition: all .3s; }
        .my-warehouse_intro .col-md-6 .contentn_video_w100 .circle-ripple:focus, .my-warehouse_intro .col-md-6 .contentn_video_w100 .circle-ripple:hover {
          outline: none;
          text-decoration: none; }
  .my-warehouse_intro .down-btn-wrap {
    position: relative;
    z-index: 2; }

.my-warehouse_content {
  background: #fff;
  overflow: hidden; }
  .my-warehouse_content .bg_gradient_white_blue {
    position: relative; }
    .my-warehouse_content .bg_gradient_white_blue > section,
    .my-warehouse_content .bg_gradient_white_blue > div {
      position: relative;
      z-index: 1; }
    .my-warehouse_content .bg_gradient_white_blue:before, .my-warehouse_content .bg_gradient_white_blue:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0; }
    .my-warehouse_content .bg_gradient_white_blue:before {
      top: 300px;
      background: linear-gradient(0deg, #E9EEF7 -0.65%, #FFFFFF 84.42%);
      opacity: 0.5; }
    .my-warehouse_content .bg_gradient_white_blue:after {
      top: 250px;
      background: linear-gradient(0deg, #E9EEF7 -0.65%, #FFFFFF 97.75%); }
  .my-warehouse_content .title-section {
    color: #2855AF; }
  .my-warehouse_content .btn-primary {
    background-color: #2855AF; }
    .my-warehouse_content .btn-primary:after {
      border-color: #2855AF; }
  .my-warehouse_content .section-one .slider_nav {
    display: block;
    width: 100%;
    margin-bottom: 4rem; }
    .my-warehouse_content .section-one .slider_nav .links {
      position: relative;
      width: 100%;
      padding-bottom: 2rem; }
      .my-warehouse_content .section-one .slider_nav .links:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 3px solid rgba(100, 205, 255, 0.3); }
      .my-warehouse_content .section-one .slider_nav .links div {
        position: relative; }
        .my-warehouse_content .section-one .slider_nav .links div:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -2rem;
          width: 100%;
          border-bottom: 3px solid transparent;
          transition: all .2s; }
        .my-warehouse_content .section-one .slider_nav .links div.active:after {
          border-bottom-color: #64CDFF; }
        .my-warehouse_content .section-one .slider_nav .links div.active span {
          color: #2855AF;
          font-weight: bold; }
        .my-warehouse_content .section-one .slider_nav .links div span {
          user-select: none;
          display: block;
          line-height: 1;
          font-weight: 400;
          font-size: 16px;
          color: #072A50;
          cursor: pointer;
          padding: .5rem 0; }
  .my-warehouse_content .section-one .slider img {
    max-width: 100%; }
  .my-warehouse_content .section-one .slider .slick-dots {
    display: none !important; }
  .my-warehouse_content .section-one .slider .slick-arrow {
    width: 24px;
    height: 24px; }
    .my-warehouse_content .section-one .slider .slick-arrow.slick-prev {
      left: -1rem;
      background: url(../images/icons/downbtn.png) no-repeat center;
      transform: rotate(90deg); }
    .my-warehouse_content .section-one .slider .slick-arrow.slick-next {
      right: -1rem;
      background: url(../images/icons/downbtn.png) no-repeat center;
      transform: rotate(-90deg); }
  .my-warehouse_content .section-second .container > .row {
    padding-bottom: 10rem; }
    .my-warehouse_content .section-second .container > .row > div.img_block {
      display: flex;
      -webkit-display: flex;
      align-items: center;
      -webkit-align-items: center; }
      .my-warehouse_content .section-second .container > .row > div.img_block > img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        position: relative;
        z-index: 2; }
      .my-warehouse_content .section-second .container > .row > div.img_block .animate_img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .my-warehouse_content .section-second .container > .row > div.img_block .animate_img img.liquid_circle {
          position: absolute;
          top: 15%;
          height: 60%;
          animation: floating 100s linear infinite; }
        .my-warehouse_content .section-second .container > .row > div.img_block .animate_img img.min {
          position: absolute;
          left: 40%;
          animation: floating 15s linear infinite; }
        .my-warehouse_content .section-second .container > .row > div.img_block .animate_img img.max {
          position: absolute;
          left: 40%;
          animation: floating 30s linear infinite; }
    .my-warehouse_content .section-second .container > .row > div article {
      position: relative;
      z-index: 2;
      margin-bottom: 0; }
      .my-warehouse_content .section-second .container > .row > div article .title {
        font-weight: bold;
        font-size: 1.7rem;
        line-height: 2.1rem;
        color: #2855AF;
        margin-bottom: 2.7rem;
        padding-bottom: 0; }
        .my-warehouse_content .section-second .container > .row > div article .title:after {
          content: none; }
      .my-warehouse_content .section-second .container > .row > div article p {
        font-size: 1.1rem;
        line-height: 140%;
        color: #072A50; }
    .my-warehouse_content .section-second .container > .row > div:first-child.img_block .animate_img img.liquid_circle {
      left: 0; }
    .my-warehouse_content .section-second .container > .row > div:first-child.img_block .animate_img img.min {
      bottom: 0; }
    .my-warehouse_content .section-second .container > .row > div:first-child.img_block .animate_img img.max {
      top: 0; }
    .my-warehouse_content .section-second .container > .row > div:last-child.img_block .animate_img img.liquid_circle {
      right: 0; }
    .my-warehouse_content .section-second .container > .row > div:last-child.img_block .animate_img img.min {
      top: 0; }
    .my-warehouse_content .section-second .container > .row > div:last-child.img_block .animate_img img.max {
      bottom: 0; }
  .my-warehouse_content .section-three .content {
    background: #2855AF;
    border-radius: 2rem;
    padding: 4rem 0; }
    .my-warehouse_content .section-three .content .bg_img {
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .my-warehouse_content .section-three .content .bg_img img {
        max-width: 100%; }
    .my-warehouse_content .section-three .content .img_animate {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: transparent; }
      .my-warehouse_content .section-three .content .img_animate img.min {
        position: absolute;
        z-index: 2;
        top: 30%;
        left: -12%;
        animation: floating 15s linear infinite; }
      .my-warehouse_content .section-three .content .img_animate img.max {
        position: absolute;
        z-index: 2;
        bottom: -40%;
        right: 10%;
        animation: floating 30s linear infinite; }
    .my-warehouse_content .section-three .content .row {
      color: #fff;
      position: relative;
      z-index: 2; }
      .my-warehouse_content .section-three .content .row h2 {
        font-weight: 800;
        font-size: 2.7rem;
        line-height: 3.2rem;
        margin-bottom: 2.7rem; }
      .my-warehouse_content .section-three .content .row p {
        font-size: 1.1rem;
        margin-bottom: 2.7rem; }
      .my-warehouse_content .section-three .content .row .links a {
        display: inline-block;
        margin: 0 0.8rem; }
  .my-warehouse_content .section-four .content {
    display: block;
    padding-top: 13.5rem;
    overflow: hidden;
    text-align: center; }
    .my-warehouse_content .section-four .content article {
      display: block;
      float: left;
      width: 20%; }
      .my-warehouse_content .section-four .content article.top {
        position: relative;
        top: -13.5rem; }
      .my-warehouse_content .section-four .content article img,
      .my-warehouse_content .section-four .content article p {
        margin-bottom: 1rem;
        color: #072A50; }
  .my-warehouse_content .section-five .content .img_animate {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .my-warehouse_content .section-five .content .img_animate img {
      position: absolute; }
      .my-warehouse_content .section-five .content .img_animate img.min {
        top: 0;
        right: 0;
        animation: floating 15s linear infinite; }
      .my-warehouse_content .section-five .content .img_animate img.max {
        left: -10%;
        bottom: -20%;
        animation: floating 30s linear infinite; }
  .my-warehouse_content .section-five .content .box {
    box-shadow: 10px 10px 70px rgba(40, 85, 175, 0.05);
    border-radius: 2rem !important;
    border: 0;
    padding: 3.3rem; }
    .my-warehouse_content .section-five .content .box h3 {
      font-size: 1.8rem;
      line-height: 2.15rem;
      margin-bottom: 3.3rem;
      max-width: 90%;
      color: #2855AF; }
    .my-warehouse_content .section-five .content .box .dots > span {
      background: #3FA6D7;
      border-color: #2855AF !important; }
      .my-warehouse_content .section-five .content .box .dots > span.active {
        border-color: #2855AF !important; }
  .my-warehouse_content .section-six .content .text-center {
    margin-bottom: 6.7rem; }
    .my-warehouse_content .section-six .content .text-center img {
      margin-bottom: 1.3rem; }
    .my-warehouse_content .section-six .content .text-center h4 {
      font-size: 1.3rem;
      line-height: 1.5rem;
      color: #2855AF;
      margin-bottom: 1.3rem; }
    .my-warehouse_content .section-six .content .text-center p {
      color: #072A50;
      font-size: 1.1rem;
      margin-bottom: 1.3rem; }
  .my-warehouse_content .section-seven .box {
    border: none; }
    .my-warehouse_content .section-seven .box img {
      max-width: 100% !important; }
  .my-warehouse_content .section-amo_crm-advantages .shape-bg_amo-crm {
    top: 70px; }
    .my-warehouse_content .section-amo_crm-advantages .shape-bg_amo-crm:before {
      opacity: 1;
      border-radius: 5px 5px 10rem 5px;
      background: #2855AF;
      box-shadow: 4px 4px 25px rgba(60, 101, 182, 0.2);
      left: 25%; }
    .my-warehouse_content .section-amo_crm-advantages .shape-bg_amo-crm:after {
      border-radius: 10rem 5px 5px 5px;
      background: #3FA6D7;
      left: 9%; }
  .my-warehouse_content .section-amo_crm-advantages .container .title-section {
    color: #fff;
    margin-left: auto; }
  .my-warehouse_content .section-amo_crm-advantages .img_certificate img {
    max-width: 100%;
    max-height: 600px;
    box-shadow: 10px 10px 70px rgba(40, 85, 175, 0.05); }
  .my-warehouse_content .section-eight {
    overflow: hidden;
    padding-bottom: 10rem; }
    .my-warehouse_content .section-eight .content {
      padding: 6rem 0; }
      .my-warehouse_content .section-eight .content:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #2855AF;
        border-radius: 2rem; }
      .my-warehouse_content .section-eight .content .img_anime {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .my-warehouse_content .section-eight .content .img_anime img {
          position: absolute;
          z-index: 4; }
          .my-warehouse_content .section-eight .content .img_anime img.min {
            top: -20%;
            right: 3rem;
            animation: floating 15s linear infinite; }
          .my-warehouse_content .section-eight .content .img_anime img.max {
            z-index: 0;
            top: 65%;
            left: 5rem;
            animation: floating 30s linear infinite; }
      .my-warehouse_content .section-eight .content > .row {
        position: relative;
        z-index: 5; }
        .my-warehouse_content .section-eight .content > .row h2 {
          display: table;
          margin: 0 auto;
          color: #fff;
          font-weight: 800;
          font-size: 2.7rem;
          line-height: 3.2rem; }
        .my-warehouse_content .section-eight .content > .row .btn {
          background: #fff;
          color: #2855AF;
          border-radius: 3rem; }
  .my-warehouse_content + .section-footer {
    position: relative;
    z-index: 5; }

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(40, 85, 175, 0.3), 0 0 0 1em rgba(40, 85, 175, 0.3), 0 0 0 3em rgba(40, 85, 175, 0.3), 0 0 0 5em rgba(40, 85, 175, 0.3); }
  100% {
    box-shadow: 0 0 0 1em rgba(40, 85, 175, 0.3), 0 0 0 3em rgba(40, 85, 175, 0.3), 0 0 0 5em rgba(40, 85, 175, 0.3), 0 0 0 8em rgba(40, 85, 175, 0); } }
#online_store .module_1 .section-heading .title-section {
  max-width: 600px;
  display: table;
  margin-right: auto;
  margin-left: auto; }
#online_store .module_1 .section-heading .bg-num {
  color: #2855AF;
  opacity: .1; }
#online_store .module_1 .info .article {
  position: relative;
  color: #565D69;
  padding-left: 85px;
  margin-bottom: 3rem; }
  #online_store .module_1 .info .article img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    margin-top: -25px; }
  #online_store .module_1 .info .article span {
    font-size: 1rem; }
  #online_store .module_1 .info .article p {
    font-size: 1.3rem;
    font-weight: bold; }
#online_store .module_1 .img .shape {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%; }
#online_store .module_1 .img .photo {
  position: relative;
  z-index: 2;
  max-width: 100%;
  display: block; }
#online_store .module_2 .card {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E7ECF6;
  border-radius: 10px;
  overflow: hidden;
  padding: 100px .5rem 2.33rem 2.33rem;
  margin-bottom: 2.33rem;
  transition: all .3s; }
  #online_store .module_2 .card:hover {
    cursor: pointer;
    border-color: #ffffff;
    box-shadow: 0px 6px 40px rgba(59, 100, 183, 0.15); }
    #online_store .module_2 .card:hover img {
      transform: scale(1.2) translateY(-10px); }
  #online_store .module_2 .card .number {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #2855AF;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    width: 90px;
    height: 90px;
    line-height: 80px;
    text-align: center;
    border-radius: 0 0 0 100px; }
  #online_store .module_2 .card img {
    max-height: 50px;
    position: absolute;
    top: 30px;
    left: 40px;
    transform: scale(1) translateY(0);
    transition: all .3s; }
  #online_store .module_2 .card p {
    font-size: .93rem;
    margin-bottom: .66rem; }
  #online_store .module_2 .card h4 {
    font-size: 1.3rem; }
#online_store .module_3 .article > div {
  position: relative;
  margin: 0 0 5.33rem 7rem; }
  #online_store .module_3 .article > div:hover {
    cursor: pointer; }
    #online_store .module_3 .article > div:hover .img:before, #online_store .module_3 .article > div:hover .img:after {
      width: calc( 100% + 16px );
      height: calc( 100% + 16px ); }
    #online_store .module_3 .article > div:hover .img:after {
      border-left-color: #64CDFF;
      border-bottom-color: #64CDFF; }
    #online_store .module_3 .article > div:hover .img:before {
      border-top-color: #64CDFF;
      border-right-color: #64CDFF; }
    #online_store .module_3 .article > div:hover .img img {
      transform: scale(1.2); }
  #online_store .module_3 .article > div .img {
    position: relative;
    width: 140px;
    height: 125px;
    padding: 27px 0;
    border: 8px solid #2855AF;
    margin-bottom: 1.33rem; }
    #online_store .module_3 .article > div .img:before, #online_store .module_3 .article > div .img:after {
      content: "";
      overflow: hidden;
      position: absolute;
      border: 8px solid #2855AF;
      width: 0;
      height: 0;
      transition: width .3s, height .3s; }
    #online_store .module_3 .article > div .img:before {
      top: -8px;
      right: -8px; }
    #online_store .module_3 .article > div .img:after {
      left: -8px;
      bottom: -8px; }
    #online_store .module_3 .article > div .img img {
      max-height: 55px;
      display: block;
      margin: 0 auto;
      transition: all .3s;
      transform: scale(1); }
  #online_store .module_3 .article > div .number {
    position: absolute;
    left: -40px;
    top: 0;
    color: #2855AF;
    opacity: .05;
    font-size: 8rem;
    font-weight: bold; }
  #online_store .module_3 .article > div p {
    font-size: 1.2rem;
    color: #565D69; }
#online_store .module_5 .for_shape:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 700%;
  height: 100%;
  background: #2855AF;
  border-radius: 0px 20px 20px 0px; }
#online_store .module_5 .for_shape .section-heading {
  position: relative;
  z-index: 2;
  min-height: 120px;
  margin-top: auto;
  margin-bottom: auto; }
  #online_store .module_5 .for_shape .section-heading .bg-num {
    color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: auto; }
#online_store .module_5 .btn_bottom_arrow {
  cursor: pointer; }
  #online_store .module_5 .btn_bottom_arrow.active img {
    transform: rotate(90deg); }
  #online_store .module_5 .btn_bottom_arrow img {
    display: block;
    transform: rotate(-90deg);
    transition: all .3s; }
#online_store .module_5 .content {
  display: none; }
  #online_store .module_5 .content .title-section {
    margin-top: 4rem;
    margin-bottom: 5.5rem; }
  #online_store .module_5 .content div {
    margin-bottom: 4rem; }
    #online_store .module_5 .content div h4 {
      font-size: 1.66rem;
      color: #072A50;
      margin-bottom: 1.33rem; }
    #online_store .module_5 .content div p {
      font-size: 1.2rem; }
#online_store .module_6 .article {
  padding-top: 7rem;
  padding-bottom: 7rem; }
  #online_store .module_6 .article img {
    max-width: 100%; }
  #online_store .module_6 .article .info {
    padding-left: 20%;
    color: #FFFFFF; }
    #online_store .module_6 .article .info h3 {
      font-size: 2rem;
      margin-top: 3rem;
      margin-bottom: 1.9rem; }
    #online_store .module_6 .article .info h5 {
      font-size: 1.6rem;
      margin-bottom: .9rem; }
    #online_store .module_6 .article .info p {
      font-size: 1.6rem;
      margin-bottom: 1.33rem; }
    #online_store .module_6 .article .info a {
      background: #ffffff;
      border-color: #ffffff;
      border-radius: 50px; }
      #online_store .module_6 .article .info a:hover {
        background: #ffffff; }
#online_store .module_7 .container > p {
  color: #072A50;
  font-size: 1.33rem;
  text-align: center;
  display: table;
  max-width: 560px;
  margin: 0 auto 4rem auto; }
#online_store .module_8 {
  color: #2855AF; }
  #online_store .module_8 p {
    font-weight: bold;
    font-size: 1.34rem;
    margin-bottom: 1.2rem; }
  #online_store .module_8 h2 {
    font-size: 2.67rem;
    margin-bottom: 3rem; }
  #online_store .module_8 span {
    font-size: 1.34rem;
    color: #072A50;
    display: block;
    margin-bottom: 2rem; }
  #online_store .module_8 .img {
    position: relative;
    z-index: 2; }
  #online_store .module_8 .img_animate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    #online_store .module_8 .img_animate img {
      position: absolute; }
      #online_store .module_8 .img_animate img.one {
        right: 0;
        top: 0; }
      #online_store .module_8 .img_animate img.second {
        left: 0;
        bottom: 0; }
#online_store .module_9 .retangle_shape .retangle_shape_content {
  padding-right: 4rem; }
  #online_store .module_9 .retangle_shape .retangle_shape_content .section-heading {
    margin-bottom: 20px; }
    #online_store .module_9 .retangle_shape .retangle_shape_content .section-heading .bg-num {
      color: #fff;
      opacity: .1; }
#online_store .module_9 img {
  display: block;
  margin: 0 auto 4rem auto;
  max-width: 100%; }

.retangle_shape {
  position: relative;
  min-height: 500px; }
  .retangle_shape:before {
    content: "";
    position: absolute;
    width: 550px;
    height: 500px;
    right: 80px;
    top: -80px;
    background: #3FA6D7;
    border-top-left-radius: 170px;
    z-index: 0; }
  .retangle_shape:after {
    content: "";
    position: absolute;
    width: 550px;
    height: 500px;
    right: 0;
    top: 0;
    background: #2855AF;
    border-bottom-right-radius: 170px;
    z-index: 1; }
  .retangle_shape .retangle_shape_content {
    position: relative;
    z-index: 2;
    color: #ffffff; }

/* ================== COMPONENTS =================== */
/* Slider */
.slider-wrap {
  position: relative; }

.slick-loading .slick-list {
  background: #fff url("ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 42%;
  z-index: 99;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -10%; }

[dir='rtl'] .slick-prev {
  right: -10%;
  left: auto; }

.slick-next {
  right: -10%; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -10%; }

.portfolio_arrow_boottom_left .slick-arrow {
  bottom: -20px;
  top: auto; }
  .portfolio_arrow_boottom_left .slick-arrow.slick-prev {
    left: 25%;
    margin-left: -40px; }
  .portfolio_arrow_boottom_left .slick-arrow.slick-next {
    left: 25%;
    margin-right: -20px; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #2855AF;
  opacity: 0.4; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li.slick-active button {
  opacity: 1; }

.btn-facebook {
  background-color: #405D9D;
  color: #fff; }
  .btn-facebook:hover {
    color: #fff; }

.btn-instagram {
  background-color: #E52D27;
  color: #fff; }
  .btn-instagram:hover {
    color: #fff; }

.btn-youtube {
  background-color: #C8046C;
  color: #fff; }
  .btn-youtube:hover {
    color: #fff; }

.btn-twitter {
  background-color: #42AEEC;
  color: #fff; }
  .btn-twitter:hover {
    color: #fff; }

.btn-primary {
  background-color: #2855AF;
  border-color: #2855AF;
  border-radius: 36px; }
  .btn-primary:active, .btn-primary:hover, .btn-primary:focus {
    background-color: #2855AF !important;
    border-color: #2855AF !important;
    box-shadow: none; }

.btn-site-tab {
  background-color: #2834DF;
  color: #ffffff;
  border-color: transparent;
  opacity: 0.5;
  animation: all 0.3s; }
  .btn-site-tab:hover {
    background-color: #aec8f8;
    opacity: 1;
    color: #ffffff; }
  .btn-site-tab.active {
    background-color: #2855AF;
    color: #fff;
    opacity: 1; }

.btn {
  min-width: 180px; }

/* effect #5 */
.btn-primary {
  /* overlay styles */
  /* icon styles */
  color: #fff;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden; }

.btn-primary:hover:active::after {
  opacity: 0; }

.btn-primary:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  display: block;
  width: 300px;
  height: 300px;
  content: '';
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  z-index: 1; }

.btn-primary:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform .2s linear .2s, opacity .2s linear .2s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 300px;
  content: '';
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
  font-weight: 900;
  line-height: inherit;
  color: transparent;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  opacity: 0;
  z-index: 1; }

.btn-primary:hover {
  color: transparent; }

.btn-primary:hover:before {
  transition-duration: .25s;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1; }

.btn-primary:hover:after {
  transition-duration: .32s;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  color: #fff;
  background-image: url(../images/icons/right-arrow.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center; }

.btn-primary.btn-back:hover:after {
  background-image: url(../images/icons/left-arrow.png) !important; }

.btn-primary-light {
  color: #ffffff;
  background-color: #3FA6D7;
  border-color: #3FA6D7;
  border-radius: 36px; }

.text-blue-light {
  color: #7CCCDB; }

.text-blue {
  color: #2855AF; }

.itembox .icon-wrap {
  margin-bottom: 15px;
  margin-top: 7px; }
.itembox img {
  max-width: 100%; }

.itemside {
  position: relative;
  display: inline-flex;
  width: 100%; }
  .itemside .text-wrap {
    padding-left: 15px;
    padding-right: 7px; }
  .itemside .img-wrap {
    position: relative;
    border-radius: 0.25rem 0 0 0.25rem; }
  .itemside img {
    object-fit: contain; }
  .itemside p, .itemside .title {
    margin-bottom: 0.5rem; }
  .itemside .img-bg {
    object-fit: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 100px;
    bottom: 0;
    z-index: 0; }
  .itemside .card-body {
    position: relative;
    z-index: 3; }

.items-bordered-wrap .itemside:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.itemlist {
  padding: 20px;
  border-bottom: 1px solid #eee; }

.list-inline {
  margin-bottom: 0; }

.list-inline-item {
  vertical-align: middle; }

/* --------- description list --------*/
[class*="dlist-"] {
  margin-bottom: 5px; }
  [class*="dlist-"] dd {
    margin-bottom: 0; }

.dlist-inline dt, .dlist-inline dd {
  display: inline-block; }

.dlist-align dt {
  width: 90px;
  float: left;
  word-wrap: break-word; }
.dlist-align dd {
  margin-left: 120px;
  vertical-align: baseline; }

/* -------------------- list.row--------------------- */
ul.row, ul.row-sm {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }

/* ================= lists ================= */
[class*="list-"] li:after {
  visibility: hidden;
  display: block;
  content: "";
  overflow: hidden;
  height: 0;
  clear: both; }

.list-lg li {
  margin-bottom: 10px; }

.list-icon {
  list-style: none;
  padding: 0; }
  .list-icon li {
    margin-bottom: 10px; }
  .list-icon img {
    width: 30px;
    vertical-align: middle;
    margin-right: 15px; }
  .list-icon .icon {
    width: 22px;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 20px;
    text-align: center; }
  .list-icon span {
    vertical-align: middle; }

.list-bullet {
  list-style: none;
  padding: 0; }

.list-bullet li {
  margin-bottom: 7px;
  position: relative;
  padding-left: 15px; }

.list-bullet li::before {
  content: " ";
  position: absolute;
  top: 45%;
  left: 0;
  width: 7px;
  height: 7px;
  margin: 0px 10px 0px 0px;
  background: #6c757d;
  border-radius: 7px; }

.list-check > li {
  list-style: none;
  position: relative; }
.list-check > li::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #6c757d;
  position: absolute;
  top: 0px;
  left: 0;
  content: "\f00c";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  display: inline-block; }

.list-icon {
  list-style: none;
  padding: 0; }
  .list-icon li {
    position: relative;
    padding-left: 30px; }
  .list-icon .icon {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 13px; }

.card-product {
  margin-bottom: 1rem;
  /* btn-overlay-bottom */ }
  .card-product:after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden; }
  .card-product .img-wrap {
    border-radius: 0.2rem 0.2rem 0 0;
    overflow: hidden;
    position: relative;
    height: 220px;
    text-align: center; }
    .card-product .img-wrap img {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      display: inline-block;
      object-fit: cover; }
  .card-product .info-wrap {
    overflow: hidden;
    padding: 15px;
    border-top: 1px solid #eee; }
  .card-product .action-wrap {
    padding-top: 4px;
    margin-top: 4px; }
  .card-product .bottom-wrap {
    padding: 15px;
    border-top: 1px solid #eee; }
  .card-product .title {
    margin-top: 0; }
  .card-product .btn-overlay {
    transition: .5s;
    opacity: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.5); }
  .card-product:hover .btn-overlay {
    opacity: 1; }
  .card-product:hover {
    box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
    transition: .5s; }

.card-sm .img-wrap {
  height: 180px; }

.card-banner {
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-size: cover;
  border-radius: 0.25rem; }
  .card-banner .card-body {
    background-size: cover;
    position: relative;
    z-index: 10; }
  .card-banner .img-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    max-width: 100%; }
  .card-banner .overlay {
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10;
    padding: 1.25rem;
    color: #fff; }
  .card-banner .overlay.bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%; }
  .card-banner .overlay.top {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%; }
  .card-banner .overlay-cover {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%; }
  .card-banner .overlay.left {
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute; }
  .card-banner .text-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 7px 20px;
    padding-top: 30px;
    border-radius: 0 0 0.25rem 0.25rem;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    color: #fff; }

.banner-size-lg {
  height: 350px; }

.for_top_scroll {
  color: #ffffff;
  background: #2855AF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  right: 30px;
  bottom: 30px;
  text-align: center;
  display: table;
  z-index: 999;
  cursor: pointer;
  animation: bounce_up 2s ease-in-out infinite;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0; }
  .for_top_scroll i {
    display: table-cell;
    vertical-align: middle; }
  .for_top_scroll.active {
    visibility: visible;
    opacity: 1; }

.card .img-wrap {
  overflow: hidden; }

.iconbox img {
  margin-bottom: 15px; }
.iconbox p {
  margin-right: 5%;
  margin-left: 5%;
  margin-bottom: 0; }

/* ====================== block ==================== */
.box {
  border: 10px solid #452DF8;
  border-radius: 7px;
  padding: 30px;
  background: #fff;
  border-color: transparent;
  box-shadow: 10px 10px 40px rgba(40, 85, 175, 0.1);
  border-radius: 20px; }
  .box .success-content {
    transition: transform 0.3s, opacity 0.3s;
    transform: scale(0.1);
    visibility: hidden;
    opacity: 0;
    height: 1px;
    text-align: center; }
  .box.active .success-content {
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin: 50px 0; }
  .box.active > .form-group, .box.active > label, .box.active > p {
    display: none; }

.file-drag {
  display: block;
  margin-bottom: 20px;
  border: 3px dashed #ccc;
  text-align: center;
  padding: 20px;
  cursor: pointer; }

/* ====================== popup ==================== */
#popup_order .modal-dialog .modal-content {
  width: 90%;
  margin-left: 5%;
  background: transparent;
  border: none; }
  #popup_order .modal-dialog .modal-content .modal-body {
    background: #fff;
    box-shadow: 0px 4px 15px rgba(107, 179, 177, 0.3);
    border-radius: 20px;
    padding: 30px 90px;
    position: relative;
    z-index: 2; }
    #popup_order .modal-dialog .modal-content .modal-body .close {
      position: absolute;
      right: 15px;
      top: 15px;
      background: #452DF8;
      width: 22px;
      height: 22px;
      color: #fff;
      font-size: 20px;
      opacity: 1;
      border-radius: 11px;
      transition: all 0.5s;
      z-index: 2; }
    #popup_order .modal-dialog .modal-content .modal-body.success .close {
      background: #fff;
      color: #452DF8; }
    #popup_order .modal-dialog .modal-content .modal-body .close:hover {
      transform: rotate(90deg); }
    #popup_order .modal-dialog .modal-content .modal-body .modal-title {
      font-size: 28px;
      margin-bottom: 20px;
      font-weight: 600; }
    #popup_order .modal-dialog .modal-content .modal-body p, #popup_order .modal-dialog .modal-content .modal-body .popup_number {
      margin-bottom: 40px; }
    #popup_order .modal-dialog .modal-content .modal-body .success-content {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
      width: 100%;
      height: 100%;
      visibility: hidden;
      opacity: 0;
      transform: scale(0.1);
      transition: all 0.3s;
      background: #ffffff;
      /*url(../images/bg/popup-succes-bg.png) no-repeat center*/
      background-size: cover;
      border-radius: 11px;
      overflow: hidden; }
      #popup_order .modal-dialog .modal-content .modal-body .success-content > div {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        text-align: center; }
        #popup_order .modal-dialog .modal-content .modal-body .success-content > div h3 {
          color: #2834DF;
          font-size: 28px;
          line-height: 34px;
          margin-bottom: 30px;
          font-family: Montserrat;
          font-weight: 600; }
        #popup_order .modal-dialog .modal-content .modal-body .success-content > div p {
          color: #4F4F4F;
          font-size: 16px;
          line-height: 22px;
          margin-bottom: 0;
          font-family: Montserrat; }
        #popup_order .modal-dialog .modal-content .modal-body .success-content > div > span {
          position: relative;
          top: 50px;
          cursor: pointer; }
          #popup_order .modal-dialog .modal-content .modal-body .success-content > div > span img {
            transition: all 0.3s;
            width: 55px; }
          #popup_order .modal-dialog .modal-content .modal-body .success-content > div > span:hover > img {
            transform: rotate(180deg); }
    #popup_order .modal-dialog .modal-content .modal-body.success .success-content {
      visibility: visible;
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
#popup_order .modal-dialog .modal-content:before {
  content: "";
  width: calc(100% + 30px);
  height: calc(100% - 36px);
  background: #fff;
  box-shadow: 0px 4px 15px rgba(107, 179, 177, 0.3);
  border-radius: 20px;
  position: absolute;
  left: -15px;
  top: 18px; }

/* ====================== new steep form==================== */
.new_steep_form .content .img_animate {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .new_steep_form .content .img_animate img {
    position: absolute; }
    .new_steep_form .content .img_animate img.min {
      top: 0;
      right: 0; }
    .new_steep_form .content .img_animate img.max {
      left: -10%;
      bottom: -20%; }

.img-step-bot .bg-step {
  right: 0; }

.section-portfolio-fotomoto {
  overflow: hidden; }

.section-review-about {
  overflow: hidden; }

.mw1280 .slick-prev {
  left: 0; }

.mw1280 .slick-next {
  right: 0; }

h2, h3, h4, h5, h6, p {
  word-break: break-word; }

#popup_order .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 300px;
  margin: 0; }

.menu-category {
  margin: 0;
  padding: 0; }
  .menu-category li {
    position: relative;
    display: block;
    border-bottom: 1px solid #dee2e6; }
  .menu-category > li > a {
    display: block;
    padding: 10px 15px; }
  .menu-category .submenu {
    display: none;
    margin: 0;
    padding: 0;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    z-index: 20;
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
    background: #fff; }
    .menu-category .submenu li {
      list-style: none; }
    .menu-category .submenu li a {
      padding: 7px 15px;
      display: block; }
  .menu-category li:hover {
    background: #f8f8f8;
    transition: all 0.3s; }
  .menu-category li:hover .submenu {
    display: block;
    margin-left: 0px; }

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