[data-icon]:before {
  font-family: "icebreaker" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icebreaker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-icon-drag:before {
  content: "\61"; }

.icon-icon-wind:before {
  content: "\62"; }

.icon-icon-layers:before {
  content: "\63"; }

.icon-icon-snow-flake:before {
  content: "\64"; }

.icon-icon-recycle:before {
  content: "\65"; }

.icon-icon-water-drop:before {
  content: "\66"; }

.icon-icon-cross-hair:before {
  content: "\67"; }

.icon-icon-sun:before {
  content: "\68"; }

.icon-icon-clouded:before {
  content: "\69"; }

.icon-icon-rain:before {
  content: "\6a"; }

.icon-icon-snowing:before {
  content: "\6b"; }

.icon-icon-store:before {
  content: "\6c"; }

.icon-icon-search:before {
  content: "\6d"; }

.icon-icon-arrow-big-down:before {
  content: "\6e"; }

.icon-icon-arrow-left:before {
  content: "\6f"; }

.icon-icon-arrow-up:before {
  content: "\70"; }

.icon-icon-arrow-big-right:before {
  content: "\71"; }

.icon-icon-arrow-big-left:before {
  content: "\72"; }

.icon-icon-arrow-down:before {
  content: "\73"; }

.icon-icon-plus:before {
  content: "\75"; }

.icon-icon-close:before {
  content: "\76"; }

.icon-icon-play-circle:before {
  content: "\77"; }

.icon-icon-play:before {
  content: "\78"; }

.icon-icon-bag:before {
  content: "\7a"; }

.icon-icon-arrow-right:before {
  content: "\41"; }

.icon-icon-arrow-big-up:before {
  content: "\42"; }

.icon-icon-minus:before {
  content: "\43"; }

.icon-icon-customer:before {
  content: "\44"; }

.icon-icon-remove:before {
  content: "\45"; }

.icon-icon-play-big-circle:before {
  content: "\46"; }

.icon-icon-email:before {
  content: "\47"; }

.icon-icon-question:before {
  content: "\48"; }

.icon-icon-instagram:before {
  content: "\49"; }

.icon-icon-checked:before {
  content: "\4a"; }

.icon-icon-twitter:before {
  content: "\4b"; }

.icon-icon-facebook:before {
  content: "\4c"; }

.icon-icon-youtube:before {
  content: "\4d"; }

.icon-icon-pinterest:before {
  content: "\4e"; }

.icon-icon-unchecked:before {
  content: "\4f"; }

.icon-icon-menu:before {
  content: "\74"; }

div {
  box-sizing: border-box; }

html, body {
  overflow-x: hidden; }

body,
p {
  font-family: SofiaProExtraLight, Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  margin: 0;
  padding: 0; }

h1 {
  letter-spacing: 4px;
  font-size: 50px;
  text-transform: uppercase;
  white-space: nowrap; }

h2 {
  font-family: SofiaProLight, Helvetica, Arial, sans-serif;
  font-size: 22px;
  letter-spacing: 1.2px;
  text-transform: uppercase; }

h1,
h2,
h3,
ul,
li {
  margin: 0;
  padding: 0; }

ul, li {
  list-style: none; }

.lead {
  font-size: 15px; }

.am-wrapper {
  margin: 65px 0; }
  .am-wrapper#tees-men .top {
    background-image: url(../img/tees-men.jpg); }
  .am-wrapper#tees-women .top {
    background-image: url(../img/tees-women.jpg); }
  .am-wrapper#merinoloft .top {
    background-image: url(../img/merinoloft.jpg); }
  .am-wrapper#bodyfit .top {
    background-image: url(../img/bodyfit.jpg); }
  .am-wrapper#coollite .top {
    background-image: url(../img/coollite.jpg); }
  .am-wrapper#hybrid .top {
    background-image: url(../img/hybrid.jpg); }
  .am-wrapper#realfleece .top {
    background-image: url(../img/realfleece.jpg); }
  .am-wrapper#merino-101 .top {
    background-image: url(../img/merino-101.jpg); }
    @media (max-width: 767px) {
      .am-wrapper#merino-101 .top h1 {
        font-size: 30px; } }
  .am-wrapper .top {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0;
    background-color: black;
    color: white; }
    @media (min-width: 1200px) {
      .am-wrapper .top {
        padding: 6% 0; } }
    @media (max-width: 767px) {
      .am-wrapper .top .product-col-1,
      .am-wrapper .top .product-col-2 {
        padding: 0;
        float: none;
        width: 100%; } }
    .am-wrapper .top h1 {
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .am-wrapper .top h1 {
          font-size: 40px; } }
    .am-wrapper .top .key-features {
      text-transform: uppercase; }
      .am-wrapper .top .key-features li {
        position: relative;
        margin-top: 40px;
        font-size: 14px; }
        @media (max-width: 767px) {
          .am-wrapper .top .key-features li {
            margin-top: 25px; } }
  .am-wrapper .bottom {
    padding: 40px 0;
    text-align: center; }
    .am-wrapper .bottom p {
      max-width: 250px;
      margin-left: auto;
      margin-right: auto; }
    .am-wrapper .bottom img {
      max-height: 250px; }
    .am-wrapper .bottom .swiper-container {
      padding: 0 5%; }
  .am-wrapper .am-container-fluid {
    margin: 0;
    max-width: 100%; }
    .am-wrapper .am-container-fluid .am-row-65 {
      padding: 0 65px; }
      @media (max-width: 767px) {
        .am-wrapper .am-container-fluid .am-row-65 {
          padding: 0; } }
      .am-wrapper .am-container-fluid .am-row-65 > .am-col-6 {
        vertical-align: top;
        display: inline-block;
        width: 50%;
        padding: 0 10px; }
        @media (max-width: 767px) {
          .am-wrapper .am-container-fluid .am-row-65 > .am-col-6 {
            padding: 0 30px;
            width: 100%; } }
  .am-wrapper .am-container {
    display: block;
    margin: 0 auto;
    max-width: 830px; }
  .am-wrapper .am-row {
    margin: 0 -10px; }
    .am-wrapper .am-row > .am-col-12 {
      display: inline-block;
      width: 100%;
      padding: 0 10px; }
      @media (max-width: 767px) {
        .am-wrapper .am-row > .am-col-12 {
          padding: 0 30px;
          width: 100%;
          text-align: center; } }
    .am-wrapper .am-row > .am-col-4 {
      display: inline-block;
      width: 33.33333%;
      padding: 0 10px; }
      @media (max-width: 767px) {
        .am-wrapper .am-row > .am-col-4 {
          padding: 0 30px;
          width: 100%;
          text-align: center; } }
      .am-wrapper .am-row > .am-col-4 p {
        color: black; }
    .am-wrapper .am-row > .am-col-6 {
      display: inline-block;
      width: 50%;
      padding: 0 10px; }
  .am-wrapper .img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; }
  .am-wrapper .swiper-slide {
    padding: 0 20px; }
  .am-wrapper .swiper-button-next,
  .am-wrapper .swiper-button-prev {
    top: 45%;
    display: inline-block;
    width: auto;
    height: auto;
    background-image: none; }
    @media (max-width: 767px) {
      .am-wrapper .swiper-button-next,
      .am-wrapper .swiper-button-prev {
        top: 35%; } }
    .am-wrapper .swiper-button-next .icon,
    .am-wrapper .swiper-button-prev .icon {
      font-size: 22px;
      color: #FF6600; }
    @media (min-width: 768px) {
      .am-wrapper .swiper-button-next,
      .am-wrapper .swiper-button-prev {
        display: none; } }
  .am-wrapper .swiper-button-next {
    right: 0px; }
  .am-wrapper .swiper-button-prev {
    left: 0px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mb-30 {
  margin-bottom: 30px; }

/*IPHONE*/
@media screen and (max-width: 320px) {
  .loftCell img {
    width: 300px; } }

/*IPAD*/
@media screen and (min-width: 665px) {
  .loftCell {
    width: 50%;
    margin: 0 0 1% 0;
    float: left; }
  #cell_1, #cell_3 {
    width: 47%;
    padding-left: 3%;
    height: 374px; }
  #cell_5 {
    margin-top: 1%; }
  #cell_2 {
    height: 374px;
    margin: 0; }
  #rapper {
    max-width: 100%;
    margin: 20px 0 0 0; }
}

/*DESKTOP*/
@media screen and (min-width: 1000px) {
  .loftCell {
    width: 330px;
    margin: 0; }
  #cell_3, #cell_4 {
    margin-top: 0; }
  #cell_1, #cell_3 {
    width: 330px;
    border-right: 5px solid #ebebeb;
    margin: 0 0 5px 0;
    padding: 0; }
  #cell_2 {
    border-right: 5px solid #ebebeb; }
  #cell_3 {
    border-right: 0px; }
  #cell_5 {
    margin-left: 5px;
    margin-top: 0;
    max-width: 665px; }
}