@import url("https://fonts.googleapis.com/css?family=Montserrat|Open+Sans");
footer {
  background-color: #B20606; }

body {
  padding-top: 0px !important;
  font-family: 'Montserrat', sans-serif;
  overflow: inherit; }

h1 {
  font-size: 40px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

h2 {
  font-size: 30px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

h3 {
  font-size: 25px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

h4 {
  font-size: 20px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

h5 {
  font-size: 17px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  line-height: 25px; }

h6 {
  font-size: 15px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.bg-color1 {
  background-color: #fff !important; }

.bg-color2 {
  background-color: #00327d !important; }

.bg-color3 {
  background-color: #0b60a2 !important; }

.bg-color4 {
  background-color: #a9c3cf !important; }
  .bg-color4 h1 {
    color: #00327d !important;
    font-weight: 600; }

.color-W {
  color: #fff; }

.colorB {
  color: #0b60a2; }

.colorS {
  color: #0066f7; }
  .colorS:hover {
    color: #0066f7; }

#content {
  overflow: hidden; }

.container {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.content {
  padding: 0 0 0 !important; }

.main {
  padding-left: 0;
  padding-right: 0; }

.no-padd {
  padding: 0px !important; }

.row {
  width: 1280px;
  left: 50%;
  margin-left: -640px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (min-width: 980px) and (max-width: 1279px) {
    .row {
      width: 100% !important;
      left: 0%;
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .row {
      width: 100% !important;
      left: 0%;
      margin-left: 0px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .row {
      width: 100% !important;
      left: 0%;
      margin-left: 0px; } }
  @media only screen and (max-width: 479px) {
    .row {
      width: 100% !important;
      left: 0%;
      margin-left: 0px; } }

.secondary-menu {
  width: 100%;
  height: auto;
  position: relative;
  float: left; }

.box-menu {
  width: 100%;
  height: auto;
  position: relative;
  float: left; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .box-menu {
      margin-top: 30px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .box-menu {
      margin-top: 30px; } }
  @media only screen and (max-width: 479px) {
    .box-menu {
      margin-top: 30px; } }
  .box-menu .nav .plus li {
    position: relative;
    display: block;
    width: 15%;
    height: auto;
    margin: 5px;
    background-color: #fff !important;
    float: left !important;
    vertical-align: middle !important;
    text-align: center; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .box-menu .nav .plus li {
        width: 22.4%; } }
    @media only screen and (max-width: 479px) {
      .box-menu .nav .plus li {
        width: 29.2%; } }
    .box-menu .nav .plus li a {
      padding: 0 !important; }
  .box-menu .nav li {
    position: relative;
    display: block;
    width: 15%;
    height: auto;
    margin: 5px;
    background-color: #fff !important;
    float: left !important;
    vertical-align: middle !important;
    text-align: center; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .box-menu .nav li {
        width: 22.4%; } }
    @media only screen and (max-width: 479px) {
      .box-menu .nav li {
        width: 29.2%; } }
    .box-menu .nav li a {
      padding: 0 !important; }
    .box-menu .nav li img {
      width: 100%;
      height: 100%;
      image-rendering: -moz-crisp-edges;
      -ms-interpolation-mode: bicubic;
      image-rendering: -webkit-optimize-contrast; }
    .box-menu .nav li .style-txt-voice {
      position: absolute;
      bottom: 5px;
      width: 100%;
      text-align: center;
      left: 0%;
      padding: 5px;
      line-height: 10px;
      font-size: 12px;
      line-height: 12px !important; }
      .box-menu .nav li .style-txt-voice:hover {
        background-color: transparent; }
      @media only screen and (min-width: 980px) and (max-width: 1279px) {
        .box-menu .nav li .style-txt-voice {
          padding: 2px;
          line-height: 9px;
          font-size: 10px;
          bottom: 0px; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .box-menu .nav li .style-txt-voice {
          padding: 3px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .box-menu .nav li .style-txt-voice {
          padding: 3px; } }
      @media only screen and (max-width: 479px) {
        .box-menu .nav li .style-txt-voice {
          padding: 3px; } }
    .box-menu .nav li span {
      position: absolute;
      bottom: 2px;
      width: 100%;
      text-align: center;
      left: 0%;
      padding: 5px;
      line-height: 10px; }
      .box-menu .nav li span a {
        width: 100%;
        height: 100%;
        color: #0b60a2;
        font-size: 11px;
        line-height: 11px !important;
        font-weight: 600;
        text-transform: uppercase;
        position: absolute; }
        @media only screen and (min-width: 980px) and (max-width: 1279px) {
          .box-menu .nav li span a {
            font-size: 9px; } }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .box-menu .nav li span a {
            font-size: 9px; } }
        @media only screen and (max-width: 479px) {
          .box-menu .nav li span a {
            font-size: 9px;
            line-height: 9px; } }
  .box-menu .menu-item a.menu-image-title-below.menu-image-not-hovered img,
  .box-menu .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper {
    display: block;
    padding-bottom: 0px;
    margin: 0 auto; }

.box-menu-Prod-Line-Page {
  width: 100%;
  height: auto;
  position: relative;
  float: left; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .box-menu-Prod-Line-Page {
      margin-top: 30px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .box-menu-Prod-Line-Page {
      margin-top: 30px; } }
  @media only screen and (max-width: 479px) {
    .box-menu-Prod-Line-Page {
      margin-top: 30px; } }
  .box-menu-Prod-Line-Page .nav li {
    position: relative;
    display: block;
    width: 10.15%;
    height: auto;
    margin: 5px;
    background-color: #fff !important;
    float: left !important;
    vertical-align: middle !important;
    text-align: center; }
    @media only screen and (min-width: 980px) and (max-width: 1279px) {
      .box-menu-Prod-Line-Page .nav li {
        width: 9.84%; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .box-menu-Prod-Line-Page .nav li {
        width: 15.2%; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .box-menu-Prod-Line-Page .nav li {
        width: 22.8%; } }
    @media only screen and (max-width: 479px) {
      .box-menu-Prod-Line-Page .nav li {
        width: 29.2%; } }
    .box-menu-Prod-Line-Page .nav li a {
      padding: 0; }
    .box-menu-Prod-Line-Page .nav li img {
      width: 100%;
      height: 100%;
      image-rendering: -moz-crisp-edges;
      -ms-interpolation-mode: bicubic;
      image-rendering: -webkit-optimize-contrast; }
    .box-menu-Prod-Line-Page .nav li .style-txt-voice {
      position: absolute;
      bottom: 5px;
      width: 100%;
      text-align: center;
      left: 0%;
      padding: 5px;
      line-height: 10px;
      font-size: 12px;
      line-height: 12px !important; }
      .box-menu-Prod-Line-Page .nav li .style-txt-voice:hover {
        background-color: transparent; }
      @media only screen and (min-width: 980px) and (max-width: 1279px) {
        .box-menu-Prod-Line-Page .nav li .style-txt-voice {
          padding: 2px;
          line-height: 9px;
          font-size: 10px;
          bottom: 0px; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .box-menu-Prod-Line-Page .nav li .style-txt-voice {
          padding: 3px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .box-menu-Prod-Line-Page .nav li .style-txt-voice {
          padding: 3px; } }
      @media only screen and (max-width: 479px) {
        .box-menu-Prod-Line-Page .nav li .style-txt-voice {
          padding: 3px; } }
    .box-menu-Prod-Line-Page .nav li span {
      position: absolute;
      bottom: 2px;
      width: 100%;
      text-align: center;
      left: 0%;
      padding: 5px;
      line-height: 10px; }
      .box-menu-Prod-Line-Page .nav li span a {
        width: 100%;
        height: 100%;
        color: #0b60a2;
        font-size: 11px;
        line-height: 11px !important;
        font-weight: 600;
        text-transform: uppercase;
        position: absolute; }
        @media only screen and (min-width: 980px) and (max-width: 1279px) {
          .box-menu-Prod-Line-Page .nav li span a {
            font-size: 9px; } }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .box-menu-Prod-Line-Page .nav li span a {
            font-size: 9px; } }
        @media only screen and (max-width: 479px) {
          .box-menu-Prod-Line-Page .nav li span a {
            font-size: 9px;
            line-height: 9px; } }
  .box-menu-Prod-Line-Page .menu-item a.menu-image-title-below.menu-image-not-hovered img,
  .box-menu-Prod-Line-Page .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper {
    display: block;
    padding-bottom: 0px;
    margin: 0 auto; }

#menu-item-677 span {
  display: none; }

/*
.box-menu {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    .nav {
        li {
            position: relative;
            display: block;
            width: 16%;
            height: auto ;
            margin: 5px;
            background-color: #fff !important;
            float: left !important;
            vertical-align: middle !important;
            text-align: center;
                img {
        width: 100%;
        height: 100%
    }
            a {
                width: 100%;
                height: 100%;
                color: #000;
                padding: inherit;
                &:hover {
                    background-color: #8BAFDF;
                }
            }
        }
    }
}


.menu-item a.menu-image-title-below.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper {
    display: block;
    padding-bottom: 0px !important;
    margin: 0 auto;
}
.menu-image-title{
    position: absolute;
    width: 100%;
    margin-left: -50%;
    bottom: 28px;
}



*/
.navbar {
  min-height: 0px !important;
  margin-bottom: 0px !important;
  position: relative; }

.navbar-header {
  float: left;
  height: 100px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-header {
      height: auto;
      width: 100%; } }
  @media only screen and (max-width: 479px) {
    .navbar-header {
      height: auto;
      width: 100%; } }
  .navbar-header .logo {
    height: 100px;
    width: auto; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .navbar-header .logo img {
        height: 75px !important;
        margin-top: 10px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .navbar-header .logo {
        width: 100%;
        position: relative;
        float: left; }
        .navbar-header .logo img {
          height: 100px;
          width: auto;
          left: 50%;
          margin-left: -190px;
          position: relative; } }
    @media only screen and (max-width: 479px) {
      .navbar-header .logo {
        height: 80px;
        width: 100%;
        position: relative;
        float: left; }
        .navbar-header .logo img {
          height: 75px !important;
          margin-top: 0px;
          left: 50%;
          margin-left: -145px;
          position: relative; } }
    .navbar-header .logo img {
      height: 100px;
      width: auto; }
  .navbar-header .contact-top-menu {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: inherit; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .navbar-header .contact-top-menu {
        background-color: #f5fbff;
        width: 100%;
        position: relative;
        height: 50px; } }
    @media only screen and (max-width: 479px) {
      .navbar-header .contact-top-menu {
        background-color: #f5fbff;
        margin-left: -55px;
        position: relative;
        height: 50px;
        overflow: hidden !important; } }
  .navbar-header .contact-info {
    width: auto;
    height: auto;
    left: 0;
    position: relative;
    float: left;
    padding: 5px 20px 5px 5px;
    margin-top: 20px; }
    @media only screen and (min-width: 980px) and (max-width: 1279px) {
      .navbar-header .contact-info {
        margin-left: -30px;
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        -ms-transform: scale(0.9); } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .navbar-header .contact-info {
        margin-left: -116px;
        left: 140px;
        width: 345px;
        margin-top: 12px;
        -moz-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -ms-transform: scale(0.7); } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .navbar-header .contact-info {
        margin-left: -116px;
        left: 70px;
        width: 345px;
        margin-top: -3px;
        -moz-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -ms-transform: scale(0.7); } }
    @media only screen and (max-width: 479px) {
      .navbar-header .contact-info {
        margin-left: -109px;
        left: 103px;
        width: auto;
        margin-top: -3px;
        padding: 5px 20px 5px 5px;
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        -ms-transform: scale(0.6); } }
    .navbar-header .contact-info .brake {
      width: 2px;
      height: 52px;
      background-color: #1ab2e8;
      position: relative;
      float: left;
      top: -2px;
      margin-left: 20px; }
      @media only screen and (max-width: 479px) {
        .navbar-header .contact-info .brake {
          margin-left: 10px; } }
    .navbar-header .contact-info .cont-info-menu {
      position: relative;
      float: left; }
      .navbar-header .contact-info .cont-info-menu .ico {
        width: auto;
        position: relative;
        float: left; }
      .navbar-header .contact-info .cont-info-menu .info {
        width: auto;
        position: relative;
        float: left; }
        .navbar-header .contact-info .cont-info-menu .info h5 {
          font-size: 20px !important;
          margin-top: 0px;
          margin-bottom: 0px; }
        .navbar-header .contact-info .cont-info-menu .info h6 {
          font-size: 13px !important;
          margin-top: 0px;
          margin-bottom: 0px; }
        .navbar-header .contact-info .cont-info-menu .info .txt-find-showroom {
          margin-top: 18px !important; }

.cont a {
  color: #fff !important; }

.cust-cont-menu {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  background-color: #00327d; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .cust-cont-menu .row {
      padding-left: 0px;
      padding-right: 0px; } }
  @media only screen and (max-width: 479px) {
    .cust-cont-menu .row {
      padding-left: 0px;
      padding-right: 0px; } }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  width: 100%; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      height: auto !important;
      padding-right: 0px !important;
      padding-left: 0px !important; } }
  @media only screen and (max-width: 479px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      height: auto !important;
      padding-right: 0px !important;
      padding-left: 0px !important; } }
  .navbar-default .navbar-collapse .navbar-nav,
  .navbar-default .navbar-form .navbar-nav {
    width: 100%;
    position: relative;
    float: left;
    background-color: #00327d;
    color: #fff !important; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .navbar-default .navbar-collapse .navbar-nav,
      .navbar-default .navbar-form .navbar-nav {
        padding-top: 0px;
        margin: 0px 0px; } }
    @media only screen and (max-width: 479px) {
      .navbar-default .navbar-collapse .navbar-nav,
      .navbar-default .navbar-form .navbar-nav {
        padding-top: 0px;
        margin: 0px 0px; } }
    .navbar-default .navbar-collapse .navbar-nav li,
    .navbar-default .navbar-form .navbar-nav li {
      background-color: #00327d !important;
      color: #fff !important; }
      .navbar-default .navbar-collapse .navbar-nav li:hover,
      .navbar-default .navbar-form .navbar-nav li:hover {
        background-color: #00327d !important;
        color: #fff !important; }
      .navbar-default .navbar-collapse .navbar-nav li a,
      .navbar-default .navbar-form .navbar-nav li a {
        padding: 15px 22px; }
        @media only screen and (min-width: 980px) and (max-width: 1279px) {
          .navbar-default .navbar-collapse .navbar-nav li a,
          .navbar-default .navbar-form .navbar-nav li a {
            padding: 15px 10px;
            font-size: 14px !important; } }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .navbar-default .navbar-collapse .navbar-nav li a,
          .navbar-default .navbar-form .navbar-nav li a {
            padding: 15px 5px;
            font-size: 12px !important; } }

.navbar-default .navbar-nav > li > a {
  color: #fff !important; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff !important; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #0068fc !important;
  color: #fff !important; }

.mobile-menu {
  display: none; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .mobile-menu {
      display: inherit;
      width: 100%;
      height: 40px;
      position: relative;
      float: left;
      background-color: #0f5394;
      color: #fff; } }
  @media only screen and (max-width: 479px) {
    .mobile-menu {
      display: inherit;
      width: 100%;
      height: 40px;
      position: relative;
      float: left;
      background-color: #0f5394;
      color: #fff; } }
  .mobile-menu button {
    background-color: #1ab2e8; }
    .mobile-menu button:hover {
      background-color: #fff !important; }
      .mobile-menu button:hover .icon-bar {
        background-color: #1ab2e8 !important; }
    .mobile-menu button .icon-bar {
      background-color: #fff !important; }
  .mobile-menu .txt {
    text-align: center;
    padding-top: 10px; }
  .mobile-menu .navbar-toggle {
    top: -5px;
    position: absolute !important;
    right: 15px;
    float: right;
    margin-right: 0px !important;
    padding: 9px 10px;
    z-index: 99999;
    border: none !important; }

.row-menu-mobile {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.full-heigh {
  height: auto;
  position: relative;
  overflow: hidden !important; }
  .full-heigh .match {
    clear: both;
    margin: 0px 0 !important;
    display: block;
    width: 100% !important;
    height: auto;
    vertical-align: middle; }

.slider {
  max-height: 800px !important;
  position: relative;
  float: left;
  width: 100%; }
  .slider .owl-carousel .owl-wrapper-outer {
    max-height: 800px !important; }
  .slider .owl-carousel .item img {
    height: auto; }
  .slider .owl-pagination {
    position: absolute;
    bottom: 20px;
    width: 100%; }
  .slider .owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%; }
    .slider .owl-buttons .owl-next {
      right: 10px;
      position: absolute; }
    .slider .owl-buttons .owl-prev {
      left: 10px;
      position: absolute; }
  .slider .owl-theme .owl-controls {
    margin-top: 0 !important; }

.cont-Animation-slider1 {
  display: none; }

.cont-Animation-slider2 {
  display: none; }

.active h1 {
  font-size: 40px !important; }
.active h2 {
  font-size: 30px !important; }
.active h3 {
  font-size: 25px !important; }
.active h4 {
  font-size: 20px !important; }
.active h5 {
  font-size: 17px !important; }
.active h6 {
  font-size: 15px !important; }
.active .cont-animation {
  width: 100%;
  height: 800px;
  position: absolute;
  top: 0; }
  @media only screen and (min-width: 980px) and (max-width: 1279px) {
    .active .cont-animation {
      height: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .active .cont-animation {
      height: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .active .cont-animation {
      height: 100%; } }
  @media only screen and (max-width: 479px) {
    .active .cont-animation {
      height: 100%; } }
.active .cont-Animation-slider1 {
  width: 500px;
  height: auto;
  position: absolute;
  z-index: 999;
  color: #fff !important;
  display: inherit;
  bottom: 50px;
  padding-left: 50px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .active .cont-Animation-slider1 {
      width: 500px;
      left: 50%;
      margin-left: -250px;
      padding-left: 0px;
      bottom: 0px;
      -moz-transform: scale(0.7);
      -webkit-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
      -ms-transform: scale(0.7); } }
  @media only screen and (max-width: 479px) {
    .active .cont-Animation-slider1 {
      width: 500px;
      left: 50%;
      margin-left: -250px;
      padding-left: 0px;
      bottom: 0px;
      -moz-transform: scale(0.6);
      -webkit-transform: scale(0.6);
      -o-transform: scale(0.6);
      transform: scale(0.6);
      -ms-transform: scale(0.6); } }
  .active .cont-Animation-slider1 .title {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    left: -100px;
    opacity: 0;
    animation-name: titleOne;
    animation-duration: 0.7s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .active .cont-Animation-slider1 .description {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    left: -100px;
    opacity: 0;
    animation-name: descriptionOne;
    animation-duration: 0.7s;
    animation-delay: 0.9s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .active .cont-Animation-slider1 .butt {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    left: 0px;
    top: 100px;
    opacity: 0;
    animation-name: buttOne;
    animation-duration: 0.7s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
@keyframes titleOne {
  0% {
    opacity: 0;
    left: -100px; }
  100% {
    opacity: 1;
    left: 0px; } }
@keyframes descriptionOne {
  0% {
    opacity: 0;
    left: -100px; }
  100% {
    opacity: 1;
    left: 0px; } }
@keyframes buttOne {
  0% {
    opacity: 0;
    top: 100px; }
  100% {
    opacity: 1;
    top: 0px; } }
.active .cont-Animation-slider2 {
  width: 600px;
  height: auto;
  position: absolute;
  z-index: 999;
  color: #fff !important;
  display: inherit;
  top: 50%;
  margin-top: -130px;
  left: 50%;
  margin-left: -300px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .active .cont-Animation-slider2 {
      width: 500px;
      left: 50%;
      margin-left: -250px;
      padding-left: 0px;
      bottom: 0px;
      -moz-transform: scale(0.7);
      -webkit-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
      -ms-transform: scale(0.7); } }
  @media only screen and (max-width: 479px) {
    .active .cont-Animation-slider2 {
      width: 500px;
      left: 50%;
      margin-left: -250px;
      padding-left: 0px;
      bottom: 0px;
      -moz-transform: scale(0.6);
      -webkit-transform: scale(0.6);
      -o-transform: scale(0.6);
      transform: scale(0.6);
      -ms-transform: scale(0.6); } }
  .active .cont-Animation-slider2 .title {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    top: -100px;
    opacity: 0;
    animation-name: titleTwo;
    animation-duration: 0.7s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .active .cont-Animation-slider2 .description {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    left: -100px;
    opacity: 0;
    animation-name: descriptionTwo;
    animation-duration: 0.7s;
    animation-delay: 0.9s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .active .cont-Animation-slider2 .butt {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    left: 0px;
    top: 100px;
    opacity: 0;
    animation-name: buttTwo;
    animation-duration: 0.7s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
@keyframes titleTwo {
  0% {
    opacity: 0;
    top: -100px; }
  100% {
    opacity: 1;
    top: 0px; } }
@keyframes descriptionTwo {
  0% {
    opacity: 0;
    left: -100px; }
  100% {
    opacity: 1;
    left: 0px; } }
@keyframes buttTwo {
  0% {
    opacity: 0;
    top: 100px; }
  100% {
    opacity: 1;
    top: 0px; } }
.content-box {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 80px 0 80px 0; }

.content-box30 {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 30px 0 30px 0;
  background-color: #76DCC8; }

.grid-container {
  width: 100%;
  height: auto;
  position: relative;
  float: left; }

.grid25-100rep {
  text-align: center;
  vertical-align: middle;
  width: 25%;
  height: 24.7vw;
  position: relative;
  float: left;
  background-color: #B2E7FF; }
  .grid25-100rep img {
    width: 100%;
    height: 100%; }
  .grid25-100rep:hover {
    background-color: #5DB5DE;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .grid25-100rep {
      width: 50%;
      height: 50vw; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .grid25-100rep {
      width: 50%;
      height: 50vw; } }
  @media only screen and (max-width: 479px) {
    .grid25-100rep {
      width: 100%;
      height: 100vw; } }

.carousel {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 500px; }
  .carousel .owl-carousel .owl-wrapper-outer {
    max-height: 500px !important; }
  .carousel .owl-theme .owl-controls {
    margin-top: 0px !important; }
  .carousel .owl-pagination {
    position: absolute;
    bottom: 20px;
    width: 100%; }
  .carousel .owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%; }
    .carousel .owl-buttons .owl-next {
      right: 10px;
      position: absolute; }
    .carousel .owl-buttons .owl-prev {
      left: 10px;
      position: absolute; }
  .carousel .box-cont {
    width: 100%;
    height: 100%;
    padding: 50px 50px 50px 50px;
    position: absolute;
    z-index: 99;
    top: 0px; }
    .carousel .box-cont .ico {
      width: 100%;
      margin-bottom: 30px; }
      .carousel .box-cont .ico img {
        width: 90px;
        height: 90px;
        left: 50%;
        margin-left: -45px;
        position: relative; }

.grid-box-description {
  width: 100%;
  height: auto;
  position: relative;
  float: left; }
  .grid-box-description .sizebox {
    width: 25%;
    height: 500px;
    padding: 20px;
    cursor: pointer;
    position: relative;
    float: left;
    border: 1px solid #757575;
    background-color: #3FADC1; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .grid-box-description .sizebox {
        width: 50%; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .grid-box-description .sizebox {
        width: 50%; } }
    @media only screen and (max-width: 479px) {
      .grid-box-description .sizebox {
        width: 100%; } }

.custom-but1 {
  color: #fff;
  background-color: #205E8A;
  border-radius: 30px;
  width: 80%;
  left: 50%;
  margin-left: -40%;
  position: relative; }

.post-carousel {
  width: 100%;
  height: auto;
  position: relative;
  float: left; }
  .post-carousel .default-theme.wp-posts-carousel .wp-posts-carousel-image img {
    width: 200%;
    left: 50%;
    margin-left: -102%;
    position: relative;
    height: inherit !important; }
  .post-carousel .wp-posts-carousel-container .wp-posts-carousel-details:hover .wp-posts-carousel-buttons {
    z-index: 99999999999999999999999999; }
  .post-carousel .wp-posts-carousel-container .wp-posts-carousel-details #hovermask {
    width: 750px;
    height: 700px;
    background-color: #0b60a2;
    position: absolute;
    top: -400px;
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    /* For IE8 and earlier */ }
    .post-carousel .wp-posts-carousel-container .wp-posts-carousel-details #hovermask:hover {
      opacity: 0.5;
      filter: alpha(opacity=0.5);
      /* For IE8 and earlier */ }
  .post-carousel .wp-posts-carousel-container .wp-posts-carousel-buttons {
    width: 180px;
    position: absolute;
    bottom: 0px;
    height: 40px;
    left: 50%;
    margin-left: -90px;
    padding-top: 8px;
    border: 2px solid #fff;
    border-radius: 25px;
    background-color: #0068fc;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    z-index: 999; }
    .post-carousel .wp-posts-carousel-container .wp-posts-carousel-buttons:hover {
      border: 2px solid #0068fc;
      background-color: #fff; }
      .post-carousel .wp-posts-carousel-container .wp-posts-carousel-buttons:hover a {
        color: #0068fc; }
    .post-carousel .wp-posts-carousel-container .wp-posts-carousel-buttons a {
      color: #fff; }
  .post-carousel .wp-posts-carousel-title {
    font-size: 20px !important;
    color: #fff !important;
    text-transform: uppercase;
    text-align: left !important;
    position: relative; }
    .post-carousel .wp-posts-carousel-title a {
      color: #fff !important; }
  .post-carousel .default-theme.wp-posts-carousel .wp-posts-carousel-created-date {
    display: none !important; }
  .post-carousel .more-link {
    white-space: nowrap;
    display: none; }
  .post-carousel .wp-posts-carousel-desc {
    color: #050e36 !important;
    font-size: 13px !important;
    text-align: left !important;
    display: inherit;
    padding: 0% !important;
    margin-top: 10px;
    position: relative; }
  .post-carousel .wp-posts-carousel-container {
    padding: 0 !important;
    height: 530px !important; }
  .post-carousel .wp-posts-carousel-details {
    width: 100%;
    height: 190px;
    background-color: #4B9ED3;
    padding: 20px !important;
    padding-bottom: 60px !important;
    position: absolute;
    bottom: 0; }
    @media only screen and (min-width: 980px) and (max-width: 1279px) {
      .post-carousel .wp-posts-carousel-details {
        height: 210px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .post-carousel .wp-posts-carousel-details {
        height: 200px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .post-carousel .wp-posts-carousel-details {
        height: 190px; } }
    @media only screen and (max-width: 479px) {
      .post-carousel .wp-posts-carousel-details {
        height: 200px; } }
  .post-carousel .wp-posts-carousel-slide {
    padding: 0% !important;
    margin-left: 0% !important;
    width: 100% !important; }
    .post-carousel .wp-posts-carousel-slide .wp-posts-carousel-image {
      padding: 0 !important;
      position: absolute; }
      .post-carousel .wp-posts-carousel-slide .wp-posts-carousel-image img {
        height: 530px !important;
        width: auto;
        max-width: none !important; }

.pippo {
  width: 50px;
  height: 100px;
  position: absolute;
  top: 0;
  background-color: #E25151;
  z-index: 999; }

.general-cont {
  width: 100%;
  height: 100%;
  position: relative;
  float: left; }

.vertical-align-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  top: 0;
  padding: 20px; }

.vertical-align {
  display: table-cell; }

.vertical-align-middle {
  vertical-align: middle; }

.vertical-align-bottom {
  vertical-align: bottom; }

.vertical-align-top {
  vertical-align: top; }

.vertical-top-alpha0 {
  vertical-align: top;
  opacity: 1;
  transition: all 1s ease-in-out; }
  .vertical-top-alpha0:hover {
    opacity: 0;
    transition: all 1s ease-in-out; }

.txt-cent {
  text-align: center; }

.easing-in-out {
  opacity: 1;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .easing-in-out:hover {
    opacity: 0; }

.easing-out-in {
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .easing-out-in:hover {
    opacity: 1; }

.easing-in-out-top-bot {
  opacity: 1;
  margin-top: 0px;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .easing-in-out-top-bot:hover {
    opacity: 0;
    margin-top: 100px; }

.easing-out-in-bot-top {
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .easing-out-in-bot-top:hover {
    opacity: 1;
    margin-top: 0px; }

.bt-cust1 {
  margin-top: 30px;
  width: 260px;
  height: 50px;
  left: 50%;
  margin-left: -130px;
  border-radius: 25px;
  border: 2px solid #fff;
  background-color: #D2D8E6;
  position: relative;
  font-size: 20px;
  padding-top: 8px; }
  .bt-cust1:hover {
    border: 2px solid #39AE6D;
    background-color: #72E0A1; }

.bt-cust2 {
  margin-top: 30px;
  width: 260px;
  height: 50px;
  left: 50%;
  margin-left: -130px;
  border-radius: 10px;
  border: 2px solid #fff;
  background-color: #D2D8E6;
  position: relative;
  font-size: 20px;
  padding-top: 8px; }
  .bt-cust2:hover {
    border: 2px solid #39AE6D;
    background-color: #72E0A1; }

.bt-cust3 {
  margin-top: 30px;
  width: 260px;
  height: 50px;
  left: 50%;
  margin-left: -130px;
  border-radius: 10px;
  border: 2px solid #fff;
  background-color: #D2D8E6;
  position: relative;
  font-size: 10px;
  padding-top: 8px;
  color: #fff !important; }
  .bt-cust3 .txt {
    width: 100%;
    z-index: 9;
    position: absolute;
    text-align: center; }
  .bt-cust3 .bt-custom3-anim {
    width: 0px;
    height: 0px;
    position: absolute;
    background-color: #72E0A1;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    z-index: 0; }
  .bt-cust3:hover {
    border: 2px solid #39AE6D; }
    .bt-cust3:hover .bt-custom3-anim {
      width: 100%;
      height: 100%;
      top: 0%;
      left: 0%;
      background-color: #72E0A1;
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }

.contSocial {
  position: relative;
  float: left;
  top: 23px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .contSocial {
      right: 0px;
      position: absolute;
      top: 0px; } }
  @media only screen and (max-width: 479px) {
    .contSocial {
      display: none; } }
  .contSocial .ico-facebook {
    width: 50px;
    height: 50px;
    position: relative;
    float: left;
    background-color: #274FA4; }
    .contSocial .ico-facebook:hover {
      background-color: #124AC1; }
  .contSocial .ico-twitter {
    width: 50px;
    height: 50px;
    position: relative;
    float: left;
    background-color: #05A4DC; }
    .contSocial .ico-twitter:hover {
      background-color: #1ab2e8; }

.steps {
  width: 100%;
  height: auto;
  position: relative;
  float: right; }
  .steps .lead {
    display: none; }
  .steps .Waypoint-fadeIn-Counter {
    width: 100%;
    height: auto;
    opacity: 0;
    position: relative;
    float: left;
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out; }
    .steps .Waypoint-fadeIn-Counter.seen {
      opacity: 0;
      margin-top: 0px;
      animation-name: fadeInCounter;
      animation-duration: 0.7s;
      animation-delay: 0s;
      animation-fill-mode: forwards;
      animation-timing-function: ease; }
@keyframes fadeInCounter {
  0% {
    margin-top: 0px;
    opacity: 0;
    display: none; }
  1% {
    margin-top: 0px;
    opacity: 0;
    display: inherit !important; }
  100% {
    margin-top: 0px;
    opacity: 1; } }
  .steps .pip {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out; }
    .steps .pip.count {
      margin-top: 0px;
      color: #fff; }
  .steps .Waypoint-fadeIn {
    width: 100%;
    height: auto;
    opacity: 0;
    position: relative;
    float: left;
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out; }
    .steps .Waypoint-fadeIn.seen {
      opacity: 0;
      margin-top: 0px;
      animation-name: fadeIn;
      animation-duration: 0.7s;
      animation-delay: 0s;
      animation-fill-mode: forwards;
      animation-timing-function: ease; }
@keyframes fadeIn {
  0% {
    margin-top: 0px;
    opacity: 0;
    display: none; }
  1% {
    margin-top: 0px;
    opacity: 0;
    display: inherit; }
  100% {
    margin-top: 0px;
    opacity: 1; } }
  .steps .Waypoint-fadeIn-bot-top {
    width: 100%;
    height: auto;
    opacity: 0;
    position: relative;
    float: left;
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out; }
    .steps .Waypoint-fadeIn-bot-top.seen {
      opacity: 0;
      margin-top: 50px;
      animation-name: fadeInBotTop;
      animation-duration: 0.7s;
      animation-delay: 0s;
      animation-fill-mode: forwards;
      animation-timing-function: ease; }
@keyframes fadeInBotTop {
  0% {
    margin-top: -50px;
    opacity: 0;
    display: none; }
  1% {
    margin-top: 150px;
    opacity: 0;
    display: inherit; }
  100% {
    margin-top: 0px;
    opacity: 1; } }
  .steps .Waypoint-fadeIn-left-right {
    width: 100%;
    height: auto;
    opacity: 0;
    position: relative;
    float: left;
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out; }
    .steps .Waypoint-fadeIn-left-right.seen {
      opacity: 0;
      margin-left: -150px;
      animation-name: right-left;
      animation-duration: 0.9s;
      animation-delay: 0s;
      animation-fill-mode: forwards;
      animation-timing-function: ease; }
@keyframes right-left {
  0% {
    margin-left: -50px;
    opacity: 0;
    display: none; }
  1% {
    margin-left: -150px;
    opacity: 0;
    display: inherit; }
  100% {
    margin-left: 0px;
    opacity: 1; } }
  .steps .Waypoint-fadeIn-right-left {
    width: 100%;
    height: auto;
    opacity: 0;
    position: relative;
    float: left;
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out; }
    .steps .Waypoint-fadeIn-right-left.seen {
      opacity: 0;
      margin-left: 0px;
      animation-name: RightLeft;
      animation-duration: 0.9s;
      animation-delay: 0s;
      animation-fill-mode: forwards;
      animation-timing-function: ease; }
@keyframes RightLeft {
  0% {
    margin-left: 0px;
    opacity: 0;
    display: none; }
  1% {
    margin-left: 150px;
    opacity: 0;
    display: inherit; }
  100% {
    margin-left: 0px;
    opacity: 1; } }
.all_post {
  width: 100%;
  height: auto;
  position: relative;
  float: left; }
  .all_post .gridpost {
    width: 33.33%;
    height: 535px;
    overflow: hidden !important;
    position: relative;
    float: left; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .all_post .gridpost {
        width: 100%;
        height: 450px; } }
    @media only screen and (max-width: 479px) {
      .all_post .gridpost {
        width: 100%;
        height: 450px; } }
    .all_post .gridpost .description {
      color: #000 !important;
      width: 100%;
      height: 200px;
      position: absolute;
      z-index: 99999;
      bottom: 0;
      background-color: #4B9ED3;
      padding: 20px; }
      @media only screen and (min-width: 980px) and (max-width: 1279px) {
        .all_post .gridpost .description {
          height: 240px; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .all_post .gridpost .description {
          height: 260px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .all_post .gridpost .description {
          height: 200px; } }
      @media only screen and (max-width: 479px) {
        .all_post .gridpost .description {
          height: 230px; } }
      .all_post .gridpost .description:hover .bt {
        z-index: 999999; }
      .all_post .gridpost .description:hover .maskpost-fix {
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* For IE8 and earlier */ }
      .all_post .gridpost .description a:hover {
        text-decoration: none; }
      .all_post .gridpost .description .maskpost-fix {
        width: 760px;
        height: 700px;
        position: absolute;
        top: -350px;
        left: 0;
        background-color: #0b60a2;
        opacity: 0;
        filter: alpha(opacity=0);
        /* For IE8 and earlier */ }
      .all_post .gridpost .description .tit {
        font-size: 20px;
        padding-top: 10px;
        color: #fff;
        text-transform: uppercase;
        text-align: center; }
        .all_post .gridpost .description .tit a {
          color: #fff; }
      .all_post .gridpost .description .content {
        color: #050e36 !important;
        font-size: 13px !important;
        display: none; }
      .all_post .gridpost .description img {
        display: none !important; }
      .all_post .gridpost .description h1,
      .all_post .gridpost .description h2,
      .all_post .gridpost .description h3,
      .all_post .gridpost .description h4,
      .all_post .gridpost .description h5,
      .all_post .gridpost .description h6 {
        font-size: 13px !important;
        line-height: 16px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important; }
      .all_post .gridpost .description .lead {
        color: #050e36 !important;
        font-size: 13px !important;
        text-align: left !important;
        display: inherit; }
        .all_post .gridpost .description .lead img {
          display: none; }
      .all_post .gridpost .description .bt {
        width: 180px;
        position: absolute;
        bottom: 40px;
        left: 50%;
        margin-left: -90px;
        z-index: 999999; }
        .all_post .gridpost .description .bt .bt-cust4 {
          margin-top: 0px;
          width: 180px;
          height: 40px;
          left: 50%;
          margin-left: -90px;
          border-radius: 25px;
          border: 2px solid #fff;
          background-color: #0068fc;
          position: relative;
          font-size: 15px;
          padding-top: 8px;
          text-align: center;
          color: #fff; }
          .all_post .gridpost .description .bt .bt-cust4:hover {
            border: 2px solid #0068fc;
            background-color: #fff;
            color: #0068fc; }
    .all_post .gridpost .contImg-post img {
      width: 162%;
      left: 50%;
      margin-left: -32%; }
      @media only screen and (min-width: 980px) and (max-width: 1279px) {
        .all_post .gridpost .contImg-post img {
          width: 210%;
          margin-left: -56%; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .all_post .gridpost .contImg-post img {
          width: 220%;
          margin-left: -62%; } }
    .all_post .gridpost .mask {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      background-color: #002B4D;
      opacity: 0.0;
      filter: alpha(opacity=0);
      /* For IE8 and earlier */ }

#map {
  width: 100%;
  height: 450px;
  position: relative;
  float: left; }

#map_wrapper {
  height: 400px; }

#map_canvas {
  width: 100%;
  height: 100%; }

.telelink {
  cursor: default; }
  .telelink:hover {
    text-decoration: none; }

.grid33 {
  width: 33.3%;
  height: auto;
  position: relative;
  float: left; }

.grid25 {
  width: 25%;
  height: auto;
  position: relative;
  float: left; }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .grid-mob50-100 {
    width: 50% !important;
    margin: 10px 0 10px 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .grid-mob50-100 {
    width: 100% !important;
    margin: 10px 0 10px 0; } }
@media only screen and (max-width: 479px) {
  .grid-mob50-100 {
    width: 100% !important;
    margin: 10px 0 10px 0; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .grid-mob100 {
    width: 100% !important;
    margin: 10px 0 10px 0; } }
@media only screen and (max-width: 479px) {
  .grid-mob100 {
    width: 100% !important;
    margin: 10px 0 10px 0; } }

.icons-Info-home {
  width: 100px;
  height: 100px;
  left: 50%;
  margin-left: -50px;
  position: relative;
  float: left; }

.descri-info-home {
  width: 100%;
  text-align: center;
  position: relative;
  float: left; }

.bt {
  width: 180px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -90px; }
  .bt .bt-cust4 {
    margin-top: 0px;
    width: 180px;
    height: 40px;
    left: 50%;
    margin-left: -90px;
    border-radius: 25px;
    border: 2px solid #fff;
    background-color: #1ab2e8;
    position: relative;
    font-size: 15px;
    padding-top: 8px;
    text-align: center;
    color: #fff; }
    .bt .bt-cust4:hover {
      border: 2px solid #1ab2e8;
      background-color: #fff;
      color: #1ab2e8; }

footer {
  background-color: #01337d !important;
  overflow: hidden !important;
  position: relative;
  float: left;
  width: 100%; }
  footer a {
    color: #fff !important; }
    footer a:hover {
      color: #fff !important; }
  footer nav {
    height: 200px;
    position: relative;
    float: left; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      footer nav {
        height: auto; } }
    @media only screen and (max-width: 479px) {
      footer nav {
        height: auto; } }
  footer .footer-links .menu {
    margin-left: -50px; }
    footer .footer-links .menu ul {
      margin-left: -50px;
      font-size: 12px;
      text-align: left;
      font-family: Arial, Helvetica, sans-serif !important; }
    footer .footer-links .menu li {
      width: 100%;
      text-align: left; }
  footer .small-info {
    width: 100%;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #002458;
    position: relative;
    float: left; }
  footer .secondarymenu {
    position: relative;
    float: left;
    width: 440px; }
    @media only screen and (max-width: 479px) {
      footer .secondarymenu {
        width: 250px; } }
  footer .listProductline .footer-links {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 15px;
    font-family: Arial, Helvetica, sans-serif !important;
    margin-bottom: 30px;
    width: 500px;
    margin-left: 0px; }
    @media only screen and (min-width: 980px) and (max-width: 1279px) {
      footer .listProductline .footer-links {
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      footer .listProductline .footer-links {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
        width: 400px !important; } }
    @media only screen and (max-width: 479px) {
      footer .listProductline .footer-links {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
        width: 100%; } }
    footer .listProductline .footer-links ul {
      color: #0b60a2; }
    footer .listProductline .footer-links li {
      float: left;
      margin-left: 10px;
      width: 170px; }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        footer .listProductline .footer-links li {
          width: 150px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        footer .listProductline .footer-links li {
          width: 160px; } }
      @media only screen and (max-width: 479px) {
        footer .listProductline .footer-links li {
          width: 130px; } }
  footer .contact {
    position: absolute;
    float: right;
    right: 15px;
    top: 0;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    margin-bottom: 25px; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      footer .contact {
        width: 200px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      footer .contact {
        width: 100%;
        position: relative;
        float: right;
        right: 0;
        left: 0px; } }
    @media only screen and (max-width: 479px) {
      footer .contact {
        width: 100%;
        position: relative;
        float: right;
        right: 0;
        left: 0px; } }
  footer .attribution {
    font-family: Arial, Helvetica, sans-serif !important; }
  footer .attribution {
    width: auto;
    position: relative;
    float: left; }
  footer .pull-right {
    margin-top: 12px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      footer .pull-right {
        margin-top: 10px;
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      footer .pull-right {
        margin-top: 10px;
        width: 100%; } }

.footer-links {
  float: left;
  position: relative;
  margin-bottom: 0px;
  width: 170px; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .footer-links {
      width: 150px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .footer-links {
      width: 160px; } }
  @media only screen and (max-width: 479px) {
    .footer-links {
      width: 130px; } }

.cont-Parallax {
  width: 100%;
  height: auto;
  float: left;
  position: relative; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .cont-Parallax section {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position-y: 50%; } }
  @media only screen and (max-width: 479px) {
    .cont-Parallax section {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position-y: 50%; } }

.parallax-description {
  text-align: center;
  vertical-align: middle;
  width: 100vw;
  height: 500px;
  left: 0px;
  top: 0;
  color: #fff;
  position: absolute;
  float: left; }
  .parallax-description h1 {
    text-transform: uppercase; }
  .parallax-description .border {
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    top: 50%;
    margin-top: -100px !important;
    left: 0;
    position: absolute; }

.cont-imgAndLogo {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  position: relative;
  float: left; }
  .cont-imgAndLogo .product-img {
    width: auto;
    height: auto;
    position: relative;
    float: left; }
    @media only screen and (max-width: 479px) {
      .cont-imgAndLogo .product-img {
        width: 100%;
        height: auto; } }
    .cont-imgAndLogo .product-img img {
      width: 240px;
      height: 140px; }
      @media only screen and (max-width: 479px) {
        .cont-imgAndLogo .product-img img {
          width: 100%;
          height: auto; } }
  .cont-imgAndLogo .product-logo {
    width: 30%;
    height: auto;
    position: relative;
    float: left;
    margin-left: 10px; }
    @media only screen and (max-width: 479px) {
      .cont-imgAndLogo .product-logo {
        margin-left: 0px;
        height: auto;
        width: 100%; } }
    .cont-imgAndLogo .product-logo .cont-img {
      width: 100%;
      height: auto;
      position: relative;
      float: left; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .cont-imgAndLogo .product-logo .cont-img {
          width: auto; } }
      @media only screen and (max-width: 479px) {
        .cont-imgAndLogo .product-logo .cont-img {
          width: auto; } }

.product-descr {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 35px; }
  .product-descr .lead {
    font-size: 15px;
    font-weight: 300; }

.more-info {
  margin-top: 20px;
  width: 100%;
  float: left;
  position: relative; }

.contact-grid {
  width: auto;
  height: auto;
  float: left;
  position: relative;
  padding-right: 10%;
  padding-left: 15px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .contact-grid {
      padding-right: 15px; } }
  @media only screen and (max-width: 479px) {
    .contact-grid {
      padding-right: 15px; } }
  .contact-grid a {
    color: #fff; }
    .contact-grid a:hover {
      color: #fff; }

.cookie-grid {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  margin-bottom: 20px; }
  .cookie-grid .grid1-bg {
    width: 15%;
    height: auto;
    position: relative;
    float: left;
    border: 1px solid #0b60a2;
    background-color: #0b60a2;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px 5px 15px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .cookie-grid .grid1-bg {
        width: 30%;
        font-size: 11px !important; } }
    @media only screen and (max-width: 479px) {
      .cookie-grid .grid1-bg {
        width: 30%;
        font-size: 11px !important;
        padding: 3px 3px 3px 3px; } }
  .cookie-grid .grid2-bg {
    width: 15%;
    height: auto;
    position: relative;
    float: left;
    border: 1px solid #0b60a2;
    border-left: none;
    background-color: #0b60a2;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px 5px 15px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .cookie-grid .grid2-bg {
        width: 30%;
        font-size: 11px !important; } }
    @media only screen and (max-width: 479px) {
      .cookie-grid .grid2-bg {
        width: 30%;
        font-size: 11px !important;
        padding: 3px 3px 3px 3px; } }
  .cookie-grid .grid3-bg {
    width: 70%;
    height: auto;
    position: relative;
    float: left;
    background-color: #0b60a2;
    border: 1px solid #0b60a2;
    border-left: none;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px 5px 15px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .cookie-grid .grid3-bg {
        width: 40%;
        font-size: 11px !important; } }
    @media only screen and (max-width: 479px) {
      .cookie-grid .grid3-bg {
        width: 40%;
        font-size: 11px !important;
        padding: 3px 3px 3px 3px; } }
  .cookie-grid .grid0-bg {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #0b60a2;
    border: 1px solid #0b60a2;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px 5px 15px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .cookie-grid .grid0-bg {
        font-size: 11px !important; } }
    @media only screen and (max-width: 479px) {
      .cookie-grid .grid0-bg {
        font-size: 11px !important;
        padding: 3px 3px 3px 3px; } }
  .cookie-grid .grid0-txt {
    width: 100%;
    position: relative;
    float: left;
    border: 1px solid #0b60a2;
    padding: 5px 15px 5px 15px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .cookie-grid .grid0-txt {
        font-size: 11px !important; } }
    @media only screen and (max-width: 479px) {
      .cookie-grid .grid0-txt {
        font-size: 11px !important;
        padding: 3px 3px 3px 3px; } }
  .cookie-grid .cont-txt-grid {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    display: flex; }
    .cookie-grid .cont-txt-grid .match {
      display: table-cell;
      margin-top: -1px; }
    .cookie-grid .cont-txt-grid .grid1-txt {
      width: 15%;
      position: relative;
      float: left;
      border: 1px solid #0b60a2;
      padding: 5px 15px 5px 15px;
      display: table-cell; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .cookie-grid .cont-txt-grid .grid1-txt {
          width: 30%;
          font-size: 11px !important; } }
      @media only screen and (max-width: 479px) {
        .cookie-grid .cont-txt-grid .grid1-txt {
          width: 30%;
          font-size: 11px !important;
          padding: 3px 3px 3px 3px; } }
    .cookie-grid .cont-txt-grid .grid2-txt {
      width: 15%;
      position: relative;
      float: left;
      border: 1px solid #0b60a2;
      border-left: none;
      padding: 5px 15px 5px 15px;
      display: table-cell; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .cookie-grid .cont-txt-grid .grid2-txt {
          width: 30%;
          font-size: 11px !important; } }
      @media only screen and (max-width: 479px) {
        .cookie-grid .cont-txt-grid .grid2-txt {
          width: 30%;
          font-size: 11px !important;
          padding: 3px 3px 3px 3px; } }
    .cookie-grid .cont-txt-grid .grid3-txt {
      width: 70%;
      position: relative;
      float: left;
      border: 1px solid #0b60a2;
      border-left: none;
      padding: 5px 15px 5px 15px;
      display: table-cell; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .cookie-grid .cont-txt-grid .grid3-txt {
          width: 40%;
          font-size: 11px !important; } }
      @media only screen and (max-width: 479px) {
        .cookie-grid .cont-txt-grid .grid3-txt {
          width: 40%;
          font-size: 11px !important;
          padding: 3px 3px 3px 3px; } }

.about-grid {
  width: 100%;
  position: relative;
  float: left;
  display: flex; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .about-grid {
      display: block !important; } }
  @media only screen and (max-width: 479px) {
    .about-grid {
      display: block !important; } }
  .about-grid .object {
    display: flex;
    flex-direction: row;
    text-align: center;
    background-color: #dce7ef;
    padding: 1em 1em 1.5em;
    margin: .5em; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .about-grid .object {
        margin: 0em;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 479px) {
      .about-grid .object {
        margin: 0em;
        margin-bottom: 10px; } }
    .about-grid .object:hover {
      background-color: #eff2f5; }
  .about-grid .w33 {
    width: 50%; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .about-grid .w33 {
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      .about-grid .w33 {
        width: 100%; } }
  .about-grid .wrapper {
    padding: 30px;
    display: flex;
    flex-direction: column;
    width: 100%; }

.equalHeight {
  height: 360px; }

#scrollUp {
  bottom: 50px !important; }

.opentime {
  width: 200px;
  position: relative;
  bottom: 50%;
  margin-bottom: -100px;
  right: 0px;
  background-color: #fff; }
  .opentime .clock {
    width: 40px;
    height: 40px;
    top: 4px;
    position: relative;
    float: left; }
    .opentime .clock .clos {
      position: absolute;
      top: 0;
      right: 0;
      animation-name: second;
      animation-duration: 30s;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
    .opentime .clock .clom {
      position: absolute;
      top: 0;
      right: 0;
      animation-name: minute;
      animation-duration: 10s;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
@keyframes second {
  from {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Chrome, Safari, Opera */
    transform: rotate(360deg); } }
@keyframes minute {
  from {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Chrome, Safari, Opera */
    transform: rotate(360deg); } }
  .opentime .dect {
    width: 160px;
    position: relative;
    float: left;
    font-size: 12px;
    text-align: center; }

.opentime-contact {
  width: 270px;
  position: relative;
  right: 0px;
  background-color: #fff; }
  .opentime-contact .clock {
    width: 80px;
    height: 80px;
    top: -5px;
    position: relative;
    float: left; }
    .opentime-contact .clock .clos {
      position: absolute;
      top: 0;
      right: 0;
      animation-name: second;
      animation-duration: 30s;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
    .opentime-contact .clock .clom {
      position: absolute;
      top: 0;
      right: 0;
      animation-name: minute;
      animation-duration: 10s;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
@keyframes second {
  from {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Chrome, Safari, Opera */
    transform: rotate(360deg); } }
@keyframes minute {
  from {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Chrome, Safari, Opera */
    transform: rotate(360deg); } }
  .opentime-contact .dect {
    width: 160px;
    position: relative;
    float: left;
    left: 15px;
    top: 5px;
    font-size: 12px;
    text-align: left; }

#recent-posts-2 {
  padding-top: 40px; }

.newstore {
  width: auto;
  height: auto;
  border-radius: 15px 15px 15px 0px;
  position: absolute;
  top: 150px;
  right: 0;
  background-color: #ab4c4c;
  color: #ffffff;
  z-index: 9999;
  padding: 20px;
  opacity: 0.9; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .newstore {
      width: 100%;
      position: relative;
      top: 0px; }
      .newstore br {
        display: none; } }
  @media only screen and (max-width: 479px) {
    .newstore {
      width: 100%;
      position: relative;
      top: 0px; }
      .newstore br {
        display: none; } }

.newsepost-logo {
  width: 50%;
  position: relative;
  float: left; }
  .newsepost-logo img {
    height: 266px;
    left: 50%;
    margin-left: -1340px;
    position: relative; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .newsepost-logo img {
        margin-left: -1050px;
        height: 200px; } }
    @media only screen and (max-width: 479px) {
      .newsepost-logo img {
        margin-left: -919px;
        height: 170px; } }

.cont_message {
  width: 360px;
  height: auto;
  position: absolute;
  right: 0;
  top: 150px;
  z-index: 9999999;
  overflow: hidden; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .cont_message {
      width: 100%;
      top: 0;
      position: relative;
      float: left; } }
  @media only screen and (max-width: 479px) {
    .cont_message {
      width: 100%;
      top: 0;
      position: relative;
      float: left; } }
  .cont_message .message {
    width: 360px;
    height: auto;
    padding: 15px;
    position: relative;
    margin-bottom: 5px;
    color: #fff;
    text-align: center; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .cont_message .message {
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      .cont_message .message {
        width: 100%; } }
    .cont_message .message .closex {
      width: 25px;
      height: 25px;
      background-color: #00327d;
      position: absolute;
      top: 0;
      right: 0;
      padding-left: 10px;
      padding-top: 2px;
      font-size: 13px;
      z-index: 99999;
      cursor: pointer; }
      .cont_message .message .closex:hover {
        background-color: #0068fc; }
  .cont_message .mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #2271bf;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */ }
  .cont_message .content {
    z-index: 99;
    position: relative;
    font-size: 15px;
    line-height: 16px;
    overflow: hidden; }
  .cont_message .logoApp {
    width: 276px;
    left: 50%;
    height: auto;
    margin-left: -138px;
    position: relative;
    float: left; }
    .cont_message .logoApp .logo {
      width: 136px;
      margin-left: 2px;
      position: relative;
      float: left;
      padding-top: 10px;
      padding-bottom: 10px; }

.dowloadApp {
  width: 100%;
  color: #fff;
  float: left;
  position: relative;
  padding-bottom: 30px; }

#content {
  overflow: hidden; }

.searchDinamic {
  width: auto;
  height: 50px;
  z-index: 99;
  position: absolute;
  right: 0; }
  .searchDinamic form {
    width: auto;
    height: 50px;
    position: relative;
    float: left; }
  .searchDinamic .input-group {
    position: absolute;
    float: right;
    width: 0px;
    right: 48px; }
    .searchDinamic .input-group input {
      height: 50px; }
  .searchDinamic .inp-g-se {
    width: 0px;
    animation-name: RightLeftp;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
@keyframes RightLeftp {
  0% {
    width: 0px; }
  100% {
    width: 284px; } }
  @media screen and (max-width: 700px) {
    @keyframes RightLeftp {
      0% {
        width: 0px; }
      100% {
        width: 215px; } } }
  .searchDinamic fieldset {
    float: left;
    display: none; }
  .searchDinamic .search-submit {
    width: 50px;
    height: 50px;
    font-size: 30px;
    right: 0;
    float: right;
    position: absolute;
    background-color: #2773be;
    border: none;
    color: #fff;
    z-index: 99;
    outline: none;
    cursor: pointer; }
    .searchDinamic .search-submit:hover {
      background-color: #0d61b5; }
  .searchDinamic .buttonSearch {
    right: 0;
    position: relative;
    float: right; }
  .searchDinamic .fa-search-plus {
    width: 50px;
    height: 50px;
    font-size: 30px;
    float: left;
    position: relative;
    color: #fff;
    padding-top: 8px;
    padding-left: 12px;
    cursor: pointer; }
    .searchDinamic .fa-search-plus:hover {
      color: #2773be; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .searchDinamic .fa-search-plus {
        color: #2773be; } }
    @media only screen and (max-width: 479px) {
      .searchDinamic .fa-search-plus {
        color: #2773be; } }
  .searchDinamic .fa-times {
    width: 50px;
    height: 50px;
    font-size: 30px;
    float: left;
    position: relative;
    color: #fff;
    padding-top: 8px;
    padding-left: 12px;
    cursor: pointer; }
    .searchDinamic .fa-times:hover {
      color: #2773be; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .searchDinamic .fa-times {
        color: #2773be; } }
    @media only screen and (max-width: 479px) {
      .searchDinamic .fa-times {
        color: #2773be; } }

.basic_home {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .basic_home .play {
    width: 42px;
    height: 32px;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    top: 50%;
    margin-top: -16px;
    background-image: url("../../../images/play.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 999;
    cursor: pointer; }
  .basic_home .pause {
    width: 42px;
    height: 32px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("../../../images/pause.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 999;
    cursor: pointer; }

.cont a {
  color: #fff; }

.lead a {
  color: #fff; }

.page-template-page-TimberCutting-php .equalHeight, .page-template-page-TimberPainting-php .equalHeight {
  height: auto; }

#recent-posts-2 li {
  margin-top: 10px !important; }

.app_button {
  width: 328px;
  left: 50%;
  position: relative;
  transform: translate(-50%, 0%); }
  .app_button a {
    position: relative;
    float: left;
    margin: 14px; }

/*# sourceMappingURL=custom.css.map */