/* Application-wide styles */
@-moz-keyframes fadeUp {
from {
opacity: 0;
-moz-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeUp {
from {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeUp {
from {
opacity: 0;
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* line 25, ../../sass/app.scss */
input:required {
box-shadow: none;
}
/* line 26, ../../sass/app.scss */
a:focus, button:focus {
outline: none;
}
/* line 27, ../../sass/app.scss */
button::-moz-focus-inner {
border: 0;
}
/* line 28, ../../sass/app.scss */
textarea {
resize: none;
}
/* line 47, ../../sass/app.scss */
h1, h2, h3, h4, h5, h6 {
font-family: "TradeGothic-BoldCond", "Arial black", "Arial Bold", Arial, sans-serif;
}
/* line 51, ../../sass/app.scss */
p {
line-height: 1.5;
font-size: 15px;
font-weight: normal;
}
@media only screen and (max-width: 420px) {
/* line 51, ../../sass/app.scss */
p {
font-size: 14px;
}
}
/* line 61, ../../sass/app.scss */
li {
font-weight: normal;
}
/* line 65, ../../sass/app.scss */
a {
color: #124bfb;
}
/* line 69, ../../sass/app.scss */
.mobile-only {
display: none;
}
/* line 73, ../../sass/app.scss */
a, [ng-click] {
cursor: pointer;
}
/* line 77, ../../sass/app.scss */
.pull-right {
float: right;
}
/* line 81, ../../sass/app.scss */
main {
width: 100%;
}
/* line 94, ../../sass/app.scss */
button {
border: none;
outline: none;
text-align: center;
}
/* line 102, ../../sass/app.scss */
.js-page [scroll-element] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
/* line 105, ../../sass/app.scss */
.js-page [scroll-element].scroll-shown {
-moz-animation: fadeIn 0.42s ease-out;
-webkit-animation: fadeIn 0.42s ease-out;
animation: fadeIn 0.42s ease-out;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
/* line 111, ../../sass/app.scss */
.js-page .masthead__image img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
/* line 124, ../../sass/app.scss */
.masthead {
color: #000;
}
/* line 127, ../../sass/app.scss */
.masthead__inner {
width: 1040px;
margin: 0 auto;
max-width: 100%;
padding: 0 30px;
text-align: center;
}
/* line 134, ../../sass/app.scss */
.masthead__inner h1 {
font-size: 46px;
margin: 50px auto;
text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
/* line 134, ../../sass/app.scss */
.masthead__inner h1 {
font-size: 28px;
margin: 25px auto;
}
}
/* line 146, ../../sass/app.scss */
.masthead__image {
background-color: #e3e3e3;
line-height: 0;
width: 100%;
position: relative;
-moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16);
}
/* line 153, ../../sass/app.scss */
.masthead__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
}
/* line 160, ../../sass/app.scss */
.masthead__image #mastheadImage {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
-webkit-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
}
/* line 169, ../../sass/app.scss */
.masthead__image #mastheadImage.loaded {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
/* line 175, ../../sass/app.scss */
.masthead__title {
line-height: 1.2;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
width: 100vw;
padding: 0 40px;
}
/* line 185, ../../sass/app.scss */
.masthead__title h2 {
text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
text-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
font-size: 170px;
}
@media only screen and (max-width: 1024px) {
/* line 185, ../../sass/app.scss */
.masthead__title h2 {
font-size: 124px;
}
}
@media only screen and (max-width: 768px) {
/* line 185, ../../sass/app.scss */
.masthead__title h2 {
font-size: 62px;
}
}
/* line 200, ../../sass/app.scss */
.masthead__description p {
line-height: 1.5;
font-size: 24px;
color: #000;
max-width: 825px;
margin: 50px auto;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
@media only screen and (max-width: 1024px) {
/* line 200, ../../sass/app.scss */
.masthead__description p {
font-size: 18px;
max-width: 528px;
}
}
@media only screen and (max-width: 768px) {
/* line 200, ../../sass/app.scss */
.masthead__description p {
font-size: 15px;
margin: 25px auto;
}
}
@media only screen and (max-width: 420px) {
/* line 200, ../../sass/app.scss */
.masthead__description p {
font-size: 14px;
}
}
/* line 225, ../../sass/app.scss */
.page-content {
color: #000;
width: 100%;
overflow-x: hidden;
}
/* line 231, ../../sass/app.scss */
.scrolling-section {
margin: 50px auto 150px;
max-width: 100%;
padding: 0 40px;
width: 1410px;
}
@media only screen and (max-width: 768px) {
/* line 231, ../../sass/app.scss */
.scrolling-section {
overflow-x: scroll;
margin-bottom: 100px;
}
}
/* line 242, ../../sass/app.scss */
.scrolling-section h4 {
font-size: 24px;
margin-bottom: 20px;
text-transform: uppercase;
}
/* line 248, ../../sass/app.scss */
.scrolling-section .product-scroller {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 0 -10px;
}
/* line 253, ../../sass/app.scss */
.scrolling-section .product-scroller a.product-scroller__item {
display: block;
-webkit-flex: 0 1 300px;
flex: 0 1 300px;
margin: 0 10px;
text-decoration: none;
line-height: 0;
}
/* line 260, ../../sass/app.scss */
.scrolling-section .product-scroller a.product-scroller__item .image-wrapper {
padding-bottom: 55%;
position: relative;
overflow: hidden;
width: 100%;
background-color: #e3e3e3;
line-height: 0;
}
/* line 269, ../../sass/app.scss */
.scrolling-section .product-scroller a.product-scroller__item img {
width: 100%;
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
line-height: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 280, ../../sass/app.scss */
.scrolling-section .product-scroller a.product-scroller__item p {
color: rgba(0, 0, 0, 0.5);
margin-top: 10px;
}
@media only screen and (max-width: 768px) {
/* line 253, ../../sass/app.scss */
.scrolling-section .product-scroller a.product-scroller__item {
-webkit-flex: 0 0 220px;
flex: 0 0 220px;
}
}
/* line 292, ../../sass/app.scss */
.article {
margin: 125px auto 150px;
max-width: 100%;
width: 1330px;
position: relative;
}
@media only screen and (max-width: 768px) {
/* line 292, ../../sass/app.scss */
.article {
margin: 50px auto 100px;
}
}
/* line 302, ../../sass/app.scss */
.article__image {
padding-right: 50px;
width: 740px;
max-width: 100%;
position: relative;
margin-bottom: 300px;
}
@media only screen and (max-width: 1150px) {
/* line 302, ../../sass/app.scss */
.article__image {
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
/* line 302, ../../sass/app.scss */
.article__image {
position: static;
width: 100%;
padding-right: 40px;
}
}
@media only screen and (max-width: 768px) {
/* line 302, ../../sass/app.scss */
.article__image {
margin-bottom: 250px;
}
}
/* line 323, ../../sass/app.scss */
.article__image a.image-wrapper {
display: block;
width: 690px;
max-width: 100%;
position: relative;
overflow: hidden;
-moz-transition: ease-in-out 0.36s;
-o-transition: ease-in-out 0.36s;
-webkit-transition: ease-in-out 0.36s;
transition: ease-in-out 0.36s;
line-height: 0;
}
@media only screen and (max-width: 1024px) {
/* line 323, ../../sass/app.scss */
.article__image a.image-wrapper {
width: 690px;
}
}
/* line 336, ../../sass/app.scss */
.article__image a.image-wrapper:hover {
-moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
-moz-transition: ease-in-out 0.32s;
-o-transition: ease-in-out 0.32s;
-webkit-transition: ease-in-out 0.32s;
transition: ease-in-out 0.32s;
}
/* line 340, ../../sass/app.scss */
.article__image a.image-wrapper:hover .hover-image {
-moz-transform: scale(1.005) translateY(-50%);
-ms-transform: scale(1.005) translateY(-50%);
-webkit-transform: scale(1.005) translateY(-50%);
transform: scale(1.005) translateY(-50%);
-moz-transition: ease-in-out 0.32s;
-o-transition: ease-in-out 0.32s;
-webkit-transition: ease-in-out 0.32s;
transition: ease-in-out 0.32s;
}
/* line 349, ../../sass/app.scss */
.article__image a.image-wrapper.no-zoom:hover .hover-image {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 355, ../../sass/app.scss */
.article__image a.image-wrapper.full-zoom {
overflow: visible;
}
/* line 360, ../../sass/app.scss */
.article__image a.image-wrapper.full-zoom:hover .hover-image {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 49.5%;
left: -0.5%;
width: 101%;
height: 101%;
}
/* line 369, ../../sass/app.scss */
.article__image .hover-image {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transition: ease-in-out 0.32s;
-o-transition: ease-in-out 0.32s;
-webkit-transition: ease-in-out 0.32s;
transition: ease-in-out 0.32s;
}
/* line 378, ../../sass/app.scss */
.article__image img {
line-height: 0;
width: 100%;
}
/* line 384, ../../sass/app.scss */
.article__header {
position: absolute;
left: 100%;
top: 0;
padding-top: 50px;
padding-left: 0;
}
/* line 391, ../../sass/app.scss */
.article__header a.header-inner {
display: block;
text-decoration: none;
width: 450px;
max-width: 100%;
}
/* line 397, ../../sass/app.scss */
.article__header a.header-inner h3 {
color: #000;
}
@media only screen and (max-width: 1440px) {
/* line 391, ../../sass/app.scss */
.article__header a.header-inner {
width: 370px;
}
}
@media only screen and (max-width: 1150px) {
/* line 391, ../../sass/app.scss */
.article__header a.header-inner {
width: 320px;
}
}
@media only screen and (max-width: 1024px) {
/* line 391, ../../sass/app.scss */
.article__header a.header-inner {
width: 450px;
width: 540px;
}
}
/* line 415, ../../sass/app.scss */
.article__header h3 {
margin: 0 0 15px;
font-size: 46px;
text-transform: uppercase;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
@media only screen and (max-width: 1440px) {
/* line 415, ../../sass/app.scss */
.article__header h3 {
font-size: 40px;
line-height: 44px;
}
}
@media only screen and (max-width: 768px) {
/* line 415, ../../sass/app.scss */
.article__header h3 {
font-size: 28px;
line-height: 34px;
}
}
/* line 432, ../../sass/app.scss */
.article__header .post-date {
color: rgba(0, 0, 0, 0.3);
display: block;
font-family: "TradeGothic-BoldCond", "Arial black", "Arial Bold", Arial, sans-serif;
font-size: 16px;
margin-top: 40px;
}
@media only screen and (max-width: 1024px) {
/* line 384, ../../sass/app.scss */
.article__header {
position: relative;
top: auto;
left: auto;
padding: 50px 40px 0;
}
}
@media only screen and (max-width: 420px) {
/* line 384, ../../sass/app.scss */
.article__header {
padding: 40px 30px 0;
}
}
/* line 452, ../../sass/app.scss */
.article__info {
position: absolute;
height: 0;
width: 0;
bottom: 50px;
right: 150px;
}
@media only screen and (max-width: 1024px) {
/* line 452, ../../sass/app.scss */
.article__info {
bottom: 85px;
right: 0;
width: 100%;
padding: 0 40px;
}
}
@media only screen and (max-width: 768px) {
/* line 452, ../../sass/app.scss */
.article__info {
padding: 0;
}
}
/* line 470, ../../sass/app.scss */
.article__info .info-inner {
position: absolute;
top: 0;
left: 0;
width: 430px;
padding: 35px 35px 25px;
background-color: rgba(255, 255, 255, 0.9);
-moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2) inset;
}
/* line 479, ../../sass/app.scss */
.article__info .info-inner p {
color: rgba(0, 0, 0, 0.5);
margin: 0 0 20px;
}
@media only screen and (max-width: 1024px) {
/* line 470, ../../sass/app.scss */
.article__info .info-inner {
position: relative;
left: auto;
top: auto;
margin: 0 0 0 auto;
max-width: 85%;
}
}
@media only screen and (max-width: 768px) {
/* line 470, ../../sass/app.scss */
.article__info .info-inner {
margin-top: 10px;
}
}
@media only screen and (max-width: 420px) {
/* line 470, ../../sass/app.scss */
.article__info .info-inner {
padding: 30px 30px 20px;
}
}
/* line 506, ../../sass/app.scss */
.article--reversed .article__image {
padding-right: 0;
padding-left: 50px;
margin-left: auto;
margin-right: 0;
}
@media only screen and (max-width: 1150px) {
/* line 506, ../../sass/app.scss */
.article--reversed .article__image {
padding-left: 20px;
}
}
@media only screen and (max-width: 1024px) {
/* line 506, ../../sass/app.scss */
.article--reversed .article__image {
padding-left: 0;
padding-right: 0;
text-align: right;
}
}
@media only screen and (max-width: 1024px) {
/* line 522, ../../sass/app.scss */
.article--reversed .article__image a.image-wrapper {
margin-right: 0;
margin-left: auto;
}
}
/* line 530, ../../sass/app.scss */
.article--reversed .article__header {
left: auto;
right: 100%;
padding-left: 0px;
text-align: left;
}
/* line 536, ../../sass/app.scss */
.article--reversed .article__header .header-inner {
margin: 0 0 0 auto;
}
@media only screen and (max-width: 1024px) {
/* line 530, ../../sass/app.scss */
.article--reversed .article__header {
position: relative;
top: auto;
left: auto;
right: auto;
padding: 50px 40px 0;
}
/* line 547, ../../sass/app.scss */
.article--reversed .article__header .header-inner {
margin: 0 auto 0 0;
}
}
@media only screen and (max-width: 420px) {
/* line 530, ../../sass/app.scss */
.article--reversed .article__header {
padding: 40px 30px 0;
}
}
/* line 557, ../../sass/app.scss */
.article--reversed .article__info {
position: absolute;
right: auto;
left: 150px;
text-align: left;
}
/* line 563, ../../sass/app.scss */
.article--reversed .article__info .info-inner {
left: auto;
right: 0;
}
@media only screen and (max-width: 1024px) {
/* line 557, ../../sass/app.scss */
.article--reversed .article__info {
left: auto;
}
}
