html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9 ;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
border: 0;
-ms-interpolation-mode: bicubic;
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
.accordion-item {
page-break-inside: avoid;
}
.ai-content {
display: block !important;
}
img {
background-color: #000 !important;
-webkit-print-color-adjust: exact;
}
.cta-box {
border-width: 0 !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
@font-face {
font-family: "SuisseIntl Bold";
src: url("fonts/SuisseIntl-Bold.woff2") format("woff2"), url("/fonts/SuisseIntl-Bold.woff") format("woff");
}
@font-face {
font-family: "SuisseIntl SemiBold";
src: url("fonts/SuisseIntl-SemiBold.woff2") format("woff2"), url("/fonts/SuisseIntl-SemiBold.woff") format("woff");
}
@font-face {
font-family: "SuisseIntl Medium";
src: url("fonts/SuisseIntl-Medium.woff2") format("woff2"), url("/fonts/SuisseIntl-Medium.woff") format("woff");
}
.clearfix, footer .ctas, footer, .cta-box .cta-rack, .cl-wrap, .ai-title h1, .ai-title h1 a, .ai-title, .twin-cols {
*zoom: 1;
}
.clearfix:before, footer .ctas:before, footer:before, .cta-box .cta-rack:before, .cl-wrap:before, .ai-title h1:before, .ai-title h1 a:before, .ai-title:before, .twin-cols:before, .clearfix:after, footer .ctas:after, footer:after, .cta-box .cta-rack:after, .cl-wrap:after, .ai-title h1:after, .ai-title h1 a:after, .ai-title:after, .twin-cols:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after, footer .ctas:after, footer:after, .cta-box .cta-rack:after, .cl-wrap:after, .ai-title h1:after, .ai-title h1 a:after, .ai-title:after, .twin-cols:after {
clear: both;
}
a {
color: #FFF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.cta, .cta-box .cta-rack a {
font-family: "SuisseIntl Bold", Helvetica, Arial, sans-serif;
font-size: 16px;
display: inline-block;
background-color: #e01e2b;
color: #FFF;
border: 1px solid;
border-top-color: #811f25;
border-left-color: #751f25;
border-bottom-color: #8d1e26;
border-right-color: #991e27;
text-decoration: none;
font-weight: bold;
padding: 8px 32px 8px 32px;
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.cta, .cta-box .cta-rack a {
font-size: 11.5px;
}
}
.icon-base, .icon-international, .flag, .ai-title .item-state {
display: inline-block;
vertical-align: text-top;
background-repeat: no-repeat;
}
.textless, .cta-box h3.textless {
margin: 0;
padding: 0;
line-height: 1;
}
.twin-cols {
margin: 0;
padding: 0;
}
.twin-cols li {
margin: 0;
padding: 0;
list-style: none;
}
@media screen and (max-width: 768px) {
.twin-cols li h3 {
font-size: 13px;
}
}
.twin-cols li p {
font-size: 16px;
padding: 0 0 0 0;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.twin-cols li p {
font-size: 11.5px;
}
}
@media screen and (min-width: 600px) {
.twin-cols li {
float: left;
width: 50%;
min-width: 200px;
max-width: 430px;
}
.twin-cols li.extend {
max-width: 430px;
margin-left: 70px;
}
}
body {
font-family: "SuisseIntl Medium", Helvetica, Arial, sans-serif;
background-color: #000;
margin: 0;
}
.wrapper {
padding-top: 24px;
}
body > .wrapper, footer > .wrapper {
width: 95%;
max-width: 1165px;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 768px) {
body > .wrapper, footer > .wrapper {
width: 87%;
}
}
.accordion-item {
border-bottom: 2px solid #929497;
padding: 20px 0;
}
.accordion-item:first-child {
border-top: 2px solid #929497;
}
.accordion-item.open h1 {
color: #FFF;
}
.accordion-item.open h1 a {
color: #FFF;
}
.ai-title {
background-repeat: no-repeat;
padding-bottom: 5px;
}
.ai-title h1, .ai-title h1 a {
display: block;
font-size: 18px;
font-family: "SuisseIntl SemiBold", sans-serif;
color: #BBBDBF;
text-decoration: none;
text-transform: uppercase;
}
.ai-title span {
display: block;
float: left;
line-height: 1.3;
padding-top: 5px;
margin-left: 115px;
margin-right: 45px;
}
@media screen and (max-width: 768px) {
.ai-title span {
font-size: 11.5px;
}
}
.ai-title span:hover {
color: #FFF;
text-decoration: underline;
}
.ai-title h1 {
position: relative;
padding: 0;
margin: 0;
height: 32px;
}
.ai-title.traveller {
background-image: url(/images/landing/canada.svg);
background-position-x: 16px;
background-repeat: no-repeat;
}
.ai-title.operators {
background-image: url(/images/landing/agents.svg);
background-position-x: 21px;
}
.ai-title.library {
background-image: url(/images/landing/dam.svg);
background-position-x: 21px;
}
.ai-title.business {
background-image: url(/images/landing/business.svg);
background-position-x: 21px;
}
.ai-title.media {
background-image: url(/images/landing/media.svg);
background-position-x: 21px;
}
.ai-title.industry {
background-image: url(/images/landing/dc.svg), none;
background-repeat: no-repeat;
}
.ai-title .item-state {
position: absolute;
right: -45px;
top: calc(50% - 5.8px);
width: 37px;
height: 11.67px;
background-image: url(/images/landing/svg/item-collapsed.svg);
background-size: contain;
}
.open .ai-title .item-state {
width: 40px;
height: 11.67px;
right: -47px;
background-image: url(/images/landing/svg/item-expanded.svg);
}
.ai-content {
display: none;
color: #FFFFFF;
box-sizing: border-box;
padding: 16px 25px;
}
@media screen and (min-width: 768px) {
.ai-content {
padding-left: 115px;
padding-right: 115px;
}
}
.ai-content h2 {
padding: 0;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
line-height: 1;
}
@media screen and (max-width: 768px) {
.ai-content h2 {
font-size: 13px;
}
}
.country-selection {
margin-top: 35px;
}
.country-selection h3 {
margin: 0 0 35px 0;
padding: 0;
font-weight: 500;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.country-selection h3 {
font-size: 13px;
}
}
.country-selection h3 span {
display: block;
width: 0;
height: 0;
overflow: hidden;
margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
.country-selection h3 span {
display: inline;
width: auto;
height: auto;
overflow: visible;
margin: 0;
}
}
.country-list {
min-width: 240px;
margin: 0;
padding: 0;
}
.country-list dt {
margin: 0 0 8px 0;
padding: 0;
}
.country-list dd {
margin: 0 0 5px 0;
padding: 0;
font-size: 14px;
}
.country-list dd span {
display: inline-block;
margin-top: 4px;
}
.country-list dd a:hover span {
text-decoration: underline;
}
.country-list dd small {
font-size: 11px;
}
.cl-wrap {
margin-top: 10px;
}
.cl-wrap .row-start {
clear: left;
float: left;
}
.cl-wrap .row-end {
float: left;
}
.flag {
line-height: 15px;
background-image: url(/images/landing/spr-flags.png);
width: 22px;
height: 15px;
margin-right: 10px;
}
.flag.flag-au {
background-position: 0 -100px;
}
.flag.flag-br {
background-position: 0 -50px;
}
.flag.flag-ca {
background-position: 0 -174px;
}
.flag.flag-cn {
background-position: 0 -24px;
}
.flag.flag-de {
background-position: 0 -274px;
}
.flag.flag-fr {
background-position: 0 -249px;
}
.flag.flag-in {
background-position: 0 -149px;
}
.flag.flag-jp {
background-position: 0 -199px;
}
.flag.flag-kr {
background-position: 0 -75px;
}
.flag.flag-us {
background-position: 0 -224px;
}
.flag.flag-mx {
background-position: 0 0;
}
.flag.flag-uk {
background-position: 0 -124px;
}
.icon-international {
line-height: 23px;
background-image: url(/images/landing/svg/ico-international.svg);
width: 23px;
height: 23px;
margin-right: 10px;
margin-top: -3px;
}
.logos {
list-style: none;
margin: 0;
padding: 0;
}
.logos li {
margin-bottom: 10px;
}
.logos li.spacer {
display: none;
}
@media screen and (min-width: 768px) {
.logos li {
float: left;
margin-bottom: 0;
}
.logos li:first-child:after {
content: "";
display: inline-block;
margin-right: 20px;
margin-left: 20px;
height: 42px;
width: 0;
border-left: 1px solid #FFF;
}
}
.cta-box {
margin-top: -23px;
box-sizing: border-box;
padding: 18px 23px;
background-color: #231f20;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
.cta-box span {
display: block;
height: 0;
width: 0;
overflow: hidden;
}
.cta-box h3 {
font-size: 16px;
line-height: 12px;
}
.cta-box h3.textless {
margin-bottom: 10px;
}
.cta-box h4 {
padding: 0;
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
}
@media screen and (min-width: 480px) {
.cta-box span, .country-selection .cta-box h3 span {
display: inline;
overflow: visible;
margin: 0;
height: auto;
width: auto;
}
.cta-box h4 span {
display: block;
height: 0;
width: 0;
overflow: hidden;
}
}
@media screen and (min-width: 600px) {
.cta-box h4 span {
display: inline;
width: auto;
height: auto;
overflow: visible;
}
}
.cta-box .cta-rack {
list-style: none;
margin: 0;
padding: 15px 0 0 0;
}
.cta-box .cta-rack li:first-child {
margin-bottom: 10px;
}
@media screen and (min-width: 480px) {
.cta-box .cta-rack li {
float: left;
margin-right: 20px;
}
.cta-box .cta-rack li:first-child {
margin-bottom: 0;
}
}
footer {
margin: 50px 0;
padding: 20px 0;
color: #BBBDBF;
font-size: 14px;
}
@media screen and (max-width: 768px) {
footer {
font-size: 10px;
}
}
@media screen and (max-width: 768px) {
footer .wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
footer .wrapper .logo-copy {
justify-content: flex-start;
}
footer .wrapper .logo-copy img {
position: absolute;
left: calc(100% - 99px);
}
footer .wrapper .ctas ul {
width: 100%;
}
footer .wrapper .ctas ul li {
margin: 30px 0;
text-align: center;
}
footer .wrapper .ctas ul li:nth-child(1) {
width: 30%;
}
footer .wrapper .ctas ul li:nth-child(2) {
width: 35%;
}
footer .wrapper .ctas ul li:nth-child(3) {
width: 35%;
}
}
footer a {
color: #BBBDBF;
margin-right: 25px;
}
@media screen and (max-width: 768px) {
footer a {
margin-right: 0;
}
}
footer p {
margin: 0;
padding: 0;
}
footer .logo-copy {
display: block;
float: none;
text-align: left;
width: 100%;
margin: 0 0 10px 0;
}
footer .logo-copy p {
margin: 14px 15px 0 0;
}
footer .logo-copy > img {
display: block;
width: 89.5312px;
height: 21.3438px;
margin: 5px 0 0 0;
}
footer .ctas {
display: block;
float: none;
text-align: left;
width: 100%;
}
footer .ctas ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
clear: both;
}
footer .ctas ul li {
margin: 0 5px 0 0px;
padding: 0;
float: left;
}
footer .logo-copy {
text-align: right;
float: right;
width: 40%;
margin: 0;
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 768px) {
footer .logo-copy {
float: left;
width: 100%;
}
}
footer .ctas {
float: left;
text-align: left;
width: 60%;
}
footer .ctas ul {
float: left;
}
@media screen and (max-width: 768px) {
footer .ctas {
float: right;
width: 100%;
}
}
/*# sourceMappingURL=landing.css.map */