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

 .page-container {
     overflow: 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("img/pageload-spinner.gif") no-repeat center center;
     animation-name: preloader-fade;
     animation-delay: 2s;
     animation-duration: 0.5s;
     animation-fill-mode: both;
 }

 @keyframes preloader-fade {
     0% {
         opacity: 1;
         visibility: visible;
     }

     100% {
         opacity: 0;
         visibility: hidden;
     }
 }

 .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-xxl {
     padding: 200px 50px;
 }

 .bloc-lg {
     padding: 100px 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;
 }

 .bg-center {
     -webkit-background-size: auto;
 }

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

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

 .b-parallax {
     background-attachment: fixed;
 }

 @media (hover: none) {
     .b-parallax {
         background-attachment: scroll;
     }
 }

 .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);
 }

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

 .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-clear {
     margin: 0;
 }

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

 button {
     outline: none !important;
 }

 .btn-sq {
     border-radius: 0px;
 }

 .icon-sm {
     font-size: 18px !important;
 }

 .list-horizontal-layout li {
     float: left;
     margin: 0 10px;
 }

 .list-sp-md li:last-child,
 .list-sp-lg li:last-child,
 .list-sp-xl li:last-child {
     padding-bottom: 0;
 }

 .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;
 }

 .form-control {
     border-color: rgba(0, 0, 0, .1);
     box-shadow: none;
 }

 .scroll-fx-in-range {
     will-change: opacity;
 }

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

 .container {
     max-width: 1140px;
 }

 .nav-icon {
     margin-right: -9px;
     margin-top: 12px;
     margin-left: 6px;
 }

 .navigation-link {
     font-family: "Titillium Web";
     font-weight: 400;
     color: #5B5C5B !important;
     font-size: 17px;
     text-align: center;
     margin-right: 8px;
     margin-left: 8px;
 }

 .navigation-link:hover {
     color: #02AC8A !important;
     font-weight: 400;
 }

 .hero-title {
     font-size: 55px;
     color: #FEFFFE !important;
     text-transform: uppercase;
     letter-spacing: 3px;
     font-family: "Titillium Web";
     font-weight: 700;
 }

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

 .button {
     font-family: "Titillium Web";
     font-weight: 700;
     background-color: #00AE8A;
     font-size: 23px;
     letter-spacing: 1px;
     color: #FFFFFF !important;
     padding: 10px 25px 10px 25px;
 }

 .button:hover {
     color: #01AD8A !important;
     background-color: #FFFFFF;
 }

 .img-empresa {
     margin-top: -140px;
     box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.30);
 }

 .title-verde {
     color: #00AE8A !important;
     text-transform: uppercase;
     font-family: "Titillium Web";
     font-weight: 700;
     letter-spacing: 1px;
     font-size: 40px;
 }

 .text-main-gray {
     font-size: 15px;
     font-family: "Lato";
     font-weight: 400;
     color: #5B5C5B !important;
 }

 .empresa-row {
     border-style: solid;
     border-color: #00AE8A !important;
     border-width: 5px 0px 0px 0px;
 }

 .servicios-bg {
     background-image: url("img/servicios-bg.jpg");
     background-size: auto auto;
     background-repeat: no-repeat;
     background-position: center center;
 }

 .servicios-bg-02 {
    background-image: url("img/servicios-bg-02.jpg");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.servicios-bg-03 {
    background-image: url("img/servicios-bg-03.jpg");
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
}

 .title-blanco {
     color: #FFFFFF !important;
     text-transform: uppercase;
     font-family: "Titillium Web";
     font-weight: 700;
     letter-spacing: 1px;
     font-size: 40px;
 }

 .text-main-white {
     font-size: 15px;
     font-family: "Lato";
     font-weight: 400;
     color: #FFFFFF !important;
 }

 .servicios-escudo {
     background-image: url("img/servicios-escudo.png");
     background-size: auto 100%;
     background-repeat: no-repeat;
     background-position: center center;
 }

 .title-item-gray {
     font-family: "Titillium Web";
     font-weight: 600;
     font-size: 25px;
     color: #535556 !important;
     letter-spacing: 1px;
 }

 .text-item-gray {
     font-family: "Lato";
     font-weight: 400;
     font-size: 13px;
     color: #5B5C5B !important;
     text-align: center;
 }

 .servicios-icon {
     margin-top: 30px;
     margin-bottom: 25px;
 }

 .p-servicios-margin-bottom {
     margin-bottom: 5px;
 }

 .p-8-margin-bottom {
     margin-bottom: 5px;
 }

 .p-10-margin-bottom {
     margin-bottom: 5px;
 }

 .p-12-margin-bottom {
     margin-bottom: 5px;
 }

 .p-14-margin-bottom {
     margin-bottom: 5px;
 }

 .p-16-margin-bottom {
     margin-bottom: 5px;
 }

 .filosofia-bg {
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 85% auto;
     background-image: url("img/filosofia-mapa.jpg");
     margin-top: 50px;
     margin-bottom: 50px;
 }

 .filosofia-imagen {
     margin-bottom: 40px;
     width: 95%;
     margin-top: 30px;
 }

 .hero-size {
     height: 750px;
 }

 .navbar-brand img {
     width: 210px;
 }

 .contacto-bg {
     background-color: #FFFFFF;
     box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.25);
     padding-top: 40px;
     padding-bottom: 40px;
     margin-top: -200px;
     margin-bottom: 150px;
 }

 .clientes-altura {
     border-style: solid;
     border-color: rgba(30, 30, 30, 0.30) !important;
     border-width: 0px 0px 10px 0px;
 }

 .text-item-white {
     font-family: "Lato";
     font-weight: 400;
     font-size: 13px;
     color: #FFFFFF !important;
     text-align: center;
 }

 .footer-logo {
     width: 180px;
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .clientes-logo {
     width: 90%;
     margin-top: 25px;
 }

 .row-margin-bottom {
     margin-bottom: 80px;
 }

 .footer {
     height: 88px;
     margin-top: -88px;
 }

 .guion-blanco {
     margin-bottom: 35px;
     margin-top: 10px;
     width: 30px;
 }

 .guion-verde {
     margin-bottom: 35px;
     margin-top: 10px;
     width: 30px;
 }

 .blocsapp-special-menu blocsnav {
     background-color: rgba(255, 255, 255, 0.95);
 }

 .close-special-menu .close-icon {
     background-color: #00AE85;
 }

 .form-field {
     border-style: solid;
     border-color: #C8C8C8 !important;
     margin-top: 12px;
     margin-bottom: 12px;
     border-radius: 0px 0px 0px 0px;
     border-width: 1px 1px 1px 1px;
 }

 .social-icon {
     width: 30px;
     margin-top: 7px;
 }

 .navigation-link-active {
     font-family: "Titillium Web";
     font-weight: 600;
     color: #02AC8A !important;
     font-size: 17px;
     text-align: center;
     margin-right: 8px;
     margin-left: 8px;
 }

 .navigation-link-active:hover {
     color: #02AC8A !important;
     font-weight: 600;
 }

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

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

 .bgc-isabelline {
     background-color: #EFEFEF;
 }

 .icon-persian-green {
     color: #00AD8A !important;
     border-color: #00AD8A !important;
 }

 .bg-clientes-bg {
     background-image: url("img/clientes-bg.jpg");
 }

 .bg-contacto-bg {
     background-image: url("img/contacto-bg.jpg");
 }

 .bg-hero-bg {
     background-image: url("img/hero-bg.jpg");
 }

 @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 {
         overflow: 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: 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) {
     .navbar-brand img {
         width: 200px;
     }

     .servicios-bg {
         height: 400px;
     }

     .text-main-gray {
         font-size: 15px;
     }

     .filosofia-bg {
         background-position: center top;
     }

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

     .clientes-logo {
         width: 95%;
     }

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

     .guion-blanco {
         margin-right: auto;
         margin-left: auto;
         display: block;
         width: 35px;
     }

     .guion-verde {
         margin-right: auto;
         margin-left: auto;
         display: block;
         width: 35px;
     }

     .navigation-link {
         margin-right: 4px;
         margin-left: 4px;
         font-size: 15px;
     }

     .blocsapp-special-menu blocsnav {
         background-color: rgba(255, 255, 255, 0.95);
     }

     .social-icon {
         width: 25px;
     }

     .button {
         ;
     }

     .navigation-link-active {
         margin-right: 4px;
         margin-left: 4px;
         font-size: 15px;
     }
 }

 @media (max-width: 767px) {
     .navbar-brand img {
         width: 200px;
     }

     .img-empresa {
         margin-top: 20px;
     }

     .filosofia-bg {
         background-position: center top;
         background-size: 100% auto;
     }

     .bloc-margin-top {
         margin-top: -40px;
     }

     .footer {
         height: 160px;
         margin-top: -160px;
     }

     .guion-blanco {
         width: 30px;
     }

     .guion-verde {
         width: 30px;
     }

     .p-footer-margin-top {
         margin-top: 20px;
     }

     .blocsapp-special-menu blocsnav {
         background-color: rgba(255, 255, 255, 0.95);
         background-size: auto auto;
     }

     .close-special-menu .close-icon {
         background-color: #02AB88;
     }

     .social-icon {
         width: 30px;
         margin-bottom: 20px;
     }

     .p-contacto-margin-bottom {
         margin-bottom: 35px;
     }

     .empresa-row {
         ;
     }

     .servicios-bg {
         margin-top: -140px;
     }
 }

 @media (max-width: 575px) {
     .navbar-brand img {
         width: 150px;
     }

     .filosofia-bg {
         margin-top: 20px;
         margin-bottom: 20px;
     }

     .hero-title {
         font-size: 45px;
         letter-spacing: 2px;
     }

     .title-verde {
         font-size: 30px;
     }

     .title-blanco {
         font-size: 30px;
     }

     .title-item-gray {
         font-size: 21px;
     }

     .hero-size {
         height: 600px;
     }

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

     .guion-verde {
         width: 25px;
     }

     .guion-blanco {
         width: 25px;
     }

     .p-footer-margin-top {
         margin-top: 20px;
     }

     .blocsapp-special-menu blocsnav {
         background-color: #FEFFFE;
     }

     .p-contacto-margin-bottom {
         margin-bottom: 35px;
     }

     .text-item-gray {
         font-size: 15px;
     }

     .text-item-white {
         font-size: 15px;
     }

     .footer {
         height: 200px;
     }
 }