.section-intro-media .box-content h1:after{ display: none;}
.section-intro-media .box-content h1 small { display: block; font-size: 25px;}
.items-media .img { width: 100%;}
.items-media .caption {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 0;
z-index: 100;
color: #FFF;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.items-media .caption h3 {
display: block;
margin: 0 auto;
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
font-size: 28px;
color: #FFF;
line-height: 1;
text-transform: uppercase;
}
.items-media .caption h3 small { display: block; font-size: 18px; margin-top: 5px;}
.items-media .caption h3,
.items-media .icon {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.items-media .caption a { height: 100%; display: block;}
.items-media .icon { display: none; font-size: 36px; margin-bottom: 25px;}
.items-media .caption-two-lines .icon { margin-top: 30px;}
.icon-online { margin-bottom: 5px;}
.icon-rabbit { margin-bottom: 0px;}
.icon-online img { width: 52px;}
.icon-rabbit img { width: 54px !important;}
.col-landing {
position: relative;
overflow: hidden;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
}
.col-landing:last-child { border-right: 0;}
.col-landing:hover .items-media .caption h2,
.col-landing:hover .items-media .caption .icon {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.col-landing img {
position: relative;
width: 100%;
height: auto;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.col-landing:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.device-mobile .col-landing:hover .items-media .caption h3,
.device-mobile .col-landing:hover .items-media .caption .icon {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.media-cover .img-w1140 { display: block;}
.media-cover .img-w767 { display: none;}
.col-landing.bg-default,
.col-landing.bg-transit,
.col-landing.bg-building,
.col-landing.bg-outdoor,
.col-landing.bg-street,
.col-landing.bg-airport,
.col-landing.bg-direct { background-color: transparent; }
.col-landing:hover .caption { background-color: rgba(0, 0, 0, 0.25);}
.row-landing { position: relative; overflow: hidden; font-size: 0; background-color: #000;}
.landing-col-2 .col-landing { width: 50%;}
.landing-col-3 .col-landing { width: 33.3333336%;}
.landing-col-4 .col-landing { width: 25%;}
.landing-col-5 .col-landing { width: 20%;}
.landing-col-6 .col-landing { width: 16.6666667%;}
.section-2col { overflow: hidden;}
.section-intro-media .icon { display: none; margin-bottom: 15px; font-size: 40px; }
.section-intro-media .intro-desc-m {
max-width: 550px;
margin: 0 auto;
font-family: 'Avenir LT Std 65';
font-size: 14px;
color: #FFF;
line-height: 1.3;
text-transform: uppercase;
text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
}
.section-intro-media .bg-transit { background-color: rgba(27, 41, 81, 0.95);}
.section-intro-media .bg-building { background-color: rgba(229, 81, 30, 0.90);}
.section-intro-media .bg-outdoor { background-color: rgba(38, 38, 38, 0.90);}
.section-intro-media .bg-street { background-color: rgba(222, 31, 38, 0.90);}
.section-intro-media .bg-airport { background-color: rgba(0, 0, 0, 0.89);}
.section-intro-media .bg-direct { background-color: rgba(6, 38, 56, 0.95);}
.row-items { margin-left: -10px; margin-right: -10px; font-size: 0;}
.row-items .items-column {
position: relative;
display: inline-block;
margin: 40px 0;
}
.items-column .icon-items { width: 50px; margin: 0 auto 20px; display: block;}
.items-column .icon-items.wide {
width: 85px;
height: 50px;
position: relation;
}
.items-column .icon-items.wide img {
position: relative;
top: -12px;
}
.items-column .content-item { text-align: center;}
.items-column .amount {
position: relative;
font-family: 'Avenir LT Std 65';
font-size: 40px;
line-height: 1;
color: #000;
margin-bottom: 8px;
}
.items-column .amount small {
width: 100%;
position: absolute;
top: -12px;
text-align: center;
font-family: 'OpenSansBold', Helvetica, Arial, sans-serif;
font-size: 9px;
display: block;
text-transform: uppercase;
color: #000;
}
.items-column .caption-item {
font-size: 10px;
text-transform: uppercase;
line-height: 1.2;
}
.items-column .caption-title {
text-align: center;
font-family: 'OpenSansBold', Helvetica, Arial, sans-serif;
font-size: 14px;
display: block;
text-transform: uppercase;
color: #000;
}
.items-1column .items-column { width: 100%; }
.items-2column { max-width: 580px; margin: 0 auto;}
.items-2column .items-column { width: 50%; }
.items-3column .items-column { width: 33.333336%;}
.items-4column .items-column { width: 25%; }
.items-5column .items-column { width: 20%; } .section-type { position: relative; padding-bottom: 70px;}
.grid-container { position: relative;}
.grid-12 { width: 100%; font-size: 0;}
.grid-3,
.grid-6 { display: inline-block; vertical-align: top;}
.grid-3 { width: 25%; }
.grid-6 { width: 50%; }
.grid-items { position: relative;}
.grid-items .area-content {
position: relative;
margin-top: -75px;
}
.grid-items .box {
padding: 45px 30px;
min-height: 285px;
font-size: 14px;
color: #000;
background-color: #f2f2f2;
}
.grid-items .box h3 {
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
line-height: 1.1;
color: #000;
margin-bottom: 10px;
text-transform: uppercase;
}
.grid-items .box-header {
position: relative;
min-height: inherit;
z-index: 505;
background-image: url(/assets/img/bg-box.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.grid-items .box-header h2 {
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
font-size: 30px;
color: #FFF;
display: inline-block;
}
.grid-items .box-header .icon { display: none; font-size: 38px; color: #FFF;}
.grid-items-lg { position: relative; overflow: hidden;}
.grid-items-lg .altimg { margin-left: 277px;}
.section-type-right .grid-items-lg .altimg { margin-left: 0;}
.grid-items .grid-video {
position: relative;
width: 100%;
height: 278px;
}
.grid-items .grid-video video {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.owl-media .owl-stage { padding-left:0!important;}
.owl-media .owl-item .item:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.50);
}
.owl-media .owl-item.active .item:before { background-color: transparent;}
.section-bg-fixed { position: relative;}
.section-bg-fixed .sc-photo img { width: 100%;}
.section-bg-fixed .sc-inner {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.section-bg-fixed .sc-inner .container { height: 100%;}
.section-bg-fixed .area-content {
max-width: 35%;
font-size: 18px;
margin: 0 0 0 auto;
}
.section-white .area-content { padding: 40px 0; color: #FFF;}
.section-white .area-content h2 { margin-bottom: 10px;}
.section-2col .items-img { position: relative;}
.section-2col .area-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
color: #FFF;
padding: 40px;
}
.section-2col .area-content .heading-h2 { color: #FFF; margin-bottom: 10px;}
.section-2col .area-content p { margin-bottom: 30px;}
.section-2col .area-content a.linkmore { color: #FFF; text-decoration: none;}
.section-2col .area-content a.linkmore:hover { text-decoration: underline;}   .theme-transit .transit-item .caption,
.theme-building .building-item .caption,
.theme-outdoor .outdoor-item .caption,
.theme-street .street-item .caption,
.theme-airport .airport-item .caption,
.theme-direct .direct-item .caption {
background-color: #1c2851;
}
.theme-online .section-intro-media .icon-rabbit { margin-bottom: 0;}
.theme-direct .section-intro .box-content { background-color: rgba(6, 38, 56, 0.95);}
.section-related-media .row { margin-left: -5px; margin-right: -5px;}
.section-related-media .col-related { padding-left: 5px; padding-right: 5px;}
.section-related-media .panel-item { margin-bottom: 10px;}
.section-related-media .panel-item .caption .heading-item { font-size: 18px;} .container-performance {
width: 100%;
max-width: 1540px;
margin: 0 auto;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.box-performance {
position: relative;
padding: 0 30px;
margin: 30px 0;
}
.box-performance h3,
.box-performance { color: #FFF;}
.box-performance h3 { text-transform: uppercase; margin-bottom: 15px;}
.box-performance .icon { width: 50px; display: block; margin-bottom: 10px;} .section-rabbit .box-header { font-size: 15px; margin-bottom: 0px;}
.section-rabbit .box-header h2 { font-size: 35px; margin-bottom: 10px;}
.section-rabbit .content-box { padding-right: 60px;}
.section-rabbit .content-right { padding-right: 0px; padding-left: 60px;}
.section-rabbit .content-right .box-header { text-align: right;}
.section-rabbit .row-large {
font-size: 0;
}
.section-rabbit .column-large {
display: inline-block;
vertical-align: bottom;
width: 50%;
}
.section-rewards-loyalty .box-rewards {
position: relative;
color: #FFF;
text-align: center;
margin: 40px 0;
}
.section-benefit .inner-benefit {
height: 565px;
padding: 20px 20px 40px 20px;
background-image: url(/assets/media/online/loyalty-program/img/img-benefit.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-benefit .benefit-content {
position: relative;
width: 42%;
height: 290px;
color: #FFF;
padding: 60px 40px;
background-color: rgba(0, 0, 0, 0.85);
}
.section-benefit .benefit-content h3 { text-transform: uppercase; color: #FFF; margin-bottom: 15px;}
.section-benefit .content-left { float: left;}
.section-benefit .content-right { float: right;}
.section-bgimg {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-bgimg .container { height: 100%;}
.section-bgimg-fixed {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-color: #040918;
background-size: cover;
}
.section-bgimg-fixed .container { height: 100%;}
.section-bgimg-fixed .section-photo {
background-repeat: no-repeat;
background-size: cover;
}
.section-bgimg-fixed .section-inner {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.section-bgimg-fixed .area-content {
width: 60%;
padding: 40px 0 40px 0px;
}
.section-bgimg-fixed .area-content h2 { position: relative; margin-bottom: 20px;}
.section-targeting-item .box-unique {
min-height: 320px;
padding: 30px 0;
position: relative;
background-color: #FFF;
}
.section-targeting-item .box-unique ul li {
position: relative;
margin-bottom: 5px;
padding-left: 12px;
font-size: 13px;
line-height: 1.3;
}
.section-targeting-item .box-unique ul li:before {
content: "-";
display: inline-block;
position: absolute;
left: 0;
margin-right: 4px;
}
.section-targeting-item .box-unique h3 { font-size: 16px; position: relative; margin-bottom: 10px; text-transform: uppercase;}
.section-targeting-item .box-unique .caption-item { padding: 20px 40px 0;}
.section-targeting-item .box-unique .icon { text-align: center;}
.section-targeting-item .box-unique .icon img { width: 80px; margin: 0 auto;} .th .items-column .caption-item { font-size: 22px;}
.th .grid-items .box { font-size: 18px;} @media screen and (min-width:1440px) {
.items-media .caption h3 { font-size: 35px;}
.items-3column { max-width: 980px; margin: 0 auto;}
.section-targeting-item .box-unique h3 { text-align: center;}
}
@media screen and (min-width:1025px) {
.section-intro-media .box-content h1 { margin-bottom: 35px;}
.section-intro-media .intro-desc-m { display: none;}
}
@media screen and (min-width:980px) {
.section-benefit .inner-benefit { padding: 65px;}
} @media screen and (max-width:1024px) {
.section-rabbit .column-large.column-img { width: 38%;}
.section-rabbit .column-large { width: 62%;}
.items-media .caption h3 { font-size: 24px;}
.items-media .caption h3 small { font-size: 16px;}
.section-intro-media .box-content { width: inherit; padding: 30px;}
.section-intro-media .box-content h1 { margin-bottom: 0;}
.section-intro-media .box-content h1 small { font-size: 20px;}
.section-intro-media .intro-desc  { display: none;}
}
@media screen and (max-width:980px) {
.col-landing { margin-right: 0; margin-bottom: 1px; border-right: 0;}
.col-landing:last-child { border-bottom:1px solid #000; border-right: 0;}
.landing-col-2 .col-landing,
.landing-col-3 .col-landing,
.landing-col-4 .col-landing,
.landing-col-5 .col-landing,
.landing-col-6 .col-landing { width: 100%;}
.row-items .items-column { margin: 30px 0;}
.items-media .caption h3 { font-size: 35px;}
.items-media .caption h3 small { font-size: 18px;}
.media-cover .img-w1140 { display: none;}
.media-cover .img-w767 { display: block;}
.grid-items .box { height: auto; padding: 25px;}
.grid-items .box-header { height: 200px;}
.grid-items .box-header h2 { font-size: 24px;}
.grid-items .grid-video { height: 185px;}
.items-column .amount { font-size: 40px;}
.items-column .icon-items { width: 35px;}
.section-rabbit .column-large { width: 100%; display: block; vertical-align: middle; }
.section-rabbit .column-large.column-img { width: 100%;}
.section-rabbit .content-box,
.section-rabbit .content-right { text-align: center; padding: 0;}
.section-rabbit .box-header,
.section-rabbit .content-right .box-header { text-align: center;}
.section-rabbit .content-box { padding: 40px 0;}
.section-targeting-item .box-unique {
min-height: 240px;
margin-bottom: 20px;
padding: 10px 0 15px 80px;
}
.section-targeting-item .box-unique .icon {
position: absolute;
left: 20px;
margin-top: 20px;
}
.section-targeting-item .box-unique .icon img { width: 60px;}
.section-2col .area-content { padding: 30px;}
}
@media screen and (max-width:767px) {
.section-alltype { padding-bottom: 0;}
.items-media .caption h2 { font-size: 30px;}
.items-media .caption h2 small { font-size: 16px;}
.items-1column .items-column,
.items-3column .items-column,
.items-4column .items-column,
.items-5column .items-column { width: 50%;}
.items-column .amount { font-size: 32px;}
.row-items { text-align: center;}
.row-items .items-column { margin: 25px 0;}
.grid-container { margin-left: -15px; margin-right: -15px;}
.grid-items .area-content { margin-top: 0;}
.grid-3,
.grid-6 { width: 100%; display: inline-block; vertical-align: top;}
.grid-items .box { padding: 30px 20px; min-height: inherit;}
.grid-items .box-header { padding: 30px 20px; height: auto;}
.grid-items .box-header .icon { font-size: 30px;}
.grid-items .box h3 { font-size: 22px;}
.section-bg-fixed .area-content { max-width: 100%; text-align: center;}
.section-bg-fixed .content-vertical-center { vertical-align: top;}
.section-2col .area-content { padding: 30px 20px;}
.section-2col .area-content p { margin-bottom: 15px;}
.section-2col .items-img { margin-bottom: 20px;}
.section-related-media .panel-item .caption .heading-item { font-size: 12px;}
.section-rabbit .content-box { padding:30px 0 0 0!important;}
.section-rabbit .box-header { text-align: center!important;}
.section-rabbit .box-header h2 { font-size: 28px;}
.section-benefit .inner-benefit { height: auto;}
.section-benefit .benefit-content { width: 100%; height: auto; padding: 30px; margin-top: 20px;}
.section-rewards-loyalty .box-rewards { margin: 25px 0;}
.section-rewards-loyalty .box-rewards .icon { width: 35px;}
.section-targeting-item .box-unique { min-height: inherit;}
.section-bgimg-fixed .section-inner { position: relative;}
.section-bgimg-fixed .area-content { width: 100%; padding: 30px 40px;}
.section-type { padding-bottom: 0;}
.hidden-w767 { display: none;}
.visible-w767 { display: block;}
}