/*
 Theme Name: Prologue
 Theme URI: https://themeforest.net/user/themewar/portfolio
 Author: themewar
 Author URI: 
 Description: Prologue - Creative Multipurpose Responsive HTML5 Template
 Version: 1.0
 License:
 License URI:
*/

/*==================================
    [Table of contents]
===================================
    1. Topbars
    2. Headers
    3. Popup Search
    4. Sliders.ab_content
    5. About Section 
    6. Feature Section 
    7. Client Section 
    8. Info Section 
    9. Info 2 Section 
    10. Project Section 
    11. Testimonial Section
    12. Insight Section 
    13. Footer 01 Section 
    14. About Section 02
    15. Info Section 03
    16. Skill Section
    17. Project 02 Section
    18. Pricing Section
    19. Video Section
    20. Team Section
    21. Info 04 Section
    22. Video Action Section
    23. Testimonial 02 Section
    24. Subscribe Section
    25. Feature 03 Section
    26. About 03 Section
    27. Service Section
    28. Funfact
    29. Blog Page
    30. Blog Single Page
    31. Shop Page
    32. Shop Details Page
    33. Contact Page
    34. Service Details Page
    35. Folio List Page
    36. Folio Details Page
    37. Site Preloader
*/

/*------------------------------------------------------
/ 1. Topbars
/------------------------------------------------------*/
body {
    background-color: #22213b;
  }
  .topbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    border-bottom: 1px solid #e4e4e4;
  }
  .tb_infos {
    display: flex;
    justify-content: flex-start;
    padding: 7px 0 8px;
  }
  .tb_infos p {
    font-size: 14px;
    line-height: 34px;
    font-weight: 500;
    color: #7e7e7e;
    margin: 0 79px 0 0;
  }
  .tb_infos p:last-of-type,
  .tb_infos p:last-child {
    margin-right: 0;
  }
  .tb_infos p i {
    font-size: 16px;
    color: #9fcefd;
    position: relative;
    top: 1px;
    margin-right: 15px;
  }
  .tb_social {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 14px 0 9px;
  }
  .tb_social a {
    font-size: 18px;
    line-height: 28px;
    color: #959593;
    margin-left: 24px;
  }
  .tb_social a:first-child {
    margin-left: 0;
  }
  .tb_social a:hover {
    color: #9fcefd;
  }
  
  /*------------------------------------------------------
  / 2. Headers
  /------------------------------------------------------*/
  .header_01 {
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%;
    z-index: 3;
  }
  .header_01.fixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #f7f4fb;
    box-shadow: 0 17px 30px 2px rgba(30, 30, 30, 0.1);
    z-index: 999;
  }
  .logo {
    position: relative;
    padding: 29px 0;
  }
  .logo img {
    height: 50px;
    width: auto;
    max-width: 100%;
  }
  .mainMenu {
    position: relative;
  }
  .mainMenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
  }
  .mainMenu ul li {
    list-style: none;
    padding: 36px 17px 38px;
    margin: 0 6px 0 0;
    position: relative;
  }
  .mainMenu ul li:last-child {
    margin-right: 0;
  }
  .mainMenu > ul > li:before {
    content: "";
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 2px;
    background: #9fcefd;
  
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  }
  .mainMenu > ul > li:hover:before,
  .mainMenu > ul > li.active:before {
    width: 100%;
    left: 0;
    right: auto;
  }
  .mainMenu ul li a {
    display: block;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
  }
  .mainMenu ul li:hover > a,
  .mainMenu ul li.active > a {
    color: #9fcefd;
  }
  .mainMenu > ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    background: #f7f4fb;
    box-shadow: -32px 21px 68.6px 1.4px rgba(0, 0, 0, 0.5);
    width: 260px;
    display: block;
    border-radius: 0 0 5px 5px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
  
    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
  }
  .mainMenu > ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .mainMenu > ul ul ul {
    left: 100%;
    top: 0;
  }
  .mainMenu > ul ul li {
    padding: 0;
    border-bottom: 1px solid rgba(228, 228, 288, 0.5);
    display: block;
    width: 100%;
  }
  .mainMenu > ul ul li:last-child {
    border-bottom: none;
  }
  .mainMenu > ul ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #959595;
    padding: 7px 15px 7px 39px;
  }
  .mainMenu > ul ul li a:before {
    content: "\ea65";
    font-family: "IcoFont";
    font-size: 18px;
    color: inherit;
    line-height: 0.8;
    position: absolute;
    left: 15px;
    top: 18px;
  }
  .header_access_btns {
    position: relative;
    display: flex;
    justify-content: flex-end;
  }
  .header_access_btns .shoping_cart {
    margin-top: 45px;
    margin-right: 26px;
  }
  .header_access_btns .shoping_cart .cart_btn {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #5d5d5d;
    position: relative;
  }
  .header_access_btns .shoping_cart .cart_btn:hover {
    color: #9fcefd;
  }
  .header_access_btns .shoping_cart .cart_btn span {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    right: -4px;
    top: -3px;
    background: #9fcefd;
    color: #fff;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .header_access_btns .shoping_cart .cart_btn:hover span {
    background: #9fcefd;
  }
  .header_access_btns a.search_btn {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #5d5d5d;
    position: relative;
    margin-top: 45px;
  }
  .header_access_btns .search_btn:hover {
    color: #9fcefd;
  }
  .header_access_btns .pro_btn {
    margin-left: 46px;
    margin-top: 28px;
  }
  .header_access_btns .menu_btn {
    height: 55px;
    width: 55px;
    background: #9fcefd;
    color: #fff;
    line-height: 55px;
    font-size: 17px;
    text-align: center;
    margin-top: 28px;
    margin-left: 15px;
  }
  .header_access_btns .menu_btn:hover,
  .header_access_btns .menu_btn.active {
    background: #9fcefd;
  }
  
  .header_01 .col-lg-3.smaller_width {
  }
  .header_01 .col-lg-6 {
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
  }
  .header_01 .col-lg-3.extra_width {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
  }
  
  /* Light Mode Modification */
  .header_01.light_mode {
    top: 33px;
  }
  .light_mode .mainMenu ul li a,
  .light_mode .header_access_btns .shoping_cart .cart_btn,
  .light_mode .header_access_btns a.search_btn {
    color: #ffffff;
  }
  .light_mode .mainMenu ul li:hover > a,
  .light_mode .mainMenu ul li.active > a,
  .light_mode .header_access_btns .shoping_cart .cart_btn:hover,
  .light_mode .header_access_btns a.search_btn:hover {
    color: #9fcefd;
  }
  .light_mode .mainMenu > ul > li:before {
    display: none;
  }
  .light_mode .mainMenu > ul ul {
    background: #1e1e1e;
    box-shadow: -32px 21px 68.6px 1.4px rgba(30, 30, 30, 0.5);
  }
  .light_mode .mainMenu > ul ul li {
    border-bottom: 1px solid rgba(228, 228, 288, 0.05);
  }
  .light_mode .mainMenu > ul ul li a {
    color: #959595;
  }
  
  /* Light Mode 2 Modification */
  .header_01.light_mode_02 {
    top: 33px;
  }
  .light_mode_02 .mainMenu ul li a,
  .light_mode_02 .header_access_btns .shoping_cart .cart_btn,
  .light_mode_02 .header_access_btns a.search_btn {
    color: #ffffff;
  }
  .light_mode_02 .header_access_btns .shoping_cart .cart_btn span {
    background: #1e1e1e;
  }
  .light_mode_02 .mainMenu ul li:hover > a,
  .light_mode_02 .mainMenu ul li.active > a,
  .light_mode_02 .header_access_btns .shoping_cart .cart_btn:hover,
  .light_mode_02 .header_access_btns a.search_btn:hover {
    color: #9fcefd;
  }
  .light_mode_02 .mainMenu > ul > li:before {
    display: none;
  }
  .light_mode_02 .mainMenu > ul ul {
    background: #1e1e1e;
    box-shadow: -32px 21px 68.6px 1.4px rgba(30, 30, 30, 0.5);
  }
  .light_mode_02 .mainMenu > ul ul li {
    border-bottom: 1px solid rgba(228, 228, 288, 0.05);
  }
  .light_mode_02 .mainMenu > ul ul li a {
    color: #959595;
  }
  
  /* Light Mode 3 Modification */
  .header_01.light_mode_03 {
    top: 0;
    border-bottom: 1px solid #848484;
  }
  .header_01.light_mode_03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 1px;
    background: #757575;
    width: 100%;
  }
  .light_mode_03.no_border {
    border: none;
  }
  .light_mode_03.no_border:after {
    display: none;
  }
  .light_mode_03 .logo {
    padding: 20px 0 21px;
  }
  .light_mode_03 .mainMenu li {
    padding: 28px 17px 29px;
  }
  .light_mode_03 .mainMenu ul li a,
  .light_mode_03 .header_access_btns .shoping_cart .cart_btn,
  .light_mode_03 .header_access_btns a.search_btn {
    color: #ffffff;
  }
  .light_mode_03 .header_access_btns .pro_btn {
    margin-top: 18px;
  }
  .light_mode_03 .header_access_btns .shoping_cart,
  .light_mode_03 .header_access_btns a.search_btn {
    margin-top: 36px;
  }
  .light_mode_03 .header_access_btns .shoping_cart .cart_btn span {
    background: #1e1e1e;
  }
  .light_mode_03 .mainMenu ul li:hover > a,
  .light_mode_03 .mainMenu ul li.active > a,
  .light_mode_03 .header_access_btns .shoping_cart .cart_btn:hover,
  .light_mode_03 .header_access_btns a.search_btn:hover {
    color: #9fcefd;
  }
  .light_mode_03 .mainMenu > ul > li:before {
    display: none;
  }
  .light_mode_03 .mainMenu > ul ul {
    background: #1e1e1e;
    box-shadow: -32px 21px 68.6px 1.4px rgba(30, 30, 30, 0.5);
  }
  .light_mode_03 .mainMenu > ul ul li {
    border-bottom: 1px solid rgba(228, 228, 288, 0.05);
    padding: 0;
  }
  .light_mode_03 .mainMenu > ul ul li a {
    color: #959595;
  }
  
  /* Dark Mode 1 Modification */
  .header_01.dark_mode_01 {
    top: 0;
    border-bottom: 1px solid rgba(206, 206, 206, 0.2);
  }
  .header_01.dark_mode_01 .logo {
    padding: 20px 0 21px;
  }
  .dark_mode_01 .header_access_btns .pro_btn {
    margin-top: 18px;
  }
  .dark_mode_01 .header_access_btns .shoping_cart,
  .dark_mode_01 .header_access_btns a.search_btn {
    margin-top: 36px;
  }
  .dark_mode_01 .header_access_btns .shoping_cart .cart_btn,
  .dark_mode_01 .header_access_btns a.search_btn {
    color: #c8c8c8;
  }
  .dark_mode_01 .header_access_btns .shoping_cart .cart_btn:hover,
  .dark_mode_01 .header_access_btns a.search_btn:hover {
    color: #9fcefd;
  }
  .dark_mode_01 .header_access_btns .shoping_cart .cart_btn span {
    background: #1e1e1e;
  }
  .dark_mode_01 .header_access_btns .shoping_cart .cart_btn:hover span {
    background: #9fcefd;
  }
  .dark_mode_01 .mainMenu ul li {
    padding: 27px 17px 30px;
  }
  .dark_mode_01 .mainMenu ul li a {
    color: #1e1e1e;
  }
  .dark_mode_01 .mainMenu ul li:hover > a,
  .dark_mode_01 .mainMenu ul li.active > a {
    color: #9fcefd;
  }
  .dark_mode_01 .mainMenu > ul > li:before {
    display: none;
  }
  .dark_mode_01 .mainMenu > ul ul li {
    padding: 0;
  }
  
  /*------------------------------------------------------
  / 3. Popup Search
  /------------------------------------------------------*/
  .popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  }
  .popup_search_overlay {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, 0.6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
  }
  .popup_search_sec.active .popup_search_overlay {
    visibility: visible;
    -webkit-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    top: 0;
    opacity: 1;
  }
  .pop_search_background {
    background: #1e1e1e;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 99;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    -o-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
  }
  .popup_search_sec.active .pop_search_background {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
  }
  .middle_search {
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2;
  }
  .popup_search_form {
    position: relative;
  }
  .popup_search_form:after {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
    position: absolute;
    content: "";
    height: 1px;
    background: rgba(233, 236, 239, 0.1);
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .popup_search_sec.active .popup_search_form:after {
    -webkit-animation-name: fadeInGo;
    animation-name: fadeInGo;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%;
  }
  .popup_search_form:before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #9fcefd;
  }
  .popup_search_form.focused:before {
    width: 100%;
    left: 0;
    right: auto;
  }
  .popup_search_form input[type="search"] {
    width: 100%;
    height: 64px;
    border: none;
    background: transparent;
    outline: none;
    font-size: 20px;
    line-height: 64px;
    color: #ffffff;
    font-weight: 300;
  }
  .popup_search_form input[type="search"]::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
  }
  .popup_search_form input[type="search"]::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
  }
  .popup_search_form input[type="search"]::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  @-webkit-keyframes fadeInGo {
    0% {
      opacity: 0.1;
      width: 0;
    }
    100% {
      opacity: 1;
      width: 100%;
    }
  }
  @keyframes fadeInGo {
    0% {
      opacity: 0.1;
      width: 0;
    }
    100% {
      opacity: 1;
      width: 100%;
    }
  }
  
  @-webkit-keyframes fadeOutGo {
    0% {
      opacity: 1;
      width: 100%;
    }
    100% {
      opacity: 0;
      width: 0;
    }
  }
  @keyframes fadeOutGo {
    0% {
      opacity: 1;
      width: 100%;
    }
    100% {
      opacity: 0;
      width: 0;
    }
  }
  
  @-webkit-keyframes fadeOutGo2 {
    0% {
      opacity: 0.8;
      width: 100%;
    }
    100% {
      opacity: 0.14;
      width: 0;
    }
  }
  @keyframes fadeOutGo2 {
    0% {
      opacity: 0.8;
      width: 100%;
    }
    100% {
      opacity: 0.14;
      width: 0;
    }
  }
  .popup_search_form button[type="submit"] {
    position: absolute;
    right: 0;
    bottom: 14px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #ffffff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
  }
  .popup_search_form button[type="submit"]:hover {
    color: #9fcefd;
  }
  
  /*------------------------------------------------------
  / 4. Sliders
  /------------------------------------------------------*/
  .slider_01 {
   background: rgb(34, 33, 59);
    width: 100%;
    float: left;
    height: 510px;
  }
  .slider_01 svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 112px;
    z-index: 2;
  }
  .slider_01 svg polygon {
    fill: #ffffff;
  }
  .sl1_subtitle {
    letter-spacing: 1.5px;
    font-family: "Jost", sans-serif;
  }
  .ws_nowrap {
    white-space: normal !important;
    font-family: sans-serif;
  }
  .tparrows.custom {
    width: 60px;
    height: 60px;
    background: #9fcefd;
    color: #1e1e1e;
    border-radius: 50%;
    box-shadow: -32px 21px 68.6px 1.4px rgba(0, 0, 0, 0.45);
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .tparrows.custom.darks {
    box-shadow: none;
    background: rgba(30, 30, 30, 0.3);
    color: #fff;
  }
  .tparrows.custom:before {
    color: inherit;
    line-height: 60px;
  }
  .tparrows.custom:hover {
    box-shadow: none;
    background: #fff;
    color: black;
  }
  .tparrows.custom.darks:hover {
    background: #9fcefd;
    color: #fff;
  }
  .tp-bannertimer {
    display: none !important;
  }
  
  .slider_02 {
    position: relative;
    height: 920px;
    background: #f2f3fb;
    border-bottom: 20px solid #f2f3fb;
    border-radius: 0 0 290px 290px;
    overflow: hidden;
  }
  .sl1_subtitle_2 {
    letter-spacing: 1.8px !important;
  }
  .slider_btn {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.2);
    height: 56px;
    min-width: 170px;
    line-height: 54px !important;
    color: #fff;
    font-size: 16px;
    font-weight: 500 !important;
    display: inline-block;
    text-align: center !important;
  
    transition: all ease 300ms !important;
    -moz-transition: all ease 300ms !important;
    -webkit-transition: all ease 300ms !important;
    -o-transition: all ease 300ms !important;
    -ms-transition: all ease 300ms !important;
  }
  .slider_btn:hover {
    background: #9fcefd;
    border-color: #9fcefd;
    color: #fff;
  }
  .slider_btn.hover_secondary:hover {
    border-color: #9fcefd;
    background: #9fcefd;
  }
  
  .slider_03 {
    position: relative;
    overflow: hidden;
  }
  .tparrows.custom.darks_2 {
    box-shadow: none;
    background: rgba(30, 30, 30, 0.2);
    color: #fff;
  }
  .tparrows.custom.darks_2:hover {
    background: rgba(30, 30, 30, 0.8);
  }
  
  .slider_04 {
    position: relative;
    overflow: hidden;
  }
  .tparrows.custom.darks_secondary {
    box-shadow: none;
    background: rgba(30, 30, 30, 0.2);
    color: #fff;
  }
  .tparrows.custom.darks_secondary:hover {
    background: #9fcefd;
  }
  
  .slider_05 {
    position: relative;
    max-height: 800px;
    overflow: hidden;
  }
  
  .slider_06 {
    position: relative;
    max-height: 864px;
    overflow: hidden;
  }
  .watch_video_btn {
    min-height: 60px;
    padding: 0 0 0 79px;
    font-size: 16px;
    color: #959595;
    line-height: 60px;
    position: relative;
    display: inline-block;
  
    transition: all ease 300ms !important;
    -moz-transition: all ease 300ms !important;
    -webkit-transition: all ease 300ms !important;
    -o-transition: all ease 300ms !important;
    -ms-transition: all ease 300ms !important;
  }
  .watch_video_btn i {
    font-size: 60px;
    color: #d8dae4;
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease 300ms !important;
    -moz-transition: all ease 300ms !important;
    -webkit-transition: all ease 300ms !important;
    -o-transition: all ease 300ms !important;
    -ms-transition: all ease 300ms !important;
  }
  .watch_video_btn:hover,
  .watch_video_btn:hover i {
    color: #9fcefd;
  }
  
  /*------------------------------------------------------
  / 5. About Section 
  /------------------------------------------------------*/
  .ab_img {
    position: relative;
    padding-bottom: 62px;
  }
  .ab_img:after {
    content: "";
    width: 209px;
    height: 209px;
    position: absolute;
    bottom: 0;
    left: -79px;
    background: url(../images/bg/2.html) no-repeat center center;
  }
  .ab_img img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    position: relative;
    z-index: 2;
  }
  .ab_content {
    position: relative;
  }
  .ab_content {
    margin-top: -3px;
    padding-top: 0px;
  }
  .ab_content p {
    padding-right: 15px;
    margin: 0 0 26px;
    font-size: 16px;
    text-align: justify;
  }
  .ab_content p:last-child,
  .ab_content p:last-of-type {
    margin-bottom: 0;
  }
  .ab_content_2 {
    position: relative;
    margin-top: -6px;
  }
  .ab_content_2 p {
    margin: 0;
  }
  .ab_content_2 img {
    margin: 39px 0 0;
    max-width: 100%;
    height: auto;
  }
  .abme_img {
    overflow: hidden;
    max-width: 100%;
    position: relative;
    z-index: 2;
  }
  .abme_img img {
    min-width: 100%;
    height: auto;
    border-radius: 10px 0 0 10px;
  }
  .abme_img_wrap {
    position: relative;
    padding-bottom: 62px;
  }
  .abme_img_wrap:after {
    content: "";
    position: absolute;
    left: -79px;
    bottom: 0;
    height: 209px;
    width: 209px;
    background: url(../images/bg/2.html) no-repeat center center;
  }
  
  /*------------------------------------------------------
  / 6. Feature Section 
  /------------------------------------------------------*/
  .icon_box_01 {
    position: relative;
    background: #fff;
    box-shadow: -3px 2px 21px 4px rgb(0, 0, 0);
    padding: 40px 40px 45px 40px;
    border-radius: 10px;
    border-bottom: 5px solid transparent;
  margin: 15px 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    height: 340px;
  }
  .icon_box_01:hover {
    border-bottom-color: #9fcefd;
  }
  .icon_box_01 .i_div {
    height: 60px;
    width: 60px;
    background: #eceef7;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    color: #9fcefd;
    margin: 0 0 28px;
    position: relative;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_01:hover .i_div {
    background: #9fcefd;
    color: #fff;
  }
  .icon_box_01 .i_div i {
    color: inherit;
  }
  .icon_box_01 .i_div svg {
    stroke: #9fcefd;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_01:hover .i_div svg {
    stroke: #fff;
  }
  .icon_box_01 h3 {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 1px 5px;
  }
  .icon_box_01 h3 a {
    color: inherit;
  }
  .icon_box_01 h3 a:hover {
    color: #9fcefd;
  }
  .icon_box_01 h5 {
    font-size: 12px;
    line-height: 26px;
    color: #74B9FF;
    font-weight: 400;
    letter-spacing: 3.6px;
    margin: 0 0 5px 5px;
  }
  .icon_box_01 p {
    margin: 0 0 0 5px;
    padding-right: 8px;
    word-break: break-all;
  }
  
  /*------------------------------------------------------
  / 7. Client Section 
  /------------------------------------------------------*/
  .client_row {
    background: #f7f4fb;
    border-radius: 10px;
    padding: 66px 0 67px;
  }
  .client_row_left {
    padding-left: 65px;
  }
  .client_section_3 .client_row_left {
    padding-left: 80px;
  }
  .client_row_left .sub_title_2 {
    margin: 0 0 6px;
  }
  .client_row_left .sec_title {
    margin: 0;
  }
  .client_items {
    padding: 3px 79px 0 0;
    display: flex;
    justify-content: flex-end;
  }
  .client_section_3 .client_items {
    padding: 3px 80px 0 0;
  }
  .client {
    line-height: 93px;
    margin-right: 119px;
  }
  .client_items .client:last-of-type,
  .client_items .client:last-child {
    margin-right: 0;
  }
  
  /*------------------------------------------------------
  / 8. Info Section 
  /------------------------------------------------------*/
  .pro_tab {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #eef4f1;
  }
  .pro_tab li {
    list-style: none;
    float: left;
    margin-bottom: 15px;
    margin-right: 35px;
  }
  .pro_tab li:last-child {
    margin-right: 0;
  }
  .pro_tab li a {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 500;
    color: #1e1e1e;
    padding: 0 21px;
  }
  .pro_tab li a:after {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: -17px;
    height: 2px;
    width: 0;
    background: #9fcefd;
  
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  }
  .pro_tab li a.active,
  .pro_tab li a:hover {
    color: #9fcefd;
  }
  .pro_tab li a:hover:after,
  .pro_tab li a.active:after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .pro_tab_content .tab-pane {
    margin: 0;
    padding: 0;
  }
  .item_content {
    padding: 0px 0 0;
  }
  .pro_tab_content .tab-pane p {
    margin: 0 0 25px;
        text-align: justify;
  }
  .pro_tab_content .tab-pane .quote_p {
    font-size: 16px;
    line-height: 26px;
    font-style: italic;
  }
  .circle_progress_container {
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding-top: 11px;
  }
  .circle_progress {
    position: relative;
    margin-right: 60px;
  }
  .circle_progress_container .circle_progress:last-of-type,
  .circle_progress_container .circle_progress:last-child {
    margin-right: 0;
  }
  .circle_progress canvas {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    position: relative;
  }
  .circle_progress:after {
    width: 84px;
    height: 84px;
    content: "";
    position: absolute;
    left: 13px;
    top: 13px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    background: transparent;
  }
  .circle_progress strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 0.8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: auto 0;
    width: 100%;
    color: #1e1e1e;
    text-align: center;
  }
  .circle_progress strong span {
    color: #9fcefd;
  }
  .funfact_01 {
    position: relative;
    margin-bottom: 6px;
  }
  .funfact_01 i {
    float: left;
    font-size: 39px;
    color: #9fcefd;
    line-height: 1;
    margin-left: -1px;
    margin-right: 22px;
  }
  .funfact_01 svg {
    float: left;
    stroke: #9fcefd;
    line-height: 1;
    margin-top: -2px;
    position: relative;
    margin-left: -4px;
    margin-right: 23px;
  }
  .funfact_01 h2 {
    font-size: 38px;
    line-height: 0.8;
    color: #1e1e1e;
    font-weight: 700;
    margin: 0;
  }
  .funfact_01 h2 sup {
    line-height: 0.8;
    color: #9fcefd;
    font-size: 24px;
    font-weight: 300;
    display: inline-block;
    top: -13px;
    margin-left: 7px;
  }
  .text_box h3 {
    font-size: 18px;
    line-height: 26px;
    color: #1e1e1e;
    margin: 0 0 12px;
  }
  .text_box p {
    margin: 0;
  }
  .bar_01 {
    position: relative;
    margin: 23px 0 27px;
    height: 1px;
    background: #d2e2dd;
  }
  .imgDiv_01 {
    overflow: hidden;
    box-shadow: -27px 17px 65.1px 4.9px rgba(0, 0, 0, 0.39);
    position: relative;
    z-index: 2;
  }
  .imgDiv_01 img {
    width: auto;
    height: auto;
  }
  .has_after {
    position: relative;
    padding-bottom: 70px;
  }
  .has_after:after {
    content: "";
    position: absolute;
    width: 329px;
    height: 103px;
    background: url(../images/bg/5.html) no-repeat center center;
    left: -86px;
    bottom: 0;
  }
  
  /*------------------------------------------------------
  / 9. Info 2 Section 
  /------------------------------------------------------*/
  .video_img {
    position: relative;
    overflow: hidden;
  }
  .video_img img {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }
  .video_img a {
    height: 150px;
    width: 150px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 148px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }
  .video_img a:hover {
    color: #9fcefd;
    border-color: #9fcefd;
  }
  .text_box_2 {
    position: relative;
  }
  .text_box_2 h3 {
    font-size: 18px;
    line-height: 26px;
    color: #1e1e1e;
    margin: 0 0 27px;
  }
  .text_box_2 p {
    margin: 0 0 18px;
  }
  .pro_list {
    margin: 0 0 15px;
    padding: 0;
  }
  .pro_list li {
    list-style: none;
    font-weight: 600;
    margin: 0 0 9px;
    position: relative;
    padding-left: 29px;
  }
  .pro_list li:last-child {
    margin-bottom: 0;
  }
  .pro_list li:before {
    content: "\eed6";
    font-family: "IcoFont";
    font-size: 14px;
    color: #9fcefd;
    line-height: 0.8;
    position: absolute;
    left: -2px;
    top: 9px;
  }
  .text_box_2 .pro_list {
    margin: 0;
  }
  
  /*------------------------------------------------------
  / 10. Project Section 
  /------------------------------------------------------*/
  .project_slider_wrap {
    position: relative;
    padding-bottom: 60px;
  }
  .project_slider_wrap:after {
    content: "";
    width: 186px;
    height: 180px;
    background: url(../images/bg/7.html) no-repeat center center;
    position: absolute;
    left: -89px;
    bottom: 0;
  }
  .project_left {
    padding-right: 25px;
  }
  .project_left .sec_title {
    margin-bottom: 18px;
  }
  .project_left p {
    margin: 0 0 21px;
  }
  .filter_menu {
    margin: 0;
    padding: 0;
  }
  .filter_menu li {
    display: block;
    list-style: none;
    margin: 0 0 17px;
  }
  .filter_menu li:last-child {
    margin-bottom: 0;
  }
  .filter_menu li a {
    display: inline-block;
    font-weight: 500;
    color: #1e1e1e;
    font-size: 18px;
    line-height: 26px;
    position: relative;
  }
  .filter_menu li a:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 2px;
    background: #9fcefd;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  }
  .filter_menu li a:hover,
  .filter_menu li a.active {
    color: #9fcefd;
  }
  .filter_menu li a:hover:after,
  .filter_menu li a.active:after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .project_slider_wrap {
    position: relative;
  }
  .folio_item {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
  }
  .folio_popups {
    font-size: 36px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 0.8;
    margin: 0;
    position: absolute;
    right: 27px;
    top: 22px;
    z-index: 2;
  
    transform: scale(0.4);
    -moz-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    opacity: 0;
    visibility: hidden;
  
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
  }
  .folio_popups:hover {
    color: #9fcefd;
  }
  .folio_item:hover .folio_popups {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
  .folio_item img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .folio_content {
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 30px;
    z-index: 2;
    padding: 28px 30px 31px;
    min-width: 242px;
    overflow: hidden;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1)
      0.1s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
  }
  .folio_item:hover .folio_content {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  .folio_content p {
    margin: 0 0 4px;
    font-size: 12px;
    line-height: 1;
    color: #9fcefd;
    font-weight: 500;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .folio_item:hover .folio_content p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .folio_content p a {
    color: inherit;
  }
  .folio_content p a:hover {
    color: #1e1e1e;
  }
  .folio_content h5 {
    font-size: 14px;
    line-height: 26px;
    color: #1e1e1e;
    font-weight: 700;
    margin: 0;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .folio_item:hover .folio_content h5 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .folio_content h5 a {
    color: inherit;
  }
  .folio_content h5 a:hover {
    color: #9fcefd;
  }
  
  .filter_menu2 {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
  }
  .filter_menu2 li {
    margin: 0 45px 0 0;
    list-style: none;
  }
  .filter_menu2 li:last-child {
    margin: 0;
  }
  .filter_menu2 li a {
    font-size: 18px;
    color: #959595;
    line-height: 1;
    display: block;
    position: relative;
    padding-bottom: 1px;
  }
  .filter_menu2 li a:after {
    position: absolute;
    left: auto;
    right: 0;
    width: 0;
    bottom: 0;
    height: 1px;
    background: #646464;
    content: "";
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  }
  .filter_menu2 li a:hover:after,
  .filter_menu2 li a.active:after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .filter_menu2 li a.active,
  .filter_menu2 li a:hover {
    color: #1e1e1e;
  }
  .project_slider_wrap_2 {
    margin-left: -97px;
    padding-top: 62px;
    position: relative;
    padding-bottom: 90px;
  }
  .project_slider_wrap_2:before {
    content: "";
    width: 186px;
    height: 180px;
    position: absolute;
    left: -63px;
    bottom: 0;
    background: url(../images/bg/7.html) no-repeat center center;
  }
  .folio_item_2 {
    position: relative;
    overflow: hidden;
  }
  .folio_item_2 img {
    width: 100%;
    height: auto;
  }
  .fi2_content {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    right: auto;
    bottom: 30px;
    z-index: 2;
    padding: 21px 44px 29px;
    min-width: 296px;
    overflow: hidden;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1)
      0.1s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
  }
  .folio_item_2:hover .fi2_content {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  .fi2_content h3 {
    font-size: 18px;
    line-height: 26px;
    color: #323e37;
    margin: 0;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .folio_item_2:hover .fi2_content h3 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .fi2_content h3 a {
    color: inherit;
  }
  .fi2_content h3 a:hover {
    color: #9fcefd;
  }
  .fi2_content p {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1;
    color: #9fcefd;
    font-weight: 500;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .folio_item_2:hover .fi2_content p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .fi2_content p a {
    color: inherit;
  }
  .fi2_content p a:hover {
    color: #1e1e1e;
  }
  .folio_item_3 {
    position: relative;
    height: 500px;
    width: 100%;
    background: #74B9FF;
    border-radius: 10px;
    overflow: hidden;
    padding: 57px 150px 0 70px;
    margin: 0 0 30px;
  }
  .fi3_large {
    height: 400px;
    background: #6bdaed;
    border-radius: 10px;
    padding: 0;
  }
  .fi3_large:before {
    background: url(../images/bg/35.html) no-repeat left top;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
  }
  .fi3_large_content {
    width: 50%;
    padding: 107px 125px 0 86px;
    position: relative;
    z-index: 2;
  }
  .fi3_large_content h4 {
    font-size: 22px;
    color: #1e1e1e;
    line-height: 0.8;
    margin: 0 0 15px;
  }
  .fi3_large_content span {
    font-size: 12px;
    letter-spacing: 2.4px;
    color: #959595;
    line-height: 0.8;
    margin: 0;
    display: block;
  }
  .fi3_blue {
    background: #2a83ff;
  }
  .fi3_green {
    background: #00b7ad;
  }
  .fi3_blue2 {
    background: #6bdaed;
  }
  .folio_item_3 img {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .folio_item_3 h3 {
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 2;
  }
  .fi3_large_content h3 {
    margin: 0 0 22px;
  }
  .folio_item_3 h3 a {
    color: inherit;
  }
  .folio_item_3 h3 a:hover {
    color: #1e1e1e;
  }
  .fi3_large_content .chars {
    width: 115px;
    height: 114px;
    background: url(../images/bg/36.html) no-repeat center center;
    position: relative;
    left: -56px;
    bottom: 2px;
  }
  
  .folio_item_4 {
    position: relative;
    margin: 0 0 54px;
  }
  .fi4_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 0 27px;
  }
  .fi4_thumb img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .folio_item_4:hover .fi4_thumb img {
    transform: scale(1.08);
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
  }
  .fi4_details {
    position: relative;
  }
  .fi4_details h3 {
    font-size: 18px;
    line-height: 26px;
    color: #1e1e1e;
    font-weight: 700;
    margin: 0;
  }
  .fi4_details h3 a {
    color: inherit;
  }
  .fi4_details h3 a:hover {
    color: #9fcefd;
  }
  .fi4_details p {
    font-size: 12px;
    line-height: 1;
    color: #9fcefd;
    font-weight: 500;
    margin: 0 0 5px;
  }
  .fi4_details p a {
    color: inherit;
  }
  .fi4_details p a:hover {
    color: #1e1e1e;
  }
  
  /*------------------------------------------------------
  / 11. Testimonial Section
  /------------------------------------------------------*/
  .testimonial_slider {
    background: url(../images/bg/8.html) no-repeat 62px center;
  }
  .testimonial_item {
    position: relative;
    text-align: center;
    padding: 152px 0 116px;
  }
  .ti_thumb {
    height: 100px;
    width: 100px;
    border: 5px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: -23px 15px 68.6px 1.4px rgba(5, 5, 5, 0.9);
    margin: 0 auto 19px;
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -webkit-transform: translateX(15px);
  }
  .ti_thumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .ti_author {
    position: relative;
    padding: 0 0 13px;
    margin: 0 0 19px;
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -webkit-transform: translateX(15px);
  }
  .ti_author h5 {
    font-size: 18px;
    line-height: 26px;
    color: #1e1e1e;
    font-weight: 500;
    margin: 0;
    position: relative;
    z-index: 2;
  }
  .ti_author:after {
    content: "“";
    font-weight: 500;
    color: #dcdde8;
    font-size: 100px;
    line-height: 0.8;
    position: absolute;
    left: 0;
    top: 11px;
    width: 100%;
    text-align: center;
  }
  .ti_content {
    position: relative;
    z-index: 2;
    word-break: break-all;
    padding: 0 198px;
  }
  .ti_content p {
    margin: 0;
  }
  .testimonial_slider .carousel-indicators {
    display: inherit;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
    bottom: auto;
  }
  .testimonial_slider .carousel-indicators li {
    height: 100px;
    width: 100px;
    border: 5px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: -23px 15px 68.6px 1.4px rgba(5, 5, 5, 0.9);
    margin: 0;
    text-indent: 0;
    opacity: 0.69;
    position: absolute;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .testimonial_slider .carousel-indicators li:hover,
  .testimonial_slider .carousel-indicators li.active {
    opacity: 1;
  }
  .testimonial_slider .carousel-indicators li img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .testimonial_slider .carousel-indicators li:nth-child(1) {
    width: 66px;
    height: 66px;
    top: 79px;
    left: 92px;
  }
  .testimonial_slider .carousel-indicators li:nth-child(2) {
    width: 64px;
    height: 64px;
    left: auto;
    top: 104px;
    right: 16px;
  }
  .testimonial_slider .carousel-indicators li:nth-child(3) {
    width: 86px;
    height: 86px;
    top: auto;
    left: -9px;
    bottom: 46px;
  }
  .testimonial_slider .carousel-indicators li:nth-child(4) {
    width: 100px;
    height: 100px;
    left: auto;
    right: -27px;
    bottom: 156px;
  }
  .testimonial_item_03 {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 75px 45px 61px 60px;
    margin-top: 31px;
  }
  .testimonial_item_03:before {
    content: "";
    height: 61px;
    width: 61px;
    background-image: url(../images/bg/32.html);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #9fcefd;
    border-radius: 50%;
    position: absolute;
    left: 60px;
    top: -31px;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .testimonial_item_03:hover:before {
    background-color: #9fcefd;
  }
  .testimonial_item_03 > p {
    margin: 0 0 53px;
  }
  .ti3_author {
    position: relative;
    min-height: 69px;
    padding-left: 90px;
    padding-top: 18px;
  }
  .ti3_author img {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
  }
  .ti3_author h5 {
    font-weight: 500;
    font-size: 20px;
    color: #1e1e1e;
    line-height: 0.8;
    margin: 0 0 8px;
  }
  .ti3_author p {
    font-size: 14px;
    line-height: 0.8;
    color: #9fcefd;
    letter-spacing: 0;
    margin: 0;
  }
  
  /*------------------------------------------------------
  / 12. Insight Section 
  /------------------------------------------------------*/
  .single_insight {
    position: relative;
    background: #fff;
    border: 1px solid #fde3e3;
    border-radius: 10px;
    box-shadow: -33px 19px 68.6px 1.4px rgba(10, 10, 10, 0.5);
    padding: 38px 55px 63px 27px;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .single_insight:hover {
    box-shadow: none;
  }
  .si_author {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 0 25px;
  }
  .si_author img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }
  .si_meta {
    color: #959595;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 9px;
  }
  .si_meta a {
    color: inherit;
  }
  .si_meta a:hover {
    color: #9fcefd;
  }
  .single_insight h3 {
    font-size: 24px;
    line-height: 34px;
    color: #1e1e1e;
    font-weight: 600;
    margin: 0;
  }
  .single_insight h3 a {
    color: inherit;
  }
  .single_insight h3 a:hover {
    color: #9fcefd;
  }
  .si_arrow {
    font-size: 24px;
    line-height: 0.8;
    color: #959595;
    position: absolute;
    right: 27px;
    bottom: 33px;
  }
  .si_arrow:hover {
    color: #9fcefd;
  }
  
  .single_insight_2 {
    position: relative;
  }
  .si2_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #fde3e3;
    box-shadow: -32px 21px 68.6px 1.4px rgba(0, 0, 0, 0.5);
    margin: 0 0 40px;
  }
  .si2_thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
  .si2_author {
    position: relative;
    min-height: 56px;
    padding-left: 88px;
    padding-top: 13px;
    margin: 0 0 20px 8px;
  }
  .si2_author img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .si2_author span {
    font-size: 12px;
    line-height: 26px;
    color: #959595;
  }
  .si2_author a {
    color: inherit;
  }
  .si2_author a:hover {
    color: #9fcefd;
  }
  .single_insight_2 h3 {
    font-size: 24px;
    line-height: 34px;
    color: #1e1e1e;
    margin: 0 0 0 8px;
  }
  .single_insight_2 h3 a {
    color: inherit;
  }
  .single_insight_2 h3 a:hover {
    color: #9fcefd;
  }
  .single_insight_3 {
    position: relative;
    margin: 0 0 30px;
  }
  .si3_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
  }
  .si3_thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
  }
  .si3_details {
    position: relative;
    display: block;
    border: 1px solid #fde3e3;
    border-radius: 0 0 10px 10px;
    padding: 37px 30px 33px 33px;
  }
  .si3_list .si3_details {
    padding: 33px 70px 43px 67px;
  }
  .si3_author {
    position: relative;
    min-height: 70px;
    padding-left: 101px;
    padding-top: 20px;
    margin: 0 0 25px;
  }
  .si3_author img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .si3_author span {
    font-size: 12px;
    line-height: 26px;
    color: #959595;
  }
  .si3_author a {
    color: inherit;
  }
  .si3_author a:hover {
    color: #9fcefd;
  }
  .si3_details h3 {
    font-size: 24px;
    line-height: 34px;
    color: #1e1e1e;
    margin: 0 0 11px;
  }
  .si3_list .si3_details h3 {
    margin: 0 0 5px;
  }
  .si3_details h3 a {
    color: inherit;
  }
  .si3_details h3 a:hover {
    color: #9fcefd;
  }
  .si2_excerpt {
    margin: 0 0 15px;
  }
  .si3_list .si2_excerpt {
    margin: 0 0 19px;
  }
  .si3_details > a {
    color: #959595;
    display: inline-block;
    margin: 0;
  }
  .si3_details > a:hover {
    color: #9fcefd;
  }
  
  /*------------------------------------------------------
  / 13. Footer 01 Section 
  /------------------------------------------------------*/
  .footer_01 {
    position: relative;
    background: url(../images/bg/9.html) no-repeat left top #f2f3fb;
    padding: 0;
  }
  .foo_logo {
    position: relative;
    overflow: hidden;
    margin-top: 70px;
  }
  .foo_logo img {
    height: 50px;
    width: auto;
    max-width: 100%;
  }
  .footer_subscribe_form {
    position: relative;
    padding: 44px 70px 36px;
    background: url(../images/bg/10.html) no-repeat left top / cover;
    display: flex;
    justify-content: flex-start;
    margin-top: -21px;
    z-index: 1;
  }
  .fsf_left {
    position: relative;
    padding-right: 5px;
  }
  .fsf_left h2 {
    font-size: 30px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 14px;
  }
  .fsf_left p {
    line-height: 24px;
    color: #fff;
    margin: 0;
    word-break: break-all;
  }
  .fsf_right {
    position: relative;
    margin-left: 30px;
    padding-top: 18px;
  }
  .fsf_right form {
    position: relative;
    margin: 0;
    padding: 0;
  }
  .fsf_right input {
    width: 400px;
    height: 55px;
    padding: 0 30px 0 30px;
    color: #938eae;
    margin: 0;
    border: none;
    border-radius: 0;
  }
  .fsf_right input::-moz-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .fsf_right input::-ms-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .fsf_right input::-webkit-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .fsf_right button {
    position: absolute;
    right: 0;
    top: 0;
    height: 55px;
    background: #74B9FF;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 0;
    min-width: 131px;
    padding: 0 15px;
    text-align: center;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .fsf_right button:hover {
    background: #9fcefd;
  }
  
  .footer_01 .widget {
    margin: 0;
    padding: 0;
  }
  .footer_01 .widget_title {
    font-size: 18px;
    color: #1e1e1e;
    line-height: 0.8;
    position: relative;
    padding: 0 0 17px;
    margin: 0 0 32px;
  }
  .footer_01 .widget_title:after {
    width: 50px;
    height: 1px;
    background: #636E72;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
  }
  .footer_01 .about_widget .widget_title {
    margin-bottom: 21px;
  }
  .footer_01 .about_widget p {
    margin: 0 0 35px;
  }
  .footer_01 .about_widget iframe {
    width: 100%;
    height: 140px;
    border: none;
    display: block;
  }
  .footer_01 .widget ul {
    margin: 0;
    padding: 0;
  }
  .footer_01 .widget ul li {
    list-style: none;
    position: relative;
    margin: 0 0 12px;
  }
  .footer_01 .widget ul li:last-child {
    margin-bottom: 0;
  }
  .footer_01 .widget ul li a {
    font-size: 14px;
    line-height: 26px;
    color: #959595;
    position: relative;
    padding-left: 34px;
  }
  .footer_01 .widget ul li a:before {
    content: "\eed6";
    font-family: "IcoFont";
    font-size: 14px;
    color: inherit;
    line-height: 0.8;
    position: absolute;
    left: -2px;
    top: 5px;
  }
  .footer_01 .widget ul li a:hover {
    color: #9fcefd;
    padding-left: 29px;
  }
  .pdt77 {
    padding-top: 50px;
  }
  .pdt72 {
    padding-top: 72px;
  }
  .site_info {
    position: relative;
    font-size: 11px;
    color: #859095;
    padding: 23px 0;
  }
  .site_info a {
    font-weight: 600;
    color: #859095;
  }
  .site_info a:hover {
    color: #9fcefd;
  }
  .abw_logo {
    position: relative;
    margin: 0 0 24px;
  }
  .abw_logo img {
    height: 50px;
    width: auto;
  }
  .footer_02 .abw_logo {
    margin-bottom: 23px;
  }
  .footer_02.footer_01 .widget_title,
  .footer_03 .widget_title {
    margin-top: 21px;
  }
  .footer_02 .footer_subscribe_form {
    margin: -122px 48px 0;
  }
  .footer_02 {
    margin-top: 122px;
  }
  .footer_03 {
    padding-top: 72px;
    background: url(../images/bg/9.html) no-repeat left -44px #f2f3fb;
  }
  .footer_03 .about_widget p {
    font-size: 16px;
  }
  .footer_03 .site_info,
  .footer_02 .site_info {
    padding: 9px 0 42px;
  }
  
  .footer_04 {
    position: relative;
    background: #f2f3fb;
  }
  .footer_4_left_half {
    position: relative;
    margin: 116px 0 117px;
  }
  .about_widget_2 {
    position: relative;
  }
  .about_widget_2 .abw_logo {
    margin: 0 0 44px;
  }
  .about_widget_2 > p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 19px;
  }
  .icon_box_05 {
    position: relative;
    padding-left: 32px;
  }
  .about_widget_2 .icon_box_05 {
    margin: 0 0 9px;
  }
  .about_widget_2 .icon_box_05:last-of-type {
    margin: 0;
  }
  .icon_box_05 i {
    font-size: 16px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 4px;
    color: #9fcefd;
  }
  .icon_box_05 p {
    font-size: 14px;
    line-height: 26px;
    color: #7e7e7e;
    font-weight: 500;
    margin: 0 0 8px;
  }
  .icon_box_05 p:last-of-type {
    margin: 0;
  }
  .footer_04 .tw-stretch-element-inside-column {
    height: 100%;
  }
  .footer_4_right_half {
    background: #9fcefd;
    position: relative;
    height: 100%;
    padding: 97px 0 0 171px;
  }
  .footer_4_right_half:before {
    content: "";
    width: 136px;
    height: 140px;
    background: url(../images/bg/33.html) no-repeat right top;
    position: absolute;
    right: 0;
    top: 0;
  }
  .footer_4_right_half:after {
    content: "";
    width: 175px;
    height: 158px;
    background: url(../images/bg/34.html) no-repeat left top;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .subscribe_widget_content h3 {
    font-size: 30px;
    color: #fff;
    line-height: 0.8;
    margin: 0 0 14px;
  }
  .subscribe_widget_content p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 28px;
  }
  .subscribe_widget_content form {
    margin: 0;
    padding: 0;
    position: relative;
    max-width: 409px;
  }
  .subscribe_widget_content input {
    display: block;
    width: 100%;
    height: 55px;
    border: none;
    background: #fff;
    padding: 0 60px 0 29px;
    color: #938eae;
  }
  .subscribe_widget_content input::-moz-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_widget_content input::-ms-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_widget_content input::-webkit-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_widget_content form {
    position: relative;
    margin: 0;
    padding: 0;
  }
  .subscribe_widget_content button {
    position: absolute;
    right: 0;
    top: 0;
    width: 57px;
    height: 55px;
    background: #74B9FF;
    font-size: 30px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 0;
    color: #fff;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .subscribe_widget_content button:hover {
    background: #1e1e1e;
  }
  .footer_4_right_half .widget_title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 0.8;
    margin: 0 0 20px;
  }
  .footer_4_right_half .sw_sn_links {
    display: flex;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 0.85;
    margin: 0;
  }
  .footer_4_right_half .sw_sn_links a {
    color: #fff;
    margin: 0 18px 0 0;
  }
  .footer_4_right_half .sw_sn_links a:hover {
    color: #1e1e1e;
  }
  .footer_4_right_half .sw_sn_links a:last-child {
    margin-right: 0;
  }
  .footer_4_right_half .widget {
    margin-bottom: 50px;
  }
  .site_info_2 {
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    padding-top: 17px;
  }
  .site_info_2 a {
    font-weight: 500;
    color: #fff;
  }
  .site_info_2 a:hover {
    color: #1e1e1e;
  }
  
  /*------------------------------------------------------
  / 14. About Section 02
  /------------------------------------------------------*/
  .ab_content_3:after {
    content: "";
    width: 128px;
    height: 128px;
    position: absolute;
    left: -182px;
    bottom: -83px;
    background: url(../images/bg/12.html) no-repeat center center;
  }
  .icon_box_01.ib01_02 {
    padding-bottom: 72px;
    border-color: transparent;
  }
  .icon_box_01.ib01_02 p {
    padding-right: 0;
    word-break: normal;
  }
  .icon_box_01.ib01_02:hover {
    background: #9fcefd;
    box-shadow: none;
    border-color: transparent;
  }
  .icon_box_01.ib01_02:hover .i_div {
    background: #8b50ff;
  }
  .icon_box_01.ib01_02:hover h3 a,
  .icon_box_01.ib01_02:hover h5,
  .icon_box_01.ib01_02:hover p {
    color: #fff;
  }
  .has_after_02 {
    position: relative;
    padding-bottom: 59px;
  }
  .has_after_02:after {
    content: "";
    width: 178px;
    height: 173px;
    position: absolute;
    right: -71px;
    bottom: 0;
    background: url(../images/bg/11.html) no-repeat center center;
    z-index: -1;
  }
  .single_client {
    position: relative;
    text-align: center;
    line-height: 138px;
  }
  .single_client img {
    display: inline-block !important;
    max-width: 100%;
    width: auto !important;
    height: auto;
  }
  
  /*------------------------------------------------------
  / 15. Info Section 03
  /------------------------------------------------------*/
  .info_3_section {
    position: relative;
    background: url(../images/bg/13.html) no-repeat left bottom #f7f4fb;
  }
  .imgDiv_02 {
    position: relative;
    overflow: hidden;
    text-align: right;
  }
  .imgDiv_02 img {
    width: auto;
    height: auto;
  }
  .icon_box_02 {
    position: relative;
    margin: 0 0 30px;
  }
  .icon_box_02 i {
    color: #cbcbcb;
    font-size: 35px;
    line-height: 1;
    margin: 0 0 23px;
    display: block;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .icon_box_02:hover i {
    color: #9fcefd;
  }
  .icon_box_02 svg {
    margin: 0 0 17px -4px;
  }
  .icon_box_02 svg path {
    stroke: #cbcbcb;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .icon_box_02:hover svg path {
    stroke: #9fcefd;
  }
  .icon_box_02 svg circle {
    fill: #cbcbcb;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .icon_box_02:hover svg circle {
    fill: #9fcefd;
  }
  .icon_box_02 h3 {
    font-size: 18px;
    line-height: 26px;
    color: #1e1e1e;
    margin: 0 0 1px;
  }
  .icon_box_02 p {
    margin: 0;
  }
  
  /*------------------------------------------------------
  / 16. Skill Section
  /------------------------------------------------------*/
  .skill_content p {
    font-size: 16px;
    margin: 0 0 56px;
  }
  .single_skill {
    position: relative;
    background: #f7f4fb;
    height: 17px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 33px;
  }
  .ss_inner {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #b9b9b9;
    border-radius: 20px;
    text-align: right;
    line-height: 17px;
  }
  .ss_inner span {
    font-size: 10px;
    letter-spacing: 0;
    line-height: 17px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    position: relative;
    top: -1px;
    right: 14px;
  }
  .ss_primary {
    background: #9fcefd;
  }
  .ss_secondary {
    background: #9fcefd;
  }
  .ss_warning {
    background: #ff9933;
  }
  .ss_danger {
    background: #f32013;
  }
  
  /*------------------------------------------------------
  / 17. Project 02 Section
  /------------------------------------------------------*/
  .project_2_left p {
    margin: 0;
  }
  .project_tab {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
  }
  .project_tab li {
    margin: 0 50px 0 0;
    padding: 0;
  }
  .project_tab li:last-child {
    margin-right: 0;
  }
  .project_tab li a {
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #1e1e1e;
    display: block;
    position: relative;
    padding: 0 0 3px;
  }
  .project_tab li a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #9fcefd;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  }
  .project_tab li a.active:after,
  .project_tab li a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .project_tab li a.active,
  .project_tab li a:hover {
    color: #9fcefd;
  }
  .project_2_right {
    padding: 134px 0 0;
  }
  .project_tab_content .folio_item {
    margin: 0 0 30px;
  }
  .folio_item.fi_large .folio_content {
    bottom: 45px;
  }
  .folio_item.fi_large:hover .folio_content {
    -webkit-transform: translateX(45px);
    -moz-transform: translateX(45px);
    transform: translateX(45px);
  }
  .has_after_left {
    position: relative;
  }
  .has_after_left:after {
    content: "";
    width: 186px;
    height: 180px;
    background: url(../images/bg/14.html) no-repeat center center;
    position: absolute;
    left: -126px;
    bottom: 54px;
    z-index: -1;
  }
  .has_after_right:after {
    content: "";
    width: 186px;
    height: 180px;
    background: url(../images/bg/14.html) no-repeat center center;
    position: absolute;
    right: -126px;
    bottom: 54px;
    z-index: -1;
  }
  .mb58 {
    margin-bottom: 58px;
  }
  
  /*------------------------------------------------------
  / 18. Pricing Section
  /------------------------------------------------------*/
  .pricing_table {
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: -32px 21px 68.6px 1.4px rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 58px 40px 65px 50px;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .pricing_table:hover,
  .pricing_table.active {
    box-shadow: none;
  }
  .pricing_icon {
    position: relative;
    margin: 0 0 34px;
  }
  .pricing_icon img {
    height: 75px;
    width: auto;
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .pricing_table:hover .pricing_icon img,
  .pricing_table.active .pricing_icon img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
  }
  .pricing_table h2 {
    font-size: 24px;
    font-weight: 400;
    color: #9fcefd;
    letter-spacing: 4.8px;
    line-height: 0.8;
    margin: 0 0 25px;
  }
  .pricing_table h3 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;
    color: #1e1e1e;
    font-weight: 400;
    margin: 0 0 36px;
  }
  .pricing_table h3 span {
    font-weight: 700;
    font-size: 36px;
  }
  .pricing_table ul {
    margin: 0 0 42px;
    padding: 0;
  }
  .pricing_table ul li {
    list-style: none;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    padding-left: 30px;
    margin: 0 0 14px;
  }
  .pricing_table ul li:last-child {
    margin: 0;
  }
  .pricing_table ul li:before {
    content: "\eed6";
    font-family: "IcoFont";
    font-size: 14px;
    color: #959595;
    line-height: 0.8;
    position: absolute;
    left: -2px;
    top: 7px;
  }
  .pricing_table > a {
    display: inline-block;
    height: 55px;
    min-width: 170px;
    padding: 0 15px;
    text-align: center;
    background: #9fcefd;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 55px;
  }
  .pricing_table:hover a,
  .pricing_table.active a {
    background: #c5a8ff;
  }
  
  /*------------------------------------------------------
  / 19. Video Section
  /------------------------------------------------------*/
  .video_img_2 {
    position: relative;
    margin-bottom: 101px;
    overflow: visible;
    box-shadow: -27px 17px 68.6px 1.4px rgba(5, 5, 5, 0.39);
  }
  .video_img_2:after {
    width: 267px;
    height: 267px;
    content: "";
    position: absolute;
    right: -95px;
    bottom: -101px;
    background: url(../images/bg/17.html) no-repeat center center;
    z-index: -1;
  }
  
  /*------------------------------------------------------
  / 20. Team Section
  /------------------------------------------------------*/
  .single_member {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }
  .single_member img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
  .sm_content {
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 30px;
    z-index: 2;
    padding: 29px 30px 30px;
    min-width: 242px;
    overflow: hidden;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
  
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1)
      0.1s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
  }
  .sm_content.smc_center {
    width: 251px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
  
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }
  .single_member:hover .sm_content {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  .single_member:hover .sm_content.smc_center {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  .sm_content h6 {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 1;
    color: #9fcefd;
    font-weight: 400;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
  
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .sm_content.smc_center h6 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }
  .single_member:hover .sm_content h6 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .single_member:hover .sm_content.smc_center h6 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .sm_content h4 {
    font-size: 14px;
    line-height: 26px;
    color: #1e1e1e;
    font-weight: 700;
    margin: 0;
  
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .sm_content.smc_center h4 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }
  .single_member:hover .sm_content h4 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .single_member:hover .sm_content.smc_center h4 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }
  .sm_content h4 a {
    color: inherit;
  }
  .sm_content h4 a:hover {
    color: #9fcefd;
  }
  .team_slider {
    position: relative;
    padding-bottom: 60px;
  }
  .team_slider:before {
    width: 186px;
    height: 180px;
    content: "";
    background: url(../images/bg/14.html) no-repeat center center;
    position: absolute;
    left: -89px;
    bottom: 0;
    z-index: -1;
  }
  
  /*------------------------------------------------------
  / 21. Info 04 Section
  /------------------------------------------------------*/
  .multiImg {
    position: relative;
    padding-bottom: 25px;
  }
  .multiImg img.img_large {
    max-width: 100%;
    box-shadow: -27px 17px 68.6px 1.4px rgba(0, 0, 0, 0.39);
    display: inline-block;
    position: relative;
    right: -51px;
  }
  .multiImg img.img_small {
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: -17px 11px 69px 23px rgba(0, 0, 0, 0.64);
    z-index: 2;
    border-radius: 15px;
  }
  
  /*------------------------------------------------------
  / 22. Video Action Section
  /------------------------------------------------------*/
  .video_actions_content {
    position: relative;
    background: url(../images/bg/19.html) no-repeat center center / cover;
    padding: 85px 0 70px;
    border-radius: 15px;
  }
  .video_actions_content:after {
    background: rgb(1, 216, 95);
    background: linear-gradient(
      -126deg,
      rgba(1, 216, 95, 1) 0%,
      rgba(118, 53, 245, 1) 100%
    );
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.75;
    border-radius: 15px;
  }
  .video_actions_content h2 {
    position: relative;
    z-index: 2;
    font-size: 48px;
    line-height: 58px;
    margin: 0 0 21px;
    font-weight: 700;
    color: #fff;
  }
  .video_actions_content a {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 85px;
    height: 85px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 8px;
    text-align: center;
    line-height: 83px;
    border-radius: 50%;
  }
  .video_actions_content a:hover {
    color: #9fcefd;
    border-color: #9fcefd;
  }
  
  /*------------------------------------------------------
  / 23. Testimonial 02 Section
  /------------------------------------------------------*/
  .testimoni_navigator {
    position: relative;
    display: flex;
    justify-content: flex-start;
  }
  .testimoni_navigator button {
    border: none;
    border-radius: 0;
    width: 40px;
    height: 40px;
    background: #9fcefd; /*#68778c*/
    color: #fff;
    line-height: 40px;
    letter-spacing: 0;
    padding: 0;
    margin-right: 12px;
    font-size: 18px;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .testimoni_navigator .tn_left {
    background: transparent;
    color: #68778c;
  }
  .testimoni_navigator .tn_left:hover {
    background: #9fcefd;
    color: #fff;
  }
  .testimoni_navigator .tn_right:hover {
    background: transparent;
    color: #68778c;
  }
  .testimonial_item_02 {
    position: relative;
    background: #fff;
    padding: 37px 38px 66px 38px;
    box-shadow: -28px 19px 70px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 50px 0 82px;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .testimonial_item_02:hover {
    background: #e4e7f0;
    box-shadow: none;
  }
  .testimonial_item_02:after {
    content: "";
    width: 64px;
    height: 54px;
    background: url(../images/bg/21.html) no-repeat center center;
    position: absolute;
    right: 32px;
    bottom: 40px;
  }
  .ti2_header {
    position: relative;
    margin: 0 0 24px;
  }
  .ti2_header img {
    width: 100px !important;
    height: 100px;
    position: relative;
    border-radius: 50%;
    float: left;
    margin-right: 17px;
  }
  .ti2_header h3 {
    font-size: 20px;
    line-height: 25px;
    margin: 0px 0 9px;
    padding-top: 28px;
  }
  .ti2_header h6 {
    font-size: 14px;
    line-height: 0.8;
    color: #68778c;
    font-weight: 400;
    margin: 0;
  }
  .ti2_content {
    font-size: 16px;
    line-height: 28px;
    color: #959595;
    margin: 0;
    padding-left: 8px;
    position: relative;
  }
  .ti2_content p {
    margin: 0;
    position: relative;
    z-index: 2;
  }
  
  /*------------------------------------------------------
  / 24. Subscribe Section
  /------------------------------------------------------*/
  .subscribe_section {
    position: relative;
    padding: 44px 0 36px;
    background: url(../images/bg/24.html) no-repeat center top #22213b;
  }
  .subscribe_section h2 {
    font-size: 30px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 14px;
  }
  .subscribe_section p {
    line-height: 24px;
    color: #fff;
    margin: 0;
    word-break: break-all;
  }
  .subscribe_form {
    position: relative;
    margin: 19px 0 0;
    padding: 0;
  }
  .subscribe_form input {
    width: 100%;
    height: 55px;
    padding: 0 30px 0 30px;
    color: #938eae;
    margin: 0;
    border: none;
    border-radius: 0;
  }
  .subscribe_form input::-moz-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_form input::-ms-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_form input::-webkit-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 55px;
    background: #74B9FF;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 0;
    min-width: 131px;
    padding: 0 15px;
    text-align: center;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .subscribe_form button:hover {
    background: #9fcefd;
  }
  
  .subscribe_form_2 {
    position: relative;
    background: url(../images/bg/29.html) no-repeat calc(100% - 12px) top #fff;
    border-radius: 10px;
    padding: 50px 80px 52px;
    z-index: 1;
  }
  .has_after_before {
    position: relative;
  }
  .has_after_before:before {
    content: "";
    width: 56px;
    height: 56px;
    position: absolute;
    left: -30px;
    top: -21px;
    background: url(../images/bg/27.html) no-repeat center center;
  }
  .has_after_before:after {
    content: "";
    width: 64px;
    height: 37px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -37px;
    margin: 0 auto;
    background: url(../images/bg/28.html) no-repeat center center;
  }
  .subscribe_form_2 h3 {
    font-size: 30px;
    color: #1e1e1e;
    line-height: 30px;
    margin: 0 0 11px;
  }
  .subscribe_form_2 p {
    line-height: 24px;
    margin: 0 0 28px;
    padding: 0 110px 0 0;
    word-break: break-all;
  }
  .subscribe_form_2 input {
    display: block;
    width: 100%;
    height: 55px;
    border: 1px solid #e9e9e9;
    padding: 0 60px 0 29px;
    color: #938eae;
  }
  .subscribe_form_2 input::-moz-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_form_2 input::-ms-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_form_2 input::-webkit-input-placeholder {
    color: #938eae;
    opacity: 1;
  }
  .subscribe_form_2 form {
    position: relative;
    margin: 0;
    padding: 0;
  }
  .subscribe_form_2 button {
    position: absolute;
    right: 0;
    top: 0;
    width: 57px;
    height: 55px;
    background: #74B9FF;
    font-size: 30px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 0;
    color: #fff;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .subscribe_form_2 button:hover {
    background: #9fcefd;
  }
  
  /*------------------------------------------------------
  / 25. Feature 03 Section
  /------------------------------------------------------*/
  .icon_box_03 {
    position: relative;
    background: #fff;
    box-shadow: -3px 2px 21px 4px rgb(3, 3, 3);
    padding: 40px 45px 60px;
    border-radius: 10px;
    overflow: hidden;
      height: 450px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  
  .icon_box_03 img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_03:hover {
    background: #9fcefd;
  }
  .icon_box_03:hover img {
    opacity: 0.2;
  }
  .ib03_content {
    position: relative;
    z-index: 2;
  }
  .icon_box_03 .i_div {
    height: 60px;
    width: 60px;
    background: #eceef7;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    color: #9fcefd;
    margin: 0 0 20px;
    position: relative;
    display: inline-block;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_03:hover .i_div {
    background: #1e1e1e;
    color: #fff;
  }
  .icon_box_03 .i_div i {
    color: inherit;
  }
  .icon_box_03 .i_div svg {
    stroke: #9fcefd;
    fill: #9fcefd;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_03:hover .i_div svg {
    stroke: #fff;
    fill: #fff;
  }
  .icon_box_03 h3 {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 20px;
  }
  .icon_box_03:hover h3 {
    color: #fff;
  }
  .icon_box_03 h3 a {
    color: inherit;
  }
  .icon_box_03 h3 a:hover {
    color: #fff;
  }
  .icon_box_03 p {
    margin: 0;
    word-break: break-all;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_03:hover p {
    color: #fff;
  }
  
  /*------------------------------------------------------
  / 26. About 03 Section
  /------------------------------------------------------*/
  .video_img_3 {
    position: relative;
    padding-bottom: 62px;
  }
  .video_img_3:after {
    content: "";
    position: absolute;
    width: 209px;
    height: 209px;
    left: -38px;
    bottom: 0;
    background: url(../images/bg/2.html) no-repeat center center;
  }
  .video_img_3 img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 15px;
    position: relative;
    z-index: 1;
  }
  .video_img_3 a {
    height: 118px;
    width: 118px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 116px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }
  .video_img_3 a:hover {
    color: #9fcefd;
    border-color: #9fcefd;
  }
  .icon_box_04 {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 50px 42px 52px 148px;
    box-shadow: -3px 2px 21px 4px rgb(0, 0, 0);
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_04:hover {
    background: #9fcefd;
    box-shadow: none;
  }
  .icon_box_04 img {
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    opacity: 0;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_04:hover img {
    opacity: 0.2;
  }
  .icon_box_04 i {
    width: 80px;
    height: 80px;
    background: #eceef7;
    font-size: 35px;
    line-height: 80px;
    color: #9fcefd;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 37px;
    top: 67px;
    z-index: 2;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_04 h3 {
    font-size: 18px;
    line-height: 26px;
    color: #1e1e1e;
    margin: 0 0 9px;
    position: relative;
    z-index: 2;
  }
  .icon_box_04:hover h3 {
    color: #fff;
  }
  .icon_box_04 h3 a {
    color: inherit;
  }
  .icon_box_04 h3 a:hover {
    color: #ffffff;
  }
  .icon_box_04 p {
    margin: 0;
    word-break: break-all;
    position: relative;
    z-index: 2;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .icon_box_04:hover p {
    color: #fff;
  }
  
  /*------------------------------------------------------
  / 27. Service Section
  /------------------------------------------------------*/
  .service_boxes_2 {
    position: relative;
    border-radius: 5px;
    background: transparent;
    box-shadow: -3px 2px 35px 0px rgba(178, 178, 178, 0);
  
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
  }
  .service_boxes_2 .sb2_flipper {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
  }
  .sb2_flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
  }
  /*.service_boxes_2:hover{
      border-color: #f3f3f3;
      box-shadow: -3px 2px 35px 0px rgba(178, 178, 178, 0.35);
  }*/
  .sb2_front,
  .sb2_back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
  }
  .sb2_front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
  }
  .sb2_back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: relative;
    border: 1px solid transparent;
    box-shadow: -3px 2px 35px 0px rgba(178, 178, 178, 0);
  }
  .service_boxes_2:hover .sb2_front,
  .service_boxes_2.hover .sb2_front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .service_boxes_2:hover .sb2_back,
  .service_boxes_2.hover .sb2_back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border: 1px solid #f3f3f3;
    box-shadow: -3px 2px 35px 0px rgba(0, 0, 0, 0.35);
  }
  .sb2_thumb {
    position: relative;
    border-radius: 5px;
  }
  .sb2_thumb i {
    position: absolute;
    left: 35px;
    bottom: -27px;
    width: 75px;
    height: 75px;
    background: #9fcefd;
    color: #fff;
    font-size: 35px;
    line-height: 75px;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
  }
  .sb2_back .sb2_thumb i {
    bottom: auto;
    top: 26px;
    background: #9fcefd;
  }
  .sb2_thumb img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    opacity: 1;
  }
  .sb2_details {
    position: relative;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    background: #fcfcfc;
    padding: 37px 45px 56px 58px;
    margin: 10px 0 0;
  }
  .sb2_back .sb2_details {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border: none;
    background: rgba(118, 53, 245, 0.7);
    z-index: 2;
  }
  .sb2_details h3 {
    font-size: 20px;
    color: #1e1e1e;
    line-height: 26px;
    margin: 0 0 16px;
  }
  .sb2_back .sb2_details h3 {
    color: #fff;
  }
  .sb2_details h3 a {
    color: inherit;
  }
  .sb2_details p {
    margin: 0;
  }
  .sb2_back .sb2_details p {
    color: #fff;
  }
  
  /*------------------------------------------------------
  / 28. Funfact
  /------------------------------------------------------*/
  .funfact_02 {
    position: relative;
  }
  .funfact_02 i {
    font-size: 40px;
    line-height: 1;
    color: #fff;
    margin: 0 0 14px;
    display: block;
  }
  .funfact_02 svg {
    stroke: #fff;
    fill: #fff;
    margin: 0 0 14px;
  }
  .funfact_02 h2 {
    font-size: 60px;
    color: #fff;
    line-height: 0.8;
    margin: 0 0 20px;
    font-weight: 500;
  }
  .funfact_02 h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 400;
    color: #fff;
    line-height: 0.8;
    margin: 0;
  }
  
  /*------------------------------------------------------
  / 29. Blog Page
  /------------------------------------------------------*/
  .blog_page_section {
    padding-bottom: 140px;
  }
  .pro_pagination {
    position: relative;
    display: flex;
  }
  .text-center .pro_pagination {
    justify-content: center;
  }
  .pro_pagination a,
  .pro_pagination span {
    width: 60px;
    height: 60px;
    background: #f7f4fb;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    padding: 0 5px;
    font-weight: 500;
    color: #1e1e1e;
    margin: 0 7.5px;
  }
  .pro_pagination a:hover,
  .pro_pagination span.current {
    background: #9fcefd;
  }
  .pro_pagination span.empties {
    font-weight: 400;
    line-height: 0.8;
    padding: 18px 5px;
    text-align: center;
    left: 0;
  }
  .pdt40 {
    padding-top: 40px;
  }
  .blog_sidebar {
    position: relative;
    border: 1px solid #fde3e3;
    padding: 43px 39px 55px 33px;
  }
  .blog_sidebar .widget {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 37px;
    margin: 0 0 44px;
  }
  .blog_sidebar .widget_title {
    font-size: 24px;
    color: #1e1e1e;
    line-height: 0.8;
    letter-spacing: 0;
    margin: 0 0 29px;
  }
  .blog_sidebar .categories_widget .widget_title {
    margin: 0 0 35px;
  }
  .search_form {
    position: relative;
  }
  .search_form input[type="search"] {
    display: block;
    width: 100%;
    padding: 0 50px 0 28px;
    height: 50px;
    border: 1px solid #f0f0f0;
    border-radius: 50px;
    font-size: 12px;
    letter-spacing: 2.4px;
    color: #c3c3c3;
  }
  .search_form input[type="search"]::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .search_form input[type="search"]::-ms-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .search_form input[type="search"]::-webkit-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .search_form button {
    width: 40px;
    height: 40px;
    background: #9fcefd;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 0;
    border: none;
    position: absolute;
    right: 7px;
    top: 5px;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
  }
  .search_form button:hover {
    background: #9fcefd;
  }
  .blog_sidebar ul {
    margin: 0;
    padding: 0;
  }
  .blog_sidebar ul li {
    list-style: none;
    display: block;
    font-size: 16px;
    color: #959595;
    line-height: 0.8;
    position: relative;
    padding-left: 32px;
    margin: 0 0 28px;
  }
  .blog_sidebar .categories_widget ul li {
    text-align: right;
  }
  .blog_sidebar ul li:last-child {
    margin: 0;
  }
  .blog_sidebar ul li:before {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: -2px;
    border: 1px solid #959595;
    content: "";
  }
  .blog_sidebar ul li a {
    display: inline-block;
    color: inherit;
    line-height: inherit;
  }
  .blog_sidebar .categories_widget ul li a {
    float: left;
  }
  .blog_sidebar ul li a:hover {
    color: #9fcefd;
  }
  .product_widget_item {
    position: relative;
    min-height: 70px;
    padding-left: 101px;
    padding-top: 1px;
    margin-bottom: 20px;
  }
  .product_widget_item:last-child,
  .product_widget_item:last-of-type {
    margin-bottom: 0;
  }
  .product_widget_item img {
    width: 80px;
    height: 70px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .product_widget_item h5 {
    font-size: 16px;
    color: #1e1e1e;
    margin: 0 0 8px;
  }
  .product_widget_item h5 a {
    color: inherit;
  }
  .product_widget_item h5 a:hover {
    color: #9fcefd;
  }
  .pro_rating {
    position: relative;
    display: flex;
    line-height: 12px;
  }
  .pro_rating .rating {
    width: 69px;
    height: 12px;
    position: relative;
    background: url(../images/rating.html) no-repeat left center;
    margin: 0 0 12px;
  }
  .pro_rating span {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 0.8;
    position: relative;
    top: 2px;
    margin-left: 10px;
  }
  .pro_price {
    font-size: 14px;
    font-weight: 500;
    color: #959595;
    line-height: 0.8;
    margin: 0;
  }
  .tagCloud {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .tagCloud a {
    height: 29px;
    min-width: 68px;
    text-align: center;
    padding: 0 9px;
    line-height: 29px;
    background: #f7f4fb;
    color: #959595;
    font-size: 12px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .tagCloud a:hover {
    color: #fff;
    background: #9fcefd;
  }
  .blog_sidebar .widget:last-child,
  .blog_sidebar .widget:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  
  /*------------------------------------------------------
  / 30. Blog Single Page
  /------------------------------------------------------*/
  .blog_single_page_section {
    padding-bottom: 175px;
  }
  .single_insight_content {
    position: relative;
  }
  .sic_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
  }
  .sic_thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
  }
  .sic_details {
    position: relative;
    display: block;
    border: 1px solid #fde3e3;
    border-radius: 0 0 10px 10px;
    padding: 33px 44px 75px 37px;
  }
  .sic_details.sicd_2 {
    padding-top: 0;
  }
  .sic_author {
    position: relative;
    min-height: 70px;
    padding-left: 101px;
    padding-top: 20px;
    margin: 0 0 25px;
  }
  .sic_author_2 {
    position: relative;
    margin: 0 0 15px;
  }
  .sic_author img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .sic_author_2 img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: relative;
    margin: -37px 0 34px;
    z-index: 2;
  }
  .sic_author span {
    font-size: 12px;
    line-height: 26px;
    color: #959595;
  }
  .sic_author_2 span {
    font-size: 12px;
    line-height: 26px;
    color: #959595;
    display: block;
  }
  .sic_author a,
  .sic_author_2 a {
    color: inherit;
  }
  .sic_author a:hover,
  .sic_author_2 a:hover {
    color: #9fcefd;
  }
  .sic_details h3 {
    font-size: 24px;
    line-height: 34px;
  }
  .sic_the_content img {
    max-width: 100%;
    height: auto;
  }
  .sic_half_img {
    position: relative;
  }
  .sic_half_img img {
    width: 100%;
    height: auto;
  }
  .mb34 {
    margin-bottom: 34px;
  }
  .mb38 {
    margin-bottom: 38px;
  }
  .mb24 {
    margin-bottom: 24px;
  }
  .mb41 {
    margin-bottom: 41px;
  }
  .mb51 {
    margin-bottom: 51px;
  }
  .sic_the_content blockquote {
    position: relative;
    margin: 0 0 15px 30px;
    padding: 0 0 0 30px;
    border-left: 3px solid #959595;
  }
  .sic_the_content blockquote p {
    font-size: 16px;
    line-height: 28px;
    font-style: italic;
    font-weight: 600;
    margin: 0;
  }
  .sic_the_content h6 {
    font-size: 16px;
    color: #1e1e1e;
  }
  .sic_the_content .mb44 {
    margin-bottom: 44px;
  }
  .mb17 {
    margin-bottom: 17px;
  }
  .sic_the_content > p:last-of-type {
    margin: 0;
  }
  .sic_meta_row {
    position: relative;
    margin-top: 28px;
  }
  .sicmr_tag {
    position: relative;
    padding: 8px 0 0;
  }
  .sicmr_tag i {
    font-size: 18px;
    line-height: 26px;
    color: #9fcefd;
    float: left;
    margin-right: 15px;
  }
  .sicmr_tag a {
    font-size: 16px;
    line-height: 26px;
    color: #959595;
    float: left;
    margin-right: 20px;
  }
  .sicmr_tag a:last-child {
    margin-right: 0;
  }
  .sicmr_tag a:hover {
    color: #9fcefd;
  }
  .sicmr_social {
    display: flex;
    justify-content: flex-end;
  }
  .sicmr_social a {
    height: 44px;
    width: 44px;
    color: #959595;
    border: 1px solid #959595;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    margin-right: 15px;
    padding-top: 1px;
  }
  .sicmr_social a:last-child {
    margin-right: 0;
  }
  .sicmr_social a:hover {
    color: #fff;
    background: #9fcefd;
    border-color: #9fcefd;
  }
  .sic_author_row {
    position: relative;
    background: #f7f4fb;
    padding: 53px 45px 54px 188px;
    border-left: 5px solid #9fcefd;
    margin: 54px 0 0;
  }
  .sic_author_row img {
    width: 103px;
    height: 103px;
    border-radius: 50%;
    position: absolute;
    left: 52px;
    top: 60px;
  }
  .sic_author_row h3 {
    font-size: 24px;
    color: #082753;
    line-height: 0.8;
    margin: 0 0 18px;
  }
  .sic_author_row h3 a {
    color: inherit;
  }
  .sic_author_row h3 a:hover {
    color: #9fcefd;
  }
  .sic_author_row p {
    font-size: 16px;
    color: #6b6b6b;
    margin: 0;
  }
  .sic_comment_row {
    position: relative;
    margin: 49px 0 0;
  }
  .sic_comments {
    position: relative;
  }
  .sicc_title {
    font-size: 24px;
    line-height: 0.8;
    color: #1e1e1e;
    margin: 0 0 29px;
  }
  .sicc_list {
    margin: 0;
    padding: 0;
  }
  .sicc_list li {
    list-style: none;
    position: relative;
  }
  .single_comment {
    position: relative;
    border: 1px solid #dddddd;
    padding: 44px 35px 30px 174px;
    margin: 0 0 30px;
  }
  .single_comment > img {
    width: 103px;
    height: 103px;
    position: absolute;
    left: 46px;
    top: 33px;
    border-radius: 50%;
  }
  .single_comment h3 {
    font-size: 18px;
    font-weight: 500;
    color: #082753;
    line-height: 0.8;
    margin: 0 0 16px;
  }
  .single_comment h3 a {
    color: inherit;
  }
  .single_comment h3 a:hover {
    color: #9fcefd;
  }
  .single_comment h6 {
    font-weight: 500;
    font-size: 12px;
    color: #6b6b6b;
    line-height: 0.8;
    margin: 0 0 9px;
  }
  .sc_content {
    font-size: 16px;
    line-height: 26px;
    color: #6b6b6b;
    margin: 0 0 11px;
  }
  .sc_content > p:last-of-type {
    margin: 0;
  }
  .reply-link {
    font-size: 18px;
    color: #9fcefd;
    display: inline-block;
    line-height: 0.8;
  }
  .reply-link i {
    margin-right: 10px;
  }
  .reply-link:hover {
    color: #9fcefd;
  }
  .sicc_list > li ul {
    margin: 0;
    padding: 0;
  }
  .sicc_list > li ul li {
    list-style: none;
    padding-left: 70px;
  }
  .sic_comments_form {
    position: relative;
    padding-top: 42px;
  }
  .sic_comments_form input:not([type="submit"]),
  .sic_comments_form textarea {
    border: 1px solid #dcdcdc;
    height: 70px;
    padding: 0 35px;
    margin: 0;
    font-size: 12px;
    color: #b8b8b8;
    letter-spacing: 2.4px;
    border-radius: 0;
    width: 100%;
  }
  .sic_comments_form input:not([type="submit"]) {
    width: calc(33.333333% - 10px);
    float: left;
    margin-right: 15px;
  }
  .sic_comments_form input:not([type="submit"]):last-child {
    margin-right: 0;
  }
  .sic_comments_form textarea {
    display: block;
    margin: 0 0 15px;
    resize: none;
    height: 180px;
    padding: 24px 35px;
  }
  .sic_comments_form input:not([type="submit"])::-moz-placeholder,
  .sic_comments_form textarea::-moz-placeholder {
    color: #b8b8b8;
    opacity: 1;
  }
  .sic_comments_form input:not([type="submit"])::-ms-input-placeholder,
  .sic_comments_form textarea::-ms-input-placeholder {
    color: #b8b8b8;
    opacity: 1;
  }
  .sic_comments_form input:not([type="submit"])::-webkit-input-placeholder,
  .sic_comments_form textarea::-webkit-input-placeholder {
    color: #b8b8b8;
    opacity: 1;
  }
  .sic_comments_form .pro_btn_2 {
    width: 180px;
    height: 65px;
    line-height: 65px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;
  }
  
  /*------------------------------------------------------
  / 31. Shop Page
  /------------------------------------------------------*/
  .shop_page_section {
    padding-top: 150px;
  }
  .loop_product {
    position: relative;
    margin: 0 0 25px;
  }
  .lp_thumb {
    position: relative;
    overflow: hidden;
  }
  .lp_thumb img {
    width: 100%;
    height: auto;
  }
  .lp_details {
    position: relative;
    padding: 27px 0 0;
    padding-right: 80px;
  }
  .lp_details p {
    margin: 0 0 10px;
    font-size: 14px;
    color: #959595;
    line-height: 18px;
  }
  .lp_details p a {
    color: inherit;
  }
  .lp_details p a:hover {
    color: #9fcefd;
  }
  .lp_details h4 {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    font-weight: 700;
    margin: 0;
  }
  .lp_details h4 a {
    color: inherit;
  }
  .lp_details h4 a:hover {
    color: #9fcefd;
  }
  .loop_price {
    position: absolute;
    font-size: 18px;
    line-height: 0.8;
    color: #1e1e1e;
    font-weight: 700;
    right: 0;
    top: 38px;
    padding-right: 5px;
  }
  .lp_thumb_hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(181, 180, 182, 0.6);
    opacity: 0;
    visibility: hidden;
  
    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  .loop_product:hover .lp_thumb_hover {
    opacity: 1;
    visibility: visible;
  }
  .lth_btns {
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    letter-spacing: 0;
  }
  .lth_btns a {
    color: inherit;
    line-height: inherit;
    margin: 0 14px;
    position: relative;
    display: inline-block;
  }
  .lth_btns a:hover {
    color: #9fcefd;
  }
  .lth_btns a:nth-child(01) {
    -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -moz-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -ms-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -o-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
  
    transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
  }
  .lth_btns a:nth-child(02) {
    -webkit-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -moz-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -ms-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -o-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
  
    transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
  }
  .lth_btns a:nth-child(03) {
    -webkit-transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -moz-transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -ms-transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    -o-transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
    transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
      color ease 300ms;
  
    transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
  }
  .loop_product:hover .lth_btns a:nth-child(01),
  .loop_product:hover .lth_btns a:nth-child(02),
  .loop_product:hover .lth_btns a:nth-child(03) {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .mt47 {
    margin-top: 47px;
  }
  
  .featured_product_section {
    position: relative;
    border-radius: 10px;
    padding: 105px 0 193px;
    background: url(../images/bg/37.html) no-repeat center center;
  }
  .fds_content {
    position: relative;
  }
  .fds_content h2 {
    font-size: 36px;
    line-height: 46px;
    text-transform: uppercase;
    font-weight: 800;
    color: #e1e8f9;
    margin: 0;
  }
  .featured_product_slider_section {
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 0 0 177px;
    margin: -110px 0 0;
  }
  .product_carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 165px;
    bottom: auto;
    margin: 0;
    height: 63px;
    width: 63px;
    border-radius: 50%;
    background: #fff;
    font-size: 18px;
    color: #1e1e1e;
    line-height: 63px;
    border: none;
    box-shadow: -32px 21px 68.6px 1.4px rgba(0, 0, 0, 0.45);
    text-align: center;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .product_carousel.owl-carousel .owl-nav button:hover {
    background: #9fcefd;
    color: #fff;
  }
  .product_carousel.owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: -26px;
  }
  .product_carousel.owl-carousel .owl-nav button.owl-next {
    right: -26px;
    left: auto;
  }
  
  #slider-range {
    width: 100%;
    height: 8px;
    background: #e1e1e1;
    position: relative;
    border-radius: 8px;
    margin: 0 0 22px;
  }
  #slider-range .ui-slider-range {
    background: #9fcefd;
    height: 8px;
    top: 0;
    position: absolute;
    border-radius: 8px;
  }
  #slider-range .ui-slider-handle {
    background: #fff;
    border: 3px solid #9fcefd;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    position: absolute;
    top: -3.5px;
    width: 15px;
    cursor: pointer;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
  }
  #slider-range .ui-slider-handle:focus {
    outline: 0;
    box-shadow: none;
  }
  .price_wrap {
    font-size: 16px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    line-height: 0.8;
  }
  .price_wrap label,
  .price_wrap p {
    margin: 0;
    padding: 0;
  }
  .price_wrap label {
    margin-right: 5px;
  }
  .size_wraper {
    position: relative;
  }
  .size_wraper .sizes {
    position: relative;
    float: left;
    margin-right: 14px;
    margin-bottom: 14px;
  }
  .size_wraper .sizes:last-of-type {
    margin-right: 0;
  }
  .size_wraper .sizes input[type="checkbox"] {
    display: none;
  }
  .size_wraper .sizes label {
    height: 28px;
    min-width: 34px;
    border: 1px solid #e1e1e1;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #959595;
    text-transform: uppercase;
    line-height: 26px;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .size_wraper .sizes label:hover,
  .size_wraper .sizes input[type="checkbox"]:checked + label {
    border-color: #959595;
  }
  
  /*------------------------------------------------------
  / 32. Shop Details Page
  /------------------------------------------------------*/
  .shop_details_page_section {
    padding-bottom: 170px;
  }
  .product_gallery {
    position: relative;
  }
  .pg_item {
    position: relative;
    overflow: hidden;
  }
  .pg_item img {
    width: 100%;
    height: auto;
  }
  .gallery_sliders {
    margin: 0 0 10px;
  }
  .product_gallery .lSPager li img {
    width: 100%;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .product_gallery .lSPager li.active,
  .product_gallery .lSPager li:hover {
    border-radius: 0 !important;
  }
  .product_gallery .lSPager li.active img,
  .product_gallery .lSPager li:hover img {
    opacity: 0.6;
    border-radius: 0 !important;
  }
  .product_details {
    position: relative;
    padding: 72px 0 0 90px;
  }
  .pd_cates {
    font-size: 14px;
    color: #959595;
    margin: 0 0 6px;
  }
  .pd_cates a {
    color: inherit;
  }
  .pd_cates a:hover {
    color: #9fcefd;
  }
  .product_details h3 {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    font-weight: 700;
    margin: 0 0 15px;
  }
  .pd_price {
    font-size: 30px;
    line-height: 32px;
    color: #1e1e1e;
    margin: 0 0 34px;
  }
  .pd_price * {
    margin: 0;
    padding: 0;
  }
  .pd_rating {
    position: relative;
    margin: 0 0 15px;
    line-height: 15px;
  }
  .pd_rating .woocommerce-product-rating {
    display: flex;
    justify-content: flex-start;
    line-height: 15px;
  }
  .pd_rating .star-rating {
    width: 78px;
    height: 15px;
    position: relative;
    background: url(../images/rating_4.html) no-repeat left center;
    line-height: 15px;
    margin-right: 21px;
  }
  .pd_rating .star-rating span {
    overflow: hidden;
    text-indent: -999999px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/rating_3.html) no-repeat left center;
    line-height: 15px;
  }
  .pd_rating .woocommerce-review-link {
    font-size: 14px;
    color: #959595;
    margin: 0;
  }
  .pd_rating .woocommerce-review-link:hover {
    color: #9fcefd;
  }
  .pd_excrpt {
    font-size: 14px;
    line-height: 32px;
    margin: 0 0 7px;
  }
  .pd_wishlist {
    position: relative;
    font-size: 12px;
    color: #959595;
    line-height: 32px;
    font-weight: 500;
    margin: 0 0 18px;
  }
  .pd_wishlist a {
    color: inherit;
  }
  .pd_wishlist a i {
    font-size: 14px;
    color: #959595;
    position: relative;
    top: 3px;
    margin-right: 11px;
  }
  .pd_wishlist a:hover {
    color: #9fcefd;
  }
  .pd_attrs {
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 30px;
  }
  .pda_label {
    font-weight: 500;
    line-height: 28px;
    color: #959595;
    margin: 0 20px 0 0;
    padding: 0;
  }
  .pd_attrs .sizes {
    position: relative;
    float: left;
    margin-right: 14px;
    margin-bottom: 14px;
  }
  .pd_attrs .sizes:last-of-type {
    margin-right: 0;
  }
  .pd_attrs .sizes input[type="radio"] {
    display: none;
  }
  .pd_attrs .sizes label {
    height: 28px;
    min-width: 34px;
    border: 1px solid #e1e1e1;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #959595;
    text-transform: uppercase;
    line-height: 26px;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .pd_attrs .sizes label:hover,
  .pd_attrs .sizes input[type="radio"]:checked + label {
    border-color: #959595;
  }
  .pd_button_area {
    position: relative;
  }
  .pd_qty {
    display: inline-block;
    height: 50px;
    border: 1px solid #e1e1e1;
    padding: 0 20px 0 15px;
    margin: 0 18px 0 0;
  }
  .pd_qty label {
    float: left;
    margin: 0 53px 0 0;
    padding: 17px 0 20px;
    line-height: 0.8;
  }
  .pdq_main {
    float: right;
    width: 53px;
    position: relative;
    top: 11px;
  }
  .pdq_main input {
    width: 100%;
    font-size: 14px;
    color: #959595;
    line-height: 12px;
    border: none;
    background: transparent;
    text-align: center;
  }
  .pdq_main input[type="number"]::-webkit-outer-spin-button,
  .pdq_main input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .pdq_main input[type="number"] {
    -moz-appearance: textfield;
  }
  .pdq_main button {
    font-size: 14px;
    line-height: 12px;
    color: #959595;
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 7px;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .pdq_main button:hover {
    color: #9fcefd;
  }
  .pdq_main button.minus {
    left: -4px;
    right: auto;
  }
  .pdq_main button.plus {
    right: -5px;
    left: auto;
  }
  .pro_add_to_cart {
    height: 50px;
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    background: #9fcefd;
    position: relative;
    overflow: hidden;
    border: none;
    min-width: 152px;
    border: none;
    border-radius: 0;
    text-align: center;
  }
  
  .pro_add_to_cart span {
    position: relative;
    z-index: 2;
  }
  .pro_add_to_cart::after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    background: #9fcefd;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  }
  .pro_add_to_cart:hover {
    color: #fff;
  }
  .pro_add_to_cart:hover:after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .product_details_tab {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
  }
  .product_details_tab li {
    list-style: none;
    padding: 0;
    margin: 0 9px 0 0;
  }
  .product_details_tab li:last-child {
    margin-right: 0;
  }
  .product_details_tab li a {
    border: 1px solid #e1e1e1;
    font-weight: 500;
    color: #959595;
    font-size: 12px;
    text-transform: capitalize;
    display: block;
    height: 45px;
    line-height: 43px;
    text-align: center;
    padding: 0 10px;
    background: transparent;
  }
  .product_details_tab li:nth-child(1) a {
    width: 140px;
  }
  .product_details_tab li:nth-child(2) a {
    width: 170px;
  }
  .product_details_tab li:nth-child(3) a {
    width: 110px;
  }
  .product_details_tab li a:hover,
  .product_details_tab li a.active {
    border-color: #1e1e1e;
    background: #1e1e1e;
    color: #fff;
  }
  .pdtc_inner {
    position: relative;
    padding: 68px 0 0;
  }
  .pdtc_inner p {
    margin: 0 0 20px;
  }
  .pdtc_inner p:last-of-type {
    margin: 0;
  }
  .pdtc_title {
    font-size: 18px;
    color: #1e1e1e;
    line-height: 0.8;
    margin: 0 0 36px;
    padding: 0 0 17px;
    position: relative;
  }
  .pdtc_title:after {
    content: "";
    width: 40px;
    height: 1px;
    background: #e1e1e1;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .mt134 {
    margin-top: 134px;
  }
  .pdtci_content table {
    width: 100%;
    border: none;
  }
  .pdtci_content table tr th {
    color: #1e1e1e;
  }
  .pdtci_content table tr th,
  .pdtci_content table tr td {
    padding: 10px 0;
    border-bottom: 1px dotted #e1e1e1;
  }
  .pdtci_content table tr:first-child th,
  .pdtci_content table tr:first-child td {
    padding-top: 0;
  }
  .pdtci_content table tr:last-child th,
  .pdtci_content table tr:last-child td {
    padding-bottom: 0;
    border-bottom: none;
  }
  .product_reviews_list {
    margin: 0;
    padding: 0 0 68px;
  }
  .product_reviews_list li {
    list-style: none;
  }
  .product_reviews_list .sc_content {
    margin: 0 0 16px;
  }
  .product_reviews_list .pd_rating {
    margin: 0;
  }
  .product_reviews_list li:last-child .single_comment {
    margin: 0;
  }
  .sic_comments_form.product_comment_form {
    padding: 0;
  }
  .sic_comments_form.product_comment_form input:not([type="submit"]) {
    width: calc(50% - 7.5px);
    float: left;
    margin-right: 15px;
  }
  .sic_comments_form.product_comment_form input:not([type="submit"]):last-child {
    margin-right: 0;
  }
  
  .pdtci_content_description {
    margin: 0 0 -8px;
  }
  .related_area {
    position: relative;
    border-top: 1px solid #e1e1e1;
    margin: 76px 0 0;
    padding: 50px 0 0;
  }
  .rel_title {
    font-size: 24px;
    line-height: 0.8;
    color: #1e1e1e;
    margin: 0 0 49px;
  }
  
  /*------------------------------------------------------
  / 33. Contact Page
  /------------------------------------------------------*/
  .contact_map_section {
    position: relative;
    z-index: 1;
    margin: 0px 0 0;
  }
  .iframe_map {
    position: relative;
    overflow: hidden;
  }
  .iframe_map iframe {
    display: block;
    width: 100%;
    height: 620px;
    border: none;
  }
  .google_map {
    position: relative;
    height: 620px;
    border: none;
    display: block;
  }
  .cfs_heading {
    font-size: 24px;
    line-height: 0.8;
    font-weight: 700;
    color: #1e1e1e;
    margin: 0 0 45px;
  }
  .contact_form .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .contact_form [class^="col-"],
  .contact_form [class*=" col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .contact_form input:not([type="submit"]) {
    height: 70px;
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 0 40px;
    margin: 0 0 10px;
    font-size: 12px;
    color: #b8b8b8;
    letter-spacing: 2.4px;
    display: block;
  }
  .contact_form textarea {
    height: 180px;
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 24px 40px;
    margin: 0 0 30px;
    font-size: 12px;
    color: #b8b8b8;
    letter-spacing: 2.4px;
    resize: none;
    display: block;
  }
  .contact_form input.reqError,
  .contact_form textarea.reqError {
    border-bottom-color: #f00;
  }
  .contact_form input::placeholder,
  .contact_form textarea::placeholder {
    color: #b8b8b8;
    opacity: 1;
  }
  .contact_form input::-moz-placeholder,
  .contact_form textarea::-moz-placeholder {
    color: #b8b8b8;
    opacity: 1;
  }
  .contact_form input::-ms-input-placeholder,
  .contact_form textarea::-ms-input-placeholder {
    color: #b8b8b8;
    opacity: 1;
  }
  .contact_form input::-webkit-input-placeholder,
  .contact_form textarea::-webkit-input-placeholder {
    color: #b8b8b8;
    opacity: 1;
  }
  .contact_form input[type="submit"] {
    min-width: 180px;
    padding: 0 10px;
    text-align: center;
    height: 65px;
    border: none;
    border-radius: 5px;
    line-height: 65px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #9fcefd;
  
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
  }
  .contact_form input[type="submit"]:hover {
    background: #1e1e1e;
    color: #fff;
  }
  .con_message {
    display: block;
    width: 100%;
    display: none;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0;
  }
  .contact_info {
    position: relative;
    padding-left: 100px;
    margin: 0 0 60px;
    padding-right: 45px;
  }
  .contact_info:last-of-type {
    margin: 0;
  }
  .contact_info img {
    max-width: 44px;
    height: auto;
    position: absolute;
    left: 0;
    top: 5px;
  }
  .contact_info p {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
  }
  .contact_info p a {
    color: inherit;
  }
  .contact_info p a:hover {
    color: #9fcefd;
  }
  .testimonial_03_section .testimoni_navigator .tn_left {
    background: #f1f3f8;
  }
  .testimonial_03_section .testimoni_navigator .tn_left:hover {
    background: #9fcefd;
  }
  .testimonial_03_section .testimoni_navigator .tn_right:hover {
    background: #f1f3f8;
  }
  
  /*------------------------------------------------------
  / 34. Service Details Page
  /------------------------------------------------------*/
  .service_details_page_section {
    padding: 5px 0 5px;
  }
  .service_details_page_section .sec_title {
    padding: 0 50px;
    margin: 0 0 53px;
  }
  .service_thumb {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: -3px 2px 35px 0px rgba(0, 0, 0, 0.35);
  }
  .service_thumb img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .service_details {
    position: relative;
    padding: 0px 0 0;
  }
  .service_details i {
    height: 75px;
    width: 75px;
    color: #fff;
    border-radius: 50%;
    background: #9fcefd;
    text-align: center;
    font-size: 35px;
    line-height: 75px;
    display: inline-block;
    margin: 0 0 47px;
  }
  .service_details h3 {
    font-size: 20px;
    line-height: 26px;
    color: #1e1e1e;
    font-weight: 700;
    margin: 0 0 16px;
  }
  .service_details p {
    margin: 0 0 26px;
  }
  .service_details p:last-of-type {
    margin: 0;
  }
  .mt92 {
    margin-top: 92px;
  }
  .service_heading {
    font-size: 18px;
    color: #1e1e1e;
    margin: 0 0 20px;
  }
  .large_fonts {
    font-size: 18px;
    line-height: 26px;
  }
  .sd_desc_left p {
    margin: 0 0 26px;
  }
  .mt27 {
    margin-top: 27px;
  }
  
  /*------------------------------------------------------
  / 35. Folio List Page
  /------------------------------------------------------*/
  .portfolio_page_section {
    padding: 5px 0 9px;
  }
  .pps_para {
    margin: 32px 0 0;
  }
  .filter_menu_3 {
    margin: 0 0 73px;
    padding: 0;
  }
  .filter_menu_3 li {
    float: left;
    list-style: none;
    font-size: 18px;
    color: #1e1e1e;
    line-height: 0.8;
    font-weight: 500;
    position: relative;
    margin-right: 44px;
    cursor: pointer;
  
    transition: color ease 300ms;
    -moz-transition: color ease 300ms;
    -webkit-transition: color ease 300ms;
    -o-transition: color ease 300ms;
    -ms-transition: color ease 300ms;
  }
  .filter_menu_3 li:hover,
  .filter_menu_3 li.active {
    color: #9fcefd;
  }
  .filter_menu_3 li:last-child {
    margin-right: 0;
  }
  .filter_menu_3 li:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    left: auto;
    right: 0;
    bottom: -4px;
    background: #9fcefd;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  }
  .filter_menu_3 li:hover:after,
  .filter_menu_3 li.active:after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .mt30px {
    margin-top: 30px;
  }
  .portfolio_page_section .folio_item {
    margin-bottom: 30px;
  }
  #Grid .mix {
    display: none;
  }
  .mt48 {
    margin-top: 48px;
  }
  
  .grid_row {
    margin-left: -51px;
    margin-right: -51px;
  }
  .webbox{
          height: 580px;
  }
  .grid_row [class^="col-"],
  .grid_row [class*=" col-"] {
    padding-left: 51px;
    padding-right: 51px;
  }
  .shaff_empty_item {
    height: 100px;
  }
  .portfolio_page_section.pps3 {
    padding-bottom: 117px;
  }
  
  /*------------------------------------------------------
  / 36. Folio Details Page
  /------------------------------------------------------*/
  .portfolio_details_page_section {
    padding: 143px 0 178px;
  }
  .portfolio_details_page_section.pdps_style_2 {
    padding-bottom: 133px;
  }
  .folio_details_plain_gallery {
    position: relative;
  }
  .folio_details_plain_gallery img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: block;
    margin: 0 0 28px;
  }
  .folio_details_plain_gallery img:last-of-type {
    margin-bottom: 0;
  }
  .folio_details_content {
    position: relative;
    padding: 3px 0 0;
  }
  .folio_details_content .sec_title {
    margin: 0 0 22px;
  }
  .fol_description {
    position: relative;
    margin: 0 0 38px;
  }
  .fol_description p {
    margin: 0 0 26px;
  }
  .fol_description p:last-of-type {
    margin: 0;
  }
  .folio_meta {
    position: relative;
  }
  .fm_item {
    font-size: 16px;
    line-height: 26px;
    color: #9fcefd;
    margin: 0 0 24px;
  }
  .folio_meta .fm_item:last-of-type {
    margin-bottom: 0;
  }
  .fm_item.fmi_social {
    font-size: 18px;
    color: #959595;
  }
  .fm_item strong {
    font-size: 18px;
    line-height: inherit;
    color: #1e1e1e;
    font-weight: 600;
    margin-right: 10px;
  }
  .fm_item a {
    color: inherit;
  }
  .fm_item.fmi_social a {
    margin-right: 25px;
  }
  .fm_item.fmi_social a:last-child {
    margin-right: 0;
  }
  .fm_item a:hover {
    color: #1e1e1e;
  }
  .fm_item.fmi_social a:hover {
    color: #9fcefd;
  }
  .folio_gallery_large_img {
    position: relative;
    border-radius: 5px;
    margin: 0 0 30px;
  }
  .folio_gallery_large_img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .folio_gallery_sm_img {
    position: relative;
    border-radius: 0;
    margin: 0 0 30px;
  }
  .folio_gallery_sm_img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .pdps_style_2 .folio_details_content {
    padding: 0 75px 0 0;
    margin: 0;
  }
  .mb36 {
    margin-bottom: 36px;
  }
  .pdps_style_2 .folio_details_content .sec_title {
    margin: 0 0 42px;
  }
  .pdps_style_2 .folio_meta {
    padding: 65px 0 0;
  }
  
  /*------------------------------------------------------
  / 37. Site Preloader
  /------------------------------------------------------*/
  .preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
    z-index: 9999;
  }
  .la-ball-scale-multiple,
  .la-ball-scale-multiple > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #9fcefd;
  }
  .la-ball-scale-multiple.la-dark {
    color: #333;
  }
  .la-ball-scale-multiple > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
  }
  .la-ball-scale-multiple {
    width: 32px;
    height: 32px;
  }
  .la-ball-scale-multiple > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    -moz-animation: ball-scale-multiple 1s 0s linear infinite;
    -o-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
  }
  .la-ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .la-ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  .la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px;
  }
  .la-ball-scale-multiple.la-sm > div {
    width: 16px;
    height: 16px;
  }
  .la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
  }
  .la-ball-scale-multiple.la-2x > div {
    width: 64px;
    height: 64px;
  }
  .la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px;
  }
  .la-ball-scale-multiple.la-3x > div {
    width: 96px;
    height: 96px;
  }
  @-webkit-keyframes ball-scale-multiple {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    5% {
      opacity: 0.75;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @-moz-keyframes ball-scale-multiple {
    0% {
      opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0);
    }
    5% {
      opacity: 0.75;
    }
    100% {
      opacity: 0;
      -moz-transform: scale(1);
      transform: scale(1);
    }
  }
  @-o-keyframes ball-scale-multiple {
    0% {
      opacity: 0;
      -o-transform: scale(0);
      transform: scale(0);
    }
    5% {
      opacity: 0.75;
    }
    100% {
      opacity: 0;
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes ball-scale-multiple {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
    }
    5% {
      opacity: 0.75;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }