@charset "UTF-8";
/*
 Theme Name:   AmperaTech
 Description:  Motyw strony AmperaTech
 Author:       SP-Media
 Author URI:   https://spmedia.pl
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-seventeen-child
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1.5; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: "Roboto";
  color: #2a2d32;
  font-size: 18px;
  font-weight: 300;
  margin-top: 60px; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #2a2d32; }
  @media (max-width: 767px) {
    body h1 {
      font-size: 30px !important; } }
  @media (max-width: 480px) {
    body h1 {
      font-size: 24px !important; } }
  body h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase; }
    @media (max-width: 640px) {
      body h2 {
        font-size: 24px;
        margin-bottom: 15px; } }
  body h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px; }
  body a[href^="mailto:"] {
    padding-left: 30px;
    position: relative;
    box-shadow: none !important;
    display: inline-block; }
    body a[href^="mailto:"]:before {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(/wp-content/themes/amperatech/img/mail.svg);
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px; }
  body a[href^="tel:"] {
    padding-left: 30px;
    position: relative;
    box-shadow: none !important;
    display: block; }
    body a[href^="tel:"]:before {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(/wp-content/themes/amperatech/img/phone.svg);
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px; }
  body ul {
    margin-left: 20px; }
  body.page-id-10 .site-content .wrap {
    max-width: 800px; }
    body.page-id-10 .site-content .wrap a[href^="mailto:"] {
      margin-bottom: 15px; }

.gallery .vce-row .l15 {
  left: -15px !important; }

.career .vce-row .l15 {
  left: -15px !important; }

.career .vce-row.vce-element--has-background[data-vce-full-width=true]:not([data-vce-stretch-content=true]) {
  left: -30px !important; }

.button a {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 30px; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

body.page-id-10 .n2-ss-slider-1 {
  height: 50vh !important; }
  body.page-id-10 .n2-ss-slider-1 .n2-ss-layers-container {
    height: 50vh !important;
    margin: 0 !important; }

.n2-ss-slider-1 {
  height: 80vh !important; }
  .n2-ss-slider-1 .n2-ss-slide {
    height: 100% !important; }
  .n2-ss-slider-1 .n2-ss-layers-container {
    height: 80vh !important;
    margin: 0 !important; }

.site-header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); }
  .site-header .wrapper {
    max-width: 1320px;
    margin: 0 auto; }
  .site-header .navigation-top {
    position: relative;
    float: right;
    width: auto;
    background: none;
    border: none; }
    .site-header .navigation-top .wrap {
      padding: 14px; }
      @media (max-width: 767px) {
        .site-header .navigation-top .wrap {
          padding: 0; } }
      .site-header .navigation-top .wrap .menu-toggle {
        font-size: 24px;
        line-height: 1;
        margin: 0;
        padding: 17px; }
        .site-header .navigation-top .wrap .menu-toggle svg {
          margin-right: 0;
          top: 0;
          width: 24px;
          height: 24px; }
        .site-header .navigation-top .wrap .menu-toggle:focus {
          outline: none; }
      @media (max-width: 767px) {
        .site-header .navigation-top .wrap .main-navigation ul {
          position: fixed;
          top: 60px;
          right: 0;
          transform: translateX(110%);
          transition: all 0.3s ease-in-out;
          z-index: 2;
          display: block;
          height: 100vh;
          padding: 0; }
          .site-header .navigation-top .wrap .main-navigation ul li a {
            border-radius: 0;
            padding: 15px 25px; } }
      @media (max-width: 767px) {
        .site-header .navigation-top .wrap .main-navigation.toggled-on ul {
          transform: translateX(0); } }
    .site-header .navigation-top .menu {
      border: none; }
      .site-header .navigation-top .menu li {
        border: none; }
        .site-header .navigation-top .menu li.current-menu-item a {
          background: #4098be;
          color: #fff; }
        .site-header .navigation-top .menu li a {
          border-radius: 25px;
          padding: 9px 20px;
          line-height: 1;
          color: #2a2d32;
          transition: 0.2s ease-in-out; }
          @media (min-width: 1024px) {
            .site-header .navigation-top .menu li a:hover {
              background: #4098be;
              color: #fff; } }
  .site-header .custom-header {
    float: left;
    margin-bottom: 0 !important; }
    .site-header .custom-header .site-branding {
      margin-bottom: 0 !important;
      padding: 0; }
      .site-header .custom-header .site-branding .wrap {
        padding: 0 35px; }
        @media (max-width: 640px) {
          .site-header .custom-header .site-branding .wrap {
            padding: 0 15px; } }
      .site-header .custom-header .site-branding .custom-logo-link {
        padding: 0;
        position: relative;
        height: 60px; }
        .site-header .custom-header .site-branding .custom-logo-link:hover {
          opacity: 1 !important; }
          @media (min-width: 1024px) {
            .site-header .custom-header .site-branding .custom-logo-link:hover:after {
              height: 40px;
              width: 250%; } }
        .site-header .custom-header .site-branding .custom-logo-link:after {
          content: '';
          display: block;
          position: absolute;
          background: url(/wp-content/themes/amperatech/img/filler.svg);
          background-size: contain;
          background-position: 50% 0%;
          background-repeat: no-repeat;
          height: 36px;
          width: 200%;
          bottom: 2px;
          left: 50%;
          z-index: -1;
          transform: translate(-50%, 100%);
          transition: all 0.2s ease-in-out; }
        .site-header .custom-header .site-branding .custom-logo-link img {
          height: 60px;
          width: 190px;
          display: block;
          margin-top: 15px; }
          @media (max-width: 640px) {
            .site-header .custom-header .site-branding .custom-logo-link img {
              height: 44px;
              width: 140px; } }

.site-content {
  padding: 0 !important; }
  .site-content .wrap {
    max-width: 1280px;
    padding: 0 20px; }
    .site-content .wrap .content-area {
      max-width: 1320px !important; }

.page-one-column .panel-content .wrap {
  max-width: 1240px;
  padding: 0; }

.vce-row.hide, .vce-col.hide {
  display: none !important; }

.vce-row .vce-row-content, .vce-col .vce-row-content {
  min-height: 0; }

.sidebar .third {
  flex-basis: 100% !important; }
  @media (max-width: 640px) {
    .sidebar .third {
      flex-basis: calc(100% / 3) !important; } }
  @media (max-width: 960px) {
    .sidebar .third .vce-col-inner {
      justify-content: center; } }

.sidebar .vce-row-content.sticky {
  position: fixed !important;
  top: 60px;
  left: 0 !important;
  width: 20%;
  max-width: 20%;
  z-index: 2;
  height: calc(100vh - 100px);
  background: #fff; }
  @media (max-width: 767px) {
    .sidebar .vce-row-content.sticky {
      top: 60px; } }
  @media (max-width: 640px) {
    .sidebar .vce-row-content.sticky {
      max-width: 100%;
      width: 100%;
      position: relative !important;
      top: 0;
      height: auto; } }

.home-offer .vce-row-content .third {
  flex-basis: 100% !important; }
  @media (max-width: 767px) {
    .home-offer .vce-row-content .third {
      flex-basis: calc(100% / 3) !important; } }
  @media (max-width: 640px) {
    .home-offer .vce-row-content .third {
      flex-basis: 100% !important;
      padding: 10px; } }
  .home-offer .vce-row-content .third:nth-of-type(2) {
    border-top: 1px solid #ddeaf0;
    border-bottom: 1px solid #ddeaf0; }
    @media (max-width: 767px) {
      .home-offer .vce-row-content .third:nth-of-type(2) {
        border: none; } }
  @media (max-width: 767px) {
    .home-offer .vce-row-content .third .vce-col-inner {
      display: block; } }
  .home-offer .vce-row-content .third .vce-col-inner .vce-raw-html {
    padding: 0 10px; }
    @media (max-width: 767px) {
      .home-offer .vce-row-content .third .vce-col-inner .vce-raw-html {
        max-width: 100% !important;
        width: 100%;
        padding: 10px; } }
    @media (max-width: 767px) {
      .home-offer .vce-row-content .third .vce-col-inner .vce-raw-html.offer-arrow {
        display: none; } }

.home-menu {
  text-align: center;
  z-index: 9;
  width: 100vw !important; }
  .home-menu .vce-row-content {
    padding: 0 !important; }
  .home-menu .tab {
    display: inline-block;
    transition: all 0.2s ease-in-out; }
    .home-menu .tab.current span a {
      background: #0076a8; }
    .home-menu .tab span {
      margin-bottom: 0; }
      .home-menu .tab span a {
        font-size: 18px; }
        @media (min-width: 1024px) {
          .home-menu .tab span a:hover {
            background: #0076a8; } }

.experience {
  z-index: 1;
  position: relative; }
  @media (max-width: 767px) {
    .experience .vce-row-content {
      text-align: center;
      flex-direction: column-reverse; }
      .experience .vce-row-content .vce-single-image-container {
        text-align: center; } }
  .experience .vce-text-block-wrapper {
    margin: 0 auto; }
  .experience .vce-single-image-wrapper {
    overflow: visible; }
    .experience .vce-single-image-wrapper .vce-single-image-inner {
      position: relative; }
      .experience .vce-single-image-wrapper .vce-single-image-inner:before {
        content: '15+';
        position: absolute;
        display: block;
        color: #0076a8;
        opacity: 0.1;
        font-size: 100px;
        font-weight: 700;
        top: 25px;
        right: 63%; }
        @media (max-width: 960px) {
          .experience .vce-single-image-wrapper .vce-single-image-inner:before {
            font-size: 60px; } }
        @media (max-width: 767px) {
          .experience .vce-single-image-wrapper .vce-single-image-inner:before {
            display: none; } }
      .experience .vce-single-image-wrapper .vce-single-image-inner:after {
        content: 'lat doświadczenia';
        position: absolute;
        display: block;
        color: #0076a8;
        opacity: 0.1;
        font-size: 100px;
        font-weight: 700;
        top: 25px;
        left: 60%;
        width: 100vw; }
        @media (max-width: 960px) {
          .experience .vce-single-image-wrapper .vce-single-image-inner:after {
            font-size: 60px; } }
        @media (max-width: 767px) {
          .experience .vce-single-image-wrapper .vce-single-image-inner:after {
            display: none; } }
  .experience .vce-text-block-wrapper {
    max-width: 540px; }

.vce-row-content {
  display: block; }
  .vce-row-content .third {
    width: 100%;
    padding: 35px 0;
    margin: 0 !important;
    max-width: 100% !important; }
    .vce-row-content .third:hover .vce-raw-html:first-of-type .vce-raw-html-wrapper svg {
      transform: scale(1.2); }
      @media (min-width: 1024px) {
        .vce-row-content .third:hover .vce-raw-html:first-of-type .vce-raw-html-wrapper svg path, .vce-row-content .third:hover .vce-raw-html:first-of-type .vce-raw-html-wrapper svg polygon, .vce-row-content .third:hover .vce-raw-html:first-of-type .vce-raw-html-wrapper svg circle, .vce-row-content .third:hover .vce-raw-html:first-of-type .vce-raw-html-wrapper svg rect {
          fill: #0076a8 !important; } }
    @media (min-width: 1024px) {
      .vce-row-content .third:hover .vce-raw-html:first-of-type .vce-raw-html-wrapper h4 {
        color: #0076a8 !important; } }
    .vce-row-content .third:hover .offer-arrow {
      transform: translate(-45%, -50%) !important; }
      @media (min-width: 1024px) {
        .vce-row-content .third:hover .offer-arrow .vce-raw-html-wrapper svg path, .vce-row-content .third:hover .offer-arrow .vce-raw-html-wrapper svg polygon, .vce-row-content .third:hover .offer-arrow .vce-raw-html-wrapper svg circle, .vce-row-content .third:hover .offer-arrow .vce-raw-html-wrapper svg rect {
          fill: #0076a8; } }
    .vce-row-content .third:hover .arrow2 {
      transform: translate(-55%, -50%) !important; }
    .vce-row-content .third .vce-col-inner {
      display: flex;
      position: relative; }
      .vce-row-content .third .vce-col-inner .vce-raw-html {
        float: left;
        text-align: center;
        max-width: 180px !important;
        min-width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer; }
        @media (min-width: 1024px) {
          .vce-row-content .third .vce-col-inner .vce-raw-html:hover .vce-raw-html-wrapper svg path, .vce-row-content .third .vce-col-inner .vce-raw-html:hover .vce-raw-html-wrapper svg polygon, .vce-row-content .third .vce-col-inner .vce-raw-html:hover .vce-raw-html-wrapper svg circle, .vce-row-content .third .vce-col-inner .vce-raw-html:hover .vce-raw-html-wrapper svg rect {
            fill: #0076a8 !important; } }
        @media (min-width: 1024px) {
          .vce-row-content .third .vce-col-inner .vce-raw-html:hover .vce-raw-html-wrapper h4, .vce-row-content .third .vce-col-inner .vce-raw-html:hover .vce-raw-html-wrapper p {
            color: #0076a8 !important; } }
        .vce-row-content .third .vce-col-inner .vce-raw-html.offer-arrow {
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          left: 20%;
          transition: all 0.2s ease-in-out;
          min-width: 100px; }
          @media (max-width: 960px) {
            .vce-row-content .third .vce-col-inner .vce-raw-html.offer-arrow .vce-raw-html-wrapper svg {
              width: 35px;
              height: 35px; } }
          .vce-row-content .third .vce-col-inner .vce-raw-html.offer-arrow .vce-raw-html-wrapper svg path, .vce-row-content .third .vce-col-inner .vce-raw-html.offer-arrow .vce-raw-html-wrapper svg polygon, .vce-row-content .third .vce-col-inner .vce-raw-html.offer-arrow .vce-raw-html-wrapper svg circle, .vce-row-content .third .vce-col-inner .vce-raw-html.offer-arrow .vce-raw-html-wrapper svg rect {
            transition: all 0.2s ease-in-out; }
        .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper {
          max-width: 180px;
          margin: 0 auto; }
          .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg {
            width: 65px;
            height: 65px;
            transition: all 0.2s ease-in-out; }
            .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg path, .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg polygon, .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg circle, .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg rect {
              transition: all 0.2s ease-in-out; }
            @media (max-width: 960px) {
              .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg {
                width: 50px;
                height: 50px; } }
          .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper h4 {
            font-weight: 700; }
          .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper h4, .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper p {
            transition: all 0.2s ease-in-out;
            font-size: 18px;
            margin: 10px 0; }
            @media (max-width: 767px) {
              .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper h4, .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper p {
                font-size: 16px; } }
            @media (max-width: 640px) {
              .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper h4, .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper p {
                font-size: 14px;
                margin: 0; } }

#el-8417e229 {
  transform: translateY(11.5%); }

@media (max-width: 1024px) {
  .about {
    margin-top: 15px !important; } }

@media (min-width: 1280px) {
  .gallery *[data-vce-full-width] {
    width: 100vw !important; } }

.gallery .vce-row-content,.career .vce-row-content {
  padding-right: 0 !important;
  padding-left: 0 !important; }

@media (min-width: 1280px) {
  .career *[data-vce-full-width] {
    width: 100vw !important; } }

.offer {
  color: #fff;
  font-size: 16px; }
  .offer .vce-col--md-80p .vce-col-inner .vce-row-container:first-child {
    font-size: 18px; }
  .offer ul {
    padding-left: 30px;
    margin-bottom: 0; }
  .offer > .vce-row-content {
    margin: 0 auto;
    padding: 0 !important; }
    .offer > .vce-row-content .third {
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      padding: 40px 18px;
      border: none;
      max-height: calc(100% / 3) !important; }
      @media (max-width: 767px) {
        .offer > .vce-row-content .third {
          padding: 25px 15px; } }
      @media (max-width: 640px) {
        .offer > .vce-row-content .third {
          padding: 15px 5px;
          max-height: 100% !important; } }
      .offer > .vce-row-content .third .offer-arrow svg {
        width: 50px !important;
        height: 50px !important; }
      .offer > .vce-row-content .third .vce-raw-html:first-of-type .vce-raw-html-wrapper svg {
        width: 85px;
        height: 85px; }
        @media (max-width: 1440px) {
          .offer > .vce-row-content .third .vce-raw-html:first-of-type .vce-raw-html-wrapper svg {
            width: 50px;
            height: 50px; } }
      .offer > .vce-row-content .third.current {
        background: #0076a8; }
        .offer > .vce-row-content .third.current .offer-arrow {
          transform: translate(-110%, -50%) !important; }
          @media (max-width: 1280px) {
            .offer > .vce-row-content .third.current .offer-arrow {
              transform: translate(-60%, -50%) !important; } }
        .offer > .vce-row-content .third.current .arrow2 {
          transform: translate(-130%, -50%) !important; }
          @media (max-width: 1280px) {
            .offer > .vce-row-content .third.current .arrow2 {
              transform: translate(-80%, -50%) !important; } }
        .offer > .vce-row-content .third.current .vce-raw-html .vce-raw-html-wrapper svg {
          width: 85px;
          height: 85px; }
          @media (max-width: 1440px) {
            .offer > .vce-row-content .third.current .vce-raw-html .vce-raw-html-wrapper svg {
              width: 50px;
              height: 50px; } }
          .offer > .vce-row-content .third.current .vce-raw-html .vce-raw-html-wrapper svg path, .offer > .vce-row-content .third.current .vce-raw-html .vce-raw-html-wrapper svg polygon {
            fill: #fff !important; }
        .offer > .vce-row-content .third.current .vce-raw-html .vce-raw-html-wrapper h4 {
          color: #fff !important; }
      @media (min-width: 1024px) {
        .offer > .vce-row-content .third:hover {
          background: #0076a8; }
          .offer > .vce-row-content .third:hover .offer-arrow {
            transform: translate(-110%, -50%) !important; } }
    @media (min-width: 1024px) and (max-width: 1280px) {
      .offer > .vce-row-content .third:hover .offer-arrow {
        transform: translate(-60%, -50%) !important; } }
      @media (min-width: 1024px) {
          .offer > .vce-row-content .third:hover .arrow2 {
            transform: translate(-130%, -50%) !important; } }
    @media (min-width: 1024px) and (max-width: 1280px) {
      .offer > .vce-row-content .third:hover .arrow2 {
        transform: translate(-80%, -50%) !important; } }
      @media (min-width: 1024px) {
        .offer > .vce-row-content .third:hover .vce-raw-html .vce-raw-html-wrapper svg path, .offer > .vce-row-content .third:hover .vce-raw-html .vce-raw-html-wrapper svg polygon {
          fill: #fff !important; } }
      @media (min-width: 1024px) {
        .offer > .vce-row-content .third:hover .vce-raw-html .vce-raw-html-wrapper h4 {
          color: #fff !important; } }
      .offer > .vce-row-content .third .vce-col-inner .offer-arrow {
        transform: translate(-120%, -50%);
        left: 100%; }
        @media (max-width: 1280px) {
          .offer > .vce-row-content .third .vce-col-inner .offer-arrow {
            transform: translate(-70%, -50%); } }
        @media (max-width: 960px) {
          .offer > .vce-row-content .third .vce-col-inner .offer-arrow {
            display: none; } }
    .offer > .vce-row-content > .vce-col.vce-col--md-20p {
      flex-basis: 20vw !important;
      width: 20vw !important;
      max-width: 20% !important;
      margin: 0; }
      @media (max-width: 640px) {
        .offer > .vce-row-content > .vce-col.vce-col--md-20p {
          flex-basis: 100vw !important;
          width: 100vw !important;
          max-width: 100% !important; } }
    .offer > .vce-row-content > .vce-col.vce-col--md-80p {
      flex-basis: 80vw !important;
      width: 80vw !important;
      max-width: 80% !important;
      margin: 0; }
      @media (max-width: 640px) {
        .offer > .vce-row-content > .vce-col.vce-col--md-80p {
          flex-basis: 100vw !important;
          width: 100vw !important;
          max-width: 100% !important; } }
      .offer > .vce-row-content > .vce-col.vce-col--md-80p > .vce-col-inner > .vce-row-container > .vce-row {
        padding: 35px 50px;
        box-sizing: border-box; }
        @media (max-width: 640px) {
          .offer > .vce-row-content > .vce-col.vce-col--md-80p > .vce-col-inner > .vce-row-container > .vce-row {
            padding: 15px; } }
        .offer > .vce-row-content > .vce-col.vce-col--md-80p > .vce-col-inner > .vce-row-container > .vce-row .vce-text-block .vce-text-block-wrapper {
          max-width: 640px;
          margin-bottom: 0; }
    .offer > .vce-row-content > .vce-col > .vce-col-inner > .vce-row-container > .vce-row {
      left: 0 !important;
      width: auto !important; }
      .offer > .vce-row-content > .vce-col > .vce-col-inner > .vce-row-container > .vce-row > .vce-row-content {
        padding: 0 !important; }

.pros .vce-row-content {
  align-items: normal;
  justify-content: center; }
  .pros .vce-row-content .third {
    border-radius: 50px;
    padding: 30px 0;
    width: calc(100% / 3 - 20px);
    transition: all 0.2s ease-in-out;
    cursor: default; }
    @media (max-width: 767px) {
      .pros .vce-row-content .third {
        padding: 15px 0; } }
    @media (min-width: 1024px) {
      .pros .vce-row-content .third:hover {
        background: #f7f9fa; } }
    .pros .vce-row-content .third .vce-col-inner {
      display: flex;
      position: relative;
      justify-content: center; }
      .pros .vce-row-content .third .vce-col-inner .vce-raw-html {
        float: left;
        text-align: center;
        max-width: 220px !important;
        min-width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .pros .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper {
          max-width: 220px;
          margin: 0 auto; }
          .pros .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg {
            width: 80px;
            height: 80px;
            margin-bottom: 25px; }
            @media (max-width: 960px) {
              .pros .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper svg {
                margin-bottom: 10px;
                width: 50px;
                height: 50px; } }
          .pros .vce-row-content .third .vce-col-inner .vce-raw-html .vce-raw-html-wrapper h4 {
            font-weight: 700; }

.site-footer {
  background: #1d1f22;
  color: #fff;
  margin-top: 0;
  font-size: 14px;
  position: relative;
  z-index: 2;
  border: none; }
  .site-footer .wrap {
    max-width: 1280px;
    padding: 13px 20px; }
    .site-footer .wrap a {
      color: #fff; }
    .site-footer .wrap .left {
      line-height: 1;
      width: auto; }
      @media (max-width: 640px) {
        .site-footer .wrap .left {
          width: 100%;
          text-align: center;
          padding: 5px; } }
      .site-footer .wrap .left > * {
        float: left;
        margin-right: 20px;
        width: auto;
        padding: 0; }
        @media (max-width: 767px) {
          .site-footer .wrap .left > * {
            float: none;
            margin-right: 0; } }
    .site-footer .wrap .right {
      line-height: 1; }
      @media (max-width: 640px) {
        .site-footer .wrap .right {
          width: 100%;
          text-align: center;
          padding: 5px; } }