@keyframes slideInFromBottom {
    0% {
        transform: translate(-50%,100%);
        -ms-transform: translate(-50%,100%);
    }
    100% {
        transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
    }
}
.layout-wrapper .page-cols-wrapper {
padding: 0;
}
.discover-technology-header img {
    width: 25.19522vh;    
    max-width: 200px;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%)!important;
    -ms-transform: translateX(-50%)!important;
    transform-origin: 50% 100%;
    animation: 1s ease-out 200ms 1 slideInFromBottom;
}
@supports (-ms-ime-align:auto) {
.discover-technology-header img {
animation: none!important;
-ms-animation-name: none;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.discover-technology-header img {
animation: none!important;
-ms-animation-name: none;
}
}
@media (max-width: 480px) {
.discover-technology-header img {
bottom: 20px;
max-width: 250px;
width: 35vh;
}
}
@media (min-width: 960px) {
.discover-technology-header img {
width: 480px;
max-width: 480px;
bottom: -100px;
}
.discover-technology-header p {
width: 75vw;
}
}
@media (min-width: 1280px) {
.discover-technology-header p {
width: 60vw;
}
}
.discover-technology-header {
margin-bottom: 50px;
max-height: 65vh;
}
.discover-technology-header h1 {
padding-top: 15vh;
}
@media (max-width: 960px) {
.discover-technology-header {
max-height: 660px;
}
}
.gray-text {
color: #979797;
font-size: 21px;
line-height: 1.5;
}
@media (max-width: 840px) {
.gray-text {
font-size: 14px;
}
}
@media (max-width: 840px) and (orientation: landscape) {
.discover-technology-header {
    height: 85vw;
    max-height: 100vh;
}
}
ul.stores-list {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style-type: none;
margin: 70px 0 0 0;
}
ul.stores-list li {
width: 100%;
margin: 0 10px 45px 0;
}
ul.stores-list li h3 {
color: #c29a69;
font-size: 21px;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
ul.stores-list li strong {
display: block;
font-size: 16px;
font-weight: bold;
}
ul.stores-list li span {
display: block;
font-size: 16px;
line-height: 1.7;
}
ul.stores-list li a.btn {
margin-top: 15px;
opacity: 0.4;
/*display: none; hide buttons for pre-release*/
}

@media (min-width: 640px) {
ul.stores-list li {
width: calc(50% - 10px);
margin: 0 10px 55px 0;
}
@supports (-ms-ime-align: auto) {
    ul.stores-list li {
        width: 48%;
    }
}
}

@media (min-width: 960px) {
ul.stores-list li {
width: calc(33% - 10px);
}
@supports (-ms-ime-align: auto) {
    ul.stores-list li {
        width: 31%;
    }
}
}

@media (min-width: 1024px) {
ul.stores-list li {
width: calc(25% - 10px);
}
@supports (-ms-ime-align: auto) {
    ul.stores-list li {
        width: 23%;
    }
}
}

@media (min-width: 1600px) {
ul.stores-list li {
width: calc(20% - 10px);
}
@supports (-ms-ime-align: auto) {
    ul.stores-list li {
        width: 19%;
    }
}
}

.creative-block .text-wrapper small {
margin: 10px 0 0 0;
    font-size: 70%;
    color: #979797;
    opacity: 1;
    letter-spacing: normal;
}
.btn-rich.btn-soft {
margin-top: 10px;
}
.btn-rich .path {
fill:#979797;
transform: translate(10%,-10%);
}
.btn-rich.btn-soft:hover .icon-wrap {
    transform: translate(15%,-15%);
}

.creative-block .text-wrapper .btn-rich .btn-inner {
overflow: visible;
}
.creative-block .text-wrapper .btn-rich .btn-icon {
margin: -1.2rem .55rem .05rem .55rem;
}
@media (min-width: 960px) {
.creative-block .content-wrapper {
    margin-right: 0;
}
.discover-technology-design .text-wrapper {
    min-height: 22vw;
}
.discover-technology-design .background-wrapper {
    position: absolute;
    top: 0.375vw;
    right: 42vw;
    width: 47vw;
    height: auto;
    z-index: -1;
}
.creative-block .text-wrapper {
    padding: 2rem 2.5rem 2.3rem 2.5rem;
}
}
@media (max-width: 960px) {
.discover-technology-design .background-wrapper {
    margin: 0 0 -2% 5%;
}
}
@media (min-width: 1600px) {
.creative-block .text-wrapper {
    padding: 3rem 3.5rem 3.3rem 3.5rem;
}
}
.creative-block .btn-text {
font-size: 1.1vw;
}
@media (max-width: 840px) {
.creative-block .btn-text {
font-size: 2vw;
}
}
@media (max-width: 640px) {
.creative-block .btn-text {
font-size: 3.5vw;
}
}

.iqos-test-banner {
align-items: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
height: 320px;
justify-content: center;
margin: 50px 0;
}
@media (max-width: 840px) {
.iqos-test-banner {
height: 200px;
}
}
.iqos-test-banner__content {
align-items: center;
display: flex;
justify-content: space-between;
width: 80vw;
}
@media (min-width: 1025px) {
.iqos-test-banner__content {
width: 60vw;
}
}
.iqos-test-banner__content h2 {
color: #ffffff;
font-size: 1.25rem;
margin-bottom: 0;
}
@media (min-width: 960px) {
.iqos-test-banner__content h2 {
font-size: 1.8rem;
}
}
@media (min-width: 1280px) {
.iqos-test-banner__content h2 {
font-size: 2rem;
}
}

.iqos-test-banner__content h2 small {
color: #b9b9b9;
display: block;
font-size: 60%;
}
@media (max-width: 600px) {
.iqos-test-banner__content {
flex-wrap: wrap;
}
.iqos-test-banner__content h2 {
width: 100%;
margin-bottom: 20px;
}
}
.iqos-test-banner__content .btn {
    border-color: white;
    background: transparent;
    color: white;
    font-size: 0.7rem;
    padding: 0.8rem 1.6rem;
    height: auto;
transition: background 0.3s;
}
.iqos-test-banner__content .btn:hover {
background: rgba(0,0,0,0.5);
}
@media (min-width: 1025px) {
.iqos-test-banner__content .btn {
font-size: 1rem;
}
}