/* ==========================================================================
   1. IMPORT GOOGLE FONTS
   ========================================================================== */
   @import url("https://fonts.googleapis.com/css?family=Montserrat:500,700|Open+Sans");

   /* ==========================================================================
      2. GENERAL
      ========================================================================== */
   body {
     font-family: 'Open Sans', sans-serif;
     color: #546E7A;
     font-size: 14px;
     font-weight: 400;
     background: #fff;
     overflow-x: hidden;
   }
   
   html {
     overflow-x: hidden;
   }
   
   p {
     font-size: 14px;
     color: #546E7A;
     line-height: 22px;
     font-family: 'Open Sans', sans-serif;
     margin-bottom: 0;
   }
   
   a:hover, a:focus {
     color: #F97794;
   }
   
   a {
     color: #F97794;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   h1, h2, h3, h4, h5 {
     font-family: 'Montserrat', sans-serif;
     font-size: 40px;
     font-weight: 700;
     color: #263238;
   }
   
   ul {
     margin: 0;
     padding: 0;
   }
   
   ul li {
     list-style: none;
   }
   
   a:hover,
   a:focus {
     text-decoration: none;
     outline: none;
   }
   
   a:not([href]):not([tabindex]) {
     color: #fff;
   }
   
   a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
     color: #fff;
   }
   
   .bg-transparent {
     background: transparent !important;
   }
   
   .bg-defult {
     background: #F97794 !important;
   }
   img{width: 100%; height: auto;}
   /* ==========================================================================
      2.1 Section Title
      ========================================================================== */
      header .container{max-width: 90%;}

   .section {
     padding: 80px 0;
   }
   
   .section-header {
     color: #fff;
     /* margin-bottom: 40px; */
     text-align: center;
     position: relative;
   }

   .section-header img{border-radius: 6px;}

   .section-header p{margin: 0 0 15px; }
   .section-header p strong{font-weight: bold;display: block;font-size: 18px;margin: 0 0 6px;color: #33a5b2;}
   
   .section-header .section-title {
     font-size: 36px;
     margin-bottom: 20px;
     text-transform: uppercase;
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     color: #263238;
     position: relative;
   }
   
   .section-header .section-title:before {
     content: '';
     position: absolute;
     bottom: -8px;
     width: 110px;
     height: 2px;
     background: #33a5b2;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     transition: 0.3s;
     margin: 0 auto;
     left: 0;
     right: 0;
   }
   
   .section-header span {
     font-size: 60px;
     color: rgba(0, 0, 0, 0.07);
     z-index: 2;
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
     text-transform: capitalize;
     position: absolute;
     top: 7px;
     left: 0;
     width: 100%;
   }
   
   /* ==========================================================================
      2.2 Buttons
      ========================================================================== */
   .btn {
     font-size: 14px;
     padding: 10px 30px;
     border-radius: 30px;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     display: inline-block;
   }
   
   .btn:focus,
   .btn:active {
     box-shadow: none;
     outline: none;
     color: #fff;
   }
   
   .btn-common {
     background-color: #263238;
     position: relative;
     z-index: 1;
     padding: 12px 32px;
     border-radius: 30px;
   }
   
   .btn-common:hover {
     color: #fff;
   }
   
   .btn-effect {
     overflow: hidden;
   }
   
   .btn-effect:after {
     content: '';
     position: absolute;
     width: 0;
     height: 100%;
     z-index: 1;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.1);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
   
   .btn-effect:hover:after {
     width: 100%;
   }
   
   .btn-border {
     border-style: solid;
     border-width: 2px;
     cursor: pointer;
     background-color: transparent;
     border-color: #fff;
     color: #fff;
   }
   
   .btn-border:hover {
     color: #ffffff;
     background-color: #F97794;
   }
   
   .btn-lg {
     padding: 14px 33px;
     text-transform: uppercase;
     font-size: 16px;
   }
   
   .btn-rm {
     padding: 7px 10px;
     text-transform: capitalize;
   }
   
   button:focus {
     outline: none !important;
   }
   
   .clear {
     clear: both;
   }
   
   
   /* ==========================================================================
      2.4  Pre Loader
      ========================================================================== */
   #loader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #3b4246;
     z-index: 9999999999;
   }
   
   .spinner {
     width: 40px;
     height: 40px;
     top: 45%;
     position: relative;
     margin: 0px auto;
   }
   
   .double-bounce1, .double-bounce2 {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: #0c1316;
     opacity: 0.6;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
     animation: sk-bounce 2.0s infinite ease-in-out;
   }
   
   .double-bounce2 {
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s;
   }
   
   @-webkit-keyframes sk-bounce {
     0%, 100% {
       -webkit-transform: scale(0);
     }
     50% {
       -webkit-transform: scale(1);
     }
   }
   
   @keyframes sk-bounce {
     0%, 100% {
       transform: scale(0);
       -webkit-transform: scale(0);
     }
     50% {
       transform: scale(1);
       -webkit-transform: scale(1);
     }
   }
   
   /* ========================================================================== 
     -2.5 Scroll To Up 
      ========================================================================== */
   .back-to-top {
     display: none;
     position: fixed;
     bottom: 18px;
     right: 15px;
     z-index: 999;
   }
   
   .back-to-top i {
     display: block;
     width: 36px;
     height: 36px;
     line-height: 36px;
     color: #fff;
     font-size: 14px;
     text-align: center;
     border-radius: 30px;
     background-color: #263238;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   .overlay-2 {
     background: rgba(0, 0, 0, 0.9) !important;
   }
   
   .overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: #303a3f;
     opacity: 0.5;
     filter: alpha(opacity=80);
   }
   
   /* ==========================================================================
      Navbar Style
      ========================================================================== */
   .bg-faded {
     background-color: #fff;
   }
   
   
   
   .logo-menu a {
     font-size: 20px;
     color: #fff;
   }
   
   
   
   .bg-white {
     background-color: #fff !important;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     z-index: 999;
     padding: 5px;
   }
   
   .bg-white .menu-button {
     top: 0;
   }
   
   .bg-white .menu-button:hover {
     cursor: pointer;
     color: #263238;
   }
   
   .bg-white .logo-menu a {
     color: #263238;
   }
   
   .bg-white .navbar-nav .nav-link {
     color: #263238 !important;
   }
   
   .bg-white .navbar-nav .nav-link:hover {
     color: #263238 !important;
   }
   
   .bg-white .navbar-nav .active {
     color: #263238 !important;
   }
   
   .close-button {
     cursor: pointer;
   }
   
   .navbar-expand-md .navbar-nav .nav-link {
     color: #fff;
     font-size: 14px;
     padding: 5px 0px;
     margin-left: 30px;
     position: relative;
   }
   
   .navbar-expand-md .navbar-nav .nav-link:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 2px;
     background: #263238;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     transition: 0.3s;
   }
   
   .navbar-expand-md .navbar-nav .active::before,
   .navbar-expand-md .navbar-nav .nav-link:hover::before {
     width: 50%;
   }
   .navbar-brand{font-size: 24px;color: #56a547 !important; font-weight: bold;}
   .navbar-brand span{    
    font-size: 11px;
    color: #717171;
    font-weight: normal;
    vertical-align: middle;
    margin: -15px 0 0 75px;
    display: block;}
    .navbar-brand span em{font-style: normal; color: #333;font-weight: 100;}
   /* .navbar-brand img {
     max-width:56px;
   } */
   
   .navbar-expand-md .navbar-nav .nav-link:focus,
   .navbar-expand-md .navbar-nav .nav-link:hover,
   .navbar-expand-md .navbar-nav .nav-link:hover:before {
     color: #263238;
   }
   
   .navbar-expand-md .navbar-nav .active > .nav-link,
   .navbar-expand-md .navbar-nav .nav-link.active,
   .navbar-expand-md .navbar-nav .nav-link.active:before,
   .navbar-expand-md .navbar-nav .nav-link.open,
   .navbar-expand-md .navbar-nav .open > .nav-link {
     color: #263238;
   }
   
   .navbar-expand-md .navbar-toggler {
     background: #263238;
     border-radius: 4px;
     margin: 5px;
     cursor: pointer;
     float: right;
   }
   
   .navbar-expand-md .navbar-toggler i {
     color: #fff !important;
   }
   
   .mainmenu-area .navbar-nav .nav-link {
     color: #263238 !important;
   }
   
   .collapse.show {
     background: #3e3a3a;
     margin-bottom: 10px;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     transition: 0.6s;
   }
   
   .menu-bg .collapse.show {
     background: #fff;
     margin-bottom: 10px;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     transition: 0.6s;
   }
   
   .navbar-expand-md .navbar-toggler:active {
     border: 1px solid #263238;
     color: #263238;
   }
   
   
   
   /* ==========================================================================
     About Section Style
      ========================================================================== */
      #index {
        background: #fff;
        position: relative;
        z-index: 2;
      }
      #index::before {
        position: absolute;left:0;top: 0;width: 100%; height: 100%;z-index: -1; content: ''; opacity: 0.03;
        background: url( ../img/bg3.png) no-repeat top right; 
      }
      #index .row, #perspective .row{align-items: center;}
   #about {
     position: relative;
     /* background: #dbe5e5; */
   z-index: 2;}
   /* #about::before {
    position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: -1; content: ''; opacity: 0.1;
    background: url( ../img/bg1.png) no-repeat top left; 
  }
  #about::after {
    position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: -1; content: ''; opacity: 0.1;
    background: url( ../img/bg2.png) no-repeat bottom right; 
  } */
   #about .row, #perspective .row, #valuesection .row{align-items: center;}
   #about .box-item {
     padding: 15px 0;
   }
   
   #about .box-item .icon {
     float: left;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   #about .box-item .icon i {
     color: #F97794;
     display: inline-block;
     font-size: 36px;
     margin-bottom: 20px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   #about .box-item .text {
     margin-left: 64px;
   }
   
   #about .box-item .text h4 {
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
   }
   
   #about .box-item .text p {
     font-size: 14px;
     line-height: 26px;
   }
   
   #about .show-box {
     margin: 30px 40px;
   }
   
   
   /* ==========================================================================
       call to action
      ========================================================================== */
   

      #perspective {
        position: relative;
        background: url(../img/CW-WA.png) no-repeat center center rgb(219 229 229 / 70%);
      z-index: 2;}
      #perspective::before {
       position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: -1; content: ''; opacity: 0.1;
       background: url( ../img/bg1.png) no-repeat top left; 
     }
     #perspective::after {
       position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: -1; content: ''; opacity: 0.1;
       background: url( ../img/bg2.png) no-repeat bottom right; 
     }

   
   .call-action {
     background: #f9f9f9;
   }
   
   .call-action .cta-trial h3 {
     font-size: 28px;
     font-weight: 500;
     margin-bottom: 28px;
     letter-spacing: 1px;
   }
   
   .call-action .cta-trial p {
     margin-bottom: 30px;
   }
   
   
   
   
   /* Services Item */
#services{
  position: relative; z-index: 2;}
  
  #services ul{text-align: left;padding: 0 10px 0 30px;}
  #services ul li{list-style-type: disc;font-size: 16px;color: #546E7A;}
  #services ul li p{
    font-size: 12px;
    line-height: 18px;
}

#services .col-lg-4{margin: 15px 0;}

   .item-boxes {
     padding: 30px;
     border-radius: 4px;
     border: 1px solid #eaeaea;
     margin: 15px 0;
     webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   .item-boxes .icon {
     margin-bottom: 10px;
   }

   .item-boxes .icon-block {
    width: 80px;
     height: 80px;
     
     display: inline-block;
     
     
     text-align: center;
     border-radius: 50%;
     
     
     
     
     
     
     
     
     
  padding: 15px 15px;margin: 0 0 20px;}
  .item-boxes .icon-block img{
    width: 100%;
  }
   
   .item-boxes .icon i {
     font-size: 30px;
     line-height: 60px;
     color: #F97794;
   }
   
   .item-boxes h4 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 15px;
   }
   
   .item-boxes p {
     margin: 0;
   }
   
   .item-boxes:hover {
     background: transparent;
     box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
   }
   
   .services-item {
     padding: 30px 15px;
     background: #fff;
     border-radius: 4px;
     text-align: center;
     margin:0;
     position: relative;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     height: 100%;
   }
   
   .services-item .icon {
     margin-bottom: 20px;
   }
   
   .services-item .icon i {
     width: 60px;
     height: 60px;
     background: #f9f9f9;
     display: inline-block;
     line-height: 60px;
     font-size: 24px;
     text-align: center;
     border-radius: 50%;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
   }
   
   .services-item .color-1 {
     background: #ed6969;
     color: #D82928 !important;
   }
   
   .services-item .color-2 {
     background: #21b7b0;
     color: #57D283 !important;
   }
   
   .services-item .color-3 {
     background: #4c4f54;
     color: #457BF4 !important;
   }
   
   .services-item .color-4 {
     background: #fb9238;
     color: #f1a90a !important;
   }
   
   .services-item .color-5 {
     background: #218eff;
     color: #7271FF !important;
   }
   
   .services-item .color-6 {
     background: #DEDEDE;
     color: #35393D !important;
   }
   
   .services-item .services-content {
     padding-left: 65px;
   }
   
   .services-item .services-content h3 {
     margin-bottom: 10px;
     font-size: 18px;
     font-weight: 500;
   }
   
   .services-item .services-content h3 a {
     color: #272727;
   }
   
   .services-item .services-content h3 a:hover {
     color: #F97794;
   }
   
   .services-item:hover {
     box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
   }
   
   .services-item:hover .icon i {
     background: transparent;
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
   }
   
   
   
   
   /* ==========================================================================
     Slider
      ========================================================================== */
   #carousel-area {
     overflow: hidden;
     background: #2c3e50;
     padding:72px 0 0;
   height: 100vh;}
   
   #carousel-area .carousel-item {
     background-size: 100%;
   }
   
   #carousel-area .carousel-item img{
    width: 100%; height:100vh; object-fit: cover;
  }

   #carousel-area .carousel-item .carousel-caption {
     top: 50%;
     right: 0;
     left: 0;
     text-shadow: none;
     padding-top: 0;
     padding-bottom: 0;
     text-align: left !important;
   transform: translateY(-50%);bottom: inherit;}
   
   #carousel-area .carousel-item .carousel-caption h3 {
     color: #fff;
     font-weight: 500;
     font-size: 26px;
     line-height: 38px;
   }
   
   .section-header h3{font-size: 30px; color: #33a5b2;}
   
   #carousel-area .carousel-item .carousel-caption h2 {
     font-size: 40px;
     font-weight: 700;
     color: #fff;
   line-height: 50px;}
   @media (min-width: 480px) and (max-width: 1024px) {
    #carousel-area .carousel-item .carousel-caption h2 {
      font-size: 36px;
      font-weight: 700;
      color: #fff;
    line-height: normal;}
  }
  
   #carousel-area .carousel-item .carousel-caption h4 {
     color: #ffffff;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 30px;
   }
   
   #carousel-area .carousel-control {
     display: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   #carousel-area:hover .carousel-control {
     display: block;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
   }
   
   #carousel-area .carousel-control-next, #carousel-area .carousel-control-prev {
     opacity: 1;
   }
   
   #carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i {
     width: 48px;
     line-height: 48px;
     height: 48px;
     color: #fff;
     font-size: 24px;
     display: inline-block;
     background: #263238;
     border-radius: 30px;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
   }
   
   #carousel-area .carousel-control-next i:hover, #carousel-area .carousel-control-prev i:hover {
     opacity: 0.9;
   }
   
   #carousel-area .carousel-indicators li:hover,
   #carousel-area .carousel-indicators li.active {
     opacity: 1;
   }
   
   #carousel-area .carousel-indicators {
     bottom: 35px;
   }
   
   #carousel-area .carousel-indicators li {
     width: 30px;
     height: 7px;
     border-radius: 4px;
   }
   
   #slider-area {
     margin-top: -1px;
   }
   
   #slider-area .btn {
     margin-right: 15px;
   }
   
   #slider-area .large_white {
     color: #fff;
   }
   
   #slider-area .about-info p {
     color: #333;
   }
   
   .contents p {
     font-size: 16px;
     font-weight: 400;
     line-height: 50px;
   }
   
   .contents .header-button .btn i {
     margin-left: 10px;
   }
   
   
   /* ==========================================================================
      Contact Us
     ========================================================================== */
   .form-control {
     width: 100%;
     margin-bottom: 20px;
     padding: 15px 30px;
     font-size: 14px;
     border-radius: 30px;
     border: 1px solid transparent;
     background: #f5f5f5;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
   }
   
   .form-control:focus {
     border: 1px solid #F97794;
     outline: none;
     box-shadow: none;
   }
   
   .btn.disabled, .btn:disabled {
     opacity: 1;
   }
   
   textarea {
     border-radius: 4px !important;
   }
   
   #contact {
    background: url( ../img/bg-map.png) no-repeat center left #fff;
     position: relative;
     overflow: hidden;
   }
   
   
   #contact .contact-block {
     overflow: hidden;
   }
   
   .text-danger {
     font-size: 14px;
     margin-top: 10px;
   }
   
   .list-unstyled li {
     color: #F97794;
   }
   
   
  .section-header h5{font-size: 20px;color: #33a5b2;}
ul.solution-block{padding: 0 60px 0 0;}
ul.solution-block li{ color: #000;text-align: center;direction: ltr;margin: 16px 0; }

.value-block{background: #45bbdf; text-align: left; padding: 20px 20px; min-height: 200px;border-radius: 14px;box-shadow: 0 2px 5px rgb(0 0 0 / 45%);}
.value-block h5{color: #fff;}
.value-block ul{margin: 0 0 0 20px;}
.value-block ul li{list-style-type: disc;color: #fff;text-align: left; padding: 5px 0;}

   /* ==========================================================================
      Footer Style
      ========================================================================== */
   .block-title {
     font-size: 14px;
     font-weight: 700;
     color: #263238;
     margin-bottom: 20px;
     text-transform: uppercase;
     position: relative;
   }
   
   footer .footer-Content {
     background-color: #f9f9f9;
     padding: 60px 0;
     color: #546E7A;
   }

   
   .footer-Content h3{    vertical-align: middle; margin: 0 0 5px; display: inline-block;}
    .footer-Content h3 em{font-style: normal; color: #333;font-weight: 100;}

   .footer-Content h3 span{font-size: 18px;margin: 5px 0 0 0px;display: none;vertical-align: middle;color: #56a547 !important;}
   .footer-Content h3 img{ max-width: 270px; }
   
   .textwidget {
     font-size: 14px;
     line-height: 24px;
     margin:-20px 0 0 66px;
   }
   
   .textwidget p {
     color: #546E7A;
     font-size: 11px;
   }
   
   footer .menu {
     padding-left: 0;
   }
   
   footer .menu li {
     padding: 3px 0;
   }
   
   footer .menu li a {
     color: #546E7A;
   }
   
   footer .menu li a:hover {
     color: #000;
   }
   
   .contact-footer {
     margin: 0;
     padding: 0;
     display: inline-block;
   }
   
   .contact-footer li {
     padding: 3px 0;
     margin-bottom: 0;
   }
   
   .contact-footer li strong {
     float: left;
   }
   
   .contact-footer li span {
     margin-left: 73px;
     display: block;
   }
   
   .contact-footer li span a {
     color: #546E7A;
   }
   
   .contact-footer li span a:hover {
     color: #000;
   }
   
   
   #whatwedo{background:#f9f9f9;}
   #whatwedo h6{font-size: 20px;margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-weight: 700;  color: #263238;}
   #whatwedo ul{text-align: left;margin: 0 0 20px 20px;}
   #whatwedo ul li{display: list-item;list-style-type: disc;color: #546E7A;font-size: 18px;line-height: 22px;}
   
#valuesection{display: block;position: relative;z-index: 2;}
#valuesection::before {
  position: absolute;left:0;top: 0;width: 100%; height: 100%;z-index: -1; content: ''; opacity: 0.05;
  background: url( ../img/bg4.jpg) no-repeat top right; background-size: cover;
}
/* #valuesection .container{width: 100%; max-width: 100%;} */
.middle-block{position: relative;padding: 20px 0 0;width: 800px;margin: 0 auto;}
.middle-block ul li{display: inline-block; width: 250px; color: #000;font-size: 16px;}
.middle-block ul li.item1{position: absolute; left: -9%; bottom: 90px;color: #2c80d0;text-align: right;}
.middle-block ul li.item2{position: absolute; left: -5%; bottom: 210px;color: #727272;text-align: right;}
.middle-block ul li.item3{position: absolute; left: 11%; top: 80px;color: #e5b03f;text-align: right;}
.middle-block ul li.item4{position: absolute; right: 11%; top: 80px;color: #2ba7b7;text-align: left;}
.middle-block ul li.item5{position: absolute; right: -5%; bottom: 210px;color: #ffb74c;/* text-align: right; */}
.middle-block ul li.item6{position: absolute; right: -9%; bottom: 88px;color: #3dd36a;text-align: left;}
.img-block{display: block; margin: 0 auto; padding: 0;}
.middle-block span{display: block; margin: 50px auto 0; width: 70%;}
.middle-block span::after{display: table; margin: 50px auto 0; content: ''; width: 100%;}
.text1{direction: ltr;}


.page-section{margin: 0 auto 50px;
  width: 70%;}
.timeline{position:relative}.timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.timeline:not(.timeline--horizontal):before{background-color:#ddd;bottom:0;content:'';left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:1}.timeline__wrap{overflow:hidden;position:relative;z-index:2}.timeline__item{font-size:16px;font-size:1rem;padding:0 2.5rem 0 0;position:relative;width:50%;z-index:2}.timeline__item:after{background-color:#fff;border: 4px solid #0e1c34;border-radius:50%;content:'';height:14px;position:absolute;right: -7px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:14px;z-index:1;}.timeline__item.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0}.timeline__item.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.timeline__item--left{left:0}.timeline__item--right{left:50%;padding:0 0 0 2.5rem}.timeline__item--right:after{left: -7px;}.timeline__item--right .timeline__content:before{border-bottom:10px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:10px solid transparent;left:-12px}.timeline__item--right .timeline__content:after{border-bottom:9px solid transparent;border-right:11px solid #fff;border-left:none;border-top:9px solid transparent;left:-10px}.timeline__content{text-align: left; background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#333;display:block;padding:1.25rem;position:relative}.timeline__content:after,.timeline__content:before{content:'';height:0;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:0}.timeline__content:before{border-bottom:10px solid transparent;border-left:12px solid #ccc;border-top:10px solid transparent;right:-12px;z-index:1}.timeline__content:after{border-bottom:9px solid transparent;border-left:11px solid #fff;border-top:9px solid transparent;right:-10px;z-index:2}.timeline__content h2{font-size: 0;font-weight:700;margin:0 0 .625rem;border-bottom: 4px solid #6eecdb;width: 50px;}.timeline__content p{font-size: 14px;margin-bottom:0px;}.timeline--horizontal{font-size:0;padding:0 3.125rem;overflow:hidden;white-space:nowrap}.timeline--horizontal .timeline-divider{background-color:#ddd;display:block;height:4px;left:40px;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:40px;z-index:1}.timeline--horizontal .timeline__items{-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;will-change:transform}.timeline--horizontal .timeline__item{display:inline-block;left:0;padding:0 0 2.5rem;position:relative;-webkit-transition:none;-o-transition:none;transition:none;vertical-align:top;white-space:normal}.timeline--horizontal .timeline__item:after{left:50%;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:100%}.timeline--horizontal .timeline__item .timeline__item__inner{display:table;height:100%;width:100%}.timeline--horizontal .timeline__item .timeline__content__wrap{display:table-cell;margin:0;padding:0;vertical-align:bottom}.timeline--horizontal .timeline__item .timeline__content:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #ccc;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}.timeline--horizontal .timeline__item .timeline__content:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}.timeline--horizontal .timeline__item:nth-child(even){padding:2.5rem 0 0}.timeline--horizontal .timeline__item:nth-child(even):after{top:0}.timeline--horizontal .timeline__item:nth-child(even) .timeline__content__wrap{vertical-align:top}.timeline--horizontal .timeline__item:nth-child(even) .timeline__content:before{border-bottom:12px solid #ccc;border-left:12px solid transparent;border-right:12px solid transparent;border-top:none;bottom:100%;top:auto}.timeline--horizontal .timeline__item:nth-child(even) .timeline__content:after{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-top:none;bottom:100%;top:auto}.timeline-nav-button{background-color: #0e1c34;border:2px solid #ddd;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:block;height:40px;outline:0;position:absolute;text-indent:-9999px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:40px;z-index:10;}.timeline-nav-button:disabled{opacity:.5;pointer-events:none}.timeline-nav-button:before{background-position:center center;background-repeat:no-repeat;content:'';display:block;height:14px;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;width:8px}.timeline-nav-button--prev{left:0}.timeline-nav-button--prev:before{background-image:url(../images/arrow-left.svg)}.timeline-nav-button--next{right:0}.timeline-nav-button--next:before{background-image:url(../images/arrow-right.svg)}.timeline--mobile{padding:0}.timeline--mobile:before{left:10px!important;margin:0!important}.timeline--mobile .timeline__item{left:0;padding-left:40px;padding-right:0;width:100%}.timeline--mobile .timeline__item:after{left:5px;margin:0}.timeline--mobile .timeline__item .timeline__content:before{left:-12px;border-bottom:12px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:12px solid transparent}.timeline--mobile .timeline__item .timeline__content:after{left:-10px;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:none;border-top:10px solid transparent}@-webkit-keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}@keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}@-webkit-keyframes liftUp{0%{top:0}100%{top:-15px}}@keyframes liftUp{0%{top:0}100%{top:-15px}}
.page-404{text-align:center;padding:30px 0;}.page-404 h2{font-size:80px; color:#000;margin:0;}.page-404 p{font-size:20px; color:#000;}