/*
  Mapache Test — landing page styles
  Recreated from the live site (https://mapachetest.net/), originally the "NMT Landing" WordPress theme by Raccoon Gang.
*/

/* WordPress lazy-sizing helper kept for srcset sizes="auto" images */
img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px;
}

/* Mapache Test — fonts */

@font-face {
  font-family:"Barlow Semi Condensed";
  src:local("Barlow Semi Condensed Regular"),local("BarlowSemiCondensed-Regular"),url("../fonts/BarlowSemiCondensed-Regular.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:"Barlow Semi Condensed";
  src:local("Barlow Semi Condensed Medium"),local("BarlowSemiCondensed-Medium"),url("../fonts/BarlowSemiCondensed-Medium.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:"Barlow Semi Condensed";
  src:local("Barlow Semi Condensed SemiBold"),local("BarlowSemiCondensed-SemiBold"),url("../fonts/BarlowSemiCondensed-SemiBold.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:"Barlow Semi Condensed";
  src:local("Barlow Semi Condensed Bold"),local("BarlowSemiCondensed-Bold"),url("../fonts/BarlowSemiCondensed-Bold.woff2") format("woff2");
  font-weight:bold;
  font-style:normal;
  font-display:swap
}


/* Base reset + layout + components */

a,
abbr,
acronym,
address,
area,
b,
bdo,
big,
blockquote,
body,
button,
caption,
cite,
code,
col,
colgroup,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
images,
ins,
kbd,
label,
legend,
li,
map,
object,
ol,
p,
param,
pre,
q,
samp,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  margin:0;
  padding:0;
  vertical-align:baseline
}

img {
  max-width:100%;
  height:auto;
  vertical-align:bottom
}

body {
  margin:0;
  color:#28272d;
  font-family:"Barlow Semi Condensed",sans-serif;
  font-size:20px;
  background:#fff
}

ol {
  padding-left:20px
}

ol li {
  margin-bottom:10px
}

#page {
  width:100%;
  overflow:hidden;
  padding-top:80px
}

.content-wrapper {
  max-width:1172px;
  margin:0 auto
}

#branding {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:200;
  background:#fff
}

#branding .content-wrapper {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 0
}

#branding .content-wrapper nav ul {
  font-size:24px;
  font-weight:700;
  display:flex;
  justify-content:space-between;
  margin:0;
  list-style:none;
  width:860px
}

#branding .content-wrapper nav ul a {
  color:#28272d;
  text-decoration:none;
  transition:ease 350ms all
}

#branding .content-wrapper nav ul a:hover,
#branding .content-wrapper nav ul a.active {
  color:#e89f89
}

.main-banner {
  padding-bottom:175px
}

.main-banner .banner-tile {
  width:740px;
  background:hsla(0,0%,100%,.6);
  box-sizing:border-box;
  padding:140px 55px 65px 70px;
  margin:0 0 0 -70px;
  position:relative;
  overflow:hidden
}

.main-banner .banner-tile:after {
  width:112px;
  height:112px;
  background:#fff;
  content:"";
  position:absolute;
  bottom:-57px;
  right:-57px;
  transform:rotate(45deg)
}

.main-banner .banner-tile h1 {
  color:#28272d;
  font-size:96px;
  line-height:100%;
  margin:0 0 40px
}

.main-banner .banner-tile p {
  font-size:32px;
  line-height:120%;
  color:#28272d;
  margin:0 0 38px;
  font-weight:600;
  padding-right:43px
}

.main-banner .banner-tile span.tagline {
  font-size:32px;
  line-height:120%;
  color:#fff;
  background:#e89f89;
  font-weight:700;
  padding:7px 11px;
  margin:0 0 20px;
  display:block
}

a.btn {
  display:inline-block;
  vertical-align:top;
  font-size:32px;
  font-weight:600;
  color:#fff;
  background:#28272d;
  text-decoration:none;
  padding:11px 67px;
  transition:ease 350ms all
}

a.btn:hover {
  background:#e89f89
}

.entry-content {
  color:#28272d;
  font-size:20px;
  line-height:120%;
  padding:150px 0 140px 30px;
  border-left:9px solid #ffc4b2
}

.entry-content h2,
.entry-content h3 {
  font-size:52px;
  line-height:100%;
  color:#e58162;
  margin:30px 0 20px
}

.entry-content h3 {
  font-size:32px
}

.results {
  background:#28272d;
  width:100%
}

.results h2 {
  border-left:9px solid #ffc4b2;
  padding:135px 0 0 30px;
  font-size:52px;
  line-height:100%;
  margin:0 0 35px;
  color:#ffc4b2;
  max-width:700px
}

.results p.desc {
  font-size:20px;
  line-height:120%;
  margin:0 0 50px 40px;
  max-width:470px;
  color:#ffc4b2
}

.results .results-grid {
  display:flex;
  flex-wrap:wrap;
  padding-bottom:135px
}

.results .results-grid .el {
  display:flex;
  justify-content:flex-start;
  margin:0 0 30px;
  height:250px
}

.results .results-grid .el .text-wrapper {
  background:rgba(234,230,255,.1098039216);
  padding:35px;
  box-sizing:border-box;
  min-height:250px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  margin:0 30px 0 0;
  flex-direction:column
}

.results .results-grid .el .text-wrapper h3 {
  color:#fff;
  font-size:32px;
  font-weight:600;
  margin:0 0 25px
}

.results .results-grid .el .text-wrapper p {
  font-size:20px;
  line-height:120%;
  margin:0;
  max-width:260px;
  color:#fff
}

.results .results-grid .el .icon-wrapper {
  background:#19181d;
  min-width:250px;
  display:flex;
  align-items:flex-end
}

.results .results-grid .el:nth-child(1) .text-wrapper {
  width:610px
}

.results .results-grid .el:nth-child(2) {
  width:610px;
  margin-right:30px
}

.results .results-grid .el:nth-child(3) {
  width:530px
}

.results .results-grid .el:nth-child(4) .text-wrapper {
  width:435px
}

.results .results-grid .el:nth-child(4) .text-wrapper p {
  max-width:380px
}

.partners {
  width:100%
}

.partners .content-wrapper {
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  padding:150px 0 160px
}

.partners .content-wrapper .left-col {
  width:52%;
  background:#ffc4b2;
  padding:60px 40px 45px;
  color:#28272d;
  box-sizing:border-box
}

.partners .content-wrapper .left-col h2,
.partners .content-wrapper .left-col h3 {
  font-size:52px;
  line-height:100%;
  color:#28272d;
  margin:0 0 20px
}

.partners .content-wrapper .left-col p {
  font-size:20px;
  line-height:120%;
  margin:0 0 10px;
  color:#28272d;
  max-width:430px
}

.partners .content-wrapper .right-col {
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:46%;
  position:relative;
  overflow:hidden
}

.partners .content-wrapper .right-col:after {
  width:112px;
  height:112px;
  background:#3d3c44;
  content:"";
  position:absolute;
  bottom:-57px;
  right:-57px;
  transform:rotate(45deg)
}

.testimonials {
  width:100%;
  background:#28272d
}

.testimonials .content-wrapper {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  padding:180px 0
}

.testimonials .content-wrapper .left-col {
  border-left:9px solid #ffc4b2;
  padding:0 25px 70px 30px;
  box-sizing:border-box;
  width:49%;
  position:relative;
  overflow:hidden;
  color:#fff
}

.testimonials .content-wrapper .left-col h2 {
  font-size:52px;
  line-height:120%;
  color:#ffc4b2;
  margin:0 0 65px
}

.testimonials .content-wrapper .left-col cite {
  font-size:20px;
  font-weight:500;
  line-height:120%;
  display:block;
  font-style:normal;
  margin:0 0 30px
}

.testimonials .content-wrapper .left-col cite strong {
  display:block;
  padding-top:4px
}

.testimonials .content-wrapper .left-col blockquote {
  font-size:20px;
  line-height:120%;
  font-style:italic
}

.testimonials .content-wrapper .left-col:after {
  width:112px;
  height:112px;
  background:#ffc4b2;
  content:"";
  position:absolute;
  bottom:-57px;
  right:-57px;
  transform:rotate(45deg)
}

.testimonials .content-wrapper .right-col {
  width:46%;
  color:#fff
}

.testimonials .content-wrapper .right-col p {
  margin:0 0 0
}

.testimonials .content-wrapper .right-col p strong {
  display:block;
  padding-top:4px
}

.testimonials .content-wrapper .right-col iframe {
  max-width:530px;
  width:100%
}

.promo {
  width:100%;
  padding:200px 0 175px
}

.promo .content-wrapper {
  justify-content:space-between;
  align-items:center;
  display:flex;
  max-width:1000px;
  width:100%
}

.promo .content-wrapper h2 {
  font-size:52px;
  line-height:120%;
  color:#28272d;
  margin:0 0 30px
}

.promo .text-wrapper {
  max-width:560px;
  font-size:20px;
  line-height:120%;
  margin:0 0 10px;
  font-weight:500
}

.contacts {
  background:#ffc4b2;
  width:100%;
  padding:120px 0
}

.contacts .content-wrapper {
  display:flex;
  justify-content:flex-start
}

.contacts .content-wrapper .left-col {
  width:48.5%;
  background:#fff;
  box-sizing:border-box;
  padding:50px 35px;
  color:#28272d;
  position:relative;
  overflow:hidden;
  margin:0 65px 0 0
}

.contacts .content-wrapper .left-col:after {
  width:112px;
  height:112px;
  background:#e58162;
  content:"";
  position:absolute;
  bottom:-57px;
  right:-57px;
  transform:rotate(45deg)
}

.contacts .content-wrapper .left-col h2 {
  font-size:32px;
  line-height:120%;
  margin:0 0 10px;
  color:#28272d
}

.contacts .content-wrapper .left-col h3 {
  font-size:20px;
  line-height:120%;
  margin:0 0 5px
}

.contacts .content-wrapper .left-col a {
  text-decoration:underline;
  color:#28272d;
  font-weight:500
}

.contacts .content-wrapper .left-col a:hover {
  text-decoration:none
}

.contacts .content-wrapper .left-col .email,
.contacts .content-wrapper .left-col .phone {
  padding-top:24px
}

.contacts .content-wrapper .right-col {
  width:40%;
  color:#28272d
}

.contacts .content-wrapper .right-col h3 {
  font-size:52px;
  line-height:120%;
  margin:0 0 25px
}

.contacts .content-wrapper .right-col p {
  font-weight:500;
  max-width:350px;
  margin:0 0 48px
}

.keys {
  background:url(../img/bg-keys.jpg) no-repeat 50% 0;
  background-size:cover;
  padding:150px 0 350px
}

.keys h2 {
  font-size:52px;
  line-height:120%;
  color:#28272d;
  padding:35px;
  box-sizing:border-box;
  max-width:806px;
  background:#fff;
  position:relative;
  overflow:hidden;
  margin:0 0 65px
}

.keys h2:after {
  width:112px;
  height:112px;
  background:#ffc4b2;
  content:"";
  position:absolute;
  bottom:-57px;
  right:-57px;
  transform:rotate(45deg)
}

.keys .slides {
  color:#fff;
  font-size:28px;
  font-weight:500;
  position:relative
}

.keys .slides .text-wrap {
  max-width:908px
}

.keys .slides ul,
.keys .slides ol {
  font-size:28px;
  font-weight:500;
  color:#fff;
  margin:0 0 40px 40px
}

.keys .slides ul li,
.keys .slides ol li {
  margin:0 0 20px
}

.keys .slides ul.two-cols {
  column-count:2
}

.keys .slides h3 {
  color:#fff;
  font-size:64px;
  line-height:120%;
  margin:0 0 30px;
  font-weight:600
}

.keys .slides p {
  font-size:28px;
  font-weight:500;
  margin:0 0 30px;
  color:#fff
}

.keys .slides .arrow {
  position:absolute;
  right:0;
  top:20px;
  width:70px;
  height:70px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  z-index:20;
  cursor:pointer
}

.keys .slides .arrow.prev {
  right:100px
}

.keys .slides .arrow:hover {
  background:#ffc4b2
}

.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}

.slick-list {
  position:relative;
  overflow:hidden;
  display:block;
  margin:0;
  padding:0
}

.slick-list:focus {
  outline:none
}

.slick-list.dragging {
  cursor:pointer;
  cursor:hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
}

.slick-track {
  position:relative;
  left:0;
  top:0;
  display:block;
  margin-left:auto;
  margin-right:auto
}

.slick-track:before,
.slick-track:after {
  content:"";
  display:table
}

.slick-track:after {
  clear:both
}

.slick-loading .slick-track {
  visibility:hidden
}

.slick-slide {
  float:left;
  height:100%;
  min-height:1px;
  display:none
}

[dir=rtl] .slick-slide {
  float:right
}

.slick-slide img {
  display:block
}

.slick-slide.slick-loading img {
  display:none
}

.slick-slide.dragging img {
  pointer-events:none
}

.slick-initialized .slick-slide {
  display:block
}

.slick-loading .slick-slide {
  visibility:hidden
}

.slick-vertical .slick-slide {
  display:block;
  height:auto;
  border:1px solid rgba(0,0,0,0)
}

.slick-arrow.slick-hidden {
  display:none
}

img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto
}

img.alignright {
  display:inline;
  margin:0 0 20px 80px;
  padding:4px
}

img.alignleft {
  display:inline;
  margin:0 80px 20px 0;
  padding:4px
}

.alignright {
  float:right
}

.alignleft {
  float:left
}

@media all and (max-width: 1190px) {
  #branding .content-wrapper,
  .content-wrapper {
    padding-left:20px !important;
    padding-right:20px !important
  }
  #branding .content-wrapper nav ul {
    width:auto
  }
  #branding .content-wrapper nav ul li {
    margin-left:32px
  }
}

@media all and (max-width: 1140px) {
  .results .results-grid .el {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important
  }
  .results .results-grid .el .text-wrapper {
    width:calc(100% - 260px) !important
  }
  .results .results-grid .el .icon-wrapper {
    width:250px
  }
  .results .results-grid .el .text-wrapper p,
  .results .results-grid .el:nth-child(4) .text-wrapper p {
    max-width:100%
  }
  .keys .slides .text-wrap {
    max-width:calc(100% - 200px)
  }
}

@media all and (max-width: 1040px) {
  img.alignright,
  img.alignleft {
    float:none;
    margin-left:0;
    margin-right:0;
    max-width:100%;
    height:auto
  }
  .promo .content-wrapper {
    max-width:90%
  }
  .promo .content-wrapper img {
    margin-right:40px;
    max-width:35%;
    height:auto
  }
  .entry-content {
    border-left:0;
    padding-left:0;
    padding-top:90px;
    padding-bottom:90px
  }
  img.alignright,
  img.alignleft {
    width:100%;
    height:auto;
    padding:0
  }
  .results h2 {
    padding-left:0;
    padding-top:80px;
    border:none
  }
  .results p.desc {
    margin-left:0
  }
  .results .results-grid {
    padding-bottom:70px
  }
  .partners .content-wrapper {
    padding:90px 0
  }
  .keys {
    padding:90px 0
  }
  .testimonials .content-wrapper {
    padding:80px 0
  }
  .testimonials .content-wrapper .left-col {
    border:none;
    padding-left:0
  }
  .promo {
    padding:90px 0 85px
  }
}

@media all and (max-width: 940px) {
  .main-banner {
    padding-bottom:0
  }
  .main-banner .banner-tile:after {
    display:none
  }
  #branding .content-wrapper nav ul {
    font-size:20px
  }
  .main-banner .banner-tile h1 {
    font-size:56px
  }
  .main-banner .banner-tile {
    padding-top:45px
  }
  .main-banner .banner-tile p {
    font-size:26px;
    padding-right:0
  }
  .main-banner .banner-tile span.tagline {
    font-size:26px;
    display:inline-block;
    margin-bottom:50px
  }
  .main-banner .banner-tile {
    width:calc(100% + 40px);
    padding-right:35px;
    margin-left:-20px;
    padding-left:20px
  }
  .results h2 {
    padding-top:80px
  }
  .results .results-grid .el:nth-child(1) .text-wrapper {
    width:100%
  }
  .results .results-grid .el .text-wrapper {
    min-height:0
  }
  .entry-content img.alignright,
  .entry-content img.alignleft {
    float:none;
    margin-left:auto;
    margin-right:auto;
    max-width:100%;
    height:auto
  }
  .keys {
    padding-bottom:185px
  }
  .keys .slides .arrow {
    top:auto;
    bottom:-100px;
    left:50%;
    transform:translate(-50%, 0)
  }
  .keys .next.arrow {
    margin-left:45px
  }
  .keys .prev.arrow {
    margin-left:-45px
  }
  .keys .slides h3 {
    font-size:48px
  }
  .keys .slides p {
    font-size:22px
  }
  .keys .slides .text-wrap {
    max-width:100%
  }
  .entry-content h2 {
    margin-top:0
  }
  img.alignright,
  img.alignleft {
    margin-bottom:35px
  }
  .results .results-grid {
    padding-bottom:65px
  }
  .partners .content-wrapper {
    padding:90px 0
  }
  .promo {
    padding:100px 0
  }
  .partners .content-wrapper .left-col h2,
  .partners .content-wrapper .left-col h3 {
    font-size:44px
  }
  .main-banner {
    background-position:0 0 !important
  }
  .main-banner .banner-tile {
    padding-right:240px !important
  }
  .contacts {
    padding:90px 0
  }
}

a.mob-btn {
  display:none
}

@media all and (min-width: 768px) {
  #branding .content-wrapper nav ul {
    display:flex !important
  }
}

@media all and (max-width: 767px) {
  .partners .content-wrapper {
    display:block
  }
  .partners .content-wrapper .left-col {
    width:100%;
    margin-bottom:45px
  }
  .partners .content-wrapper .right-col {
    width:100%
  }
  .partners .content-wrapper .right-col img {
    display:block;
    margin-left:auto;
    margin-right:auto
  }
  .partners .content-wrapper .left-col p {
    max-width:100%
  }
  .keys h2 {
    font-size:38px
  }
  .keys .slides h3 {
    font-size:36px
  }
  .testimonials .content-wrapper {
    padding:90px 0;
    display:block
  }
  .testimonials .content-wrapper .left-col {
    margin-bottom:45px
  }
  .testimonials .content-wrapper .left-col,
  .testimonials .content-wrapper .right-col {
    width:100%
  }
  .testimonials .content-wrapper .right-col iframe {
    max-width:100%
  }
  .contacts .content-wrapper .right-col h3 {
    font-size:38px
  }
  .contacts .content-wrapper .left-col {
    margin-right:20px;
    width:52.5%
  }
  a.btn {
    padding-left:35px;
    padding-right:35px
  }
  .contacts {
    padding:75px 0
  }
  .contacts .content-wrapper .left-col {
    padding:35px 20px;
    width:57.5%
  }
  #branding .content-wrapper nav ul {
    position:absolute;
    width:100%;
    top:100%;
    left:0;
    background:#fff;
    display:block;
    text-align:center
  }
  #branding .content-wrapper nav ul li {
    margin-left:0;
    margin-bottom:30px
  }
  a.mob-btn {
    position:relative;
    width:28px;
    display:block;
    height:20px
  }
  a.mob-btn span {
    width:100%;
    height:2px;
    position:absolute;
    top:0;
    left:0;
    background:#e89f89;
    transition:ease 350ms all
  }
  a.mob-btn span:nth-child(2) {
    top:8px
  }
  a.mob-btn span:nth-child(3) {
    top:16px
  }
  a.mob-btn.active span:nth-child(1) {
    top:12px;
    transform:rotate(45deg)
  }
  a.mob-btn.active span:nth-child(3) {
    top:12px;
    transform:rotate(-45deg)
  }
  a.mob-btn.active span:nth-child(2) {
    left:200px;
    opacity:0
  }
  #branding .content-wrapper nav ul {
    display:none
  }
  .main-banner .banner-tile {
    padding-right:120px !important
  }
  .partners .content-wrapper .right-col:after,
  .keys h2:after,
  .testimonials .content-wrapper .left-col:after {
    display:none
  }
}

@media all and (max-width: 635px) {
  .results .results-grid .el {
    flex-wrap:wrap;
    height:auto
  }
  .results .results-grid .el .icon-wrapper {
    order:1;
    width:100%
  }
  .results .results-grid .el .text-wrapper {
    width:100% !important;
    margin-right:0 !important;
    order:2
  }
  .promo .content-wrapper h2 {
    font-size:32px
  }
  .promo {
    padding:60px 0
  }
  .contacts .content-wrapper {
    display:block
  }
  .contacts .content-wrapper .left-col {
    width:100%;
    box-sizing:border-box;
    margin-right:0;
    margin-bottom:60px
  }
  .contacts .content-wrapper .right-col {
    width:100%
  }
  .contacts .content-wrapper .right-col p {
    max-width:100%
  }
}

@media all and (max-width: 480px) {
  .main-banner .content-wrapper {
    padding-left:0 !important;
    padding-right:0 !important
  }
  .main-banner .banner-tile {
    margin-left:0;
    padding:30px 20px 60px !important;
    width:100%
  }
  .main-banner {
    padding-bottom:0 !important
  }
  .main-banner .banner-tile p {
    padding-right:0
  }
  .promo .content-wrapper {
    display:block
  }
  .promo .content-wrapper img {
    margin:0 auto 35px;
    display:block
  }
  .results h2,
  .entry-content h2,
  .entry-content h3,
  .testimonials .content-wrapper .left-col h2 {
    font-size:45px
  }
  .partners .content-wrapper .left-col {
    padding:40px 25px 45px
  }
  .partners .content-wrapper .left-col h2,
  .partners .content-wrapper .left-col h3 {
    font-size:38px
  }
  .results .results-grid .el .text-wrapper {
    padding:25px 25px 35px
  }
  .testimonials .content-wrapper .left-col h2 {
    margin-bottom:35px
  }
  a.btn {
    display:block;
    text-align:center
  }
  .keys h2 {
    padding:25px
  }
  .promo .text-wrapper {
    text-align:center
  }
  .promo .content-wrapper {
    box-sizing:border-box
  }
}

@media all and (max-width: 330px) {
  .keys h2 {
    font-size:32px
  }
}


/* Special styles (background, mobile partner logos) */

.keys {
  background: url(../img/bg-keys.jpg) no-repeat 50% 0;
  background-size:cover;
}

.right-col.mob {
  display:none !important;
}

@media all and (max-width:767px) {
  .right-col.desktop {
    display:none !important;
  }
  .right-col.mob {
    display:block !important;
  }
  .right-col.mob img {
    margin-bottom:60px;
  }
  .right-col.mob img:last-child {
    margin-bottom:0;
  }
}

@media all and (max-width:635px) {
  .results .results-grid .el .icon-wrapper img {
    max-height:80%;
  }
  .results .results-grid .el .icon-wrapper {
    align-items:center;
  }
}


/* Late overrides */

@media all and (max-width:635px) {
  .results .results-grid .el .icon-wrapper img {
    display:block;
    margin:0 auto;
  }
}