body {
     margin: 0;
     padding: 0;
     background: #FFFFFF;
     overflow-x: hidden;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .page-container {
     overflow-x: hidden;
 }

 a,
 button {
     transition: background .3s ease-in-out;
     outline: none !important;
 }

 a:hover {
     text-decoration: none;
     cursor: pointer;
 }

 .page-preloader {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 100%;
     z-index: 100000;
     background: #FFFFFF url("../images/pageload-spinner.gif") no-repeat center center;
 }

 .bloc {
     width: 100%;
     clear: both;
     background: 50% 50% no-repeat;
     padding: 0 50px;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     position: relative;
     display: flex;
 }

 .bloc .container {
     padding-left: 0;
     padding-right: 0;
 }

 .bloc-lg {
     padding: 30px 50px;
 }

 .bloc-md {
     padding: 50px;
 }

 .full-width-bloc {
     padding-left: 0;
     padding-right: 0;
 }

 .full-width-bloc .row {
     margin-left: 0;
     margin-right: 0;
 }

 .full-width-bloc .container {
     width: 100%;
     max-width: 100% !important;
 }

 .full-width-bloc .carousel img {
     width: 100%;
     height: auto;
 }

 .bg-center,
 .bg-l-edge,
 .bg-r-edge,
 .bg-t-edge,
 .bg-b-edge,
 .bg-tl-edge,
 .bg-bl-edge,
 .bg-tr-edge,
 .bg-br-edge,
 .bg-repeat {
     -webkit-background-size: auto !important;
     -moz-background-size: auto !important;
     -o-background-size: auto !important;
     background-size: auto !important;
 }

 .video-bg-container,
 .bloc-video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 50%;
     right: -50%;
     overflow: hidden;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     background-color: #ffffff;
 }

 .bloc-video,
 .video-bg-container iframe {
     width: auto;
     height: auto;
     min-width: 100%;
     min-height: 100%;
     z-index: 0;
     opacity: 0.7;
 }

 .d-bloc {
     color: rgba(255, 255, 255, .7);
 }

 .d-bloc button:hover {
     color: rgba(255, 255, 255, .9);
 }

 .d-bloc .icon-round,
 .d-bloc .icon-square,
 .d-bloc .icon-rounded,
 .d-bloc .icon-semi-rounded-a,
 .d-bloc .icon-semi-rounded-b {
     border-color: rgba(255, 255, 255, .9);
 }

 .d-bloc .divider-h span {
     border-color: rgba(255, 255, 255, .2);
 }

 .d-bloc .a-btn,
 .d-bloc .navbar a,
 .d-bloc a .icon-sm,
 .d-bloc a .icon-md,
 .d-bloc a .icon-lg,
 .d-bloc a .icon-xl,
 .d-bloc h1 a,
 .d-bloc h2 a,
 .d-bloc h3 a,
 .d-bloc h4 a,
 .d-bloc h5 a,
 .d-bloc h6 a,
 .d-bloc p a {
     color: rgba(255, 255, 255, .6);
 }

 .d-bloc .a-btn:hover,
 .d-bloc .navbar a:hover,
 .d-bloc a:hover .icon-sm,
 .d-bloc a:hover .icon-md,
 .d-bloc a:hover .icon-lg,
 .d-bloc a:hover .icon-xl,
 .d-bloc h1 a:hover,
 .d-bloc h2 a:hover,
 .d-bloc h3 a:hover,
 .d-bloc h4 a:hover,
 .d-bloc h5 a:hover,
 .d-bloc h6 a:hover,
 .d-bloc p a:hover {
     color: rgba(255, 255, 255, 1);
 }

 .d-bloc .navbar-toggle .icon-bar {
     background: rgba(255, 255, 255, 1);
 }

 .d-bloc .btn-wire,
 .d-bloc .btn-wire:hover {
     color: rgba(255, 255, 255, 1);
     border-color: rgba(255, 255, 255, 1);
 }

 .d-bloc .card {
     color: rgba(0, 0, 0, .5);
 }

 .d-bloc .card button:hover {
     color: rgba(0, 0, 0, .7);
 }

 .d-bloc .card icon {
     border-color: rgba(0, 0, 0, .7);
 }

 .d-bloc .card .divider-h span {
     border-color: rgba(0, 0, 0, .1);
 }

 .d-bloc .card .a-btn {
     color: rgba(0, 0, 0, .6);
 }

 .d-bloc .card .a-btn:hover {
     color: rgba(0, 0, 0, 1);
 }

 .d-bloc .card .btn-wire,
 .d-bloc .card .btn-wire:hover {
     color: rgba(0, 0, 0, .7);
     border-color: rgba(0, 0, 0, .3);
 }

 .d-bloc .card,
 .l-bloc {
     color: rgba(0, 0, 0, .5);
 }

 .d-bloc .card button:hover,
 .l-bloc button:hover {
     color: rgba(0, 0, 0, .7);
 }

 .l-bloc .icon-round,
 .l-bloc .icon-square,
 .l-bloc .icon-rounded,
 .l-bloc .icon-semi-rounded-a,
 .l-bloc .icon-semi-rounded-b {
     border-color: rgba(0, 0, 0, .7);
 }

 .d-bloc .card .divider-h span,
 .l-bloc .divider-h span {
     border-color: rgba(0, 0, 0, .1);
 }

 .d-bloc .card .a-btn,
 .l-bloc .a-btn,
 .l-bloc .navbar a,
 .l-bloc a .icon-sm,
 .l-bloc a .icon-md,
 .l-bloc a .icon-lg,
 .l-bloc a .icon-xl,
 .l-bloc h1 a,
 .l-bloc h2 a,
 .l-bloc h3 a,
 .l-bloc h4 a,
 .l-bloc h5 a,
 .l-bloc h6 a,
 .l-bloc p a {
     color: rgba(0, 0, 0, .6);
 }

 .d-bloc .card .a-btn:hover,
 .l-bloc .a-btn:hover,
 .l-bloc .navbar a:hover,
 .l-bloc a:hover .icon-sm,
 .l-bloc a:hover .icon-md,
 .l-bloc a:hover .icon-lg,
 .l-bloc a:hover .icon-xl,
 .l-bloc h1 a:hover,
 .l-bloc h2 a:hover,
 .l-bloc h3 a:hover,
 .l-bloc h4 a:hover,
 .l-bloc h5 a:hover,
 .l-bloc h6 a:hover,
 .l-bloc p a:hover {
     color: rgba(0, 0, 0, 1);
 }

 .l-bloc .navbar-toggle .icon-bar {
     color: rgba(0, 0, 0, .6);
 }

 .d-bloc .card .btn-wire,
 .d-bloc .card .btn-wire:hover,
 .l-bloc .btn-wire,
 .l-bloc .btn-wire:hover {
     color: rgba(0, 0, 0, .7);
     border-color: rgba(0, 0, 0, .3);
 }

 .voffset {
     margin-top: 30px;
 }

 .hero .hero-nav {
     padding-left: inherit;
     padding-right: inherit;
 }

 .navbar-dark .nav .dropdown-menu .nav-link {
     color: rgb(64, 64, 64);
 }

 .sticky-nav.sticky {
     position: fixed;
     top: 0;
     z-index: 1000;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
     transition: all .2s ease-out;
 }

 .navbar-light .navbar-nav .nav-link {
     color: rgb(64, 64, 64);
 }

 .btco-menu li>a {
     padding: 10px 15px;
     color: #000;
 }

 .btco-menu .active a:focus,
 .btco-menu li a:focus,
 .navbar>.show>a:focus {
     background: transparent;
     outline: 0;
 }

 .dropdown-menu .show>.dropdown-toggle::after {
     transform: rotate(-90deg);
 }

 .mg-sm {
     margin-top: 10px;
     margin-bottom: 5px;
 }

 .mg-md {
     margin-top: 10px;
     margin-bottom: 20px;
 }

 .btn-d,
 .btn-d:hover,
 .btn-d:focus {
     color: #FFF;
     background: rgba(0, 0, 0, .3);
 }

 button {
     outline: none !important;
 }

 .a-block {
     width: 100%;
     text-align: left;
     display: inline-block;
 }

 .text-center .a-block {
     text-align: center;
 }

 .dropdown a .caret {
     margin: 0 0 0 5px
 }

 .btn-dropdown .dropdown-menu .dropdown {
     padding: 3px 20px;
 }

 .icon-md {
     font-size: 30px !important;
 }

 .icon-lg {
     font-size: 60px !important;
 }

 .card-sq,
 .card-sq .card-header,
 .card-sq .card-footer {
     border-radius: 0;
 }

 .card-rd {
     border-radius: 30px;
 }

 .card-rd .card-header {
     border-radius: 29px 29px 0 0;
 }

 .card-rd .card-footer {
     border-radius: 0 0 29px 29px;
 }

 .scrollToTop {
     width: 40px;
     height: 40px;
     position: fixed;
     bottom: 20px;
     right: 20px;
     opacity: 0;
     z-index: 500;
     transition: all .3s ease-in-out;
 }

 .scrollToTop span {
     margin-top: 6px;
 }

 .showScrollTop {
     font-size: 14px;
     opacity: 1;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 label,
 .btn,
 a {
     font-family: "Montserrat";
     font-weight: 200;
 }

 .container {
     max-width: 1140px;
 }

 h1 {
     font-size: 60px;
     font-weight: normal;
 }

 h2 {
     font-size: 45px;
     font-family: "Exo 2";
     font-weight: 500;
 }

 h3 {
     font-size: 25px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 h4 {
     font-size: 22px;
     text-transform: none;
     font-weight: 300;
 }

 p {
     font-size: 15px;
     font-weight: 300;
 }

 h5 {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 400;
     letter-spacing: 1px;
 }

 h6 {
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 500;
     border-style: solid;
     text-indent: 5px;
     border-color: #00AEB8 !important;
     color: #000000 !important;
     letter-spacing: 1px;
     border-width: 0px 0px 0px 2px;
 }

 .h4-style {
     font-size: 18px;
     margin-bottom: 15px;
     letter-spacing: 1px;
     margin-top: 20px;
 }

 .h3-margin-bottom {
     margin-bottom: 50px;
     font-size: 22px;
     margin-top: 40px;
 }

 .h6-margin-bottom {
     margin-bottom: 11px;
 }

 .hero-top-row {
     height: 350px;
 }

 .hero-middle-right {
     height: 200px;
     width: 200px;
 }

 .navbar-nav li a {
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     color: #3C6098 !important;
 }

 .navbar-brand img {
     height: 40px;
 }

 .h3-style {
     font-size: 32px;
 }

 .h3-24-7-style {
     font-size: 32px;
 }

 .h3-142k--style {
     font-size: 32px;
 }

 .h2-style {
     font-size: 25px;
 }

 .bloc-margin-top {
     margin: 45px 60px 45px 60px;
 }

 .padding-left-contactform {
     box-shadow: 0px 0px 27px #D5D5D5;
     background-color: #FEFFFF;
     padding: 45px 45px 45px 45px;
 }

 .borders-for-form {
     border-style: none;
     border-color: rgba(249, 165, 0, 0.0) !important;
     font-weight: bold;
     letter-spacing: -1px;
     color: #404C9A !important;
 }

 .form-submitbtn {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: bold;
     color: #FEFFFF !important;
     background-color: #404B9A;
 }

 .padding-right-contactform {
     padding: 45px 45px 45px 80px;
 }

 .p-margin-bottom {
     margin-bottom: 50px;
 }

 .dash {
     height: 5px;
     width: 75px;
     background-color: #5161AA;
 }

 .img-3-style {
     width: 100px;
     margin-right: 20px;
 }

 .padding-para {
     box-shadow: 0px 0px 8px #EAEAEA;
     border-style: solid;
     border-color: rgba(245, 165, 36, 0.0) !important;
     padding: 20px 20px 20px 20px;
     border-radius: 6px 6px 6px 6px;
     border-width: 1px 1px 1px 1px;
 }

 .dash-yellow {
     width: 75px;
     height: 5px;
     background-color: #F5A524;
 }

 .padding-hero {
     padding: 60px 60px 60px 60px;
 }

 .square {
     width: 35vw;
     /* height: 38vh; */
     max-width: 35vw;
     /* max-height: 38vh; */
 }

 .img-style {
     width: 120px;
 }

 .dash-purple {
     width: 75px;
     height: 5px;
     background-color: #941F91;
 }

 .dash-green {
     width: 75px;
     height: 5px;
     background-color: #00AEB8;
 }

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

 .square-small {
     height: 15vh;
     font-weight: normal;
     font-size: 12px;
     border-style: none;
     max-height: 15vh;
     min-height: 15vh;
     margin: 0px 0px 0px 0px;
     padding: 45px 45px 45px 45px;
 }

 .h4-margin-top {
     margin-top: 25px;
 }

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

 .h1-style {
     font-size: 50px;
 }

 .h4-14-style {
     font-size: px;
 }

 .footer-title {
     font-weight: bold;
     font-size: 14px;
     text-transform: uppercase;
 }

 .icon-margin-right {
     margin-right: 10px;
 }

 .icon-bloc-6-margin-right {
     margin-right: 10px;
 }

 .img-placeholder-us-style {
     width: 150px;
 }

 .testimonial-paragraph {
     color: #333300 !important;
 }

 .carousel-nav-controls {
     font-size: 20px;
 }

 .square-mini {
     width: 15vw;
     /* height: 15vh; */
     max-width: 15vw;
     /* max-height: 15vh; */
     margin: 5px 5px 5px 5px;
     padding: 20px 20px 20px 20px;
 }

 .h5-style {
     font-size: 12px;
 }

 .h5-bloc-24-style {
     font-size: 12px;
 }

 .h5-19-style {
     font-size: 12px;
 }

 .h5-20-style {
     font-size: 12px;
 }

 .h5-24-style {
     font-size: 12px;
 }

 .h5-23-style {
     font-size: 12px;
 }

 .h5-22-style {
     font-size: 12px;
 }

 .h5-21-style {
     font-size: 12px;
 }

 .h1-bloc-24-style {
     font-size: 45px;
 }

 .h1-8-style {
     font-size: 45px;
 }

 .h1-9-style {
     font-size: 45px;
 }

 .h1-10-style {
     font-size: 45px;
 }

 .h1-11-style {
     font-size: 45px;
 }

 .h1-12-style {
     font-size: 45px;
 }

 .h1-13-style {
     font-size: 45px;
 }

 .h1-14-style {
     font-size: 45px;
 }

 .my-carousel img {
     max-height: 400px;
 }

 .html-widget-margin-top {
     margin-top: 21px;
 }

 .dropdown-menu {
     width: 250px;
     border-style: none;
 }

 .dropdown-menu a {
     margin-left: 15px;
 }

 .img-4-style {
     width: 200px;
     height: 71px;
 }

 .bgc-white {
     background-color: #FEFFFF;
 }

 .bgc-white-2 {
     background-color: rgba(255, 255, 255, 0.9);
 }

 .bgc-black {
     background-color: rgba(0, 0, 0, 0.7);
 }

 .bgc-dark-tangerine {
     background-color: #F5A524;
 }

 .bgc-glaucous {
     background-color: #5472B2;
 }

 .bgc-pale-cerulean {
     background-color: #96CED6;
 }

 .bgc-terra-cotta {
     background-color: #EC7C67;
 }

 .bgc-lavender-rose {
     background-color: #FE93E0;
 }

 .bgc-bright-ube {
     background-color: #C1A8F9;
 }

 .bgc-ucla-blue {
     background-color: #44629B;
 }

 .bgc-dark-magenta {
     background-color: #942092;
 }

 .bgc-tiffany-blue {
     background-color: #00AEB8;
 }

 .bgc-ghost-white {
     background-color: #F7F9FC;
 }

 .bgc-ucla-blue-2 {
     background-color: #577592;
 }

 .bgc-ghost-white-2 {
     background-color: #F9F9F9;
 }

 .bgc-glitter {
     background-color: #EBEDFF;
 }

 .bgc-black-2 {
     background-color: #000000;
 }

 .bgc-splashed-white {
     background-color: #FCFBFD;
 }

 .bgc-jasper {
     background-color: #D63734;
 }

 .bgc-feldgrau {
     background-color: #46545F;
 }

 .tc-ghost-white {
     color: #F7F9FC !important;
 }

 .tc-dark-cerulean {
     color: #1E4B69 !important;
 }

 .tc-ucla-blue {
     color: #44629B !important;
 }

 .tc-feldgrau {
     color: #46545F !important;
 }

 .tc-splashed-white {
     color: #FCFBFD !important;
 }

 .tc-davys-grey {
     color: #515252 !important;
 }

 .tc-black {
     color: #000000 !important;
 }

 .tc-white {
     color: #FEFFFF !important;
 }

 .tc-ghost-white-2 {
     color: #F9FAFD !important;
 }

 .tc-glaucous {
     color: #5472B2 !important;
 }

 .tc-ghost-white-3 {
     color: #F9F9F9 !important;
 }

 .tc-paynes-grey {
     color: #414141 !important;
 }

 .tc-dark-magenta {
     color: #942092 !important;
 }

 .tc-tiffany-blue {
     color: #00AEB8 !important;
 }

 .btn-ucla-blue {
     background: #44629B;
     color: #FFFFFF !important;
 }

 .btn-ucla-blue:hover {
     background: #364e7c !important;
     color: #FFFFFF !important;
 }

 .btn-dark-tangerine {
     background: #F5A524;
     color: #FFFFFF !important;
 }

 .btn-dark-tangerine:hover {
     background: #c4841d !important;
     color: #FFFFFF !important;
 }

 .icon-ucla-blue {
     color: #44629B !important;
     border-color: #44629B !important;
 }

 .bg-business-chairs-company-coworking-7070 {
     background-image: url("../images/business-chairs-company-coworking-7070.jpg");
 }

 .bg-amcharts-pixelMap-5 {
     background-image: url("../images/amcharts.pixelMap-5.png");
 }

 .bg-people-in-couch-1024248 {
     background-image: url("../images/people-in-couch-1024248.jpg");
 }

 .waves-container {
     max-width: 100%;
     overflow: hidden;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 99999;
 }

 .waves-container canvas {
     display: block;
 }

 #particles-js {
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }

 @media (max-width: 1024px) {
     .bloc {
         padding-left: 20px;
         padding-right: 20px;
     }

     .bloc.full-width-bloc,
     .bloc-tile-2.full-width-bloc .container,
     .bloc-tile-3.full-width-bloc .container,
     .bloc-tile-4.full-width-bloc .container {
         padding-left: 0;
         padding-right: 0;
     }
 }

 @media (max-width: 991px) {
     .container {
         width: 100%;
     }

     .page-container,
     #hero-bloc {
         overflow-x: hidden;
         position: relative;
     }

     .bloc {
         padding-left: constant(safe-area-inset-left);
         padding-right: constant(safe-area-inset-right);
     }

     .bloc-group,
     .bloc-group .bloc {
         display: block;
         width: 100%;
     }
 }

 @media (max-width: 767px) {
     .page-container {
         overflow-x: hidden;
         position: relative;
     }

     .bloc-tile-2 .container,
     .bloc-tile-3 .container,
     .bloc-tile-4 .container {
         padding-left: 0;
         padding-right: 0;
     }

     .a-block {
         padding: 0 10px;
     }

     .btn-dwn {
         display: none;
     }

     .voffset {
         margin-top: 5px;
     }

     .voffset-md {
         margin-top: 20px;
     }

     .voffset-lg {
         margin-top: 30px;
     }

     form {
         padding: 5px;
     }

     .close-lightbox {
         display: inline-block;
     }

     .blocsapp-device-iphone5 {
         background-size: 216px 425px;
         padding-top: 60px;
         width: 216px;
         height: 425px;
     }

     .blocsapp-device-iphone5 img {
         width: 180px;
         height: 320px;
     }
 }

 @media (max-width: 991px) {
     .img-3-style {
         margin-bottom: 15px;
     }

     .h5-style {
         font-size: 9px;
     }

     .h5-bloc-24-style {
         font-size: 9px;
     }

     .h5-19-style {
         font-size: 9px;
     }

     .h5-20-style {
         font-size: 9px;
     }

     .h5-22-style {
         font-size: 9px;
     }

     .h5-23-style {
         font-size: 9px;
     }

     .h5-21-style {
         font-size: 9px;
     }

     .h5-24-style {
         font-size: 9px;
     }

     .square-mini {
         width: 20vw;
         max-width: 25vw;
     }
 }

 @media (max-width: 767px) {
     .bloc-margin-bottom {
         margin-bottom: 15px;
     }

     .bloc-bloc-6-margin-bottom {
         margin-bottom: 15px;
     }

     .row-style {
         width: 100%;
     }

     .square-mini {
         max-width: 25vw;
         width: 21vw;
     }

     .h5-20-style {
         font-size: 9px;
     }

     .h5-19-style {
         font-size: 9px;
     }

     .h5-bloc-24-style {
         font-size: 9px;
     }

     .h5-style {
         font-size: 9px;
     }

     .h5-24-style {
         font-size: 9px;
     }

     .h5-23-style {
         font-size: 9px;
     }

     .h5-22-style {
         font-size: 9px;
     }

     .h5-21-style {
         font-size: 9px;
     }
 }

 @media (max-width: 575px) {
     .footer-link {
         text-align: center;
     }

     .square-mini {
         max-width: 50vw;
         width: 50vw;
     }

     .h4-14-style {
         font-size: 40px;
     }

     .h2-bloc-1-style {
         font-size: 35px;
     }

     .h1-bloc-1-style {
         font-size: 40px;
     }

     .shadow {
         ;
     }

     .div {}

     .divcolo {
         ;
     }

     .my-carousel img {
         max-height: 600px;
         height: 600px;
     }
 }