body {
          font-family: 'Source Sans Pro', sans-serif;
          padding-bottom: 40px;
          color: #5a5a5a;
      }
      
      h1 {
          font-size: 10rem!important;
          letter-spacing: 0px;
          line-height: 90%;
          font-weight: 700!important;
      }
      
      .row p {
          font-size: 20px;
          font-weight: 300;
      }
      
      .read-more a {
          padding: 5px;
          color: #FFF;
          font-size: 15px;
          text-transform: uppercase;
      }
      /*****************/
      
      .highlight-info {
          top: 0%;
          left: 0%;
          z-index: 3;
          color: #fff;
          text-align: left;
          padding-top: 20px;
      }
      /******* SECTIONS GENERIC *******/
      
      .about-us,
      .services,
      .news-recent,
      .performance,
      .client-depoiment {
          position: relative;
          width: 100%;
          overflow: hidden;
          background-color: #000;
      }
      
      .about-us .container,
      .services .container,
      .news-recent .container,
      .performance .container,
      .client-depoiment .container,
      .location .container {
          position: relative;
         /* margin: 10px auto;*/
      }
      
      .about-us h2,
      .services h2,
      .news-recent h2 {
          font-size: 8rem!important;
          letter-spacing: 0px;
          line-height: 90%;
          font-weight: 700!important;
      }
      
      .about-us h3 {
          font-weight: 500;
      }
      
      .about-us {
          height: 300px;
      }
      
      .about-us .container .highlight-info .row div + div {
          margin-top: 20px;
      }
      
      .services {
          height: auto;
          padding-bottom: 20px;
      }
      
      .news-recent {
          height: 740px;
          background-color: #FFF;
      }
      
      .performance {
          height: 500px;
      }
      
      .client-depoiment {
          height: 700px;
      }
      
      .location {
          height: 900px;
          position: relative;
          width: 100%;
          overflow: hidden;
      }

      /*MODALS FORMS*/

      /*Font size modal for term and privacy*/
        #modalStage p  {
          font-size: 14px!important;
        }

        .icon-dock {
          height: 30px;
          width: 40px;
          margin: 0 10px;
        }

        #GeneralContentsModal.fade.in{
          margin-left:-15px!important;
        }

        #myGeneralContent .icon-dock {
          fill: #666!important;
        }

        #myGeneralContent .topics {
          padding: 10px;
          border-left: 3px solid rgb(238, 0, 0);
        }

        #myGeneralContent  p:nth-child(1), #myGeneralContent  p:nth-child(2) {
          font-size: 18px!important;
        }

        #myGeneralContent ol li {
          font-size: 14px;
          font-weight: 600;
          margin-top: 15px;
        }


      /********************************/
      /*         Custom Buttons       */
      /********************************/
      
      .btn.btn-lg {
          padding: 10px 20px;
          border-radius: 0px!important;
      }
      
      .btn.btn-hero {
          color: #F7F7F7;
          background-color: #A00013;
          border-color: #CB0000;
          outline: none;
          margin: 20px auto;
          text-transform: uppercase;
          border-radius: none!important;
          transition: all .6s ease-out;
      }
      
      .btn.btn-hero:hover,
      .btn.btn-hero:focus {
          color: #F7F7F7;
          background-color: #CB0000;
          border-color: #A00013;
          transition: all .6s ease-out;
      }
      
      .btn.btn-hero-blue {
          color: #F7F7F7;
          background-color: #0052CD;
          border-color: #0267FF;
          outline: none;
          margin: 20px auto;
          text-transform: uppercase;
          border-radius: none!important;
          transition: all .6s ease-out;
      }
      
      .btn.btn-hero-blue:hover,
      .btn.btn-hero-blue:focus {
          color: #F7F7F7;
          background-color: #0267FF;
          border-color: #0052CD;
          transition: all .6s ease-out;
      }

      /********************************/
      /*          Hero Headers        */
      /********************************/
      
      .hero {
          position: absolute;
          width: 600px;
          top: 50%;
          left: 35%;
          z-index: 3;
          color: #fff;
          text-align: left;
          text-transform: uppercase;
          -webkit-transform: translate3d(-50%, -50%, 0);
          -moz-transform: translate3d(-50%, -50%, 0);
          -ms-transform: translate3d(-50%, -50%, 0);
          -o-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
      }
      
      .white-color h1,
      .white-color h3 {
          color: #fff!important;
      }
      
      .hero h1 {
          font-size: 6em;
          font-weight: bold;
          margin: 0;
          padding: 0;
      }
      
      @media all and (transform-3d),
      (-webkit-transform-3d) {
          .carousel-fade .carousel-inner > .item.next,
          .carousel-fade .carousel-inner > .item.active.right {
              opacity: 0;
              -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
              transition: all 500ms linear;
          }
          .carousel-fade .carousel-inner > .item.prev,
          .carousel-fade .carousel-inner > .item.active.left {
              opacity: 0;
              -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
              transition: all 500ms linear;
          }
          .carousel-fade .carousel-inner > .item.next.left,
          .carousel-fade .carousel-inner > .item.prev.right,
          .carousel-fade .carousel-inner > .item.active {
              opacity: 1;
              -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
              transition: all 500ms linear;
          }
      }
      /********** Prev and Next arrows **************/
      
      a[data-slide],
      a[data-slide]:hover {
          color: #999;
      }
      
      .carousel-control {
          display: none!important;
      }
      /***********MENU***********/
      
      #navbar {
          position: absolute;
          top: 0px;
          right: 0px;
      }
      
      nav a {
          color: #000;
          margin-bottom: 2px;
      }
      
      nav li a:focus {
          color: #0052CD;
          margin-bottom: 0px;
      }
      
      ul.navbar-nav {
          width: 100%;
          margin-right: 20px;
      }
      
      nav li:hover,
      nav a:hover {
          background: none!important;
      }
      
      /*nav li.active a {
          border-top: solid 2px rgba(203, 0, 0, 1);
          margin-top: -2px!important;
      }
*/   
      nav li a::after {
          background: rgba(203, 0, 0, 1);
          top: 0;
          content: "";
          height: 2px;
          left: 100%;
          position: absolute;
          right: 0;
          transition-duration: 0.2s;
          transition-property: left;
          transition-timing-function: ease-out;
          z-index: -1;
      } 

      nav li.active a::after {
          left: 0;
      }
      
      nav .change-to-white li a::after {
           background: rgba(255, 255, 255, 1);
      }
      
      .nav > li > a:focus,
      .nav > li > a:hover,
      .nav > li > a:active {
          text-decoration: none;
          background: none!important;
      }
      /* Special class on .container surrounding .navbar, used for positioning it into place. */
      
      .navbar-wrapper {
          position: absolute;
          top: 0px;
          right: 0;
          left: 0;
          z-index: 20;
          transition: all .8s ease-out;
          height: 100px;
      }
      
      .navbar-brand:hover {
          border: none;
      }
      
      .underline {
          overflow: hidden;
          position: relative;
          vertical-align: middle;
          transform: translateZ(0px);
          -moz-transform: translateZ(0px);
          -webkit-transform: translateZ(0px);
          -o-transform: translateZ(0px);
          -ms-transform: translateZ(0px);
      }
      
      .underline::before {
          background: #0052CD;
          bottom: 0;
          content: "";
          height: 2px;
          left: 0;
          position: absolute;
          right: 100%;
          transition-duration: 0.2s;
          transition-property: right;
          transition-timing-function: ease-out;
          z-index: -1;
      }
      
      .underline:hover::before,
      .underline:focus::before,
      .underline:active::before {
          right: 0;
      }
      
      .change-to-white .underline::before {
          background: #fff;
      }
      /******* CLIENT LOGIN BUTTON *********/
      
      .navbar-nav > li.client-login:hover {
          background-color: #0052CD!important;
          border-color: #0052CD!important;
          transition: background 300ms linear;
      }
      
      .change-to-white li.client-login:hover a {
          background-color: #fff!important;
          border-color: #0052CD;
      }
      
      .change-to-white li.client-login:hover a {
          color: #0052CD!important;
      }
      
      .navbar-nav > li.client-login a:hover,
      .navbar-nav > li.client-login:hover a {
          border: none;
          color: #FFF;
          transition: color 300ms linear;
      }
      
      .navbar-header .navbar-brand {
          border-top: none!important;
          /*Correcao do bug causado pelo hover de border*/
          margin-bottom: 2px;
          margin-left: -15px!important;
      }
      
      .navbar-brand {
          height: 100px;
          padding: 0;
          margin: 0 20px;
          border-bottom: none !important;
      }

    
      /***************************************/
      /*      COLORS TO LOGO COMEXPERT       */
      /***************************************/
      #logo-comexpert .st0 {
          fill-rule: evenodd;
          clip-rule: evenodd;
          fill: #A00013!important;
          transition: all 1s linear;
      }
      
      #logo-comexpert .st1 {
          fill-rule: evenodd;
          clip-rule: evenodd;
          fill: #002A6D!important;
          transition: all 1s linear;
      }
      
      #logo-comexpert .st2 {
          fill: #221F1F!important;
          transition: all 1s linear;
      }
      
      #logo-comexpert .st3 {
          fill: #A00013!important;
          transition: all 1s linear;
      }
      
      #logo-comexpert .st4 {
          fill: #002A6D!important;
          transition: all 1s linear;
      }
      
      .change-to-white #logo-comexpert .st0,
      .change-to-white #logo-comexpert .st1,
      .change-to-white #logo-comexpert .st2,
      .change-to-white #logo-comexpert .st4 {
          fill: #fff!important;
          transition: all 500ms linear;
      }

      /******* Change Language **********/
      
      ul.language {
          list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;
          top: 0px;
          right: 0;
      }
      
      .language li {
          float: left;
      }
      
      .language li:first-child {
          margin-right: 2px;
      }
      
      .language li a {
          display: block;
          padding: 5px 7px;
          font-size: 1.3rem;
          margin: 1px;
      }
      
      .language li a:hover {
          color: #fff!important;
          text-decoration: none;
          border: solid 1px #0267FF!important;
          background-color: #0052CD!important;
          margin: 0!important;
      }
      
      .language li a.active {
          border: solid 1px #000;
          margin: 0;
          color: #000;
      }
      
      .change-to-white .language li a {
          color: #fff;
          transition: color .4s linear;
      }
      
      .change-to-white .language li a.active {
          border-color: #fff;
          transition: color .4s linear;
          color: #fff;
      }
      
      .change-to-white .language li a:hover {
          border-color: #fff;
          color: #0052CD!important;
          background-color: #fff!important;
      }


      /**********CAROUSEL**********/
      
      .carousel h1,
      .carousel h3 {
          color: #0052CD;
      }
      
      .carousel h3 {
          font-weight: 600;
          font-size: 2.5vw;
          width: 100%;
      }
      /* Zoom da imagem*/
      
      .item.active img {
          transition: transform 9000ms ease-in-out 1s;
          /* This should be based on your carousel setting. For bs, it should be 5second*/
          transform: scale(1.06, 1.06);
      }
      
      .carousel-fade .carousel-inner .item {
          opacity: 0;
          transition-property: opacity;
          overflow: hidden;
      }
      
      .carousel-fade .carousel-inner .active {
          opacity: 1;
      }
      
      .carousel-inner {
          position: relative;
          width: 100%;
          overflow: hidden;
      }
      
      .fade-carousel .carousel-inner .item .hero {
          opacity: 0;
          -webkit-transition: 2s all ease-in-out .1s;
          -moz-transition: 2s all ease-in-out .1s;
          -ms-transition: 2s all ease-in-out .1s;
          -o-transition: 2s all ease-in-out .1s;
          transition: 2s all ease-in-out .1s;
      }
      
      .fade-carousel .carousel-inner .item.active .hero {
          opacity: 1;
          -webkit-transition: 2s all ease-in-out .1s;
          -moz-transition: 2s all ease-in-out .1s;
          -ms-transition: 2s all ease-in-out .1s;
          -o-transition: 2s all ease-in-out .1s;
          transition: 2s all ease-in-out .1s;
      }

      /********************************/
      /*       Fade Bs-carousel       */
      /********************************/
      
      .fade-carousel {
          position: relative;
          width: 100%;
          height: 0%;
          overflow: hidden;
      }
      
      .fade-carousel .carousel-inner .item {
          /*width: 100vw;*/
      }
      
      .carousel-indicators li {
          border-radius: 0!important;
      }
      
      .fade-carousel .carousel-indicators > li {
          margin: 0 2px;
          background-color: #0052CD;
          border-color: #0052CD;
          opacity: .7;
      }
      
      .fade-carousel .carousel-indicators > li.active {
          width: 10px;
          height: 10px;
          opacity: 1;
      }
      /********************************/
      /*       Slides backgrounds     */
      /********************************/
      
      .fade-carousel .slides .slide-1,
      .fade-carousel .slides .slide-2,
      .fade-carousel .slides .slide-3 {
          height: 100vh;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
      }
      /********NEWS************/
      
      .news-recent h2 span {
          font-weight: 500!important;
      }
      
      .news-recent .highlight-info hgroup button {
          color: #000;
      }
      
      .news-recent .highlight-info hgroup button:hover {
          background-color: #CCC;
      }
      
      .bg-news-recent {
          bottom: 0%;
          right: 50%;
          position: absolute;
          height: 100%;
          vertical-align: middle;
          overflow: hidden;
          background-color: #000;
      }
      
      .bg-news-recent img {
          position: relative;
          display: inline-block;
          width: 100%;
          opacity: .6;
          bottom: 0%;
          vertical-align: baseline!important;
      }
      
      .news-recent .container div + div h3 {
          font-weight: 700;
          color: #666;
      }
      
      .news-recent .container div + div span {
          margin-top: 5px;
          margin-right: 15px;
          font-weight: 500;
          color: #666;
          opacity: .8;
      }
      
      .news-recent .container div + div p {
          font-size: 14px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          line-height: 16px;
          color: #666;
          opacity: .8;
          /* fallback */
          max-height: 32px;
          /* fallback */
          -webkit-line-clamp: 2;
          /* number of lines to show */
          -webkit-box-orient: vertical;
      }
      
      .news-recent .container div + div button {
          background-color: #000;
          border-radius: 0px;
          color: #FFF;
          float: right;
      }
      
      .news-recent .container div + div button:hover {
          background-color: #555;
      }
      /******** SERVICES section **********/
      
      .box-service {
          position: relative;
          border: solid 2px #FFF;
          height: 200px;
          vertical-align: bottom;
          overflow: hidden;
          margin: 10px;
          text-align: center;
          vertical-align: baseline!important;
      }
      
      .box-service span {
          font-size: 1.2em;
          margin: 0 auto;
          width: 100%;
          position: absolute;
          bottom: 15px;
          left: 0;
          padding: 0 5px;
      }
      
      .box-service svg {
          width: 100%;
          height: 30%;
          position: absolute;
          bottom: 85px;
          left: 0;
          fill: #fff;
      }
      
      .box-service:hover svg {
          fill: #A00013;
      }
      
      .services-title {
          margin-bottom: 25px;
      }
      /*********PERFORMANCE SECTIONS*****************/
      
      .performance-text > h2 {
          font-size: 80px;
          color: #000;
          font-weight: 700;
          padding: 0px;
          margin: 0px;
          position: absolute;
          right: 0;
          top: 0;
      }
      
      .performance-text > h3 {
          font-size: 300px;
          color: #000;
          font-weight: 700;
      }
      
      .performance-text > h4 {
          font-size: 70px;
          color: #000;
          font-weight: 600;
          padding: 0px;
          margin: 0px;
          position: absolute;
          right: 250px;
          bottom: -30px;
      }
      /********CLIENT AND DEPOIMENTS sections **********/
      
      .logo-clients:hover {
          opacity: 1;
          fill: #fff;
          background-color: #0052CD
      }
           
      .client-depoiment .bg-section {
          opacity: .3;
      }
      
      .client-depoiment .carousel-control {
          display: block!important;
          background: none!important;
      }
      
      #carousel-clients .carousel-inner .item .row div+div p {
          padding-top: 0px;
      }
      
      #carousel-clients .carousel-inner .client-logo svg g path,
      #carousel-clients .carousel-inner .client-logo svg g polyline,
      #carousel-clients .carousel-inner .client-logo svg g polygon,
      #carousel-clients .carousel-inner .client-logo svg g rect {
          fill: #fff!important;
      }
      
      #carousel-clients .carousel-indicators li svg g path,
      #carousel-clients .carousel-indicators li svg g polyline,
      #carousel-clients .carousel-indicators li svg g polygon,
      #carousel-clients .carousel-indicators li svg g rect {
          fill: #888!important;
          transition: all 500ms linear;
      }
      
      #carousel-clients .carousel-indicators li.active svg g path,
      #carousel-clients .carousel-indicators li.active svg g polyline,
      #carousel-clients .carousel-indicators li.active svg g polygon,
      #carousel-clients .carousel-indicators li.active svg g rect {
          fill: #fff!important;
          transition: all 500ms linear;
      }
      
      #carousel-clients .carousel-control {
          top: 92%;
      }
      
      #carousel-depoiments .carousel-indicators {
          position: relative!important;
          bottom: -450px;
          left: 20%;
          transition: all 500ms linear;
          display: none;
      }
      
      #carousel-depoiments .carousel-indicators .active {
          transition: all 500ms linear;
      }
      
      #carousel-depoiments .carousel-control {
          display: none!important;
      }
      
      #carousel-depoiments #carousel-clients.carousel .carousel-indicators {
          margin-left: -190px;
          bottom: 0px!important;
          position: absolute!important;
          margin-top: 60px;
          float: left;
          right: 0;
          left: 55%;
          transition: all 500ms linear;
      }
      
      #carousel-clients .carousel-indicators {
          position: absolute !important;
          width: 100%;
          left: 0%;
          right: 0%;
          margin: 0 auto;
          padding-right: 35px;
      }
      
      #carousel-clients .carousel-indicators li {
          padding: 20px;
          position: relative;
      }
      
      #carousel-clients .carousel-indicators li {
          padding: 0px 20px;
          border: none!important;
          background: none!important;
          margin-bottom: 15px;
      }
      
      #carousel-clients .carousel-indicators li.active svg {
          opacity: 1!important;
      }
      
      #carousel-clients .carousel-indicators li svg {
          height: 50px;
          width: 50px;
          padding: 0 8px;
          fill: #fff;
          opacity: .6;
          position: absolute;
          top: 0;
          left: 0;
          transition: all 500ms linear;
      }
      
      .clients-title {
          font-size: 5em;
          font-weight: 700;
          color: #CB0000;
      }
      
      .depoiments-title {
          font-size: 60px;
          font-weight: 600;
      }
      
      .author-depoiments {
          margin-top: 40px;
      }
      
      .client-depoiment .container-clients,
      .client-depoiment .container-depoiments {
          color: #fff;
          height: auto;
      }
      
      @media screen and (min-width: 981px) and (max-width: 1439px) {

          /**********CAROUSEL**********/
          .hero h1 {
              font-size: 6em!important;
              font-weight: bold;
              margin: 0;
              padding: 0;
          }
          .fade-carousel .slides .slide-1 img {
              opacity: .5!important;
              height: 160vh;
              bottom: 0!important;
          }
          .fade-carousel .slides .slide-2 video {
              opacity: .4!important;
              height: 140vh;
          }
          .fade-carousel .slides .slide-3 {
              background-color: #000;
          }
          .fade-carousel .slides .slide-3 img {
              opacity: .5!important;
              height: 170vh;
              bottom: 0!important;
          }
      }
      
      @media screen and (min-width: 1440px) {

          .hero h1 {
              font-size: 7vw !important;
              letter-spacing: 0px;
              line-height: 90%;
              font-weight: 700 !important;
              margin-bottom: 10px;
          }
          /**********CAROUSEL**********/
          .fade-carousel .slides .slide-1 img {
              opacity: .5!important;
              width: 100vw;
              bottom: 0!important;
          }
          .fade-carousel .slides .slide-2 video {
              opacity: .3!important;
              width: 120vw;
              background-position: right!important;
          }
          .fade-carousel .slides .slide-3 {
              background-color: #000;
          }
          .fade-carousel .slides .slide-3 img {
              opacity: .5!important;
              width: 100vw;
              bottom: 0!important;
          }
      }
      
      @media screen and (min-width: 981px) {
          .container-clients .cases {
              position: relative!important;
              width: 105%;
              overflow: hidden;
          }
          .navbar-brand svg#logo-comexpert {
              position: relative;
              /* left: -30px!important; */
          }
          .navbar-header .navbar-brand {
              margin-top: -20px;
          }
          /********** ABOUT US ***************/
          .about-us .container .highlight-info .row div + div {
              margin-top: 20px;
          }
          .carousel-indicators {
              bottom: 15px;
          }
          /**********CLIENTS - DEPOIMENTS ************/
          #carousel-clients .carousel-indicators {
              padding-right: 0px;
          }
          #carousel-clients .carousel-inner .client-logo {
              padding: 0px;
              text-align: center;
              width: 40%;
              left: 0;
              right: 0;
              margin: 0 auto;
              position: relative;
          }
          #carousel-clients .carousel-inner .client-logo svg {
              margin-top: 10px;
              width: 80%;
              fill: #fff;
          }
          #carousel-clients .carousel-inner .row div + div p {
              margin-top: 0px;
          }
          #carousel-clients .carousel-inner .item {
              height: 500px!important;
          }
          .logo-clients {
              width: 110px;
              height: 80px;
              fill: #000;
              float: left;
              position: relative;
              padding: 10px;
              margin: 1px!important;
              opacity: .5;
              transition: all .6s ease;
              background-color: rgba(255, 255, 255, 1);
          }
          /*********TALK-TEXT**************/
          .talk-bubble .talktext {
              font-size: 12px!important;
              line-height: 26px!important;
          }
          #carousel-depoiments .carousel-inner > .item.active {
              height: 100%!important;
          }
          /***********MENU DE NAVEGACAO**********/
          #navbar {
              position: absolute;
              top: 0px;
              margin-left: 0px;
          }
          .navbar-nav > li.active > a,
          .navbar-nav > li > a:hover,
          .navbar-nav > li > a:focus {
              color: #0052CD;
          }
          .navbar-nav > li {
              padding: 0px 0.4em;
          }
          .navbar-nav > li > a {
              /*padding: 10px;*/
              font-size: 12px!important;
              font-weight: 600!important;
          }
          .navbar-nav > li.client-login {
              border: solid 1px #000;
              padding: 20px 10px 10px 10px;
              padding: 0px;
              transition: background 200ms linear;
              margin-left: 15px;
          }
          .navbar-nav > li.client-login a {
              margin-bottom: 0!important;
          }
          /******** SERVICE**********/
          .services .bg-section img {
              width: 150%!important;
          }
          /*********  BG SECTION **********/
          .bg-section {
              bottom: 0px;
              position: absolute;
              width: 100%;
              vertical-align: middle;
          }
          .bg-section img {
              display: inline-block;
              /*width: auto!important;*/
              height: auto;
              opacity: .7;
          }
          .about-us .bg-section img {
              display: inline-block;
              opacity: .7;
              width: auto;
              height: 10%;
          }
          .client-depoiment .bg-section img {
              width: 120%;
          }
          /********* RECENT NEWS ***********/
          .news-recent .thumb {
              margin-top: 20px;
              margin-right: 10px;
              margin-left: 15px;
              width: 150px;
              height: 200px;
              position: relative;
              overflow: hidden;
          }
          .news-recent .thumb img {
              position: absolute;
              right: 0px;
              width: 250px;
          }
          .performance .bg-section img {
              width: 100vw;
          }
          /******** MAP LOCATION *******/
          .location .container .location-address {
              /*position: absolute;*/
              top: 260px;
              margin-top: 20px;
              position: absolute;
          }
          .location .location-title div hgroup h2 {
              color: #4A4A4A;
              font-weight: 700;
              font-size: 80px;
          }
          .location .location-title div hgroup h3 {
              color: #4A4A4A;
              margin-top: -10px;
          }
          .location .location-title div:first-child {
            position: absolute;
          }
          .location .bg-section {
              position: relative!important;
              opacity: .7;
              height: 100vh;
          }
          .location .container {
              position: absolute!important;
              top: 0;
              left: 0;
              right: 0;
              color: #000;
          }
          #google-container div .fadeBlue {
              background-color: #0052CD;
              transition: all 1s linear;
          }
          .box-location address {
              font-size: 14px;
              margin: 10px auto;
              width: 100%;
              line-height: 18px;
              color: #4A4A4A;
          }
          .box-location address p {
              font-size: 14px;
              padding: 0 10px;
              margin-bottom: -5px;
          }
          .box-location address svg {
              width: 100%;
              height: 60px;
              position: relative;
              top: 5%;
              left: 0;
          }
          .box-location span {
              width: 100%;
              font-size: 18px;
              font-weight: 700;
              line-height: 25px;
          }
          .box-location svg path,
          .box-location svg {
              fill: #4A4A4A;
          }
          .box-location:hover,
          .box-location.active {
              cursor: pointer;
              border: solid 2px #CB0000;
              color: #CB0000;
          }
          .box-location:hover address,
          .box-location.active address,
          .box-location:hover span,
          .box-location.active span {
              color: #CB0000;
          }
          .box-location:hover address a,
          .box-location.active address a {
              background-color: #CB0000;
          }
          .box-location address a:hover {
              font-weight: bolder;
              text-decoration: underline;
          }
          .box-location:hover svg path,
          .box-location.active svg path,
          .box-location:hover svg,
          .box-location.active svg {
              fill: #CB0000;
          }
          /******* Change Language **********/
          .language {
              position: relative;
              top: 23px;
              margin-right: 30px;
          }
          /************FOOTER**********/
          footer {
              position: absolute;
              width: 100%;
              height: 600px;
              padding-top: 25px;
              overflow: hidden;
              background-color: #000;
          }
          footer .container {
              position: relative;
              height: 100%;
              opacity: .7;
          }
          footer .container .business-hour-box {
              border: solid 1px #fff;
              text-align: center;
              vertical-align: baseline !important;
              position: absolute;
              padding: 15px;
              left: 0;
              right: 0;
              margin: 0 20%;
          }
          footer .container .business-hour-box p {
              color: #fff;
          }
          footer .bg-section img {
              opacity: .5;
              top: 0;
              width: 100vw;
          }
          footer .container .footer-bottom div p,
          footer .container .footer-bottom div p a {
              font-weight: 200;
              color: #fff;
              font-size: 14px;
          }
          footer .container .row div p {
              width: 100%;
              text-align: center;
              color: #fff;
              padding: 0 20px;
          }
          footer .footer-bottom {
              position: absolute;
              bottom: 0px;
              width: 100%;
          }
          footer .footer-bottom p {
              color: #fff
          }
          footer .footer-menu {
              width: auto;
              margin: 30px auto 0px;
          }
          footer .footer-menu li a {
              width: 100%;
              display: inline-block;
              padding: 0;
          }
          footer p a {
              margin: 0 5px;
          }
          footer .container .footer-bottom div p a:hover {
              color: #CB0000;
              text-decoration: none;
          }
          footer .footer-brand svg#logo-comexpert g path,
          footer .footer-brand svg#logo-comexpert g polygon {
              fill: #fff!important;
          }
          footer .container .footer-menu,
          footer .container .footer-menu ul,
          footer .container .footer-menu li a {
              list-style: none;
              font-size: 20px;
              font-weight: 600;
              color: #fff;
          }
          footer .container .footer-menu ul {
              padding-left: 15px;
              opacity: .6;
          }

         
          footer .container .footer-menu li a {
          padding: 5px 0 2px;
          border-bottom: 2px solid rgba(255,255,255,0);
          }

          footer .container .footer-menu li a:hover,
          footer .container .footer-menu li a:focus {
          width: auto;
          text-decoration: none;
           border-bottom: 2px solid #0267FF;
          }

          footer .container ul li.client-login-footer {
              margin-top: 30px;
          }

          footer .container ul li.client-login-footer a {
              text-align: center;
              width: 200px!important;
              margin-top: 30px;
              font-weight: 400;
              border: solid 1px #fff;
              padding: 10px;
          }
          footer .container ul li.client-login-footer:hover a {
              background-color: #0052CD!important;
              border-color: #0267FF;
              transition: background 300ms linear;
              padding: 10px;
              cursor: pointer;
              color: #FFF;
          }
          footer .container .footer-menu li.dropdown > a:before {
              font-family: FontAwesome;
              content: "\f196";
              padding-right: 10px;
              margin-left: -27px;
              font-weight: 100!important;
          }
          footer .container .footer-menu li.dropdown > a.active:before {
              font-family: FontAwesome;
              content: "\f147";
              padding-right: 10px;
              margin-left: -27px;
          }
          footer .call-us {
              color: #fff;
          }
          footer .call-us h3 {
              font-weight: 600!important;
          }
          footer .call-us ul li {
              list-style-type: none;
              font-size: 18px;
              padding: 5px 0px;
              margin-left: -25px;
          }
          footer .call-us ul li strong {
              padding-right: 5px;
          }
          footer .call-us ul li a {
              text-decoration: none;
              padding: 5px;
              color: #fff;
              border-bottom: 2px solid rgba(255, 255, 255, 0);
              transition: border 300ms linear;
          }
          footer .call-us ul li a:hover {
              padding: 5px;
              border-bottom: 2px solid #0267FF;
              transition: border 300ms linear;

          }
          .news-recent .highlight-info hgroup {
              width: 70%;
          }
          /***** Change color for dark bg *******/
          .change-to-white li a {
              color: #fff!important;
              transition: color .4s linear;
          }
          .change-to-white li.client-login {
              border-color: #fff!important;
              transition: all .4s linear;
          }
          .change-to-white li.client-login:hover {
              background-color: #fff!important;
              color: #0052CD!important;
              transition: all .4s linear;
          }
          .box-location {
              position: relative;
              border: solid 2px #4A4A4A;
              height: 255px;
              vertical-align: bottom;
              overflow: hidden;
              margin: 10px;
              text-align: center;
              vertical-align: baseline!important;
              color: #4A4A4A;
              background-color: rgba(255, 255, 255, 0.6);
          }
      }

      /*************** CSS talk bubble *************/
      .talk-bubble {
          margin: 60px 40px 20px 30px;
          display: inline-block;
          position: relative;
          width: 90%;
          height: auto;
          background-color: #fff;
      }
      
      .round {
          border-radius: 30px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
      }
      /*****************TRIANGULO BALAO*******************/
      
      .tri-right.btm-right-in:after {
          content: ' ';
          position: absolute;
          width: 0;
          height: 0;
          left: auto;
          right: 108px;
          top: auto;
          bottom: -40px;
          border: 22px solid;
          border-color: #fff #fff transparent transparent;
      }
      /* talk bubble contents */
      
      .talktext {
          padding: 1em;
          text-align: left;
          line-height: 1.5em;
      }
      
      .talktext p {
          padding: 10px;
          color: #000;
          /* remove webkit p margins */
          -webkit-margin-before: 0em;
          -webkit-margin-after: 0em;
      }

    /********************/
    /*     LOADING      */
    /********************/

      .loading {
          display: none;
          position: absolute;
          width: 70px;
          top: 15%;
          left: 0;
          right: 0;
          margin: 0 auto;
          padding: 10px;
          background: rgba(20, 20, 20, 0.9);
          z-index: 9999;
          transition: all 1s linear;
      }
      
      .loading span {
          float: left;
          width: 8px;
          height: 8px;
          margin: 0 4px;
          background: #fff;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          opacity: 0;
          -webkit-box-shadow: 0 0 2px black;
          -moz-box-shadow: 0 0 2px black;
          -ms-box-shadow: 0 0 2px black;
          -o-box-shadow: 0 0 2px black;
          box-shadow: 0 0 2px black;
          webkit-animation: loadingFade 1s infinite;
          -moz-animation: loadingFade 1s infinite;
          animation: loadingFade 1s infinite;
      }
      
      .loading span:nth-child(1) {
          -webkit-animation-delay: 0s;
          -moz-animation-delay: 0s;
          animation-delay: 0S;
      }
      
      .loading span:nth-child(2) {
          -webkit-animation-delay: 0.1s;
          -moz-animation-delay: 0.1s;
          animation-delay: 0.1s;
      }
      
      .loading span:nth-child(3) {
          -webkit-animation-delay: 0.2s;
          -moz-animation-delay: 0.2s;
          animation-delay: 0.2s;
      }
      
      @-webkit-keyframes loadingFade {
          0% {
              opacity: : 0;
          }
          50% {
              opacity: 0.8;
          }
          100% {
              opacity: 0;
          }
      }
      
      @-moz-keyframes loadingFade {
          0% {
              opacity: 0;
          }
          50% {
              opacity: 0.8
          }
          100% {
              opacity: 0;
          }
      }
      
      @keyframes loadingFade {
          0% {
              opacity: 0;
          }
          50% {
              opacity: 0.8;
          }
          100% {
              opacity: 0;
          }
      }
      /*----------SERVICE MODAL----------*/
      
      [data-service-modal] div {
          color: #fff;
          transition: all .4s ease-out;
      }
      
      [data-service-modal]:hover div {
          color: #840414;
          background-color: #fff;
      }
      
      [data-service-modal]:hover div svg path,
      [data-service-modal]:hover div svg g path {
          fill: #840414;
      }
      
      #myServiceCarousel,
      #GeneralContentsModal,
      #myGeneralContent {
          background-color: #fff;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          height: 100vh!important;
          /*  display: none;
          */
      }
      
      #myServiceCarousel,
      #myGeneralContent {
          padding-left: 0px!important;
      }
      
      #servicesModalCarousel .modal-content,
      #myGeneralContent .modal-content {
          border: 0px solid #999!important;
          border: 0px solid rgba(0, 0, 0, .2)!important;
          border-radius: 0px!important;
      }
      
      #myServiceCarousel .carousel-control.right,
      #myServiceCarousel .carousel-control.left {
          background-image: none;
      }
      
      #myServiceCarousel .carousel-control a {
          position: relative;
      }
      
      #myServiceCarousel a.carousel-control.right:hover span,
      #myServiceCarousel a.carousel-control.left:hover span {
          color: #CB0000;
      }
      
      .btn_services {
          position: absolute;
          left: 50%;
          top: 30%;
      }
      
      .btn_services_close {
          position: absolute;
          margin: 0 auto;
          left: 0%;
          right: 0%;
          top: 2%;
          z-index: 9999;
      }
      
      #myServiceCarousel .slides .content {
          background-color: #fff;
      }
      
      #myServiceCarousel .carousel-indicators li svg {
          float: right;
          width: 100vh;
          top: 0;
          bottom: 0%;
          display: block;
      }
      
      #servicesModalCarousel .carousel-indicators li svg g g path,
      #servicesModalCarousel .carousel-indicators li svg g path,
      #servicesModalCarousel .carousel-indicators li svg path #servicesModalCarousel .carousel-indicators li svg {
          fill: #000;
      }
      
      #servicesModalCarousel .carousel-indicators li.active svg g g path,
      #servicesModalCarousel .carousel-indicators li.active svg g path,
      #servicesModalCarousel .carousel-indicators li.active svg path,
      #servicesModalCarousel .carousel-indicators li.active svg {
          fill: #0052CD!important;
      }
      
      #servicesModalCarousel {
          padding-right: 0px!important;
      }
      
      #servicesModalCarousel .modal-lg,
      #GeneralContentModal .modal-lg {
          width: 100%;
          height: 100vh;
          margin: 0px;
      }
      
      #myServiceCarousel.fade-carousel .carousel-inner .slides .slide-1,
      #myServiceCarousel.fade-carousel .carousel-inner .slides .slide-2,
      #myServiceCarousel.fade-carousel .carousel-inner .slides .slide-3 {
          background-color: #fff!important;
          height: auto!important;
      }
      
      #myServiceCarousel.fade-carousel .slides .slide-1,
      #myServiceCarousel.fade-carousel .slides .slide-2,
      #myServiceCarousel.fade-carousel .slides .slide-3 {
          /*height: 100vmax !important;*/
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
      }
      
      @media (min-width:769px) and (max-width: 980px) {
          .logo-clients {
              width: 90px;
              height: 60px;
              fill: #000;
              float: left;
              position: relative;
              padding: 10px;
              margin: 3px!important;
              opacity: .5;
              transition: all .6s ease;
              background-color: #fff;
          }
          .container-clients .cases {
              position: relative!important;
              width: 105%;
              overflow: hidden;
          }
          svg#logo-comexpert {
              position: relative;
             /* left: -30px!important;*/
          }
          footer .footer-brand svg#logo-comexpert g path,
          footer .footer-brand svg#logo-comexpert g polygon {
              fill: #fff!important;
          }
      }
      
      @media (max-width: 768px) {
          .logo-clients {
              width: 90px;
              height: 60px;
              fill: #000;
              float: left;
              position: relative;
              padding: 10px;
              margin: 2px!important;
              opacity: .5;
              transition: all .6s ease;
              background-color: #fff;
          }
          .container-clients .cases {
              position: relative!important;
              width: 100%;
              overflow: hidden;
          }
          footer .footer-brand svg#logo-comexpert g path,
          footer .footer-brand svg#logo-comexpert g polygon {
              fill: #fff!important;
          }
          svg#logo-comexpert {
              position: relative;
              /*left: 0px!important; */
          }
          #servicesModalCarousel {
              padding-right: 0px!important;
              margin-left: 0px!important;
          }
          .hero h1 {
              font-size: 3em!important;
              font-weight: bold;
              margin: 0;
              padding: 0;
          }
      }
      
      #servicesModalCarousel svg#logo-comexpert {
          height: 3.6em;
          margin-top: -15px;
      }
      
      h4.modal-title svg#logo-comexpert g path,
      h4.modal-title svg#logo-comexpert g polygon {
          fill: #666!important;
      }

      .modal-header {
        height: auto!important;
      }

      /*********************************/
      /*     SOCIAL ICONS - FOOTER     */
      /*********************************/
      
      p.social a {
          color: #fff!important;
          float: left;
          margin: 0px 10px;
      }
      
      p.social a:hover {
          color: rgb(238, 0, 0)!important;
      }

      /****************************/
      /*        MODAL FORM        */
      /****************************/

      #success_message {
          display: none;
      }
      
      .well {
          padding: 0px!important;
          margin-bottom: 20px;
          background-color: #fff!important;
          border: 0px solid #e3e3e3!important;
          border-radius: 4px;
          -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: none!important;
      }
      
      #formContactModal .container {
          padding-right: 10px!important;
          padding-left: 10px!important;
          margin-right: auto!important;
          margin-left: auto!important;
          width: auto!important;
      }
      
      #formContactModal .modal-content {
          border-radius: 0px!important;
      }

      a.btn-default {
        border-radius: 0px!important;
      } 
      
      #formContactModal button.btn-success  {
          border-radius: 0px!important;
          background-color: #0052CD!important;
          border-color: #0267FF!important;
      }
      
      #formContactModal button:hover.btn-success{
          border-radius: 0px!important;
          background-color: #0267FF!important;
          border-color: #0052CD!important;
      }
      
      #formContactModal h4 {
          font-weight: 500;
          color: #777;
          font-size: 24px;
      }
      
      #formContactModal .form-control-feedback {
          position: absolute;
          right: 0;
          z-index: 2;
          display: block;
          width: 34px;
          height: 34px!important;
          line-height: 34px !important;
          text-align: center;
          bottom: 50%;
          vertical-align: middle !important;
          margin-right: 10px;
      }
      
      .inputGroupContainer .input-group-addon,
      .selectContainer div.input-group span.input-group-addon,
      .inputGroupContainer div.input-group .form-control {
          border-radius: 0px!important;
      }
      
      .selectContainer .has-feedback .form-control {
          padding-right: 32.5px!important;
      }
      
      .form-contact-us label.control-label {
          color: #666!important;
      }

      /***********************/
      /*    SUCCESS MESSAGE  */
      /***********************/

      #formContactModal .has-success .form-control {
          color: #0052CD!important;
      }
      
      .has-success .input-group-addon {
          color: #0052CD!important;
      }
      
      .has-success .input-group-addon {
          color: #0052CD!important;
          background-color: #C3E4FF!important;
          border-color: #0052CD!important;
      }
      
      #formContactModal .has-success .form-control {
          color: #0052CD!important;
          border-color: #0052CD!important;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 82, 205, .075);
          box-shadow: inset 0 1px 1px rgba(0, 82, 205, .075);
      }
      
      .has-success .checkbox,
      .has-success .checkbox-inline,
      .has-successr .control-label,
      .has-successr .help-block,
      .has-success .radio,
      .has-success .radio-inline,
      .has-success.checkbox label,
      .has-success.checkbox-inline label,
      .has-success.radio label,
      .has-success.radio-inline label {
          color: #0052CD!important;
      }
      
      .has-success .form-control-feedback {
          color: #0052CD;
      }

      /************************/
      /*     ERROR MESSAGE    */
      /************************/

      #formContactModal .has-error .form-control {
          color: #D35400!important;
          border-color: #F89406;
      }

      .has-error .input-group-addon {
          color: #D35400;
          background-color: rgba(244, 179, 80, 0.8);
          border-color: #F89406;
      }
      
      .has-error .checkbox,
      .has-error .checkbox-inline,
      .has-error .control-label,
      .has-error .help-block,
      .has-error .radio,
      .has-error .radio-inline,
      .has-error.checkbox label,
      .has-error.checkbox-inline label,
      .has-error.radio label,
      .has-error.radio-inline label {
          color: #D35400;
      }