* {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
 }
 :root {
     --theme-color: #37AA67;
     --secondary-color: #0B1784;
     --pink-color: #FFC0CB;
     --violet-color: #7F00FF;
     --crimson-color: #DC143C;
     --orange-color: #FFA500;
     --text-color: #6A6A6A;
     --title-color: #111111;
     --text-font: 'Inter', sans-serif;
     --title-font: 'Afacad', sans-serif;
 }


 body {
     font-size: 16px;
     color: var(--text-color);
     line-height: 26px;
     font-weight: 400;
     background: #ffffff;
     font-family: var(--text-font);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
     -webkit-font-smoothing: antialiased;
 }

 @media (min-width:1200px) {
     .container {
         max-width: 1200px;
         padding: 0px 15px;
     }
 }

 .large-container {
     max-width: 1550px;
     padding: 0px 15px;
     margin: 0 auto;
 }

 .container-fluid {
     padding: 0px;
 }



 .small-container {
     max-width: 680px;
     margin: 0 auto;
 }

 .boxed_wrapper {
     position: relative;
     margin: 0 auto;
     overflow: hidden !important;
     width: 100%;
     min-width: 300px;
 }


 a {
     text-decoration: none;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 a:hover {
     text-decoration: none;
     outline: none;
 }

 input,
 button,
 select,
 textarea {
     font-family: var(--text-font);
     font-weight: 400;
     font-size: 18px;
     background: transparent;
 }

 ::-webkit-input-placeholder {
     color: inherit;
 }

 ::-moz-input-placeholder {
     color: inherit;
 }

 ::-ms-input-placeholder {
     color: inherit;
 }

 ul,
 li {
     list-style: none;

     margin: 0px;
 }

 input {
     transition: all 500ms ease;
 }

 button:focus,
 input:focus,
 textarea:focus {
     outline: none;
     box-shadow: none;
     transition: all 500ms ease;
 }

 p {
     position: relative;
     font-family: var(--text-font);
     color: var(--text-color);
     font-weight: 400;
     margin: 0px;
     transition: all 500ms ease;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-family: var(--title-font);
     font-weight: 600;
     color: #101A30;
     margin: 0px;
     transition: all 500ms ease;
 }

 /* Preloader */

 .handle-preloader {
     align-items: center;
     -webkit-align-items: center;
     display: flex;
     display: -ms-flexbox;
     height: 100%;
     justify-content: center;
     -webkit-justify-content: center;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 9999999;
     background: var(--secondary-color);
 }

 .preloader-close {
     position: fixed;
     z-index: 99999999;
     font-size: 14px;
     background: #fff;
     color: red;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 50%;
     cursor: pointer;
     right: 30px;
     top: 30px;
     font-weight: 400;
 }

 .handle-preloader .animation-preloader {
     position: absolute;
     z-index: 100;
 }

 .handle-preloader .animation-preloader .spinner {
     animation: spinner 1s infinite linear;
     border-radius: 50%;
     height: 150px;
     margin: 0 auto 45px auto;
     width: 150px;
 }

 .handle-preloader .animation-preloader .txt-loading {
     text-align: center;
     user-select: none;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     animation: letters-loading 4s infinite;
     content: attr(data-text-preloader);
     left: 0;
     opacity: 0;
     top: 0;
     position: absolute;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading {
     font-family: var(--title-font);
     font-weight: 500;
     letter-spacing: 15px;
     display: inline-block;
     position: relative;
     font-size: 70px;
     line-height: 70px;
     text-transform: uppercase;
     color: transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
     animation-delay: 0.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
     animation-delay: 0.4s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
     animation-delay: 0.6s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
     animation-delay: 0.8s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
     animation-delay: 1s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
     animation-delay: 1.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
     animation-delay: 1.4s;
 }

 .handle-preloader .loader-section {
     background-color: #ffffff;
     height: 100%;
     position: fixed;
     top: 0;
     width: calc(50% + 1px);
 }

 .preloader .loaded .animation-preloader {
     opacity: 0;
     transition: 0.3s ease-out;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     color: #ffffff;
 }

 .handle-preloader .animation-preloader .spinner {
     border: 3px solid #ffffff;
     border-top-color: rgba(255, 255, 255, 0.3);
 }

 /* Animación del preloader */
 @keyframes spinner {
     to {
         transform: rotateZ(360deg);
     }
 }

 @keyframes letters-loading {

     0%,
     75%,
     100% {
         opacity: 0;
         transform: rotateY(-90deg);
     }

     25%,
     50% {
         opacity: 1;
         transform: rotateY(0deg);
     }
 }

 @media screen and (max-width: 767px) {
     .handle-preloader .animation-preloader .spinner {
         height: 8em;
         width: 8em;
     }
 }

 @media screen and (max-width: 500px) {
     .handle-preloader .animation-preloader .spinner {
         height: 7em;
         width: 7em;
     }

     .handle-preloader .animation-preloader .txt-loading .letters-loading {
         font-size: 40px;
         letter-spacing: 10px;
     }
 }


 .centred {
     text-align: center;
 }

 .pull-left {
     float: left;
 }

 .pull-right {
     float: right;
 }

 .special_fonts {
     font-family: 'Fredoka', sans-serif;
 }




 img {
     display: inline-block;

     height: auto;
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .7s;
     transition-property: all;
 }

 .row {
     --bs-gutter-x: 30px;
 }

 /** button **/


 .theme-btn {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 20px;
     line-height: 30px;
     font-weight: 500;
     font-family: var(--title-font);
     color: #fff !important;
     text-align: center;
     border-radius: 35px;
     padding: 10px 30px;
     z-index: 1;
     transition: all 500ms ease;
 }

 .theme-btn span {
     position: absolute;
     width: 25%;
     height: 100%;
     transform: translateY(150%);
     border-radius: 50%;
     left: calc((var(--n) - 1) * 25%);
     transition: 0.5s;
     transition-delay: calc((var(--n) - 1) * 0.1s);
     z-index: -1;
     background: var(--secondary-color);
 }

 .theme-btn:hover span {
     transform: translateY(0) scale(2);
 }

 .theme-btn span:nth-child(1) {
     --n: 1;
 }

 .theme-btn span:nth-child(2) {
     --n: 2;
 }

 .theme-btn span:nth-child(3) {
     --n: 3;
 }

 .theme-btn span:nth-child(4) {
     --n: 4;
 }

 .parallax-bg {
     position: absolute;
     left: 0px;
     top: -30%;
     width: 100%;
     height: calc(100% + 30%);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }


 /** styled-pagination */

 .pagination {
     position: relative;
     display: block;
 }

 .pagination li {
     position: relative;
     display: inline-block;
 }

 .pagination li a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     height: 50px;
     width: 50px;
     line-height: 50px;
     text-align: center;
     color: var(--title-color);
     border-radius: 50%;
     z-index: 1;
     transition: all 500ms ease;
 }

 .pagination li a:hover,
 .pagination li a.current {
     color: #fff;
 }

 .pagination li span {
     position: relative;
     display: inline-block;
     font-size: 20px;
     color: var(--title-color);
 }

 .sec-pad {
     padding: 142px 0px 150px 0px;
 }

 .pagination li a i {
     font-size: 12px;
 }

 .mr-0 {
     margin: 0px !important;
 }

 /** scroll-to-top **/

 .scroll-to-top {
     position: fixed;
     right: 30px;
     bottom: 30px;
     height: 46px;
     width: 46px;
     cursor: pointer;
     display: block;
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2);
     border-radius: 50%;
     z-index: 90000;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(15px);
     -ms-transform: translateY(15px);
     transform: translateY(15px);
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
 }

 .scroll-to-top.scroll-top-active {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
 }

 .scroll-to-top::after {
     position: absolute;
     /* content: "\f106"; */
     font-family: 'Font Awesome 5 Pro';
     text-align: center;
     line-height: 46px;
     font-size: 18px;
     color: var(--theme-color);
     left: 0;
     top: 0;
     height: 46px;
     width: 46px;
     cursor: pointer;
     display: block;
     z-index: 2;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear
 }

 .scroll-to-top:hover::after {
     color: var(--theme-color)
 }

 .scroll-to-top:hover::before {
     opacity: 1
 }

 .scroll-to-top .scroll-top-inner path {
     stroke-width: 4;
     fill: transparent;
     box-sizing: border-box;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
 }



 @-webkit-keyframes ripple {
     70% {
         -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
     }

     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     }
 }

 @keyframes ripple {
     70% {
         -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
     }

     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     }
 }



 .sec-title {
     position: relative;
     display: block;
 }

 .sub-title {
     position: relative;
     display: inline-block;
     font-size: 13px;
     line-height: 20px;
     font-weight: 500;
     text-transform: uppercase;
     padding: 5px 15px;
     text-align: center;
     border-radius: 30px;
     z-index: 1;
 }

 .sub-title:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     border-radius: 30px;
     z-index: -1;
     opacity: 0.1;
 }

 .light .sub-title:before {
     background: #fff !important;
 }

 .sec-title h2 {
     position: relative;
     display: block;
     font-size: 31px;
     line-height: 39px;
     font-weight: 700;
 }

 .sec-title.light .sub-title,
 .sec-title.light h2 {
     color: #fff !important;
 }

 .sec-title p {
     margin-top: 22px;
 }





 /*** 
  
  ====================================================================
                          Home-Page-One
  ====================================================================
  
  ***/


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

 .owl-nav button {
     background: transparent;
 }

 .float-bob-y {
     animation-name: float-bob-y;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -webkit-animation-name: float-bob-y;
     -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-name: float-bob-y;
     -moz-animation-duration: 2s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob-y;
     -ms-animation-duration: 2s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob-y;
     -o-animation-duration: 2s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .float-bob-x {
     animation-name: float-bob-x;
     animation-duration: 15s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -webkit-animation-name: float-bob-x;
     -webkit-animation-duration: 15s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-name: float-bob-x;
     -moz-animation-duration: 15s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob-x;
     -ms-animation-duration: 15s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob-x;
     -o-animation-duration: 15s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }


 /** rtl-switcher **/

 .demo-rtl {
     position: fixed;
     top: 390px;
     left: 10px;
     z-index: 9999;
 }

 button.rtl {
     background: var(--theme-color);
     display: block;
     text-indent: inherit;
     font-size: 12px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
     margin: 0px;
     color: #fff !important;
     border-radius: 50%;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
     transition: all 500ms ease;
 }

 .demo-ltr {
     position: fixed;
     top: 390px;
     left: auto;
     right: 10px;
     z-index: 9999;
 }

 button.ltr {
     background: var(--theme-color);
     display: block;
     text-indent: inherit;
     font-size: 12px;
     font-weight: 700;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     margin: 0px;
     color: #fff !important;
     border-radius: 50%;
     box-shadow: rgba(0, 0, 0, 1.0);
     transition: all 500ms ease;
 }

 .boxed_wrapper.ltr .demo-rtl {
     display: block;
 }

 .boxed_wrapper.ltr .demo-ltr {
     display: none;
 }

 .boxed_wrapper.rtl .demo-rtl {
     display: none;
 }

 .boxed_wrapper.rtl .demo-ltr {
     display: block;
 }


 .r-hex {
     position: absolute;
     left: 105px;
     top: 0px;
     overflow: hidden;
     display: inline-block;
     width: 100px;
     height: 100px;
     transform: rotate(-30deg) skewX(30deg);
     border-radius: 15px;
 }

 .r-hex *,
 .r-hex *:before {
     display: block;
     overflow: hidden;
     width: inherit;
     height: inherit;
     border-radius: inherit;
 }

 .r-hex-inner {
     transform: skewX(-30deg) rotate(60deg) skewX(30deg);
     cursor: pointer;
     transition: all 500ms ease;
 }

 .r-hex:first-child .r-hex-inner:before {
     transform: skewX(-30deg) rotate(60deg) skewX(30deg);
     background: #F5F5F5;
     content: '';
 }

 .list-style-one li {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 24px;
     font-weight: 600;
     color: var(--title-color);
     padding-left: 28px;
     margin-bottom: 20px;
 }

 .list-style-one li:last-child {
     margin-bottom: 0px;
 }

 .list-style-one li:before {
     /* position: absolute;
    content: '\e906';
    font-family: 'icomoon'; */
     font-size: 16px;
     left: 0px;
     top: 0px;
 }

 @-webkit-keyframes bounceSlide {

     0%,
     20%,
     50%,
     80%,
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     40% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px)
     }

     60% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px)
     }
 }

 @keyframes bounceSlide {

     0%,
     20%,
     50%,
     80%,
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     40% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px)
     }

     60% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px)
     }
 }

 .bounce-slide {
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: bounceSlide;
     animation-name: bounceSlide
 }


 .tabs-box .tab {
     position: relative;
     display: none;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
 }

 .tabs-box .tab.active-tab {
     display: block;
 }

 .tabs-box .tab {
     transform: scale(0.9, 0.9) translateY(0px);
 }

 .tabs-box .tab.active-tab {
     transform: scale(1) translateY(0px);
 }

 .list-style-two li {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     color: var(--title-color);
     margin-bottom: 27px;
     padding-left: 16px;
 }

 .list-style-two li:last-child {
     margin-bottom: 0px;
 }

 .list-style-two li:before {
     position: absolute;
     content: '';
     background: var(--secondary-color);
     width: 7px;
     height: 7px;
     border-radius: 50%;
     left: 0px;
     top: 8px;
 }

 .main-content {
     position: relative;
     background: #fff;
     z-index: 1;
     margin-bottom: 21px;
 }

 .accordion-box .block .acc-content {
     position: relative;
     display: none;
 }

 .accordion-box .block .acc-content.current {
     display: block;
 }

 .nav-style-one .owl-nav button {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 60px;
     line-height: 62px;
     background: #fff;
     text-align: center;
     border-radius: 50%;
     font-size: 16px;
     box-shadow: 2px 0px 70px 0px rgba(0, 0, 0, 0.10);
     transition: all 500ms ease;
 }

 .nav-style-one .owl-nav button:hover {
     color: #fff !important;
 }

 .dots-style-one .owl-dots .owl-dot span {
     display: none !important;
 }

 .dots-style-one .owl-dots .owl-dot {
     position: relative;
     display: inline-block;
     width: 12px;
     height: 12px;
     margin-right: 15px;
     border: solid;
     border-width: 1.5px;
     border-color: var(--secondary-color);
     border-radius: 50%;
     transition: all 500ms ease;
 }

 .dots-style-one .owl-dots .owl-dot.active,
 .dots-style-one .owl-dots .owl-dot:hover {
     transform: scale(1.7);
 }

 .dots-style-one .owl-dots .owl-dot:last-child {
     margin: 0px !important;
 }

 .dots-style-one .owl-dots .owl-dot:before {
     position: absolute;
     content: '';
     width: 5.5px;
     height: 5.5px;
     left: 2px;
     top: 2px;
     border-radius: 50%;
     transform: scale(0, 0);
     transition: all 500ms ease;
 }

 .dots-style-one .owl-dots .owl-dot.active:before,
 .dots-style-one .owl-dots .owl-dot:hover:before {
     transform: scale(1, 1);
 }

 .main-content.alternat-2 {
     margin-bottom: 690px;
 }


 .team-section.about-page {
     padding: 0px 0px 180px 0px;
 }




 .fa-angle-up {
     padding: 14px 4px 6px 15px;
     font-size: 18px;
     color: #37aa67;

 }




 .cta-block {
     /* width: 50%; */
     padding: 0px 20px;

 }

 .e-con-inner {
     display: flex;
 }




 .homeSearch__Wrapper {
     border-radius: 114px;
     box-sizing: border-box;
     display: inline-block;
     margin: 0px auto 0;
     position: relative;
     width: 95%;
     bottom: 324px;
     z-index: 1;
     font-family: sans-serif;
     background-color: #B2BEB5;
     left: 35px;
     height: 210px;

     background-image: url("./66.jpg");
     background-size: cover;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

 }

 @media only screen and (min-width: 1201px) {
     .homeSearch {
         min-width: 500px;
     }
 }

 .homeSearch {
     font-family: sans-serif;
     border-radius: 3px;
     display: flex;
     flex-wrap: nowrap;
     margin: auto;
     max-width: 879px;
     position: relative;
     width: 100%;
     background-color: white;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     bottom: 14px;


 }

 .homeSearch__input {
     -webkit-appearance: none;
     border: 1px solid #c4c4c4;
     border-radius: 3px 0 0 3px;
     box-sizing: border-box;
     display: block;
     font-family: inherit;
     font-size: 15px;
     height: 67px;
     padding: 0 1rem;
     text-overflow: ellipsis;
     width: 100%;
     font-family: sans-serif;
 }

 .homeSearch__submit {
     align-items: center;
     border: none;
     border-radius: 0 3px 3px 0;
     box-sizing: border-box;
     display: flex;
     font-size: 15px;
     font-weight: 600;
     justify-content: center;
     margin: 0;
     padding: 0 2rem;
     white-space: nowrap;
 }

 .homeSearch__submit .homeSearch__submitText {
     margin-right: 1rem;
     font-family: sans-serif;

 }

 .homeSearch__submit .homeSearch__submitIcon {
     height: 18px;
     width: 18px;
     font-family: sans-serif;
 }






 /* .homeSearch__submit{
    background: linear-gradient(102.73deg, #37AA67 0.76%, #08349E 99.64%);
    border-color: #0666e5;
    color: #fff;
    font-family: sans-serif;
  
  } */




 .homeSearch__submit {
     background-color: #113281;
     border-color: #0666e5;
     color: #fff;
     font-family: sans-serif;

 }


 /* ABOUT SECTION CSS STARTS HERE */

 /** about-section **/

 .about-section {
     position: relative;
     bottom: 126px;

 }

 .image_block_one .image-box {
     position: relative;
     display: block;
     /* padding-left:  */
 }

 .image_block_one .image-box .image {
     position: relative;
     display: block;
     max-width: 488px;
 }

 .image_block_one .image-box .image img {
     width: 100%;
 }

 .image_block_one .image-box .image-content {
     position: absolute;
     right: 20px;
     bottom: 0px;
     width: 200px;
     background: #fff;
     border: dashed;
     border-width: 2px;
     padding: 42px 30px;
     border-radius: 10px;
     text-align: center;
     box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.08);
 }

 .image_block_one .image-box .image-content h2 {
     position: relative;
     display: block;
     font-size: 72px;
     line-height: 50px;
     font-weight: 700;
     margin-bottom: 18px;
 }

 .image_block_one .image-box .image-content h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 22px;
 }

 .image_block_one .image-box .image-shape .shape-1 {
     position: absolute;
     left: 0px;
     bottom: 54px;
     width: 230px;
     height: 230px;
     background-repeat: no-repeat;
     z-index: 1;
     -webkit-animation: zoom-fade 6s infinite linear;
     animation: zoom-fade 6s infinite linear;
 }

 .image_block_one .image-box .image-shape .shape-2 {
     position: absolute;
     top: 105px;
     right: 50px;
     width: 172px;
     height: 172px;
     background-repeat: no-repeat;
     -webkit-animation: zoom-fade 4s infinite linear;
     animation: zoom-fade 4s infinite linear;
 }

 .content_block_one .content-box {
     position: relative;
     display: block;
 }

 .content_block_one .content-box .text-box p {
     margin-bottom: 30px;
 }

 .about-section .pattern-layer .pattern-1 {
     position: absolute;
     left: -110px;
     bottom: 80px;
     width: 321px;
     height: 321px;
     background-repeat: no-repeat;
     -webkit-animation: zoom-fade 6s infinite linear;
     animation: zoom-fade 6s infinite linear;
 }

 .about-section .pattern-layer .pattern-2 {
     position: absolute;
     left: 104px;
     top: 227px;
     width: 196px;
     height: 196px;
     background-repeat: no-repeat;
     -webkit-animation: zoom-fade 4s infinite linear;
     animation: zoom-fade 4s infinite linear;
 }

 .about-section .pattern-layer .pattern-3 {
     position: absolute;
     right: 0px;
     bottom: 114px;
     width: 297px;
     height: 559px;
     background-repeat: no-repeat;
 }


 /** about-style-two **/

 .about-style-two {
     position: relative;
 }

 .image_block_two .image-inner {
     position: relative;
     display: block;
 }

 .image_block_two .image-inner .image {
     position: relative;
     display: block;
     border-radius: 10px;
     overflow: hidden;
 }

 .image_block_two .image-inner .image img {
     width: 100%;
     border-radius: 10px;
 }

 .image_block_two .image-inner .image::before {
     background: rgba(255, 255, 255, 0.5);
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 0%;
     opacity: 1;
     z-index: 9;
     pointer-events: none;
 }

 .image_block_two .image-inner .image:hover::before {
     height: 100%;
     opacity: 0;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
 }

 .image_block_two .image-inner .image-box .image::before {
     width: 0%;
     height: 100%;
 }

 .image_block_two .image-inner .image-box .image:hover::before {
     width: 100%;
 }

 .image_block_two .image-inner .experience-box {
     position: relative;
     display: block;
     border-radius: 10px;
     box-shadow: 20px 0px 100px 0px rgba(0, 0, 0, 0.15);
     padding: 20px;
     z-index: 1;
     background: #fff;
     min-height: 134px;
 }

 .image_block_two .image-inner .experience-box .inner {
     padding-left: 117px;
 }

 .image_block_two .image-inner .experience-box h2 {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 94px;
     text-align: center;
     border-radius: 6px;
     padding: 8px 0px 10px 0px;
     font-size: 48px;
     line-height: 50px;
     font-weight: 700;
     z-index: 1;
 }

 .image_block_two .image-inner .experience-box h2 span {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 26px;
     font-family: var(--text-font);
     font-weight: 500;
 }

 .image_block_two .image-inner .experience-box h2:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     border-radius: 6px;
     z-index: -1;
     opacity: 0.1;
 }

 .image_block_two .image-inner .experience-box h3 {
     font-size: 24px;
     line-height: 28px;
     font-weight: 500;
 }

 .image_block_two .image-inner .image-shape .shape-1 {
     position: absolute;
     left: 100px;
     bottom: -20px;
     width: 108px;
     height: 140px;
     background-repeat: no-repeat;
 }

 .image_block_two .image-inner .image-shape .shape-2 {
     position: absolute;
     top: 47px;
     right: 30px;
     width: 108px;
     height: 140px;
     background-repeat: no-repeat;
 }

 .about-style-two .pattern-layer .pattern-1 {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 356px;
     height: 762px;
     background-repeat: no-repeat;
 }

 .about-style-two .pattern-layer .pattern-2 {
     position: absolute;
     right: 0px;
     top: 0px;
     width: 335px;
     height: 808px;
     background-repeat: no-repeat;
 }


 /** about-style-three **/

 .about-style-three {
     position: relative;
 }

 .about-style-three .image_block_two .image-inner .experience-box {
     position: absolute;
     right: 0px;
     bottom: 50px;
     width: 330px;
     border-radius: 200px;
 }

 .about-style-three .image_block_two .image-inner .experience-box h2,
 .about-style-three .image_block_two .image-inner .experience-box h2:before {
     border-radius: 50%;
 }

 .about-style-three .image_block_two .image-inner .experience-box h2 {
     font-size: 42px;
     line-height: 40px;
     padding-top: 15px;
 }

 .about-style-three .image_block_two .image-inner .experience-box h2 span {
     font-size: 18px;
 }

 .about-style-three .pattern-layer .pattern-1 {
     position: absolute;
     right: 0px;
     bottom: 160px;
     width: 297px;
     height: 559px;
     background-repeat: no-repeat;
 }

 .about-style-three .pattern-layer .pattern-2 {
     position: absolute;
     left: -110px;
     bottom: 60px;
     width: 279px;
     height: 315px;
     background-repeat: no-repeat;
 }

 .about-style-three .pattern-layer .pattern-3 {
     position: absolute;
     left: 110px;
     top: 210px;
     width: 170px;
     height: 190px;
     background-repeat: no-repeat;
 }

 .image_block_three .image-box {
     position: relative;
     display: block;
 }

 .image_block_three .image-box .image img {
     width: 100%;
 }

 .image_block_three .image-box .experience-box {
     position: absolute;
     left: 0px;
     bottom: 65px;
     width: 214px;
     height: 214px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }

 .image_block_three .image-box .experience-box .r-hex:first-child .r-hex-inner:before {
     transition: all 500ms ease;
 }

 .image_block_three .image-box .experience-box .r-hex {
     width: 245px;
     height: 214px;
     border-radius: 7px;
     left: -14px;
 }

 .image_block_three .image-box .experience-box h2 {
     position: relative;
     display: block;
     font-size: 72px;
     line-height: 50px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 18px;
 }

 .image_block_three .image-box .experience-box h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 22px;
     color: #fff;
 }

 .image_block_three .image-box .small-image .image-1 {
     position: absolute;
     left: 0px;
     top: 73px;
     border-radius: 50%;
 }

 .image_block_three .image-box .small-image .image-2 {
     position: absolute;
     top: 10px;
     right: -25px;
     border-radius: 50%;
 }

 .about-style-three .pattern-layer .pattern-4 {
     position: absolute;
     top: 87px;
     right: 111px;
     width: 170px;
     height: 190px;
     background-repeat: no-repeat;
 }

 .about-style-three .pattern-layer .pattern-5 {
     position: absolute;
     right: -103px;
     bottom: 0px;
     width: 279px;
     height: 315px;
     background-repeat: no-repeat;
 }


 /** about-style-four **/

 .about-style-four {
     position: relative;
 }

 .about-style-four .image_block_three .image-box .image {
     position: relative;
     display: block;
     border: solid;
     border-width: 10px;
     border-color: #fff;
     border-radius: 10px;
     box-shadow: 4px 0px 54px 0px rgba(0, 0, 0, 0.15);
 }

 .about-style-four .image_block_three .image-box .image img {
     border-radius: 10px;
 }

 .about-style-four .image_block_three .image-box .image::before {
     background: rgba(255, 255, 255, 0.5);
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 0%;
     opacity: 1;
     z-index: 9;
     pointer-events: none;
 }

 .about-style-four .image_block_three .image-box .image:hover::before {
     height: 100%;
     opacity: 0;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
 }

 .about-style-four .image_block_three .image-box .image-2::before {
     width: 0%;
     height: 100%;
 }

 .about-style-four .image_block_three .image-box .image-2:hover::before {
     width: 100%;
 }

 .about-style-four .image_block_three .image-box .experience-box {
     width: 200px;
     height: 224px;
     left: 50%;
     margin-left: -100px;
     bottom: 162px;
     z-index: 9;
 }

 .about-style-four .image_block_three .image-box .experience-box .shape {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 200px;
     height: 224px;
     background-repeat: no-repeat;
     background-position: center;
 }

 .about-style-four .pattern-layer .pattern-1 {
     position: absolute;
     top: 50px;
     right: -194px;
     width: 401px;
     height: 384px;
     background-repeat: no-repeat;
 }

 .about-style-four .pattern-layer .pattern-2 {
     position: absolute;
     left: 104px;
     top: 90px;
     width: 203px;
     height: 228px;
     background-repeat: no-repeat;
 }

 .about-style-four .pattern-layer .pattern-3 {
     position: absolute;
     left: -110px;
     bottom: 100px;
     width: 279px;
     height: 315px;
     background-repeat: no-repeat;
 }



 /** clients-section **/


         
    .client-logo {
         margin: 0 15px;
  max-height: 60px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: grayscale(100%) !important;
  transition: transform 0.3s ease, filter 0.3s ease !important;
}

.client-logo:hover {
  filter: grayscale(0%) !important;
  transform: scale(1.05) !important;
}

.clients-section {
  background: #f9fafb !important;
}

@media (max-width: 576px) {
  .client-logo {
    max-height: 40px !important;
    max-width: 100px !important;
  }
}
.carousel-control-prev{
    display:none;
}
.carousel-control-next{
     display:none;
  
}
.clients-section center p {
    font-weight: 700;
    font-size: 24px;
    color: #004c72;
    font-family: Poppins;
}

 /** clients-section  ENDS**/





 /** cta-section **/

 .cta-section {
     position: relative;
 }

 .cta-block-one .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
     border-radius: 10px;
     padding: 80px 50px 84px 50px;
     z-index: 1;
 }

 .cta-block-one .inner-box .bg-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     transition: all 0.3s ease-in-out 0.1s;
 }

 .cta-block-one .inner-box .bg-layer:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     background: linear-gradient(-90deg, rgba(55, 170, 103, 0) 0%, #37AA67 90.95%);
 }

 .cta-block-one .inner-box:hover .bg-layer {
     transform: scale(1.1);
 }

 .cta-block-one .inner-box .text {
     position: relative;
     display: block;
     font-size: 14px;
     line-height: 27px;
     font-weight: 700;
     text-transform: uppercase;
     color: #fff;
     margin-bottom: 5px;
 }

 .cta-block-one .inner-box h2 {
     display: block;
     font-size: 40px;
     line-height: 50px;
     color: #fff;
     margin-bottom: 25px;
 }

 .cta-block-one .inner-box .theme-btn {
     background: #fff !important;
     color: var(--title-color) !important;
 }

 .cta-block-one .inner-box .theme-btn:hover {
     color: #fff !important;
 }

 .cta-section .inner-container {
     position: relative;
     margin-top: -185px;
 }

 .cta-section.alternat-2 .inner-container {
     margin-top: 0px;
 }


 /** cta-style-two **/

 .cta-style-two {
     position: relative;
 }

 .cta-style-two .inner-container {
     position: relative;
     display: inline-block;
     width: 100%;
     margin-top: -80px;
     margin-bottom: -80px;
     border-radius: 10px;
     overflow: hidden;
     background: linear-gradient(102.73deg, #37AA67 0.76%, #08349E 99.64%);
     padding: 40px 60px 39px 60px;
 }

 .cta-style-two .content-box {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .cta-style-two .content-box h2 {
     font-size: 36px;
     line-height: 40px;
     color: #fff;
 }

 .cta-style-two .content-box .btn-box {
     position: relative;
     display: flex;
     align-items: center;
 }

 .cta-style-two .content-box .btn-box a:first-child {
     background: #fff !important;
     color: var(--title-color) !important;
 }

 .cta-style-two .content-box .btn-box a:first-child:hover {
     color: #fff !important;
 }

 .cta-style-two .inner-container #particles-js {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     opacity: 0.2;
 }


 /** cta-section  ENDS**/

 /* Elementpath css */

 /* 
  el_01 
  color
  */
 .color_blue {
     color: #7f27d8;
 }

 .color_purple {
     color: #6f42c1;
 }

 .color_pink {
     color: #d63384;
 }

 .color_red {
     color: #dc3545;
 }

 .color_orange {
     color: #fd7e14;
 }

 .color_yellow {
     color: #ffc107;
 }

 .color_green {
     color: #198754;
 }

 .color_gray {
     color: #6c757d;
 }

 .color_gray_dark {
     color: #343a40;
 }

 .color_light {
     color: #f8f9fa;
 }

 .color_dark {
     color: #212529;
 }

 .color_black {
     color: #000000;
 }

 /* 
  el_02 
  background
  */
 .bg_blue {
     background-color: #7f27d8;
 }

 .bg_purple {
     background-color: #6f42c1;
 }

 .bg_pink {
     background-color: #d63384;
 }

 .bg_red {
     background-color: #dc3545;
 }

 .bg_orange {
     background-color: #fd7e14;
 }

 .bg_yellow {
     background-color: #ffc107;
 }

 .bg_green {
     background-color: #198754;
     ;
 }

 .bg_gray {
     background-color: #6c757d;
 }

 .bg_gray-dark {
     background-color: #343a40;
 }

 .bg_light {
     background-color: #f8f9fa;
 }

 .bg_dark {
     background-color: #212529;
 }

 .bg_cover {
     background-size: cover;
 }

 .bg_contain {
     background-size: contain;
 }

 .bg_fixed {
     background-attachment: fixed;
 }

 .bg_top {
     background-position: top;
 }

 .bg_right {
     background-position: right;
 }

 .bg_bottom {
     background-position: bottom;
 }

 .bg_left {
     background-position: left;
 }

 .bg_center {
     background-position: center;
 }

 /* 
  el_03 
  display
  */
 .d_block {
     display: block;
 }

 .d_iblock {
     display: inline-block;
 }

 .d_flex {
     display: flex;
 }

 .d_table {
     display: table;
 }

 .d_tcell {
     display: table-cell;
 }

 .d_none {
     display: none;
 }

 /* 
  el_04 
  position
  */
 .p_relative {
     position: relative;
 }

 .p_absolute {
     position: absolute;
 }

 .p_fixed {
     position: fixed;
 }

 /* 
  el_05 
  Border
  */
 .border {
     border: 1px solid #ddd;
 }

 .border_top {
     border-top: 1px solid #ddd;
 }

 .border_right {
     border-right: 1px solid #ddd;
 }

 .border_bottom {
     border-bottom: 1px solid #ddd;
 }

 .border_left {
     border-left: 1px solid #ddd;
 }

 /* 
  el_06 
  Transition
  */
 .tran_3 {
     transition: .3s;
 }

 .tran_4 {
     transition: .4s;
 }

 .tran_5 {
     transition: .5s;
 }

 /* 
  el_07 
  Font size
  */
 .fs_0 {
     font-size: 0;
 }

 .fs_1 {
     font-size: 1px;
 }

 .fs_2 {
     font-size: 2px;
 }

 .fs_3 {
     font-size: 3px;
 }

 .fs_4 {
     font-size: 4px;
 }

 .fs_5 {
     font-size: 5px;
 }

 .fs_6 {
     font-size: 6px;
 }

 .fs_7 {
     font-size: 7px;
 }

 .fs_8 {
     font-size: 8px;
 }

 .fs_9 {
     font-size: 9px;
 }

 .fs_10 {
     font-size: 10px;
 }

 .fs_11 {
     font-size: 11px;
 }

 .fs_12 {
     font-size: 12px;
 }

 .fs_13 {
     font-size: 13px;
 }

 .fs_14 {
     font-size: 14px;
 }

 .fs_15 {
     font-size: 15px;
 }

 .fs_16 {
     font-size: 16px;
 }

 .fs_17 {
     font-size: 17px;
 }

 .fs_18 {
     font-size: 18px;
 }

 .fs_19 {
     font-size: 19px;
 }

 .fs_20 {
     font-size: 20px;
 }

 .fs_25 {
     font-size: 25px;
 }

 .fs_30 {
     font-size: 30px;
 }

 .fs_35 {
     font-size: 35px;
 }

 .fs_40 {
     font-size: 40px;
 }

 .fs_45 {
     font-size: 45px;
 }

 .fs_50 {
     font-size: 50px;
 }

 .fs_55 {
     font-size: 55px;
 }

 .fs_60 {
     font-size: 60px;
 }

 .fs_65 {
     font-size: 65px;
 }

 .fs_70 {
     font-size: 70px;
 }

 .fs_75 {
     font-size: 75px;
 }

 .fs_80 {
     font-size: 80px;
 }

 .fs_85 {
     font-size: 85px;
 }

 .fs_90 {
     font-size: 90px;
 }

 .fs_95 {
     font-size: 95px;
 }

 .fs_100 {
     font-size: 100px;
 }

 .fs_110 {
     font-size: 110px;
 }

 .fs_120 {
     font-size: 120px;
 }

 .fs_130 {
     font-size: 130px;
 }

 .fs_140 {
     font-size: 140px;
 }

 .fs_150 {
     font-size: 150px;
 }

 .fs_160 {
     font-size: 160px;
 }

 .fs_170 {
     font-size: 170px;
 }

 .fs_180 {
     font-size: 180px;
 }

 .fs_190 {
     font-size: 190px;
 }

 .fs_200 {
     font-size: 200px;
 }

 /* 
  el_08 
  Font wieght
  */
 .fw_light {
     font-weight: 300;
 }

 .fw_normal {
     font-weight: 400;
 }

 .fw_medium {
     font-weight: 500;
 }

 .fw_sbold {
     font-weight: 600;
 }

 .fw_bold {
     font-weight: 700;
 }

 .fw_exbold {
     font-weight: 800;
 }

 /* 
  el_09 
  Float
  */
 .float_left {
     float: left;
 }

 .float_right {
     float: right;
 }

 /* 
  el_10 
  Width
  */
 .w_0 {
     width: 0;
 }

 .w_1 {
     width: 1px;
 }

 .w_2 {
     width: 2px;
 }

 .w_3 {
     width: 3px;
 }

 .w_4 {
     width: 4px;
 }

 .w_5 {
     width: 5px;
 }

 .w_6 {
     width: 6px;
 }

 .w_7 {
     width: 7px;
 }

 .w_8 {
     width: 8px;
 }

 .w_9 {
     width: 9px;
 }

 .w_10 {
     width: 10px;
 }

 .w_11 {
     width: 11px;
 }

 .w_12 {
     width: 12px;
 }

 .w_13 {
     width: 13px;
 }

 .w_14 {
     width: 14px;
 }

 .w_15 {
     width: 15px;
 }

 .w_16 {
     width: 16px;
 }

 .w_17 {
     width: 17px;
 }

 .w_18 {
     width: 18px;
 }

 .w_19 {
     width: 19px;
 }

 .w_20 {
     width: 20px;
 }

 .w_25 {
     width: 25px;
 }

 .w_30 {
     width: 30px;
 }

 .w_35 {
     width: 35px;
 }

 .w_40 {
     width: 40px;
 }

 .w_45 {
     width: 45px;
 }

 .w_50 {
     width: 50px;
 }

 .w_55 {
     width: 55px;
 }

 .w_60 {
     width: 60px;
 }

 .w_65 {
     width: 65px;
 }

 .w_70 {
     width: 70px;
 }

 .w_75 {
     width: 75px;
 }

 .w_80 {
     width: 80px;
 }

 .w_85 {
     width: 85px;
 }

 .w_90 {
     width: 90px;
 }

 .w_95 {
     width: 95px;
 }

 .w_100 {
     width: 100px;
 }

 .w_110 {
     width: 110px;
 }

 .w_120 {
     width: 120px;
 }

 .w_130 {
     width: 130px;
 }

 .w_140 {
     width: 140px;
 }

 .w_150 {
     width: 150px;
 }

 .w_160 {
     width: 160px;
 }

 .w_170 {
     width: 170px;
 }

 .w_180 {
     width: 180px;
 }

 .w_190 {
     width: 190px;
 }

 .w_200 {
     width: 200px;
 }

 .mw_0 {
     max-width: 0;
 }

 .mw_1 {
     max-width: 1px;
 }

 .mw_2 {
     max-width: 2px;
 }

 .mw_3 {
     max-width: 3px;
 }

 .mw_4 {
     max-width: 4px;
 }

 .mw_5 {
     max-width: 5px;
 }

 .mw_6 {
     max-width: 6px;
 }

 .mw_7 {
     max-width: 7px;
 }

 .mw_8 {
     max-width: 8px;
 }

 .mw_9 {
     max-width: 9px;
 }

 .mw_10 {
     max-width: 10px;
 }

 .mw_11 {
     max-width: 11px;
 }

 .mw_12 {
     max-width: 12px;
 }

 .mw_13 {
     max-width: 13px;
 }

 .mw_14 {
     max-width: 14px;
 }

 .mw_15 {
     max-width: 15px;
 }

 .mw_16 {
     max-width: 16px;
 }

 .mw_17 {
     max-width: 17px;
 }

 .mw_18 {
     max-width: 18px;
 }

 .mw_19 {
     max-width: 19px;
 }

 .mw_20 {
     max-width: 20px;
 }

 .mw_25 {
     max-width: 25px;
 }

 .mw_30 {
     max-width: 30px;
 }

 .mw_35 {
     max-width: 35px;
 }

 .mw_40 {
     max-width: 40px;
 }

 .mw_45 {
     max-width: 45px;
 }

 .mw_50 {
     max-width: 50px;
 }

 .mw_55 {
     max-width: 55px;
 }

 .mw_60 {
     max-width: 60px;
 }

 .mw_65 {
     max-width: 65px;
 }

 .mw_70 {
     max-width: 70px;
 }

 .mw_75 {
     max-width: 75px;
 }

 .mw_80 {
     max-width: 80px;
 }

 .mw_85 {
     max-width: 85px;
 }

 .mw_90 {
     max-width: 90px;
 }

 .mw_95 {
     max-width: 95px;
 }

 .mw_100 {
     max-width: 100px;
 }

 .mw_110 {
     max-width: 110px;
 }

 .mw_120 {
     max-width: 120px;
 }

 .mw_130 {
     max-width: 130px;
 }

 .mw_140 {
     max-width: 140px;
 }

 .mw_150 {
     max-width: 150px;
 }

 .mw_160 {
     max-width: 160px;
 }

 .mw_170 {
     max-width: 170px;
 }

 .mw_180 {
     max-width: 180px;
 }

 .mw_190 {
     max-width: 190px;
 }

 .mw_200 {
     max-width: 200px;
 }

 /* 
  el_11
  height
  */
 .h_0 {
     height: 0;
 }

 .h_1 {
     height: 1px;
 }

 .h_2 {
     height: 2px;
 }

 .h_3 {
     height: 3px;
 }

 .h_4 {
     height: 4px;
 }

 .h_5 {
     height: 5px;
 }

 .h_6 {
     height: 6px;
 }

 .h_7 {
     height: 7px;
 }

 .h_8 {
     height: 8px;
 }

 .h_9 {
     height: 9px;
 }

 .h_10 {
     height: 10px;
 }

 .h_11 {
     height: 11px;
 }

 .h_12 {
     height: 12px;
 }

 .h_13 {
     height: 13px;
 }

 .h_14 {
     height: 14px;
 }

 .h_15 {
     height: 15px;
 }

 .h_16 {
     height: 16px;
 }

 .h_17 {
     height: 17px;
 }

 .h_18 {
     height: 18px;
 }

 .h_19 {
     height: 19px;
 }

 .h_20 {
     height: 20px;
 }

 .h_25 {
     height: 25px;
 }

 .h_30 {
     height: 30px;
 }

 .h_35 {
     height: 35px;
 }

 .h_40 {
     height: 40px;
 }

 .h_45 {
     height: 45px;
 }

 .h_50 {
     height: 50px;
 }

 .h_55 {
     height: 55px;
 }

 .h_60 {
     height: 60px;
 }

 .h_65 {
     height: 65px;
 }

 .h_70 {
     height: 70px;
 }

 .h_75 {
     height: 75px;
 }

 .h_80 {
     height: 80px;
 }

 .h_85 {
     height: 85px;
 }

 .h_90 {
     height: 90px;
 }

 .h_95 {
     height: 95px;
 }

 .h_100 {
     height: 100px;
 }

 .h_110 {
     height: 110px;
 }

 .h_120 {
     height: 120px;
 }

 .h_130 {
     height: 130px;
 }

 .h_140 {
     height: 140px;
 }

 .h_150 {
     height: 150px;
 }

 .h_160 {
     height: 160px;
 }

 .h_170 {
     height: 170px;
 }

 .h_180 {
     height: 180px;
 }

 .h_190 {
     height: 190px;
 }

 .h_200 {
     height: 200px;
 }

 .mh_0 {
     max-height: 0;
 }

 .mh_1 {
     max-height: 1px;
 }

 .mh_2 {
     max-height: 2px;
 }

 .mh_3 {
     max-height: 3px;
 }

 .mh_4 {
     max-height: 4px;
 }

 .mh_5 {
     max-height: 5px;
 }

 .mh_6 {
     max-height: 6px;
 }

 .mh_7 {
     max-height: 7px;
 }

 .mh_8 {
     max-height: 8px;
 }

 .mh_9 {
     max-height: 9px;
 }

 .mh_10 {
     max-height: 10px;
 }

 .mh_11 {
     max-height: 11px;
 }

 .mh_12 {
     max-height: 12px;
 }

 .mh_13 {
     max-height: 13px;
 }

 .mh_14 {
     max-height: 14px;
 }

 .mh_15 {
     max-height: 15px;
 }

 .mh_16 {
     max-height: 16px;
 }

 .mh_17 {
     max-height: 17px;
 }

 .mh_18 {
     max-height: 18px;
 }

 .mh_19 {
     max-height: 19px;
 }

 .mh_20 {
     max-height: 20px;
 }

 .mh_25 {
     max-height: 25px;
 }

 .mh_30 {
     max-height: 30px;
 }

 .mh_35 {
     max-height: 35px;
 }

 .mh_40 {
     max-height: 40px;
 }

 .mh_45 {
     max-height: 45px;
 }

 .mh_50 {
     max-height: 50px;
 }

 .mh_55 {
     max-height: 55px;
 }

 .mh_60 {
     max-height: 60px;
 }

 .mh_65 {
     max-height: 65px;
 }

 .mh_70 {
     max-height: 70px;
 }

 .mh_75 {
     max-height: 75px;
 }

 .mh_80 {
     max-height: 80px;
 }

 .mh_85 {
     max-height: 85px;
 }

 .mh_90 {
     max-height: 90px;
 }

 .mh_95 {
     max-height: 95px;
 }

 .mh_100 {
     max-height: 100px;
 }

 .mh_110 {
     max-height: 110px;
 }

 .mh_120 {
     max-height: 120px;
 }

 .mh_130 {
     max-height: 130px;
 }

 .mh_140 {
     max-height: 140px;
 }

 .mh_150 {
     max-height: 150px;
 }

 .mh_160 {
     max-height: 160px;
 }

 .mh_170 {
     max-height: 170px;
 }

 .mh_180 {
     max-height: 180px;
 }

 .mh_190 {
     max-height: 190px;
 }

 .mh_200 {
     max-height: 200px;
 }

 /* 
  el_12
  Line height
  */
 .lh_0 {
     line-height: 0;
 }

 .lh_1 {
     line-height: 1px;
 }

 .lh_2 {
     line-height: 2px;
 }

 .lh_3 {
     line-height: 3px;
 }

 .lh_4 {
     line-height: 4px;
 }

 .lh_5 {
     line-height: 5px;
 }

 .lh_6 {
     line-height: 6px;
 }

 .lh_7 {
     line-height: 7px;
 }

 .lh_8 {
     line-height: 8px;
 }

 .lh_9 {
     line-height: 9px;
 }

 .lh_10 {
     line-height: 10px;
 }

 .lh_11 {
     line-height: 11px;
 }

 .lh_12 {
     line-height: 12px;
 }

 .lh_13 {
     line-height: 13px;
 }

 .lh_14 {
     line-height: 14px;
 }

 .lh_15 {
     line-height: 15px;
 }

 .lh_16 {
     line-height: 16px;
 }

 .lh_17 {
     line-height: 17px;
 }

 .lh_18 {
     line-height: 18px;
 }

 .lh_19 {
     line-height: 19px;
 }

 .lh_20 {
     line-height: 20px;
 }

 .lh_25 {
     line-height: 25px;
 }

 .lh_30 {
     line-height: 30px;
 }

 .lh_35 {
     line-height: 35px;
 }

 .lh_40 {
     line-height: 40px;
 }

 .lh_45 {
     line-height: 45px;
 }

 .lh_50 {
     line-height: 50px;
 }

 .lh_55 {
     line-height: 55px;
 }

 .lh_60 {
     line-height: 60px;
 }

 .lh_65 {
     line-height: 65px;
 }

 .lh_70 {
     line-height: 70px;
 }

 .lh_75 {
     line-height: 75px;
 }

 .lh_80 {
     line-height: 80px;
 }

 .lh_85 {
     line-height: 85px;
 }

 .lh_90 {
     line-height: 90px;
 }

 .lh_95 {
     line-height: 95px;
 }

 .lh_100 {
     line-height: 100px;
 }

 .lh_110 {
     line-height: 110px;
 }

 .lh_120 {
     line-height: 120px;
 }

 .lh_130 {
     line-height: 130px;
 }

 .lh_140 {
     line-height: 140px;
 }

 .lh_150 {
     line-height: 150px;
 }

 .lh_160 {
     line-height: 160px;
 }

 .lh_170 {
     line-height: 170px;
 }

 .lh_180 {
     line-height: 180px;
 }

 .lh_190 {
     line-height: 190px;
 }

 .lh_200 {
     line-height: 200px;
 }

 /* 
  el_13
  Margin
  */
 .m_0 {
     margin: 0;
 }

 .m_1 {
     margin: 1px;
 }

 .m_2 {
     margin: 2px;
 }

 .m_3 {
     margin: 3px;
 }

 .m_4 {
     margin: 4px;
 }

 .m_5 {
     margin: 5px;
 }

 .m_6 {
     margin: 6px;
 }

 .m_7 {
     margin: 7px;
 }

 .m_8 {
     margin: 8px;
 }

 .m_9 {
     margin: 9px;
 }

 .m_10 {
     margin: 10px;
 }

 .m_11 {
     margin: 11px;
 }

 .m_12 {
     margin: 12px;
 }

 .m_13 {
     margin: 13px;
 }

 .m_14 {
     margin: 14px;
 }

 .m_15 {
     margin: 15px;
 }

 .m_16 {
     margin: 16px;
 }

 .m_17 {
     margin: 17px;
 }

 .m_18 {
     margin: 18px;
 }

 .m_19 {
     margin: 19px;
 }

 .m_20 {
     margin: 20px;
 }

 .m_25 {
     margin: 25px;
 }

 .m_30 {
     margin: 30px;
 }

 .m_35 {
     margin: 35px;
 }

 .m_40 {
     margin: 40px;
 }

 .m_45 {
     margin: 45px;
 }

 .m_50 {
     margin: 50px;
 }

 .m_55 {
     margin: 55px;
 }

 .m_60 {
     margin: 60px;
 }

 .m_65 {
     margin: 65px;
 }

 .m_70 {
     margin: 70px;
 }

 .m_75 {
     margin: 75px;
 }

 .m_80 {
     margin: 80px;
 }

 .m_85 {
     margin: 85px;
 }

 .m_90 {
     margin: 90px;
 }

 .m_95 {
     margin: 95px;
 }

 .m_100 {
     margin: 100px;
 }

 .m_110 {
     margin: 110px;
 }

 .m_120 {
     margin: 120px;
 }

 .m_130 {
     margin: 130px;
 }

 .m_140 {
     margin: 140px;
 }

 .m_150 {
     margin: 150px;
 }

 .m_160 {
     margin: 160px;
 }

 .m_170 {
     margin: 170px;
 }

 .m_180 {
     margin: 180px;
 }

 .m_190 {
     margin: 190px;
 }

 .m_200 {
     margin: 200px;
 }

 .mx_0 {
     margin-left: 0;
     margin-right: 0;
 }

 .mx_1 {
     margin-left: 1px;
     margin-right: 1px;
 }

 .mx_2 {
     margin-left: 2px;
     margin-right: 2px;
 }

 .mx_3 {
     margin-left: 3px;
     margin-right: 3px;
 }

 .mx_4 {
     margin-left: 4px;
     margin-right: 4px;
 }

 .mx_5 {
     margin-left: 5px;
     margin-right: 5px;
 }

 .mx_6 {
     margin-left: 6px;
     margin-right: 6px;
 }

 .mx_7 {
     margin-left: 7px;
     margin-right: 7px;
 }

 .mx_8 {
     margin-left: 8px;
     margin-right: 8px;
 }

 .mx_9 {
     margin-left: 9px;
     margin-right: 9px;
 }

 .mx_10 {
     margin-left: 10px;
     margin-right: 10px;
 }

 .mx_11 {
     margin-left: 11px;
     margin-right: 11px;
 }

 .mx_12 {
     margin-left: 12px;
     margin-right: 12px;
 }

 .mx_13 {
     margin-left: 13px;
     margin-right: 13px;
 }

 .mx_14 {
     margin-left: 14px;
     margin-right: 14px;
 }

 .mx_15 {
     margin-left: 15px;
     margin-right: 15px;
 }

 .mx_16 {
     margin-left: 16px;
     margin-right: 16px;
 }

 .mx_17 {
     margin-left: 17px;
     margin-right: 17px;
 }

 .mx_18 {
     margin-left: 18px;
     margin-right: 18px;
 }

 .mx_19 {
     margin-left: 19px;
     margin-right: 19px;
 }

 .mx_20 {
     margin-left: 20px;
     margin-right: 20px;
 }

 .mx_25 {
     margin-left: 25px;
     margin-right: 25px;
 }

 .mx_30 {
     margin-left: 30px;
     margin-right: 30px;
 }

 .mx_35 {
     margin-left: 35px;
     margin-right: 35px;
 }

 .mx_40 {
     margin-left: 40px;
     margin-right: 40px;
 }

 .mx_45 {
     margin-left: 45px;
     margin-right: 45px;
 }

 .mx_50 {
     margin-left: 50px;
     margin-right: 50px;
 }

 .mx_55 {
     margin-left: 55px;
     margin-right: 55px;
 }

 .mx_60 {
     margin-left: 60px;
     margin-right: 60px;
 }

 .mx_65 {
     margin-left: 65px;
     margin-right: 65px;
 }

 .mx_70 {
     margin-left: 70px;
     margin-right: 70px;
 }

 .mx_75 {
     margin-left: 75px;
     margin-right: 75px;
 }

 .mx_80 {
     margin-left: 80px;
     margin-right: 80px;
 }

 .mx_85 {
     margin-left: 85px;
     margin-right: 85px;
 }

 .mx_90 {
     margin-left: 90px;
     margin-right: 90px;
 }

 .mx_95 {
     margin-left: 95px;
     margin-right: 95px;
 }

 .mx_100 {
     margin-left: 100px;
     margin-right: 100px;
 }

 .mx_110 {
     margin-left: 110px;
     margin-right: 110px;
 }

 .mx_120 {
     margin-left: 120px;
     margin-right: 120px;
 }

 .mx_130 {
     margin-left: 130px;
     margin-right: 130px;
 }

 .mx_140 {
     margin-left: 140px;
     margin-right: 140px;
 }

 .mx_150 {
     margin-left: 150px;
     margin-right: 150px;
 }

 .mx_160 {
     margin-left: 160px;
     margin-right: 160px;
 }

 .mx_170 {
     margin-left: 170px;
     margin-right: 170px;
 }

 .mx_180 {
     margin-left: 180px;
     margin-right: 180px;
 }

 .mx_190 {
     margin-left: 190px;
     margin-right: 190px;
 }

 .mx_200 {
     margin-left: 200px;
     margin-right: 200px;
 }

 .my_0 {
     margin-top: 0;
     margin-bottom: 0;
 }

 .my_1 {
     margin-top: 1px;
     margin-bottom: 1px;
 }

 .my_2 {
     margin-top: 2px;
     margin-bottom: 2px;
 }

 .my_3 {
     margin-top: 3px;
     margin-bottom: 3px;
 }

 .my_4 {
     margin-top: 4px;
     margin-bottom: 4px;
 }

 .my_5 {
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .my_6 {
     margin-top: 6px;
     margin-bottom: 6px;
 }

 .my_7 {
     margin-top: 7px;
     margin-bottom: 7px;
 }

 .my_8 {
     margin-top: 8px;
     margin-bottom: 8px;
 }

 .my_9 {
     margin-top: 9px;
     margin-bottom: 9px;
 }

 .my_10 {
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .my_11 {
     margin-top: 11px;
     margin-bottom: 11px;
 }

 .my_12 {
     margin-top: 12px;
     margin-bottom: 12px;
 }

 .my_13 {
     margin-top: 13px;
     margin-bottom: 13px;
 }

 .my_14 {
     margin-top: 14px;
     margin-bottom: 14px;
 }

 .my_15 {
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .my_16 {
     margin-top: 16px;
     margin-bottom: 16px;
 }

 .my_17 {
     margin-top: 17px;
     margin-bottom: 17px;
 }

 .my_18 {
     margin-top: 18px;
     margin-bottom: 18px;
 }

 .my_19 {
     margin-top: 19px;
     margin-bottom: 19px;
 }

 .my_20 {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .my_25 {
     margin-top: 25px;
     margin-bottom: 25px;
 }

 .my_30 {
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .my_35 {
     margin-top: 35px;
     margin-bottom: 35px;
 }

 .my_40 {
     margin-top: 40px;
     margin-bottom: 40px;
 }

 .my_45 {
     margin-top: 45px;
     margin-bottom: 45px;
 }

 .my_50 {
     margin-top: 50px;
     margin-bottom: 50px;
 }

 .my_55 {
     margin-top: 55px;
     margin-bottom: 55px;
 }

 .my_60 {
     margin-top: 60px;
     margin-bottom: 60px;
 }

 .my_65 {
     margin-top: 65px;
     margin-bottom: 65px;
 }

 .my_70 {
     margin-top: 70px;
     margin-bottom: 70px;
 }

 .my_75 {
     margin-top: 75px;
     margin-bottom: 75px;
 }

 .my_80 {
     margin-top: 80px;
     margin-bottom: 80px;
 }

 .my_85 {
     margin-top: 85px;
     margin-bottom: 85px;
 }

 .my_90 {
     margin-top: 90px;
     margin-bottom: 90px;
 }

 .my_95 {
     margin-top: 95px;
     margin-bottom: 95px;
 }

 .my_100 {
     margin-top: 100px;
     margin-bottom: 100px;
 }

 .my_110 {
     margin-top: 110px;
     margin-bottom: 110px;
 }

 .my_120 {
     margin-top: 120px;
     margin-bottom: 120px;
 }

 .my_130 {
     margin-top: 130px;
     margin-bottom: 130px;
 }

 .my_140 {
     margin-top: 140px;
     margin-bottom: 140px;
 }

 .my_150 {
     margin-top: 150px;
     margin-bottom: 150px;
 }

 .my_160 {
     margin-top: 160px;
     margin-bottom: 160px;
 }

 .my_170 {
     margin-top: 170px;
     margin-bottom: 170px;
 }

 .my_180 {
     margin-top: 180px;
     margin-bottom: 180px;
 }

 .my_190 {
     margin-top: 190px;
     margin-bottom: 190px;
 }

 .my_200 {
     margin-top: 200px;
     margin-bottom: 200px;
 }

 .mt_0 {
     margin-top: 0;
 }

 .mt_1 {
     margin-top: 1px;
 }

 .mt_2 {
     margin-top: 2px;
 }

 .mt_3 {
     margin-top: 3px;
 }

 .mt_4 {
     margin-top: 4px;
 }

 .mt_5 {
     margin-top: 5px;
 }

 .mt_6 {
     margin-top: 6px;
 }

 .mt_7 {
     margin-top: 7px;
 }

 .mt_8 {
     margin-top: 8px;
 }

 .mt_9 {
     margin-top: 9px;
 }

 .mt_10 {
     margin-top: 10px;
 }

 .mt_11 {
     margin-top: 11px;
 }

 .mt_12 {
     margin-top: 12px;
 }

 .mt_13 {
     margin-top: 13px;
 }

 .mt_14 {
     margin-top: 14px;
 }

 .mt_15 {
     margin-top: 15px;
 }

 .mt_16 {
     margin-top: 16px;
 }

 .mt_17 {
     margin-top: 17px;
 }

 .mt_18 {
     margin-top: 18px;
 }

 .mt_19 {
     margin-top: 19px;
 }

 .mt_20 {
     margin-top: 20px;
 }

 .mt_25 {
     margin-top: 25px;
 }

 .mt_30 {
     margin-top: 30px;
 }

 .mt_35 {
     margin-top: 35px;
 }

 .mt_40 {
     margin-top: 40px;
 }

 .mt_45 {
     margin-top: 45px;
 }

 .mt_50 {
     margin-top: 50px;
 }

 .mt_55 {
     margin-top: 55px;
 }

 .mt_60 {
     margin-top: 60px;
 }

 .mt_65 {
     margin-top: 65px;
 }

 .mt_70 {
     margin-top: 70px;
 }

 .mt_75 {
     margin-top: 75px;
 }

 .mt_80 {
     margin-top: 80px;
 }

 .mt_85 {
     margin-top: 85px;
 }

 .mt_90 {
     margin-top: 90px;
 }

 .mt_95 {
     margin-top: 95px;
 }

 .mt_100 {
     margin-top: 100px;
 }

 .mt_110 {
     margin-top: 110px;
 }

 .mt_120 {
     margin-top: 120px;
 }

 .mt_130 {
     margin-top: 130px;
 }

 .mt_140 {
     margin-top: 140px;
 }

 .mt_150 {
     margin-top: 150px;
 }

 .mt_160 {
     margin-top: 160px;
 }

 .mt_170 {
     margin-top: 170px;
 }

 .mt_180 {
     margin-top: 180px;
 }

 .mt_190 {
     margin-top: 190px;
 }

 .mt_200 {
     margin-top: 200px;
 }

 .mr_0 {
     margin-right: 0;
 }

 .mr_1 {
     margin-right: 1px;
 }

 .mr_2 {
     margin-right: 2px;
 }

 .mr_3 {
     margin-right: 3px;
 }

 .mr_4 {
     margin-right: 4px;
 }

 .mr_5 {
     margin-right: 5px;
 }

 .mr_6 {
     margin-right: 6px;
 }

 .mr_7 {
     margin-right: 7px;
 }

 .mr_8 {
     margin-right: 8px;
 }

 .mr_9 {
     margin-right: 9px;
 }

 .mr_10 {
     margin-right: 10px;
 }

 .mr_11 {
     margin-right: 11px;
 }

 .mr_12 {
     margin-right: 12px;
 }

 .mr_13 {
     margin-right: 13px;
 }

 .mr_14 {
     margin-right: 14px;
 }

 .mr_15 {
     margin-right: 15px;
 }

 .mr_16 {
     margin-right: 16px;
 }

 .mr_17 {
     margin-right: 17px;
 }

 .mr_18 {
     margin-right: 18px;
 }

 .mr_19 {
     margin-right: 19px;
 }

 .mr_20 {
     margin-right: 20px;
 }

 .mr_25 {
     margin-right: 25px;
 }

 .mr_30 {
     margin-right: 30px;
 }

 .mr_35 {
     margin-right: 35px;
 }

 .mr_40 {
     margin-right: 40px;
 }

 .mr_45 {
     margin-right: 45px;
 }

 .mr_50 {
     margin-right: 50px;
 }

 .mr_55 {
     margin-right: 55px;
 }

 .mr_60 {
     margin-right: 60px;
 }

 .mr_65 {
     margin-right: 65px;
 }

 .mr_70 {
     margin-right: 70px;
 }

 .mr_75 {
     margin-right: 75px;
 }

 .mr_80 {
     margin-right: 80px;
 }

 .mr_85 {
     margin-right: 85px;
 }

 .mr_90 {
     margin-right: 90px;
 }

 .mr_95 {
     margin-right: 95px;
 }

 .mr_100 {
     margin-right: 100px;
 }

 .mr_110 {
     margin-right: 110px;
 }

 .mr_120 {
     margin-right: 120px;
 }

 .mr_130 {
     margin-right: 130px;
 }

 .mr_140 {
     margin-right: 140px;
 }

 .mr_150 {
     margin-right: 150px;
 }

 .mr_160 {
     margin-right: 160px;
 }

 .mr_170 {
     margin-right: 170px;
 }

 .mr_180 {
     margin-right: 180px;
 }

 .mr_190 {
     margin-right: 190px;
 }

 .mr_200 {
     margin-right: 200px;
 }

 .mb_0 {
     margin-bottom: 0;
 }

 .mb_1 {
     margin-bottom: 1px;
 }

 .mb_2 {
     margin-bottom: 2px;
 }

 .mb_3 {
     margin-bottom: 3px;
 }

 .mb_4 {
     margin-bottom: 4px;
 }

 .mb_5 {
     margin-bottom: 5px;
 }

 .mb_6 {
     margin-bottom: 6px;
 }

 .mb_7 {
     margin-bottom: 7px;
 }

 .mb_8 {
     margin-bottom: 8px;
 }

 .mb_9 {
     margin-bottom: 9px;
 }

 .mb_10 {
     margin-bottom: 10px;
 }

 .mb_11 {
     margin-bottom: 11px;
 }

 .mb_12 {
     margin-bottom: 12px;
 }

 .mb_13 {
     margin-bottom: 13px;
 }

 .mb_14 {
     margin-bottom: 14px;
 }

 .mb_15 {
     margin-bottom: 15px;
 }

 .mb_16 {
     margin-bottom: 16px;
 }

 .mb_17 {
     margin-bottom: 17px;
 }

 .mb_18 {
     margin-bottom: 18px;
 }

 .mb_19 {
     margin-bottom: 19px;
 }

 .mb_20 {
     margin-bottom: 20px;
 }

 .mb_25 {
     margin-bottom: 25px;
 }

 .mb_30 {
     margin-bottom: 30px;
 }

 .mb_35 {
     margin-bottom: 35px;
 }

 .mb_40 {
     margin-bottom: 40px;
 }

 .mb_45 {
     margin-bottom: 45px;
 }

 .mb_50 {
     margin-bottom: 50px;
 }

 .mb_55 {
     margin-bottom: 55px;
 }

 .mb_60 {
     margin-bottom: 60px;
 }

 .mb_65 {
     margin-bottom: 65px;
 }

 .mb_70 {
     margin-bottom: 70px;
 }

 .mb_75 {
     margin-bottom: 75px;
 }

 .mb_80 {
     margin-bottom: 80px;
 }

 .mb_85 {
     margin-bottom: 85px;
 }

 .mb_90 {
     margin-bottom: 90px;
 }

 .mb_95 {
     margin-bottom: 95px;
 }

 .mb_100 {
     margin-bottom: 100px;
 }

 .mb_110 {
     margin-bottom: 110px;
 }

 .mb_120 {
     margin-bottom: 120px;
 }

 .mb_130 {
     margin-bottom: 130px;
 }

 .mb_140 {
     margin-bottom: 140px;
 }

 .mb_150 {
     margin-bottom: 150px;
 }

 .mb_160 {
     margin-bottom: 160px;
 }

 .mb_170 {
     margin-bottom: 170px;
 }

 .mb_180 {
     margin-bottom: 180px;
 }

 .mb_190 {
     margin-bottom: 190px;
 }

 .mb_200 {
     margin-bottom: 200px;
 }

 .ml_0 {
     margin-left: 0;
 }

 .ml_1 {
     margin-left: 1px;
 }

 .ml_2 {
     margin-left: 2px;
 }

 .ml_3 {
     margin-left: 3px;
 }

 .ml_4 {
     margin-left: 4px;
 }

 .ml_5 {
     margin-left: 5px;
 }

 .ml_6 {
     margin-left: 6px;
 }

 .ml_7 {
     margin-left: 7px;
 }

 .ml_8 {
     margin-left: 8px;
 }

 .ml_9 {
     margin-left: 9px;
 }

 .ml_10 {
     margin-left: 10px;
 }

 .ml_11 {
     margin-left: 11px;
 }

 .ml_12 {
     margin-left: 12px;
 }

 .ml_13 {
     margin-left: 13px;
 }

 .ml_14 {
     margin-left: 14px;
 }

 .ml_15 {
     margin-left: 15px;
 }

 .ml_16 {
     margin-left: 16px;
 }

 .ml_17 {
     margin-left: 17px;
 }

 .ml_18 {
     margin-left: 18px;
 }

 .ml_19 {
     margin-left: 19px;
 }

 .ml_20 {
     margin-left: 20px;
 }

 .ml_25 {
     margin-left: 25px;
 }

 .ml_30 {
     margin-left: 30px;
 }

 .ml_35 {
     margin-left: 35px;
 }

 .ml_40 {
     margin-left: 40px;
 }

 .ml_45 {
     margin-left: 45px;
 }

 .ml_50 {
     margin-left: 50px;
 }

 .ml_55 {
     margin-left: 55px;
 }

 .ml_60 {
     margin-left: 60px;
 }

 .ml_65 {
     margin-left: 65px;
 }

 .ml_70 {
     margin-left: 70px;
 }

 .ml_75 {
     margin-left: 75px;
 }

 .ml_80 {
     margin-left: 80px;
 }

 .ml_85 {
     margin-left: 85px;
 }

 .ml_90 {
     margin-left: 90px;
 }

 .ml_95 {
     margin-left: 95px;
 }

 .ml_100 {
     margin-left: 100px;
 }

 .ml_110 {
     margin-left: 110px;
 }

 .ml_120 {
     margin-left: 120px;
 }

 .ml_130 {
     margin-left: 130px;
 }

 .ml_140 {
     margin-left: 140px;
 }

 .ml_150 {
     margin-left: 150px;
 }

 .ml_160 {
     margin-left: 160px;
 }

 .ml_170 {
     margin-left: 170px;
 }

 .ml_180 {
     margin-left: 180px;
 }

 .ml_190 {
     margin-left: 190px;
 }

 .ml_200 {
     margin-left: 200px;
 }

 /* 
  el_13 
  Padding
  */
 .p_0 {
     padding: 0;
 }

 .p_1 {
     padding: 1px;
 }

 .p_2 {
     padding: 2px;
 }

 .p_3 {
     padding: 3px;
 }

 .p_4 {
     padding: 4px;
 }

 .p_5 {
     padding: 5px;
 }

 .p_6 {
     padding: 6px;
 }

 .p_7 {
     padding: 7px;
 }

 .p_8 {
     padding: 8px;
 }

 .p_9 {
     padding: 9px;
 }

 .p_10 {
     padding: 10px;
 }

 .p_11 {
     padding: 11px;
 }

 .p_12 {
     padding: 12px;
 }

 .p_13 {
     padding: 13px;
 }

 .p_14 {
     padding: 14px;
 }

 .p_15 {
     padding: 15px;
 }

 .p_16 {
     padding: 16px;
 }

 .p_17 {
     padding: 17px;
 }

 .p_18 {
     padding: 18px;
 }

 .p_19 {
     padding: 19px;
 }

 .p_20 {
     padding: 20px;
 }

 .p_25 {
     padding: 25px;
 }

 .p_30 {
     padding: 30px;
 }

 .p_35 {
     padding: 35px;
 }

 .p_40 {
     padding: 40px;
 }

 .p_45 {
     padding: 45px;
 }

 .p_50 {
     padding: 50px;
 }

 .p_55 {
     padding: 55px;
 }

 .p_60 {
     padding: 60px;
 }

 .p_65 {
     padding: 65px;
 }

 .p_70 {
     padding: 70px;
 }

 .p_75 {
     padding: 75px;
 }

 .p_80 {
     padding: 80px;
 }

 .p_85 {
     padding: 85px;
 }

 .p_90 {
     padding: 90px;
 }

 .p_95 {
     padding: 95px;
 }

 .p_100 {
     padding: 100px;
 }

 .p_110 {
     padding: 110px;
 }

 .p_120 {
     padding: 120px;
 }

 .p_130 {
     padding: 130px;
 }

 .p_140 {
     padding: 140px;
 }

 .p_150 {
     padding: 150px;
 }

 .p_160 {
     padding: 160px;
 }

 .p_170 {
     padding: 170px;
 }

 .p_180 {
     padding: 180px;
 }

 .p_190 {
     padding: 190px;
 }

 .p_200 {
     padding: 200px;
 }

 .px_0 {
     padding-left: 0;
     padding-right: 0;
 }

 .px_1 {
     padding-left: 1px;
     padding-right: 1px;
 }

 .px_2 {
     padding-left: 2px;
     padding-right: 2px;
 }

 .px_3 {
     padding-left: 3px;
     padding-right: 3px;
 }

 .px_4 {
     padding-left: 4px;
     padding-right: 4px;
 }

 .px_5 {
     padding-left: 5px;
     padding-right: 5px;
 }

 .px_6 {
     padding-left: 6px;
     padding-right: 6px;
 }

 .px_7 {
     padding-left: 7px;
     padding-right: 7px;
 }

 .px_8 {
     padding-left: 8px;
     padding-right: 8px;
 }

 .px_9 {
     padding-left: 9px;
     padding-right: 9px;
 }

 .px_10 {
     padding-left: 10px;
     padding-right: 10px;
 }

 .px_11 {
     padding-left: 11px;
     padding-right: 11px;
 }

 .px_12 {
     padding-left: 12px;
     padding-right: 12px;
 }

 .px_13 {
     padding-left: 13px;
     padding-right: 13px;
 }

 .px_14 {
     padding-left: 14px;
     padding-right: 14px;
 }

 .px_15 {
     padding-left: 15px;
     padding-right: 15px;
 }

 .px_16 {
     padding-left: 16px;
     padding-right: 16px;
 }

 .px_17 {
     padding-left: 17px;
     padding-right: 17px;
 }

 .px_18 {
     padding-left: 18px;
     padding-right: 18px;
 }

 .px_19 {
     padding-left: 19px;
     padding-right: 19px;
 }

 .px_20 {
     padding-left: 20px;
     padding-right: 20px;
 }

 .px_25 {
     padding-left: 25px;
     padding-right: 25px;
 }

 .px_30 {
     padding-left: 30px;
     padding-right: 30px;
 }

 .px_35 {
     padding-left: 35px;
     padding-right: 35px;
 }

 .px_40 {
     padding-left: 40px;
     padding-right: 40px;
 }

 .px_45 {
     padding-left: 45px;
     padding-right: 45px;
 }

 .px_50 {
     padding-left: 50px;
     padding-right: 50px;
 }

 .px_55 {
     padding-left: 55px;
     padding-right: 55px;
 }

 .px_60 {
     padding-left: 60px;
     padding-right: 60px;
 }

 .px_65 {
     padding-left: 65px;
     padding-right: 65px;
 }

 .px_70 {
     padding-left: 70px;
     padding-right: 70px;
 }

 .px_75 {
     padding-left: 75px;
     padding-right: 75px;
 }

 .px_80 {
     padding-left: 80px;
     padding-right: 80px;
 }

 .px_85 {
     padding-left: 85px;
     padding-right: 85px;
 }

 .px_90 {
     padding-left: 90px;
     padding-right: 90px;
 }

 .px_95 {
     padding-left: 95px;
     padding-right: 95px;
 }

 .px_100 {
     padding-left: 100px;
     padding-right: 100px;
 }

 .px_110 {
     padding-left: 110px;
     padding-right: 110px;
 }

 .px_120 {
     padding-left: 120px;
     padding-right: 120px;
 }

 .px_130 {
     padding-left: 130px;
     padding-right: 130px;
 }

 .px_140 {
     padding-left: 140px;
     padding-right: 140px;
 }

 .px_150 {
     padding-left: 150px;
     padding-right: 150px;
 }

 .px_160 {
     padding-left: 160px;
     padding-right: 160px;
 }

 .px_170 {
     padding-left: 170px;
     padding-right: 170px;
 }

 .px_180 {
     padding-left: 180px;
     padding-right: 180px;
 }

 .px_190 {
     padding-left: 190px;
     padding-right: 190px;
 }

 .px_200 {
     padding-left: 200px;
     padding-right: 200px;
 }

 .py_0 {
     padding-top: 0;
     padding-bottom: 0;
 }

 .py_1 {
     padding-top: 1px;
     padding-bottom: 1px;
 }

 .py_2 {
     padding-top: 2px;
     padding-bottom: 2px;
 }

 .py_3 {
     padding-top: 3px;
     padding-bottom: 3px;
 }

 .py_4 {
     padding-top: 4px;
     padding-bottom: 4px;
 }

 .py_5 {
     padding-top: 5px;
     padding-bottom: 5px;
 }

 .py_6 {
     padding-top: 6px;
     padding-bottom: 6px;
 }

 .py_7 {
     padding-top: 7px;
     padding-bottom: 7px;
 }

 .py_8 {
     padding-top: 8px;
     padding-bottom: 8px;
 }

 .py_9 {
     padding-top: 9px;
     padding-bottom: 9px;
 }

 .py_10 {
     padding-top: 10px;
     padding-bottom: 10px;
 }

 .py_11 {
     padding-top: 11px;
     padding-bottom: 11px;
 }

 .py_12 {
     padding-top: 12px;
     padding-bottom: 12px;
 }

 .py_13 {
     padding-top: 13px;
     padding-bottom: 13px;
 }

 .py_14 {
     padding-top: 14px;
     padding-bottom: 14px;
 }

 .py_15 {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .py_16 {
     padding-top: 16px;
     padding-bottom: 16px;
 }

 .py_17 {
     padding-top: 17px;
     padding-bottom: 17px;
 }

 .py_18 {
     padding-top: 18px;
     padding-bottom: 18px;
 }

 .py_19 {
     padding-top: 19px;
     padding-bottom: 19px;
 }

 .py_20 {
     padding-top: 20px;
     padding-bottom: 20px;
 }

 .py_25 {
     padding-top: 25px;
     padding-bottom: 25px;
 }

 .py_30 {
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .py_35 {
     padding-top: 35px;
     padding-bottom: 35px;
 }

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

 .py_45 {
     padding-top: 45px;
     padding-bottom: 45px;
 }

 .py_50 {
     padding-top: 50px;
     padding-bottom: 50px;
 }

 .py_55 {
     padding-top: 55px;
     padding-bottom: 55px;
 }

 .py_60 {
     padding-top: 60px;
     padding-bottom: 60px;
 }

 .py_65 {
     padding-top: 65px;
     padding-bottom: 65px;
 }

 .py_70 {
     padding-top: 70px;
     padding-bottom: 70px;
 }

 .py_75 {
     padding-top: 75px;
     padding-bottom: 75px;
 }

 .py_80 {
     padding-top: 80px;
     padding-bottom: 80px;
 }

 .py_85 {
     padding-top: 85px;
     padding-bottom: 85px;
 }

 .py_90 {
     padding-top: 90px;
     padding-bottom: 90px;
 }

 .py_95 {
     padding-top: 95px;
     padding-bottom: 95px;
 }

 .py_100 {
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .py_110 {
     padding-top: 110px;
     padding-bottom: 110px;
 }

 .py_120 {
     padding-top: 120px;
     padding-bottom: 120px;
 }

 .py_130 {
     padding-top: 130px;
     padding-bottom: 130px;
 }

 .py_140 {
     padding-top: 140px;
     padding-bottom: 140px;
 }

 .py_150 {
     padding-top: 150px;
     padding-bottom: 150px;
 }

 .py_160 {
     padding-top: 160px;
     padding-bottom: 160px;
 }

 .py_170 {
     padding-top: 170px;
     padding-bottom: 170px;
 }

 .py_180 {
     padding-top: 180px;
     padding-bottom: 180px;
 }

 .py_190 {
     padding-top: 190px;
     padding-bottom: 190px;
 }

 .py_200 {
     padding-top: 200px;
     padding-bottom: 200px;
 }

 .pt_0 {
     padding-top: 0;
 }

 .pt_1 {
     padding-top: 1px;
 }

 .pt_2 {
     padding-top: 2px;
 }

 .pt_3 {
     padding-top: 3px;
 }

 .pt_4 {
     padding-top: 4px;
 }

 .pt_5 {
     padding-top: 5px;
 }

 .pt_6 {
     padding-top: 6px;
 }

 .pt_7 {
     padding-top: 7px;
 }

 .pt_8 {
     padding-top: 8px;
 }

 .pt_9 {
     padding-top: 9px;
 }

 .pt_10 {
     padding-top: 10px;
 }

 .pt_11 {
     padding-top: 11px;
 }

 .pt_12 {
     padding-top: 12px;
 }

 .pt_13 {
     padding-top: 13px;
 }

 .pt_14 {
     padding-top: 14px;
 }

 .pt_15 {
     padding-top: 15px;
 }

 .pt_16 {
     padding-top: 16px;
 }

 .pt_17 {
     padding-top: 17px;
 }

 .pt_18 {
     padding-top: 18px;
 }

 .pt_19 {
     padding-top: 19px;
 }

 .pt_20 {
     padding-top: 20px;
 }

 .pt_25 {
     padding-top: 25px;
 }

 .pt_30 {
     padding-top: 30px;
 }

 .pt_35 {
     padding-top: 35px;
 }

 .pt_40 {
     padding-top: 40px;
 }

 .pt_45 {
     padding-top: 45px;
 }

 .pt_50 {
     padding-top: 50px;
 }

 .pt_55 {
     padding-top: 55px;
 }

 .pt_60 {
     padding-top: 60px;
 }

 .pt_65 {
     padding-top: 65px;
 }

 .pt_70 {
     padding-top: 70px;
 }

 .pt_75 {
     padding-top: 75px;
 }

 .pt_80 {
     padding-top: 80px;
 }

 .pt_85 {
     padding-top: 85px;
 }

 .pt_90 {
     padding-top: 90px;
 }

 .pt_95 {
     padding-top: 95px;
 }

 .pt_100 {
     padding-top: 100px;
 }

 .pt_110 {
     padding-top: 110px;
 }

 .pt_120 {
     padding-top: 20px;
 }

 .pt_130 {
     padding-top: 130px;
 }

 .pt_140 {
     padding-top: 140px;
 }

 .pt_150 {
     padding-top: 150px;
 }

 .pt_160 {
     padding-top: 160px;
 }

 .pt_170 {
     padding-top: 170px;
 }

 .pt_180 {
     padding-top: 180px;
 }

 .pt_190 {
     padding-top: 190px;
 }

 .pt_200 {
     padding-top: 200px;
 }

 .pr_0 {
     padding-right: 0;
 }

 .pr_1 {
     padding-right: 1px;
 }

 .pr_2 {
     padding-right: 2px;
 }

 .pr_3 {
     padding-right: 3px;
 }

 .pr_4 {
     padding-right: 4px;
 }

 .pr_5 {
     padding-right: 5px;
 }

 .pr_6 {
     padding-right: 6px;
 }

 .pr_7 {
     padding-right: 7px;
 }

 .pr_8 {
     padding-right: 8px;
 }

 .pr_9 {
     padding-right: 9px;
 }

 .pr_10 {
     padding-right: 10px;
 }

 .pr_11 {
     padding-right: 11px;
 }

 .pr_12 {
     padding-right: 12px;
 }

 .pr_13 {
     padding-right: 13px;
 }

 .pr_14 {
     padding-right: 14px;
 }

 .pr_15 {
     padding-right: 15px;
 }

 .pr_16 {
     padding-right: 16px;
 }

 .pr_17 {
     padding-right: 17px;
 }

 .pr_18 {
     padding-right: 18px;
 }

 .pr_19 {
     padding-right: 19px;
 }

 .pr_20 {
     padding-right: 20px;
 }

 .pr_25 {
     padding-right: 25px;
 }

 .pr_30 {
     padding-right: 30px;
 }

 .pr_35 {
     padding-right: 35px;
 }

 .pr_40 {
     padding-right: 40px;
 }

 .pr_45 {
     padding-right: 45px;
 }

 .pr_50 {
     padding-right: 50px;
 }

 .pr_55 {
     padding-right: 55px;
 }

 .pr_60 {
     padding-right: 60px;
 }

 .pr_65 {
     padding-right: 65px;
 }

 .pr_70 {
     padding-right: 70px;
 }

 .pr_75 {
     padding-right: 75px;
 }

 .pr_80 {
     padding-right: 80px;
 }

 .pr_85 {
     padding-right: 85px;
 }

 .pr_90 {
     padding-right: 90px;
 }

 .pr_95 {
     padding-right: 95px;
 }

 .pr_100 {
     padding-right: 100px;
 }

 .pr_110 {
     padding-right: 110px;
 }

 .pr_120 {
     padding-right: 120px;
 }

 .pr_130 {
     padding-right: 130px;
 }

 .pr_140 {
     padding-right: 140px;
 }

 .pr_150 {
     padding-right: 150px;
 }

 .pr_160 {
     padding-right: 160px;
 }

 .pr_170 {
     padding-right: 170px;
 }

 .pr_180 {
     padding-right: 180px;
 }

 .pr_190 {
     padding-right: 190px;
 }

 .pr_200 {
     padding-right: 200px;
 }

 .pb_0 {
     padding-bottom: 0;
 }

 .pb_1 {
     padding-bottom: 1px;
 }

 .pb_2 {
     padding-bottom: 2px;
 }

 .pb_3 {
     padding-bottom: 3px;
 }

 .pb_4 {
     padding-bottom: 4px;
 }

 .pb_5 {
     padding-bottom: 5px;
 }

 .pb_6 {
     padding-bottom: 6px;
 }

 .pb_7 {
     padding-bottom: 7px;
 }

 .pb_8 {
     padding-bottom: 8px;
 }

 .pb_9 {
     padding-bottom: 9px;
 }

 .pb_10 {
     padding-bottom: 10px;
 }

 .pb_11 {
     padding-bottom: 11px;
 }

 .pb_12 {
     padding-bottom: 12px;
 }

 .pb_13 {
     padding-bottom: 13px;
 }

 .pb_14 {
     padding-bottom: 14px;
 }

 .pb_15 {
     padding-bottom: 15px;
 }

 .pb_16 {
     padding-bottom: 16px;
 }

 .pb_17 {
     padding-bottom: 17px;
 }

 .pb_18 {
     padding-bottom: 18px;
 }

 .pb_19 {
     padding-bottom: 19px;
 }

 .pb_20 {
     padding-bottom: 20px;
 }

 .pb_25 {
     padding-bottom: 25px;
 }

 .pb_30 {
     padding-bottom: 30px;
 }

 .pb_35 {
     padding-bottom: 35px;
 }

 .pb_40 {
     padding-bottom: 40px;
 }

 .pb_45 {
     padding-bottom: 45px;
 }

 .pb_50 {
     padding-bottom: 50px;
 }

 .pb_55 {
     padding-bottom: 55px;
 }

 .pb_60 {
     padding-bottom: 60px;
 }

 .pb_65 {
     padding-bottom: 65px;
 }

 .pb_70 {
     padding-bottom: 70px;
 }

 .pb_75 {
     padding-bottom: 75px;
 }

 .pb_80 {
     padding-bottom: 80px;
 }

 .pb_85 {
     padding-bottom: 85px;
 }

 .pb_90 {
     padding-bottom: 0px;
 }

 .pb_95 {
     padding-bottom: 95px;
 }

 .pb_100 {
     padding-bottom: 100px;
 }

 .pb_110 {
     padding-bottom: 110px;
 }

 .pb_120 {
     padding-bottom: 5px;
 }

 .pb_130 {
     padding-bottom: 130px;
 }

 .pb_140 {
     padding-bottom: 140px;
 }

 .pb_150 {
     padding-bottom: 150px;
 }

 .pb_160 {
     padding-bottom: 160px;
 }

 .pb_170 {
     padding-bottom: 170px;
 }

 .pb_180 {
     padding-bottom: 180px;
 }

 .pb_190 {
     padding-bottom: 190px;
 }

 .pb_200 {
     padding-bottom: 200px;
 }

 .pl_0 {
     padding-left: 0;
 }

 .pl_1 {
     padding-left: 1px;
 }

 .pl_2 {
     padding-left: 2px;
 }

 .pl_3 {
     padding-left: 3px;
 }

 .pl_4 {
     padding-left: 4px;
 }

 .pl_5 {
     padding-left: 5px;
 }

 .pl_6 {
     padding-left: 6px;
 }

 .pl_7 {
     padding-left: 7px;
 }

 .pl_8 {
     padding-left: 8px;
 }

 .pl_9 {
     padding-left: 9px;
 }

 .pl_10 {
     padding-left: 10px;
 }

 .pl_11 {
     padding-left: 11px;
 }

 .pl_12 {
     padding-left: 12px;
 }

 .pl_13 {
     padding-left: 13px;
 }

 .pl_14 {
     padding-left: 14px;
 }

 .pl_15 {
     padding-left: 15px;
 }

 .pl_16 {
     padding-left: 16px;
 }

 .pl_17 {
     padding-left: 17px;
 }

 .pl_18 {
     padding-left: 18px;
 }

 .pl_19 {
     padding-left: 19px;
 }

 .pl_20 {
     padding-left: 20px;
 }

 .pl_25 {
     padding-left: 25px;
 }

 .pl_30 {
     padding-left: 30px;
 }

 .pl_35 {
     padding-left: 35px;
 }

 .pl_40 {
     padding-left: 40px;
 }

 .pl_45 {
     padding-left: 45px;
 }

 .pl_50 {
     padding-left: 50px;
 }

 .pl_55 {
     padding-left: 55px;
 }

 .pl_60 {
     padding-left: 60px;
 }

 .pl_65 {
     padding-left: 65px;
 }

 .pl_70 {
     padding-left: 70px;
 }

 .pl_75 {
     padding-left: 75px;
 }

 .pl_80 {
     padding-left: 80px;
 }

 .pl_85 {
     padding-left: 85px;
 }

 .pl_90 {
     padding-left: 90px;
 }

 .pl_95 {
     padding-left: 95px;
 }

 .pl_100 {
     padding-left: 100px;
 }

 .pl_110 {
     padding-left: 110px;
 }

 .pl_120 {
     padding-left: 120px;
 }

 .pl_130 {
     padding-left: 130px;
 }

 .pl_140 {
     padding-left: 140px;
 }

 .pl_150 {
     padding-left: 150px;
 }

 .pl_160 {
     padding-left: 160px;
 }

 .pl_170 {
     padding-left: 170px;
 }

 .pl_180 {
     padding-left: 180px;
 }

 .pl_190 {
     padding-left: 190px;
 }

 .pl_200 {
     padding-left: 200px;
 }

 /* 
  el_14 
  Top
  */
 .t_0 {
     top: 0;
 }

 .t_1 {
     top: 1px;
 }

 .t_2 {
     top: 2px;
 }

 .t_3 {
     top: 3px;
 }

 .t_4 {
     top: 4px;
 }

 .t_5 {
     top: 5px;
 }

 .t_6 {
     top: 6px;
 }

 .t_7 {
     top: 7px;
 }

 .t_8 {
     top: 8px;
 }

 .t_9 {
     top: 9px;
 }

 .t_10 {
     top: 10px;
 }

 .t_11 {
     top: 11px;
 }

 .t_12 {
     top: 12px;
 }

 .t_13 {
     top: 13px;
 }

 .t_14 {
     top: 14px;
 }

 .t_15 {
     top: 15px;
 }

 .t_16 {
     top: 16px;
 }

 .t_17 {
     top: 17px;
 }

 .t_18 {
     top: 18px;
 }

 .t_19 {
     top: 19px;
 }

 .t_20 {
     top: 20px;
 }

 .t_25 {
     top: 25px;
 }

 .t_30 {
     top: 30px;
 }

 .t_35 {
     top: 35px;
 }

 .t_40 {
     top: 40px;
 }

 .t_45 {
     top: 45px;
 }

 .t_50 {
     top: 50px;
 }

 .t_55 {
     top: 55px;
 }

 .t_60 {
     top: 60px;
 }

 .t_65 {
     top: 65px;
 }

 .t_70 {
     top: 70px;
 }

 .t_75 {
     top: 75px;
 }

 .t_80 {
     top: 80px;
 }

 .t_85 {
     top: 85px;
 }

 .t_90 {
     top: 90px;
 }

 .t_95 {
     top: 95px;
 }

 .t_100 {
     top: 100px;
 }

 .t_110 {
     top: 110px;
 }

 .t_120 {
     top: 120px;
 }

 .t_130 {
     top: 130px;
 }

 .t_140 {
     top: 140px;
 }

 .t_150 {
     top: 150px;
 }

 .t_160 {
     top: 160px;
 }

 .t_170 {
     top: 170px;
 }

 .t_180 {
     top: 180px;
 }

 .t_190 {
     top: 190px;
 }

 .t_200 {
     top: 200px;
 }

 /* 
  el_15 
  Right
  */
 .r_0 {
     right: 0;
 }

 .r_1 {
     right: 1px;
 }

 .r_2 {
     right: 2px;
 }

 .r_3 {
     right: 3px;
 }

 .r_4 {
     right: 4px;
 }

 .r_5 {
     right: 5px;
 }

 .r_6 {
     right: 6px;
 }

 .r_7 {
     right: 7px;
 }

 .r_8 {
     right: 8px;
 }

 .r_9 {
     right: 9px;
 }

 .r_10 {
     right: 10px;
 }

 .r_11 {
     right: 11px;
 }

 .r_12 {
     right: 12px;
 }

 .r_13 {
     right: 13px;
 }

 .r_14 {
     right: 14px;
 }

 .r_15 {
     right: 15px;
 }

 .r_16 {
     right: 16px;
 }

 .r_17 {
     right: 17px;
 }

 .r_18 {
     right: 18px;
 }

 .r_19 {
     right: 19px;
 }

 .r_20 {
     right: 20px;
 }

 .r_25 {
     right: 25px;
 }

 .r_30 {
     right: 30px;
 }

 .r_35 {
     right: 35px;
 }

 .r_40 {
     right: 40px;
 }

 .r_45 {
     right: 45px;
 }

 .r_50 {
     right: 50px;
 }

 .r_55 {
     right: 55px;
 }

 .r_60 {
     right: 60px;
 }

 .r_65 {
     right: 65px;
 }

 .r_70 {
     right: 70px;
 }

 .r_75 {
     right: 75px;
 }

 .r_80 {
     right: 80px;
 }

 .r_85 {
     right: 85px;
 }

 .r_90 {
     right: 90px;
 }

 .r_95 {
     right: 95px;
 }

 .r_100 {
     right: 100px;
 }

 .r_110 {
     right: 110px;
 }

 .r_120 {
     right: 120px;
 }

 .r_130 {
     right: 130px;
 }

 .r_140 {
     right: 140px;
 }

 .r_150 {
     right: 150px;
 }

 .r_160 {
     right: 160px;
 }

 .r_170 {
     right: 170px;
 }

 .r_180 {
     right: 180px;
 }

 .r_190 {
     right: 190px;
 }

 .r_200 {
     right: 200px;
 }

 /* 
  el_16
  Bottom
  */
 .b_0 {
     bottom: 0;
 }

 .b_1 {
     bottom: 1px;
 }

 .b_2 {
     bottom: 2px;
 }

 .b_3 {
     bottom: 3px;
 }

 .b_4 {
     bottom: 4px;
 }

 .b_5 {
     bottom: 5px;
 }

 .b_6 {
     bottom: 6px;
 }

 .b_7 {
     bottom: 7px;
 }

 .b_8 {
     bottom: 8px;
 }

 .b_9 {
     bottom: 9px;
 }

 .b_10 {
     bottom: 10px;
 }

 .b_11 {
     bottom: 11px;
 }

 .b_12 {
     bottom: 12px;
 }

 .b_13 {
     bottom: 13px;
 }

 .b_14 {
     bottom: 14px;
 }

 .b_15 {
     bottom: 15px;
 }

 .b_16 {
     bottom: 16px;
 }

 .b_17 {
     bottom: 17px;
 }

 .b_18 {
     bottom: 18px;
 }

 .b_19 {
     bottom: 19px;
 }

 .b_20 {
     bottom: 20px;
 }

 .b_25 {
     bottom: 25px;
 }

 .b_30 {
     bottom: 30px;
 }

 .b_35 {
     bottom: 35px;
 }

 .b_40 {
     bottom: 40px;
 }

 .b_45 {
     bottom: 45px;
 }

 .b_50 {
     bottom: 50px;
 }

 .b_55 {
     bottom: 55px;
 }

 .b_60 {
     bottom: 60px;
 }

 .b_65 {
     bottom: 65px;
 }

 .b_70 {
     bottom: 70px;
 }

 .b_75 {
     bottom: 75px;
 }

 .b_80 {
     bottom: 80px;
 }

 .b_85 {
     bottom: 85px;
 }

 .b_90 {
     bottom: 90px;
 }

 .b_95 {
     bottom: 95px;
 }

 .b_100 {
     bottom: 100px;
 }

 .b_110 {
     bottom: 110px;
 }

 .b_120 {
     bottom: 120px;
 }

 .b_130 {
     bottom: 130px;
 }

 .b_140 {
     bottom: 140px;
 }

 .b_150 {
     bottom: 150px;
 }

 .b_160 {
     bottom: 160px;
 }

 .b_170 {
     bottom: 170px;
 }

 .b_180 {
     bottom: 180px;
 }

 .b_190 {
     bottom: 190px;
 }

 .b_200 {
     bottom: 200px;
 }

 /* 
  el_17
  Top
  */
 .l_0 {
     left: 0;
 }

 .l_1 {
     left: 1px;
 }

 .l_2 {
     left: 2px;
 }

 .l_3 {
     left: 3px;
 }

 .l_4 {
     left: 4px;
 }

 .l_5 {
     left: 5px;
 }

 .l_6 {
     left: 6px;
 }

 .l_7 {
     left: 7px;
 }

 .l_8 {
     left: 8px;
 }

 .l_9 {
     left: 9px;
 }

 .l_10 {
     left: 10px;
 }

 .l_11 {
     left: 11px;
 }

 .l_12 {
     left: 12px;
 }

 .l_13 {
     left: 13px;
 }

 .l_14 {
     left: 14px;
 }

 .l_15 {
     left: 15px;
 }

 .l_16 {
     left: 16px;
 }

 .l_17 {
     left: 17px;
 }

 .l_18 {
     left: 18px;
 }

 .l_19 {
     left: 19px;
 }

 .l_20 {
     left: 20px;
 }

 .l_25 {
     left: 25px;
 }

 .l_30 {
     left: 30px;
 }

 .l_35 {
     left: 35px;
 }

 .l_40 {
     left: 40px;
 }

 .l_45 {
     left: 45px;
 }

 .l_50 {
     left: 50px;
 }

 .l_55 {
     left: 55px;
 }

 .l_60 {
     left: 60px;
 }

 .l_65 {
     left: 65px;
 }

 .l_70 {
     left: 70px;
 }

 .l_75 {
     left: 75px;
 }

 .l_80 {
     left: 80px;
 }

 .l_85 {
     left: 85px;
 }

 .l_90 {
     left: 90px;
 }

 .l_95 {
     left: 95px;
 }

 .l_100 {
     left: 100px;
 }

 .l_110 {
     left: 110px;
 }

 .l_120 {
     left: 120px;
 }

 .l_130 {
     left: 130px;
 }

 .l_140 {
     left: 140px;
 }

 .l_150 {
     left: 150px;
 }

 .l_160 {
     left: 160px;
 }

 .l_170 {
     left: 170px;
 }

 .l_180 {
     left: 180px;
 }

 .l_190 {
     left: 190px;
 }

 .l_200 {
     left: 200px;
 }

 /* 
  el_18
  Text align
  */
 .align-1 {
     text-align: left;
 }

 .align-2 {
     text-align: center;
 }

 .align-3 {
     text-align: right;
 }

 /* 
  el_19
  Z-index
  */
 .z_1 {
     z-index: 1;
 }

 .z_2 {
     z-index: 2;
 }

 .z_3 {
     z-index: 3;
 }

 .z_4 {
     z-index: 4;
 }

 .z_5 {
     z-index: 5;
 }

 .z_6 {
     z-index: 6;
 }

 .z_7 {
     z-index: 7;
 }

 .z_8 {
     z-index: 8;
 }

 .z_9 {
     z-index: 9;
 }

 .z_99 {
     z-index: 99;
 }

 .z_999 {
     z-index: 999;
 }

 .z_9999 {
     z-index: 9999;
 }

 .z_99999 {
     z-index: 99999;
 }

 /* 
  el_20
  Border radius
  */
 .b_radius_0 {
     border-radius: 0;
 }

 .b_radius_1 {
     border-radius: 1px;
 }

 .b_radius_2 {
     border-radius: 2px;
 }

 .b_radius_3 {
     border-radius: 3px;
 }

 .b_radius_4 {
     border-radius: 4px;
 }

 .b_radius_5 {
     border-radius: 5px;
 }

 .b_radius_6 {
     border-radius: 6px;
 }

 .b_radius_7 {
     border-radius: 7px;
 }

 .b_radius_8 {
     border-radius: 8px;
 }

 .b_radius_9 {
     border-radius: 9px;
 }

 .b_radius_10 {
     border-radius: 10px;
 }

 .b_radius_11 {
     border-radius: 11px;
 }

 .b_radius_12 {
     border-radius: 12px;
 }

 .b_radius_13 {
     border-radius: 13px;
 }

 .b_radius_14 {
     border-radius: 14px;
 }

 .b_radius_15 {
     border-radius: 15px;
 }

 .b_radius_16 {
     border-radius: 16px;
 }

 .b_radius_17 {
     border-radius: 17px;
 }

 .b_radius_18 {
     border-radius: 18px;
 }

 .b_radius_19 {
     border-radius: 19px;
 }

 .b_radius_20 {
     border-radius: 20px;
 }

 .b_radius_25 {
     border-radius: 25px;
 }

 .b_radius_30 {
     border-radius: 30px;
 }

 .b_radius_50 {
     border-radius: 50%;
 }

 /* 
  el_21
  Box shadow
  */
 .b_shadow_1 {
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
 }

 .b_shadow_2 {
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 }

 .b_shadow_3 {
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
 }

 .b_shadow_4 {
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }

 .b_shadow_5 {
     box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
 }

 .b_shadow_6 {
     box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);
 }

 .b_shadow_7 {
     box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
 }

 .b_shadow_8 {
     box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
 }

 /* 
  el_22
  Btn
  */
 .theme_btn_1 {
     position: relative;
     display: inline-block;
     font-size: 16px;
     line-height: 26px;
     font-weight: 700;
     color: #fff !important;
     text-align: center;
     padding: 14.5px 31px;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color: #0d6efd;
     z-index: 1;
     vertical-align: middle;
 }

 .theme_btn_1:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     background: #272727;
     left: 0px;
     top: 0px;
     z-index: -1;
     transition: all 500ms ease;
 }

 .theme_btn_1:hover:before {
     width: 100%;
 }

 .theme_btn_2 {
     position: relative;
     display: inline-block;
     overflow: hidden;
     font-size: 16px;
     line-height: 25px;
     font-weight: 500;
     color: #061a3a;
     border: 1px solid #e4e8e9;
     text-align: center;
     padding: 16.5px 41.5px;
     border-radius: 4px;
     z-index: 1;
     transition: all 500ms ease;
     vertical-align: middle;
 }

 .theme_btn_2:hover {
     color: #ffffff;
 }

 .theme_btn_2:before {
     transition-duration: 800ms;
     position: absolute;
     width: 200%;
     height: 200%;
     content: "";
     top: 110%;
     left: 50%;
     background: #0d6efd;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     border-radius: 50%;
     z-index: -1;
 }

 .theme_btn_2:hover:before {
     top: -40%;
 }

 /* 
  el_23
  Image Hover
  */
 .img_hover_1 {
     position: relative;
     overflow: hidden;
 }

 .img_hover_1 img {
     width: 100%;
     transition: all 500ms ease;
 }

 .img_hover_1:before {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 1;
     display: block;
     content: '';
     width: 0;
     height: 0;
     background: rgba(255, 255, 255, .2);
     border-radius: 0%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     opacity: 0;
 }

 .img_hover_1:hover:before {
     -webkit-animation: circle .95s;
     animation: circle .95s;
 }

 .img_hover_2 {
     position: relative;
     overflow: hidden;
     background-color: #0d6efd;
 }

 .img_hover_2 img {
     width: 100%;
     transition: all 500ms ease;
 }

 .img_hover_2:hover img {
     transform: scale(1.05);
     opacity: .5;
 }

 .img_hover_2:before {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 1;
     display: block;
     content: '';
     width: 0;
     height: 0;
     background: rgba(255, 255, 255, .2);
     border-radius: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     opacity: 0;
 }

 .img_hover_2:hover:before {
     -webkit-animation: circle .95s;
     animation: circle .95s;
 }

 @-webkit-keyframes circle {
     0% {
         opacity: 1;
     }

     40% {
         opacity: 1;
     }

     100% {
         width: 200%;
         height: 200%;
         opacity: 0;
     }
 }

 @keyframes circle {
     0% {
         opacity: 1;
     }

     40% {
         opacity: 1;
     }

     100% {
         width: 200%;
         height: 200%;
         opacity: 0;
     }
 }

 .img_hover_3 {
     position: relative;
     overflow: hidden;
 }

 .img_hover_3 img {
     width: 100%;
     transition: all 500ms ease;
 }

 .img_hover_3:before {
     position: absolute;
     top: 0;
     left: -75%;
     display: block;
     content: '';
     width: 50%;
     height: 100%;
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     -webkit-transform: skewX(-25deg);
     -ms-transform: skewX(-25deg);
     transform: skewX(-25deg);
 }

 .img_hover_3:hover:before {
     -webkit-animation: shine 1s;
     animation: shine 1s;
 }

 @-webkit-keyframes shine {
     100% {
         left: 125%;
     }
 }

 @keyframes shine {
     100% {
         left: 125%;
     }
 }

 .img_hover_4 {
     position: relative;
     overflow: hidden;
 }

 .img_hover_4 img {
     width: 100%;
     transition: all 500ms ease;
 }

 .img_hover_4:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 0%;
     left: 0px;
     top: 0px;
     opacity: 0.8;
     transition: all 500ms ease;
     background-color: #0d6efd;
 }

 .img_hover_4:hover:before {
     height: 100%;
 }

 .img_hover_5 {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .img_hover_5:before {
     position: absolute;
     content: '';
     width: calc(100% - 20px);
     height: calc(100% - 20px);
     left: 10px;
     top: 10px;
     transform: scale(0, 0);
     opacity: 0.9;
     z-index: 1;
     transition: all 500ms ease;
     background-color: #0d6efd;
 }

 .img_hover_5:hover:before {
     transform: scale(1, 1);
 }

 .img_hover_5 img {
     width: 100%;
     transition: all 500ms ease;
 }

 .img_hover_5:hover img {
     transform: scale(1.1);
 }

 .img_hover_6 {
     position: relative;
     display: block;
     overflow: hidden;
     background-color: #0d6efd;
 }

 .img_hover_6 img {
     width: 100%;
     transition: all 500ms ease;
 }

 .img_hover_6:hover img {
     transform: scale(1.1);
     opacity: 0.2;
 }

 .img_hover_7 {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .img_hover_7 img {
     width: 100%;
     transform: scale(1.0);
     transition: all 1700ms ease;
 }

 .img_hover_7:hover img {
     transform: scale(1.2);
 }

 .img_hover_7:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     background: #000000;
     opacity: 1.0;
     border-radius: 5px;
     transition: .5s;
     transform: perspective(400px) scaleX(0);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
     z-index: 2;
 }

 .img_hover_7:hover:before {
     opacity: 0.80;
     transform: perspective(400px) scaleX(1.0);
 }

 .img_hover_8 {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .img_hover_8 img {
     width: 100%;
     transition: all 1700ms ease;
 }

 .img_hover_8:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #000000;
     opacity: 0;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     -webkit-transform: perspective(400px) rotateX(-90deg);
     -ms-transform: perspective(400px) rotateX(-90deg);
     transform: perspective(400px) rotateX(-90deg);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     z-index: 1;
 }

 .img_hover_8:hover:before {
     opacity: .65;
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
 }

 .img_hover_9 {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .img_hover_9 img {
     width: 100%;
     transform: scale(1.0);
     transition: all 3500ms ease;
 }

 .img_hover_9:hover img {
     transform: scale(1.2) rotate(1deg);
 }

 .img_hover_9:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     right: 0;
     height: 50%;
     opacity: 0;
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .5s;
     transition-property: all;
     opacity: 1;
     transform-origin: top;
     transform-style: preserve-3d;
     transform: scaleY(0);
     z-index: 1;
     background-color: #0d6efd;
 }

 .img_hover_9:hover:before {
     opacity: 0.80;
     transform: scaleY(1.0);
 }

 .img_hover_9:after {
     position: absolute;
     content: "";
     bottom: 0;
     left: 0;
     right: 0;
     height: 50%;
     opacity: 1;
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .5s;
     transition-property: all;
     opacity: 1;
     transform-origin: bottom;
     transform-style: preserve-3d;
     transform: scaleY(0);
     z-index: 1;
     background-color: #0d6efd;
 }

 .img_hover_9:hover:after {
     opacity: 0.80;
     transform: scaleY(1.0);
 }

 .img_hover_10 {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .img_hover_10:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     background: #0d6efd;
     opacity: 1.0;
     transition: .5s;
     transform: perspective(400px) scaleY(0);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
     z-index: 1;
 }

 .img_hover_10:hover:before {
     opacity: 0.50;
     transform: perspective(400px) scaleY(1.0);
 }

 .img_hover_10 img {
     width: 100%;
     transition: all 3500ms ease;
 }

 .img_hover_10:hover img {
     transform: scale(1.3) rotate(2deg);
 }

 .flexbox_1 {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .flexbox_2 {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }


 /** events-section **/

 .events-section {
     padding-top: 21px;
     position: relative;
     overflow: hidden;
     padding-bottom: 22px;
     background: #F1FBF2;
 }

 .events-section .bg-layer {
     opacity: 0.1;
 }

 .events-block-one .inner-box {
     position: relative;
     display: block;
     background: #fff;
     border-radius: 10px;
     padding: 10px;
     margin-bottom: 30px;
     box-shadow: 10px 0px 100px 0px rgba(0, 0, 0, 0.08);
 }

 .events-block-one .inner-box .image-box {
     position: relative;
     display: block;
     border-radius: 6px;
     overflow: hidden;
     transition: all 500ms ease;
 }

 .events-block-one .inner-box .image-box img {
     width: 100%;
     border-radius: 6px;
     transition: all 500ms;
 }

 .events-block-one .inner-box:hover .image-box img {
     transform: scale(1.05);
     opacity: 0.2;
 }

 .events-block-one .inner-box:hover .image-box {}

 .events-block-one .inner-box .lower-content {
     position: relative;
     padding: 32px 25px 37px 20px;
 }

 .events-block-one .inner-box .lower-content .post-date {
     position: absolute;
     top: -35px;
     right: 50px;
     display: flex;
     width: 70px;
     height: 70px;
     line-height: 70px;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
 }

 .events-block-one .inner-box .lower-content .post-date h2 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 18px;
     color: #fff;
     font-weight: 600;
 }

 .events-block-one .inner-box .lower-content .post-date h2 span {
     position: relative;
     display: block;
     font-size: 20px;
     font-weight: 400;
     margin-top: 2px;
 }

 .events-block-one .inner-box .lower-content .location-box {
     position: relative;
     display: block;
     font-size: 14px;
     line-height: 26px;
     font-weight: 600;
     text-transform: uppercase;
     padding-left: 26px;
     margin-bottom: 8px;
 }

 .location {
     position: absolute;
     left: 0px;
     top: 4px;
     font-size: 18px;
 }

 .events-block-one .inner-box .lower-content h3 {
     position: relative;
     display: block;
     font-size: 19px;
     line-height: 32px;
     margin-bottom: 13px;
 }

 .events-block-one .inner-box .lower-content h3 a {
     display: inline-block;
     color: var(--title-color);
 }

 .events-block-one .inner-box .lower-content h3 a:hover {}

 .events-block-one .inner-box .lower-content p {
     margin-bottom: 17px;
 }

 .events-block-one .inner-box .lower-content .speakers-box {
     position: relative;
     right: 33px;

     display: flex;
     align-items: center;
 }

 .events-block-one .inner-box .lower-content .speakers-box .speakers-list {
     position: relative;
     /* display: flex; */
     align-items: center;
     margin-right: 28px;
 }

 .events-block-one .inner-box .lower-content .speakers-box .speakers-list li {
     position: relative;
     display: inline-block;
     border-radius: 50%;
     border: 3px solid #fff;
     margin-right: -15px;
     font-weight: 700;
 }

 .events-block-one .inner-box .lower-content .speakers-box .speakers-list li img {
     width: 100%;
     border-radius: 50%;
 }

 .events-block-one .inner-box .lower-content .speakers-box .text h6 {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 20px;
     font-family: var(--text-font);
 }

 .events-block-one .inner-box .lower-content .speakers-box .text span {
     position: relative;
     display: block;
     font-size: 14px;
     line-height: 20px;
 }


 /** events-style-two **/

 .events-style-two {
     position: relative;
 }

 .events-style-two .bg-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: calc(100% - 245px);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
 }

 .events-style-two .bg-layer:before {
     position: absolute;
     content: '';
     background: linear-gradient(90deg, rgba(55, 170, 103, 1.0) 0%, rgba(8, 52, 158, 1.0) 100%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     mix-blend-mode: multiply;
 }

 .events-style-two .owl-carousel .owl-stage-outer {
     overflow: visible;
 }

 .events-style-two .owl-carousel .owl-stage-outer .owl-item {
     opacity: 0;
     visibility: hidden;
 }

 .events-style-two .owl-carousel .owl-stage-outer .owl-item.active {
     opacity: 1;
     visibility: visible;
 }

 .events-style-two .events-block-one .inner-box {
     position: relative;
     padding: 0px 0px 0px 630px;
     border-radius: 10px;
     overflow: hidden;
     margin-bottom: 0px;
     box-shadow: 10px 0px 100px 0px rgba(0, 0, 0, 0.08);
 }

 .events-style-two .events-block-one .inner-box .image-box {
     position: absolute;
     left: 0px;
     top: 0px;
 }

 .events-style-two .events-block-one .inner-box .lower-content {
     padding: 50px 70px 0px 70px;
 }

 .events-style-two .events-block-one .inner-box .lower-content .post-date {
     position: relative;
     top: 0px;
     right: 0px;
     box-shadow: 10px 0px 50px 0px rgba(0, 0, 0, 0.14);
     margin-bottom: 32px;
 }

 .events-style-two .events-block-one .inner-box .lower-content p {
     margin-bottom: 40px;
 }

 .events-block-one .inner-box .lower-box {
     position: relative;
     display: flex;
     align-items: center;
     padding-bottom: 50px;
     border-bottom: solid;
     border-width: 1px;
     border-color: #E5E5E5;
 }

 .events-block-one .inner-box .lower-box .btn-box {
     margin-right: 30px;
 }

 .events-block-one .inner-box .event-info {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-top: 25px;
     padding-bottom: 23px;
 }

 .events-block-one .inner-box .event-info:before {
     position: absolute;
     content: '';
     background: #E5E5E5;
     width: 1px;
     height: 35px;
     left: 50%;
     top: 50%;
     transform: translateY(-50%);
 }

 .events-block-one .inner-box .event-info li {
     position: relative;
     display: block;
     padding-left: 25px;
 }

 .events-block-one .inner-box .event-info li i {
     position: absolute;
     left: 0px;
     top: 5px;
     font-size: 16px;
 }

 .events-style-two .nav-style-one .owl-nav {
     position: absolute;
     left: 0px;
     top: 50%;
     margin-top: -30px;
     width: 100%;
 }

 .events-style-two .nav-style-one .owl-nav .owl-prev {
     position: absolute;
     left: -30px;
 }

 .events-style-two .nav-style-one .owl-nav .owl-next {
     position: absolute;
     right: -30px;
 }


 .events-section.alternat-2 {
     padding-bottom: 0px;
     background: transparent;
     overflow: visible;
 }

 .events-section .bg-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: calc(100% - 317px);
     overflow: hidden;
 }

 .events-section .bg-box .bg-layer {
     opacity: 0.5;
 }

 .events-section .bg-box:before {
     position: absolute;
     content: '';
     background: linear-gradient(102.73deg, #37AA67 0.76%, #08349E 99.64%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     mix-blend-mode: multiply;
     z-index: 1;
 }

 .events-page-section {
     padding-bottom: 210px;
     background: transparent;
 }







 /** funfact-section **/

 .funfact-section {
     bottom: 69px;
     padding: 51px 1px 56px 0px;
     position: relative;
     overflow: hidden;

 }

 .funfact-section .bg-layer:before {
     position: absolute;
     content: '';
     background: #153D9A;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     mix-blend-mode: multiply;
 }

 .funfact-section .pattern-layer .pattern-1 {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .funfact-block-one .inner-box {
     position: relative;
     display: block;
     z-index: 2;
 }

 .funfact-block-one .inner-box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 70px;
     margin-bottom: 15px;
 }

 .funfact-block-one .inner-box .count-outer {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 50px;
     font-family: var(--title-font);
     color: #fff;
     font-weight: 600;
     max-height: 44px;
     margin-bottom: 10px;
 }

 .funfact-block-one .inner-box p {
     font-size: 18px;
     line-height: 30px;
     color: #fff;
 }


 /** funfact-style-two **/

 .funfact-style-two {
     position: relative;
     padding: 107px 0px 113px 0px;
     overflow: hidden;
     background-color: #D9D9D9;
 }

 .funfact-style-two .bg-layer {
     opacity: 0.5;
 }

 .funfact-style-two:before {
     position: absolute;
     content: '';
     background: linear-gradient(-90deg, #37AA67 0.76%, #08349E 99.64%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     mix-blend-mode: multiply;
     z-index: 1;
 }

 .funfact-style-two .funfact-block-one .inner-box {
     padding-left: 90px;
 }

 .funfact-style-two .funfact-block-one .inner-box .icon-box {
     position: absolute;
     left: 0px;
     top: 6px;
     color: #fff !important;
 }

 .funfact-style-two .pattern-layer .pattern-1 {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 589px;
     height: 308px;
     background-repeat: no-repeat;
     z-index: 1;
 }

 .funfact-style-two .pattern-layer .pattern-2 {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 642px;
     height: 308px;
     background-repeat: no-repeat;
     z-index: 1;
 }



 /** service-section **/

 .service-section {
     bottom: 52px;
     position: relative;
     overflow: hidden;
     background: #F7F7F7;
 }

 .service-section .bg-layer {
     opacity: 0.1;
 }

 .service-section .pattern-layer {
     position: absolute;
     left: 0px;
     bottom: -115px;
     width: 466px;
     height: 933px;
     background-repeat: no-repeat;
 }

 .service-block-one {
     margin-top: 44px;
 }

 .service-block-one .inner-box {
     position: relative;
     display: block;
     box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.15);
     background: #fff;
     padding: 0px 35px 32px 40px;
     border-radius: 10px;
     z-index: 1;
     margin-bottom: 30px;
 }

 .service-block-one .inner-box:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 0%;
     left: 0px;
     bottom: 0px;
     z-index: -1;
     border-radius: 10px;
     transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover:before {
     height: 100%;
     top: 0px;
 }

 .service-block-one .inner-box .icon-box {
     position: relative;
     display: inline-block;
     width: 90px;
     height: 100px;
     margin-top: -45px;
     margin-bottom: 21px;
 }

 .service-block-one .inner-box .icon-box .icon {
     position: relative;
     display: inline-block;
     font-size: 18px;
     color: #fff;
     text-align: center;
     width: 90px;
     height: 100px;
     line-height: 100px;
 }

 .service-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .icon-box .r-hex:first-child .r-hex-inner:before {
     background: var(--secondary-color) !important;
 }

 .service-block-one .inner-box h3 {
     position: relative;
     display: block;
     font-size: 21px;
     line-height: 36px;
     margin-bottom: 9px;
 }

 .service-block-one .inner-box h3 a {
     display: inline-block;
     color: var(--title-color);
 }

 .service-block-one .inner-box h3 a:hover {
     text-decoration: underline;
 }

 .service-block-one .inner-box:hover h3 a,
 .service-block-one .inner-box:hover p,
 .service-block-one .inner-box:hover .link a {
     color: #fff;
 }

 .service-block-one .inner-box p {
     margin-bottom: 10px;
 }

 .service-block-one .inner-box .link a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 30px;
     font-family: var(--title-font);
     color: var(--title-color);
     font-weight: 500;
     padding-right: 16px;
 }

 .service-block-one .inner-box .link a:hover {
     text-decoration: underline;
 }

 .service-block-one .inner-box .link a i {
     position: absolute;
     top: 8px;
     right: 0px;
 }


 /** service-style-two **/

 .service-style-two {
     position: relative;
     overflow: hidden;
 }

 .service-style-two .bg-layer:before {
     position: absolute;
     content: '';
     background: #F7F7F7;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     opacity: 0.9;
 }

 .service-style-two .tab-btn-box {
     position: relative;
     display: block;
     background: #fff;
     border-radius: 10px;
     overflow: hidden;
 }

 .service-style-two .tab-btn-box .tab-btns {
     position: relative;
 }

 .service-style-two .tab-btn-box .tab-btns li {
     position: relative;
     display: inline-block;
     float: left;
     text-align: center;
     font-size: 20px;
     line-height: 30px;
     font-family: var(--title-font);
     font-weight: 500;
     color: var(--title-color);
     border-radius: 10px;
     overflow: hidden;
     cursor: pointer;
     padding: 18px 30px;
     z-index: 1;
     width: 16.666%;
     transition: all 500ms;
 }

 .service-style-two .tab-btn-box .tab-btns li.active-btn,
 .service-style-two .tab-btn-box .tab-btns li:hover {
     color: #fff;
 }

 .service-style-two .tab-btn-box .tab-btns li:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: -1;
     transform: scale(0, 0);
     transition: all 500ms;
 }

 .service-style-two .tab-btn-box .tab-btns li.active-btn:before,
 .service-style-two .tab-btn-box .tab-btns li:hover:before {
     transform: scale(1, 1);
 }

 .content_block_two .content-box {
     position: relative;
     display: block;
 }

 .content_block_two .content-box h2 {
     font-size: 48px;
     line-height: 53px;
     font-weight: 700;
     margin-bottom: 23px;
 }

 .content_block_two .content-box p {
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 36px;
 }

 .service-style-two .image-box {
     position: relative;
     display: block;
     padding: 50px;
     padding-left: 0px;
 }

 .service-style-two .image-box:before {
     position: absolute;
     content: '';
     background: #fff;
     width: 300px;
     height: 100%;
     top: 0px;
     right: 0px;
     border-radius: 10px;
 }

 .service-style-two .image-box .image {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .service-style-two .image-box .image img {
     width: 100%;
     transition: all 0.3s ease-in-out 0.1s;
 }

 .service-style-two .image-box:hover .image img {
     transform: scale(1.1);
 }

 .service-style-two .image-box .image::before {
     background: rgba(255, 255, 255, 0.5);
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 0%;
     height: 100%;
     opacity: 1;
     z-index: 9;
     pointer-events: none;
 }

 .service-style-two .image-box .image:hover::before {
     width: 100%;
     opacity: 0;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
 }


 /** service-style-three **/

 .service-style-three {
     position: relative;
 }

 .service-block-two .inner-box {
     position: relative;
     display: block;
     border-radius: 10px;
     overflow: hidden;
     padding: 225px 30px 39px 30px;
     margin-bottom: 30px;
 }

 .service-block-two .inner-box .bg-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     transition: all 0.3s ease-in-out 0.1s;
 }

 .service-block-two .inner-box:hover .bg-layer {
     transform: scale(1.1);
 }

 .service-block-two .inner-box:before {
     position: absolute;
     content: '';
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.89%, rgba(0, 0, 0, 0.6) 81.22%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: 1;
 }

 .service-block-two .inner-box .content-box {
     position: relative;
     transform: translateY(124px);
     z-index: 5;
     -webkit-transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s;
     transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s;
 }

 .service-block-two .inner-box:hover .content-box {
     transform: translateY(0px);
 }

 .service-block-two .inner-box .content-box h3 {
     font-size: 28px;
     line-height: 30px;
     margin-bottom: 17px;
 }

 .service-block-two .inner-box .content-box h3 a {
     display: inline-block;
     color: #fff;
 }

 .service-block-two .inner-box .content-box h3 a:hover {
     text-decoration: underline;
 }

 .service-block-two .inner-box .content-box p {
     font-size: 16px;
     line-height: 26px;
     color: #fff;
     font-weight: 500;
     margin-bottom: 13px;
 }

 .service-block-two .inner-box .content-box .link a {
     position: relative;
     display: inline-block;
     font-size: 20px;
     line-height: 20px;
     font-family: var(--title-font);
     font-weight: 500;
     color: #fff;
     padding-right: 18px;
 }

 .service-block-two .inner-box .content-box .link a i {
     position: absolute;
     top: 6px;
     right: 0px;
     font-size: 10px;
 }

 .service-block-two .inner-box .content-box .link a:hover {}

 .service-style-three .pattern-layer {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 477px;
     height: 928px;
     background-repeat: no-repeat;
 }

 .service-style-two.alternat-2 .image-box {
     padding: 0px;
 }

 .service-style-two.alternat-2 .image-box .image {
     position: relative;
     border-radius: 10px;
 }

 .service-style-two.alternat-2 .image-box .image img {
     border-radius: 10px;
 }

 .service-style-two .image-box .image-shape .shape-1 {
     position: absolute;
     width: 190px;
     height: 184px;
     left: -75px;
     top: -57px;
     background-repeat: no-repeat;
 }

 .service-style-two .image-box .image-shape .shape-2 {
     position: absolute;
     width: 190px;
     height: 184px;
     bottom: -57px;
     right: 70px;
     background-repeat: no-repeat;
 }

 .service-style-two .image-box .image-shape .shape-3 {
     position: absolute;
     right: -137px;
     bottom: -44px;
     width: 239px;
     height: 260px;
     background-repeat: no-repeat;
 }

 .service-section .shape .shape-1 {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 413px;
     height: 860px;
     background-repeat: no-repeat;
 }

 .service-section .shape .shape-2 {
     position: absolute;
     left: 0px;
     bottom: 32px;
     width: 265px;
     height: 736px;
     background-repeat: no-repeat;
 }




 /** feature-section **/

 .feature-section {
     position: relative;
     bottom: 178px;

 }

 .feature-section .inner-container {
     position: relative;
     display: block;
     width: 100%;
     background: #fff;
     box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.08);
     border-radius: 10px;
     overflow: hidden;
     z-index: 2;
     margin-top: -90px;
 }

 .feature-section .inner-container .feature-block-one {
     float: left;
     width: 33.333%;
 }

 .feature-block-one .inner-box {

     position: relative;
     display: block;
     padding: 18px 37px 28px 37px;


 }


 .feature-block-one .inner-box .icon-box {
     position: relative;
     display: inline-block;
     width: 90px;
     height: 100px;
     line-height: 100px;
     text-align: center;
     margin-bottom: 25px;
 }

 .feature-block-one .inner-box .icon-box .icon {
     position: relative;
     display: inline-block;
     font-size: 38px;
     left: 111px;
 }

 .feature-block-one .inner-box h3 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 32px;
     font-weight: 600;
     margin-bottom: 4px;
 }

 .feature-block-one .inner-box h3 a {
     display: inline-block;
     color: var(--title-color);
 }

 .feature-block-one .inner-box h3 a:hover {
     text-decoration: underline;
 }

 .feature-section .inner-container .feature-block-one:first-child .inner-box {}

 .feature-section .inner-container .feature-block-one:nth-child(2) .inner-box {}

 .feature-section .inner-container .feature-block-one:first-child .inner-box h3 a,
 .feature-section .inner-container .feature-block-one:first-child .inner-box p
 {
 color: #fff !important;
 }

 .feature-block-one .inner-box .bg-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     opacity: 0.1;
 }


 /** feature-style-two **/

 .feature-style-two {
     position: relative;
     background: #fff;
     box-shadow: 7px 0px 60px 0px rgba(0, 0, 0, 0.07);
     padding: 60px 0px;
     overflow: hidden;
 }

 .feature-style-two:before {
     position: absolute;
     content: '';
     background: #142021;
     width: calc(50% - 245px);
     height: 100%;
     left: 0px;
     top: 0px;
 }

 .feature-style-two .sec-title h2 {
     color: #fff;
 }

 .feature-style-two .sec-title h2 span {}

 .feature-block-two .inner-box {
     position: relative;
     display: block;
 }

 .feature-block-two .inner-box .icon-box {
     position: relative;
     display: inline-block;
     width: 78px;
     height: 90px;
     margin-bottom: 30px;
 }

 .feature-block-two .inner-box .icon-box .icon {
     position: relative;
     display: inline-block;
     font-size: 40px;
     color: #fff;
     text-align: center;
     width: 78px;
     height: 90px;
     line-height: 90px;
 }

 .feature-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     transition: all 500ms ease;
 }

 .feature-block-two .inner-box .icon-box .r-hex {
     width: 90px;
     height: 90px;
     border-radius: 10px;
 }

 .feature-block-two .inner-box h3 {
     position: relative;
     display: block;
     font-size: 28px;
     line-height: 30px;
     margin-bottom: 15px;
 }

 .feature-block-two .inner-box p {
     max-width: 240px;
 }

 .feature-style-two .content-box {
     position: relative;
     padding: 0px 110px;
 }

 .feature-style-two .content-box .owl-nav {
     position: absolute;
     left: 0px;
     top: 50%;
     margin-top: -35px;
     width: 100%;
 }

 .feature-style-two .content-box .owl-nav .owl-prev {
     position: absolute;
     left: -110px;
 }

 .feature-style-two .content-box .owl-nav .owl-next {
     position: absolute;
     right: -110px;
 }

 .feature-style-two .pattern-layer .pattern-1 {
     position: absolute;
     top: -57px;
     right: -29px;
     width: 200px;
     height: 200px;
     background-repeat: no-repeat;
 }

 .feature-style-two .pattern-layer .pattern-2 {
     position: absolute;
     right: 293px;
     bottom: -125px;
     width: 200px;
     height: 200px;
     background-repeat: no-repeat;
 }


 /** feature-style-three **/

 .feature-style-three {
     position: relative;
 }

 .feature-block-three .inner-box {
     position: relative;
     display: block;
     border: solid;
     border-width: 1px;
     border-color: #E7E9F0;
     border-radius: 10px;
     padding: 26px 30px 26px 100px;
     margin-bottom: 30px;
     min-height: 106px;
     transition: all 0.3s ease-in-out 0.1s;
 }

 .feature-block-three .inner-box:hover {
     transform: translateY(-10px);
     box-shadow: 10px 0px 60px 0px rgba(0, 0, 0, 0.10);
 }

 .feature-block-three .inner-box .icon-box {
     position: absolute;
     display: inline-block;
     left: 30px;
     top: 21px;
     width: 48px;
     height: 60px;
     margin-bottom: 30px;
 }

 .feature-block-three .inner-box .icon-box .icon {
     position: relative;
     display: inline-block;
     font-size: 30px;
     text-align: center;
     width: 48px;
     height: 60px;
     line-height: 60px;
 }

 .feature-block-three .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     transition: all 500ms ease;
     opacity: 0.1;
 }

 .feature-block-three .inner-box .icon-box .r-hex {
     width: 58px;
     height: 60px;
     border-radius: 10px;
 }

 .feature-block-three .inner-box h4 {
     font-size: 20px;
     line-height: 26px;
     font-weight: 500;
 }


 /** feature-style-four **/

 .feature-style-four {
     position: relative;
 }

 .feature-block-four .inner-box {
     position: relative;
     display: block;
     background: #fff;
     border-radius: 10px;
     overflow: hidden;
     margin-bottom: 30px;
     box-shadow: 10px 0px 60px 0px rgba(0, 0, 0, 0.06);
     padding: 50px 40px 43px 40px;
     transition: all 0.3s ease-in-out 0.1s;
 }

 .feature-block-four .inner-box:hover {
     transform: translateY(-10px);
 }

 .feature-block-four .inner-box .shape {
     position: absolute;
     top: -77px;
     right: -71px;
     width: 237px;
     height: 227px;
     background-repeat: no-repeat;
     transform: scale(0, 0);
     transition: all 0.3s ease-in-out 0.1s;
 }

 .feature-block-four .inner-box:hover .shape {
     transform: scale(1, 1);
 }

 .feature-block-four .inner-box .icon-box {
     position: relative;
     display: inline-block;
     width: 90px;
     height: 100px;
     margin-bottom: 21px;
 }

 .feature-block-four .inner-box .icon-box .icon {
     position: relative;
     display: inline-block;
     font-size: 40px;
     color: #fff;
     text-align: center;
     width: 90px;
     height: 100px;
     line-height: 100px;
     transition: all 500ms;
 }

 .feature-block-four .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     transition: all 500ms ease;
 }

 .feature-block-four .inner-box .icon-box .r-hex {
     width: 102px;
     height: 100px;
     border-radius: 10px;
 }

 .feature-block-four .inner-box h3 {
     display: block;
     font-size: 28px;
     line-height: 32px;
     margin-bottom: 16px;
 }

 .feature-block-four .inner-box h3 a {
     display: inline-block;
     color: var(--title-color);
 }

 .feature-block-four .inner-box h3 a:hover {}







































 .more-btn {
     padding-top: 0px !important;


 }

 .title-border5:after {
     background-image: linear-gradient(27deg, #088F8F, hsla(0, 0%, 67%, 0) 66.29%);
     content: "";
     position: absolute;
     height: 4px;
     width: 64%;


     left: 129px;
     top: 87%;

 }

 .icon-date {
     left: 119%;

     position: relative;
     display: inline-block;
     font-size: 18px;
     color: #fff;
     text-align: center;
     width: 90px;
     height: 100px;
     line-height: 100px;

 }


 .title-border:after {
     background-image: linear-gradient(27deg, #088F8F, hsla(0, 0%, 67%, 0) 66.29%);
     content: "";
     position: absolute;
     height: 4px;
       width: 10%;
    top: 101%;
    left: 593px;


 }

 .title-border2:after {
     background-image: linear-gradient(27deg, #088F8F, hsla(0, 0%, 67%, 0) 66.29%);

     content: "";
     position: absolute;
     height: 4px;
     width: 25%;

     bottom: -7px;
     left: 394px;
 }

 .title-border4:after {
     background-image: linear-gradient(27deg, #088F8F, hsla(0, 0%, 67%, 0) 66.29%);
     content: "";
     position: absolute;
     height: 4px;
     width: 25%;

     bottom: -7px;
     left: 541px;
 }




 .title-border1:after {
     background-image: linear-gradient(27deg, #F9F6EE, hsla(0, 0%, 67%, 0) 66.29%);

     content: "";
     position: absolute;
     height: 4px;
     width: 59%;

     /* background-image: linear-gradient(276deg, #0047AB, hsla(0, 0%, 74%, 0) 84.29%); */
     bottom: -7px;
     right: 16%;
 }





 .title-border3:after {
     background-image: linear-gradient(27deg, #F9F6EE, hsla(0, 0%, 67%, 0) 66.29%);

     content: "";
     position: absolute;
     height: 4px;
     width: 59%;

     /* background-image: linear-gradient(276deg, #0047AB, hsla(0, 0%, 74%, 0) 84.29%); */
     bottom: -7px;
     right: 17%;



 }


 /** working-section **/

 .working-section {
     padding: 10px 0 14px 0;
     position: relative;
     overflow: hidden;
     background: linear-gradient(102.73deg, #37AA67 0.76%, #08349E 99.64%);

 }

 .working-section .bg-layer {
     opacity: 0.5;
 }

 .working-section .bg-layer:before {
     position: absolute;
     content: '';
     background: linear-gradient(102.73deg, #37AA67 0.76%, #08349E 99.64%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     mix-blend-mode: multiply;
 }

 .working-block-one .inner-box {
     position: relative;
     display: block;
     padding: 0px 0px;
     margin-bottom: 30px;
 }

 .working-block-one .inner-box .count-box {
     position: relative;
     display: inline-block;
     width: 63px;
     height: 70px;
     line-height: 70px;
     font-size: 28px;
     font-family: var(--title-font);
     color: #fff;
     font-weight: 600;
     text-align: center;
     margin-bottom: 16px;
 }

 .working-block-one .inner-box .count-box span {
     position: relative;
     display: inline-block;
 }

 .working-block-one .inner-box .count-box .shape {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 63px;
     height: 70px;
     background-repeat: no-repeat;
 }

 .working-block-one .inner-box h3 {
     position: relative;
     display: block;
     font-size: 23px;
     line-height: 36px;
     color: #fff;
     margin-bottom: 6px;
 }

 .working-block-one .inner-box p {
     color: #fff;
 }

 .working-section .inner-container:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.30);
     width: calc(100% - 260px);
     height: 1px;
     left: 130px;
     top: 35px;
 }


 /** working-style-two **/

 .working-style-two {
     position: relative;
 }

 .working-block-two .inner-box {
     position: relative;
     display: block;
     padding: 0px 40px;
 }

 .working-block-two .inner-box .icon-box {
     position: relative;
     display: inline-block;
     width: 78px;
     height: 90px;
     margin-bottom: 30px;
 }

 .working-block-two .inner-box .icon-box .icon {
     position: relative;
     display: inline-block;
     font-size: 30px;
     color: #fff;
     text-align: center;
     width: 78px;
     height: 90px;
     line-height: 90px;
 }

 .working-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     transition: all 500ms ease;
 }

 .working-block-two .inner-box:hover .icon-box .r-hex:first-child .r-hex-inner:before,
 .working-style-two .working-block:first-child .working-block-two .inner-box:hover .icon-box .r-hex:first-child .r-hex-inner:before {
     background: var(--secondary-color) !important;
 }

 .working-style-two .working-block:first-child .working-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     background: var(--theme-color);
 }

 .working-style-two .working-block:nth-child(2) .working-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     background: #FFB806;
 }

 .working-style-two .working-block:last-child .working-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before {
     background: #FF414B;
 }

 .working-block-two .inner-box .icon-box .r-hex {
     width: 90px;
     height: 90px;
     border-radius: 10px;
 }

 .working-block-two .inner-box h3 {
     display: block;
     font-size: 28px;
     line-height: 30px;
     margin-bottom: 14px;
 }

 .working-block-two .inner-box h3 a {
     display: inline-block;
     color: var(--title-color);
 }

 .working-block-two .inner-box h3 a:hover {}

 .working-block-two .inner-box .shape {
     position: absolute;
     top: 38px;
     right: -120px;
     width: 228px;
     height: 15px;
     background-repeat: no-repeat;
 }

 .working-style-two .pattern-layer .pattern-1 {
     position: absolute;
     right: 0px;
     bottom: 230px;
     width: 297px;
     height: 559px;
     background-repeat: no-repeat;
 }

 .working-style-two .pattern-layer .pattern-2 {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 449px;
     height: 795px;
     background-repeat: no-repeat;
 }


 /** working-style-three **/

 .working-style-three {
     position: relative;
     overflow: hidden;
 }

 .working-style-three .inner-container {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .working-block-three {
     position: relative;
 }

 .working-block-three .shape {
     position: absolute;
     top: 138px;
     right: -150px;
     width: 102px;
     height: 18px;
     background-repeat: no-repeat;
 }

 .working-block-three .inner-box {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 290px;
     height: 290px;
     background: #F5F7F9;
     border: solid;
     border-width: 20px;
     border-color: #fff;
     box-shadow: 0px 0px 120px 0px rgba(0, 0, 0, 0.12);
     border-radius: 50%;
     z-index: 1;
     margin-bottom: 30px;
 }

 .working-block-three .inner-box::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     border-radius: 50%;
     transition: -webkit-transform 0.4s ease;
     transition: transform 0.4s ease;
     transition: transform 0.4s ease, -webkit-transform 0.4s ease;
     transform-origin: bottom right;
     -webkit-transform: scale(1, 0);
     transform: scale(1, 0);
     z-index: -1;
 }

 .working-block-three .inner-box:hover::before {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     transform-origin: top center;
 }

 .working-block-three .inner-box .count-box {
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     top: -20px;
     right: -20px;
     width: 100px;
     height: 100px;
     border: solid;
     border-width: 9px;
     border-color: #fff;
     border-radius: 50%;
     box-shadow: 20px 0px 60px 0px rgba(0, 0, 0, 0.20);
 }

 .working-block-three .inner-box .count-box h2 {
     display: block;
     font-size: 30px;
     line-height: 18px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 5px;
 }

 .working-block-three .inner-box .count-box h6 {
     display: block;
     font-size: 16px;
     line-height: 18px;
     color: #fff;
     font-weight: 400;
 }

 .working-block-three .inner-box h3 {
     position: relative;
     display: block;
     font-size: 28px;
     line-height: 28px;
     transition: all 500ms ease;
 }

 .working-block-three .inner-box:hover h3 {
     color: #fff;
 }

 .working-style-three .pattern-layer .pattern-1 {
     position: absolute;
     left: -134px;
     top: 150px;
     width: 267px;
     height: 256px;
     background-repeat: no-repeat;
 }

 .working-style-three .pattern-layer .pattern-2 {
     position: absolute;
     top: -80px;
     right: 0px;
     width: 453px;
     height: 933px;
     background-repeat: no-repeat;
 }



 /* banner front part animation  */

 /** banner-section **/

 .banner-section {
     bottom: 154px;
     position: relative;
     overflow: hidden;
     background-color: #fff;
 }



 .banner-carousel .slide-item {
     position: relative;
        padding: 244px 0px 181px 0px;
 }

 .banner-carousel .slide-item:before {
     position: absolute;
     content: '';
     background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 51.77%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: 1;
 }

 .banner-carousel .content-box {
     max-width: 550px;
    bottom: 80px;
 }

 .banner-carousel .slide-item .bg-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 8000ms linear;
     -moz-transition: all 8000ms linear;
     -ms-transition: all 8000ms linear;
     -o-transition: all 8000ms linear;
     transition: all 8000ms linear;
 }

 .banner-carousel .active .slide-item .bg-layer {
     -webkit-transform: scale(1.25);
     -ms-transform: scale(1.25);
     transform: scale(1.25);
 }

 .banner-carousel .content-box .sub-title {
     margin-bottom: 20px;
     opacity: 0;
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
     transform: translateY(-50px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box .sub-title {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1000ms;
     -moz-transition-delay: 1000ms;
     -ms-transition-delay: 1000ms;
     -o-transition-delay: 1000ms;
     transition-delay: 1000ms;
 }

 .banner-carousel .content-box h2 {
     font-size: 70px;
     line-height: 43px;
     font-weight: 600;
     margin-bottom: 20px;
     opacity: 0;
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box h2 {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1000ms;
     -moz-transition-delay: 1000ms;
     -ms-transition-delay: 1000ms;
     -o-transition-delay: 1000ms;
     transition-delay: 1000ms;
 }

 .banner-carousel .content-box h2 span {
     display: block;
     font-size: 30px;
     font-weight: 600;
 }

 .banner-carousel .content-box p {
     font-size: 16px;
     line-height: 32px;
    
     opacity: 0;
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box p {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1200ms;
     -moz-transition-delay: 1200ms;
     -ms-transition-delay: 1200ms;
     -o-transition-delay: 1200ms;
     transition-delay: 1200ms;
 }

 .banner-carousel .content-box .btn-box {
     opacity: 0;
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box .btn-box {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1400ms;
     -moz-transition-delay: 1400ms;
     -ms-transition-delay: 1400ms;
     -o-transition-delay: 1400ms;
     transition-delay: 1400ms;
 }

 .banner-section .slide-item .pattern-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 476px;
     height: 100%;
     background-repeat: no-repeat;
     z-index: 1;
 }


 /** banner-style-two **/

 .banner-style-two {
     position: relative;
     padding: 280px 0px 245px 0px;
 }

 .banner-style-two .bg-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .banner-style-two .bg-layer:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 51.77%);
 }

 .banner-style-two .bg-color {
     position: absolute;
     left: 0px;
     top: 0px;
     width: calc(50% - 235px);
     height: 100%;
     background: var(--secondary-color);
 }

 .banner-style-two .content-box {
     position: relative;
     display: block;
     max-width: 600px;
 }

 .banner-style-two .content-box h2 {
     font-size: 80px;
     line-height: 80px;
     color: #fff;
     margin-bottom: 20px;
 }

 .banner-style-two .content-box h2 span {
     display: block;
     font-size: 64px;
     font-weight: 400;
 }

 .banner-style-two .content-box p {
     font-size: 20px;
     line-height: 32px;
     color: #fff;
     margin-bottom: 40px;
 }

 .banner-style-two .pattern-layer {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 449px;
     height: 795px;
     background-repeat: no-repeat;
 }

 .banner-style-two .content-box .theme-btn:hover {}

 .banner-style-two .content-box .theme-btn span {
     background: #fff;
 }


 /** banner-style-three **/

 .banner-style-three {
     position: relative;
     background: linear-gradient(102.73deg, #37AA67 0.76%, #08349E 99.64%);
     overflow: hidden;
 }

 .banner-style-three .inner-box {
     position: relative;
     padding: 280px 0px 255px 0px;
 }

 .banner-style-three .content-box {
     position: relative;
     display: block;
 }

 .banner-style-three .content-box .sub-title {
     color: #fff !important;
 }

 .banner-style-three .content-box .sub-title:before {
     background: rgba(255, 255, 255, 1) !important;
 }

 .banner-style-three .content-box h2 {
     position: relative;
     display: block;
     font-size: 80px;
     line-height: 70px;
     color: #fff;
     margin-bottom: 22px;
 }

 .banner-style-three .content-box h2 span {
     display: block;
     font-size: 64px;
     font-weight: 400;
 }

 .banner-style-three .content-box p {
     font-size: 20px;
     line-height: 32px;
     color: #fff;
     max-width: 620px;
     margin-bottom: 41px;
 }

 .banner-style-three .content-box .theme-btn {
     background: #fff !important;
 }

 .banner-style-three .content-box .theme-btn:hover {
     color: #fff !important;
 }

 .banner-style-three .image-box {
     position: absolute;
     right: 0px;
     bottom: 0px;
 }

 .banner-style-three .image-box .support-box {
     position: absolute;
     left: -70px;
     bottom: 125px;
     width: 330px;
     background: #fff;
     border-radius: 120px;
     padding: 26px 30px 27px 110px;
 }

 .banner-style-three .image-box .support-box .icon-box {
     position: absolute;
     display: inline-block;
     left: 20px;
     top: 20px;
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: center;
     border-radius: 50%;
     font-size: 30px;
     z-index: 1;
 }

 .banner-style-three .image-box .support-box .icon-box:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     border-radius: 50%;
     z-index: -1;
     opacity: 0.14;
 }

 .banner-style-three .image-box .support-box span {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     font-family: var(--title-font);
     font-weight: 600;
 }

 .banner-style-three .image-box .support-box a {
     position: relative;
     display: inline-block;
     font-size: 24px;
     line-height: 28px;
     font-family: var(--title-font);
     font-weight: 700;
     color: var(--title-color);
 }

 .banner-style-three .image-box .support-box a:hover {}

 .banner-style-three .pattern-layer .pattern-1 {
     position: absolute;
     left: 0px;
     bottom: 90px;
     width: 711px;
     height: 811px;
     background-repeat: no-repeat;
 }

 .banner-style-three .pattern-layer .pattern-2 {
     position: absolute;
     right: 0px;
     bottom: 0px;
     width: 1389px;
     height: 718px;
     background-repeat: no-repeat;
     opacity: 0.07;
 }

 .banner-style-three .pattern-layer .pattern-3 {
     position: absolute;
     right: 0px;
     bottom: 0px;
     width: 1278px;
     height: 900px;
     background-repeat: no-repeat;
 }

 .banner-style-three .pattern-layer .pattern-4 {
     position: absolute;
     top: 268px;
     right: 300px;
     width: 166px;
     height: 166px;
     background-repeat: no-repeat;
 }

 .banner-style-three .pattern-layer .pattern-5 {
     position: absolute;
     top: 390px;
     right: 745px;
     width: 209px;
     height: 209px;
     background-repeat: no-repeat;
 }


 /** banner-style-four **/

 .banner-style-four {
     position: relative;
     background-color: #fff;
     padding: 300px 0px 127px 0px;
 }

 .banner-style-four .content-box {
     position: relative;
     display: block;
 }

 .banner-style-four .content-box h2 {
     display: block;
     font-size: 80px;
     line-height: 70px;
     margin-bottom: 22px;
 }

 .banner-style-four .content-box h2 span {
     display: block;
     font-size: 64px;
     font-weight: 400;
 }

 .banner-style-four .content-box p {
     font-size: 20px;
     line-height: 32px;
     color: var(--title-color);
     max-width: 540px;
     margin-bottom: 40px;
 }

 .banner-style-four .content-box .funfact-inner {
     position: relative;
     display: flex;
     align-items: center;
 }

 .banner-style-four .content-box .funfact-inner .single-item {
     position: relative;
     display: block;
     width: 135px;
     text-align: center;
     margin-right: 100px;
 }

 .banner-style-four .content-box .funfact-inner .single-item:last-child {
     margin: 0px !important;
 }

 .banner-style-four .content-box .funfact-inner .single-item .count-outer {
     position: absolute;
     display: inline-block;
     left: 0px;
     top: 5px;
     width: 100%;
     text-align: center;
     font-size: 128px;
     line-height: 80px;
     font-family: var(--title-font);
     color: var(--title-color);
     font-weight: 500;
     opacity: 0.05;
 }

 .banner-style-four .content-box .funfact-inner .single-item h3 {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 30px;
     text-transform: uppercase;
 }

 .banner-style-four .image-layer {
     position: absolute;
     top: -74px;
     right: 0px;
     width: 967px;
     height: 967px;
     border-radius: 500px 0px 500px 500px;
     overflow: hidden;
 }

 .banner-style-four .image-layer .bg-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     border-radius: 500px 0px 500px 500px;
 }

 .banner-style-four .image-layer .bg-layer:before {
     position: absolute;
     content: '';
     background: linear-gradient(-45deg, rgba(56, 171, 104, 0.8) 10.1%, rgba(6, 65, 195, 0.8) 89.76%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
 }

 .banner-style-four .image-layer .image {
     position: absolute;
     left: 100px;
     bottom: -30px;
 }

 .banner-style-four .pattern-layer {
     position: absolute;
     left: 0px;
     top: 160px;
     width: 265px;
     height: 736px;
     background-repeat: no-repeat;
 }


 /** banner-style-five **/

 .banner-style-five {
     position: relative;
     padding: 195px 0px 125px 0px;
     background: linear-gradient(180deg, rgba(55, 170, 103, 0.5) 0%, rgba(227, 255, 233, 0) 94.78%);
 }

 .banner-style-five .content-box {
     position: relative;
     display: block;
 }

 .banner-style-five .content-box h2 {
     display: block;
     font-size: 80px;
     line-height: 70px;
     margin-bottom: 22px;
 }

 .banner-style-five .content-box h2 span {
     display: block;
     font-size: 64px;
     font-weight: 400;
 }

 .banner-style-five .content-box p {
     font-size: 20px;
     line-height: 32px;
     color: var(--title-color);
     margin-bottom: 40px;
 }

 .banner-style-five .image-box {
     position: relative;
     display: block;
     margin-left: 53px;
     margin-right: 29px;
 }

 .banner-style-five .image-box img {
     width: 100%;
 }

 .banner-style-five .image-box .image-shape .shape-1 {
     position: absolute;
     left: -83px;
     top: 114px;
     width: 242px;
     height: 244px;
     background-repeat: no-repeat;
 }

 .banner-style-five .image-box .image-shape .shape-2 {
     position: absolute;
     left: -96px;
     bottom: 25px;
     width: 203px;
     height: 228px;
     background-repeat: no-repeat;
 }

 .banner-style-five .image-box .image-shape .shape-3 {
     position: absolute;
     top: 142px;
     right: -100px;
     width: 179px;
     height: 199px;
     background-repeat: no-repeat;
 }

 .banner-style-five .pattern-layer .pattern-1 {
     position: absolute;
     left: 0px;
     top: 170px;
     width: 265px;
     height: 736px;
     background-repeat: no-repeat;
 }

 .banner-style-five .pattern-layer .pattern-2 {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 547px;
     height: 448px;
     background-repeat: no-repeat;
 }








 /* color */

 .main-menu .navigation>li.current>a,
 .main-menu .navigation>li:hover>a,
 .main-menu .navigation>li>ul>li>a:hover,
 .main-menu .navigation>li>.megamenu li>a:hover,
 .main-menu .navigation>li>ul>li>ul>li>a:hover,
 .scroll-to-top .scroll-bar-text,
 .header-top .top-inner p i,
 .header-top .top-inner .social-links li a:hover,
 .main-header .menu-right-content .search-box-outer:hover,
 .main-header .menu-right-content .btn-box a,
 .sub-title,
 .feature-block-one .inner-box .icon-box .icon,
 .feature-block-one .inner-box h3 a:hover,
 .image_block_one .image-box .image-content h2,
 .list-style-one li:before,
 .funfact-block-one .inner-box .icon-box,
 .events-block-one .inner-box .lower-content .location-box,
 .events-block-one .inner-box .lower-content h3 a:hover,
 .team-block-one .inner-box .lower-content h3 a:hover,
 .main-footer .footer-top .top-inner .footer-menu li a:hover,
 .main-footer .about-widget .info li a:hover,
 .main-footer .links-widget .links-list li a:hover,
 .main-footer .footer-bottom .copyright p a,
 .scroll-to-top::after,
 .banner-style-two .content-box .theme-btn:hover,
 .image_block_two .image-inner .experience-box h2,
 .speciality-block-one .inner-box h3 a:hover,
 .speciality-block-one .inner-box .btn-box .link-text a:hover,
 .video-btn a,
 .working-block-two .inner-box h3 a:hover,
 .events-block-one .inner-box .event-info li i,
 .nav-style-one .owl-nav button,
 .banner-style-three .content-box .theme-btn,
 .banner-style-three .image-box .support-box .icon-box,
 .banner-style-three .image-box .support-box span,
 .banner-style-three .image-box .support-box a:hover,
 .feature-style-two .sec-title h2 span,
 .feature-block-three .inner-box .icon-box .icon,
 .service-block-two .inner-box .content-box .link a:hover,
 .journey-block-one .inner-box h3 a:hover,
 .news-block-one .inner-box .lower-content .category,
 .news-block-one .inner-box .lower-content h3 a:hover,
 .chooseus-block-one .inner-box:hover .icon-box .icon,
 .faq-style-two .inner-box .tab-btn-box .tab-btn .icon-box,
 .main-header.home-5 .header-top .top-inner .social-links li a:hover,
 .feature-block-four .inner-box h3 a:hover,
 .research-details .image-inner .info-list .share-links li a:hover,
 .service-sidebar .support-widget .support-box .icon-box,
 .service-sidebar .support-widget .support-box h3 a:hover,
 .event-details-content .info-list li,
 .team-details .content-box .inner-box .single-item h4 a:hover,
 .history-section .content-box h3 a:hover,
 .error-section h1,
 .blog-sidebar .search-widget .search-form .form-group input:focus+button,
 .blog-sidebar .search-widget .search-form .form-group button:hover,
 .blog-sidebar .category-widget .category-list li a:hover,
 .blog-sidebar .post-widget .post h4 a:hover,
 .blog-sidebar .post-widget .post .post-date,
 .news-block-two .inner-box .content-box .category,
 .news-block-two .inner-box .content-box h3 a:hover,
 .news-block-two .inner-box .content-box .post-info .author a:hover,
 .news-block-two .inner-box .content-box .post-info .date,
 .blog-details-content .post-info li span,
 .blog-details-content .post-share-option .social-links li a:hover,
 .info-block-one .inner-box p a:hover {
     color: var(--theme-color) !important;
 }


 /** background **/

 .switcher .switch_btn button,
 button.rtl,
 button.ltr,
 .main-header .menu-right-content .btn-box a:hover,
 .theme-btn,
 .sub-title:before,
 .feature-section .inner-container .feature-block-one:first-child .inner-box,
 .service-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .service-block-one .inner-box:before,
 .working-block-one .inner-box .count-box .r-hex:first-child .r-hex-inner:before,
 .events-block-one .inner-box:hover .image-box,
 .events-block-one .inner-box .lower-content .post-date,
 .team-block-one .inner-box .image-box .image,
 .team-block-one .inner-box .image-box .social-links li a:hover,
 .main-footer .footer-bottom .social-links li a:hover,
 .image_block_two .image-inner .experience-box h2:before,
 .service-style-two .tab-btn-box .tab-btns li:before,
 .speciality-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .working-style-two .working-block:first-child .working-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .nav-style-one .owl-nav button:hover,
 .banner-style-three .image-box .support-box .icon-box:before,
 .feature-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .feature-block-three .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .journey-block-one .inner-box .year,
 .journey-block-one .inner-box .decore,
 .testimonial-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .dots-style-one .owl-dots .owl-dot:before,
 .news-block-one .inner-box .lower-content .post-date,
 .news-block-one .inner-box .image-box,
 .header-style-four .header-lower .logo-box,
 .chooseus-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .chooseus-block-one .inner-box .bg-layer:before,
 .image_block_three .image-box .experience-box .r-hex:first-child .r-hex-inner:before,
 .faq-style-two .inner-box .tab-btn-box .tab-btn:before,
 .feature-block-four .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
 .working-block-three .inner-box .count-box,
 .working-block-three .inner-box::before,
 .research-details .content-three .tab-btn-box .tab-btn:before,
 .service-sidebar .category-widget .category-list li a:hover,
 .service-sidebar .download-widget .download-list li button span,
 .service-sidebar .download-widget .download-list li button:hover,
 .service-sidebar .support-widget .support-box .icon-box:before,
 .service-sidebar .category-widget .category-list li a.current,
 .pagination li a:hover,
 .pagination li a.current,
 .team-details .content-box .social-links li a:before,
 .history-section .year,
 .history-section .border-line:before,
 .history-section .border-line:after,
 .sortable-masonry .filter-tabs li:hover,
 .sortable-masonry .filter-tabs li.active,
 .blog-sidebar .tags-widget .tags-list li a:hover,
 .news-block-two .inner-box .image-box,
 .blog-details-content .upper-image .post-date,
 .blog-details-content .post-share-option .post-tags li a:hover,
 .info-block-one .inner-box .r-hex:first-child .r-hex-inner:before {
     background: var(--theme-color) !important;
 }




 /** border-color **/

 .main-menu .navigation>li>ul,
 .main-menu .navigation>li>.megamenu,
 .main-menu .navigation>li>ul>li>ul,
 .main-header .menu-right-content .btn-box a,
 .image_block_one .image-box .image-content,
 .main-footer .newsletter-widget .newsletter-form .form-group input:focus,
 .feature-block-three .inner-box:hover,
 .dots-style-one .owl-dots .owl-dot.active,
 .dots-style-one .owl-dots .owl-dot:hover,
 .header-style-four .menu-right-content .btn-box a:hover,
 .service-sidebar .download-widget .download-list li button:hover,
 .history-section .content-box,
 .faq-form-section .form-inner .form-group input:focus,
 .faq-form-section .form-inner .form-group textarea:focus,
 .blog-sidebar .search-widget .search-form .form-group input:focus,
 .blog-sidebar .tags-widget .tags-list li a:hover,
 .blog-sidebar .newsletter-widget .form-inner .form-group input:focus,
 .blog-details-content blockquote,
 .blog-details-content .post-share-option .post-tags li a:hover,
 .blog-details-content .comment-form-box .form-inner .form-group input:focus,
 .blog-details-content .comment-form-box .form-inner .form-group textarea:focus,
 #contact-form .form-group input:focus,
 #contact-form .form-group textarea:focus {
     border-color: var(--theme-color) !important;
 }


 .scroll-to-top .scroll-top-inner path {
     stroke: var(--theme-color);
 }






 /* animation css */



 .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }

 .animated.infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
 }

 .animated.hinge {
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
 }

 .animated.bounceIn,
 .animated.bounceOut {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
 }

 .animated.flipOutX,
 .animated.flipOutY {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
 }

 @-webkit-keyframes bounce {

     0%,
     20%,
     53%,
     80%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         -webkit-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0);
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         -webkit-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0);
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0);
     }
 }

 @keyframes bounce {

     0%,
     20%,
     53%,
     80%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         -webkit-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0);
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         -webkit-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0);
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0);
     }
 }

 .bounce {
     -webkit-animation-name: bounce;
     animation-name: bounce;
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
 }

 @-webkit-keyframes flash {

     0%,
     50%,
     100% {
         opacity: 1;
     }

     25%,
     75% {
         opacity: 0;
     }
 }

 @keyframes flash {

     0%,
     50%,
     100% {
         opacity: 1;
     }

     25%,
     75% {
         opacity: 0;
     }
 }

 .flash {
     -webkit-animation-name: flash;
     animation-name: flash;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
     }

     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 @keyframes pulse {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
     }

     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 .pulse {
     -webkit-animation-name: pulse;
     animation-name: pulse;
 }

 @-webkit-keyframes rubberBand {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }

     30% {
         -webkit-transform: scale3d(1.25, 0.75, 1);
         transform: scale3d(1.25, 0.75, 1);
     }

     40% {
         -webkit-transform: scale3d(0.75, 1.25, 1);
         transform: scale3d(0.75, 1.25, 1);
     }

     50% {
         -webkit-transform: scale3d(1.15, 0.85, 1);
         transform: scale3d(1.15, 0.85, 1);
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1);
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1);
     }

     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 @keyframes rubberBand {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }

     30% {
         -webkit-transform: scale3d(1.25, 0.75, 1);
         transform: scale3d(1.25, 0.75, 1);
     }

     40% {
         -webkit-transform: scale3d(0.75, 1.25, 1);
         transform: scale3d(0.75, 1.25, 1);
     }

     50% {
         -webkit-transform: scale3d(1.15, 0.85, 1);
         transform: scale3d(1.15, 0.85, 1);
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1);
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1);
     }

     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 .rubberBand {
     -webkit-animation-name: rubberBand;
     animation-name: rubberBand;
 }

 @-webkit-keyframes shake {

     0%,
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
     }
 }

 @keyframes shake {

     0%,
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
     }
 }

 .shake {
     -webkit-animation-name: shake;
     animation-name: shake;
 }

 @-webkit-keyframes swing {
     20% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg);
     }

     40% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg);
     }

     60% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg);
     }

     80% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg);
     }

     100% {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg);
     }
 }

 @keyframes swing {
     20% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg);
     }

     40% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg);
     }

     60% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg);
     }

     80% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg);
     }

     100% {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg);
     }
 }

 .swing {
     -webkit-transform-origin: top center;
     transform-origin: top center;
     -webkit-animation-name: swing;
     animation-name: swing;
 }

 @-webkit-keyframes tada {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
     }

     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 @keyframes tada {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
     }

     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 .tada {
     -webkit-animation-name: tada;
     animation-name: tada;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

 @-webkit-keyframes wobble {
     0% {
         -webkit-transform: none;
         transform: none;
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 @keyframes wobble {
     0% {
         -webkit-transform: none;
         transform: none;
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 .wobble {
     -webkit-animation-name: wobble;
     animation-name: wobble;
 }

 @-webkit-keyframes jello {
     11.1% {
         -webkit-transform: none;
         transform: none
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
         transform: skewX(-0.78125deg) skewY(-0.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
         transform: skewX(0.390625deg) skewY(0.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
         transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
     }

     100% {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes jello {
     11.1% {
         -webkit-transform: none;
         transform: none
     }

     22.2% {

         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
         transform: skewX(-0.78125deg) skewY(-0.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
         transform: skewX(0.390625deg) skewY(0.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
         transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
     }

     100% {
         -webkit-transform: none;
         transform: none
     }
 }



 .jello {
     -webkit-animation-name: jello;
     animation-name: jello;
     -webkit-transform-origin: center;

     transform-origin: center
 }

 @-webkit-keyframes bounceIn {

     0%,
     20%,
     40%,
     60%,
     80%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03);
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97);
     }

     100% {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 @keyframes bounceIn {

     0%,
     20%,
     40%,
     60%,
     80%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03);
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97);
     }

     100% {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 .bounceIn {
     -webkit-animation-name: bounceIn;
     animation-name: bounceIn;
 }

 @-webkit-keyframes bounceInDown {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0);
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 @keyframes bounceInDown {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0);
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 .bounceInDown {
     -webkit-animation-name: bounceInDown;
     animation-name: bounceInDown;
 }

 @-webkit-keyframes bounceInLeft {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0);
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 @keyframes bounceInLeft {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0);
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 .bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     animation-name: bounceInLeft;
 }

 @-webkit-keyframes bounceInRight {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0);
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 @keyframes bounceInRight {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0);
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0);
     }

     100% {
         -webkit-transform: none;
         transform: none;
     }
 }

 .bounceInRight {
     -webkit-animation-name: bounceInRight;
     animation-name: bounceInRight;
 }

 @-webkit-keyframes bounceInUp {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 @keyframes bounceInUp {

     0%,
     60%,
     75%,
     90%,
     100% {
         -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0);
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 .bounceInUp {
     -webkit-animation-name: bounceInUp;
     animation-name: bounceInUp;
 }

 @-webkit-keyframes bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9);
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }
 }

 @keyframes bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9);
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }
 }

 .bounceOut {
     -webkit-animation-name: bounceOut;
     animation-name: bounceOut;
 }

 @-webkit-keyframes bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
     }
 }

 @keyframes bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
     }
 }

 .bounceOutDown {
     -webkit-animation-name: bounceOutDown;
     animation-name: bounceOutDown;
 }

 @-webkit-keyframes bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
     }
 }

 @keyframes bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
     }
 }

 .bounceOutLeft {
     -webkit-animation-name: bounceOutLeft;
     animation-name: bounceOutLeft;
 }

 @-webkit-keyframes bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
     }
 }

 @keyframes bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
     }
 }

 .bounceOutRight {
     -webkit-animation-name: bounceOutRight;
     animation-name: bounceOutRight;
 }

 @-webkit-keyframes bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
     }
 }

 @keyframes bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
     }
 }

 .bounceOutUp {
     -webkit-animation-name: bounceOutUp;
     animation-name: bounceOutUp;
 }


 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
 }

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

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 @keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         -ms-transform: translateY(-20px);
         transform: translateY(-20px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }
 }

 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
 }

 @-webkit-keyframes fadeInDownBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-2000px);
         transform: translateY(-2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 @keyframes fadeInDownBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-2000px);
         -ms-transform: translateY(-2000px);
         transform: translateY(-2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }
 }

 .fadeInDownBig {
     -webkit-animation-name: fadeInDownBig;
     animation-name: fadeInDownBig;
 }

 @-webkit-keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-20px);
         transform: translateX(-20px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

 @keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-20px);
         -ms-transform: translateX(-20px);
         transform: translateX(-20px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }
 }

 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
 }

 @-webkit-keyframes fadeInLeftBig {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         transform: translateX(-2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

 @keyframes fadeInLeftBig {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         -ms-transform: translateX(-2000px);
         transform: translateX(-2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }
 }

 .fadeInLeftBig {
     -webkit-animation-name: fadeInLeftBig;
     animation-name: fadeInLeftBig;
 }

 @-webkit-keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(20px);
         transform: translateX(20px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

 @keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(20px);
         -ms-transform: translateX(20px);
         transform: translateX(20px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }
 }

 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
 }

 @-webkit-keyframes fadeInRightBig {
     0% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         transform: translateX(2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

 @keyframes fadeInRightBig {
     0% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         -ms-transform: translateX(2000px);
         transform: translateX(2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }
 }

 .fadeInRightBig {
     -webkit-animation-name: fadeInRightBig;
     animation-name: fadeInRightBig;
 }

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

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 @keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }
 }

 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
 }

 @-webkit-keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         transform: translateY(2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 @keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         -ms-transform: translateY(2000px);
         transform: translateY(2000px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }
 }

 .fadeInUpBig {
     -webkit-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig;
 }

 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes fadeOut {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
 }

 @-webkit-keyframes fadeOutDown {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(20px);
         transform: translateY(20px);
     }
 }

 @keyframes fadeOutDown {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
     }
 }

 .fadeOutDown {
     -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown;
 }

 @-webkit-keyframes fadeOutDownBig {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         transform: translateY(2000px);
     }
 }

 @keyframes fadeOutDownBig {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         -ms-transform: translateY(2000px);
         transform: translateY(2000px);
     }
 }

 .fadeOutDownBig {
     -webkit-animation-name: fadeOutDownBig;
     animation-name: fadeOutDownBig;
 }

 @-webkit-keyframes fadeOutLeft {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(-20px);
         transform: translateX(-20px);
     }
 }

 @keyframes fadeOutLeft {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(-20px);
         -ms-transform: translateX(-20px);
         transform: translateX(-20px);
     }
 }

 .fadeOutLeft {
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft;
 }

 @-webkit-keyframes fadeOutLeftBig {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         transform: translateX(-2000px);
     }
 }

 @keyframes fadeOutLeftBig {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         -ms-transform: translateX(-2000px);
         transform: translateX(-2000px);
     }
 }

 .fadeOutLeftBig {
     -webkit-animation-name: fadeOutLeftBig;
     animation-name: fadeOutLeftBig;
 }

 @-webkit-keyframes fadeOutRight {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(20px);
         transform: translateX(20px);
     }
 }

 @keyframes fadeOutRight {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(20px);
         -ms-transform: translateX(20px);
         transform: translateX(20px);
     }
 }

 .fadeOutRight {
     -webkit-animation-name: fadeOutRight;
     animation-name: fadeOutRight;
 }

 @-webkit-keyframes fadeOutRightBig {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         transform: translateX(2000px);
     }
 }

 @keyframes fadeOutRightBig {
     0% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         -ms-transform: translateX(2000px);
         transform: translateX(2000px);
     }
 }

 .fadeOutRightBig {
     -webkit-animation-name: fadeOutRightBig;
     animation-name: fadeOutRightBig;
 }

 @-webkit-keyframes fadeOutUp {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
     }
 }

 @keyframes fadeOutUp {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         -ms-transform: translateY(-20px);
         transform: translateY(-20px);
     }
 }

 .fadeOutUp {
     -webkit-animation-name: fadeOutUp;
     animation-name: fadeOutUp;
 }

 @-webkit-keyframes fadeOutUpBig {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(-2000px);
         transform: translateY(-2000px);
     }
 }

 @keyframes fadeOutUpBig {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(-2000px);
         -ms-transform: translateY(-2000px);
         transform: translateY(-2000px);
     }
 }

 .fadeOutUpBig {
     -webkit-animation-name: fadeOutUpBig;
     animation-name: fadeOutUpBig;
 }

 @-webkit-keyframes flip {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }

     40% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }

     50% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
         transform: perspective(400px) scale3d(.95, .95, .95);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     100% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }
 }

 @keyframes flip {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }

     40% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }

     50% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
         transform: perspective(400px) scale3d(.95, .95, .95);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     100% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }
 }

 .animated.flip {
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-animation-name: flip;
     animation-name: flip;
 }

 @-webkit-keyframes flipInX {
     0% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0;
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
     }

     100% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }
 }

 @keyframes flipInX {
     0% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0;
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
     }

     100% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }
 }

 .flipInX {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInX;
     animation-name: flipInX;
 }

 @-webkit-keyframes flipInY {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0;
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
     }

     100% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }
 }

 @keyframes flipInY {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0;
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
     }

     100% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }
 }

 .flipInY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY;
 }

 @-webkit-keyframes flipOutX {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         opacity: 1;
     }

     100% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         opacity: 0;
     }
 }

 @keyframes flipOutX {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         opacity: 1;
     }

     100% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         opacity: 0;
     }
 }

 .flipOutX {
     -webkit-animation-name: flipOutX;
     animation-name: flipOutX;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
 }

 @-webkit-keyframes flipOutY {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         opacity: 1;
     }

     100% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         opacity: 0;
     }
 }

 @keyframes flipOutY {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         opacity: 1;
     }

     100% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         opacity: 0;
     }
 }

 .flipOutY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipOutY;
     animation-name: flipOutY;
 }

 @-webkit-keyframes lightSpeedIn {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0;
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg);
         opacity: 1;
     }

     100% {
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 @keyframes lightSpeedIn {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0;
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg);
         opacity: 1;
     }

     100% {
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 .lightSpeedIn {
     -webkit-animation-name: lightSpeedIn;
     animation-name: lightSpeedIn;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
 }

 @-webkit-keyframes lightSpeedOut {
     0% {
         opacity: 1;
     }

     100% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0;
     }
 }

 @keyframes lightSpeedOut {
     0% {
         opacity: 1;
     }

     100% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0;
     }
 }

 .lightSpeedOut {
     -webkit-animation-name: lightSpeedOut;
     animation-name: lightSpeedOut;
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
 }

 @-webkit-keyframes rotateIn {
     0% {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 @keyframes rotateIn {
     0% {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 .rotateIn {
     -webkit-animation-name: rotateIn;
     animation-name: rotateIn;
 }

 @-webkit-keyframes rotateInDownLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 @keyframes rotateInDownLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 .rotateInDownLeft {
     -webkit-animation-name: rotateInDownLeft;
     animation-name: rotateInDownLeft;
 }

 @-webkit-keyframes rotateInDownRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 @keyframes rotateInDownRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 .rotateInDownRight {
     -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight;
 }

 @-webkit-keyframes rotateInUpLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 @keyframes rotateInUpLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 .rotateInUpLeft {
     -webkit-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft;
 }

 @-webkit-keyframes rotateInUpRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 @keyframes rotateInUpRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
         opacity: 0;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 .rotateInUpRight {
     -webkit-animation-name: rotateInUpRight;
     animation-name: rotateInUpRight;
 }

 @-webkit-keyframes rotateOut {
     0% {
         -webkit-transform-origin: center;
         transform-origin: center;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
         opacity: 0;
     }
 }

 @keyframes rotateOut {
     0% {
         -webkit-transform-origin: center;
         transform-origin: center;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
         opacity: 0;
     }
 }

 .rotateOut {
     -webkit-animation-name: rotateOut;
     animation-name: rotateOut;
 }

 @-webkit-keyframes rotateOutDownLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
     }
 }

 @keyframes rotateOutDownLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0;
     }
 }

 .rotateOutDownLeft {
     -webkit-animation-name: rotateOutDownLeft;
     animation-name: rotateOutDownLeft;
 }

 @-webkit-keyframes rotateOutDownRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0;
     }
 }

 @keyframes rotateOutDownRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0;
     }
 }

 .rotateOutDownRight {
     -webkit-animation-name: rotateOutDownRight;
     animation-name: rotateOutDownRight;
 }

 @-webkit-keyframes rotateOutUpLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0;
     }
 }

 @keyframes rotateOutUpLeft {
     0% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0;
     }
 }

 .rotateOutUpLeft {
     -webkit-animation-name: rotateOutUpLeft;
     animation-name: rotateOutUpLeft;
 }

 @-webkit-keyframes rotateOutUpRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
         opacity: 0;
     }
 }

 @keyframes rotateOutUpRight {
     0% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1;
     }

     100% {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
         opacity: 0;
     }
 }

 .rotateOutUpRight {
     -webkit-animation-name: rotateOutUpRight;
     animation-name: rotateOutUpRight;
 }

 @-webkit-keyframes hinge {
     0% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }

     20%,
     60% {
         -webkit-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }

     40%,
     80% {
         -webkit-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1;
     }

     100% {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0;
     }
 }

 @keyframes hinge {
     0% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }

     20%,
     60% {
         -webkit-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }

     40%,
     80% {
         -webkit-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1;
     }

     100% {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0;
     }
 }

 .hinge {
     -webkit-animation-name: hinge;
     animation-name: hinge;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

 @-webkit-keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
     }

     100% {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }

 @keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
     }

     100% {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }

 .rollIn {
     -webkit-animation-name: rollIn;
     animation-name: rollIn;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

 @-webkit-keyframes rollOut {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     }
 }

 @keyframes rollOut {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     }
 }

 .rollOut {
     -webkit-animation-name: rollOut;
     animation-name: rollOut;
 }

 @-webkit-keyframes zoomIn {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     50% {
         opacity: 1;
     }
 }

 @keyframes zoomIn {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     50% {
         opacity: 1;
     }
 }

 .zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn;
 }

 @-webkit-keyframes zoomInStable {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     33.333% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
     }

     66.666666% {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 @keyframes zoomInStable {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     33.333% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
     }

     66.666666% {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }

 .zoomInStable {
     -webkit-animation-name: zoomInStable;
     animation-name: zoomInStable;
 }

 @-webkit-keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 @keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 .zoomInDown {
     -webkit-animation-name: zoomInDown;
     animation-name: zoomInDown;
 }

 @-webkit-keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 @keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 .zoomInLeft {
     -webkit-animation-name: zoomInLeft;
     animation-name: zoomInLeft;
 }

 @-webkit-keyframes zoomInRight {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 @keyframes zoomInRight {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 .zoomInRight {
     -webkit-animation-name: zoomInRight;
     animation-name: zoomInRight;
 }

 @-webkit-keyframes zoomInUp {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 @keyframes zoomInUp {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 .zoomInUp {
     -webkit-animation-name: zoomInUp;
     animation-name: zoomInUp;
 }

 @-webkit-keyframes zoomOut {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes zoomOut {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }

     100% {
         opacity: 0;
     }
 }

 .zoomOut {
     -webkit-animation-name: zoomOut;
     animation-name: zoomOut;
 }

 @-webkit-keyframes zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 @keyframes zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 .zoomOutDown {
     -webkit-animation-name: zoomOutDown;
     animation-name: zoomOutDown;
 }

 @-webkit-keyframes zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0);
         -webkit-transform-origin: left center;
         transform-origin: left center;
     }
 }

 @keyframes zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0);
         -webkit-transform-origin: left center;
         transform-origin: left center;
     }
 }

 .zoomOutLeft {
     -webkit-animation-name: zoomOutLeft;
     animation-name: zoomOutLeft;
 }

 @-webkit-keyframes zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0);
         -webkit-transform-origin: right center;
         transform-origin: right center;
     }
 }

 @keyframes zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0);
         -webkit-transform-origin: right center;
         transform-origin: right center;
     }
 }

 .zoomOutRight {
     -webkit-animation-name: zoomOutRight;
     animation-name: zoomOutRight;
 }

 @-webkit-keyframes zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 @keyframes zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
     }

     100% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
     }
 }

 .zoomOutUp {
     -webkit-animation-name: zoomOutUp;
     animation-name: zoomOutUp;
 }

 @-webkit-keyframes slideInDown {
     0% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 @keyframes slideInDown {
     0% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 .slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown;
 }

 @-webkit-keyframes slideInLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 @keyframes slideInLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 .slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft;
 }

 @-webkit-keyframes slideInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 @keyframes slideInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 .slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight;
 }

 @-webkit-keyframes slideInUp {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 @keyframes slideInUp {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
     }

     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 .slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp;
 }

 @-webkit-keyframes slideOutDown {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
 }

 @keyframes slideOutDown {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
 }

 .slideOutDown {
     -webkit-animation-name: slideOutDown;
     animation-name: slideOutDown;
 }

 @-webkit-keyframes slideOutLeft {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
     }
 }

 @keyframes slideOutLeft {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
     }
 }

 .slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft;
 }

 @-webkit-keyframes slideOutRight {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
     }
 }

 @keyframes slideOutRight {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
     }
 }

 .slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight;
 }

 @-webkit-keyframes slideOutUp {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
     }
 }

 @keyframes slideOutUp {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }

     100% {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
     }
 }

 .slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp;
 }

 @keyframes anime {
     from {
         opacity: 0;
         transform: scaleY(0);
         -webkit-transform: scaleY(0);
         -moz-transform: scaleY(0);
         -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
     }

     to {
         opacity: 1;
         transform: scaleY(1);
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
         -moz-transform: scaleY(1);
     }
 }

 @-webkit-keyframes anime {
     from {
         opacity: 0;
         transform: scaleY(0);
         -webkit-transform: scaleY(0);
         -moz-transform: scaleY(0);
         -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
     }

     to {
         opacity: 1;
         transform: scaleY(1);
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
         -moz-transform: scaleY(1);
     }
 }

 @-moz-keyframes anime {
     from {
         opacity: 0;
         transform: scaleY(0);
         -webkit-transform: scaleY(0);
         -moz-transform: scaleY(0);
         -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
     }

     to {
         opacity: 1;
         transform: scaleY(1);
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
         -moz-transform: scaleY(1);
     }

 }

 @-o-keyframes anime {
     from {
         opacity: 0;
         transform: scaleY(0);
         -webkit-transform: scaleY(0);
         -moz-transform: scaleY(0);
         -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
     }

     to {
         opacity: 1;
         transform: scaleY(1);
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
         -moz-transform: scaleY(1);
     }
 }

 @-ms-keyframes anime {
     from {
         opacity: 0;
         transform: scaleY(0);
         -webkit-transform: scaleY(0);
         -moz-transform: scaleY(0);
         -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
     }

     to {
         opacity: 1;
         transform: scaleY(1);
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
         -moz-transform: scaleY(1);
     }

 }


 @keyframes float-bob-y {
     0% {
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
     }

     50% {
         -webkit-transform: translateY(-10px);
         transform: translateY(-10px);
     }

     100% {
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
     }
 }

 @keyframes float-bob-x {
     0% {
         -webkit-transform: translateX(-100px);
         transform: translateX(-100px);
     }

     50% {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px);
     }

     100% {
         -webkit-transform: translateX(-100px);
         transform: translateX(-100px);
     }
 }




 @keyframes float-bob {
     0% {
         -webkit-transform: translateX(-430px);
         transform: translateX(-430px);
     }

     50% {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px);
     }

     100% {
         -webkit-transform: translateX(-430px);
         transform: translateX(-430px);
     }
 }


 @-webkit-keyframes zoom-fade {
     0% {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
     }

     50% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }

     100% {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
     }
 }

 @keyframes zoom-fade {
     0% {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
     }

     50% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }

     100% {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
     }
 }


 @-webkit-keyframes zoom-fade-two {
     0% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
     }

     50% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }

     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
     }
 }

 @keyframes zoom-fade-two {
     0% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
     }

     50% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }

     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
     }
 }


 .banner .parallax-container div img,
 .fullwidth-video-section .play-link .icon-box {
     animation-name: zoom-fade;
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;

     -webkit-animation-name: zoom-fade;
     -webkit-animation-duration: 5s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;

     -moz-animation-name: zoom-fade;
     -moz-animation-duration: 5s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;

     -ms-animation-name: zoom-fade;
     -ms-animation-duration: 5s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;

     -o-animation-name: zoom-fade;
     -o-animation-duration: 5s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }



 @keyframes rotateme {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }

 @-webkit-keyframes rotateme {
     from {
         -webkit-transform: rotate(0deg);
     }

     to {
         -webkit-transform: rotate(360deg);
     }
 }

 @-moz-keyframes rotateme {
     from {
         -moz-transform: rotate(0deg);
     }

     to {
         -moz-transform: rotate(360deg);
     }
 }

 @-o-keyframes rotateme {
     from {
         -o-transform: rotate(0deg);
     }

     to {
         -o-transform: rotate(360deg);
     }
 }

 .page-banner .icon-one,
 .main-banner .icon-one {
     animation-name: rotateme;
     animation-duration: 7s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;

     -webkit-animation-name: rotateme;
     -webkit-animation-duration: 7s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;

     -moz-animation-name: rotateme;
     -moz-animation-duration: 7s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;

     -ms-animation-name: rotateme;
     -ms-animation-duration: 7s;

     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;

     -o-animation-name: rotateme;
     -o-animation-duration: 7s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .how-it-works:before,
 .main-banner .icon-six,
 .main-banner .icon-two,
 .page-banner .icon-six,
 .page-banner .icon-two,
 .rotate-me {
     animation-name: rotateme;
     animation-duration: 24s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;

     -webkit-animation-name: rotateme;
     -webkit-animation-duration: 24s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;

     -moz-animation-name: rotateme;
     -moz-animation-duration: 24s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;

     -ms-animation-name: rotateme;
     -ms-animation-duration: 24s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;

     -o-animation-name: rotateme;
     -o-animation-duration: 24s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 /** squares **/
 /* 
  squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
  @-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
  @-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
  @keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}} 
  
   */

 /** service-hexagon **/

 /* 
  .service_hexagon_2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes service_hexagon_2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}}
  
  .service_hexagon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes service_hexagon{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes service_hexagon{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes service_hexagon{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
  
  @-webkit-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-moz-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-webkit-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@-moz-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}} */





 .odometer.odometer-auto-theme,
 .odometer.odometer-theme-default {
     display: inline-block;
     vertical-align: middle;
     position: relative;
 }

 .odometer.odometer-auto-theme .odometer-digit,
 .odometer.odometer-theme-default .odometer-digit {
     vertical-align: middle;
     position: relative;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
 .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
     display: inline-block;
     vertical-align: middle;
     visibility: hidden;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
 .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
     text-align: left;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
     display: block;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
     display: block;
     -webkit-backface-visibility: hidden;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-value,
 .odometer.odometer-theme-default .odometer-digit .odometer-value {
     display: block;
     -webkit-transform: translateZ(0);
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
 .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
     position: absolute;
 }

 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
     -webkit-transition: -webkit-transform 2s;
     -moz-transition: -moz-transform 2s;
     -ms-transition: -ms-transform 2s;
     -o-transition: -o-transform 2s;
     transition: transform 2s;
 }

 .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
 }

 .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
 }

 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
     -webkit-transition: -webkit-transform 2s;
     -moz-transition: -moz-transform 2s;
     -ms-transition: -ms-transform 2s;
     -o-transition: -o-transform 2s;
     transition: transform 2s;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
 }

 .odometer.odometer-auto-theme,
 .odometer.odometer-theme-default {}

 .odometer.odometer-auto-theme .odometer-value,
 .odometer.odometer-theme-default .odometer-value {
     text-align: center;
 }







 .loader-wrap {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 .preloader .spinner {
     width: 50px;
     height: 50px;
     border: 5px solid transparent;
     border-top: 5px solid #fff;
     border-radius: 50%;
     animation: spin 1s linear infinite;
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .empower h2 {
     color: #0047AB;
     line-height: 48px;
     padding: 3px 0px 2px 11px;
     font-weight: 700;

     font-size: 2em;
     font-weight: bold;

 }


 .empower h4 {

     font-weight: bold;
     padding: 5px 0 0 0;
     color: #7393B3;
 }


 .empower {
     padding-top: 0px;
     padding-left: 0px;
 }





 .showoneline {
     display: -webkit-box !important;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .show2line {
     display: -webkit-box !important;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;

 }





 .h2class {

     font-size: 16px;
     font-weight: 700;
     color: white;
margin-bottom: 8px;

 }

 .h2class1 {

     font-size: 16px;
     font-weight: 700;
     color: white !important;
 }


 .icon-img {
     width: 65px;
     padding-bottom: 10px;

 }

 .icon-img1 {
     width: 61px;
     padding-bottom: 10px;

 }

 .color {
     color: white !important;
 }

 .spancolor {
     color: black !important;
     font-weight: 600;

 }

 .icon-img2 {
     width: 29px;

 }

 .coro {
     gap: 9%;

 }

 .coro1 {
     gap: 8%;

 }

 .oliverwyman {
     height: 26px !important;


 }

 .Strategyand {

     height: 38px !important;

 }

 .more-btn2 {
     padding-top: 21px !important;

 }



 @media (min-width: 375px) and (max-width: 801px) {

     .banner-carousel .content-box {
         max-width: 550px;
             }


 }

 .one {
     background-color: #153D9A !important;
 }

 .showoneline {
     color: white !important;

 }


 .strategy {
     color: black !important;

 }

 .coolor {
     color: white !important;
 }



    
                  
                @media screen and (max-width: 480px) {
                    .search-container-wrapper {
                        padding: 30px 20px;
                        border-radius: 18px;
                    }

                    .search-title {
                        font-size: 1.5rem;
                    }

                    .search-input-container {
                        flex-direction: column;
                        border-radius: 12px;
                        padding: 8px;
                        gap: 10px;
                        align-items: stretch;
                    }

                    .search-input {
                        width: 100% !important;
                        height: 50px;
                        font-size: 1rem;
                        flex: none !important;
                        min-width: 0;
                    }

                    .search-button {
                        width: 100% !important;
                        height: 50px;
                        justify-content: center;
                        font-size: 1rem;
                        flex: none !important;
                        min-width: 0;
                    }

                    .search-suggestions {
                        justify-content: flex-start;
                        flex-wrap: wrap;
                        gap: 8px;
                        margin-top: 15px;
                    }
                }



                /* 🌐 Outer Section */
                .search-section {
                    bottom: 315px;
                    position: relative;
                    width: 100%;
                    margin-top: -120px;
                    padding: 0 10px;
                    z-index: 10;
                }

                /* 🔷 Wrapper Box */
                .search-container-wrapper {
                    background: rgba(255, 255, 255, 0.98);
                    backdrop-filter: blur(12px);
                    border-radius: 24px;
                    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
                    max-width: 900px;
                    margin: 0 auto;
                    padding: 19px 40px;
                    border: 1px solid rgba(0, 0, 0, 0.05);
                    transition: all 0.3s ease;
                }

                .search-container-wrapper:hover {
                    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
                }

                /* 📝 Text Section */
                .search-header {
                    max-width: 720px;
                    margin: 0 auto 30px;
                }

                .search-title {
                    font-size: 24px;
                    font-weight: 700;
                    margin-bottom: 8px;
                    color: #1a1a1a;
                    letter-spacing: -0.5px;
                    line-height: 1.2;
                }

                .search-title .highlight {
                    color: mediumblue;
                    background: linear-gradient(120deg, rgba(0, 102, 255, 0.15) 0%, rgba(0, 102, 255, 0) 80%);
                    padding: 0 5px 3px;
                    border-radius: 4px;
                }

                .search-subtitle {
                    font-size: 17px;
                    color: #666;
                    font-weight: 400;
                }

                /* 🔍 Search Box */
                .search-form {
                    max-width: 800px;
                    margin: 0 auto;
                    position: relative;
                }

                .search-input-container {
                    display: flex;
                    width: 100%;
                    border-radius: 60px;
                    background: #fff;
                    box-shadow: 0 5px 15px rgba(0, 100, 90, 0.08);
                    overflow: hidden;
                    padding: 5px;
                    border: 1px solid rgba(0, 0, 0, 0.08);
                    transition: all 0.3s ease;
                }

                .search-input-container:focus-within {
                    box-shadow: 0 5px 20px rgba(0, 102, 255, 0.2);
                    border-color: rgba(0, 102, 255, 0.3);
                }

                .search-input {
                    flex: 1;
                    height: 60px;
                    padding: 0 25px;
                    font-size: 1.1rem;
                    border: none;
                    outline: none;
                    color: #333;
                    background: transparent;
                }

                .search-button {
                    background: linear-gradient(135deg, #0066ff, #0052d9);
                    color: #fff;
                    font-weight: 600;
                    padding: 0 30px;
                    border: none;
                    border-radius: 50px;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    font-size: 1rem;
                }

                .search-button:hover {
                    background: linear-gradient(135deg, #0052d9, #0040b3);
                    transform: translateY(-1px);
                }

                .search-button:active {
                    transform: translateY(0);
                }

                .search-suggestions {
                    display: flex;
                    justify-content: center;
                    flex-wrap: wrap;
                    gap: 10px;
                    margin-top: 20px;
                }

                .search-suggestion {
                    background: rgba(0, 102, 255, 0.08);
                    color: #0066ff;
                    padding: 3px 12px;
                    border-radius: 20px;
                    font-size: 12px;
                    cursor: pointer;
                    transition: all 0.2s ease;
                }

                .search-suggestion:hover {
                    background: rgba(0, 102, 255, 0.15);
                }

                /* 📱 Responsive */
                @media screen and (max-width: 768px) {
                    .search-container-wrapper {
                        padding: 40px 25px;
                        border-radius: 20px;
                    }

                    .search-title {
                        font-size: 1.8rem;
                    }

                    .search-subtitle {
                        font-size: 1rem;
                    }

                    .search-input {
                        height: 50px;
                        padding: 0 20px;
                        font-size: 1rem;
                    }

                    .search-button {
                        padding: 0 20px;
                    }
                }

                @media screen and (max-width: 480px) {
                    .search-container-wrapper {
                        padding: 30px 20px;
                        border-radius: 18px;
                    }

                    .search-title {
                        font-size: 1.5rem;
                    }

                    .search-input-container {
                        flex-direction: column;
                        border-radius: 12px;
                        padding: 8px;
                        gap: 8px;
                    }

                    .search-input,
                    .search-button {
                        border-radius: 8px;
                        width: 100%;
                    }

                    .search-button {
                        height: 48px;
                        justify-content: center;
                    }

                    .search-suggestions {
                        justify-content: flex-start;
                    }
                }

                .fade-text {
                    display: inline-block;
                    transition: opacity 0.6s ease-in-out;
                    opacity: 1;
                }
     .Technology {
            font-weight: 700;

        }

        .search-container-wrapper {
            background: linear-gradient(135deg, #dde9f7 0%, #c2d4e6 100%) !important;



            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
        }

        .search-subtitle {
            font-size: 17px;
            color: black !important;
            font-weight: 500 !important;
        }

        .search-suggestion {
            color: black !important;
            font-weight: 700;

        }
          
              
                @keyframes pxl_right_left {
                    0% {
                        transform: translateX(0)
                    }

                    25% {
                        transform: translateX(40px)
                    }

                    50% {
                        transform: translateX(0)
                    }

                    75% {
                        transform: translateX(-40px)
                    }

                    100% {
                        transform: translateX(0)
                    }
                }

                .slide-right-to-left {
                    animation: pxl_right_left 12s ease-out infinite;
                    -webkit-animation: pxl_right_left 12s ease-out infinite
                }

                @keyframes pxl_left_right {
                    0% {
                        transform: translateX(0)
                    }

                    25% {
                        transform: translateX(-40px)
                    }

                    50% {
                        transform: translateX(0)
                    }

                    75% {
                        transform: translateX(40px)
                    }

                    100% {
                        transform: translateX(0)
                    }
                }

                .slide-left-to-right {
                    animation: pxl_left_right 12s ease-out infinite;
                    -webkit-animation: pxl_left_right 12s ease-out infinite
                }

                @keyframes pxl_top_bottom {
                    0% {
                        transform: translateX(0)
                    }

                    25% {
                        transform: translateY(-40px)
                    }

                    50% {
                        transform: translateY(0)
                    }

                    75% {
                        transform: translateY(40px)
                    }

                    100% {
                        transform: translateY(0)
                    }
                }

                .slide-top-to-bottom {
                    animation: pxl_top_bottom 12s ease-out infinite;
                    -webkit-animation: pxl_top_bottom 12s ease-out infinite
                }

                .elementor-element .elementor-widget:not(:last-child) {
                    margin-bottom: 0
                }

                html {
                    box-sizing: border-box
                }


                a {
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    color: var(--link-color)
                }

                a:before,
                a:after {
                    -webkit-transition: inherit;
                    -khtml-transition: inherit;
                    -moz-transition: inherit;
                    -ms-transition: inherit;
                    -o-transition: inherit;
                    transition: inherit
                }

                a:hover,
                a:focus {
                    color: var(--link-color-hover)
                }

                a:active {
                    color: var(--link-color-active)
                }

                .clearfix::after {
                    display: block;
                    clear: both;
                    content: ""
                }

                a,
                a:hover,
                a:focus,
                a:before,
                a:after {
                    outline: none;
                    text-decoration: none
                }

                img {
                    width: auto;
                    max-width: 100%;
                    height: auto;
                    vertical-align: middle;
                    border-style: none
                }

              	
                .ft-theme-default,
                .pxl-counter2 .pxl-content .pxl--text-vertical,
                .pxl-counter2 .pxl--item-title {
                    font-family: chakra petch, sans-serif
                }



                @media screen and (min-width: 1200px) {
                    #pxl-main {
                        margin: 0 auto
                    }

                    #pxl-main>.elementor-container>.row {
                        margin-left: 0;
                        margin-right: 0
                    }
                }

                @media screen and (max-width: 1199px) {
                    #pxl-main {
                        padding: 80px 0
                    }
                }

                @media screen and (max-width: 1199px) {
                    #pxl-main>.elementor-container {
                        padding: 0 15px
                    }
                }

                @media screen and (min-width: 1200px) {
                    body:not(.elementor-editor-active) .pxl-row-scroll-fixed>.elementor-container {
                        align-items: flex-start;
                        justify-content: space-between
                    }
                }

                @media screen and (min-width: 1200px) {
                    .pxl-row-scroll-fixed>.elementor-container {
                        align-items: flex-start;
                        justify-content: space-between
                    }
                }

                @media screen and (min-width: 1200px) {
                    body:not(.elementor-editor-active) .pxl-row-scroll-fixed>.elementor-container {
                        align-items: flex-start;
                        justify-content: space-between
                    }
                }

                .pxl-section-bg-parallax {
                    background-repeat: no-repeat;
                    background-size: cover;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    position: absolute
                }

                .pxl-counter2 .pxl--counter-number {
                    background-color: var(--gradient-color-from);
                    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
                    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
                    background-color: initial;
                    background-clip: text;
                    -o-background-clip: text;
                    -ms-background-clip: text;
                    -moz-background-clip: text;
                    -webkit-background-clip: text;
                    text-fill-color: transparent;
                    -o-text-fill-color: transparent;
                    -ms-text-fill-color: transparent;
                    -moz-text-fill-color: transparent;
                    -webkit-text-fill-color: transparent
                }

                .pxl-circle-svg {
                    padding-top: 60px !important;
                    padding-bottom: 30px
                }

                .pxl-circle-svg svg {
                    overflow: unset;
                    width: 100vw
                }

                .pxl-circle-svg svg .dot {
                    box-shadow: 0 4px 30px rgba(255, 255, .6);
                }

                .pxl-text-editor .pxl-item--inner {
                    display: inline-block;
                }

                .pxl-text-editor .pxl-item--inner p:last-child {
                    margin-bottom: 0;
                }

                .pxl-image-single {
                    -webkit-border-radius: inherit;
                    -khtml-border-radius: inherit;
                    -moz-border-radius: inherit;
                    -ms-border-radius: inherit;
                    -o-border-radius: inherit;
                    border-radius: inherit;
                }

                .pxl-image-single .pxl-item--inner {
                    overflow: hidden;
                    -webkit-border-radius: inherit;
                    -khtml-border-radius: inherit;
                    -moz-border-radius: inherit;
                    -ms-border-radius: inherit;
                    -o-border-radius: inherit;
                    border-radius: inherit;
                }





                .nice-select .list:hover .option:not(:hover) {
                    background-color: initial !important
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked) {
                    position: absolute;
                    left: -9999px
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label {
                    position: relative;
                    padding-left: 48px;
                    cursor: pointer;
                    line-height: 20px;
                    display: inline-block;
                    color: #fff
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: -3px;
                    width: 25px;
                    height: 25px;
                    border: 2px solid var(--primary-color);
                    border-radius: 100%;
                    background: var(--primary-color)
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:after {
                    content: '';
                    width: 10px;
                    height: 10px;
                    top: 4px;
                    left: 8px;
                    background: #000;
                    position: absolute;
                    border-radius: 100%;
                    -webkit-transition: all .2s ease;
                    transition: all .2s ease
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:after {
                    opacity: 0;
                    -webkit-transform: scale(0);
                    transform: scale(0)
                }

                .btn.btn-nina:not(:hover) .pxl--btn-text>span {
                    transition-delay: 0s !important
                }


                .pxl-counter2 .pxl-item--icon {
                    margin-bottom: 25px
                }

                .pxl-counter2 .pxl--counter-number {
                    display: inline-flex;
                    line-height: 1;
                    margin-bottom: 8px;
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    position: relative;
                    text-shadow: none;
                    font-style: normal;
                    z-index: 1;
                    font-size: 60px;
                    font-weight: 400
                }

                @media screen and (max-width: 1199px) {
                    .pxl-counter2 .pxl--counter-number {
                        font-size: 40px
                    }
                }

                .pxl-counter2 .pxl--counter-number span {
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1)
                }

                .pxl-counter2 .pxl-content {
                    position: relative
                }

                .pxl-counter2 .pxl-content .pxl--text-vertical {
                    -webkit-transform: rotate(-90deg);
                    -khtml-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    font-size: 24px;
                    position: absolute;
                    right: 40px;
                    color: var(--primary-color);
                    bottom: 40px
                }

                @media screen and (max-width: 767px) {
                    .pxl-counter2 .pxl-content .pxl--text-vertical {
                        display: none;
                        opacity: 0
                    }
                }

                .pxl-counter2 .pxl--item-title {
                    font-size: 20px;
                    font-weight: 400;
                    color: var(--secondary-color);
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    font-weight: 600
                }

                .pxl-counter2 .pxl--item-inner {
                    position: relative;
                    -webkit-transition: all .3s ease;
                    -khtml-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    transition: all .3s ease;
                    padding-left: 25px;
                    border-left: 2px solid var(--primary-color)
                }

                @media screen and (min-width: 992px) {
                    .pxl-counter2 .pxl--item-inner:before {
                        position: absolute;
                        content: "";
                        display: block;
                        width: 1px;
                        height: 2e3px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -khtml-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%);
                        left: -1px;
                        background-color: rgba(255, 255, 255, .2)
                    }
                }

                @media screen and (min-width: 1400px) {
                    .pxl-counter2 .pxl--item-inner {
                        padding-left: 50px
                    }
                }

                @font-face {
                    font-family: caseicon;
                    src: url(../fonts/caseicon/caseicon.eot);
                    src: url(../fonts/caseicon/caseicon.eot?#iefix)format("embedded-opentype"), url(../fonts/caseicon/caseicon.woff2)format("woff2"), url(../fonts/caseicon/caseicon.woff)format("woff"), url(../fonts/caseicon/caseicon.ttf)format("truetype"), url(../fonts/caseicon/caseicon.svg#caseicon)format("svg");
                    font-weight: 400;
                    font-style: normal
                }

                @media screen and (-webkit-min-device-pixel-ratio: 0) {
                    @font-face {
                        font-family: caseicon;
                        src: url(../fonts/caseicon/caseicon.svg#Caseicon)format("svg")
                    }
                }



                @keyframes pxl_right_left {
                    0% {
                        transform: translateX(0)
                    }

                    25% {
                        transform: translateX(40px)
                    }

                    50% {
                        transform: translateX(0)
                    }

                    75% {
                        transform: translateX(-40px)
                    }

                    100% {
                        transform: translateX(0)
                    }
                }

                .slide-right-to-left {
                    animation: pxl_right_left 12s ease-out infinite;
                    -webkit-animation: pxl_right_left 12s ease-out infinite
                }

                @keyframes pxl_left_right {
                    0% {
                        transform: translateX(0)
                    }

                    25% {
                        transform: translateX(-40px)
                    }

                    50% {
                        transform: translateX(0)
                    }

                    75% {
                        transform: translateX(40px)
                    }

                    100% {
                        transform: translateX(0)
                    }
                }

                .slide-left-to-right {
                    animation: pxl_left_right 12s ease-out infinite;
                    -webkit-animation: pxl_left_right 12s ease-out infinite
                }

                @keyframes pxl_top_bottom {
                    0% {
                        transform: translateX(0)
                    }

                    25% {
                        transform: translateY(-40px)
                    }

                    50% {
                        transform: translateY(0)
                    }

                    75% {
                        transform: translateY(40px)
                    }

                    100% {
                        transform: translateY(0)
                    }
                }

                .slide-top-to-bottom {
                    animation: pxl_top_bottom 12s ease-out infinite;
                    -webkit-animation: pxl_top_bottom 12s ease-out infinite
                }

                .elementor-element .elementor-widget:not(:last-child) {
                    margin-bottom: 0
                }

                html {
                    box-sizing: border-box
                }

                body {
                    background-color: #fff;
                    font-size: 16px;
                    line-height: 1.5;
                    color: var(--third-color);
                    -webkit-font-smoothing: antialiased;
                    font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    overflow-x: hidden;
                    font-weight: 400;
                    letter-spacing: 0;
                    font-family: heebo, sans-serif;
                    margin: 0;
                    padding: 0
                }

                body:before,
                body:after {
                    content: "";
                    position: fixed;
                    top: 0;
                    left: 0;
                    -webkit-transition: all .3s ease;
                    -khtml-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    transition: all .3s ease
                }

                body:before {
                    bottom: 0;
                    right: 0;
                    background-color: rgba(255, 255, 255, .4);
                    z-index: 999999;
                    opacity: 0;
                    visibility: hidden;
                    cursor: progress
                }

                body:after {
                    width: 0;
                    height: 3px;
                    background: rgba(255, 255, 255, .7);
                    z-index: 9999999;
                    opacity: 1
                }

                a {
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    color: var(--link-color)
                }

                a:before,
                a:after {
                    -webkit-transition: inherit;
                    -khtml-transition: inherit;
                    -moz-transition: inherit;
                    -ms-transition: inherit;
                    -o-transition: inherit;
                    transition: inherit
                }

                a:hover,
                a:focus {
                    color: var(--link-color-hover)
                }

                a:active {
                    color: var(--link-color-active)
                }

                .clearfix::after {
                    display: block;
                    clear: both;
                    content: ""
                }

                a,
                a:hover,
                a:focus,
                a:before,
                a:after {
                    outline: none;
                    text-decoration: none
                }

                img {
                    width: auto;
                    max-width: 100%;
                    height: auto;
                    vertical-align: middle;
                    border-style: none
                }

                p {
                   line-height: 1.75;
                }

                .ft-theme-default,
                .pxl-counter2 .pxl-content .pxl--text-vertical,
                .pxl-counter2 .pxl--item-title {
                    font-family: chakra petch, sans-serif
                }

                #pxl-main {
                    bottom: 65px;
                    position: relative;
                    padding: 0px 0 0px 0px;
                }

                @media screen and (min-width: 1200px) {
                    #pxl-main {
                        margin: 0 auto
                    }

                    #pxl-main>.elementor-container>.row {
                        margin-left: 0;
                        margin-right: 0
                    }
                }

                #pxl-content-area {
                    padding: 0 0 0 0 !important;
                }

                @media screen and (max-width: 1199px) {
                    #pxl-main {
                        padding: 80px 0
                    }
                }

                @media screen and (max-width: 1199px) {
                    #pxl-main>.elementor-container {
                        padding: 0 15px
                    }
                }

                @media screen and (min-width: 1200px) {
                    body:not(.elementor-editor-active) .pxl-row-scroll-fixed>.elementor-container {
                        align-items: flex-start;
                        justify-content: space-between
                    }
                }

                @media screen and (min-width: 1200px) {
                    .pxl-row-scroll-fixed>.elementor-container {
                        align-items: flex-start;
                        justify-content: space-between
                    }
                }

                @media screen and (min-width: 1200px) {
                    body:not(.elementor-editor-active) .pxl-row-scroll-fixed>.elementor-container {
                        align-items: flex-start;
                        justify-content: space-between
                    }
                }

                .pxl-section-bg-parallax {
                    background-repeat: no-repeat;
                    background-size: cover;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    position: absolute
                }

                .pxl-counter2 .pxl--counter-number {
                    background-color: var(--gradient-color-from);
                    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
                    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
                    background-color: initial;
                    background-clip: text;
                    -o-background-clip: text;
                    -ms-background-clip: text;
                    -moz-background-clip: text;
                    -webkit-background-clip: text;
                    text-fill-color: transparent;
                    -o-text-fill-color: transparent;
                    -ms-text-fill-color: transparent;
                    -moz-text-fill-color: transparent;
                    -webkit-text-fill-color: transparent;
                }

                .pxl-circle-svg {
                    padding-top: 30px;
                    padding-bottom: 30px;
                }

                .pxl-circle-svg svg {
                    overflow: unset;
                    width: 100vw;
                }

                .pxl-circle-svg svg .dot {
                    box-shadow: 0 4px 30px rgba(255, 255, .6);
                }

                .pxl-text-editor .pxl-item--inner {
                    display: inline-block;
                }

                .pxl-text-editor .pxl-item--inner p:last-child {
                    margin-bottom: 0;
                }

                .pxl-image-single {
                    -webkit-border-radius: inherit;
                    -khtml-border-radius: inherit;
                    -moz-border-radius: inherit;
                    -ms-border-radius: inherit;
                    -o-border-radius: inherit;
                    border-radius: inherit;
                }

                .pxl-image-single .pxl-item--inner {
                    overflow: hidden;
                    -webkit-border-radius: inherit;
                    -khtml-border-radius: inherit;
                    -moz-border-radius: inherit;
                    -ms-border-radius: inherit;
                    -o-border-radius: inherit;
                    border-radius: inherit;
                }




                .nice-select .list:hover .option:not(:hover) {
                    background-color: initial !important
                }


                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked) {
                    position: absolute;
                    left: -9999px
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label {
                    position: relative;
                    padding-left: 48px;
                    cursor: pointer;
                    line-height: 20px;
                    display: inline-block;
                    color: #fff
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: -3px;
                    width: 25px;
                    height: 25px;
                    border: 2px solid var(--primary-color);
                    border-radius: 100%;
                    background: var(--primary-color)
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:after {
                    content: '';
                    width: 10px;
                    height: 10px;
                    top: 4px;
                    left: 8px;
                    background: #000;
                    position: absolute;
                    border-radius: 100%;
                    -webkit-transition: all .2s ease;
                    transition: all .2s ease
                }

                .woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:after {
                    opacity: 0;
                    -webkit-transform: scale(0);
                    transform: scale(0)
                }

                .btn.btn-nina:not(:hover) .pxl--btn-text>span {
                    transition-delay: 0s !important
                }

                .pxl-counter2 .pxl-item--icon {
                    margin-bottom: 25px
                }

                .pxl-counter2 .pxl--counter-number {
                    display: inline-flex;
                    line-height: 1;
                    margin-bottom: 8px;
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    position: relative;
                    text-shadow: none;
                    font-style: normal;
                    z-index: 1;
                    font-size: 60px;
                    font-weight: 400
                }

                @media screen and (max-width: 1199px) {
                    .pxl-counter2 .pxl--counter-number {
                        font-size: 40px
                    }
                }

                .pxl-counter2 .pxl--counter-number span {
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1)
                }

                .pxl-counter2 .pxl-content {
                    position: relative
                }

                .pxl-counter2 .pxl-content .pxl--text-vertical {
                    -webkit-transform: rotate(-90deg);
                    -khtml-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    font-size: 24px;
                    position: absolute;
                    right: 40px;
                    color: var(--primary-color);
                    bottom: 40px
                }

                @media screen and (max-width: 767px) {
                    .pxl-counter2 .pxl-content .pxl--text-vertical {
                        display: none;
                        opacity: 0
                    }
                }

                .pxl-counter2 .pxl--item-title {
                    font-size: 20px;
                    font-weight: 400;
                    color: var(--secondary-color);
                    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    transition: all .25s cubic-bezier(.645, .045, .355, 1);
                    font-weight: 600
                }

                .pxl-counter2 .pxl--item-inner {
                    position: relative;
                    -webkit-transition: all .3s ease;
                    -khtml-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    transition: all .3s ease;
                    padding-left: 25px;
                    border-left: 2px solid var(--primary-color)
                }

                @media screen and (min-width: 992px) {
                    .pxl-counter2 .pxl--item-inner:before {
                        position: absolute;
                        content: "";
                        display: block;
                        width: 1px;
                        height: 2e3px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -khtml-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%);
                        left: -1px;
                        background-color: rgba(255, 255, 255, .2)
                    }
                }

                @media screen and (min-width: 1400px) {
                    .pxl-counter2 .pxl--item-inner {
                        padding-left: 50px
                    }
                }

                .elementor *,
                .elementor :after,
                .elementor :before {
                    box-sizing: border-box
                }

                .elementor a {
                    box-shadow: none;
                    text-decoration: none
                }

                .elementor img {
                    height: auto;
                    max-width: 100%;
                    border: none;
                    border-radius: 0;
                    box-shadow: none
                }

                .elementor .elementor-background-overlay {
                    height: 100%;
                    width: 100%;
                    top: 0;
                    left: 0;
                    position: absolute
                }

                .elementor-widget-wrap>.elementor-element.elementor-absolute {
                    position: absolute
                }

                .elementor-widget-wrap .elementor-element.elementor-widget__width-auto {
                    max-width: 100%
                }

                .elementor-element {
                    --flex-direction: initial;
                    --flex-wrap: initial;
                    --justify-content: initial;
                    --align-items: initial;
                    --align-content: initial;
                    --gap: initial;
                    --flex-basis: initial;
                    --flex-grow: initial;
                    --flex-shrink: initial;
                    --order: initial;
                    --align-self: initial;
                    flex-basis: var(--flex-basis);
                    flex-grow: var(--flex-grow);
                    flex-shrink: var(--flex-shrink);
                    order: var(--order);
                    align-self: var(--align-self)
                }

                .elementor-element.elementor-absolute {
                    z-index: 1
                }

                .elementor-element:where(.e-con-full, .elementor-widget) {
                    flex-direction: var(--flex-direction);
                    flex-wrap: var(--flex-wrap);
                    justify-content: var(--justify-content);
                    align-items: var(--align-items);
                    align-content: var(--align-content);
                    gap: var(--gap)
                }

                :root {
                    --page-title-display: block
                }

                .elementor-section {
                    position: relative
                }

                .elementor-section .elementor-container {
                    display: flex;
                    margin-right: auto;
                    margin-left: auto;
                    position: relative
                }

                @media (max-width: 991px) {
                    .elementor-section .elementor-container {
                        flex-wrap: wrap
                    }
                }

                .elementor-section.elementor-section-boxed>.elementor-container {
                    max-width: 1140px
                }

                .elementor-widget-wrap {
                    position: relative;
                    width: 100%;
                    flex-wrap: wrap;
                    align-content: flex-start
                }

                .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
                    display: flex
                }

                .elementor-widget-wrap>.elementor-element {
                    width: 100%
                }

                .elementor-widget {
                    position: relative
                }

                .elementor-widget:not(:last-child) {
                    margin-bottom: 20px
                }

                .elementor-widget:not(:last-child).elementor-absolute,
                .elementor-widget:not(:last-child).elementor-widget__width-auto {
                    margin-bottom: 0
                }

                .elementor-column {
                    position: relative;
                    min-height: 1px;
                    display: flex
                }

                .elementor-column-gap-extended>.elementor-column>.elementor-element-populated {
                    padding: 15px
                }

                @media (min-width: 576px) {

                    .elementor-column.elementor-col-25 {
                        width: 25%
                    }

                    .elementor-column.elementor-col-100 {
                        width: 100%
                    }
                }

                @media (max-width: 575px) {

                    .elementor-column {
                        width: 100%
                    }
                }

                :is(.elementor-section-wrap, [data-elementor-id])>.e-con {
                    --margin-left: auto;
                    --margin-right: auto;
                    max-width: min(100%, var(--width))
                }

                :is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container:before {
                    content: var(--background-overlay);
                    display: block;
                    position: absolute;
                    mix-blend-mode: var(--overlay-mix-blend-mode);
                    opacity: var(--overlay-opacity);
                    transition: var(--overlay-transition, .3s);
                    border-radius: var(--border-radius);
                    border-style: var(--border-style);
                    border-color: var(--border-color);
                    border-block-start-width: var(--border-block-start-width);
                    border-inline-end-width: var(--border-inline-end-width);
                    border-block-end-width: var(--border-block-end-width);
                    border-inline-start-width: var(--border-inline-start-width);
                    top: calc(0px - var(--border-top-width));
                    left: calc(0px - var(--border-left-width));
                    width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
                    height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%)
                }

                :is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container {
                    border-radius: var(--border-radius);
                    border-style: var(--border-style);
                    border-color: var(--border-color);
                    border-block-start-width: var(--border-block-start-width);
                    border-inline-end-width: var(--border-inline-end-width);
                    border-block-end-width: var(--border-block-end-width);
                    border-inline-start-width: var(--border-inline-start-width);
                    top: calc(0px - var(--border-top-width));
                    left: calc(0px - var(--border-left-width));
                    width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
                    height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%)
                }

                @media (max-width: 575px) {
                    :is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-phone {
                        display: none
                    }
                }

                :is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container:before {
                    z-index: 1
                }

                :is(.e-con, .e-con>.e-con-inner)>.elementor-background-slideshow:before {
                    z-index: 2
                }

                .elementor-element .elementor-widget-container {
                    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s)
                }

                .e-transform .elementor-widget-container {
                    transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0));
                    transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x)
                }

                .elementor-244 .elementor-element.elementor-element-72ff640 {
                    overflow: hidden;
                    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
                    margin-top: -2px;
                    margin-bottom: 0px;
                }

                .pxl-item--inner p {
                    color: white;
                }

                .elementor-244 .elementor-element.elementor-element-72ff640 .pxl-section-bg-parallax {
                    background-image: url('<?= base_url() ?>assets/imagesnew/bg-counter-image.jpg');
                    background-position: center center;
                    background-size: cover;
                    right: -50px;
                    bottom: -50px;
                }

                .elementor-244 .elementor-element.elementor-element-72ff640>.elementor-background-overlay {
                    background-color: #001068ED;
                    opacity: 1;
                    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
                }

                .elementor-244 .elementor-element.elementor-element-6f48715>.elementor-element-populated {
                    padding: 236px 0px 83px 0px;
                }

                .elementor-244 .elementor-element.elementor-element-6f48715 {
                    z-index: 1;
                }

                .elementor-244 .elementor-element.elementor-element-2bf0a27>.elementor-widget-container {
                    margin: 5px 0px 0px 0px;
                }

                .elementor-244 .elementor-element.elementor-element-2bf0a27 {
                    width: 100%;
                    max-width: 100%;
                    top: 0px;
                    z-index: 2;
                }

                body:not(.rtl) .elementor-244 .elementor-element.elementor-element-2bf0a27 {
                    left: 0px;
                }

                .elementor-244 .elementor-element.elementor-element-3b7ee93 {
                    width: auto;
                    max-width: auto;
                    top: 0px;
                    z-index: 1;
                }

                body:not(.rtl) .elementor-244 .elementor-element.elementor-element-3b7ee93 {
                    left: 0px;
                }

                .elementor-244 .elementor-element.elementor-element-bf4393a {
                    width: auto;
                    max-width: auto;
                    bottom: 0px;
                    z-index: -1;
                }

                body:not(.rtl) .elementor-244 .elementor-element.elementor-element-bf4393a {
                    left: -50px;
                }

                .elementor-244 .elementor-element.elementor-element-724dba2 .pxl-image-single img {
                    max-height: 290px;
                }

                .elementor-244 .elementor-element.elementor-element-724dba2 {
                    width: auto;
                    max-width: auto;
                    top: 0px;
                    z-index: -1;
                }

                body:not(.rtl) .elementor-244 .elementor-element.elementor-element-724dba2 {
                    left: 50%;
                }

                .elementor-244 .elementor-element.elementor-element-724dba2>.elementor-widget-container {
                    --e-transform-translateX: -50%;
                }

                .elementor-244 .elementor-element.elementor-element-690c662 .pxl-image-single img {
                    max-height: 320px;
                }

                .elementor-244 .elementor-element.elementor-element-690c662 {
                    width: auto;
                    max-width: auto;
                    bottom: 0px;
                    z-index: -1;
                }

                body:not(.rtl) .elementor-244 .elementor-element.elementor-element-690c662 {
                    right: 30px;
                }

                .elementor-244 .elementor-element.elementor-element-477025e .pxl-text-editor {
                    color: #FFFFFF;
                    font-family: "Chakra Petch", Sans-serif;
                    font-size: 50px;
                }

                .elementor-244 .elementor-element.elementor-element-477025e .pxl-text-editor a {
                    color: #00FB8A;
                }

                .elementor-244 .elementor-element.elementor-element-477025e>.elementor-widget-container {
                    margin: 0px 0px 50px 0px;
                }

                .elementor-244 .elementor-element.elementor-element-b5274ed {
                    z-index: 1;
                }

                .elementor-244 .elementor-element.elementor-element-3e786d8 .pxl-counter .pxl--item-title {
                    color: #FFFFFF;
                }

                .elementor-244 .elementor-element.elementor-element-51c1bf3 .pxl-counter .pxl--item-title {
                    color: #FFFFFF;
                }

                .elementor-244 .elementor-element.elementor-element-deba7c5 .pxl-counter .pxl--item-title {
                    color: #FFFFFF;
                }

                .elementor-244 .elementor-element.elementor-element-445b54f .pxl-counter .pxl--item-title {
                    color: #FFFFFF;
                }

                @media(max-width: 991px) {

                    .elementor-244 .elementor-element.elementor-element-6f48715>.elementor-element-populated {
                        padding: 280px 0px 90px 0px;
                    }
                }

                @media(max-width: 575px) {

                    .elementor-244 .elementor-element.elementor-element-477025e .pxl-text-editor {
                        font-size: 40px;
                        line-height: 1.2em;
                    }
                }

                @media(max-width: 991px) and (min-width:576px) {

                    .elementor-244 .elementor-element.elementor-element-b5274ed {
                        width: 50%;
                    }

                    .elementor-244 .elementor-element.elementor-element-770dc0a {
                        width: 50%;
                    }

                    .elementor-244 .elementor-element.elementor-element-d9d7768 {
                        width: 50%;
                    }

                    .elementor-244 .elementor-element.elementor-element-5419311 {
                        width: 50%;
                    }
                }

                .elementor-section.elementor-section-boxed>.elementor-container {
                    max-width: 1330px;
                }

                .elementor-widget:not(:last-child) {
                    margin-block-end: 20px;
                }

                .elementor-element {
                    --widgets-spacing: 20px 20px;
                }

                    {}

                @media(max-width: 991px) {
                    .elementor-section.elementor-section-boxed>.elementor-container {
                        max-width: 1024px;
                    }
                }

                @media(max-width: 575px) {
                    .elementor-section.elementor-section-boxed>.elementor-container {
                        max-width: 767px;
                    }
                }

                .pxl-counter2 .pxl--counter-number {
                    background-color: var(--gradient-color-from);
                    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
                    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
                    background-color: initial;
                    background-clip: text;
                    -o-background-clip: text;
                    -ms-background-clip: text;
                    -moz-background-clip: text;
                    -webkit-background-clip: text;
                    text-fill-color: transparent;
                    -o-text-fill-color: transparent;
                    -ms-text-fill-color: transparent;
                    -moz-text-fill-color: transparent;
                    -webkit-text-fill-color: transparent;
                }

                :root {
                    --primary-color: #2AD2C1;
                    --secondary-color: #1D2864;
                    --third-color: #6F7F90;
                    --fourth-color: #00FB8A;
                    --primary-color-rgb: 42, 210, 193;
                    --secondary-color-rgb: 29, 40, 100;
                    --third-color-rgb: 111, 127, 144;
                    --fourth-color-rgb: 0, 251, 138;
                    --link-color: #2AD2C1;
                    --link-color-hover: #2AD2C1;
                    --link-color-active: #2AD2C1;
                    --gradient-color-from: #24B7D3;
                    --gradient-color-to: #30EFAD;
                }

                .biochemistry {
                    height: 60px !important;
                    width: 60px !important;
                }



                .pxl-circle-svg {
                    position: relative;
                }

                .svgg {
                    width: 100%;
                    height: auto;
                }

                .dot {
                    transition: transform 0.3s ease !important;
                }
            /* Responsive Css */

@media only screen and (max-width: 1749px) {}

@media only screen and (max-width: 1499px) {}

@media only screen and (max-width: 1399px) {}

@media only screen and (max-width: 1299px) {}

@media only screen and (max-width: 1200px) {
  .main-header.style-one .outer-container:before, .main-menu, .sticky-header {
    display: none !important;
  }

  .menu-area .mobile-nav-toggler {
    display: block !important;
    padding: 10px;
  }

  .megamenu ul li:first-child {
    display: none;
  }

  .main-header .header-lower .outer-box {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .cta-block-one .inner-box, .feature-block-one .inner-box, .service-block-one .inner-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content_block_one .content-box {
    margin-left: 0;
  }

  .clients-section .outer-container {
    padding: 0 15px;
  }

  .content_block_one .content-box {
    margin: 0;
  }

  .service-style-two .image-box {
    margin-left: 0;
  }

  .working-block-two .inner-box {
    padding: 0;
  }

  .events-style-two .events-block-one .inner-box .lower-content, .service-sidebar .support-widget {
    padding-left: 30px;
    padding-right: 30px;
  }

  .feature-style-two:before {
    width: calc(50% - 155px);
  }

  .banner-style-four .image-layer {
    display: none;
  }

  .header-style-four .header-top .top-inner .social-links li a, .header-style-four .header-top .top-inner .social-links li span {
    color: var(--title-color);
  }

  .faq-style-two .inner-box {
    margin-left: 0;
  }

  .clients-style-three .content-two {
    padding: 0;
  }

  .header-style-four .header-lower .outer-box {
    padding-top: 0;
    padding-bottom: 0;
  }

  .research-details .image-inner .info-list {
    padding-left: 30px;
    padding-right: 30px;
  }

  .service-sidebar {
    margin-right: 0;
  }

  .content_block_two .content-box {
    margin-right: 0;
  }

  .blog-sidebar {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .main-menu .navigation>li>.megamenu, .main-menu .navigation>li>ul, .main-menu .navigation>li>ul>li>ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
}

@media only screen and (max-width: 991px) {
  .feature-section .inner-container .feature-block-one {
    width: 50% !important;
  }

  .feature-section .inner-container .feature-block-one:last-child {
    width: 100% !important;
  }

  .image_block_one .image-box {
    margin-bottom: 40px;
  }

  .funfact-block-one .inner-box {
    margin-bottom: 30px;
  }

  .funfact-section {
    padding-bottom: 90px;
  }

  .main-footer {
    position: relative;
  }

  .main-content {
    margin-bottom: 0;
  }

  .main-footer .footer-widget {
    margin: 0 0 30px 0 !important;
  }

  .content_block_one .content-box {
    margin-bottom: 30px;
  }

  .service-style-two .tab-btn-box .tab-btns li {
    width: 33.333%;
  }

  .speciality-block-one .inner-box {
    margin-bottom: 30px;
  }

  .working-block-two .inner-box .shape {
    display: none;
  }

  .working-block-two .inner-box {
    margin-bottom: 30px;
  }

  .working-style-two {
    padding-bottom: 80px;
  }

  .events-style-two .events-block-one .inner-box {
    padding-left: 0;
  }

  .events-style-two .events-block-one .inner-box .image-box {
    position: relative;
  }

  .events-style-two .nav-style-one .owl-nav {
    display: none;
  }

  .banner-style-three .image-box {
    display: none;
  }

  .feature-style-two .sec-title h2 {
    color: var(--title-color);
  }

  .feature-style-two:before, .testimonial-section .dots-style-one .owl-dots {
    display: none;
  }

  .feature-style-two .sec-title {
    margin-bottom: 50px;
  }

  .image_block_two .image-inner {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .journey-section .slider-content {
    margin-right: 0;
  }

  .cta-style-two .content-box {
    display: block;
  }

  .cta-style-two .content-box h2 {
    margin-bottom: 30px;
  }

  .main-content.alternat-2 {
    margin-bottom: 0;
  }

  .image_block_three .image-box {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .faq-style-two .inner-box {
    margin-top: 30px;
  }

  .video-section .thumb-box {
    display: none;
  }

  .video-section .content-box h2 br {
    display: none;
  }

  .banner-style-five .content-box {
    margin-bottom: 40px;
  }

  .content_block_two .content-box {
    margin-bottom: 30px;
  }

  .working-style-three .inner-container {
    display: block;
  }

  .working-block-three {
    max-width: 290px;
    margin: 0 auto;
  }
.content-box{
    bottom: 80px !important ;
}
  .working-block-three .shape {
    display: none;
  }

  .service-sidebar {
    margin-bottom: 30px;
  }

  .service-details-content .two-column .image-box {
    margin-bottom: 30px;
  }

  .events-sidebar {
    margin-left: 0;
    margin-top: 30px;
  }

  .testimonial-block-one .inner-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .testimonial-block-one .inner-box .lower-box {
    display: block;
  }

  .blog-sidebar {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-carousel .content-box h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .banner-carousel .slide-item {
    padding: 200px 0 180px 0;
  }

  .feature-section .inner-container .feature-block-one {
    width: 100% !important;
  }

  .about-section {
    padding: 70px 0;
  }

  .funfact-section, .service-section, .working-section {
    padding: 70px 0 40px 0;
  }

  .working-section .inner-container:before {
    display: none;
  }

  .events-section {
    padding: 70px 0 250px 0;
  }

  .cta-block-one .inner-box {
    margin-bottom: 30px;
  }

  .team-section {
    padding: 40px 0;
  }

  .main-footer .footer-top .top-inner {
    display: block;
  }

  .main-footer .footer-top .top-inner .footer-logo {
    margin-bottom: 30px;
  }

  .main-footer .footer-bottom .bottom-inner {
    display: block;
    text-align: center;
  }

  .main-footer .footer-bottom .social-links {
    justify-content: center;
    margin-top: 15px;
  }

  .banner-style-two .bg-color {
    display: none;
  }

  .banner-style-two {
    padding: 180px 0 100px 0;
  }

  .banner-style-two .content-box h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .about-style-two {
    padding: 70px 0;
    padding-bottom: 40px;
  }

  .image_block_two .image-inner .image {
    padding-top: 0;
  }

  .service-style-two {
    padding: 70px 0;
  }

  .service-style-two .tab-btn-box .tab-btns li {
    width: 50%;
  }

  .speciality-section {
    padding-top: 70px;
  }

  .working-style-two {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .events-style-two {
    padding-top: 70px;
  }

  .faq-section {
    padding: 70px 0;
  }

  .cta-section.pb_120 {
    padding-bottom: 40px;
  }

  .banner-style-three .inner-box {
    padding: 200px 0 100px 0;
  }

  .banner-style-three .content-box h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .sec-title h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .feature-style-two .content-box .owl-nav {
    display: none;
  }

  .feature-style-two .content-box {
    padding: 0;
  }

  .about-style-three {
    padding: 70px 0;
  }

  .feature-style-three {
    padding-bottom: 40px;
  }

  .funfact-style-two, .service-style-three {
    padding: 70px 0 40px 0;
  }

  .journey-section .owl-nav {
    display: none;
  }

  .journey-section .inner-container, .testimonial-section {
    padding: 70px 0;
  }

  .news-section.pb_180 {
    padding-bottom: 130px;
  }

  .cta-style-two .inner-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-style-four .content-box h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .banner-style-four {
    padding: 240px 0 100px 0;
  }

  .chooseus-section {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .about-style-three.home-4 {
    padding: 0 0 40px 0;
  }

  .research-section {
    padding: 70px 0 40px 0;
  }

  .faq-style-two {
    padding: 70px 0;
  }

  .clients-style-three {
    padding-bottom: 70px;
  }

  .video-section .content-box h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .video-section .content-box {
    padding-bottom: 50px;
  }

  .video-section {
    padding-top: 60px;
  }

  .banner-style-five .content-box h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .banner-style-five {
    padding-bottom: 100px;
  }

  .about-style-four {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content_block_two .content-box h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .service-style-two .tab-btn-box {
    margin-bottom: 50px;
  }

  .working-style-three {
    padding: 70px 0 40px 0;
  }

  .team-style-two {
    padding: 40px 0;
  }

  .news-section.pt_120.pb_180 {
    padding-top: 70px;
  }

  .working-style-three.pt_120.pb_180 {
    padding-bottom: 130px;
  }

  .page-title h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .research-details {
    padding: 200px 0 130px 0;
  }

  .research-details .image-inner .info-list {
    display: block;
  }

  .page-title {
    padding: 200px 0 90px 0;
  }

  .video-style-two {
    padding: 70px 0;
  }

  .team-section.pt_120.pb_180 {
    padding-bottom: 130px;
  }

  .events-details, .service-details {
    padding: 70px 0 130px 0;
  }

  .events-page-section {
    padding-bottom: 130px;
  }

  .event-details-content h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .team-details, .team-section.about-page, .team-style-two.pb_180 {
    padding-bottom: 130px;
  }

  .faq-form-section, .gallery-section, .history-section {
    padding: 70px 0 130px 0;
    margin-bottom: 0;
  }

  .history-section .border-line {
    display: none;
  }

  .history-section .inner-box {
    display: block;
  }

  .history-section .year {
    margin: 30px 0;
  }

  .history-section .content-box {
    width: 100%;
  }

  .testimonial-page-section {
    padding-bottom: 130px;
  }

  .sidebar-page-container {
    padding: 70px 0;
  }

  .news-block-two .inner-box {
    display: block;
  }

  .news-block-two .inner-box .content-box {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }

  .blog-details-content h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .contact-info-section {
    padding: 70px 0 40px 0;
  }

  .contact-section {
    padding: 70px 0 130px 0;
  }

  .banner-style-three .content-box h2 span {
    font-size: 50px;
  }

  .labout-comment-item .labout-comment-item {
    margin-left: 0;
  }

  .e-con-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .main-header .menu-right-content {
    display: none !important;
  }

  .header-top .top-inner {
    display: block;
    text-align: center;
  }

  .header-top .top-inner p {
    display: inline-block;
  }

  .header-top .top-inner .social-links {
    justify-content: center;
  }

  .cta-block-one .inner-box h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .main-footer .footer-top .top-inner .footer-menu li {
    margin-right: 30px;
  }

  .video-style-two .inner-box {
    display: block;
  }

  .video-style-two .inner-box .sec-title {
    margin-bottom: 50px;
  }

  .blog-details-content .post-share-option {
    display: block;
  }

  .blog-details-content .post-share-option ul {
    margin-bottom: 15px;
  }

  .blog-details-content .author-box {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 499px) {
  .mobile-menu {
    width: 100%;
  }

  .banner-carousel .slide-item {
    padding-top: 250px;
  }

  .image_block_one .image-box {
    padding: 0;
  }

  .image_block_one .image-box .image-shape {
    display: none;
  }

  .main-footer .footer-bottom .social-links li h4 {
    font-size: 16px;
  }

  .main-footer .footer-top .top-inner .footer-menu li a {
    font-size: 13px;
  }

  .main-footer .footer-top .top-inner .footer-menu li {
    margin-right: 10px;
  }

  .image_block_two .image-inner .experience-box h3 {
    font-size: 20px;
  }

  .service-style-two .tab-btn-box .tab-btns li {
    width: 100%;
  }

  .service-style-two .image-box {
    padding: 0;
  }

  .events-block-one .inner-box .lower-box {
    display: block;
  }

  .events-block-one .inner-box .lower-box .btn-box {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .events-block-one .inner-box .event-info {
    display: block;
  }

  .events-block-one .inner-box .event-info:before {
    display: none;
  }

  .cta-block-one .inner-box h2 br {
    display: none;
  }

  .banner-style-three .content-box h2 span {
    font-size: 46px;
  }

  .image_block_two .image-inner {
    padding: 0;
  }

  .cta-style-two .content-box .btn-box {
    display: block;
  }

  .cta-style-two .content-box .btn-box a:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .rtl .cta-style-two .content-box .btn-box a:first-child {
    margin-left: 0;
  }

  .banner-style-four .content-box .funfact-inner .single-item .count-outer {
    font-size: 80px;
  }

  .image_block_three .image-box {
    padding: 0;
  }

  .faq-style-two .inner-box .tab-btn-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-block-four .inner-box, .service-sidebar .sidebar-widget {
    padding-left: 30px;
    padding-right: 30px;
  }

  .research-details .content-three .tab-btn-box .tab-btn {
    width: 100%;
  }

  .research-details .content-three .tab-btn-box {
    position: relative;
    bottom: 0;
    width: 100%;
  }

  .sec-title h2 br {
    display: none;
  }

  .blog-details-content .post-share-option .post-tags {
    display: block;
  }

  .blog-details-content .post-share-option .post-tags li {
    margin-bottom: 10px;
  }

  .blog-details-content .author-box {
    padding-left: 30px;
  }

  .blog-details-content .author-box .image-box {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }

  .blog-sidebar {
    padding-left: 30px;
    padding-right: 30px;
  }
}



.pagination li a{
    border-radius:0px !important;
 
}
.padding_30_50 {
    padding: 30px 50px 20px 50px;
}

.container {
    max-width: 1350px;
}

.report_listing_page .category_desc h1 {
    font-size: 25px;
    font-weight: 700;
}

.report_listing_page h1,
.report_listing_page h2 {
    color: #1E4875;
}

.report_listing_page .category_desc p {
    font-size: 12px;
    font-weight: 500;
    color: #1E4875 !important;
}

p {
    margin-bottom: 20px;
}

.search_results {
    background-color: #fff;
    border: 1px solid #004dda;
    border-radius: 0px 0px 10px 10px;
    margin-top: 0px;
    padding: 10px 10px;
    position: absolute;
    z-index: 999;
    overflow: auto;
    min-height: 50px;
    display: none;
    border-top: none;
}

.report_listing_page #search_reports_home_page2 {
    border: none;
}

.report_listing_page #search_reports_home_page2,
.report_listing_page .search-input {
    border-radius: 25px;
}

.report_listing_page .search-input {
    border-width: 1.5px;
    border-style: double;
    border-color: transparent;
    border-radius: 50px;
    background-image: linear-gradient(white, white), linear-gradient(to right, #21B3CF, #9059DB);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transition: all 0.5s ease;
    outline: none;
}

.report_listing_page .search-input button[type=submit] {
    top: 0;
}

.report_listing_page .search-input button {
    padding: 10px 15px;
    font-size: 14px;
}

.search-input button[type=submit] {
    position: absolute;
    transition: .3s ease-in-out;
    font-size: 1.5rem;
    top: 219px !important;
    right: 123px !important;
    border: 0;
    cursor: pointer;
    outline: 0;
    background: 0 0;
}

.report_listing_page #search_reports_home_page2 {
    border: none;
}

.report_listing_page #search_reports_home_page2,
.report_listing_page .search-input {
    border-radius: 25px;
}

#search_reports_home_page2 {
    border-width: 1.5px;
    border-style: double;
    border-color: transparent;
    border-radius: 25px;
    /* background-image: linear-gradient(white, white), linear-gradient(to right, #9059DB, #21B3CF); */
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transition: all 0.5s ease;
    outline: none;
    padding: 28px 20px;
}

.report_listing_page .search-input input[type=text] {
    height: 40px;
}

.search-input input[type=text] {
    width: 100%;
    height: 50px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  
    padding: 15px;
}

.gradient-input {
    border-right: 5px solid transparent;
    background-clip: padding-box;
    background-origin: border-box;
    border-image: linear-gradient(to bottom, #a8dadc, #457b9d, #1d3557) 1;
    border-image-slice: 1;
}

.gradient-input {
    flex-grow: 1;
    padding: 10px 15px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
}


.shadow_1 {
    box-shadow: 4px 4px 4px 0 #e3e1e1;
}

.left-filter {
    position: sticky;
    top: 20px;
}

.share-report {
    background: #f7f7f7;
    margin: 12px 0;
    padding: 20px 25px;
    border-radius: 6px;
}

.filter-body label.title {
    text-transform: uppercase;
    color: #325080cc;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

.filter-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-body ul li .checkbox-cont {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.filter-body ul li {
    font-size: 13px;
    font-weight: 400;
    padding: 8px 0;
    display: block;
}

.checkbox-cont input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d7d8d9;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background-color: transparent !important;
    position: absolute;
    left: 0;
    margin-top: 1px;
    margin-left: 0;
}

.checkbox-cont input[type=checkbox]:checked {
    appearance: auto;
    -webkit-appearance: auto;
    background-color: #fff !important;
    accent-color: #ee661e;
    color: #fff !important;
}

.checkbox-cont input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d7d8d9;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background-color: transparent !important;
    position: absolute;
    left: 0;
    margin-top: 1px;
    margin-left: 0;
}

.avp-lastest-list {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: .5rem;
}


.avp-lp-placeholder .avn-offer-tag {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 416px;
    top: 319px;
    background-color: #fc5858;
    border-radius: 50%;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    -webkit-transform: rotateZ(0);
    -ms-transform: rotate(0);
    transform: rotateZ(0);
    z-index: 1;
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card {
    height: 100%;
    width: 120px;
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card .card-title {
    font-size: 14px;
    font-weight: 700;
    margin: 1.5rem 6px 0 0;
    padding: 0 0 0 12px;
    color: #053256;
}

.lh-2 {
    line-height: 1.25 !important;
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card .card-subtitle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

body {
    font-family: sans-serif !important
}

::-webkit-scrollbar {
    width: 6px;
    height: 10px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 8px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.avp-lp-list-pricing {
    position: relative
}

.color-ocean-green {
    color: #43b771
}

.color-grey {
    color: #8f8f8f
}

.fs14 {
    font-size: 14px
}

.fs10 {
    font-size: 10px
}

.lh-2 {
    line-height: 1.25 !important
}

.lh-3 {
    line-height: 1.5 !important
}

.avp-down-btn {
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 600
}

.avn-siden-btns-dark {
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out
}

.avn-siden-btns-warning:not(:disabled):not(.disabled).active {
    color: #242424;
    background-position: left bottom;
    border-color: #fac100;
    text-decoration: none
}

.avn-siden-btns-secondary:not(:disabled):not(.disabled).active {
    color: #242424;
    background-position: left bottom;
    border-color: #e7e7e7;
    text-decoration: none
}

.avn-siden-btns-dark {
    color: #fff;
    background-color: #26385a;
    border-color: #26385a;
    background: -o-linear-gradient(left, #0f1b32 50%, #26385a 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0f1b32), color-stop(50%, #26385a));
    background: linear-gradient(to right, #0f1b32 50%, #26385a 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s ease-out
}

.avn-siden-btns-dark:disabled,
.avn-siden-btns-dark:focus,
.avn-siden-btns-dark:hover,
.avn-siden-btns-dark:not(:disabled):not(.disabled).active {
    color: #fff;
    background-position: left bottom;
    border-color: #26385a;
    text-decoration: none
}

.avn-siden-btns-light {
    color: #404040;
    background-color: #fff;
    border-color: #e9e9e9;
    background: -o-linear-gradient(left, #d9d9d9 50%, #fff 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #d9d9d9), color-stop(50%, #fff));
    background: linear-gradient(to right, #d9d9d9 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out
}

.avn-siden-btns-light:disabled,
.avn-siden-btns-light:focus,
.avn-siden-btns-light:hover,
.avn-siden-btns-light:not(:disabled):not(.disabled).active {
    color: #404040;
    background-position: left bottom;
    border-color: #d9d9d9;
    text-decoration: none
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fs11 {
    font-size: 11px
}

.fs13 {
    font-size: 13px
}

.fs18 {
    font-size: 18px
}

.color-tundora {
    color: #404040
}

.color-dodger-blue {
    color: #2088ff
}

header .avn-head-main .navbar .avn-sidebtns .avn-acct-btn:not(:disabled):not(.disabled).active {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    opacity: .9;
    color: #fff;
    background-position: left bottom;
    border-color: #344468;
    text-decoration: none
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card .card-subtitle .report-tag {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 0 4px;
    padding: 0 5px;
    color: #c5c3c3;
    background-color: #ededed
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card .card-subtitle .report-year {
    font-size: 20px;
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 0;
    color: #fff
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card.report-p .card-title {
    color: #053256
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card.report-p .card-subtitle .report-tag {
    color: #c5c3c3;
    background-color: #ededed
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card.report-p .card-subtitle .report-year {
    color: #fff
}

.avp-lastest-list {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: .5rem
}

.avp-lastest-list:focus,
.avp-lastest-list:hover {
    -webkit-box-shadow: 1px 1px 13px -3px #919191;
    box-shadow: 1px 1px 13px -3px #919191
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card {
    height: 100%;
    width: 120px
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: " ";
    height: 0;
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 7px 2px #3c3c3c8f;
    box-shadow: 0 1px 7px 2px #3c3c3c8f
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card .card-subtitle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.avp-lastest-list .avp-lp-placeholder .card.avp-overflow-card .card-title {
    font-size: 14px;
    font-weight: 700;
    margin: 1.5rem 6px 0 0;
    padding: 0 0 0 12px;
    color: #053256
}

.avp-lastest-list .avp-lp-reportname h2 a {
    color: #404040;
    text-decoration: none
}

.avp-lastest-list .avp-lp-reportname h2 a:hover {
    color: #081228
}

.input:not(:placeholder-shown).input:not(:focus)+.placeholder {
    -webkit-transform: scale(.75) translateY(-36px) translateX(-15%);
    -webkit-transition: .2s;
    -o-transition: .2s
}

.input:not(:-moz-placeholder-shown).input:not(:focus)+.placeholder {
    -webkit-transform: scale(.75) translateY(-36px) translateX(-15%);
    -webkit-transition: .2s;
    -o-transition: .2s
}

.input:not(:-ms-input-placeholder).input:not(:focus)+.placeholder {
    -webkit-transform: scale(.75) translateY(-36px) translateX(-15%);
    -webkit-transition: .2s;
    -o-transition: .2s
}

.input:not(:-moz-placeholder-shown).input:not(:focus)+.placeholder {
    transform: scale(.75) translateY(-36px) translateX(-15%);
    color: #cbd8e3;
    -moz-transition: .2s;
    transition: .2s
}

.input:not(:-ms-input-placeholder).input:not(:focus)+.placeholder {
    -ms-transform: scale(.75) translateY(-36px) translateX(-15%);
    transform: scale(.75) translateY(-36px) translateX(-15%);
    color: #cbd8e3;
    -ms-transition: .2s;
    transition: .2s
}

.input:not(:placeholder-shown).input:not(:focus)+.placeholder {
    -ms-transform: scale(.75) translateY(-36px) translateX(-15%);
    transform: scale(.75) translateY(-36px) translateX(-15%);
    color: #cbd8e3;
    transition: .2s
}

.input:invalid:not(:-moz-placeholder-shown) {
    -moz-transition: .2s;
    transition: .2s;
    border-color: #f52c5c
}

.input:invalid:not(:-ms-input-placeholder) {
    -ms-transition: .2s;
    transition: .2s;
    border-color: #f52c5c
}

.input:invalid:not(:-moz-placeholder-shown)+.placeholder {
    -moz-transition: .2s;
    transition: .2s;
    color: #f52c5c
}

.input:invalid:not(:-ms-input-placeholder)+.placeholder {
    -ms-transition: .2s;
    transition: .2s;
    color: #f52c5c
}

.input:invalid:not(:-moz-placeholder-shown).input:not(:focus)+.placeholder {
    transform: scale(.75) translateY(-36px) translateX(-15%);
    color: #f52c5c;
    -moz-transition: .2s;
    transition: .2s
}

.input:invalid:not(:-ms-input-placeholder).input:not(:focus)+.placeholder {
    -ms-transform: scale(.75) translateY(-36px) translateX(-15%);
    transform: scale(.75) translateY(-36px) translateX(-15%);
    color: #f52c5c;
    -ms-transition: .2s;
    transition: .2s
}

.input:invalid:not(:placeholder-shown).input:not(:focus)+.placeholder {
    -webkit-transform: scale(.75) translateY(-36px) translateX(-15%);
    -ms-transform: scale(.75) translateY(-36px) translateX(-15%);
    transform: scale(.75) translateY(-36px) translateX(-15%);
    color: #f52c5c;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.card-title {
    color: white !important;
}

a {
    text-decoration: none;
}

.search-input {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    padding: 0 10px !important;
}

.search-input input.gradient-input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 29px 50px 12px 20px !important; /* space for icon */
    font-size: 16px !important;
    border-radius: 25px !important;
   
    outline: none !important;
}

.search-input button[type="submit"] {
    position: absolute !important;
    top: 50% !important;
    right: 25px !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}