/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.right-headertop.ApColumn .block {
    margin-bottom: 0;
}
.sixbox .ApColumn .title_block {
    position: absolute;
    top: 28px;
    left: 37px;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 36px;
    text-shadow: black 3px -3px 5px;
    z-index: 10;
}
.sixbox .ApColumn .title_block:before {
    content: unset;
}
@media screen and (max-width: 767px) {
    .sixbox .ApColumn .title_block {
        font-size: 18px;
    }
}

.twobox .ApColumn .ApImage:nth-child(1) .title_block {
    position: absolute;
    top: 28px;
    left: 37px;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 36px;
    text-shadow: black 3px -3px 5px;
    z-index: 10;
}
.twobox .ApColumn .ApImage:nth-child(2) .title_block {
    position: absolute;
    bottom: 28px;
    left: 37px;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 36px;
    text-shadow: black 3px -3px 5px;
    z-index: 10;
}
.twobox .ApColumn .title_block:before {
    content: unset;
}
@media screen and (max-width: 767px) {
    .twobox .ApColumn .title_block {
        font-size: 18px;
    }
}
.twobox .ApImage:nth-child(1) {
  margin-bottom: 30px;
}

.twobox .ApImage:nth-child(2) {
  margin-bottom: 0px;
}

.boxeffect .ApColumn .ApImage a {
position: relative;
display: block;
width: 100%;
overflow: hidden; }
.boxeffect .ApColumn .ApImage a::before {
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center; }
.boxeffect .ApColumn .ApImage a::after {
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center; }
.boxeffect .ApColumn .ApImage a::after, .boxeffect .ApColumn .ApImage a::before {
  position: absolute;
  z-index: 9;
  content: "";
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
.boxeffect .ApColumn .ApImage a:hover::after, .boxeffect .ApColumn .ApImage a:hover::before  {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
.boxeffect .ApColumn .ApImage a img {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  backface-visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
.boxeffect .ApColumn .ApImage:hover a img {
-webkit-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }

.zoomWindowContainer {
    display: none !important;
}
.zoomLens {
  border: 0px !important;
  background-color: transparent !important;
}
.cmsboxed {margin: 0 auto;}
#cms #main .page-footer,
#cms #main .page-content {
  margin: 0;
}


:root {
  --width: 100vw;
  --full-width: 100vw;
  --angle: -4deg;
  /*tan(--angle)/2*/
  --magic-number: 0.034963421;
  --skew-padding: calc(var(--width) * var(--magic-number));
  --clip-padding: calc(var(--full-width) * var(--magic-number));
}
.skewed {
  position: relative;
  padding: var(--skew-padding) 0;
  margin-top: -1px;
}
.bskewmargin {
  margin-bottom: var(--skew-padding);
}
.tskewmargin {
  margin-top: var(--skew-padding);
}
.bg-gray:before {
    background-color: #eaeaea;
}
.bg-darkgray:before {
    background-color: #f6f6e4;
}
.bg-white:before {
    background-color: #ffffff;
}
.skewed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: skewy(var(--angle));
    transform-origin: 50% 0;
    outline: 1px solid transparent;
    backface-visibility: hidden;
}
 .video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.tecnolist > .dropdown-menu {
  min-height: 80px;
}

@media (min-width: 768px) {
  .col-md-2 {
    float: left;
    width: 16,6%;
  }