/* Base */
@font-face {
    font-family: 'Futura';
    src: url('futura/Futura-Bold.eot');
    src: url('futura/Futura-Bold.eot?#iefix') format('embedded-opentype'),
        url('futura/Futura-Bold.woff2') format('woff2'),
        url('futura/Futura-Bold.woff') format('woff'),
        url('futura/Futura-Bold.ttf') format('truetype'),
        url('futura/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('futura/FuturaBT-Book.eot');
    src: url('futura/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
        url('futura/FuturaBT-Book.woff2') format('woff2'),
        url('futura/FuturaBT-Book.woff') format('woff'),
        url('futura/FuturaBT-Book.ttf') format('truetype'),
        url('futura/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PlakLT';
    src: url('../fonts/plaklt/PlakLT-Black.eot');
    src: url('../fonts/plaklt/PlakLT-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/plaklt/PlakLT-Black.woff2') format('woff2'),
        url('../fonts/plaklt/PlakLT-Black.woff') format('woff'),
        url('../fonts/plaklt/PlakLT-Black.ttf') format('truetype'),
        url('../fonts/plaklt/PlakLT-Black.svg#PlakLT-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}


body {
  line-height: 1.7;
  color: gray;
  font-weight: 300;
  font-size: 1rem; font-family:"Futura"}

::-moz-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family:"Futura" }

.border-2 {
  border-width: 2px; }

.text-black {
  color: #000 !important; }

.bg-black {
  background: #000 !important; }

.color-black-opacity-5 {
  color: rgba(0, 0, 0, 0.5); }

.color-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5); }

.site-wrap{ overflow:hidden}
.site-wrap:before {
  display: none;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; }

.offcanvas-menu .site-wrap {
  height: 100%;
  width: 100%;
  z-index: 2; }
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }

.btn {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn.btn-black {
    border-width: 2px;
    border-color: #000;
    background: #000;
    color: #fff; }
    .btn.btn-black:hover {
      color: #000;
      background-color: transparent; }
    .btn.btn-black.btn-outline-black {
      color: #000;
      background-color: transparent; }
      .btn.btn-black.btn-outline-black:hover {
        border-color: #000;
        background: #000;
        color: #fff; }
  .btn.btn-white {
    border-width: 2px;
    border-color: #fff;
    background: #fff;
    color: #000; }
    .btn.btn-white:hover {
      color: #fff;
      background-color: transparent; }
    .btn.btn-white.btn-outline-white {
      color: #fff;
      background-color: transparent; }
      .btn.btn-white.btn-outline-white:hover {
        border-color: #fff;
        background: #fff;
        color: #000; }

.line-height-1 {
  line-height: 1 !important; }

.bg-black {
  background: #000; }

.form-control {
  height: 43px;
  font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  .form-control:active, .form-control:focus {
    border-color: #000; }
  .form-control:hover, .form-control:active, .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.site-section {
  padding: 2.5em 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 5em 0; } }
  .site-section.site-section-sm {
    padding: 4em 0; }

.site-section-heading {
  padding-bottom: 20px;
  margin-bottom: 0px;
  position: relative;
  font-size: 2.5rem; }
  @media (min-width: 768px) {
    .site-section-heading {
      font-size: 3rem; } }

.border-top {
  border-top: 1px solid #edf0f5 !important; }

.site-footer {
  padding: 4em 0;
  background: #333333; }
  @media (min-width: 768px) {
    .site-footer {
      padding: 8em 0; } }
  .site-footer .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  .site-footer p {
    color: #737373; }
  .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
    color: #000; }
  .site-footer a {
    color: #999999; }
    .site-footer a:hover {
      color: black; }
  .site-footer ul li {
    margin-bottom: 10px; }
  .site-footer .footer-heading {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 900; }

.bg-text-line {
  display: inline;
  background: #000;
  -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
  box-shadow: 20px 0 0 #000, -20px 0 0 #000; }

.text-white-opacity-05 {
  color: rgba(255, 255, 255, 0.5); }

.text-black-opacity-05 {
  color: rgba(0, 0, 0, 0.5); }

.hover-bg-enlarge {
  overflow: hidden;
  position: relative; }
  @media (max-width: 991.98px) {
    .hover-bg-enlarge {
      height: auto !important; } }
  .hover-bg-enlarge > div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
    transition: .8s all ease-in-out; }
  .hover-bg-enlarge:hover > div, .hover-bg-enlarge:focus > div, .hover-bg-enlarge:active > div {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  @media (max-width: 991.98px) {
    .hover-bg-enlarge .bg-image-md-height {
      height: 300px !important; } }

.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .bg-image.overlay {
    position: relative; }
    .bg-image.overlay:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7); }
  .bg-image > .container {
    position: relative;
    z-index: 1; }

@media (max-width: 991.98px) {
  .img-md-fluid {
    max-width: 100%; } }

@media (max-width: 991.98px) {
  .display-1, .display-3 {
    font-size: 3rem; } }

.play-single-big {
  width: 90px;
  height: 90px;
  display: inline-block;
  border: 2px solid #fff;
  color: #fff !important;
  border-radius: 50%;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .play-single-big > span {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%); }
  .play-single-big:hover {
    width: 120px;
    height: 120px; }

.overlap-to-top {
  margin-top: -150px; }

.ul-check {
  margin-bottom: 50px; }
  .ul-check li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 1.5; }
    .ul-check li:before {
      left: 0;
      font-size: 20px;
      top: -.3rem;
      font-family: "icomoon";
      content: "\e5ca";
      position: absolute; }
  .ul-check.white li:before {
    color: #fff; }
  .ul-check.success li:before {
    color: #8bc34a; }
  .ul-check.primary li:before {
    color: #eda500; }

.select-wrap, .wrap-icon {
  position: relative; }
  .select-wrap .icon, .wrap-icon .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px; }
  .select-wrap select, .wrap-icon select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; }

/* Navbar */
.site-logo {
  position: relative;
  font-weight: 900;
  font-size: 1.3rem; }
  .site-logo a {
    color: #fff; }

.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: absolute;
  width: 100%; }
  .site-navbar .container-fluid {
    padding-left: 7rem;
    padding-right: 7rem; }
  .site-navbar .site-navigation.border-bottom {
    border-bottom: 1px solid #f3f3f4 !important; }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0; padding-left:0px}
    .site-navbar .site-navigation .site-menu .active {
      color: #eda500;
      display: inline-block;
      padding: 5px 20px; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; text-transform: uppercase;}
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block; }
      .site-navbar .site-navigation .site-menu > li > a {
        padding: 5px 20px;
        color: #fff;
        display: inline-block;
        text-decoration: none !important; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #fff; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid #eda500;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        border-left: 1px solid #edf0f5;
        border-right: 1px solid #edf0f5;
        border-bottom: 1px solid #edf0f5;
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #343a40; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
          color: #eda500 !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 200px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #f4f5f9;
              color: #25262a; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #f4f5f9;
            color: #25262a; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #eda500; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }
    .site-navbar .site-navigation .site-menu.site-menu-dark > li > a {
      color: #000; }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #25262a; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: #eda500; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li .active {
        color: #eda500; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%; }
  .sticky-wrapper + .site-blocks-cover {
    margin-top: 96px; }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    .sticky-wrapper .site-navbar .site-menu > li {
      display: inline-block; }
	  .sticky-wrapper .site-navbar .site-menu > li > a{ position:relative}
	  
      .sticky-wrapper .site-navbar .site-menu > li > a.active {
        color: #fff;
        position: relative; }		
        .sticky-wrapper .site-navbar .site-menu > li > a.ultractive:after {
          height: 2px;
          background: #fff;
          content: "";
          position: absolute;
          bottom: 0;
          left: 20px;
          right: 20px; }
		
		.sticky-wrapper .site-navbar .site-menu li a:hover:after{
		  height: 2px;
          background: rgba(255,255,255,0.2);
          content: "";
          position: absolute;
          bottom: 0;
          left: 20px;
          right: 20px;}	
	
  .sticky-wrapper.is-sticky .site-navbar {
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    background: #fff; }
    .sticky-wrapper.is-sticky .site-navbar .site-logo a {
      color: #000; }
    .sticky-wrapper.is-sticky .site-navbar .site-menu > li {
      display: inline-block; }
      .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
        padding: 5px 20px;
        color: #000;
        display: inline-block;
        text-decoration: none !important; }
        .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover,.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.ultractive {
          color: #eda500; }
        .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active:after {
          background: #eda500; }
  .sticky-wrapper .shrink {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

/* Blocks */
.intro-section {
  position: relative; }
  .intro-section, .intro-section .container .row {
    height: 100vh;
    min-height: 900px; }
  .intro-section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 70%;
    background: #eda500;
    border-bottom-right-radius: 0px; }
    @media (max-width: 991.98px) {
      .intro-section:before { width:80%
       } }
  .intro-section h1 {
    font-size: 3rem;
    font-weight: 900;
    color: #fff; }
  .intro-section p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.1rem;
    max-width: 400px; }

.img-absolute {
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); border-radius: 0.25rem; overflow: hidden; }

  .img-absolute video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }

  .img-absolute img {
    max-width: 600px;
    -webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4); }
    @media (max-width: 991.98px) {
      .img-absolute img {
        max-width: 100%; } }

.site-section {
  padding: 10em 0; }
  @media (max-width: 991.98px) {
    .site-section {
      padding: 4em 0; } }

.cta a span {
  border-color: #eda500;
  padding: 10px 20px; }

.cta a:hover span {
  background: #eda500;
  color: #fff; }

.cta a.active {
  border-bottom: none; }
  .cta a.active > span {
    background-color: #eda500;
    color: #fff; }

.section-sub-title {
  color: #eda500;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 900;
  display: block;
  margin-bottom: 1.5rem; }

.section-title {
  font-size: 3rem;
  color: #000;
  margin-bottom: 1.8rem;
  font-weight: 900;
  max-width: 450px; font-family: "PlakLT"; letter-spacing: 1px;}
  .section-title b{    color: #000;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000;
    font-weight: normal; text-transform: uppercase;}
  @media (max-width: 991.98px) {
    .section-title {
      font-size: 1.5rem; } }

.counter .icon-wrap {
  margin-right: 1.5rem; }
  .counter .icon-wrap > span {
    position: relative;
    top: -.2em;
    font-size: 2rem; }

.counter .counter-text strong {
  line-height: .5;
  font-size: 3.5rem;
  display: block;
  font-weight: 700;
  color: #000;
  margin-bottom: 1rem; }

.counter .counter-text span {
  font-size: 1rem;
  line-height: 1; }

.image-absolute-box {
  position: relative; }
  .image-absolute-box .box {
    position: absolute;
    background: #222;
    padding: 30px;
    max-width: 300px;
    top: -20%;
    right: -20%; }
	 @media (max-width: 1379px) {
		 .image-absolute-box .box { right:-10%}
	 }
	  @media (max-width: 1249px) {
		 .image-absolute-box .box { right:-5%}
	 }
	
    @media (max-width: 991.98px) {
      .image-absolute-box .box {
        top: auto;
        right: auto;
        position: relative;
        width: 100%;
        max-width: 100%; } }
    .image-absolute-box .box .icon-wrap {
      color: #fff;
      margin-bottom: 1.5rem; }
      .image-absolute-box .box .icon-wrap span {
        font-size: 2rem; }
    .image-absolute-box .box h3 {
      font-size: 1.1rem;
      color: #fff;
      margin-bottom: 1.5rem; }
    .image-absolute-box .box p {
      color: rgba(255, 255, 255, 0.55); }

.section-1,.section-2b {
  margin-top: 10rem; }
.section-2b{ padding-top:0px; margin-top:0em; padding-bottom:0.3rem}

.work-thumb {
  position: relative;
  display: block;
  cursor: pointer; }
  /*.work-thumb:after {
    position: absolute;
    top: 70%;
    left: 10px;
    right: 10px;
    bottom: 10px;
    content: "";
    background: rgba(255, 255, 255, 1);
    z-index: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }*/
  .work-thumb .work-text {
    position: absolute;
    top:  70%;
    left: 10%;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    /*-webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    margin-top: 20px; right:10%; width:80%*/}
    .work-thumb .work-text h3 {
      font-size: 1.2rem;
      font-weight: 900;
      color:#000;
      margin: 0;
      padding: 0; width:90%; min-height:48px}
    .work-thumb .work-text .category {
      font-size: 0.7rem;
      color: #eda500; text-transform:uppercase }
	  .work-thumb .work-text p{ color:#aaa; font-weight:normal; font-size:0.9rem; line-height:20px; margin-top:30px;width:90%; min-height:57px; display:none}
	  .work-thumb:hover .work-text p{ display:block}
	   
	 
  #work-section .owl-carousel.owl-drag .owl-item{ border-radius: 0.25rem; overflow: hi; }

  .work-thumb:hover {
    z-index: 3;
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07); padding:0px; }
	
   /* .work-thumb:hover:after {
      opacity: 1;
      visibility: visible; top:0px; background: rgba(255, 185, 12, 0.8); left:0px; right:0px; bottom:0px}*/
	  
	  	.work-thumb:hover .work-text h3,.work-thumb:hover .work-text p { color:#fff}
		.work-thumb:hover .work-text .category {color: rgba(255, 255, 255, 0.7)}
		
		@media (max-width: 1410px) {
			.work-thumb .work-text{ margin-top:10px}
		   .work-thumb .work-text h3{ font-size:1em}
		   	.work-thumb:hover .work-text h3{ font-size:1.6rem!important}
		   .work-thumb .work-text p{ margin-top:20px; line-height:19px; font-size:1rem;min-height:76px}
		   /*.work-thumb .work-text { top:auto; bottom:10px; margin-top:0px; background:rgba(255, 255, 255, 1); left:10px; right:10px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px}
		   .work-thumb:after{ background:none}
		   .work-thumb:hover .work-text { background:rgba(255, 255, 255, 0)}*/
	   }
		
    .work-thumb:hover .work-text {
      -webkit-transition-delay: .3s;
      -o-transition-delay: .3s;
      transition-delay: .3s;
	  webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
      /*opacity: 1;
      visibility: visible;*/
      /*margin-top: 0px; top:45%*/}

.nonloop-block-13 .owl-nav {
  display: none; }

.nonloop-block-13 .owl-dots {
  margin-top: 10px;
  width: 100%;
  text-align: center; margin-bottom:10px }
  .nonloop-block-13 .owl-dots .owl-dot {
    display: inline-block;
    margin: 5px; }
    .nonloop-block-13 .owl-dots .owl-dot span {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #e6e6e6; }
    .nonloop-block-13 .owl-dots .owl-dot.active span {
      background-color: #eda500; }

.nonloop-block-14 .owl-nav {
  display: none; }

.nonloop-block-14 .owl-dots {
  margin-top: 30px;
  width: 100%;
  text-align: center; }
  .nonloop-block-14 .owl-dots .owl-dot {
    display: inline-block;
    margin: 5px; }
    .nonloop-block-14 .owl-dots .owl-dot span {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #e6e6e6; }
    .nonloop-block-14 .owl-dots .owl-dot.active span {
      background-color: #eda500; }

.footer-section {
  padding: 7em 0;
  background-color: #fafafa; }
  .footer-section p {
    font-size: 1rem; }
  .footer-section h3 {
    font-size: .9rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 1.5rem;
    font-weight: 900; }
  .footer-section .footer-links li {
    margin-bottom: 10px; }

.process, .service {
  position: relative; }
  .process .number, .service .number {
    position: absolute;
    top: 50px;
    left: -30px;
    line-height: 0;
    z-index: -1;
    font-size: 10rem;
    color: whitesmoke;
    font-weight: 900; }
  .process h3, .service h3 {
    font-size: 1.5rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 1.5rem; }

.service {
  padding: 4rem;
  background: #fff; }
  @media (max-width: 991.98px) {
    .service {
      padding: 2rem; } }

.logo{ height:50px; padding-right:0px; transition: 0.15s;}

#compliance-footer {
    background-color: #111;
    padding: 0;
    float: left;
    width: 100%;
    position: relative; z-index: 2;
}
	#compliance-footer .row div {
		position: relative;
		height: 180px;
		padding-top: 35px;
		padding-bottom: 35px;
		color: #fff;
	}
		#compliance-footer b {
			color: #eda500;
			font-size: 13px;
			width: 100%;
			float: left;
			line-height: 16px;
			text-transform: uppercase;
			font-weight: 300;
		}
		#compliance-footer .row div span {
			position: absolute;
			left: 15px;
			width: 100%;
			bottom: 35px;
			font-size: 16px;
			line-height: 28px;
		}
			#compliance-footer .row div span a {
				color: #fff; font-weight:100
			}
		#compliance-footer m {
			position: absolute;
			left: -25px;
			top: 0px;
			height: 100%;
			width: 1px;
			background: #fff;
		}
		#compliance-footer .row div.text-right span {
			right: 15px;
			left: auto;
		}
	.intro-section .container{ position:relative}
		.intro-section .container:before{ content:"Tecnología"; font-size:160px; color:rgba(255,255,255,0.1); position:absolute; left:-12vw; top:25%; z-index:1; font-weight:bold}
		.intro-section .container:after{ content:"Rattunde"; font-size:160px; color:rgba(255,255,255,0.05); position:absolute; left:-5vw; top:45%; z-index:1; white-space:nowrap; font-weight:bold}
		.intro-section .container .row{ z-index:2; position:relative}
	.h600{ height:600px; background:url(../images/maquina4.png) center top no-repeat; background-attachment:fixed; width:600px; background-size:cover;
	    -webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.6); padding-bottom:0px; margin-bottom:0px}	
	
	 @media (max-width: 1199px) {
		 .h600{ width:500px; height:450px; background-position:center top}
	 }
	 .site-logo{ display:none}
	 @media (max-width: 991.98px) {
		.h600{ background-attachment:scroll; background-position:center center}
	 	.site-logo{ display:block}
			.site-logo .logo{ height:36px} 
			.img-absolute{ right:-2%}
	 }
	 .section-2{ padding-bottom:0px; position:relative}
	 	.section-2 svg{ position:absolute; top:5em; right:-400px; width:70%; opacity:0.03}
		.symbol path{ fill:#eee}
		.logofooter{ float:right; max-width: 40%;}
	.logofooter path,.logofooter rect, .logofooter polygon{ fill:#eda500}
	 @media (max-width:767px) {
		.img-absolute{ right:-5%;
		-webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);}
	 	.section-2{ padding-top:calc(4em + 50px)}
		.logofooter{ height:40px}
	 }
	  @media (max-width: 575px){
		#compliance-footer .row div span{ bottom:15px}   
		#compliance-footer .row div{ height:150px; padding-bottom:0px}
		#compliance-footer .row div.text-right {
			text-align: left;
			margin-bottom: 30px;
			height: 130px;
		}
		.logofooter{ float:left}
		#compliance-footer .row div.text-right span{ left:15px; right:auto; text-align:left}
	 }
	 
	 @media (max-width: 530px){
		.intro-section:before {
			width: 100%;
		}		
	 }
	  @media (max-width: 424px){
		  .img-absolute{ 
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%); margin-top:0px;}
		.section-2 {
			padding-top: calc(4em + 0px);
		}
	  }
	.intro-section:before{ background:linear-gradient(-45deg, #c7e6f7 0%, #32ace5 70%)!important;}
  /*.intro-section:before{ background:linear-gradient(-45deg, #c7e6f7 0%, #0f3563 70%)!important;}*/
	
	#compliance-footer .row div span a:hover{ color:#eda500}
	
	.section-1:before,.section-2b:before {
		content: "";
		position: absolute;
		height: calc(300px + 20rem + 10em);
		width: 70%;
		background: linear-gradient(-45deg, #eda500 0%, #ffb90c 70%)!important;
    background: linear-gradient(-45deg, #c7e6f7 0%, #32ace5 70%)!important;
		border-bottom-right-radius: 0px; top:calc(-20rem - 10em) 
	}
	.image-absolute-box{ margin-top:-70px}
	
	.section-1 p,.section-2b p{ font-size:1rem}
	@media (max-width:1199px) {
		.image-absolute-box{ margin-top:36px}
		.image-absolute-box .box{ top:-40%}
		.section-1:before,.section-2b:before{ width:60%}
	}
	@media (max-width:991px) {
		.section-1:before,.section-2b:before{height: calc(100px + 20rem + 10em);}
		.section-1,.section-2b{ margin-top:7rem}
		.section-2b{ margin-top:4rem}
		.practice-areas{ margin-top:8em!important}
		.section-1 .container .row .mb-5,.section-2b .container .row .mb-5{ margin-bottom:0px!important}
	}
	@media (max-width:768px) {
		.section-1,.section-2b{ margin-top:5rem}
		.section-2b{ margin-top:2rem}
		.practice-areas{ margin-top:6em!important}
	}
	
	.leftfoto{ margin-top:150px; display:inline-block; padding-bottom:100px;  width:100%}
		.leftfoto .image-absolute-box .box { right:auto;			
			left: -20%;
		}
		.leftfoto .col-lg-5.mr-auto.mb-5{ float:right; margin-left:auto; margin-right:0px!important; margin-top:-70px; float:right!important}
		.leftfoto .col-lg-6{ float:left!important}
		
		@media (max-width: 1379px){
			.leftfoto .image-absolute-box .box {right:auto;
				left: -5%;
			}
		}
		@media (max-width: 1199px){
			.section-1 .mb-5 .mb-5 p,.section-2b .mb-5 .mb-5 p{ font-size:0.9rem}
			.d3 .image-absolute-box,.d4 .image-absolute-box{ margin-top:0px} 
		}
		.lastofus{ margin-top:0px!important}
		@media (max-width: 991.98px){
			.leftfoto .image-absolute-box .box {right:auto; left:auto}
			.leftfoto{ width:calc(100% + 30px)}
			.d3 .image-absolute-box,.d4 .image-absolute-box{ margin-top:36px}
			.d3{ margin-top:-36px} 
			.d4{ margin-top:72px} 
		}
	/*.img-fluid{-webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.6);}*/
	.br-25{border-radius: 0.25rem;-webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4); box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.6);}
	.section-1::after,.section-2b::after{
		content: "Nosotros";
		font-size: 160px; line-height:100px;
		color: rgba(255,255,255,0.2);
		position: absolute;
		left: 0px;
		top: 200px;
		z-index: 1; font-weight: bold;
	}
		.section-2b::after{ content:"Servicios"; font-size:120px; z-index:0; top:203px}
		
		.section-contact::after{content: "Contacto";}
		
	@media (max-width: 1349px){
		.section-1::after { font-size:130px}
		.section-2b::after { font-size:85px; top:220px}
	}
	@media (max-width: 991px){
		.section-1::after{font-size:40px; top:38px; left:auto; right:calc(30% + 10px); white-space:nowrap}
		.section-2b::after{font-size:40px; top:38px; left:auto; right:calc(30% + 10px); white-space:nowrap}
		.section-1:before,.section-2b:before{ width:70%}
	}
	.site-mobile-menu .site-nav-wrap > li > a.ultractive{color:#eda500}
	
	
	
	.special_content
	{
		margin-top: 0px; position:relative
	}
	.special_item_content
	{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 10;
		transition:0.2s
	}
	.special_category
	{
		font-size: 18px;
		font-weight: 300;
		color: #FFFFFF; white-space:nowrap; margin-bottom:10px; text-shadow:0px 1px 3px rgba(0,0,0,0.5)
	}
	.special_title
	{
		font-size: 26px;
		font-weight: 300;
		color: #FFFFFF; line-height:26px; text-shadow:0px 1px 3px rgba(0,0,0,0.5)
	}
	.special_item_background
	{
		width: 100%;
	}
	.special_content .owl-item .special_item_background::after
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.45);
		content: '';
		z-index: 0;
		-webkit-transition: all 500ms 100ms ease;
		-moz-transition: all 500ms 100ms ease;
		-ms-transition: all 500ms 100ms ease;
		-o-transition: all 500ms 100ms ease;
		transition: all 500ms 100ms ease;
	}
	.special_content .owl-item.center .special_item_background::after
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(-45deg, #eda500 0%, #ffb90c 70%)!important; opacity:0.95;
		content: '';
		z-index: 0;
		-webkit-transition: all 500ms 100ms ease;
		-moz-transition: all 500ms 100ms ease;
		-ms-transition: all 500ms 100ms ease;
		-o-transition: all 500ms 100ms ease;
		transition: all 500ms 100ms ease;
	}
	
		.special_content .owl-item .special_item_background::before{ width:200px; background:#fff; color:#000; content:"Leer más"; position:absolute; left:calc(50% - 100px); z-index:2; text-align:center;font-weight:bold; font-size:1.1rem; padding:10px; bottom:-100px; transition:0.2s; color:#000; border-radius:4px; text-transform:uppercase}
			.special_content .owl-item a:hover .special_item_content{ top:40%}
			.special_content .owl-item a:hover .special_item_background::before{ bottom:calc(5% + 100px)}
			
			.special_content .owl-item a:hover .special_item_background::after{ background:rgba(0,0,0,0.9);  }
			
			
			
	.special_slider_nav
	{
		position: absolute;
		top: 0%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 20px;
		width: 90px;
		height: 90px;
		background: #000;
		border-radius: 50%;
		cursor: pointer;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
		z-index: 10;
	}
	@media (max-width: 500px){
		.special_slider_nav{ top:0%}
	}
	.special_slider_nav:hover
	{
		opacity: 0.8;
	}
	
	.owl-carousel .owl-item img {
		filter: blur(0rem);
	}
	.owl-carousel .owl-item.center img {
		filter: blur(0rem);
	}
	
	.practice-areas{margin-top:10em}
	.special_content .owl-theme .owl-nav.disabled+.owl-dots{ position:absolute; bottom:0px; width:100%}
	
		.special_content .owl-theme .owl-dots .owl-dot.active span,.special_content .owl-theme .owl-dots .owl-dot:hover span{ background:#000}
		.special_content .owl-theme .owl-dots .owl-dot span{ background:#fff}
	
	.boxescontainer{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999;
		align-items: center; justify-content: center; display:none; background:rgba(255,255,255,0.0);
		webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
			.boxescontainer.active{ display:flex; background:rgba(255,255,255,0.8)}
			
		.boxescontainer div{ 
			    -webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.6);
			padding:60px; background:#fff;width:80%; max-width:650px; cursor:pointer;  padding-bottom:100px; 
			webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease; display:none; border-top:5px solid #eda500; position:relative}
			.boxescontainer div.active{ display:table}
			
			.boxescontainer div:before{ content:"x"; color:#eda500; position:absolute; right:20px; top:20px; font-size:40px; line-height:20px; font-weight:normal; opacity:0.6}
				.boxescontainer div:hover:before{ opacity:1}
				
				.boxescontainer div:after{ color:#fafafa; position:absolute; right:-4px; bottom:21px; content:"Practice areas"; font-size:135px; z-index:0;  line-height:67px; text-align:right} 
			.boxescontainer div span{ color:gray; font-size:1rem; margin-top:30px; width:100%; float:left; font-weight:100; position:relative; z-index:1}
			.boxescontainer div h1{ color:#000; font-size:2rem; margin-top:0px; width:100%; text-align:center;  position:relative; z-index:1; font-weight:bold}
	
	.contact-form {
		padding: 30px;
		position: relative;
		background: #fff;
		 -webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.1);
   		 box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.2);
		margin-bottom: -15em; max-width:850px; margin:0 auto; margin-top:-4em
	}		
		@media (max-width: 991px){
			.contact-form{ margin-top:0em}
		}
		.contact-form .section-title { max-width:100%}
		.contact-form .section-title .sub-title {
			font-size: 0.7rem;
			text-transform: uppercase;
			font-weight: 900;
			color: #eda500;
		}
			.contact-form .section-title .title {
				font-size: 2.2rem; color:#000!important; font-weight:bold
			}
			.contact-form .text-center {
				text-align: center!important;
			}
			.contact-form .form-control{ border-radius:0.25rem!important}
				.contact-form .form-control::placeholder{ color:#999}
        .contact-form .form-control:focus::placeholder{color: #ccc;}
			.contact-form .btn{ width:100%; height:60px; background:#fff; border:1px solid #000; font-size:1.2rem; color: #000;}
				.contact-form .btn:hover{ background:#000; color: #fff;}
			
		.section-subtitle{ margin-top:4em; margin-bottom:-5em}
		@media (max-width: 991px){
			.section-subtitle{ margin-bottom:0em}
		}
			.section-subtitle a{color:#eda500}
				.section-subtitle a:hover{ color:#000}
				
		@media (max-width: 767px){
			.boxescontainer.active{ display:block; overflow:auto}
			.boxescontainer div{ left:10%; top:10%!important; padding:40px}
			.boxescontainer div h1{ font-size:1.3rem}
			.boxescontainer div span{ font-size:0.8rem}
			.boxescontainer div:after{ font-size:75px; line-height:40px; right:0px; bottom:10px}
			.boxescontainer div:before{ top:10px; right:10px}
		}
		@media (max-width: 375px){
			.boxescontainer div:after{ font-size:65px; line-height:30px; right:0px; bottom:11px}
			.special_title{ font-size:34px; line-height:30px}
			.home .owl-carousel .owl-item{ height:360px}
			.practiceareas .owl-carousel .owl-item{ height:460px}		
				.home .owl-carousel .owl-item{ height:auto}			
			.h600{ height:350px}
			.home .section-2{padding-top: calc(4em + 50px)}
		}
		
		.special_category{ font-size:1.6rem; font-weight:bold; letter-spacing:-2px; text-shadow:0px 0px 0px rgba(0,0,0,0); white-space:normal}
		.special_item_content{ width:80%}
		@media (min-width: 1415px){
			.sticky-wrapper .site-navbar .site-menu > li > a{ font-weight:600}
			.logo{ height:auto; width:16vw}		
			.container {max-width: 77%}
			.intro-section h1{ font-size:5.5rem}
			.intro-section p{ max-width:600px; font-size:1.3rem}
			.home .section-2 p,.practice-areas p,.section-1 p{font-size:1.1rem}
			.home .section-2 .owl-carousel{ margin-top:5em}
			.ultratext{    -webkit-box-flex: 0;
			-ms-flex: 0 0 41.66667%;
			flex: 0 0 41.66667%;
			max-width: 41.66667%;}
				.ultratext a{ font-size:1.1rem}
			.site-navbar .site-navigation .site-menu{ margin-left:4.5vw; text-align:left}
			.w600{ width:100%}
			.section-sub-title{ font-size:1rem}
			.special_category{ font-size:1.9rem}
			
			.practice-areas{ margin-top:17em; margin-bottom:5em}
			/*.work-thumb .work-text .category{ font-size:1rem}
			.work-thumb .work-text h3{ font-size:1.3rem}
			.work-thumb .work-text,.work-thumb:after{ top:75%}*/
			.boxescontainer div span{ font-size:1.3rem}
			.firstphoto{ margin-top:4em}
				.firstphoto .image-absolute-box{ margin-top:-150px}
				.firstphoto .image-absolute-box .box{ top:-10%}
				.secondphoto .image-absolute-box .box{ top:-10%}
				.secondphoto{ margin-bottom:5em}
				.d4{ margin-top:12em}
			.contact-form .section-title .sub-title{ font-size:1rem}
		} 
		
		@media (min-width: 1615px){
			.site-navbar .site-navigation .site-menu{ margin-left:5.5vw}
			.special_category{ font-size:2.2rem}
		}
		@media (min-width: 991px){
			.home .section-2 .owl-carousel{ margin-top:5em}
		}

    .is-sticky .logo{ width: auto; height: 50px;  }
		
		.practiceareas .owl-carousel .owl-item{ max-height:600px}
		
		.work-thumb:after{ bottom:10px; height:100px; top:auto; display:none!important}
		.work-thumb .work-text{ bottom:20px; top:auto; background:#fff; padding:20px; left:20px; right:20px; width:calc(100% - 40px); margin:0px;
		    -webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.4); box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.6);}
		.work-thumb .work-text h3{ width:100%; float:left;}
		.work-thumb .work-text .category{ width:100%; float:left; font-size:0.8rem; font-weight:bold}
		.work-thumb:hover .work-text{ background:rgba(255, 185, 12, 0.9); background: rgba(50,172,229,0.9); bottom:20px; height:100%; left:0px; right:0px; width:100%; height:100%; top:0px; bottom:0px}
		.work-thumb .work-text p{ margin-bottom:0px}
		.work-thumb .work-text{display:flex; align-items: center; justify-content: center}
			
			.work-thumb .work-text:after{ content:""; width:30%; height:calc(100% - 20px); background:url(../images/corte.svg); background-size:150%; position:absolute; right:0px; top:0px;
			opacity:0.1; top:20px; transition:0.2s}
			
				.work-thumb .work-text:hover:after{ background-size:cover; top:40px; width:40%}
			
			
			.special_item:before{ content:""; width:40%; height:calc(100% - 80px); background:url(../images/symbol.svg); background-size:cover; position:absolute; right:0px; top:40px;
			opacity:0.1; transition:0.2s; z-index:2; filter: invert(100%);}
				.center .special_item:before{ opacity:0.1;filter: invert(0%);}
				.special_item:hover:before{ width:60%; height:100%}
			
			.work-thumb .work-text k{ float:left; width:100%; min-height:48px; position:relative; z-index:1}
		.loading{background: linear-gradient(-45deg, #dadada 0%, #dadada 70%)!important; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999;
		display:flex;align-items: center; justify-content: center}
			.work-thumb:hover .work-text k{ width:84%; margin-left:8%}
			.work-thumb:hover .work-text h3{ font-size:1.9rem; margin-bottom:10px; letter-spacing:-2px}
		
		.logobig {
			width: 80%; max-width:500px
		}
		
		.symbolabsolute{ position:absolute; right:-25vw; height:100%; top:40vh; z-index:-1}
    .wespecial{ width: calc(50vw - 10%); max-width: 200%!important; }
		
		.section-contact .container:before {
			content: "Escríbenos";
			font-size: 160px;
			color: rgba(200,200,200,0.1);
			position: absolute;
			left: 0vw;
			top: 70%;
			z-index: -1;
			font-weight: bold;
		}
		.section-contact .container:after {
			content: "y hablemos";
			font-size: 160px;
			color: rgba(200,200,200,0.1);
			position: absolute;
			left: 5vw;
			top: 90%;
			z-index: -1;
			font-weight: bold;
		}

    .intro-section h1{ text-transform: uppercase;font-family: 'PlakLT'; letter-spacing: 1px; }
    .intro-section h1 b{
      color: #fff;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: #fff;
      font-weight: normal
    }